Nuxt.jsでdate-fnsを使ってみる
@nuxtjs/date-fnsを使って、Nuxt.jsで日付の処理を行ってみます。...
Sassで数値から単位を除去する
Sassで単位のついた数値から単位を除去する方法をメモ。...
JavaScriptのincludes()・same()・find()・findIndex()を使ってみる
JavaScriptで配列内の検索方法を検討することがあったので、その際に試したincludes()・same()・fi...
VSCodeの拡張機能を試してみる
VSCodeの拡張機能で入れておくと便利そうなものをいくつか試してみました。...
Movable Typeで記事一覧のjsonを生成する
Movable Typeのコンテンツタイプで投稿したデータでjsonを生成することがあったので、その際の対応方法をメモ。...
Nuxt.jsでGTMを追加する
Nuxt.jsでサイトを構築する際に、Googleタグマネージャ(GTM)を追加する方法をメモ。...
フォントサイズを画面幅に合わせて変更する
スマートフォンのサイト実装時にフォントサイズを画面幅に合わせて拡大・縮小したいという要望がたまにあるので、vwを使った実...
JavaScriptのreduce()を使ってみる
JavaScriptのreduce()メソッドを使ってみます。...
Nuxt.jsでstoreを使用する
Nuxt.jsのstoreディレクトリを簡単に使ってみます。 今回はNuxt 2を使用しています。...
Nuxt.jsでVeeValidateを使ってみる
Nuxt.jsでVeeValidateを使う際に少し詰まる点があったので、設定方法をメモしておきます。...
text-align: justifyを使ってみる
テキストを両端揃えにできるtext-align: justifyを使ってみます。...
WordPressでイベントカレンダーを作成する
WordPressのプラグインなどを使用しないで、簡単なイベントカレンダーを作成してみます。...
VeeValidateを使ってみる
フォームのバリデーションを実装できるVue.jsのライブラリ「VeeValidate」を使ってみます。...
Nuxt.jsでsitemap.xmlを生成する
@nuxtjs/sitemapを使ってsitemap.xmlを生成する機会があったので、設定方法についてメモ。...
Nuxt.jsでmetaタグを設定する
Nuxt.jsでtitleタグやmetaタグの設定方法をメモ。...
pugでpictureタグのmixinを作成する
PCとSPでの画像の出しわけやwebpの対応でpugのmixinを作成する機会が度々あったので、作成方法をメモしておきま...
Nuxt.jsでhtmlやbodyにclassを追加する
Nuxt.jsでhtmlやbodyに対してclassを設定する方法をメモ。...
カウントダウンタイマーで時差を考慮する
JavaScriptでカウントダウンの処理は以前に記事を投稿したことがありますが、カウントダウンタイマーで日本以外の国か...
Vue.jsのslotを使ってみる
親側から子コンポーネントにテンプレートの一部を差し込める、slotという機能を使ってみます。...
Vue Routerを使ってみる
Vue.jsでのSPA構築の際、ルーティングの管理をするための公式プラグイン「Vue Router」を使ってみます。...