こんにちは！今回は僕がずっと開発してきたパフォーマー・クリエイター向けSNS「Procom」を、ついに公開できたご報告です。実際に使ってみたい方は、ぜひ下記リンクからアクセスしてみてください。
👉 公式サイト：https://procom-next.onrender.com/
Contents
■ Procomとは？ 〜ダンサー・YouTuber・フリーランスのためのプロフィール集約SNS〜
「Procom（プロコム）」は、自分の活動をひとつのページにまとめられるSNSです。ダンサー・YouTuber・インスタグラマー・TikToker・お笑い芸人・フリーランスなど、「個人で活動している人」が主役。
**SNSリンク（YouTube・X・Instagram・TikTok）**をまとめて表示したり、写真スライダーやカレンダー予定など、自分の「今」と「魅力」をギュッと一枚に詰め込めるプロフィールページを無料で作成できます。
しかも登録は3分で完了！リンクを貼るだけで、自分のSNSが埋め込み表示されるんです。
■ 作った背景 〜自分自身が「発信の整理」に悩んでいた〜
実はこのサービスを作ろうと思ったのは、自分自身がSNSの発信に苦労していたからです。
InstagramもX（旧Twitter）もYouTubeも全部頑張ってるのに、
- 「どれを見せればいいかわからない」
- 「プロフィールにリンクを貼りすぎてごちゃごちゃする」
- 「イベントや出演情報が流れていってしまう」
という状況に陥っていました。
それなら…
**「全部まとめて見せられる、自分だけの発信ページを作ろう！」**と思ったのがProcom誕生のきっかけです。
■ どんなことができるの？主要機能まとめ
Procomは現時点で以下のような機能を備えています。
🔹 1. SNSリンクまとめ
- YouTubeチャンネル → 最新動画 or お気に入り動画を表示可能
- Instagram → 投稿の埋め込み対応
- X（旧Twitter） → プロフィール画像とリンク表示
- TikTok → 投稿動画を埋め込み再生
🔹 2. 写真スライダー
- 最大5枚の写真を登録でき、左右にスライドで表示
- 写真ごとに表示位置の調整も可能
🔹 3. カレンダー予定登録
- 「ライブ出演」や「撮影予定」など、イベントを日付付きで登録
- 他の人があなたの予定を一目でチェックできます
🔹 4. 検索＆ユーザー一覧表示
- 名前や肩書きで検索可能
- 他のユーザーのページを閲覧して「お気に入り」に追加できます
🔹 5. QRコード生成（イベント名刺などに活用可能）
- 自分のプロフィールページURLをQRで生成し、画像として保存できます
■ 技術的な話（Next.js + Firebase + Tailwind）
Procomは、以下の技術を使って開発しました。
| 技術 | 内容 |
|---|---|
| Next.js | フロントエンドとAPIを統合したReactフレームワーク |
| Firebase | Firestore（データベース）とStorage（画像保存） |
| Tailwind CSS | UIデザインのためのCSSフレームワーク |
| Iron Session | セッション管理に使っている安全な仕組み |
| Render | デプロイ（公開）先として使用中 |
とくに苦戦したのは、画像アップロードと表示位置調整、そしてYouTubeの表示モード切り替えです。初心者の自分にとっては未知の連続。でも、一つずつ調べて、試して、エラーを直して……やっとここまで来れました。
■ 作ってみて分かったこと
今回、実際に自分で一からサービスを作って公開してみて、
- 「世の中に出す」ことの大変さと喜び
- 「使う人の立場に立つ」ことの難しさ
- 自分のアイディアが形になったときの感動
を、身をもって体験できました。
正直、何度もエラーで心が折れそうになりました。でも、自分が「必要だ」と思ったからこそ、ここまで継続できたと思っています。
■ これから追加していきたい機能
まだまだProcomは完成ではありません。これから以下のような機能追加を予定しています。
- ✅ プロフィールの翻訳機能（日本語/英語切替）
- ✅ 複数SNSの追加（Facebook、noteなど）
- ✅ アクセス解析機能（どれくらい見られたか）
- ✅ パフォーマー同士のつながり機能（フォロー・メッセージ）
どれも、ユーザーの「見せたい」「つながりたい」という気持ちに寄り添った機能ばかりです。
■ ぜひ応援＆フィードバックください！
ここまで読んでいただき、ありがとうございます。
「Procom」はまだ生まれたてのサービスです。
でも、本気で「フリーランスが活躍しやすい場を作りたい」と思っています。
もし興味を持ってくれたら、ぜひプロフィールを作ってみてください。
👉 https://procom-next.onrender.com/
そして、「こういう機能がほしい」「ここが分かりにくい」などのご意見・ご要望もお待ちしています！
最後に
たった1人で始めた小さなプロジェクトですが、いつか「Procomがあるから自分の活動を見てもらえた」と思ってもらえるような、そんな場所に育てていきたいです。
引き続き応援よろしくお願いします！
📝 Procom公式サイト → https://procom-next.onrender.com/
📩 ご意見・バグ報告 → info@procom.jp
