東京のWeb制作会社LIGLIGならできるおもしろいこと。フロントエンドシェアこんにちは、フロントエンドエンジニアのライダーです。Portfolio」連載のチャプター4、最終回となります。アップロードするおわりにNetlifyとは?https://www.netlify.com/Netlifyは、静的サイトのホスティングサービスです。Nuxtで制作したHTMLを世に公開するためにはWebサーバが必要になります。つまるところ、そのWebサーバを無料で提供してくれているサービスがNetlifyです。アカウント登録Netlifyの利用にはアカウント登録が必要です。up」からアカウントを作成してください。手順に沿って入力するだけなので、これといって困ることはないと思います。静的HTML出力)の二種類(三種類)がありますが、今回はユニバーサルモードのHTMLを静的出力する方式をとります。ファイルを生成します(静的ファイルのホスティングに用います)(引用元:https://ja.nuxtjs.org/guide/commands/)平たく言えば、ここまで作成したNuxtのサイトを単なるHTMLとそのアセットとしてビルド・出力するコマンドです。利用することができます。開発用サーバを立ち上げたままの方は、このあたりで閉じておきましょう。ここからは実際に公開用のファイルを作成していきます。generateを実行してください。ディレクトリが新しくつくられたと思います。index.htmlこれが公開用のディレクトリ(ファイル)です。ファイルを解釈することができないので、コンポーネントを組み合わせた「ページ」としてHTMLを生成しました。アップロードする機能が用意されていますので、今回はその機能を使っていきましょう。アクセスし、ログインしてください。すると下記のようなページが開くと思います。ディレクトリをそのままこの枠の中にドラッグ&ドロップして待つだけです。デプロイが終わったら、生成されたURLをクリックしてみてください。例はこちらです↓https://nuxt-de-portfolio.netlify.com/おわりにここまで続いてきた「Nuxt-de-Portfolio」の連載もこれで終了です。どの章も深く入り込んではいませんが、一連の流れをさらうことができたかと思います。ここからはその場面ごとに、「困って調べる」の繰り返しになってくるでしょう。コンポーネントという概念に対しても、コツをつかめばそのラクさや便利さに気づくことができるはずです。最後までやってくださった方も、そうでない方もありがとうございました。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。