TODAY'S QUEST
QUEST 001
自分だけのWebサイトを作れ！
- Difficulty
- ★☆☆☆☆
- Estimated Time
- 5〜10 MIN
- Reward
- +100 XP
PLAY × BUILD × LEARN
MAKENIT QUEST
今日から、ちょっとだけエンジニア。
遊んで、作って、気づいたらITがわかる。
登録不要・無料。ブラウザだけで今すぐ遊べます。
10秒体験 — コードを書くと、画面が変わる
index.htmlTRY IT NOW
1
2<p>ちょっとだけエンジニア</p>
↑ 点線の中を書き換えてみて
PREVIEW
HELLO WORLD
ちょっとだけエンジニア
あなたのステータス
PLAYER STATUS
SAVED ON THIS DEVICE
LEVEL
1
XP0 / 100
- QUEST
- 0 / 5
- STREAK
- 0 DAYS
HOW TO PLAY
長い説明は読まなくていい。まず触って、あとから分かる。
01 MISSION
やることは1つだけ。短い指令が出る。
02 CODE
コードを書くと、目の前の画面がその場で変わる。
03 CLEAR
書けたら「提出する」。クリアで XP ゲット。
作る楽しさ → プログラミング → Web → IT
QUEST ROADMAP
QUEST 001
HTMLFREE
自分だけのWebサイトを作れ！
はじめてのHTML。名前・自己紹介・ボタン・色を入れて、自分のプロフィールページを完成させよう。
- DIFFICULTY
- ★☆☆☆☆
- TIME
- 5〜10 MIN
- REWARD
- +100 XP
PLAYSTART
QUEST 002
CSSFREE
CSSでサイトをオシャレにせよ！
背景、文字、カード、影。CSS を数行書くだけで、シンプルなページが一気にオシャレに変わる。
- DIFFICULTY
- ★☆☆☆☆
- TIME
- 5〜10 MIN
- REWARD
- +100 XP
LOCKEDQUEST 001 をクリアで解放
QUEST 003
CSS / UIFREE
ボタンに命を吹き込め！
ただのボタンを、マウスに反応してなめらかに動く「押したくなるボタン」に変身させよう。
- DIFFICULTY
- ★★☆☆☆
- TIME
- 5〜10 MIN
- REWARD
- +100 XP
LOCKEDQUEST 002 をクリアで解放
QUEST 004
JavaScriptFREE
JavaScriptでおみくじを作れ！
はじめての JavaScript。ボタンを押すたびに結果が変わる、自分だけのおみくじアプリを作ろう。
- DIFFICULTY
- ★★☆☆☆
- TIME
- 10 MIN
- REWARD
- +100 XP
LOCKEDQUEST 003 をクリアで解放
QUEST 005
JavaScript / GAMEFREE
じゃんけんゲームを完成させろ！
HTML・CSS・JavaScript を全部使って、コンピューターと何度でも勝負できるじゃんけんゲームを作ろう。
- DIFFICULTY
- ★★★☆☆
- TIME
- 10〜15 MIN
- REWARD
- +100 XP
LOCKEDQUEST 004 をクリアで解放
3〜10 MIN / EVERY DAY
DAILY QUEST
毎日ひとつ、数分で完成する小さなIT体験。
JavaScript
3分でサイコロを作れ
3 MIN
CSS
CSSでハートを作れ
5 MIN
JavaScript
クリックすると逃げるボタンを作れ
7 MIN
CSS
文字をレインボーにせよ
5 MIN