
JavaScript の紹介と埋め込み
この実験では、JavaScript の基本を学びます。HTML ファイルに直接埋め込む方法や、外部 JavaScript ファイルをリンクする方法を学びます。
JavaScript

JavaScript 変数とデータ型
この実験では、`let` を使用して変数を宣言し、文字列、数値、ブール値などの基本的なデータ型を探求することで、JavaScript の基本を学びます。
JavaScript

JavaScript イベント処理
この実験では、onclick 属性の使用から addEventListener やイベントオブジェクトのプロパティなどの高度なテクニックまで、JavaScript イベント処理の基本を学びます。
JavaScript

JavaScript 関数
この実験では、JavaScript 関数の定義方法、パラメータの追加、値の返却、コードブロックの実行のための呼び出し方法など、基本的な概念を学びます。
JavaScript

JavaScript ループ
この実験では、for、while、do-while ループを含む JavaScript ループの基本を学び、コードの流れを制御してアクションを繰り返します。
JavaScript

JavaScript の演算子と式
この実験では、算術演算、文字列連結、インクリメント演算子を含む、JavaScript の演算子と式の基本を学びます。
JavaScript

JavaScript で API を呼び出す
この実験では、モダンな JavaScript を使用して Web API と対話する方法を学びます。`fetch` API を使用して GET および POST リクエストを行い、レスポンスを処理し、JSON データを解析し、HTML に表示し、エラー処理を実装し、動的な Web アプリケーションのために API キーでリクエストを認証します。
JavaScript

JavaScript DOM 操作
この実験では、要素の選択、コンテンツの変更、属性の設定、新しい要素の作成/追加など、JavaScript DOM 操作の基本を学びます。
JavaScript

JavaScript 配列
この実験では、JavaScript 配列の基本を学びます。配列の作成、アクセス、変更、反復処理の方法が含まれます。
JavaScript

JavaScript 条件分岐文
この実験では、コードのフローを制御するための JavaScript の条件分岐文(if、else、else if を含む)の基本を学びます。
JavaScript

JavaScript オブジェクト
この実験では、JavaScript オブジェクトの基本を学びます。ハンズオンのウェブ開発環境で、オブジェクトの作成、プロパティの追加、値へのアクセスと更新、新しいプロパティでの拡張を実践します。
JavaScript

jQuery を使った 2048 ウェブゲーム
2048 は世界を席巻した、非常に人気のある簡単なゲームです。まだ遊んでいない場合は、携帯電話でダウンロードして試してみることができます。このプロジェクトでは、HTML、CSS、JavaScript、および jQuery を使って 2048 ゲームのウェブ版を作成する方法を案内します。
JavaScript

現代的な費用分担 Web アプリの構築
この手順に従ったプロジェクトでは、HTML、CSS、JavaScript を使って、現代的で視覚的に魅力的な費用分担 Web アプリケーションを作成します。このアプリケーションを使えば、グループ内の人々の間で費用を分担し、誰が誰に何を借金しているかを計算できます。まっさらな状態から始め、プロジェクトを段階的に構築する各ステップを網羅します。
JavaScript

HTML5 を使って画像クロッピングツールを作成する
このプロジェクトでは、簡単な画像クロッピングツールを作成する手順を案内します。最後までたどることで、ユーザーが画像をアップロード、表示、クロッピングできるインタラクティブなアプリケーションを手に入れることができます。
JavaScript

React を使った GitHub のヒートマップコントリビューションの作成
このプロジェクトでは、React で GitHub のコントリビューショングラフに似たヒートマップカレンダーを作成する方法を学びます。この種のカレンダーは、時間経過に伴う活動データを視覚化する魅力的な方法であり、色の濃淡が特定の日の活動レベルを示します。このプロジェクトが終了すると、React アプリケーションでカレンダーヒートマップを統合して使用する方法を明確に理解するようになります。
JavaScript

ウェブブロック回避ゲームの作成
このプロジェクトでは、HTML、CSS、JavaScript を使って面白く簡単なブロック回避ゲームを作成します。このゲームでは、ブロックが動き、プレイヤーは黒いブロックをクリックしてポイントを獲得し、白いブロックをクリックしないようにします。一歩ずつ作成していきましょう!
JavaScript

ドローイングボードのウェブアプリを作成する
このプロジェクトでは、簡単なウェブベースのドローイングボードアプリケーションを段階的に作成します。各ステップは前のステップをベースに構築され、アプリケーションに機能を徐々に追加できるようになっています。このプロジェクトが終了すると、ユーザーが描き、ブラシの色を変更し、ブラシサイズを調整し、キャンバスをクリアできる完全に機能するドローイングボードが完成します。
JavaScript

ChatGPT を使って VSCode 拡張機能を作成する
このプロジェクトでは、ユーザーが選択した Markdown テキストの見出しレベルを調整できる VSCode 拡張機能を作成します。
JavaScript