Nuxt.js のタグが付けられた投稿一覧

• 【Nuxt.js】assets/ と static/ はどう使い分ける？ by sohhprog

  # 結論 → 基本はassetsで！ 基本的には assets を用い、 webpack を通さなくていいファイルや webpack で不都合が生じるファイルがあった場合に static の使用を検討すればいいようです。 また、データ容量の小さな画像は「・・・

  https://qiita.com/sohhprog/items/811adad4a9664bf810e0

• v-app-varを位置固定する時にv-main上に自動でpaddingを入れるようにする by hiroyukiwk

  Vuetifyのv-app-barをabsoluteやfixedで上に配置する時に v-app-barとv-mainを使いレイアウトを作る時v-app-barの部分が上に来て、v-mainの上の部分が重なってしまいます。 ```vue <template> ・・・

  https://qiita.com/hiroyukiwk/items/14a733dc617fc494d301

• Nuxt.jsで作成したアプリケーションをVSCodeとFirefoxでデバッグする by mamo3gr

  Nuxt.jsで作成したアプリケーションをVSCodeでデバッグする方法のメモ。ググるとChromeのは出てくるが、Firefoxでやる場合の設定はあまり出てこなかったので備忘録代わりに（と言っても、Chromeの場合とあまり変わらないが）。 # 環境 * ・・・

  https://qiita.com/mamo3gr/items/57e243df0f2e34709856

• Nuxtjs × Netlify Functionsを始める際のメモ by tkyko13

  ## まずはNuxtjs https://ja.nuxtjs.org/docs/2.x/get-started/installation ``` yarn create nuxt-app <project-name> ``` `axios` にはチェッ・・・

  https://qiita.com/tkyko13/items/2ac5639800c73fe89fe8

• Nuxt.jsで新規作成をするとBabelで大量のWARNが出てくるときの解消法 by hiroyukiwk

  新しく[Nuxt.js](https://ja.nuxtjs.org/)の`version 2.14.6`でプロジェクトを立ち上げようとし、`yarn create nuxt-app <project-naem>`し、 インストール完了後、`yarn dev`・・・

  https://qiita.com/hiroyukiwk/items/b283ef5312b289be6ce8

• nuxtアプリをherokuにデプロイする by saima88

  <h1>nuxtで作成したアプリをherokuにデプロイする</h1> 先日nuxt.jsで作成したアプリをherokuにデプロイしたのでそのメモとして執筆しました。 <h2>前提</h2> <h3>ハードウェア</h3> ・macbook pro13　m1・・・

  https://qiita.com/saima88/items/bfab82202ccbf58c4a63

• 【Nuxt.js】nuxt.config.jsに何が書かれているのか by sohhprog

  ## nuxtの設定ファイル「nuxt.config.js」 nuxt.config.js では、下記のようにオプションを設定することができます。 ```.js export default { オプション: 値 } ``` ## head この・・・

  https://qiita.com/sohhprog/items/4fda32e0b4d16de5aab9

• Nuxt.jsでi18n対応 by takabumik

  Nuxt.js簡単にサイト構築ができてとても便利ですね。 今回はNuxt.jsでi18n対応をやりましたのでその手順を記載します。 ##i18n対応とは 国際化対応とも言われる。 ソフトウェアやインターネットサイトを複数の言語で使用、閲覧可能な状態にするこ・・・

  https://qiita.com/takabumik/items/72e22d070f9a2a7fbf11

• 【Nuxt.js】自動ルーティング設定 by sohhprog

  # はじめに nuxt では vue-router を自分で設定していいみたい。 pages ディレクトリ配下に作った vueファイルは自動的にルーティングが行えるように設定してくれるようなので、ドキュメント見ながら簡単にまとめたいと思います。 # 自・・・

  https://qiita.com/sohhprog/items/8b5bee101bf04da8e6c1

• NuxtでThough the "loose" option was set to "false"...を解消した話 by gossan

  # 何が起きたか？ Nuxt.jsで`yarn dev`するとターミナルに下記のWARNが大量に現れたので解決したメモです。 深追いはしていません。とりあえず消すための対処療法だという事をご承知下さい。 ``` WARN Though the "loos・・・

  https://qiita.com/gossan/items/6bde93415ba448c48e15

