2024年4月24日水曜日 12:33microCMSで記事追加後に自動的にsitemap.xmlを更新しデプロイするやりたいこと microCMSに記事を追加した際、公開中のブログのsitemap.xmlに記事追加を反映したい。 前提 1. Cloudflare Pagesにブログを公開している 2. Githubと連携し、リポジトリへのpushをトリガーにデプロイしている やったこと 1. sitemap.xmlを生成するスクリプトを実装 2. Github actionsに 1. のスクリプトを実行し、生成したsitemap.xmlをpushするworkflowを登録 3. microCMSに記事を追加した際、 1. のGithub actionを起動するwebhookを設定 GithubmicroCMS
2024年4月23日火曜日 8:04ブログ公開のためにやったこと簡単まとめ 1. microCMS [https://microcms.io/]のアカウント取って記事追加 2. Remix [https://remix.run/]でブログ作る 3. Cloudflare [https://www.cloudflare.com/ja-jp/]のアカウント作ってPagesにデプロイ 1. 参考にした記事 [https://blog.stin.ink/articles/remix-on-cloudflare-pages-tutorial#%E8%B5%B7%E5%8B%95%E3%81%97%E3%81%A6%E3%81%BF%E3%82%8B] 4. Cl雑記
2024年4月22日月曜日 9:37TanStack QueryのuseInfiniteQueryに初期値を設定するTanStack QueryのuseInfiniteQuery [https://tanstack.com/query/v4/docs/framework/react/reference/useInfiniteQuery]は無限スクロールを簡単に実装できる便利なメソッドです。 単純に実装すると、画面表示後 in view 判定を行った後に初回のデータロードを行うことになるので、画面に初期データが表示されるまでラグが発生します。 placeholderData [https://tanstack.com/query/v4/docs/framework/react/guides/placehoTanStack Query
2024年4月21日日曜日 6:31google driveにアップロードした画像ファイルをimgタグで表示する 1. 画像ファイルの共有設定を リンクを知っている全員 にする 2. 共有リンクを取得してファイルidを取得 1. https://drive.google.com/file/d/${この部分がファイルID}/view?usp=sharing 3. 以下のURLのパラメータに取得したファイルIDを指定 1. http://drive.google.com/uc?export=view&id=${ファイルID}Google
2024年4月19日金曜日 8:53モスバーガー ⼀頭買い ⿊⽑和⽜バーガー 特製テリヤキソース〜ゆず胡椒⾵味〜うますぎた うまい〜 https://gourmet.watch.impress.co.jp/docs/news/1557258.html [https://gourmet.watch.impress.co.jp/docs/news/1557258.html]食べたもの