Vue3+D3.js アプリを Nuxt3 に移植して Netlify にデプロイしてみた
「Vue 3 と D3.js で作る可視化アプリ」の記事では、D3.js を使った可視化のための簡単な Web アプリを Vue3 の SPA で作成しました。 Nuxt3 への移植 # Vue3 がなんとなく分かった気がしたので、次に Nuxt3 への移植にトライしました...
記事を読むNuxt3で導入されたハイブリッドレンダリングとNuxt版ISG/ISRを試してみる
これは、豆蔵デベロッパーサイトアドベントカレンダー2022第18日目の記事です。 今年春にRCバージョンとなったNuxt3は、先月(2022-11-16)ようやく安定バージョンとなりました...
記事を読むNetlify Split TestingでGitブランチベースのA/Bテストをする
不特定多数のユーザーに公開するWebサイトでは、UI/UXの改善がエンゲージメントやコンバージョン等の指標に良い影響があるのかは、実際に公開してみないと分からないことが多いかと思います。 ここでよく利用されるリリース戦略はA/Bテストです...
記事を読むEleventyで生成したサイトでNetlify Edge Functionsを使ってみる
一般的にサイトジェネレータで作成したサイトは、特定の場所に静的リソースを配置し、CDN経由で配信することが多いかと思います...
記事を読むNetlifyのLighthouseプラグインでWebサイトのメトリクスを継続的に評価する
Webサイトはそのローンチ後も続々と機能追加やデザイン適用が実施され、変化していくのが一般的です。 変更の中にはパフォーマンスやアクセシビリティの低下を招くものもあるかもしれません。 このような状況にならないよう、様々な側面からWebサイトを最適な状態に維持・改善していくことは重要なテーマです...
記事を読むNetlify Identityを使ってNetlify CMSのユーザー認証をする
以前に以下の記事でNetlify CMSを使ったコンテンツ管理をご紹介しました。 Netlify CMSのワークフローでコンテンツ管理をする この記事ではGitHubのOAuth認証を使用して、ユーザーがブログ投稿をできるようにしました...
記事を読むNetlify CMSのワークフローでコンテンツ管理をする
当サイトも記事数が180を超え、執筆者も増えてきました。 現状はGitHubをNetlifyと連携させることで、プルリクエスト経由で記事公開をしてきました。 これでも問題はないのですが、そろそろCMS的な仕組みでGitに不慣れな人でも簡単に記事作成やサイト自体の設定変更ができないかなと思い始めました...
記事を読むDeno Deploy を基盤とする Netlify Edge Functions を試す
Netlify では、AWS Lambda を利用したサーバーレス機能 Functions が従来から提供されていました。 Functions overview 今年の4月 Netlify Edge Functions ベータ版についての発表が Netlify と Deno からありました...
記事を読む