Category: TypeScript

Next.js (with TypeScript)のサーバーをKoaで起動する

基本的にKoaやExpressなどを使う必要はないのですが、Shopify Appなどでお世話になりそうなので勉強がてら車輪の再開発してました。 目次 進め方セットアップライブラリインストールサーバー向けtsconfig […]

Stripe SDK(nodejs)でThrowされるErrorを自力でthrowする

なにいってるかわかんないかもですが、伝わる人には伝わるかなと。 やりたいこと Stripe SDK経由でなにかしらのデータを取得したい が、「特定の条件に合致しないもの」は、「取得しなかった扱い」にしたい 後続処理では「 […]

Stripeコードスニペット: customer idからデフォルトの支払い方法のデータを取得する

そのStripe Customerのデフォルト支払い方法のデータを引っ張ってくるコードです。 簡単な説明 customers.retrieveをTypeScriptで使うときは、DeletedCustomer型に注意する […]

lambda-logでAWS Lambda(nodejs)のロギング

最近AWS Lambdaのログをlambda-logでとるようになったので、その覚書です。 使い方 npm install lambda-logで追加したのちにこんな感じで使います。 Request / Response […]

ts-migrateでCreate React Appから作ったReactアプリを雑にTypeScript化する

「React #2 Advent Calendar 2020」3日目の記事です。 ts-migrate を使うと、JSをTSに変換してくれます。 なので過去にJSで書いたReactアプリをTS化したい時に、とりあえず試し […]

PlaywrightとJest + TypeScriptでE2Eテスト

PlaywrightはMicrosoftのOSSでpuppeteer互換なクロスブラウザテストが書けるツールです。 目次 InstallCreate filese2e/jest-playwright.confg.jse2 […]

tsdxでReactコンポーネントを作る

tsdxを使うことで、React(TypeScript)のコンポーネントライブラリを簡単に作ることができます。 目次 SetupReactコンポーネントを作る場合は –template react表示を確認しながら作る […]

IDEA: componentWillUnmount をHookで作る

componentWillUnmount を使うことでReduxステートのリセットなどができます。 が、React Hookを使う場合はこれに該当するAPIが存在しません。 IDEA:useComponentWillUn […]

react-schemaorgを使ってJSON-LDをサイトに設定する

JSON-LDはGoogleの検索結果に反映されることもあり、できるだけ対応したい用件ではあります。 Reactを使う場合、 react-schemaorgというGoogleが提供しているライブラリを使うと簡単に実装でき […]

create-next-appで作成したNext.jsアプリケーションをTypeScriptで動くようにする

Next.jsのアプリケーションを簡単に作るcreate-next-appというものを知ったので、これで作ったものをTypeScriptで動くようにしてみました。 目次 セットアップTypeScriptセットアップ作成さ […]