実はどちらかというとバックエンド側の人間なのですが、最近はフロントエンドが求められる時代になってしまったので何度かフロント開発をする羽目に。毎回言っている気がしますがお久しぶりです。フロントエンドはどんどん新しいライブラリやらフレームワークやらが出て大変ですね、濁流です。先日とある内部システムを作らないといけない事がありそこで初めてVue.jsもといNuxt.jsを使ったような人間なのですが、こういう初心者にとって何が大変かというと「ライブラリやらフレームワークやらが多すぎる」、そして「その分だけドキュメントも多すぎる」、一番困ったのが「ライブラリ/フレームワークがそれぞれすごい勢いで更新されていくものだからQiita等のチュートリアルが古くて動かない」ということ。してGitHubからcloneしたものが動かないの...(よくある)ということで現時点での覚書をしておこうかなと思った次第ですが、よく考えたらこの記事もすぐ古の遺物になってしまうので、もしこんなところまで漂流してきてしまった方がいらっしゃいましたら泣きながら一緒に最新ドキュメントを探す旅に出ましょう。パッケージマネージャとかを入れるNuxt.jsを動かすにはNode.jsが必要で、Node.jsにはパッケージマネージャという便利なものがあるそうなので入れて行きましょう。パッケージマネージャには大きくnpmとyarnの2つがありますが、どうやら後発のyarnの方が優れている(詳しくは知らない)と言われていますのでyarnを使うことにしましょう。インストール方法に関してはご丁寧に公式がWindows、macOS、Linux各ディストロごとのチュートリアルを用意して下さっています。management.Nuxt.jsのテンプレートを用意するこれまた様々な方法があって動いたり動かなかったりしたのですが、結局自分で机引っ叩きながらやるより使える便利なものは使ったほうがいい!ということでcreate-nuxt-appを利用します。name>で現在のフォルダに新しくプロジェクトフォルダが作成されます。実行すると対話形式で色々効かれていくので、入力したり必要なコンポーネントを選択したりしましょう。App以上でおしまいです。devで開発用サーバーが起動できます。デフォルトであればlocalhost:3000にアクセスしてちゃんと表示されれば大丈夫です。5分で雛形が作れちゃうのね...すごいや...create-nuxt-appは様々なUIフレームワークに対応しているので、create時に使いたいフレームワークを選択してやればそれに応じたテンプレートを生成してくれます。このUIフレームワークってのも凄いですね、一瞬でそれっぽい見た目になる。HTMLとCSSで殴り合いをしていたことしかない自分にとってはなんというか時代の流れを感じました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。曰く:コメントありがとうございます。