すべてのカテゴリ

なんとか、Dockerでnuxt.js バージョン2を起動することができましたこれで、Ruby on Rails + Nuxt.js の環境がローカルで作れました！せっかくなので、Ruby on Railsの学習を始めます。今回もいろいろつまづきました。１．これを参考にでもこの通りにやってもできない。nuxt.jsコンテナがビルドでエラー zenn.dev/hibriiiiidge/books/49ee4063b10cec1df1a2/viewer/2ac314f5633e674d4b0c２．これをベースにDockerfileを作り直しwww.y-techmemo.work/entry/create-nuxt-app-using-docker-composeこれを参考に、実行コマンドを変更 --overwrite-dir オプションを追加zenn.dev/uta_mory/articles/f8bad2ffa86d99実行コマンドdocker-compose run frontend npx create-nuxt-app --overwrite-dir３．ブラウザでアクセスできないdocker-compose up で起動した後、localhost:3000にアクセスしても以下となるcurlでアクセスするも、 curl(52) empty reply　となり通信不可。これを参考に、nuxt.config.jsで待ち受けhostを明示的に指定qiita.com/amuyikam/items/01a8c16e3ddbcc734a46   server: {    host: '0

Nuxt.js（ナックス） は、Vue.js を使った開発をもっと快適にするためのフレームワークです。Vue単体では自分で設定しないといけない「ルーティング」「SEO対策」「表示最適化」などを、Nuxtが最初から全部まとめて用意してくれるのが特徴です。Vueをそのまま使うよりも、速い・強い・作りやすいという三拍子そろった環境になるので、店舗サイトからWebアプリまで幅広く採用されています。Nuxt.jsとはNuxt.js は Vue.js をベースにした“フルスタック”フレームワークです。フロントエンドだけでなく、Nuxt3 では簡易的なバックエンド機能まで扱えるようになり、**「Vueで全部作りたい」**を実現できます。特に大きいのは次のポイントです。ページの表示が速い（SSR対応）SEOに強い自動ルーティングで開発がラクページ遷移がスムーズAPI とのデータ通信が簡単デプロイ先の選択肢が広いVueの“書きやすさ”を保ったまま、本格的なWeb制作ができるようになります。Nuxt.jsでできること● サイトが高速になる SSRNuxtは SSR（サーバーサイドレンダリング） を標準で採用しています。これは、ページの“最初のHTML”をサーバー側で作って返す方式。その結果、初回表示が速いGoogleの評価が上がりやすいSNSシェア時のOGPも正しく表示されるというメリットがあり、Vue単体よりもSEOに強くなります。● ルーティングが自動（開発がめちゃ楽）Nuxtでは /pages フォルダにファイルを置けば、そのままURLになります。「ルーターを自分で設定する」必要がないため、