JavaScript〜クラスとインスタンス編〜

昨日は引っ越したばかりの新居の片付けや買い物であっという間に1日が過ぎました😅

冷蔵庫・食器棚・こたつテーブルなどの大型家具家電が順番に届き、ごちゃごちゃしていた部屋が少しずつすっきりしてきてやっと部屋らしくなってきたなあと感じます😉

とは言っても、まだ少し散らかっていますが😅笑

思っていたより片付けに時間がかかり昨日は全く勉強ができなかったので、今日は朝から夕飯の分のご飯を作ったり（しっかり栄養を摂るために最近は根菜多めの食事です✨笑）、洗濯物やお皿の洗い物だけをやったりして、勉強に集中するために引っ越しの片付けは後回しです‼︎笑

まずはドットインストールの『JavaScriptクラス編』を完了させました💡

１つの動画で3分以内で短くまとめていて内容が浅いので正直とっつきづらいです💦

ですが復習には良さそうですね‼️😉

もう少し深堀りたいと思ったのでYouTubeに投稿してある『クラスとインスタンス編』の動画へ進めました

クラスを使わないver.と、クラスを使ったver.でアコーディオンUIをそれぞれ作り、クラスを使うメリットを再認識できました

• バグが少ない、コードの重複を減らせるなど、意図しない挙動を起こすリスクを減らせるため保守性が高い
• クラスを継承することで親クラスのプロパティやメソッドを子クラスで利用できる（同じプロパティやメソッドを持つオブジェクトを簡単に作成できる）

たくさんエラーが出たので制作に5時間半程かかってしまいました😅

ですが今日は7時間勉強勉強できたので前進です！！

このまま頑張って継続！！😆

明日はFetch APIを中心に進めていきます✨

ショートカットキーを頑張って覚えます💡

ドットインストールやプロゲートを集中して勉強をしていたのですが、タイピングのミスが多く時間がかかってしまい効率が悪いなと感じていたので、基本に戻ってタイピングの練習やショートカットキーを覚えました🙌

久しぶりに寿司打、『5000円コース・正確重視』に挑戦です😤

画像を撮り忘れましたが、ミスが多くお得が取れたのは全体の4割だけでした💦

前よりはタイピング速度が速くなったと実感していますが、普段は何度も訂正をしているのであまり意味がありません😅

集中してタイピングの練習をして気付けば1時間経っていたので、次はショートカットキーを覚えます

プログラミングの勉強を始める前はほとんどスマホ生活でショートカットキーという言葉が存在することしか知らなかった私…

パソコンと使うようになって5個しか覚えていません😅笑

今使えるショートカットキーは、全ての項目を選択したり、切り取ったり、コピーしたりですね笑

YouTubeの動画を見ながらコピー用紙に書き出しながら実際にショートカットキーを打ち、その後はメモしたコピー用紙を見返しながらひたすらプログラミングの勉強です！！

ただでさえ遅いのに、さらに時間がかかってしまいました笑

今はショートカットキーを覚えるのに少し苦労しますが、キーボードをカタカタと使いこなすかっこいい私を目指してどんどんショートカットキーを使っていきます✨笑

最近取り組んだこと💡

• プロゲート　JavaScript編を完了する
• ドットインストール　JavaScript　クラス編
• ショートカットキーを紙にまとめる　⇒　制作しながら実践してみる
• 寿司打でタイピング練習する

こうやってリストにして書き出してみると、行動量が少ない…💦

少しダラダラした生活をしてしまっています…

反省…

生活を見直して勉強時間をしっかり確保します！！！

アパート退去、今までありがとう。

新しい洗濯機がまだ届いていないため、今朝は近所のコインランドリーで洗濯と乾燥を済ませた後、住んでいたアパートの退去の立ち合いへ💡

担当の不動産屋の方が到着するまでは、憧れの女性経営者勝友美さんが執筆された『人は自分に嘘をつく』の本を読んでいました😊

続きをもっと読みたいと思ったところで担当の方が到着😶

なるべくきれいに住み、引っ越しの後もきれいに片付けをしたので特に指摘はされず終わりましたが、いざ今日が本当に最後なんだなと思うと改めて少し寂しい気持ちになります

去る時はあのアパートで住んでいた時の思い出をよく噛みしめる私😫(笑)

