console.log で表示する
画面に出すことと値を返すこと無料
JavaScript入門：コードを動かす
HTML に JavaScript を読み込むところから始め、コンソール、文字列と数値、let と const、データ型、型変換、比較・論理・三項・null 合体演算子を学ぶ全 23 レッスン（335 分）の入門コースです。最後は、変数と式を使ってプロフィールの見出し用の値を組み立てます。if 文、配列とループ、DOM 操作は後続コースで扱います。
レッスン
23件
所要時間
約5.5時間
ランク
初級
最初のレッスンを読む
5分・無料・登録なしで読めます
動く図解・console.log で表示する
動く図解・console.log で表示する
目標
buildHeader 関数（変数・データ型・演算子を使って、プロフィールの表示名と見出し用の値を組み立てる）
できるようになること
HTML から script.js を読み込み、console.log の出力と基本的なエラーを確認できる
文字列・数値・真偽値・null・undefined を見分け、必要な型変換を選べる
let と const、テンプレートリテラル、比較・論理・三項・null 合体演算子で値を組み立てられる
よくある質問
前提知識・必要な環境
必須
- • HTML の head と body を見分けられること
推奨
- • ブラウザの開発者ツールやコンソールを一度開いた経験
環境
ブラウザ完結（インストール不要）
必要ツール: ブラウザ内エディタ, JavaScript 実行環境, コンソール
このコースに入っているもの
触れる図解
14本
導入スライド
32枚
手を動かす演習
20問
理解度クイズ
3問
つまずき辞典
39件
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
HTML に script タグを 1 行足すところから始め、console.log で値を出し、コメントを残し、赤いエラーメッセージを読む練習をします。最後にサイトの起動メッセージを組み立てます。
let と const の使い分け、typeof での型の確認、Number と String による型変換、falsy な値、null と undefined の違いを押さえます。テンプレートリテラルで自己紹介文を組み立てます。
=== による比較、&& と || の短絡評価、三項演算子、?? による既定値、演算子の優先順位を学びます。演算子だけでプロフィールの表示名を決めるところまで進みます。
このコースを終えると取れるバッジ
JavaScript 第4コース
0 / 23 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。
こんな人におすすめ
JavaScript を初めてコードで動かす人
HTML に動きを加える前に、値と式の基礎を固めたい人
エラーを読みながら一行ずつ試す習慣を身につけたい人
おすすめしない人
- ×変数・データ型・型変換・演算子をすでに説明しながら使える人
- ×if 文、配列、ループ、DOM 操作だけをすぐ学びたい人
前提が不安な方へ
先にこちらを通しておくと、つまずきにくくなります
次に学ぶなら
このコースを終えたあとに進むと、無理なく続けられます
