
本コースではNuxt.js(TypeScript) + Firebaseを使ってレビューサイトを作成します。このレクチャーではコース全体像を説明します。
ソースエディタであるVisual Studio Codeの導入手順を説明します。
Node.jsの導入手順を説明します。
Nuxt.js(TypeScript)での新規プロジェクト構築を行っていきます。
このセクションではNuxt.js(TypeScript)を用いて、実際に開発を行っていきます。
本セクションの最後にサンプルソースがあるので、詰まった場合はそちらを参考にしてください。
まずはざっくりとビューのイメージの説明をします。
みんな大好きHello Worldになります。
最初のロジック的な処理になります。
基本的な配列への追加・削除をやっていきます。
このセクションの鬼門です。Nuxt.jsもとい、Vue.jsのVuex、Storeという概念での値の保持を学んでいきます。
まずは深く考えずに、やり方を覚えることに注力することをオススメします。
コンポーネント思考による再利用可能な画面部品を作っていきます。
Firebaseプロジェクトを作成していきます。
Firebaseのデータベースサービス、Firestoreを利用してDB操作を行っていきます。
Firebaseのストレージサービス、Storageを利用して、画像のアップロード機能を作成していきます。
Firebase-Firestoreに登録したデータを取得し、表示していきます。
npmを用いて、スターレビュー用のライブラリを導入し、それを利用していきます。
Nuxt.js(TypeScript)を用いたアプリの作成はこちらで終了です。
ヘッダー、Web情報などを設定して、アプリを完成させます。
Firebase Hostingに、いよいよ外部公開のためにデプロイしていきます。これでポートフォリオ公開までのフローの学習が完了します。
フロントエンドのトレンドとして人気の高いVue.jsのフレームワークNuxt.js。
こちらのJavaScriptではなく、最新のTypeScript版による入門講座です。
具体的には環境構築、実装、データベースであるFirestore設定・使い方、Firebase Hostingによる
アプリの公開までのすべての手順を含んだ内容になります。
全ての手順に記事とキャプチャ画像があり、初学者の方に特に優しいコースとなっております。
HTML、CSSの基礎知識にも触れており、幅広い知識をこのコースで会得することができます。
他技術からのキャッチアップを目的としたベテランの方にもオススメですが、初学者向けへの噛み砕いた説明も多いのでご了承ください。
将来性と需要の高い技術ですので、これからエンジニアを目指す人には特にオススメです!!