====== 190114 Nuxt-axios-firebase 「真のフロントエンジニアになるために、まずは、、、」をCodeSandboxで写経してみる ====== 以下のブログがすごく丁寧で素晴らしいと思いました。写経してみたいと思います! https://tech.libinc.co.jp/entry/2018/11/15/143000 {{:z_blog:2019:pasted:20190114-063631.png}} ===== 方針をたてる ===== -Nuxt.js + Firebaseを使って簡易メモ帳を作る -axios -vuex まあ、axiosとかvuexとかよくわからないので、とにかく写経しながら慣れていきたいと思います。 (vuexとか、reduxとか、何回読んでも分からないし、写経しても、プログラムが動かないことが多くて、何度挫折したことか、、、) とにかく、できる限り、https://tech.libinc.co.jp/entry/2018/11/15/143000 を、CodeSandbox上で写経していきたいと思います。 ===== 0.用意するもの(開発環境) ===== パソコン Chrome(くろーむ、WEBブラウザの一つ) GitHubアカウント作成済み(無料) Googleアカウント作成済み(無料) パソコンは、Windowsパソコンでも、Macでも、かまいませんが、私の場合はWindows 10 Proとなります。 今回利用するもの CodeSandbox Firebase (Realtime Database) Vue 2.5.2 Nuxt.js Element-UI ===== 新規Firebaseアプリの作成 ===== -https://console.firebase.google.com から新規作成。 - ===== リンク ===== 前:[[z_blog:2019:190102_hypervのネットワーク設定にtry|190102 Hyper-V上のKali Linuxのネットワーク設定にtry]] 次: