「JavaScriptって難しそう…」「勉強しても途中で挫折しちゃう…」 そんなあなたにこそ試してほしい、たった数行で作れて、ちょっと感動するミニミニゲームを紹介します！ 今回のテーマは「作って楽しい・動かして嬉しい・アレンジして学べる」。初心者でもコピペですぐ動かせる、楽しい練習コード7選です。 1. ランダム励まし...

こんにちは、Procom開発チームです。本日は「TikTokの埋め込み機能」に関して、短縮URL対応の実装とその裏側で起きた問題・改善・最終的な成功までの道のりを記録としてまとめます。 🎯 最初の目的：TikTokの動画を最大3つまで埋め込みたい！ Procomでは、ユーザーページにTikTok動画を埋め込むことができ...

こんにちは、Procom開発チームの管理人です。 本日は「Procom（プロコム）」における大きな機能追加として、カテゴリ別表示スライダー機能と、登録者一覧ページの実装を完了しました。このブログでは、実装の背景や技術的ポイント、苦労した点、そして今後の展望についても含めて詳しく紹介します。 🔸Procomとは？ 改めて...

✅ はじめに こんにちは、Procom開発チームです。今回はTikTokの埋め込み仕様が変更された件について、実際にProcomで発生した表示不具合と、その対応方法について詳しく解説します。 「TikTokの動画が急に埋め込めなくなった」「変なアンケートっぽいUIが出るようになった」そんな現象に悩まされている開発者の方...

こんにちは、Procom運営です。 今回はとても嬉しいお知らせがあります。それは──Procomに登録されたユーザーの名前が、Google検索にしっかり表示されるようになったということです！ 「Procom + 名前」などのキーワードで検索したときに、ユーザーページが検索結果に表示されるようになりました。これはSEO（...

こんにちは。Procom開発チームです。 今回は、Procomの独自ドメイン「https://procom.jp」取得について、開発の裏話や、なぜ独自ドメインがSEOに有利なのかなどを、開発者目線で詳しくご紹介します。 ✅ なぜ独自ドメインを取得したのか？ これまでProcomは、Renderの無料サブドメイン（pro...

Next.js App Router を使って開発していると、以下のような 謎の型エラー に遭遇したことはありませんか？ Type error: Type '{ uid: string; }' is missing the following properties from type 'Promise<any>'...

こんにちは、Procom開発チームです。今回は「ユーザーページのカレンダーに日付を反映させる機能」を追加しようとした際に発生した複数のビルドエラーや型エラーの解決について、実例を交えて解説します。 🔧 やりたかったこと ユーザーページで表示されるカレンダーで日付をクリックしたら、下にある入力欄（予定の登録フォーム）にそ...

こんにちは！この記事では、SNSプロフィール集約プラットフォーム「Procom（プロコム）」のすべての機能を詳しくご紹介します。SNS時代にぴったりのこのサービスは、クリエイター・パフォーマー・インフルエンサー・フリーランスなど、個性を発信したいすべての人におすすめです。 🎯 Procomとは？ Procomは、「あな...

プログラミングを学び始めたばかりの方も、ある程度慣れてきた中級者も、作業効率を劇的に上げたいなら「ショートカットキー」をマスターするのが近道です。 今回は、エディタ（VSCode）やOS操作（Windows/Mac）、ブラウザ、ターミナルなど、開発に関わるさまざまな環境で使える便利なショートカットキーを一挙にまとめまし...