0Pricing
Javascript for Kids · レッスン

オブジェクトとは

関連する情報をまとめます

「オブジェクトとは」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

宝箱に会いましょう！🪙

たくさんのものを一度に入れられる魔法の宝箱 🧰を想像してください！JavaScriptでは、これをオブジェクトと呼びます。

オブジェクトは、金貨や宝石、地図など、関連する情報をひとつにまとめて入れておける宝箱のようなものです！

なぜまとめるのでしょう？🤔

犬 🐶について、名前や年齢、色など、すべてを覚えておきたいとします。

3つの別々の箱を作ることもできます……でも、全部を1つの宝箱に入れることもできます。オブジェクトを使うと、関連するものを一緒に管理できます！

宝箱を作りましょう 🛠️

オブジェクトは中かっこ { } を使って作ります。中には、保存するものを表すプロパティを入れます。

それぞれのプロパティには、名前と値があります。たとえば name: 'Rex' のように書きます。

let dog = { name: 'Rex' }
console.log(dog)

中にはもっと宝物を入れられます 💎

宝箱にはたくさんの宝物を入れられます！それぞれの間にコンマ , を置くだけです。

この犬の宝箱には、名前、年齢、そして色が入っています！

let dog = {
  name: 'Rex',
  age: 4,
  color: 'brown'
}
console.log(dog)

名前と値 🏷️

左側はキーです（びんに貼るラベルやシールのようなものです）。右側は値です（中に入っているものを表します）。

  • name はキーです
  • 'Rex' は値です
let cat = {
  name: 'Mittens',
  age: 2
}
console.log(cat)

いろいろな種類の宝物 🌈

値にはさまざまなものを入れられます。引用符で囲んだ言葉や数字、さらには true や false も使えます。

見てください。このロボットの宝箱 🤖には、3種類すべてが入っています！

let robot = {
  name: 'Beep',
  batteries: 4,
  isFriendly: true
}
console.log(robot)

空の宝箱 📭

まだ何も入っていない空の宝箱も作れます。{ } と書くだけです。

あとで宝物を追加できるように、準備して待っています！

let chest = {}
console.log(chest)
console.log('Empty and ready!')

おもちゃ箱オブジェクト 🧸

お気に入りのおもちゃ用の宝箱を作りましょう！名前、値段、そして楽しいものかどうかを入れられます。

実行して、おもちゃ箱が表示されるのを見てみましょう！

let toy = {
  name: 'Bouncy Ball',
  price: 3,
  isFun: true
}
console.log(toy)

オブジェクトには言葉も入れられます 📝

オブジェクトは人について説明するのにもぴったりです！スーパーヒーロー 🦸用の宝箱を作りましょう。

名前、力、そして友達の人数を入れます！

let hero = {
  name: 'Captain Star',
  power: 'flying',
  friends: 7
}
console.log(hero)

オブジェクトが便利な理由 🎸

オブジェクトを使うと、コードを整理できます！たくさんの箱をばらばらに置く代わりに、すべてを1つの整った宝箱に入れられます。

  • 見つけやすい
  • 共有しやすい
  • 理解しやすい

自分で作ってみましょう！🌟

自分のお気に入りのおやつ 🍪用の宝箱を作ってみましょう！名前と数字を入れてください。

まずはこの例を使ってみましょう。言葉を変えて、実行してください！

let snack = {
  name: 'Cookies',
  amount: 12
}
console.log(snack)

クイックチェック ✅

頭の体操の時間です！🧠 宝箱（オブジェクト）について覚えていることを確認しましょう。

宝箱のおさらい 🎉

すばらしいです、探検家さん！🗺️ オブジェクトとは、関連する情報をまとめる宝箱だと学びました。

  • 中かっこ { } を使う
  • それぞれの宝物はキー: 値の組み合わせ
  • コンマで区切る

次は、中に入っている宝物を読み取る方法を学びます！💎

よくある質問

「オブジェクトとは」レッスンは無料ですか？

はい。「オブジェクトとは」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「オブジェクトとは」で何を学びますか？

関連する情報をまとめます ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/4です。

「オブジェクトとは」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか？

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. オブジェクトとは
  2. プロパティを読み取る
  3. プロパティを変更する
  4. ペットオブジェクト
← Javascript for Kidsに戻る