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

プログラミングを始めるとき、真っ先に用意したいのが「エディタ」です。エディタとは、ソースコードを書くためのアプリケーションのこと。良いエディタは作業効率を劇的に上げ、学習のモチベーションまで高めてくれます。 今回は、世界中で愛される無料エディタ Visual Studio Code（VSCode） と、プロフェッショナ...

はじめに JavaScriptは「クリックしたら動く」だけではありません。マウスやキーボードのイベントを使えば、自分で操作できるインタラクティブな作品が簡単に作れます。今回は、初心者でも楽しみながら作れる5つのアプリ例を紹介します。 1. 画像の拡大・縮小ビューア マウスホイールで画像を拡大縮小できます。 <im...

はじめに 「JavaScriptを勉強しているけど、何から作ったらいいかわからない…」そんな初心者の方、多いですよね。実はJavaScriptは、ブラウザだけで動かせるので、インストールなしですぐに試せるのが魅力です。今回は、初心者でも数時間〜1日で完成できる「作れる物」5選と、簡単なコード例をご紹介します。 1. 時...

「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...