Nuxt.jsでhtmlやbodyにclassを追加する
Nuxt.jsでhtmlやbodyに対してclassを設定する方法をメモ。...
JavaScriptの記事一覧
カウントダウンタイマーで時差を考慮する
JavaScriptでカウントダウンの処理は以前に記事を投稿したことがありますが、カウントダウンタイマーで日本以外の国か...
Vue.jsのslotを使ってみる
親側から子コンポーネントにテンプレートの一部を差し込める、slotという機能を使ってみます。...
Vue Routerを使ってみる
Vue.jsでのSPA構築の際、ルーティングの管理をするための公式プラグイン「Vue Router」を使ってみます。...
Vue.jsのtransitionを使ってみる
要素の表示・非表示や更新した際にアニメーション効果を追加できるVue.jsのtransitionを使ってみます。...
Nuxt.jsでルーティングの設定を追加する
Nuxt.jsはルーティングの設定を自動で行ってくれますが、今回個別のルーティングの設定を追加したいということがあったの...
Vue.jsのコンポーネントを使ってみる
Vue.jsのコンポーネントの使い方について簡単に試してみます。...
Vue.jsでイベントを設定する
Vue.jsのイベントハンドリングについて色々と試してみます。...
Vue.jsのライフサイクルフックを確認する
Vue.jsのライフサイクルフックについて確認してみます。...
Twitterのシェアボタンをカスタマイズする
Twitterのシェアボタンをカスタマイズする際に設定できるオプションをいくつか試してみます。...
Auth0を使ってみる
Auth0を使って、ログイン・ログアウトの実装を試してみます。...
Nuxt.jsでグローバルに適用したいCSSを設定する
nuxt.config.jsのcssプロパティを使って、すべてのページに適用するCSSを設定してみます。...
JavaScriptでクイズ系のコンテンツを作成してみる
JavaScriptを使って、簡単なクイズコンテンツを作ってみます。...
JSON Serverを使ってみる
JSON Serverを使ってダミーのAPIを用意して、フロントの実装を行ってみます。...
jsonpを使って別ドメインのデータを取得する
別ドメインにあるjson形式の情報をJavaScriptで取得する方法として、jsonpを使うやり方を試してみます。...
Nuxt.jsとmicroCMSでJamstack構成のサイトを作ってみる
Nuxt.jsとmicroCMSを使って、Jamstack構成のサイトを作成する流れを試してみます。 サーバにはNetl...
Nuxt.jsで子コンポーネントにデータを引き継ぐ
ページ内で使用している値を子コンポーネントに渡す方法をメモ。...
Nuxt.jsのRuntimeConfigを使ってみる
Nuxt.jsのRuntimeConfigを使って、環境変数の管理やAPIキーを隠す方法を試してみます。...
Nuxt.jsでSassを使用した際に「TypeError: this.getOptions is not a function」とエラーが出る
以前投稿したNuxt.jsでSassを使用するの記事でも少し触れましたが、Nuxt.jsでSassを使用した際に「Typ...
Nuxt.jsでSassを使用する
Nuxt.jsでSassを使用する方法をメモ。...