#코딩앱만들기
「코딩앱만들기」タグのアプリ
みんながチャットで作った「코딩앱만들기」タグのアプリ 30 個を見てみましょう。気に入ったアプリを実行して、リミックスして自分のものに。
関連タグ
10倍になると
「十倍になったら」は、同じ番号の人がいるかを調べる二つの方法を比べながら、アルゴリズムの効率を学べるインタラクティブなコーディング・コンピューターサイエンス教材です。すべてのペアを比べる方法では人数×(人数−1)÷2歩、表を使う方法では準備20歩の後に一人一歩かかります。
同じ箱を指す
「同じ箱を指している」は、値・参照・オブジェクト・コピーの違いを操作しながら学べるコーディング基礎アプリです。数や文字は名前ごとに別の値としてコピーされますが、2つの名前が同じ箱を指すと、どちらを変更しても同じオブジェクトが変わることを示します。参照、浅いコピー、ディープコピーを比較し、外側と内側の共有や浅いコピーの落とし穴を体験できます。
入れた順、出る順
「入れた順、出る順」は、スタックとキューの違いを操作しながら学べるコーディング基礎アプリです。数字を入れたり取り出したりして、スタックの後入れ先出しとキューの先入れ先出しを確かめ、指定された出力順を作れるか挑戦できます。印刷待ち行列、元に戻す操作、乗り物の列、かっこの対応付けを題材に、データ構造の使い分けや入れ子の判定も学べます。
言葉を変えると答えも変わる
AIへの依頼が「誰に」「何について」「どのように」という3つの要素でできており、要素を変えると答えも変わることを体験できるAIリテラシー教材です。虹・火山・月を題材に、相手や答え方を変えたり、空欄を残してAIが決める部分をオレンジ色で確認したりできます。答えから元の依頼を推測する逆向きのミッションもあり、プロンプトの構造と具体性の効果を楽しく学べます。
もっともらしい嘘
AIが自信満々に答えていても、必ずしも正しいとは限らないことを学べるAIリテラシー教材です。3つのタブでペンギン図鑑の3ページを開き、AIの主張に実際の根拠があるかを確かめたり、異なる自信度の回答を比べたりしながら、信じてよいか判断します。
学んだことだけ知ってる
「見たものしか知らない」は、学習データがAIの答えにどう影響するかを体験できるAIリテラシー教材です。3つのタブで、ねこ・いぬ・うさぎの絵カードをかごに入れてAIを教えたり、かたよったデータをカードの追加・削除で直したり、AIがその答えを出した理由をかごの中身から考えたりできます。
次の言葉を選ぶだけ
言語モデルは答えを知っているのではなく、確率にもとづいて次のことばを選んでいることを体験的に学べるAIリテラシーアプリです。3つのアクティビティで、確率の高いことばや低いことばを選んで文を作り、安全・ふつう・まかせるのつまみによる違いを比べられます。4本の確率バーが合計100になる仕組みを読みながら、言語モデルとランダム性の基礎を学べます。
文字を分けよう
「ことばはかけらに分かれる」は、AIが文章を読む単位であるトークン化を体験的に学べるAIリテラシーアプリです。3つのタブで文字の間を押してAIと同じように分けたり、文字数とかけら数を比べたり、答えを予想してからAIの分割結果を確かめたりできます。
ぶつかった！
「ぶつかった！」は、座標による移動と衝突判定をゲーム感覚で学べるコーディング入門アプリです。xとyで箱の位置を決め、値を少しずつ足し引きしながら四方向へ動かします。最後に不等号を組み合わせたルールを作り、複数の配置で箱が重なっているかを判定します。
まってから実行
「あとでやる」は、JavaScriptの非同期実行と予約実行を体験的に学べるコーディング入門アプリです。タイムラインと実際の出力順を見比べながら、コードを書いた順番と実行順が異なることや、0秒の予約でも下の行が先に実行されることを学べます。くりかえしのタブでは間隔と停止回数を指定し、停止条件がない場合に実行が続く様子も確認できます。
どこに隠れてる？
「どこにかくれた？」は、リストから目的のものを探す3つの方法を体験しながら学べるコーディング基礎アプリです。ひとつずつ調べる方法、並べ替えられたリストを半分ずつ絞る二分探索、名ふだで直接見つける方法を、段階的な課題で比べられます。見る方向や開始位置、マスの数を変えながら、見つける場合とないことを確かめる場合に必要な回数を学べます。
自分をもう一度呼びだす
「自分をもう一度よぶ」は、関数が自分自身を呼び出す再帰を学べる、初心者向けのインタラクティブなコーディング学習アプリです。入れ子人形で停止条件と呼び出し順を確認し、「つみかさねて」では再帰呼び出しが戻りながら加算や乗算の値を作る様子を追えます。「枝の枝」では深さと角度を調整して再帰的な木を描き、停止条件に到達できない場合のエラーも体験できます。
ボックスをテキストに
「箱を文字に」は、JavaScriptのオブジェクトをJSON文字列に変換し、JSONを再びデータとして読み取る流れを学べる初心者向けコーディング教材です。3つのタブで値を操作しながら、文字列と数字の引用符の違い、JSONのキー表記、コンマに関する構文エラーを段階的に確認できます。
小さい順にならべよう
「小さいじゅんに」は、数字やオブジェクトの並べ替えを体験的に学べるコーディング教材です。隣り合う棒だけを入れ替えて手作業で並べたあと、コンピュータが隣同士を比較し、必要に応じて交換する様子を一歩ずつ確認できます。最後のアクティビティでは、JavaScriptの比較関数によって数字、逆順、文字列、カードオブジェクトの並び方が変わることを学びます。
0と1で数えよう
「０と１でかぞえる」は、2進数やビット、コンピュータが数字と文字を表す方法をパズルで学べる入門アプリです。「電球から数へ」では8つのビットをオン・オフして目標の数を作り、「ひみつのメッセージ」ではビット列を数字と文字に変換し、「1つずらす」ではビットシフトで数を2倍または半分にします。
きりとって つなげて
「切って、つないで」は、JavaScriptの文字列の基本をインタラクティブに学べるコーディング学習アプリです。文字を0から数えるインデックスや、slice()で終了位置が含まれない仕組みを練習し、+が数値の加算になる場合と文字列の連結になる場合を比べられます。
ラベル付きの箱
「名札のついた箱」は、JavaScriptのオブジェクト、配列、ネストしたオブジェクト、繰り返し処理を体験しながら学べる初心者向けコーディングアプリです。hero.hpのように名前で値を取り出す方法とhero[1]のように番号で取り出す方法を比べ、箱の中の箱から値を取得し、forでカードを条件に応じて選びます。
かつ · または · ではない
「かつ・または・でない」は、JavaScriptのブール論理と2つの条件をつなぐ方法を学べる、インタラクティブなコーディング入門アプリです。スイッチと電球の回路で&&、||、!の働きを確かめ、遊園地の入場ルールを作りながら条件式を練習できます。真理値表と式の比較ミッションを通して、条件を否定すると演算子や各条件がどう変わるかも学べます。
コードでお絵かき
「コードで絵をかこう」は、カメに移動命令を与えて道や図形を描くコーディング学習アプリです。forward・right・leftの命令を積み重ね、繰り返し回数と回転角度を選んで正三角形、正方形、正五角形、正六角形、星を作れます。二重ループでは正方形を回転させ、4枚・6枚・8枚・12枚の花びら模様を描きながら、回転の合計が360度になることを学べます。
自分だけの関数を作ろう
「じぶんの関数をつくろう」は、JavaScriptの関数の基本を3つの体験型セクションで学べるコーディング学習アプリです。繰り返しコードを関数にまとめる前後の編集回数を比べ、括弧で値を受け取る方法と、returnで値を返す方法を練習できます。空欄に入るコードを選んで実行し、表示された結果を目標と照らし合わせながら複数のミッションに挑戦します。
もじをタイプすると
「文字をうつと」は、テキスト入力とJavaScriptのイベントを体験しながら学べる、初心者向けのコーディング学習アプリです。入力欄に文字を入力すると、文字数、文字色、大文字化、記号の追加、値の倍増などの変化を画面で確認できます。
ボックスを並べよう
「はこをならべよう」は、箱と番号の表示を使ってJavaScriptの配列操作と繰り返しを学べる初心者向けコーディングアプリです。push・pop・unshift・shiftで配列の前後に値を追加・削除し、0から始まるインデックスがどう動くかを確認できます。
ボタンを押すと
「ボタンをおすと」は、JavaScriptのイベント、変数、ボタンの処理を体験しながら学べるコーディング基礎アプリです。いつ押したら何が変わるのかを選び、実際のボタンを押してルールの結果を確かめられます。イベントの実行、値を覚える変数、複数のボタンへの異なる処理の割り当てを、3つのアクティビティで学習できます。
条件のわかれ道
「もしもの分かれ道」は、分かれ道に立つロボットを使って条件分岐を学ぶ、コーディング入門向けのインタラクティブアプリです。ドアの色や数字などを条件にして、もし・なら・そうでなければのルールを作り、ロボットが星にたどり着けるかを実行して確かめます。基本練習、5つのマップを使う条件パズル、身長・年齢・気温・番号・得点を題材にしたルールづくりを収録しています.
バグハンター
バグハンターは、コーディング初心者向けのインタラクティブなJavaScriptデバッグパズルです。出るべき値と現在の値を比べ、バグのある行をタップして修正方法を選び、直したコードを実行して結果を確かめられます。7問のハントコース、バグがランダムに登場するむげんハント、よくあるミスを学べるバグずかんを収録しています。
今日のコードクイズ
きょうのコードクイズは、短いJavaScriptコードを読んで実行結果を当てる初心者向けの学習ゲームです。毎日出題される3問に挑戦でき、れんしゅうタブでは代入、文字列、繰り返し、条件分岐、配列、関数、インクリメントなどのタイプを選んで何度でも解けます。ヒントノートには、問題に登場する基本ルールと例がまとめられています。
CSSスタイリング ラボ
CSS かざりつけ じっけんしつは、CSSでWebページの見た目がどう変わるかを体験しながら学べる初心者向けアプリです。「色と文字」では文字色、背景色、文字サイズ、太さ、配置をボタンで変更すると、CSSコードとプレビューが同時に更新されます。
HTMLタグあそび場
HTMLタグのあそびばは、HTMLタグの基本を画面の変化で学べる初心者向けのインタラクティブ教材です。ことばを選んで太字、斜体、下線、ハイライト、取り消し線、コード体のタグを付け、HTMLコードと表示結果を同時に確認できます。ページ作りでは見出し、段落、リスト、区切り線、ボタンのブロックを積み上げ、最後にコードから画面を当てる5問のクイズに挑戦できます。
変数ボックスと関数マシン
「へんすうの箱と かんすうのきかい」は、変数と関数の基本を遊びながら学べるコーディング入門アプリです。名前の付いた箱 a と b に数字を入れ、上書き、1を足す、コピー、値の交換を体験できます。見えるルールの関数を試したり、入出力表から5つの秘密のルールを当てたり、機械をつないで目標値を作る組み立てパズルにも挑戦できます。
ロボットめいれいパズル
ロボット命令パズルは、順次実行・デバッグ・繰り返しの基礎を学べるインタラクティブなコーディングゲームです。前進、左回転、右回転の命令ブロックを順番に並べて実行し、壁を避けながらロボットを星まで導きます。自由探検モード、通常パズル5問、命令を2～5回繰り返せるリピートボックスのパズル3問を収録しています。
アイデアはありますか？言葉で説明すれば、Collabby が実行・共有できるアプリを作ります。
自分のアプリを作る