システム概要

本プロジェクトは、「THE SECOND」に関連するTwitter投稿を収集・解析し、頻出ワードやハッシュタグをランキング形式で可視化するWebアプリケーションです。
ユーザーは最新の話題やトレンドを直感的に把握できます。

使用技術

バックエンド

• Python
  データ取得と解析処理を担当。Twitter APIからツイートを取得し、形態素解析ライブラリで頻出単語を抽出。

• janome
  日本語の形態素解析を行うために利用。ツイートのテキストから意味のある単語を抽出し、ランキング作成に活用。

• Docker
  バックエンド環境のコンテナ化を実現し、依存関係の管理と開発環境の統一を実現。

フロントエンド

• React
  UIコンポーネントの構築に使用。ユーザーに動的で快適な操作体験を提供。

• TypeScript
  型安全なコード記述により、バグの早期発見と保守性の向上を図る。

• Tailwind CSS
  ユーティリティファーストのCSSフレームワークで、迅速かつ柔軟なデザイン実装を実現。

• framer-motion
  画面遷移やランキング表示前のアニメーションに利用し、視覚的な魅力を向上。正直ここはAIに聞きすぎてブラックボックス化してしまった。

• Vite
  高速な開発環境を提供するビルドツールとして利用。

• Docker
  フロントエンド開発環境のコンテナ化を行い、開発速度を高める。

インフラ・その他

• github pages
  フロントエンドの静的ファイルを配置しWEB公開を実現。