マイクロブログSNS
- 制作区分
- 自主制作・公開デモ
- サービス分類
- Webアプリ・業務システム
- 公開状態
- 公開済み
140字の短文投稿を中心に、フォロー・通知・検索を備えた小規模なマイクロブログ型SNS。
Next.js App Router + TypeScript + Prismaで構築したマイクロブログSNSのデモ「ひとこと（Hitokoto）」。140字の短文投稿（画像は任意）、「発見」「フォロー中」を切り替えられるcursorベースの無限スクロール、いいね・コメント、フォロー、プロフィール、通知、ハンドル・表示名検索を実装している。認証はscryptによるパスワードハッシュとDBセッション（httpOnly Cookie）の自前実装で、投稿・コメントの削除時には所有者を確認する。CoCoLinkやメッセージアプリとは役割を分け、機能を絞った構成にしている。
同等規模を新規制作する場合の参考価格
2,800,000円〜
認証、短文投稿、タイムライン、フォロー、いいね・コメント、通知、プロフィール、検索、画像処理、レスポンシブUI、基本公開設定を含む想定です。
掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。
制作目的
投稿・タイムライン・フォロー・通知など、マイクロブログの基本的な流れを一通り動かせる小規模なデモとして制作。多機能SNSのCoCoLinkやチャット中心のメッセージアプリとは役割を分けている。
想定利用者
短文を中心に気軽に投稿・交流したい利用者
担当範囲
- 企画・要件整理
- 情報設計
- UI設計
- Webデザイン
- フロントエンド実装
- バックエンド実装
- DB設計
- API設計
- セキュリティ設計
- テスト
- サーバー設置・公開
主な機能・特徴
- 140字の短文投稿（任意画像をsharpでリサイズ・WebP化）
- 「発見」「フォロー中」の切り替えとcursorベースの無限スクロール
- いいね・コメントの楽観的UI更新
- フォロー/フォロー解除とおすすめユーザー表示
- プロフィールページ（/@handle）とプロフィール編集
- 通知の未読バッジと自動既読化
- ハンドル・表示名による検索
- scrypt + DBセッションによる認証と、削除時の所有者確認
- SQLiteで実装し、MySQL/MariaDBへの移行を想定した接続分岐を用意
技術スタック
制作領域
制作期間
2026年〜
ご相談について
制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。
ご相談・お問い合わせ