#코딩기초
「코딩기초」タグのアプリ
みんながチャットで作った「코딩기초」タグのアプリ 25 個を見てみましょう。気に入ったアプリを実行して、リミックスして自分のものに。
計算量
計算量は、同じ番号を持つ人がいるかを調べる問題を通して、アルゴリズムの効率を学ぶインタラクティブなコーディング基礎アプリです。すべてのペアを比べる方法と、表を一度作って照合する方法の歩数を比較し、人数を10倍にしたときの仕事量の変化も確認できます。三角数、準備コスト、二次的な増加と線形に近い増加の違いを、課題形式で学べます。
参照とコピー
「参照とコピー」は、JavaScriptにおける値のコピー、オブジェクト参照、浅いコピー、深いコピーの違いを操作しながら学べるインタラクティブ教材です。数字や文字、箱とラベルの例をボタンで変更し、元データとコピーが一緒に変わるかをすぐに確認できます。段階的な目標とフィードバックで、共有された参照と独立したコピーの仕組みを理解できます。
スタックとキュー
「スタックとキュー」は、同じ項目を同じ順番で入れても、データ構造によって取り出す順番が変わることを体験できるコーディング基礎学習アプリです。スタックで後入れ先出し（LIFO）を、キューで先入れ先出し（FIFO）を操作しながら学べます。印刷待ち行列、元に戻す操作、乗り物の列、かっこの対応付けを題材にした段階的な課題も用意されています。
座標と当たり判定
「座標と当たり判定」は、xとyを使って画面上の物体の位置を決め、動かす方法を学ぶコーディング基礎アプリです。xが大きくなると右へ、yが大きくなると下へ進む画面座標を操作しながら理解できます。3つのタブで、座標の指定、ステップごとの移動、2つの箱が重なっているかを不等号で判定する練習に取り組めます。
非同期処理
「非同期処理」は、JavaScriptのコードが書かれた順番とは異なる順番で実行される理由を体験的に学べる初心者向けアプリです。各処理をすぐ実行するか、何秒か後に予約するかを選び、実際に表示される順番を確認できます。くり返しのタブでは、間隔や停止回数を設定し、停止条件がない場合に処理が続く様子も学べます。
二分探索
二分探索は、リストから目的の項目を見つける三つの方法を比べながら学べるコーディング基礎アプリです。項目を一つずつ調べる方法、並び替えられたリストを半分ずつ絞る二分探索、名札を使って直接見つける方法を、ステップ形式の課題で体験できます。それぞれ何回見る必要があるかを数え、探索回数がどう減るかを学びます。
再帰関数
「再帰関数」は、関数が自分自身を呼び出す仕組みを段階的に学べるインタラクティブな教材です。「入れ子人形」では停止条件と呼び出し回数を確認し、「つみかさねて」では呼び出しが戻る途中で値が作られる流れを見られます。「枝の枝」では深さと角度を調整して、再帰的に木を描きます。
JSON
JSONは、JavaScriptのオブジェクトのような箱をJSON文字列に変換し、再びオブジェクトとして読み込む流れを学ぶ初心者向けのインタラクティブ教材です。3つのタブで、文字列や名前に付ける引用符、コンマ、配列のルールを段階的な問題で練習できます。
ソートアルゴリズム
「ソートアルゴリズム」は、となり合う棒を入れ替えながら昇順に並べる仕組みを学べるコーディング基礎アプリです。手作業で棒を交換したり、コンピュータが隣同士を比較して必要に応じて交換する様子を一歩ずつ、または自動で確認できます。比較回数と交換回数を見ながら、JavaScriptの並べ替え条件が数字やカードの順番に与える違いも学べます。
2進数
「2進数」は、コンピュータが0と1で数字や文字を表す仕組みを学べる、初心者向けのインタラクティブ教材です。8個の電球を点けて目標の数を作る、ビット列から隠れた言葉を読み取る、ビットを左右にずらして数を倍・半分にするという3つの活動を体験できます。各課題にはすぐにフィードバックが表示され、やり直しと次の問題への移動にも対応しています。
文字列の操作
「文字列の操作」は、JavaScriptの文字列の基本を操作しながら学べる初心者向けアプリです。0から始まる文字のインデックスとslice()の終端番号のルールを確認し、+が数値の加算になる場合と文字列の連結になる場合を比べられます。trim()や大文字・小文字の変換、slice()による文字列の整形を試し、元の文字列が変更されないことも結果で確認できます。
オブジェクト
「オブジェクト」は、JavaScriptのオブジェクトを初めて学ぶ人向けのインタラクティブ教材です。複数の値を名前付きプロパティにまとめ、名前でアクセスする方法と番号でアクセスする方法を比べながら学べます。ネストしたオブジェクトから順番に値を取り出す練習や、for文と条件でカードを選ぶ練習もできます。
論理演算子
論理演算子は、JavaScriptの真偽値条件をつなげて使う方法を体験的に学べるコーディング基礎アプリです。スイッチと電球の回路で&&、||、!の動きを確かめ、入場ルールを作り、真理値表を使って同じ結果になる論理式を探します。
繰り返しで図形を描く
「繰り返しで図形を描く」は、カメのグラフィックスを使って繰り返し処理と角度の仕組みを学べる初心者向けコーディングアプリです。前進や回転の命令を積み上げてカメを動かし、繰り返す回数と回転角度を選んで、正方形・正三角形・正六角形・正五角形・星を目標の図形に合わせます。
関数と引数
「関数と引数」は、JavaScript初心者向けのインタラクティブな学習アプリです。3つのタブで、繰り返しの処理を関数にまとめる方法、括弧で値を受け取る引数、returnで結果を返す仕組みをミッション形式で学べます。コード内の記号をタップしたり、空欄に入るコードを選んで実行したりしながら、関数を使う前後の違いも比べられます。
入力イベント
「入力イベント」は、JavaScriptのinputイベントとchangeイベントが文字入力にどう反応するかを体験的に学ぶ入門アプリです。入力欄に文字を打ちながら反応するタイミングと更新する対象を選び、コードを読んで答える問題や入力チェックのルール作りにも取り組めます。
配列
「配列」は、JavaScriptの配列で値を追加・削除したときに番号がどう変わるかを、箱の表示で学べるコーディング基礎アプリです。push、pop、unshift、shiftを操作しながら、0番から始まるインデックスや前後への追加・削除の違いを確認できます。配列を順番に調べるループ問題と、目標の配列を作るパズルにも挑戦できます。
クリックイベント
「クリックイベント」は、JavaScriptのクリックイベントを実際に操作しながら学べるコーディング入門アプリです。いつ動作するか、何が変わるかを選び、画面上のボタンを押してルールの実行結果を確認できます。イベント処理、値を記憶する変数、条件式、ボタンごとの動作設定を3つの段階的なアクティビティで学習します。
条件分岐
条件分岐は、分かれ道に立つロボットに「もし〜なら、そうでなければ」のルールを作らせながら、条件分岐の基礎を学べるインタラクティブなコーディング学習アプリです。ドアの色で道を選ぶ体験、同じルールを複数のマップで使うパズル、身長・年齢・気温・偶奇・点数に応じてお客さんを案内するルールづくりの3つの活動があります。
デバッグ
デバッグは、期待される値と現在の出力を比べながら、JavaScriptコードのバグを見つけて直す初心者向けのインタラクティブなパズルアプリです。ハントコースでは問題のある行を選び、修正方法を選択してコードを再実行します。むげんハントでは次々に現れるバグに挑戦でき、バグずかんではよくあるコーディングミスを学べます。
今日のコードクイズ
きょうのコードクイズは、短いJavaScriptコードを読んで実行結果を予想する初心者向けクイズアプリです。毎日の問題に挑戦できるほか、練習モードでは代入、文字列、繰り返し、条件、配列、関数、インクリメントなどのタイプを選んで何度でも練習できます。ヒントノートでは、問題に登場するコードのルールを確認できます。
CSSスタイル
CSSスタイルは、CSSのプロパティが文字やボックスの見た目をどのように変えるかを体験できる初心者向け学習アプリです。文字色、背景色、文字サイズ、太さ、配置を変更しながら、生成されるCSSコードとプレビューを確認できます。
HTMLタグ
HTMLタグは、HTMLタグによって文字の見た目やページの構造がどう変わるかを体験しながら学べる初心者向けアプリです。言葉を選んで太字、斜体、下線、ハイライト、取り消し線、コード体などのタグを付け、HTMLコードと表示結果を並べて確認できます。文章ブロックを積み上げて簡単なページを作ったり、コード読解クイズに挑戦したりできます。
変数と関数
「変数と関数」は、変数に値を保存する仕組みと、関数が決まりに従って値を変える仕組みをパズルで学べるコーディング入門アプリです。変数の箱aとbに数字を入れ、上書き・コピー・交換などを試せます。関数の決まりを見ながら入力したり、入出力表からひみつの決まりを当てたり、機械をつないで目標値を作ったりできます。
順次と繰り返し
「順次と繰り返し」は、プログラミング初心者向けのロボットパズルゲームです。前進や左右回転の命令ブロックを順番に並べ、壁を避けてロボットを星まで導きます。自由に操作できる探索モード、5つの練習パズル、繰り返し回数を設定できる3つのループパズルを通して、順次実行・繰り返し・デバッグの基礎を学べます。
アイデアはありますか？言葉で説明すれば、Collabby が実行・共有できるアプリを作ります。
自分のアプリを作る