テックブログWizは、最新のIoTやICTサービスをお客様に届ける「ITの総合商社」です。v3.0がリリースされました。service項目を大胆に丸々引用します。project!日本語訳です。昨年、ギャツビーはインクリメンタルビルドによる静的サイト生成のブレークスルーを導入しました。コンテンツの更新によってサイト全体の完全な再構築が開始される代わりに、新しいコンテンツが表示されるページのみを更新する新機能が有効になりました。これにより、多くの場合、サイトのビルド時間が数分から10秒未満に短縮されました。しても再構築に時間がかかっていました。これは画期的な機能です。コンテンツ編集者は特に興奮していました。インクリメンタルビルドにより、Gatsbyプロジェクトは、使い慣れたオールインワンCMSと同じ迅速なワークフローとシームレスなフィードバックループを可能にしました。編集者は、ページにコンテンツを修正または追加して、変更を1分以内にライブで確認できます。データ変更が多いプロジェクトであればあるほどこの機能は素晴らしいものになります。インクリメンタルビルドは当初GatsbyCloudでのみ利用可能でした。CDサービスに関係なく高速ビルドを楽しめるようにしたいとのことでした。GatsbyCloudという有料プランでしかサポートされておらず(一部無料プランもあり)、断念していました。v3では、Gatsbyオープンソースで、プロジェクトを実行することにした場所で、デフォルトでインクリメンタルビルドが有効になっていることに興奮しています。その素敵なインクリメンタルビルド機能がオープンソースのGatsbyで無料で使えるようになった!!ということです。本当に私が想像していた(待ち望んでいた)差分ビルドなのでしょうか。試してみるのが一番ですね。Netlifyでサクッとアプリを作成しました。Contentfulの構成を試してみたインクリメンタルビルドの為の各種設定Netlifyにプラグインを追加します。cacheをインストールします。--log-pagesというオプションを追加します。これによって、どのページがアップデートされたのかがログで吐き出されるようになります。},そして、contentfulなどで情報を更新してみてください。トップのみが更新されているのがわかるかと思います。期待する挙動が得られています。いう仕組みなのかwww.gatsbyjs.comHTML生成時に、入力しているものをトラックしている、と書かれています。主な追跡対象は以下です。・フロントソースコードこのトラックに紐づくコードに変化があった時、そのHTMLを更新するという仕組みのようです。上記で示した例は簡易的なリポジトリでしたが、ページ数が多いプロダクトでは、build時間が激変すること間違いなしです。検証していないのでまだ確かではありませんが、VercelでGatsbyのこの機能が使えるか怪しい...と思っています。GitHub少し前ですが、このようなissueが挙げられていました。VercelはNext.jsと同じチームなので、手厚くGatsbyをサポートするのはなかなか難しいのかな、と思ったり...今後時間を作って調べてみたいです。現在Wizでは一部プロダクトにNext.jsが使われていますが、更新の頻繁なサイト、ページ数の多いサイトにはGatsbyという選択肢もありかも、と今回のアップデートで思いました。最後にWizではエンジニアを募集しております。興味のある方、ぜひご覧下さい。読者になる関連記事2021-08-27ドキュメント作成に向いている静的サイトジェネレータはどれ?こんにちは、フロントエンドエンジニアの柳田です。現在、チー...2021-03-25Next.jsのCSR(SPA),SSR,SSG,ISRのまとめ&メリットデメリットについてはじめまして。試してみました皆さんこんにちは、フロントエンドエンジニアの高野です。(1)リンク利用規約/免責事項このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。はてなブログをはじめよう!wiz012さんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。