こんにちは、Procom開発チームです！本日は、ユーザーからのリクエストが特に多かった「自由に追加できるリンクボタン機能（カスタムSNSリンク機能）」の正式実装についてご報告します。 この機能によって、TwitchやThreads、noteやブログなど、既存のSNS以外にも自由にリンクを追加できるようになりました。Pr...

問題1：特定の条件でフィルタ 以下の配列から、年齢が20歳以上のユーザーだけを抽出してください。 const users = ; 問題2：プロパティの合計を算出 以下の商品の合計金額を求めてください。 const items = ; 問題3：mapを使ってフォーマット変換 以下の配列から、"名前（年齢）" という形式の...

JavaScriptの基本をマスターしたい方に向けて、試験や面接対策として役立つ問題を10問厳選しました。理解度チェックにもぴったりです！ 【第1問】変数の宣言 次のコードで正しい変数の宣言はどれですか？ A. let 1number = 10;B. const name = "Taro";C. var if = "h...

JavaScriptで時間を使った処理を書こうとすると、必ず出てくるのが setTimeout と setInterval。一見似ているこの2つ、実は使い方を間違えると 無限ループ地獄 や 思わぬバグ にハマってしまうこともあります。 この記事では、「初心者がやりがちな勘違い」と「正しい使い分け方」「クリア（停止）の方...

JavaScriptを学ぶ上で「オブジェクト」の理解は不可欠です。これは変数や関数と同じく、言語の根本的なパーツの一つであり、設計パターンやデータ構造を理解する上での要矩です。 この記事ではJavaScriptのオブジェクトについて、基礎知識から強力な実装テクニックまで、完全解説します。 【基礎】JavaScriptの...

こんにちは、Procom開発チームです。 今回は、開発環境で突如発生したInstagram埋め込みが表示されなくなるエラーについて、記録として残しておきたいと思います。結論から言えば、原因は不明のままですが、最終的に自然復旧しました。こういうこともあるんですね……。 🌀発生した現象 開発環境（ローカル）で Instag...

― Firestore保存失敗、useState同期ミス、名前解決エラーまで ― こんにちは。Procom開発チームです。今回は新たに実装した**「バナーリンク機能」**について、実装の流れとその中で遭遇した複数のトラブル・エラー、そしてそれをどう解決していったのかを詳しくご紹介します。 Procomでは各ユーザーが最...

こんにちは、Procom開発チームです。 このたび、**Procomユーザーページに新たな機能「バナーリンク機能」を追加しました！この機能により、ユーザーは自分のページに画像付きのリンクバナー（最大3件）**を表示できるようになります。 例えば、 あなたのネットショップ グッズ販売ページ イベントチケット予約ページ フ...

こんにちは、Procom開発チームです。 今回は、ユーザーの皆さんから以前よりご要望をいただいていた「SNSリンクの表示・非表示切替機能」を、Procomのプロフィールページに正式に実装したことをお知らせします。 このアップデートにより、ユーザーは自身のページ上に表示するSNS（YouTube、X（旧Twitter）、...

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