はじめに Next.jsはReactベースのフレームワークとして、Webアプリケーションの開発をより効率的かつ柔軟に行えるよう設計されています。その中でも大きな特徴として挙げられるのが「ルーティング」の仕組みです。 Next.jsには従来のPages Routerと、2023年に登場した新しいApp Routerという...

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

名刺・フライヤー・SNSで使えるあなたの「プロフィール直通リンク」 はじめに SNSやポートフォリオ、自己紹介ページを複数持っていると、「どこを見てもらえばいいのか迷う」「相手にリンクを送るのが面倒」…そんな悩み、ありませんか？ Procom（プロコム）なら、すべての情報を1ページにまとめることができるだけでなく、その...

〜公式Widgetの使い方から動的埋め込みまで徹底解説〜 こんにちは。今回は「X（旧Twitter）のポスト（ツイート）」をあなたのWebサイトやアプリに埋め込む方法について、JavaScriptでの実装方法を丁寧に解説します。 「HTMLに貼るだけじゃなくて、動的にURLを変えて埋め込みたい」「ReactやNext....

〜恋もタスクも、忘れずに〜 こんにちは！エンジニア見習いの海老氏です。 今回は、JavaScriptの基本を楽しく学びたい方にピッタリな練習テーマとして…なんと、「恋するToDoリスト」を作ってみました！ 「ToDoリストって普通じゃない？」と思ったあなた。今回のリストは違います。💘 タスクを追加すると「好き…」と言わ...

こんにちは、Webエンジニアの海老氏です！ 今回は、**誰でもすぐに試せる「JavaScriptの練習コード」**を紹介します。しかも…全部 “ちょっと感動する” やつだけを厳選しました。 初心者でも「JavaScriptおもしろっ！」と感じられる内容ばかりなので、プログラミングのモチベーションを爆上げしたいあなたにお...

こんにちは！SNSリンク集約サービス Procom（プロコム） の開発チームです。 今回は、多くのユーザーの声にお応えし、**「パスワードの再設定機能」**を新たに実装したことをご報告します。 🔎 こんな経験、ありませんか？ 「久しぶりにログインしようとしたらパスワードを忘れていた」 「いつも自動ログインに頼っていたか...

気づけば4時間、タイピングしっぱなし。気づけば8時間、座りっぱなし。…そして気づけば、腰が死んでる。 プログラミングとは、ただの知的労働ではありません。腰痛との闘いでもあります。 🧨 プログラマーあるある：「気づけば固まる」 「あと5分だけ…」そう思って修正を始めたバグが、いつの間にか深い穴になり、気づけば1時間、動い...

Webアプリに「QRコードで情報を共有したい」「URLやテキストを簡単に配布したい」といったニーズはよくあります。この記事では、QRコードの生成と画像としてのダウンロードをJavaScriptで実装する方法を、ライブラリ選定からコード実装まで順を追って解説します。 ✅ 使用ライブラリ：qrcode まず、QRコードの生...

こんにちは！パフォーマー・YouTuber・フリーランスの“魅せるプロフィール”を応援するSNS、**Procom（プロコム）**から超便利な機能の紹介です。 📢「自分のプロフィールにYouTube動画を埋め込みたい！」「お気に入りの1本を目立たせたい！」そんなあなたに朗報です。 今回は、Procomユーザーなら誰でも...