各ページの OGP 画像は前述の OGP画像を App Router 以降の Next.js の Static Export で動的に出力するコツ にて設定したけど、トップページ他は設定していなかったので、設定した。固定の OGP 画像は layout.tsx で設定すれば全体に適用できるので楽ちん。
Next.js
OGP画像を App Router 以降の Next.js の Static Export で動的に出力するコツ
こんな風な出力を SNS で実現するものです。
ContentfulCSSNext.jsTypeScript
「Web検定」の公式ガイドブック「リテラシー」の第4版がでます
2007 年秋から実施されている「 Web 検定」の公式ガイドブックのリテラシー版「ウェブの仕事力が上がる標準ガイドブック1 Webリテラシー 第4版」、立ち上げ時から一部で関わってきているのですが、もう第 4 版だそうです。
Book
「ほぼ日刊イトイ新聞の本」は何度も読み返してる本だけど、この本は今読むとすごく興味深い。というのも、糸井重里さんが「ほぼ日」を始めようと思い至ったきっかけが49歳にマックをはじめて買ったとき（と書いてある）だからだ。その年齢に近くなった自分が読むとまた別の観点から楽しめる。今から25年続けるようなものに取り組めるだろうか。
Note
英語版を用意しました。といってもまだ何もコンテンツはありませんが。ページ上部の JA / EN にて各言語のトップページへ移動します。英語の勉強がてらがつがつ書いていこう。RSSもそれぞれの言語で出力しています
ContentfulEnglishNote
About site
「よりひろいフロントエンド」はじめました
いろいろやっている自分を一言で表す言葉として「より広いフロントエンド」を思いつきました。このサイトではこの言葉を中心に ウェブ、XR、UI デザイン、バックエンド、インフラストラクチャーやその周辺のことを興味の赴くまま広くディスカバリーしていきます
About Me
「よりひろいフロントエンド」運営元 カンソクインダストリーズ では、フロントエンドを中心によろずご相談お受けいたします。お気軽にお問い合わせください。
Links of Interest
チェックしといたほうがいいページや今後取り上げようと思ったページなどを書いていきます
- callstack/react-native-visionos： A framework for building native visionOS applications using React github.comReact Native で VisionOS 向けのアプリをビルド可能にするプロダクト
- Watchman - A file watching service | Watchman github.ioMeta Platforms 製のファイル監視サービス。callstack/react-native-visionos でも使われている。