Web開発日記

118

本

Webサービスを作るにあたっての個人的メモ

運営しているクリエイター: Koushi Kagawa

#NuxtJS

【Nuxt.js】faviconの設定方法

Nuxt.jsでfaviconの設定方法です。デフォルトでは下記faviconが設定されています。こちらを変更します。 faviconはstaticディレクトリ内にあるfavicon.icoというファイルで制御されています。こちらを変更することで、faviconの変更が可能です。以上です。

Nuxt.jsにてFontAwesomeを利用する方法

Nuxt.jsにてFontAwesomeを利用する方法を説明します。下記実行します。 yarn add @fortawesome/fontawesome-free-webfonts ※「fontawesome・・・」ではなく、「fortawesome・・・」なのでご注意を。 nuxt.config.jsのcssに追記します。 css: [ //下記追記 '@fortawesome/fontawesome-free-webfonts', '@fortawesome/

【Nuxt.js + contentful】a hrefでエラーが出た。→ 解決した。

どんな状態でエラーが出たか1. ContentfulでURLフィールドを作成し、URLを記入した 2. Nuxt.jsのvueに下記のようにリンクを書いた <a href="{{post.fields.url}}">{{post.fields.url}}</a> 3. すると、下記のようなエラーが表示された。 Errors compiling template: href="{{post.fields.url}}": Interpolation inside att

最速でNuxt.jsを構築する

一番簡単なNuxt.jsの構築方法です。 1. Nuxt.jsをインストールするディレクトリに移動ターミナルを開き場所を移動します。 cd 好きな場所 2. Nuxt.jsをインストール下記コマンドにてNuxt.jsをインストールします。今回は「lm」という名前で作成します。 npx create-nuxt-app lm すると、いくつか対話式で質問があります。特に気にしなければ全てEnterで問題ないです。 ? Project name? Project de