
Author: pitang1965


概要 次のように曜日毎に改行を入れて編集したテキストがあったとします。 これをWebページで表示したら次のように改行が無視された状態になってしまいました。 これを次のように表示するようにするための方法のメモです。 方法 […]
- Post TagsTailwind CSS

yarn create vite my-app –template react-ts で作ったプロジェクトをPWA化するための簡単なメモです。ここでのPWA化とはインストール可能とすることを目的としています。 方法 V […]
- Post TagsPWA, React, TypeScript, Vite

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

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

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

概要 一目瞭然、私のGatsbyによるヘッドレスWordPressブログはCSSがなっていません。 とりあえずソースコードだけでも色付けしたいと思いました。 これを次のようにしました。 使用したパッケージ sugar-h […]
- Post TagsGatsby
React Router V6を用いたアプリでホームページ以外でリロードしたり直接URLを打ち込むとエラーになる問題
- Post AuthorBy pitang1965
- Post DateFri Feb 04 2022

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

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