microCMSのコンテンツを更新したときにVercelで自動デプロイをする
VercelのDeploy Hooksで作ったURLをmicroCMSのWebhookに登録すると、コンテンツを更新したときに自動でデプロイできます。設定の手順を説明します。
記事一覧
2024年 3件
Google タグ マネージャーの初回設定手順とGA4の連携方法
Google タグ マネージャーのアカウントとコンテナを作成してサイトに設置し、「Google タグ」にGA4の測定IDを設定して連携する手順を解説します。
Google アナリティクスの初回設定手順
Google アナリティクス（GA4）は、アカウント、プロパティ、データストリームの順に作成し、Google タグをページに設置すると計測を始められます。手順を画面つきで解説します。
2023年 7件
2021年に買ったApple製品の使い心地
2021年に購入したiPad Air、iPhone 13、Apple Watch Series 7、14インチMacBook Proなど、Apple製品7つの使い心地をまとめます。
リンクをまとめて開きたいときに便利なChrome拡張機能「Pasty」
Chrome拡張機能「Pasty」を使うと、コピーしたテキストに含まれる複数のURLをまとめて新しいタブで開けます。インストール方法と使い方を紹介します。
Dart Sassへの移行ガイド：@useと@forward、ビルトインモジュールの書き方
LibSassからDart Sassへの移行方法を解説。@importに代わる@useや@forwardの書き方から、ビルトインモジュールの使い方まで詳しく紹介します。
AlfredでPHPを認識してもらうまでの手順
macOS 12（Monterey）でPHPがバンドルされなくなり、PHPを使ったAlfredのワークフローが使えなくなった問題は、HomebrewでPHPをインストールすると解決できます。
Next.jsでscroll-behavior: smooth;が効かないときの解決策
Next.js 12.3.1から13.4.10では、next/linkのページ内リンクにscroll-behavior: smooth;が効きません。13.4.11以降へのアップデートか、Pages Routerならscroll={false}で解決できます。
meta keywordsは不要？
meta keywordsはGoogleの検索順位に使われていないため、設定する必要はありません。Googleの公式発表をもとに、その理由を解説します。
CSSだけで文末を3点リーダーで省略表示させる
複数行のテキストを指定した行数で省略して末尾に3点リーダーを表示するには、-webkit-line-clampをdisplay: -webkit-box;などと組み合わせて指定します。