pkg.land

pkg.landは類似のnpmパッケージを検索できるサービスです^pkg_land。例えば、expressで検索すると以下のように、koaやfastifyなどが検索結果として表示されます。npm search <keyword>で検索しても、これらのフレームワークは出てこないので、どういう仕組みでやってるか気になるところです。

expressで検索したときの結果

PocketBase

PocketBaseは認証やリアルタイムサブスクリプション、ユーザー管理等を簡単に扱うことができるサービスです^pocket_base。認証に関してはメール/パスワード認証だけでなく、OAuth2 (Google, Facebook, GitHub, GitLab) も対応しています。クライアント側のSDKはJavaScriptとDartが対応しており、バックエンド側はGoで拡張できます。

Firebase, Supabase, Nhostなどと違い、Goのフレームワークとしても利用できるため、アプリ固有のビジネスロジックを構築できる点が珍しいです^{pocketbase_as_backend}。

AutoRegex

AutoRegexは文章で指示した内容から正規表現を生成してくれるサービスです^autoregex。例えば、match valid post number in japan を正規表現化すると、^\d{3}-\d{4}$ に変換してくれます。日本の電話番号などの複雑なものは現状難しいですが、簡単に使えるので、正規表現が苦手な人におすすめです。

無料プランとプロプラン ($3.49/月) があり、無料プランでは月10回まで利用できます。プロプランは制限なしで利用でき、正規表現から文章を生成したり、ユニットテストを実施したりできるそうです^{autoregex_plan}。

AutoRegexでmatch valid post number in japanと指定したときの結果

Shopify Hydrogen, Oxygen

Shopifyのバックエンド部分だけを使って、フロントをカスタマイズできるShopify Hydrogenが正式リリースになりました^{shopify_hydrogen_ga}。商品購入やカート追加、SNS共有などの機能がコンポーネントとして用意されているため、フロントを自分でカスタマイズし、バックエンドをShopifyにしたい場合に便利です。

Shopify HydrogenはCDN Edge上にデプロイして使われることを想定されてますが、デプロイ先としてCloudflare WorkerやShopify Oxygenを選択できます。Shopify Oxygenの方はShopify Plusプラン ($2,000/月) で利用可能ですが、その他のプランでも今後利用可能になるそうです^{shopify_oxygen}。

AWS LambdaでURL発行

AWS Lambdaはサーバレスアプリケーションのバックエンドとして利用できますが、その際はAPI Gatewayを設定し、URLを外部に公開する必要があります。この度、API Gatewayを設定しなくても、AWS Lambda自身がURLを発行できるようになりました^lambda_url。

発行したURLのアクセス権限については、「認証されたIAMユーザーのみアクセス可能」と「全ユーザーアクセス可能」の2つが設定可能です。URLの形式は「https://xxxxx.lambda-url.ap-northeast-1.on.aws/」となります。

CircleCI 無料枠拡大

1ヶ月あたりのクレジットが2,500から30,000クレジットに増加し、ジョブの同時実行数も1個から30個まで増加しました^{circleci_plan}。これにより、並列テストやcronの実行も無料枠内でできるようになりました。

また今はまだ動きが見えないですが、テストの自動生成ツールを提供するPonicodeを買収してます^{circleci_ponicode}。PonicodeはJavaScript, TypeScript, Pythonのコードを解析し、単体テストを生成するツールで、VSCode用のプラグインも提供されており、関数ごとにテストケースを提案してくれます^{ponicode_vscode}。このPonicodeもCircleCI上に統合されるようで、今後のCircleCIの動きに期待です。

Storybook Component Encyclopedia

StorybookはUIのコンポーネントカタログを作るためのツールで、アプリのビジネスロジックなどから分離してデザインを管理・テストできます^storybook。この度、Storybook Component Encyclopediaとして、Agora, GitHub, Shopifyなど各社のデザインコンポーネントをStorybookでまとめたサイト (showcase) を公開しました^{storybook_showcase}。ボタンやタグ、セレクトボックスなどのコンポーネントごとに、デザインやコードをStorybook上で確認できるようになってます。

MDN PLUS

MDNのサブスクリプションサービスであるMDN PLUSが日本でも利用可能になりました^mdn_plus。現状はフリープランのみですが、特定の記事を登録し、変更があったときに通知する機能が使えます。

Tailwind UI

Tailwind UIはTailwind Labsが公開しているもので、TailwindCSSでUIを組み立てるときに便利なコンポーネントカタログやUIテンプレートをまとめています^tailwind_ui。こちらは月額12ドルか、買い切り349ドルで利用できます^{tailwind_ui_plan}。

購入すれば、コンポーネントカタログとテンプレートを見られるようになります。コンポーネントカタログは以下のように、サンプルとそのサンプルに対応するサンプルコードが見られるようになります。サンプルコードはHTML, React, Vueに対応してます。テンプレート^{tailwind_ui_templates}の方はFigmaの素材とサンプルコードをダウンロードできるようになります。

TailwindUIのサンプル (モザイクをかけてます)