はじめに こんにちは、Procom開発者です！ 今回は、Next.js のクライアントコンポーネント（'use client'）で以下のような致命的なエラーに遭遇しました。 Error: Rendered fewer hooks than expected. This may be caused by an accid...

Firebase Firestore は、スケーラブルかつリアルタイムな NoSQL データベースとして、多くのモダンアプリで利用されています。特に Next.js や React、Vue.js などのモダンフロントエンドとの相性がよく、スタートアップや個人開発にも人気です。 本記事では、Firestore設計の中でも...

Procomは、「あなたのすべてを、ここに集約。」をコンセプトに、YouTuber・ダンサー・インフルエンサーなどの自己発信を支援するプロフィール集約プラットフォームです。多機能かつ自由度の高いこのサービスですが、開発・利用の過程で初心者が陥りやすい典型的なエラーやバグがいくつか存在します。 本記事では、Procomの...

はじめに こんにちは。今回は、私が実際に開発しているSNSプロフィール集約サービス「Procom」の実装中に遭遇したエラー、「PagePropsに関するエラー」とその解決方法について詳しく紹介します。 Next.jsのApp Router（app/ ディレクトリ）を使っている方、あるいはTypeScriptでしっかり型...

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

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

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

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

はじめに こんにちは。今日は、私が開発しているSNSプラットフォーム「Procom（プロコム）」の中で発生した写真アップロード機能に関するバグについて、対応の記録をブログ形式でまとめてみます。 今回のトラブルは、Firebase Storageへの画像保存処理とJavaScript側の連携ミスによるもので、最終的に無事...