Skip to main content

次のタグが付いている話題の回答:

3
承認済み

SSRに関する疑問点

1. SSR は何故早いか SSR だと、ユーザーがサーバーから受信する html ファイルには、既に初期描画が完了した dom を書き出したようなものが記述されています。これにより、通常の Web ページと同じように、 html ファイルを受信する端から描写を開始することができます。 一方、 CSR だと html ファイル(の <body>)は最初ほぼ空で、そこから SPA ...
Yuki Inoue's user avatar
  • 1.7万
2
承認済み

Docker RailsのCORS設定について

Cross Originはscheme, host, portのいずれか一つでも異なる場合にその扱いになります。 サーバー側はhttp://localhost:7000に対して、クライアント側(ブラウザ)はhttp://localhost:5000です。 schemeはhttp、hostはlocalhost、portは5000と7000でportが異なることからCross ...
himenon's user avatar
  • 1,362
2

Vue.jsと比べてNuxt.jsがどう違うのかがわかりません

NuxtJS は Vue.js プロジェクトのバックボーンであり、柔軟でありながら自信を持ってプロジェクトを構築するための構造を提供します。 主な機能 コードを自動的に分割すること サーバーサイドレンダリング 非同期データをハンドリングするパワフルなルーティング 静的ファイルの配信 ES2015+ のトランスパイレーション JS と CSS のバンドル及びミニファイ化 ...
Mahamudul Hasan's user avatar
2
承認済み

文字列を返すメソッドで値がない場合、 null / undefined / 空文字列のいずれを返すべきか

私の場合は空文字で返すことが多いです。 もし代入されていないことを表現したい場合はnullを使います。undefinedは自分から利用はしません。 Javascriptの場合はstringであってもオブジェクトですので、プロパティもありますしいくつかのメソッドも存在します。 つまりstring型で返さないと、それらのプロパティやメソッドはnullやundefinedが渡ってきた場合、...
keitaro_so's user avatar
  • 5,285
2
承認済み

NuxtとReactには、Vue CLI 3のような、便利な雛形作成ウィザード 兼 ビルドボタンを含むGUIは存在しますか?

雛形作成ツールに関しては以下のものが対応するでしょう。 nuxt: create-nuxt-app - https://github.com/nuxt/create-nuxt-app react: create-react-app - https://github.com/facebook/create-react-app ファイル名の付け方、ファイルの配置について自由度が高いことを、...
himenon's user avatar
  • 1,362
2
承認済み

nuxt2 と nuxt3 の対応関係について

nuxt 3 をしばらく触っていないのですが、多分以下の感じになる気がしています。 <script setup lang="ts" > // 勝手に template で使えるようになる。 // ~/components に入れている場合は、 global 登録されるので不要になる。 import HogeComponent from '~/path/to/...
Yuki Inoue's user avatar
  • 1.7万
1

Nuxtで開発中のアプリでpdfmakeライブラリをインストール後、./node_modules/pdfmakeディレクトリでnpm run buildが実行できないです。

こちら、結局 npm run build を実行することはできなかったのですが、 PDFMAKE公式マニュアルを参考にして、vfs_fonts.jsを新たに作成し、 それを任意のディレクトリに配置し、IMPORTすることで新しいフォントを利用することができるようになりました。
kodawari555's user avatar
1

特定のNuxt.jsプロジェクトでrun devした際に高確率でロードに失敗する

自己解決しました。nuxt2.4を使っていたのですがバージョン依存のバグだったようです。 最新版では解決されています。
zen's user avatar
  • 39
1
承認済み

Nuxt.jsのstore配下のディレクトリ構成について

ディレクトリ構成に対する回答は無数にあります。また、どれが一般的で、どれが理想的かもユースケース次第になります。 ディレクトリ設計やStore/State/Actionなどの分割単位を決定するには、今実装している対象(サービスや業務ロジック)に対する深い理解が必要です。これは小手先のテクニックでできるようなものではなく、とても多くの時間をかけて考える部類に入る内容になります。 なぜならば、...
himenon's user avatar
  • 1,362
1

v-data-tableの行番号を取得したい。

