Gridsomeで構築したサイトにmediumのようなライトボックスを実装する

Gridsomeで構築したサイトにmediumのようなライトボックスを実装する

Gridsomeで構築したサイトで画像のMediumのようなライトボックス(画像ズーム)を実装する方法について紹介します。

TypeScriptファイル(.ts)が多く存在する場合にExplorerがフリーズするのを防ぐ

TypeScriptファイル(.ts)が多く存在する場合にExplorerがフリーズするのを防ぐ

TypeScriptを導入しているプロジェクトで大量の.tsファイルが存在するフォルダを開いたときにWindowsエクスプローラーがフリーズするのを防ぐ方法。

スクロール量に応じたプログレスバーを表示する「vue-read-progress」を使ってみた

スクロール量に応じたプログレスバーを表示する「vue-read-progress」を使ってみた

画面をスクロールした量に応じてプログレスバーが更新されていくVueライブラリ「vue-read-progress」をGridsomeで構築した本ブログで使ってみた。

いつのまにかeslint-plugin-prettierが推奨されないものになってた

いつのまにかeslint-plugin-prettierが推奨されないものになってた

PrettierをESLintとして実行することができるプラグインを使ったESLint・Prettier連携方法が公式で非推奨になってた話。

Gridsomeで作ったサイトにGoogle Adsenseを導入する方法

Gridsomeで作ったサイトにGoogle Adsenseを導入する方法

Gridsomeで構築したサイトにGoogle Adsense(アドセンス)を導入してAdsense広告を貼る方法について紹介します。

GridsomeにPWAを導入する方法

GridsomeにPWAを導入する方法

Gridsomeを使ったサイトにPWA( Progressive web apps)を導入する方法について紹介します。

GridsomeにESLint、Prettierを導入する

GridsomeにESLint、Prettierを導入する

Gridsomeを使ったサイトにESLintとコードフォーマッターのPrettierを導入する方法について紹介します。

GridsomeにVuexを導入する

GridsomeにVuexを導入する

Gridsomeを使ったサイトにVueの状態管理ライブラリ『Vuex』を導入する方法について紹介します。

GridsomeでFont Awesomeを使えるようにする

GridsomeでFont Awesomeを使えるようにする

Gridsomeを使ったサイトにWebアイコンフォント『Font Awesome』を導入して様々なアイコンを利用する方法について紹介します。

GridsomeでSassを使えるようにする

GridsomeでSassを使えるようにする

Gridsomeを使ったサイトにCSSメタ言語のSassを導入してSASS・SCSS記法を使えるようにする方法について紹介します。

Gridsomeでマークダウンファイルを扱う

Gridsomeでマークダウンファイルを扱う

Vue製静的サイトジェネレータGridsomeでマークダウンファイルをJavaScriptで扱う方法。

Nuxt.jsでURL末尾にスラッシュ(trailing slash)を付ける方法

Nuxt.jsでURL末尾にスラッシュ(trailing slash)を付ける方法

Nuxt.jsでURL末尾のスラッシュ(trailing slash)を強制的に付けて、アプリケーションで末尾スラッシュの有無を統一させる方法。

© 2022 K note.dev