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

今日のゴール 関数を小さく分ける設計感覚をつかむ map / filter / reduce の「雰囲気＋使いどころ」を体感 fetch でAPIからJSONを取り、画面に表示 1日目のカウンターを発展させて、ToDoアプリを完成（localStorage保存） 1. 関数は「小さく」「役割ひとつ」 まずは“その関数、...

今日のゴール ブラウザで Hello, JavaScript! が出る ボタンをクリックして数字が増える（DOM操作） つまずいたら自分で原因を見つけられる（DevTools/console） 0. 環境準備（5分） ブラウザ：Chrome（Edge/Safari でもOK。この記事はChrome基準） エディタ：VS...

この記事で作るもの 月ごとのカレンダー（前月・次月・今月ボタン） 日付クリックでモーダルが開き、その日の予定を追加・削除 予定はブラウザのローカルストレージに保存（自動で永続化） 予定のエクスポート/インポート（JSON） 使い方（超シンプル） 下のコードをそのまま1つのHTMLファイルとして保存（例：easy-cal...

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

はじめに こんにちは。今回は、私が実際に開発している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...