4択クイズ

プログラミング

【ワーママのプログラミング勉強】JavaScriptで4択クイズを作りました

投稿日: 更新日:

今日は、JavaScriptの勉強を兼ねて、4択クイズを作りました。
トータル3時間ほどかかりましたが、ちゃんと出来ました。

↓出来上がった画面はこちら↓

JavaScriptで4択クイズ

私のスペック

  • C#案件→半年経験済み
  • 次の案件はWebアプリの開発らしい
  • htmlとcss→基本的なところは抑えたよ
  • JavaScript→難しそうで出来ない~分からない~
  • PHP&MySQL→ドットインストールを見ながらCRUD処理はできる!

JavaScriptが出来ないと案件入ったときに実装ができないので、
何か楽しみながら基本を学べる動画はないかどうか探しておりましたところ、
セイト先生のJavaScriptの動画を発見しました!!

もう、ほんとに、今の時代は何なの!!
私が新卒で働き始めたころはこんなのなかったぞーーー(怒)!!

と、いう感じで、毎日プログラミング系のYouTube2倍速で寝落ちする日々ですw

すっごく良い動画だったので、ご紹介したいと思います><!!

スポンサーリンク

【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター!

この動画を見つけたのは、2週間ほど前で、実装しながら見る時間がなくて、
2倍速で聞き流ししながら寝落ちする、という日々を過ごしておりました^^;

変数、定数、if文、ループ、関数あたりは、言語が変わっても考え方は同じなので、
そんなに苦労することはなかったのですが、

アロー関数とか、オブジェクトとか、ちょっと慣れが必要ですね。。

とりあえず、「う〇こ」とか「鳥〇族」とか、そのテンションが大好きですよw

HelloWorld!!

【JavaScript超入門講座】基礎文法だけでクイズゲームのアプリを開発!

先ほどの基本を聞き流した後、
こちらの動画も聞き流していたのですが、
本日、ようやく自分でも手を動かして作りきることが出来ました。

実際PCの前に座って実装した時間は1時間です。

その前に2倍速寝落ちの日々を換算すると2時間くらいあったかなー、と思うので、
ここまでたどり着くのに、トータル3時間と見積もってます。

同じような処理はループさせるとか、
定数に入れとくとか、
そのあたりはC#と考え方は一緒だなーと思いながら実装しました。

実際に実務でJavaScriptのソースコードを見たことがないので、
こういう、現役の方の今風の書き方が動画で見られるのは、本当にありがたいです( ;∀;)

ちなみに、私もゲーム好きで世代なので、
めちゃめちゃワクワクしながら、作成させていただきました。
セイト先生、ありがとうございます!!

応用しなきゃな。。

今練習で作っているWebアプリが、結構難しくて、
WordPressでCRUD処理もするし、
検索をつけるんですけど、
その検索条件を取得するところでJavaScriptを使うんですねー。

【Bootstrap】
検索画面は検索ボタンを押すとモーダルで出す。
【WordPress(PHP)】
selectしてきたデータを一覧でループ表示。
【JavaScript】
チェックボックスにチェックした情報を親画面に出す。
【WordPress(PHP)】
選択された検索条件で絞込み、一覧を表示しなおす。

やることが多すぎて分からな過ぎてヒーーー。

そして、社内には誰も助けてくれる人がいないという悲劇。
むしろ私が後輩に教えなきゃならないという悲劇。

そんなこんなで、今回学んだ4択クイズの知識も取り入れて、頑張ってお仕事やっていきたいと思いまーす!!

スポンサーリンク

まとめ

唸っていてもよく分からなかったので、今回は頭を切り替えて、動画の通りに楽しくクイズを実装する!!
を実行してみました。

きっと、明日からはJavaScript部分の実装が快適に進むはずだ!!

・・・これからも頑張っていきます。

それでは~、今日はこの辺で~~!

スポンサーリンク

スポンサーリンク



haruママ @まったり在宅ワーク

1984年2月生まれ。小4・小2・2歳児のママ。夫婦ともに在宅勤務。育児しながらどうやって最低限のお金を持ってくればいいのん?が最大のテーマ。月25万円で5人養うべく試行錯誤中。

-プログラミング

Copyright© ともばたドットコム , 2024 All Rights Reserved Powered by STINGER.