React を学び始めるとき、まず最初にぶつかる壁が「開発環境の準備」です。ブラウザで HTML を開くだけでは、モダンな JavaScript やパッケージ管理、コード整形、ホットリロードといった便利な機能を活用できません。
そこで本記事では、React を快適に学習・開発するための基盤となる Node.js（JavaScript を動かす実行環境）、npm（パッケージ管理ツール）、そして VSCode（無料で高機能なエディタ）の導入と設定を、初心者向けにステップバイステップで丁寧に解説します。
「Reactとは何か？何ができるのか？」という全体像を理解できたところで、今回はさらに踏み込んで、Reactの最大の特徴であるコンポーネント指向と、なぜ 大規模開発でも選ばれるのかを徹底解説します。これを理解することで、ReactがただのUIライブラリではなく「長期的に開発を支える強力な基盤」であることが分かります。
続きを読む
Web開発の世界で「React」という名前を一度は耳にしたことがあるのではないでしょうか。
Facebook（現Meta）が公開して以来、世界中の開発者に選ばれ続け、いまやフロントエンド開発の定番となっています。
本記事では、Reactが「何ができるのか？」「なぜ選ばれるのか？」をシンプルに紹介していきます。
今回は画像のズーム機能をjQueryで実装していきます！ギャラリーページや商品ページの画像にズーム機能をつけれるような関数を実装していきます．元画像上でカーソルを動かすと，そのカーソルに追従するようにズーム範囲が動く機能も実装します．今回は関数として機能を実装し，引数でズーム倍率を設定することができるようにします．
続きを読む
今回は画像ギャラリーの写真フィルタリング機能を実装していきます．ここでいうフィルタリング機能とは，複数ある画像の中から条件に合致した写真のみを表示する機能のことです．
続きを読む
今回はリロードするたびに画像がランダムに変化する関数をjQueryで作っていきます！関数で作り，引数に画像となる要素と画像名の配列を指定することで，汎用性の高い関数を作ります．
続きを読む
2020年9月20日にiOS 13のアップデートが行われ，ついに！待望の！ダークモードが実装されました！！このダークモードって見た目がかっこいいだけじゃないんです！ダークモードには，低照度時の目への負担の軽減，消費電力の低減等の利点があります．今回はWebページにおけるダークモードを「jQuery」を用いて実装していきます．
続きを読む
今回はタイピングアニメーションを実装します．タイピングアニメーションを実装は「t.js」を使用します．実装の導入方法や設定値，使い方を解説します．
続きを読む
