👑

このクエストはプレミアム限定です

プレミアムプランにアップグレードすると、すべてのクエストが
解放されます!

プレミアムにアップグレード ← クエスト一覧へ戻る
← クエスト一覧

interfaceの基本

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🔷 TypeScript / Quest 13 / 25

interfaceの基本

基礎 +10 XP
🏠
今回の課題
interface Animal { name: string; sound: string; } を定義して、 const dog: Animal = { name: "Dog", sound: "Woof" }; を宣言し、 dog.name と dog.sound をそれぞれ console.log で表示しよう。
📖 解説を見る
interface はオブジェクトの構造(形)を定義する。type に似ているが、拡張(extends)しやすい。
ヒントを見る
interfaceはオブジェクトの設計図のようなもの。
期待する出力
Dog
Woof
📄 見本
「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。
💻 コードエディタ
実行すると結果がここに表示されます
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 2 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: interface Car { brand: string; speed: number; } を定義し、{ brand: "Toyota", speed: 180 } を宣言してbrandを表示しよう。

実行結果
実行できたよ!
もう一度チャレンジ!
📄 見本の出力
Toyota
未挑戦

問題 2: interface Product { name: string; price: number; } を定義し、{ name: "Pen", price: 100 } のpriceを表示しよう。

実行結果
実行できたよ!
もう一度チャレンジ!
📄 見本の出力
100
コピーしました!