JavaScript

PrismJSのAutoloaderを使ってシンタックスハイライトを行う
PrismJSのAutoloaderを使うとシンタックスハイライト言語を自動追加してくれる便利なプラグインがあるにも関わらず、npmでパッケージ管理しているプロジェクトでPrismJSとAutoloaderを使ったHowto記事が見つからなかったので、挑戦してみました。
#JavaScript
2022/09/22
Gatsby.jsでのWebフォントの読み込み方
Gatsby.jsでWebフォントを読み込み方としてTypegraphy.jsとFontSourceの2パターンを紹介します。公式ドキュメントにあるgatsby-plugin-web-font-loaderのやり方とtypefacesのやり方は古くなっているので注意が必要です。
#Gatsby
#React
#JavaScript
2020/10/07
Nuxt.jsで開発環境を超カンタンにSSL化
ローカル開発環境でのSSL認証が必要な時ってありますよね。mkcertというツールを使えば簡単にhttps://localhostでアクセスできるようになります。今回は、Nuxt.jsへの実装例を紹介。
#JavaScript
#Nuxt.js
#Vue
2020/05/18
Nuxt.jsで@nuxtjs/gtmを使ったGAの設定
Nuxt.js SPA・SSR対応のGTMからGAのページトラッキングの設定方法です。nuxt-community/gtm-moduleリポジトリの@nuxtjs/gtmを使った2020年最新の設定方法になります。@nuxtjs/google-tag-managerは廃止されメンテナンスされなくなるので、@nuxtjs/gtmを使いましょう。
#JavaScript
#Nuxt.js
#Vue
2020/05/17

#Adobe (1)#AdonisJS (11)#Antd (1)#CSS (2)#Docker (7)#Expo (1)#Flutter (1)#Gatsby (3)#Ghost (1)#Git (1)#HeadlessCMS (1)#JavaScript (4)#Lodash (1)#MongoDB (1)#Netlify (1)#Next.js (4)#Nuxt.js (2)#Prettier (1)#Puppeteer (1)#Rails (1)#React (6)#ReactNative (2)#Sentry (1)#Swagger (1)#TypeScript (1)#Vue (5)#Webpack (1)#npm (1)#ラズパイ (1)

RyoheiTomiyama / とみー

フリーランス ← フルスタックエンジニア ← Webデザイナー。長野県に移住しフルリモートでアプリやWebサービス開発に携わるエンジニアとして活動中。開発で得た知見を発信していきます。

TOMILOG © 2019