Next.js App Router キャッシュの今

2024/01/26 10 users キャッシュ Next.js App Router RSC

先日Vercelから「Next.js App Router Caching: Explained!」というタイトルの動画が公開されていたので、その内容をまとめることでNext.jsのキャッシュの今について整理しておこうと思います。 基本 まずNext.jsでは、静的レンダリングがデフォルトです。RSCを使用していても基本的にはビルド時にページが事前レンダリン... 続きを読む

Recoilとwebpack.DefinePluginと環境変数の名前 - 私が歌川です

2022/12/07 6 users Recoil Webpack アプリケーション 環境変数 名前

これは React Advent Calendar 2022 7日目の記事です。 Recoilを使っているアプリケーションでWebpackのDefinePluginを使って環境変数の値をビルド時に埋め込むとき、Webpackの設定によっては環境変数の名前がビルドしたコードに含まれてしまう場合があります。 具体的には、以下のようにDefinePluginの process.env キ... 続きを読む

マイクロソフト、ビルド時にソフトウェアの部品表（SBOM）を自動生成する「SBOM Tool」、オープンソースで公開

2022/07/21 154 users SBOM マイクロソフト ソフトウェア ソフトウェア部品 公開

マイクロソフト、ビルド時にソフトウェアの部品表（SBOM）を自動生成する「SBOM Tool」、オープンソースで公開 マイクロソフトは、ビルド時にそのソフトウェアがどのようなソフトウェア部品から構成されているかを示すデータ「SBOM」を生成してくれるツール「SBOM Tool」を、オープンソースで公開しました。 SBOMによる... 続きを読む

JS のビルドサイズを極限まで絞るための TIPS 集

2022/01/28 165 users Tips インターフェース 定数 極限 ビルドサイズ

ビルドサイズ限界まで絞りたい人向け。 あらゆる環境で実践するものではないが、知ってたら簡単に避けることができるのもあるので知っておくと便利なTIPS書いていく。 基本ポリシー 未使用コードはビルド時に全部落とす。 何が未使用コードで、何が定数かわかるようなインターフェースを人間が心がける。 用語 Dead Code... 続きを読む

Next.jsで動的にXMLサイトマップを生成する

2021/01/29 13 users Next.js XMLサイトマップ ライブラリ ドキュメント

2021年1月現在、Next.jsでXMLサイトマップを生成するライブラリとしてはnextjs-sitemap-generator が最も人気のようです。 nextjs-sitemap-generatorのドキュメントを軽く読む限り、Next.jsのCustom Serverを使用してビルド時にサイトマップを生成する仕組みのようなので、以下のようなケースでの使用には最適とは言えま... 続きを読む

Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する - パンダのプログラミングブログ

2020/05/25 15 users Vercel ESA esa.io パンダ Next.js

esaに書いた記事をNext.jsで公開する Next.jsのバージョン9.3から、ビルド時に外部ソースからデータを取得するgetStaticPropsというAPIが公開されました。 ブログは静的なコンテンツです。ブログの内容はユーザーに応じて動的に変わるということはありません。そして、getStaticPropsは静的なページを構築するために最適... 続きを読む

webpack@5で入るModule Federationについて - 技術探し

2020/05/06 12 users webpack@5 Webpack Proposal 技術

Module Federation(以下 mfe)はwebpack@5から入る新しい仕組みの一つです。 Proposal 目的 用語 注意 設定とコード リモート ローカル 依存関係共有 Q&A さいごに Proposal github.com 目的 アプリケーションを作る時に、webpackはビルド時のソースコードは使う前提で実行するので、様々な最適化を行うことができます。 ... 続きを読む

数日前に大幅リニューアルされた Next.js のチュートリアルをやれば、２０２０年のフロントエンドを体感できる - Qiita

2020/04/23 389 users Qiita JamStack チュートリアル 関数 HTML

この記事について 数日前（4/21頃）に Next.js のチュートリアルが一新されました。 Next.js は 3 月頭に ver 9.3 がリリースされ、ビルド時に静的に HTML を生成する関数などが追加されるなど、今までよりもかなりパワフルになり、いわゆる JAMstack と呼ばれるようなアプリケーションを作りやすくなりました。 そのバ... 続きを読む

WartRemover で Scala を静的解析 - たにしきんぐダム

2016/12/07 20 users Scala たにしきんぐダム 解析 解析ツール パターン

2016 - 12 - 07 WartRemover で Scala を静的解析 静的解析 Scala この記事は CAMPHOR- Advent Calendar 2016 7日目の記事です。 WartRemover は Scala のASTレベルの静的解析ツールで、 WartRemover に組み込まれているパターンに加えて、自分で定義したパターンをビルド時に検出することができます。 これを使... 続きを読む

$(SRCROOT) や $(BUILD_DIR) 等の Xcode で使用しているマクロの置換内容の一覧を調べる方法 - Over&Out その後

2012/08/05 65 users XCode Tips PRODUCT_NAME バス 文字列

Tips, Xcode, iOS, Objective-CInfo.plistや、ビルド設定をいじっていると、こんな文字列に出くわすかと思います。 $(PRODUCT_NAME)$(TARGET_TEMP_DIR)$(SRCROOT) これらはそれぞれ特別な意味を持ち、Xcode がビルド時だか何だかのタイミングでプロダクト名とか環境に応じたパスとかに置き換えたりしてくれるものです。 が、 「SR... 続きを読む

A-Liaison BLOG: Python で Xcode のビルドスクリプトを書く方法

2011/03/16 28 users ビルドスクリプト XCode ディレクトリ Python 特定

2011年3月16日水曜日Python で Xcode のビルドスクリプトを書く方法以前こんな記事を書きましたが、今回はもっと実践的なお話。PythonでXcodeのビルドスクリプトを書いてハッピーになろうというお話です。 ■なぜXcodeのビルドスクリプトを書くのか Xcodeのビルド機能だけでは出来ないことをやりたいからです。たとえば、特定のディレクトリの中に入っているリソースを、ビルド時にア... 続きを読む

PHP at Yahoo!を読む - Sooey

2007/05/25 229 users Europe Sooey Rasmus Lerdorf氏

PHP at Yahoo!を読む イタリアで開催されたPHPDay 2007にてYahoo! EuropeのFederico Feroldi氏が行なった「PHP at Yahoo!」のプレゼン資料が、氏のブログで公開されました。 Yahoo!が社内でどのようにPHPを使用しているのかということはこれまでにもRasmus Lerdorf氏のプレゼンなどで明らかにされてきましたので、「PHPのビルド時... 続きを読む