フロントエンジニアになるためのVue修行

本

ちょっとHTML/CSSをかじった程度の僕がプログラミングスクールで仕事終わりと週末にどう学び、何ができるようになったまとめたマガジンです。全然、分からないことがたくさんあるので…

運営しているクリエイター: KOMA

#vue

11週（4/22~）飛んで13週(5/5~)

おはようございます。気づいたら3週間経ってました。コロナ自粛の中GWに向けて仕事が忙しく、急に寒くなってからポカポカしてきて環境が生活習慣が変化し、やらない習慣になってしまっていました、、、やれなくなっても、やり始めればいいと思い、今日から気を取り直してまたプログラミングの勉強をしようと思います！前回までの宿題①意味を調べる。なぜ、この書き方をしているのか。 ↓JavaScriptを勉強している人は、気になる記述の仕方らしい。 const { title, descr

10週目（4/15~）

先週は本業が忙しく、休みも1日だったので捗ってませんが、宿題で進んだところをnoteに書いていこうと思います。今週の宿題 ①意味を調べる。なぜ、この書き方をしているのか。 ↓JavaScriptを勉強している人は、気になる記述の仕方らしい。 const { title, description } = doc.data()objectショートハンドreturn { news } ②先週の宿題の続き編集・削除でfirebase内のデータをupdate/dest

9週目(4/8~)クエリパラメータとは...

前週の宿題①news/newに登録フォームを作り、firebaseに保存 ②newsに登録結果の一覧表示（firebaseからデータを読み込む） ③firebaseのデータベースを削除する ④firebaseのデータベースを編集できる ⑤報告を逐一する自力でできたこと（所要時間15時間）firebaseのデータベースにデータを保存し、それを読み込む。表示まではできず、そこから編集したり、削除したりするのも出来ませんでした。学んだことscriptの表記の仕方/idの活用

8週目続き

わかったこと。 firebaseにて、データの取得をするには、 JavaScript側でfirebaseのデータベースをインポートし、 get()メソッドとforEach()でConsoleに表示する。 <script>import { db } from '~/plugins/firebase.js'export default { methods: { async onSubmit() { await db.collection('news').add

8週目になって、微妙と気づく。

まだまだ基礎ができてませんでした、、、楽しようとして、端折ってコピペする感覚でfirebaseのことを理解しようとしていて、わけわからん状態に陥りました。だって、いろんな種類、見たことないメソッドがあるんだもん。なので、概念の理解からまずはしないとダメでした。というわけで、今日は、概念の理解をしっかり調べながらやろうと思います。 Firebaseとは何か？Cloud Firestore は、Firebase と Google Cloud Platform からのモバイル、

8週目(4/1~)

寄り道（前回までの内容でわかった内容）更新フォームの作り方でわかったこと： updateメソッドを使うということ。フォーム内に薄い色の文字を入れるには↓ <input type="text" value="" placeholder="表示させたいテキストを記述" > 参考になったサイト現状：paramsってなに？というところで詰まっている。ルートコンポーネント？？という状態。 7週目の宿題 firebaseのデータベースであるfirestoreにnews