← クエスト一覧
クエスト9：JSON API を作ろう
スライド
1
/
1
とばして問題へ
💻 コード例
実行結果
← 戻る
次へ →
クエストを始める
← クエスト一覧
🟢 Node.js/Express基礎
/
Quest 9
/ 10
クエスト9：JSON API を作ろう
応用
+10 XP
📖 説明を見る
🏠
📖 課題
💻 コード
結果
今回の課題
ユーザー一覧を返す GET /api/users と新しいユーザーを追加する POST /api/users を実装しよう！
📖 解説を見る
🔗 REST API の基本を学ぶ
REST API は HTTP のメソッド（GET・POST・PUT・DELETE）でリソースを操作する設計です。
ヒントを見る
GET: res.json(users) / POST: res.status(201).json(newUser)
🤖 AIに聞く
期待する出力
API サーバー起動！
📄 見本
答えを見る
「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。
💻 コードエディタ
main.js
const express = require('express'); const app = express(); app.use(express.json()); const users = [ { id: 1, name: 'たろう', role: 'admin' }, { id: 2, name: 'はなこ', role: 'user' }, ]; app.get('/api/users', (req, res) => { // ここに全ユーザーをJSONで返す処理を書こう }); app.post('/api/users', (req, res) => { const { name, role } = req.body; const newUser = { id: users.length + 1, name, role: role || 'user' }; users.push(newUser); res.status(/* ここ */).json(newUser); }); app.listen(3000, () => console.log('API サーバー起動！'));
コードを実行
さいしょから
あなたの出力
正解！ +10 XP
実行すると結果がここに表示されます
正解！見本と同じになりました。
練習問題へ進む →
クリアをXでシェア
ヒント
実行する
次へ →
🏠 ホームへ
れんしゅうもんだい
☑ 0 / 0 正解
レッスンに戻る
全問正解でクエストクリア！
次のクエスト →
コピーしました！
×
先にヒントを見ますか？
ヒントを読むと、自分の力で解けるかもしれません。
ヒントを見る
それでも答えを見る
