ライブラリを最新の状態に保つためのrenovate, チェンジログの自動生成、バージョン管理するためのchangesetsを使う、typescript-actionの強化版テンプレートを作りました。
投稿数 92 件(11 ~ 20件目)
![特定なbranchがマージされた時にGitHub Actionを実行する](/blog/static/db7df5c4634b303745d546b585d4e266/c40b6/topImage.jpg)
hotfix/xxxxブランチがreleaseブランチにマージされたら、patchバージョンを上げて、リリースノートを作成するGithub Actionのworkflowの作り方を紹介します。
![OpenAIを使ってNotionのページを検索する](/blog/static/98c391585ab3faac87d173bc15988336/c40b6/topImage.jpg)
Notionの検索機能はページのタイトルやタグなどのメタデータを検索できますが、ページの内容を直接検索できません。ページの内容を検索するには、ページを開いてからブラウザの検索機能を利用する必要があります。これは非常に面倒です。ChatGPTのように、質問をするとAIがドキュメントを検索して回答を提供してくれる機能は、解決策の1つとして有用ではないでしょうか。私もそれを実装してみました。
![Next.jsのServerless FunctionのCold Start問題の改善](/blog/static/386f07cbff5c24ec487836f043aeffa2/c40b6/topImage.jpg)
Next.jsのバージョン13.4から、`app`フォルダーが正式に利用可能になりますが、サーバーレスファンクションのCold Start問題は解決されていないようです。キャッシュができず、毎回SSRが必要なページの場合は、`Node.js`でのレンダリングではなく、`Edge`でレンダリングしましょう。
![Playwright+Github Actionでビジュアルリグレッションテストしてみた -- 3](/blog/static/26e4c03067d2724f99d3bb8745311350/c40b6/topImage.jpg)
ビジュアルリグレッションのテスト結果を簡単に確認できるように、playwright-reportをGithub Pagesにホスティングして、ホスティング先のURLをプルリクエストにコメントするようにしましょう。
![Playwright+Github Actionでビジュアルリグレッションテストしてみた -- 2](/blog/static/7a807863f2870002bbc431be2fd02bcf/c40b6/topImage.jpg)
スナップショットをDockerの中で更新するのが面倒です。プルリクエストの中で更新できるようにしましょう。
![Playwright+Github Actionでビジュアルリグレッションテストしてみた -- 1](/blog/static/96120063094ae0e3cad8fa141a28fcca/c40b6/topImage.jpg)
ライブラリのバージョンアップ、あるいはリファクタリングをする時、レスポンシブ対応済みのWebサイトのPCサイズ、タブレットサイズ、モバイルサイズ、さらにChrome, Firefox, Safariの組み合わせを1つづつチェックするのが負荷が高すぎます。Playwright+Github Actionで自動ビジュアルリグレッションテストしましょう。
![PrismaでMongoDBを操作してみた](/blog/static/fe5a7a97f7995459d4019559f15d3f23/c40b6/topImage.jpg)
今参画しているプロジェクトでは、1年半前からMongoDBを使用しています。当時技術選定する際、残念ながらPrismaはbeta版だったため、MongoDBのサポートを断念しました。去年5月ごろようやく正式にリリースされましたが、最近もう一度PrismaとMongoDBの相性を確認しようと思っています。