ツイッター検索(おは戦専用ver2)

コンテンツ
IT・テクノロジー
前回作成したWebアプリの改良版です。
前回のブログを確認してください。

今回の修正内容です。
・登録・訂正・削除をしやすくした
・JavaScriptを使用
・一気にブラウザで検索

Webアプリの動作

最初の画面です
20200524194812.png
ログインすると以下の画面です。
20200524194947.png
左のメニューから「ツイアカ一覧」をクリックします。
20200524195044.png
下の登録ボタンをクリックします。
20200524195141.png
データを入力します。
20200524195254.png
登録後の画面です。
20200524195406.png
※「aaa」が登録されたのが確認できます。
※30件まで登録できます。
同様に、「bbb」「utalab」を登録します。
以下の一覧画面が表示されています。
20200524195603.png
※一覧画面の上に「3/30」とありますが、30件登録可能状態で、3件登録ということです。
※ツイアカの並び順はアルファベット順です。
「aaa」の訂正ボタンをクリックします。
20200524195736.png
「aaa」を「aaazzz」にします。
20200524195900.png
訂正後の画面です。
20200524200004.png
※「aaazzz」に訂正されているのを確認できました。
「aaazzz」の削除ボタンをクリックします。
20200524200802.png
削除後の画面です。
20200524200908.png
※「aaazzz」が削除されているのを確認できました。
左のメニューから「ツイッター検索(おは戦)」をクリックします。
20200524201019 (1).png
※ログイン後の初期画面と同じです。
※日付は本日の日付です。
※一覧のすぐ上に表示されている日付で検索します。
「全部検索」ボタンを押します。
すると、ブラウザのタブが複数表示されます。

ただし、Chromeの場合ですが、初めての場合は、1つだけしか表示されません。ブラウザの初期設定だと思いますが、POPアップブロックがかかっています。
ブラウザのURLの☆の左にマークがあります。
20200524202046.png
クリックします。
20200524202514.png
「許可する」を選択し、完了ボタンを押してください。
クリックすると、ちゃんと複数タブで表示されます。
他のブラウザも同様だと思います。

まとめ

前回は、1アカウント単位で開いていましたが、一気に開くことで、ちょっと楽になりました。
自作は大変ですけど、自分で改良できるのがよいですね。
いろいろ改良していこう!!

では、また!


サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す