Nuxtjsの <a> と <NuxtLink> の使い分けについて。 - Qiitaはじめに Nuxtjsを使い始めて約６ヶ月経ちました。 使い始めの頃に疑問に思ったことをまとめて行きます aとは HTMLのタグ リンク飛ぶのに使う。
データの取得
データの取得 Nuxt では、API からデータを取得する方法が 2 つあります。fetch メソッドまたは asyncData メソッドを使用できます。 Nuxt はコンポーネントの mounted() フックでデータを取得するなど、クライアントサイドアプリケーションにおける従来の Vue のデータの取得パターンをサポートしています。しかしユニバーサルアプリケーションでは、サーバーサイドレンダリング中にデータをレンダリングするために Nuxt 特有のフックを使う必要があります。これにより、必要なデータがすべて存在する状態でページをレンダリングすることができます。 Nuxt には、データを非同期に読み込むためのフックが 2 つあります。 asyncData。このフックは、 ページ コンポーネントでのみ使用できます。fetch とは異なり、クライアントサイドレンダリング中にローディングプレー
floatやflexbox（display:flex）のリセット レスポンシブデザインの主な解除方法 | ビギブ
floatやflexbox（display:flex）のリセット レスポンシブデザインの主な解除方法※ 本ページはプロモーション・広告が含まれています。 Web制作 レスポンシブWebデザインでサイト制作を行った場合、PCページに設定したCSSを解除しないとスマートフォンページでうまく表示できない場合があります。 主な解除方法や設定方法をメモします。 width 幅の指定スマートフォンページで横幅がはみ出している場合やブロック内におさまらない場合は、PCページの横幅指定が効いている可能性があります。 その場合は、横幅を100％に設定します。 width:100%;それでも、横幅がボックスはみ出てしまう場合は、 width:94%; のように、100％より値を小さくして調整できるか確認します。 親ボックスからはみ出てしまう場合は、box-sizingも有効な場合があります。 box-sizi
WordPressでの記事削除の手順｜Googleインデックスから記事を削除する方法 | ナシタカライフ
どうも、ナシタカです。 この記事では、WordPressで記事を削除する時に必要な作業をまとめていきます。 きっかけはこのブログで記事を削除する時に、「なんか必要な作業とかあるのかな」と思ったこと。 実際に試してみて手順が固まってきたので、それを備忘録の意味も込めてここに残しておきます。 同じように『記事を削除したい』と考えている方に向けた記事なので、参考にどうぞ。 SearchConsoleからURLの削除リクエスト 最初にやるべきことは、Googleの検索結果で削除する記事が表示されないようすることです。 この操作をやっておかないと、検索結果には表示されるけどページが表示されないという、検索ユーザーにとって最悪の状態になるので要注意。 まずはSearchConsoleの左メニューから、以下の操作を行います。 「削除」→「新しいリクエスト」
【Vue.js】Vuejsをchromeブラウザでデバッグする方法 - Qiita
開発環境 ⭐️Mac book pro (Mac OS Mojave) ⭐️ブラウザ Google Chrome https://twitter.com/nonnonkapibara/status/1166711295384510465 ⛱️Vue.js⛱️CodePen⛱️ Vue.jsをCodePenで実装してみたよぉ。 CDN（インターネット経由）でできるので、めっちゃ便利♪♪https://t.co/z92om6dOAu pic.twitter.com/FrcWwWINq0 — non (@nonnonkapibara) August 28, 2019 1.Chromeのアドオン「Vue.js Devtools」を入れる。 Vue.js Devtools https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjm
【Nuxt.js】Vue Router基礎編：params, queryを使ってページ遷移 | aLiz Nuxt
前置き とっても便利なparams, queryについてご紹介🌟 同じコンポーネントを見せたいけど、 カテゴリごとにURLだけを変えたい… 一覧ページからソートして表示させたい… そんな時に便利です♪ params, queryについて いくつかに分けて書きます✍️ router-linkが分かれば簡単です🌟 まだ不安な方のためにも 複数の書き方で記載しました🍒
Gitを最大限に活用できる「Git flow」で、効率よく開発を進めよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
まずは、ソースツリーを起動し、任意のリポジトリを開いてください。 今回は、GitHubでテスト用のリポジトリを作りました。作ったばかりなので、データはREADME.mdのみ、ブランチはmasterのみの状態です。 次に、メニューにある「Repository」から、「Git flow/ Hg flow」→「Initialize Repository」を選択します。 こちらの「Repository」→「Git flow/ Hg flow」は、ショートカットキー「command + alt + F」で実行できます。 すると、下記のようなウィンドウが表示されます。 ここではGit flowで使うブランチの名前を設定できますが、特殊な理由がなければここはデフォルトのまま、OKを押しましょう。とくにエラーもなく無事にウィンドウが閉じられれば、成功です。 また、リポジトリに「develop」ブランチがな
A successful Git branching model を翻訳しました
Vincent Driessenさんの "A successful Git branching model" を翻訳しました。 元記事はこちら： http://nvie.com/posts/a-successful-git-branching-model/ （翻訳の公開と画像の利用は本人より許諾済みです） このブランチモデルの導入を補助してくれる、git-flowというGit用プラグインがあるそうです。 翻訳の間違い等があれば遠慮なくご指摘ください。 A successful Git branching model この記事では、私のいくつかのプロジェクト（仕事でもプライベートでも）で約一年ほど導入して、とてもうまくいくことがわかった開発モデルを紹介する。しばらく前からこれについて書くつもりだったんだが、今まですっかりその時間を見つけられずにいた。ここでは私のプロジェクトの詳細については書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.jsで自動生成したディレクトリ名にアクセスする方法（動的ルートへのアクセス） | ARAKAZE NOTE