にこにこ献立おみくじ

はじめまして、こんにちは。もまりもくです。

昨年からネットや教本でJavaScriptを学んでいます。
チュートリアル以外で自分で何かを作ったのは初めてです。

今回、「Hello worldレベルの作品でも大丈夫」「今まで何も作ったこともないしプログラミングも勉強し始めたばかりだよ、という方」でもOKということなので、投稿することにしました。

作ったもの

お題の「２」にこじつけて「にこにこ献立おみくじ」を作りました。

にこにこ献立おみくじ

• ボタンを押すと予め用意されている料理がランダムで選ばれて表示されます。
• 新しく料理を登録できます。

• 登録した料理もランダムで表示されるようになります。

• リロードすると登録したものは消えてしまいます(残念）。

新しく登録できるので、最近キーボードでの入力ができるようになってきた小学生の子どもが「うな重500個」などと打ち込んで大笑いして喜んでいます。

付けたかったけど難しくて、今回は断念したもの

• localStorageを使って料理を登録した配列を保存、呼び出だせるようにしたかった。

• 同じ機能が3つあるのに、関数にまとめるやり方が分からかなかった。

作ってみてわかったこと

自分で作ってみることが、プログラミングを学ぶには最適といわれる意味がわかりました。

今までは入門書に書いてある基本文法も、なんのために学んでいるのかよくわからない状態だったと思います。今回やりたいことを調べていくうちに「これをこうしたらああしてこうできるんじゃないか？試してみようか」というところにステップアップできたような......。やっと作るために「学ぶ」一歩が踏み出せました。

参考にしたもの

dotinstall
Progate
「いちばんやさしいJavaScriptの教本」
freeCodeCamp
ネット上のあらゆる記事

学んだことをちょこっと応用して今後もなにか作りながら学習を続けます。
今後ともよろしくおねがいします。