プロジェクト

アイデアを動くプロジェクトに

ゲーム、サイト、便利なツールを作りましょう。テンプレートから始めてコードを変え、成果をプロジェクトフィードで共有できます。

次に作るプロジェクトのアイデア

Kodikエディターで使えるテンプレートです。アプリのカタログから選び、自分なりに工夫してみましょう。

HTML · CSS · JS
新着

ミームジェネレーター

画像とテキストを加えて保存。HTML、CSS、JavaScript、Canvasを使うプロジェクトです。

無料テンプレート ↗
HTML · CSS · JS
プロジェクトテンプレート

初めてのウェブサイト

HTML、CSS、JavaScriptのスターターページで構造、見た目、動きを変えてみましょう。

無料テンプレート ↗
HTML · CSS · JS
プロジェクトテンプレート

神経衰弱ゲーム

カードをめくってペアを探すゲーム。状態管理とイベントを使って作ります。

PRO ↗
HTML · CSS · JS
プロジェクトテンプレート

三目並べ

2人で遊ぶ定番ゲームで、手番と勝敗の判定を作ります。

PRO ↗
HTML · CSS · JS
プロジェクトテンプレート

JavaScriptでスネーク

移動、キーボード操作、ルールを実装して定番のスネークゲームを作ります。

無料テンプレート ↗
HTML · CSS · JS
プロジェクトテンプレート

国の情報エクスプローラー

国の情報を表示するアプリで、データの扱い方を練習します。

無料テンプレート ↗
python
プロジェクトテンプレート

ランダムな言葉のジェネレーター

Pythonでプログラムを実行するたびに挨拶とランダムな言葉を表示します。

無料テンプレート ↗
js
プロジェクトテンプレート

フィボナッチ数

JavaScriptでフィボナッチ数を計算し、関数の動作を確認します。

無料テンプレート ↗

プロジェクトフィードを開く

Kodikで作られた作品

実際に公開されたプロジェクトです。コードを見たり質問したりして、自分の作品のヒントを探せます。

250公開プロジェクト
プロジェクトフィードを開く →