気持ちをすぐに切り替え、これからが人生の分岐点だー！と気合をいれます！！😤

そして、その気持ちのまま死ぬ気で勉強をしました！！

……と言いたいところですが、まだ揃えていない家具があるためお気に入りの物を探しに買い物へ直行😅

向かった先は群馬県前橋市に1月18日にオープンしたばかりの、世界最大の家具販売店『IKEA』です✨

引っ越しをしたらここで家具を買いたいを思っていたのでとても楽しみにしていました😆🌸

平日でも駐車場に停まる車がいっぱいで想像以上のお客さんの人数の多さにびっくりしながら、人生初めてのIKEAに来られたことにテンションが上がっていました！！笑

お店をぐるっと回って、美味しいご飯も食べられて満足です😊

最後にお会計をしましたが、購入したのは…

• ソファ
• 昇降デスクの天板

ソファはいろいろな種類をたくさん試しに座り、購入したものは配送料込みで6万円近くかかりましたが、条件に当てはまるソファに出会うことができました✨

昇降デスクの天板も質が良く、お値段はリーズナブルだったため今日はとてもいい買い物ができました✨

どちらも使う日がくるのがとっても楽しみです😆

ちなみに、昇降デスクはまだかっていないのでこれから購入をする予定です笑

IKEAで最後のお会計でシステムエラーが出て時間がかかったり、別の場所で買い物をしたり、帰宅をしてからも片付けをしたりでなんだかんだで今日も遅くなってしまいました✨笑

正直、今はとても眠いです😅

ですが勉強を継続すると自分で決めたので、今日も15分だけ勉強をして寝たいと思います！！

今日はプロゲートでJavascriptをしますが、スマホのアプリでは対応していなかった部分をパソコンで進めていきます🙌

高速道路でタイヤがパンク…パニック！

昨日は朝から引っ越しの荷造りやら片付けで１日があっという間に終わりました！！

私はミニマリストまではいきませんが、なるべく物を少なめにして生活をしています💡

なのでそんなに荷物はないだろうと思っていましたが、いざ荷造りをすると段ボール20箱分の量があったのと荷造りに時間がかかったので、今回で引っ越しが３回目の私は「引っ越しってこんなに大変なんだっけ」と思いながらも時間をかけて準備をしました笑

引っ越し業者が来たのが夕方で、トラックに積み終わった時には少し暗くなり始めたので昨日は途中で終わらせて引っ越し先へ向かいました

ということで今日は、引っ越し業者のトラックに乗りきらなかった残りの荷物を取りに行くのと片付けをするために、もう一度住んでいたアパートへ行きましたがその途中でトラブルが…😱

高速道路に入りしばらく運転をしていると、何かを踏んだ感覚と一緒に

「パン！！」

と大きな音が鳴りました💦

「まさか…パンク…」

不安になりながら5分程何事なく走り続けましたが、カーブに差し掛かったところで振動と異音がしたので、そこでタイヤのパンクと確信😅

とにかく近くの料金所へ下り、たまたま近くにあったガソリンスタンドでタイヤ交換をしてもらったのでとても安心しました😭

高速道路でタイヤがパンクをするのは初めてで頭の中はパニックで焦りましたが、料金所やガソリンスタンドまでそんなに遠くはなかったのですし、事故にもつながらなかったので本当に良かったです😭

不幸中の幸いですね😅

タイヤ交換等で１時間半ほどかかり、退去をするアパートの片付けを終え、新居に帰ってからは荷解きをしたりと少しバタバタとする１日でした😶

昨日は全く勉強ができず、2日続けて何も勉強をせずに今日を終わりたくないので、学習習慣を継続するためにこれから15分だけですが本を読みたいと思います

GitHubも学ぶために、読む本はこちらです✨

最近は睡眠をしっかりとるようにしてからは顔にできたニキビが少しずつ治ってきたので睡眠も大切にしながら勉強を進めていきます😊

TODOアプリ③〜やっと完成しました〜

すごく時間がかかりましたが、やっとToDoリストが完成しました！！

エラーばかりで原因が分からず、パスタさんに助けを求めてその場で解決をしてもすぐにまたエラー…

全然進められず溜息ばかりでした😅

今回エラーばかりでこんなにも時間がかかってしまったのは、制作をする環境を変えたからです

