Products

SNS風Webアプリケーション「Twinklly（仮名称）」

このアプリは、Node.jsとMySQLを用いて構築したSNS風のWebアプリケーションです。
ユーザー登録・ログイン認証機能を備え、ユーザー同士がつぶやき（投稿）を行い、
「いいね」やリプライを通じたリアクション、フォローによるタイムライン形成が可能です。
趣味と学習を兼ねて、バックエンド主体で開発を行いました。
ソースコードをGitHubにて公開しました。
Githubリポジトリはこちら

Server

主な機能

  • アカウント新規登録（メールアドレス、ユーザーID、表示名、パスワードの登録）
  • ログイン・ログアウト認証
  • プロフィール編集（画像、自己紹介、各種情報の変更）
  • 投稿（つぶやき）の作成・削除
  • 投稿の詳細表示（リプライ、いいね数の確認）
  • リプライ機能（投稿に対してコメント）
  • いいね（GOOD）・いいね取り消し（1ユーザー1回まで）
  • タイムライン（フォロー中ユーザーの投稿表示）
  • フォロー・フォロー解除機能
  • プロフィールページ（フォロワー・フォロー数、投稿一覧）
  • 投稿内容のキーワード検索（ワイルドカード対応）

使用技術

Node.js
MySQL
Bootstrap
EJS

Screenshots

Server
Server
Server
Server
Server
Server
Server
Server
Server

Comments

このSNS風アプリの制作を通して、Webアプリ開発の一連の流れを実践的に学ぶことができました。
特に、MySQLのJOINやサブクエリを活用したデータ取得では、初めて扱う構文に試行錯誤を重ねながらも、AIツールを活用して理解を深め、自分なりの設計で機能を構築できたことが大きな経験となりました。

また、ユーザー同士のやり取りやUIの操作感など、細かな使い勝手にも気を配りながら、セッション管理やリプライ機能、フォロー関係の構築といった複数の機能を段階的に実装しました。
時間はかかりましたが、その分深い学びを得られた開発でした。

今後は、この経験をもとによりスケーラブルな設計やフロントエンドの改善にも取り組み、技術力をさらに高めていきたいと考えています。