今日のゴール **SWR（Stale-While-Revalidate）**で「速い＋新しい」を両立 入力はデバウンス、スクロールはスロットルでスムーズに Promise.allで並列fetch 状態メッセージをaria-liveで読み上げ対応すべてバニラJS + ESM（ES Modules）で実装します。外部ライブ...

Next.jsでアプリケーションを作っていると、必ずと言っていいほど必要になる「ログイン・ログアウト機能」。本記事では、認証の仕組みから、セッション管理の方法、実装コード例まで、初心者の方にもわかりやすく丁寧に解説します！ ✅ この記事でわかること 認証とセッションの基礎 Next.jsでのログイン・ログアウト実装の流...

こんにちは、Procom開発チームです。 今回は、プロフィール欄をもっと魅力的に・もっと簡単に埋められる新機能として、「10の質問テンプレート」を導入しました。SNSやポートフォリオで自己紹介を書こうと思っても、何を書いたらいいのか分からず止まってしまう……そんな経験、ありませんか？ Procomのユーザーページに「1...

こんにちは、Procom開発チームのものです。 2025年7月5日。今日は“影のアップデート”が大量に積み重なった一日でした。一見地味な修正ばかりに見えて、実は「SNSでシェアしたときの顔（OGP画像）」や「ユーザーの愛を可視化する機能（推しボタン）」など、Procomというサービスの“第一印象”を大きく変える要素に向...

こんにちは！今回は僕がずっと開発してきたパフォーマー・クリエイター向けSNS「Procom」を、ついに公開できたご報告です。実際に使ってみたい方は、ぜひ下記リンクからアクセスしてみてください。 👉 公式サイト：https://procom-next.onrender.com/ ■ Procomとは？ 〜ダンサー・You...

こんにちは、Procom開発チームです！ 今日は、**クリエイターが自分のSNS活動をもっと自由に、もっとかっこよく発信できる場所「Procom」**に大きな進化をもたらすアップデートが完了しました。 今回のブログでは、特に進捗の大きかった以下の5つの機能改修と実装について、技術の裏側も交えてたっぷり語ります👇 ✅ 1...

こんにちは。今日は一日かけて、Procom（プロコム）の開発を集中的に進めました。特に「ユーザーページ表示の安定化」と「お気に入りユーザー機能の実装」について、大きな進展がありました。 今回はその記録を、技術的な背景や悩んだポイントを含めて、開発ログ風ブログ記事としてまとめておこうと思います。今後の振り返りや、同じよう...

2025年6月18日、Procomのバックエンド開発において、画像アップロードと認証処理まわりに発生したバグの修正を実施しました。今回は、以下の2点について技術的な検証と修正を行った記録をまとめます。 🔧 主なバグ内容 1. iron-session を用いたセッション認証でのエラー Next.js（App Route...

こんにちは、Procom開発者の海老氏です。今日は**SNS連携型プロフィールプラットフォーム「Procom」の開発において、「ユーザー写真アップロード＆スライダー表示機能」をNext.js×Firebase（Storage）**で実装した進捗について、4000文字超で赤裸々に綴ります。 この機能は、「自分の活動や世界...

ユーザー体験を高めるUI再構築とNext.js移行への挑戦 🧭 はじめに 皆さまこんにちは、Procom開発チームの海老氏です。 本日は、2025年6月14日時点でのProcom（プロコム）開発進捗についてご報告いたします。Procomは、YouTuber・インスタグラマー・ダンサー・芸人・パフォーマーなど、“見せるこ...