コードからツイートする方法のメモです。 ツイートといってもログインもせずに、単に次のようにツイートの編集画面を開く方法になります。つまり、これで省略できるのは以下の操作になります。 テキストエリアからテキストをクリップボ […]

概要 Airtableの少量のデータを元にVercel上に構築されているNext.jsによるWebアプリに対し、非開発者によりAirtableのデータを更新し、それをデプロイされたWebアプリに反映してもらうため、Dep […]

Vercelにステージング環境を構築する方法の簡単なメモです。 ステージング環境とは 最終的なテストのために、できるだけ本番に近い状態でデプロイした環境と理解しています。 問題点 メールを送信するアプリでは、実際にメール […]

概要 一目瞭然、私のGatsbyによるヘッドレスWordPressブログはCSSがなっていません。 とりあえずソースコードだけでも色付けしたいと思いました。 これを次のようにしました。 使用したパッケージ sugar-h […]

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

前回の記事で作ったHydrogenアプリですが、Netlifyなどにデプロイしても動かないようです。 デプロイの方法は、HydrogenがまだDeveloper preview段階のため、今後も変わりうるようですが、こち […]

今夜は前から気になっているHydrogenに入門してみます。 Shopifyアカウント及びShopifyデータの構築 ※省略。 Hydrogenプロジェクトの生成 このコマンドを入力するとプロジェクト名を聴いてくるので、 […]

Next.js (TypeScript) のプロジェクトをPWA化したのですが、忘れないうちにやり方をメモっておきます。 方法 next-pwa を使いました。 iOSはSafari限定で「ホーム画面に追加」からおこない […]

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

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