ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/05/28
NEW
【週刊ドットインストール】 AI関連レッスン、第四弾を準備中
862
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
244
件のレッスンと
618
件のレッスン動画が見つかりました。
#04 配列を確認してみよう
JavaScriptでビンゴシートを作ろう
デベロッパーツールを使ってビンゴシートのB列ができているか確認していきます。
#05 for文で書き換えてみよう
JavaScriptでビンゴシートを作ろう
for文のループを使って、処理をシンプルな書き方に変えていきます。
#06 関数で処理をまとめてみよう
JavaScriptでビンゴシートを作ろう
似たような処理を関数にまとめ、汎用化してあげます。
#07 すべての列の配列を完成させよう
JavaScriptでビンゴシートを作ろう
関数を使って出来上がったビンゴシートの配列を、console.table() を使って確認します。
#08 配列の行と列を反転させよう
JavaScriptでビンゴシートを作ろう
ビンゴシートの配列の行と列が逆になっているので、反転させる処理を追加していきます。
#09 ビンゴシートの画面をマークアップしよう
JavaScriptでビンゴシートを作ろう
ダミーテキストを使って、HTMLにビンゴシートの画面を作っていきます。
#10 CSSでスタイルを整えていこう
JavaScriptでビンゴシートを作ろう
CSSでビンゴシートの見た目を整えていきます。
#11 ビンゴシートを動的に生成しよう
JavaScriptでビンゴシートを作ろう
ビンゴシートの配列をHTMLに表示させて、画面を完成させます。
#12 ソースコードを整理していこう
JavaScriptでビンゴシートを作ろう
全体の処理を関数でまとめていき、ソースコードを見やすくします。
#13 ビンゴシートを完成させよう
JavaScriptでビンゴシートを作ろう
関数で全体をまとめつつ、ビンゴシートを完成させていきます。
前へ
39
40
41
42
43
44
45
46
47
48
49
次へ