
This course includes our updated coding exercises so you can practice your skills as you learn.
See a demo
テキストエディタVisual Studio Codeをお使いのWindowsに準備していきましょう!
インストール
日本語表示
プログラミング用フォント(Ricty Diminished)の導入
テキストエディタVisual Studio Codeをお使いのMacに準備していきましょう!
インストール
日本語表示
プログラミング用フォント(Ricty Diminished)の導入
本講座でプログラムを書く時の事前準備やサンプルソースコードの閲覧の仕方などについて解説しています。
作業フォルダの作成
Visual Studio Codeの起動
Visual Studio Codeで作業フォルダを開く
新規ファイルの作成の仕方
サンプルソースコードの閲覧の仕方
画面の左側にVS Codeを、右側にGitHubのサンプルソースコードを表示した状態にすると、効率よく進めていけるかと思います。
ここでは、画面を左右に寄せるやり方をご紹介しています。
JavaScriptとは?
JavaScriptを記述する場所について
JavaScript記述のルール
について解説しています。
本講座のJavaScriptサンプルコードで使っている命令文、
document.write();
についての注意点について解説しています。
変数とは?
変数の使い方
変数のルール
について解説しています。
変数の4種類のデータ型について解説しています。
文字列
数値
真偽値
オブジェクト
算術演算子
代入演算子
比較演算子
論理演算子
について解説しています。
プログラムの処理の流れを制御する命令文の1つ、分岐についてif文を用いて解説していきます。
プログラムの処理の流れを制御する命令文の1つ、分岐についてswitch文を用いて解説していきます。
プログラムの処理の流れを制御する命令文の1つ、繰り返しについて解説していきます。
配列とは?
配列の使い方
lengthプロパティとは?
について解説しています。
関数とは?
関数のメリット
関数の書式
引数
戻り値
について解説しています。
Webページに動きをつける、とは?
DOMとは?
要素の取得方法
DOMの操作
について解説しています。
イベントとは?
イベントリスナーとは?
イベントリスナーの実装方法
について解説しています。
すべてのレクチャーを修了したみなさんへ、講師から一言。
このコースでは、JavaScriptの基本的な概念を段階的に学習していきます。初心者の方でも理解しやすいように、実践的な例を交えながら、プログラミングの基礎から丁寧に解説します。各レッスンは約15-20分で完了できる長さに設計されており、日々の学習に無理なく取り組むことができます。
本コースの特徴:
体系的なカリキュラム構成: 変数、データ型、制御文など、基礎から順を追って学習することで、確実な理解を促進します。
実践的な演習: 各レッスンには具体的なコード例と演習問題が含まれており、学んだ内容を実際に試すことができます。
丁寧な解説: プログラミング未経験者でも理解できるよう、専門用語には適切な説明を付け、図解なども活用しています。
学習目標:
JavaScriptの基本文法を理解し、自力でコードが書けるようになる
プログラミングの基本的な考え方を身につける
簡単なWebアプリケーションが作成できるレベルに到達する
より高度なフレームワーク学習への確実な土台を築く
推奨学習期間は2〜3週間です。1日30分程度の学習で、JavaScriptの基礎を確実に習得することができます。