利用されているitemのslotで行indexがあるようなのでそちらを利用したらよさそうです https://vuetifyjs.com/ja/api/v-data-table/#api-slots <v-data-table :headers="headers" :items="todos"> <template v-slot:...
sugumura's user avatar
  • 871
1

NUXTでのKEY情報の隠蔽について

nuxt build を実行した時に、 .nuxt/dist/client が作成されると思っていますが、もし api キーなどが client に漏れていれば、そこで grep かければ多分見つかると思います。 client 側の js を webpack でビルドしたものが、このディレクトリの中身である、という自分の理解です。(100%の自信がある訳ではないです。多分、ぐらいの感じです)
Yuki Inoue's user avatar
  • 1.7万
1
承認済み

Nuxt.jsでのルーティングである親Layout下で特定の箇所をアドレスの変更によって動的に部分的に変更したい。nuxt-child?

こちらのページが求めているサンプルになるのではないでしょうか(Open Sandboxから実際に触れます) https://ja.nuxtjs.org/examples/routing-nested-pages/ NuxtChildコンポーネントを使いページをネスト表示できます nuxt.jsはデフォルトではpagesフォルダ内のファイル構成でルートファイルを生成します npm run dev ...
sugumura's user avatar
  • 871
1

Nuxt.js(Vue.js)+typescript で記述されたコードに理解できない部分がある

アロー関数でreturnを省略する場合の短縮構文です。もし、()がない場合、文の列として構文解析されます。 以下のmyFunc1とmyFunc2は同じ返り値を提供します。 const myFunc1 = (slugId1: string, slugId2: string) => ({ name: "slug1-slugId1-slug2-slugId2", ...
himenon's user avatar
  • 1,362
1
承認済み

Nuxt.jsで非同期に取得したデータを、コンポーネント内dataとVuexストアの両方に保存したい

asyncData内で「Vuexストア」に保存も行えば良いと思います。
asarikz's user avatar
  • 166
1

Nuxtでの「is not defined」の解決方法を探しています。

maxCount = 0をlet maxCount = 0に変更してみてはいかがでしょうか。maxWeaponも同様です。 参考記事はJavaScriptで書かれているので本来ローカル変数としてvarをつけて(Vueの場合はlet)宣言するべきところを、何もつけないでグローバル変数として宣言してもエラーがでない場合がありますが、...
StackDestroyer's user avatar
1

Nuxt SSR時のstoreの永続化が出来ない

公式を参考にすれば簡単に実装できますよ。 下記に公式をベースにFirebaseAuth用の認証画面サンプル作りましたので 参考にして頂ければと https://github.com/Ittan888/nuxt-firebase-auth-sample
datain's user avatar
  • 33
1

interfaceのプロパティがParsing error: Unexpected token

コメントしていただいた皆様ありがとうございました。 自己解決できました。 eslintのparserをtypescript-eslint-parserにしたら解決しました。
hota1024's user avatar
1

一つのコンポネントを複数使う場合、同じpropsが表示される。

vuexは複数のコンポーネント間で同じ値を共有したい時に使います。vuexはSingletonになります。同じコンポーネントでも異なる値をもたせたいなら、コンポーネント内のdataに持たせるべきです。 なので、vuexを使わないほうが正しいです。 逆にどうしても使いたい場合は、以下のように各項目ごとのstateを用意してあげる必要があります。 export const state = () =&...
Takahiro Ito's user avatar
1
承認済み

NuxtのSSRデプロイについて

基本的にはVPSにデプロイする場合でもPaaSにデプロイする場合でも基本的な部分は変わりません。 構成は条件によって多々あるでしょうが、一般的には (プロジェクトのルートディレクトリをgitで管理してるとして) gitでプロジェクトを丸々サーバー上に配置し デプロイ時にyarn install アセットのビルド(yarn build)等をし サーバープロセス(expres等)の再起動 ...
hinaloe's user avatar
  • 4,751
1

Nuxt.jsでslugに応じたコンテンツを表示する際のエラー/リロード又はURL直打ちでエラー

slugというかパラメーターは $route.params. で取得できますよ。 バリデーションかける場合はこの様にするようです。 基本、外部データの読み込みはasyncDataでaxiosなりを使って 読みこむのが良いのかと思います。
datain's user avatar
  • 33

無効化に投票