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

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

👨‍💻 ずっと座ってコードを書いていると… 腰が痛い 集中力が落ちる なんか眠い 目がしょぼしょぼ… そんな悩み、ありますよね？実は、プログラマーにとって「健康習慣」こそが最大のパフォーマンスアップ術。 今回は「疲れにくく、集中力を維持し、創造力もアップする」ための習慣をテーマ別に紹介します。 1. 長時間座っても疲れ...

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

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

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

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