#자바스크립트
「자바스크립트」タグのアプリ
みんながチャットで作った「자바스크립트」タグのアプリ 17 個を見てみましょう。気に入ったアプリを実行して、リミックスして自分のものに。
ぶつかった！
「ぶつかった！」は、座標・移動・衝突判定をゲーム感覚で学べるプログラミング入門アプリです。xとyで箱の位置を決め、1歩ごとの値を座標に加えて動かし、4つの不等号を使って2つの箱が重なっているかを判定するルールを作ります。3つのタブで段階的なミッション、ビジュアル表示、コード例、複数配置のテストに取り組めます。
まってから実行
「あとでやる」は、コードに書いた順番と実際に実行される順番が異なることを体験できる、初心者向けのコーディング教材です。「あとでやる」では即時実行と遅延実行を比べ、「順番あて」では出力順を予測します。「くりかえし」では実行間隔と停止回数を設定し、停止条件がなければ処理が終わらないことも学べます。
どこに隠れてる？
「どこにかくれた？」は、リストから目的の項目を探す三つの方法を体験しながら、コーディングの基礎を学べるインタラクティブ教材です。ひとつずつ調べる方法、並べ替えたリストを半分ずつ絞り込む二分探索、名ふだで直接アクセスする方法を段階的に比べられます。各セクションの四つの課題を進めながら、向きやリストの順序、探索方法による確認回数の違いを学べます。
自分をもう一度呼びだす
「自分をもう一度よぶ」は、再帰関数の基礎を操作しながら学べる初心者向けのコーディング教材です。人形の中の人形では停止条件に到達する呼び出しの流れを確認し、つみかさねてでは再帰呼び出しが戻りながら足し算や掛け算の値を作る過程を追えます。枝がまた枝をでは、深さと開く角度を変えて、再帰による枝分かれした木の描画を体験できます。
ボックスをテキストに
「箱を文字に」は、JavaScriptのオブジェクトをJSONテキストに変換し、JSONテキストをもう一度オブジェクトとして読む流れを学べる初心者向けアプリです。「文字にする」では値を変更して目的のJSONを作り、「文字を読む」では引用符やコンマの誤りを見つけます。
小さい順にならべよう
「小さいじゅんに」は、並べ替えアルゴリズムとJavaScriptの比較ルールを体験的に学べる教育アプリです。手で入れかえるタブでは、隣り合う棒だけを交換して小さい順に並べ、必要な最小回数と実際の回数を確認できます。コンピュータのようにでは比較と交換を一歩ずつ再生し、きじゅんをきめるでは数値・文字列・オブジェクトの値を使った並べ替えを学びます。
0と1で数えよう
「0と1でかぞえる」は、二進数、ビット、文字の表現、ビットシフトを操作しながら学べるコーディング入門アプリです。8マスの電球で目標の数を作り、ビット列から隠れた言葉を読み取り、限られた回数で左シフトや右シフトを使って目標値に到達する3つのアクティビティを収録しています。
きりとって つなげて
「切って、つないで」は、JavaScriptの文字列の基本を体験しながら学べる入門アプリです。文字を0から数えるインデックスとsliceの範囲指定を練習し、+が数値の加算になる場合と文字列の連結になる場合を確認できます。空白の削除、大文字・小文字への変換、文字列の切り出しにも段階的に取り組み、処理後も元の文字列が変わらないことを比較して学べます。
ラベル付きの箱
「名札のついた箱」は、JavaScriptのオブジェクト、配列、ネストしたオブジェクト、繰り返し処理を学べる初心者向けのインタラクティブ教材です。hero.hpのような名前によるアクセスとhero[1]のような番号によるアクセスを比べ、箱の中の箱を順番にたどって値を取り出します。
かつ · または · ではない
「かつ・または・でない」は、JavaScriptのブール演算子 &&、||、! を使って複数の条件をつなぐ方法を学べるインタラクティブなコーディング教材です。スイッチと電球の回路で演算結果を視覚的に確かめ、遊園地の入場ルールを作り、真理値表を使って否定やド・モルガンの法則を練習できます。
コードでお絵かき
「コードで絵をかこう」は、カメが積み重ねた命令に従って動き、SVGキャンバスに線を描くコーディング入門アプリです。forward・right・leftの命令を組み合わせて、スタート地点に戻ると図形が閉じることを確認できます。繰り返し回数と回転角度を選んで正方形・正三角形・正六角形・正五角形・星を描き、二重ループで4・6・8・12枚の花びら模様も作れます。
自分だけの関数を作ろう
「じぶんの関数をつくろう」は、JavaScriptの関数を実際に操作しながら学べる初心者向けのインタラクティブ教材です。繰り返しコードを関数にまとめると修正回数が減ることを比べたあと、引数とreturnを使う短いコード問題に取り組みます。コードを選んで実行し、結果を確認しながら、returnがないと値を外へ返せないことも学べます。
もじをタイプすると
「文字をうつと」は、JavaScriptの入力イベントと基本的な文字列処理を体験できる初心者向けコーディング学習アプリです。inputイベントとchangeイベントが反応するタイミングの違いを実際に試し、短いコードを読んで目標どおりになる入力を考えます。複数の入力例をまとめて検査し、基本的な入力チェックのルールも練習できます。
ボックスを並べよう
「はこをならべよう」は、JavaScriptの配列と繰り返し処理を操作しながら学べるインタラクティブな学習アプリです。push・pop・unshift・shiftで値を前後に追加・削除し、0から始まるインデックスと要素の移動を視覚的に確認できます。
ボタンを押すと
「ボタンをおすと」は、JavaScriptのクリックイベント、状態、イベントハンドラーを実際に操作しながら学べる入門向けコーディングアプリです。いつ動くか、何が変わるかを選び、ルールを実際のボタンで実行して結果を確かめられます。変数で値を記憶する仕組みや、ボタンごとに異なる動作を割り当てるリモコン作りも練習できます。
バグハンター
バグハンターは、初心者向けのインタラクティブなJavaScriptデバッグパズルです。期待される値と現在の値を比べ、バグのある行をタップして修正方法を選び、修正後のコードを実行して結果を確認できます。7問のハントコース、ランダムに問題が出る無限ハント、よくあるコーディングミスを学べるバグずかんを収録しています。
今日のコードクイズ
きょうのコードクイズは、短いJavaScriptコードを読んで実行結果を当てる初心者向けの学習アプリです。毎日、世界中で同じ3問が出題され、代入、文字列の連結、ループ、条件分岐、配列、関数、インクリメントなど、つまずきやすい基礎を扱います。ヒントノートでルールを確認し、好きな種類を選んで繰り返し練習したり、結果カードをコピーして共有したりできます。
アイデアはありますか？言葉で説明すれば、Collabby が実行・共有できるアプリを作ります。
自分のアプリを作る