4f - Twitterトレンドを4コマで！ -

https://four-frames.herokuapp.com/

4fとは

Twitterのタイムラインを読むほど時間はないが、世の中の直近で何が起きているかざっと見たいといった自分の欲のために作りました。4fは"4 frames"の略で、日本語では4コマです。あんまり多くのツイートに溺れてしまわないように、Twitterのトレンドを最小限のツイート数で理解しようというものです。トレンドにまつわる4つのツイートを抜粋して表示しています。

これをPC版では右左の矢印キーでトレンドを切り替えていけます。スマホ版では画面中央左右にある切り替えボタンで切り替えていきます（今後スワイプに対応予定）

技術

私自身、プログラミングは大学の授業でしかやったことないので、いろいろと試行錯誤中のため、Twitter/Github等から指摘いただけると喜びます。
・開発環境：VSCode + Docker on Mac
・稼働環境：Heroku
・GitHub：https://github.com/jnakajima1982/4f
・フレームワーク：Laravel
・Asana：やることリスト
・Figma：モックアップ用

・ER図：データベース・モデリング

ToDo

以下が今後やっていこうと思っていることです。
・TailwindCSSへの移行
・スワイプ対応
・ReactでSPA化
・トレンドページ自体を拡散するツイートボタン設置

感想

これだけやるのも時間がかかってしまいましたが、実践することで身についたことも多かったです。逆にこれをやりながら、Asanaなどの進捗管理ツールを外部公開できたら、このサービスを使っている人が今後のロードマップがわかるのになと思ったので、そういったサービスを作ってみようかと思っています。