ざきの学習帳(旧 zackey推し )

日々の学びを書きます

Gridsome

APIベース・日本語UIで使いやすい microCMS を Gridsome で使う

実家サイトにお知らせ欄を追加。自分を介さず、オーナーや店舗スタッフがお知らせ等を更新できるようにしたい。 上記機能を実現するため、microCMSを導入することを検討している。 この記事では、別リポジトリにて、microCMSをGridsomeへ導入する素振りを行…

gridsome v0.7.11 で 「fatal error: 'vips/vips8' file not found」が発生した際に対処した方法

※雑メモ記事です。 環境 現象発生した際の環境となります。 macOS Mojave node 13.1.0 概要 / 現象 久しぶりにGridsomeでサイトを作ろうと gridsome create <project-name>とした 際、 ../src/common.cc:25:10: fatal error: 'vips/vips8' file not found #include <vips/vips8> ^~~~~~</vips/vips8></project-name>…

Gridsome を 0.6→0.7 にバージョンアップしたら「The field Query.metaData is deprecated. Use Query.metadata instead.」の警告が出た

Gridsomeで作成したサイトに新機能を追加するため、Gridsomeのプラグインを検索しようとしたところ、いつのまにかv0.7にバージョンアップしていました。 Gridsome v0.7 - Gridsome gridsome/CHANGELOG.md at master · gridsome/gridsome · GitHub 「新機能を…

【Gridsome v0.5.7】vue-metaを使ってOGP(Twitter・Facebook)の設定を行う

先日、Gridsome x Netlifyでお店のサイトを作り始めたという記事を書きました。 記事 【個人開発】Gridsome(Vue.js) x Netlifyで実家のお店のサイトを作り始めた - zackey推し GitHub GitHub - zakizaki-ri9/gridsome-trattoria-site: TRATTORIA e BAR POR…

【個人開発】Gridsome(Vue.js) x Netlifyで実家のお店のサイトを作り始めた

GW突入ですね! この記事は、challenge-every-month全員でアウトプット芸人 Advent Calendarの2日目記事です! GW Advent Calendar | challenge-every-month全員でアウトプット芸人 Advent Calendar 10連休向けアドベントカレンダーシステムを作った【個人開…

【Vue.js】VueCLI3とGridsomeに「Pug」を導入する

VueCLI3で作ったVue.jsプロジェクトに対して「Pug」を導入した際、設定ファイルに関する理解が乏しく、ハマってしまった。。。 同じ手間をなくすため、自分なりに咀嚼した「Pug」の導入手順をメモしておきます。 この記事なに? 本編 VueCLI3の場合 プラグイ…