JavaScript

JavaScript

VSCode/React 崩れるフォーマットエラー解決!

VSCode + React -> 崩れる こんな状態 フォーマットしたら、、、 VSCode +React で開発しようと思って、コードが崩れる!!と思っていろいろ設定したが 参考 だめだった。。。 結論 開発言語モードの設定ミスだったw...
JavaScript

【JavaScript】分岐体験

はじめに JavaScriptで「分岐」を体験してみましょう! (分岐についてはこちら) 以下のステップなので簡単です!(^-^) ui.htmlを作る logic.jsを作る ui.htmlを開く F12を押してデベロッパーツールを開く ...
JavaScript

【JavaScript】ループ体験

はじめに JavaScriptで「ループ」を体験してみましょう! (ループについてはこちら) 以下のステップなので簡単です!(^-^) ui.htmlを作る logic.jsを作る ui.htmlを開く F12を押してデベロッパーツールを開...
JavaScript

【JavaScript】順次実行体験

はじめに JavaScriptで「順次実行」を体験してみましょう! (順次実行についてはこちら) 以下のステップなので簡単です!(^-^) ui.htmlを作る logic.jsを作る ui.htmlを開く F12を押してデベロッパーツール...
JavaScript

【JavaScript体験編 第3回】電卓の中身を確認してみよう!

はじめに さぁ、3回目のプログラミングの勉強を始めましょう! (第2回はこちら) 今回は、電卓の中身がどうなっているか確認してみましょう! 今回学ぶのは1つだけ! 専用の武器を手に入れる 以上! 武器??なんだそれ??って感じかもしれません...
JavaScript

【JavaScript体験編 第2回】電卓の動きを確認してみよう!

はじめに さぁ、2回目のプログラミングの勉強を始めましょう! (第1回はこちら) 今回は、電卓がどのように動いているか確認してみましょう! 今回学ぶのは1つだけ! デベロッパーツールの起動 以上! それが何なのかまったくわからなくてもOK!...
JavaScript

【JavaScript体験編 第1回】電卓を動かしてみよう!

はじめに 電卓アプリを題材に全3回でJavaScriptを体験してもらいます! 3回の体験できっと他の教材で理解を深めるための基礎の基礎を知ってもらえます! 動かし方 デバッグのやり方 専用エディタの使い方 という流れです。それぞれそんなに...