• [Nuxt]slotの中でcomponentを呼び出す[vuetify] by tatsuhiko112716

  ### 結論:divで囲む 一応Vuetifyを使っていますが別に普通のslotでもいいと思います。 ```vuejs:sample.vue <template> //コンポーネントは表示されない <v-radio value="c・・・

  https://qiita.com/tatsuhiko112716/items/fb57e2cc1255d871ee35

• さくっとNuxt.jsとApolloでGraphQLの雰囲気を掴むハンズオン by kimkiyong

  ## 本記事の目的 Nuxt.jsとApollo Clientを用いたハンズオンを通してGraphQLの雰囲気を掴むことを目的としています。 バックエンドにはpokemon APIを活用します。 最終的には以下のようなポケモン図鑑が完成します。 (なおD・・・

  https://qiita.com/kimkiyong/items/cc4debd73d095f0b2bb7

• Nuxt.jsが流行っているらしいので使用してみた件 by ryuji_vlog

  #Nuxt.jsが流行っているらしいので使用してみた件 最近でもないのかな？JS由来のフレームワークやらライブラリやらがフロントエンドの主流になってきてるらしいですね。 なので今回、自分自身学習のアウトプットも兼ねてQiitaで情報発信していこうと思います。 ・・・

  https://qiita.com/ryuji_vlog/items/d946ff3f145c057d379f

• $router.push()でqueryを変更したときに反映されない場合 by gungungggun

  ちょっとハマったのでメモ。 VueのRouterは変更を完全一致でチェックしているそうです。 例えば以下のようにソート条件を加えて新しいクエリストリングに変更してURLを変える場合。 ```js sort() { const query = this.・・・

  https://qiita.com/gungungggun/items/0e5c61f003b5d2b025dd

• Nuxt.jsの基本的な使い方【storeを使ったデータの状態管理編】 by natsumi_23

  # プロローグ Nuxt.jsを触り始めて三ヶ月弱くらいですが、 色々と使い方を覚えてきたので、メモとして記録を残します。 不備不足だったり、理解が浅くて説明不足なところがあるかと思いますが、 勉強して更新していきたいとは思っています。 # この記事で何・・・

  https://qiita.com/natsumi_23/items/baff222f856167a3685a

• 【Nuxt.js】動的ルーティングまでを実装してみた！ by futy_0123

  #ルーティングを実際にやってみましょう！ ルーティングは、Vue.jsやNuxt.jsを使用する際には切ってもきれないのでしっかり理解しておきましょう。 では始めます。 ##ルーティングって何？ まず、ルーティングって何って方に解説していきます。 ルーティン・・・

  https://qiita.com/futy_0123/items/a3180650f423fc3f2d36

• nuxtにcomposition-apiを導入する by tommy0218

  ### インストール ``` $ yarn add @nuxtjs/composition-api ``` ### nuxt.config.jsonに加筆 ``` { buildModules: [ '@nuxtjs/composition-ap・・・

  https://qiita.com/tommy0218/items/d3f093ebff0b77ee16ff

• モナコインで投げ銭できる機能をつけたQiitaみたいなサービス開発してみた by Raiu1210

  モナレッジというサービスを開発しました https://monaledge.com/ ![Screen Shot 2021-05-02 at 13.32.53.png](https://qiita-image-store.s3.ap-northeast-・・・

  https://qiita.com/Raiu1210/items/bc99235720cd54de82fb

• nuxtでいつもつまずくscssの設定 by art_porokyu

  # nuxtでいつもつまずくscssの設定 nuxtにおいて共通で使いたいglobal.scssの読み込ませ方とか、scss変数を全体に適用させたいとき毎度少しハマるので記事にします。 ポイントは**node-sassとsass-lodaerのversio・・・

  https://qiita.com/art_porokyu/items/5f33220e0a5793c1212c

• Vue.jsでControl+EnterとCommand+Enterどちらでも送信できるようにする by KoukiNAGATA

  # TL;DR Vue.jsでControl+EnterとCommand+Enter両方で関数を発火させ、 Enterで発火させないベストプラクティス。 # WindowsとMacのControlキー アプリケーションにおいて投稿機能を開発する際、 Ente・・・

  https://qiita.com/KoukiNAGATA/items/44c2ad11deff905c1558