前回作成したWebアプリの改良版です。
ポイント
- 登録・訂正・削除をしやすくした
- JavaScriptを使用
- 一気にブラウザで検索
Webアプリのデモ
こちらから動作確認できます。
最初の画面です
ログインすると以下の画面です。
左のメニューから「ツイアカ一覧」をクリックします。
下の登録ボタンをクリックします。
データを入力します。
登録後の画面です。
※「aaa」が登録されたのが確認できます。
※30件まで登録できます。
同様に、「bbb」「utalab」を登録します。
以下の一覧画面が表示されています。
※一覧画面の上に「3/30」とありますが、30件登録可能状態で、3件登録ということです。
※ツイアカの並び順はアルファベット順です。
「aaa」の訂正ボタンをクリックします。
「aaa」を「aaazzz」にします。
訂正後の画面です。
※「aaazzz」に訂正されているのを確認できました。
「aaazzz」の削除ボタンをクリックします。
削除後の画面です。
※「aaazzz」が削除されているのを確認できました。
左のメニューから「ツイッター検索（おは戦）」をクリックします。
※ログイン後の初期画面と同じです。
※日付は本日の日付です。
※一覧のすぐ上に表示されている日付で検索します。
「全部検索」ボタンを押します。
すると、ブラウザのタブが複数表示されます。
ただし、Chromeの場合ですが、初めての場合は、１つだけしか表示されません。ブラウザの初期設定だと思いますが、POPアップブロックがかかっています。
ブラウザのURLの☆の左にマークがあります。
クリックします。
「許可する」を選択し、完了ボタンを押してください。
クリックすると、ちゃんと複数タブで表示されます。
他のブラウザも同様だと思います。
ポイント解説など
登録・訂正・削除をしやすくした
プログラムでは、登録・訂正・削除後に、常に一覧表示に戻ることで、確認と一覧表示が同時にできることとなります。
JavaScriptを使用
前回は使いませんでしたが、WebアプリではJavaScriptは必須です。
一気にブラウザで検索
これで使い勝手はよくなりました。JavaScriptを使わないと無理でしょう。
まとめ
前回は、１アカウント単位で開いていましたが、一気に開くことで、ちょっと楽になりました。
自作は大変ですけど、自分で改良できるのがよいですね。
いろいろ改良していこう！！
