Skip to main content

category: フロントエンド・フレームワーク

Categories
フロントエンド・フレームワーク中級の学習学習

Next.jsでのOGP画像の自動生成

  • Post Author
    By pitang1965
  • Post Date
    Wed Oct 12 2022
35af1463174ca8da2b892f91aac10bf8

概要 動的にOpen Graph(OG)画像の生成するための方法について、OG Image Generation – Vercel Docsに書いてあるような内容のメモです。 Vercelの@vercel/ogライブラリ […]


Page not found

概要 React Router v6を用いてSPAアプリを作った場合で、例えば about ページでリロードしたり、aboutページに遷移したときのURLを直接ブラウザに入力した場合に次のようなエラーになりました。 これ […]



pexels-photo-3703429

概要 とりあえず、問い合わせフォームに入力し[送信]ボタンを押したときに、警告ダイアログ(Alert)が表示されるようにしました。 この Alert を表示するコードは次のとおりです。 この状態から、SendGridを利 […]


pexels-photo-7078514

工事中ですが、次のようなページをポップアップメニューから出せるとします。 ただしログインしたときだけこのページを表示するための方法について調べました。 これを実現するには、次のようにします。 これで、ログインしていないと […]



adorable-baby-blur-459976

データを確認したり、更新するためのUIとして、下図のような感じでバリデーション付きのモーダルが欲しいと思いました。でも自分でイチからは作りたくない。そして、複数のライブラリを組み合わせることもしたくないと思いました。 そ […]



pexels-photo-7078514

react-router-domのインストール 後で使うために、2つインストールしておきます。 フォルダ階層の変更等 ちょっと、これまでのコードを整理しました。色々、変えたので最終的にTwitterログイン後の状態で、次 […]



  • 1
  • 2
  • 3