ソースコードから理解する技術-UnderSourceCode

手を動かす(プログラムを組む)ことで技術を理解するブログ

つぶやきまくったー

「つぶやきまくったー」というアプリを作ってみました。
Twitterでよくつぶやくツイートを予め登録しておき、クリック一つで(ログインがあるから2つかな?)
Twitterに投稿するアプリです。

ログイン時にTwitterのアカウントによる認証を行い、Twitterのアカウント毎に
ツイートを保存しています。

アプリ自体はRuby on Railsで作成し、herokuで運用しています。

とりあえずベータ版ということで、本日(2012/09/02)、herokuにデプロイしてみました。
動作環境はIE9、Opera12.02、Opera Mini 7.0.xでは動作確認をしています。
興味があれば、これを使ってつぶやきまくってみて下さい。
なお、利用により生じた損害については責任を負いかねます。
メンテやサーバーの移動など、自分の都合でデータが消えるかもしれません。

以下、使用の流れです。

1.ログイン
つぶやきまくったー にアクセスすると、以下の画面が表示されます。
「Sign in with Twitter」のボタンを押し、Twitterの認証を行います。
f:id:UnderSourceCode:20130504095444j:plain

2.Twitter認証
使用しているブラウザでTwitterにログインしていない場合、以下の画面が表示されます。
Twitterのユーザー名、パスワードを入力し、Twitterアカウントの認証を行います。
Twitterにログイン済みの場合は、この画面は表示されず、次の画面が表示されます。
f:id:UnderSourceCode:20130504095459j:plain

3.初期表示
初回ログイン時にはツイートは登録されていないため、以下のような画面になります。
「ツイートを追加」リンクを押し、よくつぶやくツイートを登録します。
f:id:UnderSourceCode:20130504095523j:plain

4.ツイートの登録
以下の画面にてツイートを登録します。
f:id:UnderSourceCode:20130504095536j:plain

5.登録完了
ツイートの登録が完了すると以下の画面が表示されるので、「戻る」リンクを押します。
f:id:UnderSourceCode:20130504095549j:plain

6.ツイートする
先ほど登録したツイートが、一覧に表示されているはずです。
「つぶやく」リンクを押すと、Twitterに投稿されます。
f:id:UnderSourceCode:20130504095602j:plain

2回目のログインからは、「Sigin in with Twitter」のボタンを押すと「6.ツイートする」の
画面に遷移します。
「編集」リンクはツイート内容の変更に、「削除」リンクはツイートの削除に使用します。

以上、「つぶやきまくったー」を作ってみたことの記録でした。