実際に書いてみよう！

この章では、Javascriptの基本的な書き方や、簡単な例を紹介します....と行きたいところですが、基礎はProgateを用いて進めていきます。

Progateは、ブラウザ上でプログラミングを学べるオンライン学習サービスです。Javascriptの基礎から応用まで、段階的に学ぶことができます。(回し者ではない)

Progateが終わったら...

実際に自分の作ってみたいものを一度作ってみよう！

基礎レベルで作りやすいものの例を分野別に紹介していきます。 (下に行くほど複雑になっていくよ)

表示を切り替える

• 文字をHTMLに表示する
• ボタンを押すと文字が変わる
• 背景色をボタンを押したときに変える

演算(計算)

• 足し算、引き算、掛け算、割り算の結果を表示する

条件分岐

• じゃんけんゲーム
• おみくじ

繰り返し

• 入力された段の九九を表示する
• 1から100までの数字を表示する

配列

• inputとbuttonを用いて、入力された文字をリストに追加していく
• ToDoリストを作る

データ保存

• ローカルストレージを用いて、ToDoリストの内容を保存する
• サーバーにデータを送信して保存する(Firebaseなどを用いる)

作成:2026-06-15 YGMS_yukkuri