Udemyの動画ではCodeSandBoxを制作をしていましたが、どの環境で作っても変わらないのではと思っていた私は、Visual Studio CodeでToDoリストを作っていました

私はVisual Studio Codeしか使ったことがなかったため他の環境の違いが分かりませんでしたが、アラートを表示するためのコードが反映されず、

「動画通りにコードを打っているはずなのになんでうまくいかないんだーーーーーー」

と、とても頭を悩ませました💦

パスタさんからは動画通りにCodeSandBoxを使って作ろうということで、アドバイスをいただき環境を変えて再スタート💡

コードミスを訂正しながら、今日やっと完成しました😭✨

達成感でいっぱいです✨

今回はとても時間がかかってしまいましたが、環境によってたくさんの差異があることを体感で気付けられたので新たな収穫はあったかなと思います💡

1月8日で会社を退職し引っ越しに備えて少しずつ荷造りをしています

いざ退職の日になると、この会社で苦労して働いたことを思い出しました

一時期人手が足りず多忙で、いつまでこの状態が続くのだろうと思っていましたがその経験を乗り越えられたからこそ成長ができたと本当に感じています

退職をするのは少し寂しいなと感じたりもしましたが、成長ができたことに心から感謝をし、エンジニア就職への次のステップへ向けて、プログラミングを頑張ります😆

TODOアプリ②〜HTMLに苦戦〜

以前の記事からTODOアプリの制作を続けていますが.........

まだHTMLとCSSしか進んでません😱

Udemyの講座通りに写経をしていましたが、まだHTMLとCSSの文法を理解していなかったため想像以上に苦戦し時間がかかっています...

時間がかかったという部分は、

『TODOを入力』のテキストにリストを入力

↓

『追加』ボタンを押す

↓

『未完了のTODO』にリストが追加される

本来であればこうなるはずですが、私の場合『未完了のTODO』には追加されず、『TODOを入力』したリストが消えてしまい反映されませんでした😅

また、余分なリストも消したいと思っていました

そしてパスタさんが打ったJavaScriptコードを見せてもらいながらアドバイスをもらい、Udemyの講座を見返し、やっと項目の追加ができました🙌

その時はとてつもなく眠くかったので、とりあえず「ねむいーーー」を追加しました笑

最近は少し睡眠時間が短いからか、右目がやや充血しております😅

しっかり休息をとらないと、と思っていますが作りたくなって結局は遅くなってしまいます😅

最近は肌荒れがひどくニキビができてしまいなかなか治りませんし、ニキビ跡が...😱

20代はすぐにニキビの赤みが引いていたんですけどね😅笑

元々敏感肌なんですが、最近は乾燥が悪化してきた気がします💦

とりあえず適度に休息をとり、今夜はJavaScriptへ取り組みます‼︎

お正月も勉強です😊

あけましておめでとうございます😊

今年初めてのblogの投稿であり、久しぶりの投稿でもあります💡

この2〜3週間は勉強のスピードを緩めてしまい少しのんびり過ごしていましたが、Progateや Udemyを使って隙間時間で進め、継続できるようにしていました💡

以前にドットインストールでTodoリストを制作しましたが、私には難しくちんぷんかんぷんだったため、Udemyの講座でReactも学べる講座があったのでそちらを使って改めて制作をしています

なんとかHTMLとCSSまで進められました

ですが、講座の見本と違ってかなりの余白ができてしまったのでもう一度CSSの部分の動画を見返して修正です⇓

ここまで時間がかかりますね😅

今回はなるべく講座通りに進めようと修正をしましたが、これからアプリ等を自作する時の見た目をCSSはちゃちゃっと済ませてシステムにしっかり力を入れていきます😤

これからはポートフォリオ制作にも入るので機能重視で進めていきたいですね‼︎

将来的には効率良く開発をし、ユーザーに快適にアプリを使ってもらえるようなものを作るために、これから身に付けたい技術をピックアップしてみました

• TypeScript
• React
• Next.js
• API
• SQL
• GitHub

このステップを踏むためにまずはJavaScriptを習得しないと!!

年末年始のスケジュールは全て仕事で埋まっているのでお正月気分は満喫したいのですが、その中でも学習をする習慣は頑張って継続していきたいと思います😄

それでは、これからTodoリストの制作の続きをします🙌