プログラミング基礎「変数」「関数」
概要
JavaScriptを使って、プログラミングの基本である「変数」と「関数」について学びます。これらの概念は、すべてのプログラミング言語に共通する重要な基礎です。
学べること
以下の基本的な構文と仕組みを体験できます。
- 変数の宣言とデータの保存方法(let / const)
- JavaScriptにおけるさまざまなデータ型の扱い方
- 関数の定義と呼び出し
- 引数・戻り値・アロー関数の基本
実務活用例
- 入力フォームに入力された値の保持・加工処理
- ユーザーに応じたメッセージの出し分け(関数による条件処理)
- 配列やオブジェクトでのデータ管理(複数の値をまとめて扱う)
サンプルコード
変数の基本
データ型のいろいろ
関数の使い方
アロー関数(省略記法)
試してみよう
- 自分の名前を変数に入れてみましょう
- 配列から3番目の要素を取り出してみましょう(ヒント:配列のインデックスは0から始まります)
- 自分のプロフィール情報(名前、年齢、趣味など)をオブジェクトで表現してみましょう
- 2つの値を掛け算する関数
multiplyを作ってみましょう
この記事は以下のプロンプトでAI生成されています
以下の記事をNotionで作成するためマークダウン形式で出力してください
内容:JavaScriptの変数と関数について、初心者が理解できるように解説する教材を作成したい
ポイント:
- 実務活用をイメージできる
- コンソールで確認可能なサンプルコードつき
- 学習者が手を動かして試せるヒントや課題を盛り込む
次のステップ
- 条件分岐(if / else)
- 繰り返し処理(for / while)
- DOM操作(HTMLの要素をJavaScriptで動かす)
プログラミングは「知る」より「触れる」ことが大切です。ぜひ手を動かして、自分でコードを書いて確かめてみてください!エラーは成長のチャンスです。
必要に応じて、NotionやLINE連携の教材としてこのまま活用できます。次のステップ教材や関連リンクが必要でしたら、続きも作成できます!
