Next.jsのPPR + StreamingがVercelで実行されるときの全体像を掴む
こんにちは。sumirenです。 イントロダクション 先日、Next.js 15 RCが出ました。App RouterでPartial Prerenderingが広く使われ始める日も近いのではないでしょうか。 Partial Prerenderingは、特にStreamingと一緒に利用し、Vercelにデプロイした場合、強力に最適化が行われます。最適化は非常に高度で、部分的な静的レンダリングといったアプリレイヤから、エッジとオリジンの使い分けといったインフラの構成まで絡む複雑な設計です。最終的にVercelにデプロイされた後の全体の動作イメージが頭に入っている方は少ないのではないでしょうか。 この記事ではPartial PrerenderingとStreamingについて、Vercelデプロイ後の動作イメージがついている状態を目指します。静的ルートやサーバーサイドフェッチなど単純な例から
とほほのExcel関数入門 - とほほのWWW入門
Excel関数とは 関数 日付と時刻の関数 TODAY : 今日の日付 NOW : 現在の日時 DATEVALUE/TIMEVALUE : 日付・時刻文字列を日付・時刻に変換 YEAR/MONTH/DAY/WEEKDAY : 年/月/日/曜日を取り出す HOUR/MINUTE/SECOND : 時/分/秒を取り出す DATE/TIME : 年・月・日/時・分・秒から日付/時刻を得る DAYS : 日付の差分(日) DATEDIF : 日付の差分(年,月,日) NETWORKDAYS : 日付の差分(土日祝日除外) WORKDAY : N日後の出勤日(土日祝日除外) EDATE/EOMONTH : X月後 エンジニア関数 XXX2XXX : 〇進数-〇進数変換 情報関数 TYPE : 型 CELL : セル情報 INFO : 情報 ERROR.TYPE : エラー種別 他の情報関数 論理関数
ESLint の Flat Config を書く時に読んでほしい記事 (2024-08版) - Object.create(null)
ESLint v9 から Flat Config がデフォルトの設定ファイルの形式となり, 徐々に対応しているプラグインも増えて移行が進みつつありますが, 実際に移行したプロジェクトを見ているとしばしば勘違いなどから誤った設定をしている事例を目にします. ということで, Flat Config を書くにあたっていくつか知っておいて欲しいことや, よく見かけるミスをまとめてみました. この記事では網羅的な説明はしませんので, ESLint や typescript-eslint の公式ドキュメントを前提として, 副読本的に参照してください. Getting Started with ESLint - ESLint - Pluggable JavaScript Linter Getting Started | typescript-eslint Flat Config のしくみ Flat Co
JavaScript Visualized - Promise Execution
Promises in JavaScript can seem a bit daunting at first, but understanding what's happening under the hood can make them much more approachable. In this blog post, we'll dive deep into some of the inner workings of promises and explore how they enable non-blocking asynchronous tasks in JavaScript. I'm still working on making this blog better on mobile devices, mobile browsers don't always render t
Gmailの新スパム規制対応全部書く
[2024年1月10日、19日追記] GmailとYahoo!側のアップデートに合わせていくつか細かい説明を追加しています（大筋は変わっていません）。変更点だけ知りたい方は「追記」でページ内検索してください。 2023年10月3日、Googleはスパム対策強化のため、Gmailへ送るメールが満たすべき条件を2024年2月から厳しくすると発表しました。また米国Yahoo!も、2024年2月 第一四半期[1] から同様の対策を行うと発表しています。端的に言えば、この条件を満たさないと宛先にメールが届かなくなるという影響の大きな変更です。 この記事では、Gmailや米国Yahoo!の規制強化への対応方法を解説します。ただし米国Yahoo!にメールを送る人は多くないと思うので、フォーカスはGmail寄りです。また、メール配信サービス（海外だとSendGridやAmazon SES、国産だとblas
ARMORED CORE VI | アーマード・コア６ - ONLINE MANUAL
本マニュアルの内容はVer1.05時点のものです。 アップデートによって、仕様が追加、変更されることがあります。 【お問い合わせ】 株式会社フロム・ソフトウェア ユーザーサポート メールでのお問い合わせ オフィシャルページ内の「お問い合わせ」をご確認いただき、専用のメールフォームからお問い合わせください。 電話でのお問い合わせ TEL 0570-001-300 受付時間 13:00-17:00（土日、祝祭日、夏季休暇、年末年始を除く） 通話料はお客様のご負担となります。 ゲームの攻略方法にはお答えしておりません。またそれ以外の質問でもお答えできない場合がございます。 本製品は、Valve社提供のSteamサーバーを使用していますが、Steamに関するご質問、お問い合わせは弊社サポート対象外とさせていただきます。あらかじめご了承ください。 Steamの導入、利用に関しては、Steamの公式サ
とほほのjq入門 - とほほのWWW入門
jqとは インストール サンプルJSON コマンドライン オプション 出力に関するオプション インデント数 (--indent n) タブインデント (--tab) コンパクト出力 (-c | --compact-output) キーソート出力 (-S | --sort-keys) 色つき出力 (-C | --color-output) 色無し出力 (-M | --monochrome-output) RAW出力 (-r | --raw-output) 連結出力 (-j | --join-output) ASCII出力 (-a | --ascii-output) バイナリ出力 (-b | --binary) バッファリング無し出力 (--unbuffered) 入力に関するオプション 啜り入力 (-s | --slurp) RAW入力 (-R | --raw-input) 入力無し (-n
Next.js App Router (app ディレクトリ) の逆引き辞典
2023/05/05 追記 v13.4.0 をもって App Router は安定版になりました！ https://nextjs.org/blog/next-13-4 公式ドキュメントもベータ→正式版にマージされました。 内容が充実してきている様子ので、そちらを確認してください。 https://nextjs.org/docs 加えて、公式ドキュメントの改善で分かったポイントもいくつか修正しています。 Next.js v13 から App Router 機能 (app ディレクトリ) が新しく追加されました。 （v13.3.0 現在はベータ版です。 v13.4.0 をもって安定版になりました！） ファイルベースの Layout 機能 処理の一部を Server Component に移しバンドルサイズを削減できる 例: remark を利用した Markdown のパース が有名なところだ
Steamのコントローラー設定方法を徹底解説 | のゲームブログ
Steamに標準実装されているコントローラー設定機能の利用方法を解説した記事です。単純なボタン変更だけではなく連射や複数ボタンの同時押しもなども簡単に設定できます。サイクルコマンド（旧サイクルバインド）、アクションセット（レイヤー）、バーチャルメニューといった少し複雑な機能の設定方法もいくつか紹介しているので参考にしてください。 Steamのコントローラー設定機能とは どんなコントローラーを利用できるの？ Xbox、PlayStation、Switchのコントローラーに正式対応しています。 上記以外のサードパーティ製品も多くのものが利用可能です。 どんなことができるの？ ボタンの変更（入れ替え）以外に同時押しや連射といった機能を設定可能です。 マウス・キーボードの入力をコントローラーに割り当てることもできます。 各設定はゲームごとに保存できます。 Steam以外のゲームでも利用できます。
陳 建一さんの料理レシピ一覧｜料理家レシピ満載【みんなのきょうの料理】NHK「きょうの料理」で放送のおいしい料理レシピをおとどけ！
ピリッとしたみそ味で、白いご飯がすすむ炒め物です。あっさりとみずみずしいもやしと、豚バラのコク、うまみを吸った油揚げが一体になっておいしいこと間違いなしですよ！
失敗しない「USBケーブル」の選び方 形状から通信規格まで徹底解説！
USBレセプタクル（コネクター）／プラグの「形状」をチェック！ まず、USB対応デバイスに備わっている「レセプタクル（差し込み口／コネクター）」と、コネクターに差し込むための「プラグ」の形状をチェックしていきましょう。 USBのレセプタクル／プラグ（以下まとめて「端子」）には、以下の規格が用意されています（規格としては存在するものの、使われていない規格は割愛しています）。 USB Type-A：USBホスト（親機となるデバイス）で利用する端子 USB Standard-A：通常サイズのUSB Type-A端子 USB Type-B：原則としてUSBクライアント（子機となるデバイス）で利用する端子 USB Standard-B：通常サイズのUSB Type-B端子 USB Mini-B：少し小さいサイズのUSB Type-B端子 USB Micro-B：さらに小さいサイズのUSB Type-
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。 たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が
![[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った](https://cdn-ak-scissors.b.st-hatena.com/image/square/b26f7dc8f9e783316f720174980e93c627438d74/height=288;version=1;width=512/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png)
Composite Action実践ガイド：GitHub Actionsのメンテナンス性を高める技法
『Composite Action実践ガイド』はGitHub Actionsに関心のあるソフトウェアエンジニア向けのZenn Bookです。 本Bookでは「Composite Action」の実運用で役立つプラクティスを紹介します。テスト・静的解析・セキュリティ・ドキュメンテーション・依存関係管理・リリースマネジメント・Reusable Workflowsによる開発体験の向上など盛りだくさんです。 Composite Actionはシンプルなので、ただ実装するだけなら難しくありません。しかしメンテナンス性を高め、一貫性を維持するのは難しい仕事です。さらに利用者に優しく使いやすいものを提供するには、高いホスピタリティも求められます。 そこで本BookではComposite Actionの利便性を高め、持続的に進化させるためのアイデアをたくさん散りばめました。Composite Action
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Next.jsの考え方
Wiki Index | | Fandom
【新卒研修資料】基礎統計学 / Basic of statistics
【特集】 (主に)iPhoneユーザーのための「USB Type-C」入門。よくある疑問にお答えします
TypeScript | Bedrock Wiki
Starting Scripting | Bedrock Wiki
Script API Reference Documentation