５つのアプリ作成とファイルのバンドリング～JavaScriptのプログラミングとWebpackの使い方を学ぶ～
ハンズオン形式でゲームアプリを作成！JavaScriptのコーディングスキル、アプリの構成と制作手順を学びます。特にDOM操作を駆使して多彩な動きを実現します。さらに、必要十分なWebpackについて簡潔かつ納得できる解説でお届けします。
4.43 (48 reviews)
639
students
7.5 hours
content
Feb 2025
last update
$19.99
regular price
What you will learn
ES Moduleによるimport/export の利用方法
Visual Studio Codeのショートカットキーの使用
ゲーム作成を元にした「アイデアを形にしていく」技術（タイピング、スライドパズル、メモリーカード、ゲームオブライフとTodoリスト）
DOM操作（getElementById / querySelector / createElement などのElement取得。classList / textContent / setAttributeなどによるElementの操作）
addEventListener / removeEventListener によるclick / mouseover / change などのイベントに応じた動作の実行
event_target/ event_key / event_offsetX などの扱い
or / and / not operator、ternary operator の扱い
Browserの Local Storage を利用したデータの保存、取得
data属性の使用方法
input / textarea に入力された値の操作
setTimeout / setInterval / clearInterval によるタイマー操作
fetch によるAPI利用（request / response、jsonファイルの取り扱い）
Promise(pending, fullfilled, rejected)の理解
async / await の使用
display none / flex / block を利用した表示の切り替え
isPlaying などのフラグを用いたゲーム進行の制御
clickイベントを利用したgrid、HTML 要素の入れ替えロジック
naturalWidth / naturalHeight を用いたオリジナルイメージのサイズや比率の取得
Array要素のシャッフルや入れ替えロジック
再帰関数の考え方
grid X-Y座標の作成と扱い
Canvas APIの使用方法
canvasアニメーションのための requestAnimationFrame / cancelAnimationFrameの使用方法
react, vuejsで最初に提供されるファイル群の理解
package_jsonの主要部分の理解と記述方法
webpackの主要な使用方法（moduleのbundle、minification、output）
webpack configurationファイルの作成方法
webpack-dev-serverの使用方法
loaderやpluginを使用したファイルの出力、最適化
babel、core-jsを用いたJsファイルのコンパイル
4466608
udemy ID
12/29/2021
course created date
2/12/2022
course indexed date
Bot
course submited by