よりひろい フロントエンド
Author : Kazuhiro Hara
Author : Kazuhiro Hara
Fri Feb 02 2024

ふと思ったのですが、会社サイトのOGPってロゴだけとかじゃなくて、名刺をもとにしたらどうでしょうね。サイズ感も似てるし。問い合わせとかも書いてあったらベスト。お店とかなら営業日時間もあるといいし、なんなら地図も

Note
Author : Kazuhiro Hara
Author : Kazuhiro Hara
Fri Feb 02 2024

時代がいろいろ変わってもWeb屋の基本は自分のWebサイトをコツコツ作ることなんじゃないかということを改めて感じ入っている。逆にいうとそれがおざなりになるほど忙しい時は考え直してみようということで

Note
Author : Kazuhiro Hara
Author : Kazuhiro Hara
Fri Feb 02 2024

気になったページを書いておくセクションをつくりました

パブリックな場所に自分が気になったページなどを書いておき、あとでより深堀して Article を書いたりするための Links of Interest っていうセクションを作りました。

Note
Author : Kazuhiro Hara
Author : Kazuhiro Hara
Wed Jan 31 2024

各ページの OGP 画像は前述の OGP画像を App Router 以降の Next.js の Static Export で動的に出力するコツ にて設定したけど、トップページ他は設定していなかったので、設定した。固定の OGP 画像は layout.tsx で設定すれば全体に適用できるので楽ちん。

Next.js
Author : Kazuhiro Hara
Author : Kazuhiro Hara
Wed Jan 31 2024

OGP画像を App Router 以降の Next.js の Static Export で動的に出力するコツ

こんな風な出力を SNS で実現するものです。

Twitter でシェアした際の画像

Next.jsContentfulTypeScriptCSS

About site

「よりひろいフロントエンド」はじめました

いろいろやっている自分を一言で表す言葉として「より広いフロントエンド」を思いつきました。このサイトではこの言葉を中心に ウェブ、XR、UI デザイン、バックエンド、インフラストラクチャーやその周辺のことを興味の赴くまま広くディスカバリーしていきます

About Me

カンソクインダストリーズのロゴ

「よりひろいフロントエンド」運営元 カンソクインダストリーズ では、フロントエンドを中心によろずご相談お受けいたします。お気軽にお問い合わせください。

Links of Interest

チェックしといたほうがいいページや今後取り上げようと思ったページなどを書いていきます