Uh oh, something went wrong? Use this guide to resolve issues with Jest. Tests are Failing and You Don't Know Why​ Try using the debugging support built into Node. Place a debugger; statement in any of your tests, and then, in your project's directory, run: node --inspect-brk node_modules/.bin/jest --runInBand [any other arguments here] or on Windows node --inspect-brk ./node_modules/jest/bin/jest

こんにちは。 急に寒くなりましたね。 僕は最近iPad Air4 を予約しました。 今日は、javascriptのテストフレームワークのjestについてです。 業務では去年くらいから新規サーバーアプリケーションはjavascriptではなくTypeScriptを使っています。 それに合わせてテストフレームワークもmochaからjestへ移行しました。 jestjs.io jestの特徴の１つは、一意なグローバル状態を持つことを保証しつつ、複数のテストを別プロセスで並列に実行してくれるため、安全に高速なテストをすることが可能なことです。 しかし、僕が前にいたチームでjestのテストにかかる時間がやたら長いことが話題になってました。 今日は、この高速なはずのjestがやたら遅い問題が社内で話題になっていたので調査してまとめてみたので、もしjestが遅くて困っている方は参考にしてみてください。

はじめに github actions で CICD パイプラインを構成して運用している 元々プロジェクト内でテストコードが少なかったのもあり最初の頃は気にする程でもなかったのだが、 テストコードを追加し品質を上げていく過程で気づけば github actions の pull Request 時に走るジョブの実行時間が 20m 弱かかるようになっていた。 github actions の無料枠内での実行時間上限が近づいていたこともあり、パイプラインの高速化対応を行った。 やりたいこと github actions のジョブ自体の実行時間を早くしたい。 github actions の実行時間無料枠を有効的に使いたい。 前提 React(CRA) + Typescript テストフレームワークは Jest npm を使っている 状況 プルリク時のジョブ実行時間抜粋 毎回大体 20 分弱かか

京都南地区常任委員会から除名処分を受けた松竹伸幸氏が６日、日本記者クラブで「会見」しました。その内容は、日本共産党に対する攻撃・かく乱者としての姿をあらわにするものとなっています。 問題は規約と綱領への攻撃を開始したことにある まず明確にしておきたいことは、メディア各社は、「会見」での松竹氏の発言をひいて、「『党首公選』提唱党員を除名」（「読売」７日付）などと報じていますが、松竹氏の除名処分は、「党首公選制」という意見を持ったことによるものではないということです。党京都南地区委員会常任委員会と京都府委員会常任委員会の発表文「松竹伸幸氏の除名処分について」（「しんぶん赤旗」７日付）がくわしくのべているように、自らの意見を、党規約が定めたルールに基づいて表明するということを一度もしないまま、突然、党規約と党綱領に対する攻撃を開始したことを、問題にしているのです。 ――「党首公選制」なる党規約と

先日、東京・三鷹に出店した松屋のステーキ業態「ステーキ屋松」。その実力は間違いなく本物で、今も店前には行列ができているそうだ。松屋もいろいろやるよなぁ……と感心していたところ、今度は松屋のラーメン業態を発見したので入ってみた。 「松軒中華食堂」という若干サンバ感のある名前で、現在都内に4店舗あるらしい。松屋のラーメン屋って一体どんな感じなんだろうか？　今回初めて行ってきたのだが、そこで私（あひるねこ）は生まれて初めての体験をすることに。 ・練馬の現在がスゴイ 少々話が逸れるが、今、練馬駅前の大通りが大変なことになっている。通常の松屋の隣に「松軒中華食堂」、さらに同じく松屋の寿司業態「すし松」が並んでいるのだ。いや、松屋ばっかりやないか！ しかもちょっと移動すると、とんかつ業態「松のや」の姿まで……。なんだか松屋ストリートとでも命名したくなるような通りである。練馬はもはや松屋に支配されている

週末から週明けにかけて、私の様なオタク系Twitter難民の移住先に適したSNSについて考えていた。だが、先週の凍結祭りの被害にあった人々が次々と復活していくと、結局誰もTwitterを去る事など本気で考えてはいないと解ったので、私の試みはすっかり無駄骨に終わった。でもまあ、せっかくだからあれこれ書き残しておく。 Instagramひょっとすると、商業漫画家やイラストレーターは既に移住済だったりするのかも。画像を投稿して宣伝するだけなら手間じゃないから、Twitterと併用も余裕で出来そう。ただ、世間一般のオタクとしては、身バレリスク(スマホに登録された連絡先のせい)のデメリットが遥かに上回るので、閲覧専門ならまだしも、自分の作品を売るわけでもないのに投稿するメリットはないと思った。そもそも私、字書きなので投稿するものがないし。 LINEやFacebookなどと違い、リアルの知り合いと連絡

2020/01/20 Update: 本エントリの内容は2019年12月3日にアナウンスされた『Amazon RDS Proxy』のリリースにより完全に陳腐化しました。過去のアンチパターンがフィードバックをもとにした改善によってアンチパターンではなくなるという最高の事例です。 サーバーレス元年始まった！ 今年がサーバーレス元年な理由. それはLambdaに以下が揃ったから. ・カスタムランタイムで実質どんな言語でも利用可能 ・VPC利用時のコールドスタート改善 ・Provisioned Concurrencyでスパイク対応も可能 ・RDS ProxyでRDBとの接続が現実的に これまで5年で受けたフィードバックがついに結実. 強い— Keisuke Nishitani (@Keisuke69) 2020年1月19日 RDS Proxyの詳細はこちらからどうぞ。まだプレビューですがぜひ試して

何だこのカッコいいマップは こんにちは、のんピ(@non____97)です。 皆さんはVPC内のリソースを簡単に可視化したいなと思ったことはありますか? 私はあります。 以下記事で紹介している通り、去年VPCの作成ウィザードが大変イケている感じになりました。 このウィザードにより、以下のような情報が分かりやすくなりました。 VPC内にどのAZがサブネットが作成されるのか サブネットにどのルートテーブルと紐づいているのか Internet GatewayやNAT Gateway、VPC、S3のGateway型VPCエンドポイントへのルートを持つルートテーブルはどれか ただし、作成後のVPCでは、こちらのウィザードのようにVPC内のリソースを一目で確認することはできませんでした。 それがなんと、既存のVPCでも確認できるようになっていました。VPCを選択して、Resource mapタブをクリ

「最近、モダンモダンすげぇ聞くけどモダンってなに？」 「人の数だけモダンはあるんだよ…」 近年、パブリッククラウドを主軸としたアプリケーション開発文脈の中で「モダンアプリケーション」という言葉をよく聞くようになりました。自分もMAD（Modern Application Development）事業部の部長を去年やっていたりして、モダンという言葉には人一倍敏感だったりします。 そんなおり、そのモダンアプリケーションについて真正面から解説する本を、著者の落水さんから献本いただいたので、僭越ながら書評という形でご紹介させていただきます。 モダンがなにかようやくわかるの…!? ( ﾟдﾟ)　ｶﾞﾀｯ /　　 ヾ ＿_L| /￣￣￣/＿ ＼/　　　/ 丸わかりやで。 書籍の概要「AWSで実現するモダンアプリケーション入門」 AWSで実現するモダンアプリケーション入門 〜サーバーレス、コンテナ、マイ

タイトルは Superfly の名曲ですが、本記事はネタ記事でもなく釣り記事でもなく、もちろんポエム記事でもありません。node の PaaS 環境である fly.io の真面目なお話です。 え？なぜこのタイトルかって？ fly.io ↓ フライ.アイオー ↓ Super fly 愛を 込めて… ハイ！Merry Christmas！🎅　 Σd(ﾟ∀ﾟd) ｵｩｲｪ!!! これはなに？ fly.io は、node.js に特化した PaaS で独自の CDN を持ち Edge サーバによるキャッシュで高速なレスポンスを提供するフルマネージドなサービスです。AWS にも Lambda というサービスがあり、それを CloudFront に乗せた Lambda@edge というのがありますが、それとほぼ同列です。もっと簡単に言うと node.js に特化した heroku って感じです。La

【AWS公式】Architecting on AWSはAWS初心者～中級者に最適のトレーニングでした！ こんにちは、AWS営業部の洲崎です！ AWS公式のArchitecting on AWSトレーニングを受けてきました。 とても内容が濃いトレーニングでしたので、本ブログにてレポートします。 こんにちは、AWS営業部の洲崎です！ 2/19~2/21の3日間でArchitecting on AWSのトレーニングを受けてきました。 とても内容が濃いトレーニングでしたので、本ブログにてレポートします。 受講するきっかけ・理由 AWSサービスの営業としてお客様先にお伺いする中、AWSの膨大なサービスと専門用語の多さに、技術的なところの話が出たらプリセールス等の方々に任せてしまっているところがありました。 打ち合わせの中で日々勉強不足を実感しているところに、たまたまAWS研修を受けるチャンスを頂きま

こんにちは、子供の寝かしつけ後の歩き方がほぼASIMOになる志水です。 手動で構築したAWSリソースをIaCで利用したいケースは、IaCを導入するタイミングや導入後急ぎの運用で手動追加したタイミングなどで出てきます。 そのとき真っ先に浮かぶIaCツールはTerraformかと思われます。 Terraformだと terraform import でインポートでき、 terraform plan で差分確認をして対象のリソースとコードの差を見つつ取り込みが可能です。また、 terraform show でインポート後のリソースのコードを確認してコードに落とし込めるので、取り込みも容易です。このようにTerraformでの取り込みの開発体験はすごく良く出来ています。 しかし、CDKを使いたいのです。TerraformよりCDKが好きなのです。もうfor_eachやdynamicを使いたくないし

これは CDK Advent Calendar 2021 の 1日目の記事です。 みなさんこんにちは。大村(@yktko) です。 AWS CDK の Advent Calendar の初日なのですが、ここでは、あえて CDK と AWS CloudFormation (CFn) の間を繋ぐ話をします。このエントリで CDK コードを書く人は CFn を、 CFn テンプレートを書く人は CDK を、相互の理解を深めていただくきっかけになればと思います。 CDK と CloudFormation の関係 ご存知のように、CDK は TypeScript や Python など一般の言語で AWS の環境を定義できるツールセットです。 そして、その実体は CloudFormation のテンプレートを生成するテンプレートエンジンです。デプロイメントはあくまで CloudFormation が

(これはMoT Advent Calender 2022の24日目です) データエンジニアの渡部徹太郎です。私の担当しているプロジェクトでは、Infra as CodeにTerraformではなくCDKというツールを使っているので、その話をします。 CDKの概要 CDKとはAWS専用のInfra as Codeツールです。正式名称AWS クラウド開発キット (AWS Cloud Development Kit）です。 CDKの特徴プログラミング言語でAWSのリソースを記述プログラミング言語はTypeScriptがメインだが、他にもJavaScript,Python,Java,C#でも記述できるAWSのリソースを表すクラスをNewすると、AWSのリソースができるイメージ実態はCloudFormationを吐き出してデプロイするツール。デプロイするとAWSのCloudFormationのSta

はじめに 自分がAWSをこれっぽっちも知らない頃、 ググって出てきたどこか知らんサイトからだと、「欲しい情報はこれじゃない」ってのが多くあった。 そんなこと繰り返していると エラー、トラブル時に即対応できない 間違って構築したせいで運用時に悪化してしまう 古いソースコードでエラーがでて動かない これで無駄な時間を過ごすことになる。 要は「ググって得たその情報で、作ったものは正しいのか？」 AWSは常にアップデートされ続ける 欲しい情報を手に入れるまで調べる時間を割くなら、 公式展開してるサイトから得たほうが正確である。 ということで、最速でAWSを攻略するサイトをまとめる。 この記事をブックマークでもしておくと、ググる手間も省けるだろう。 目次 AWSドキュメンテーション AWSサービス別資料 トレーニングライブラリ AWSブログ アーキテクチャーセンター ワークショップをする よくある質

自己破産した人の氏名や住所をGoogleマップ上にプロットした「破産者マップ」が公開されたことが6月20日までに分かった。2009年から2018年までの破産者の氏名と住所を掲載しており、6万円分のビットコインを支払えば情報を削除すると主張している。 【修正履歴：2022年6月21日午後4時30分　同マップの主張における不審な点について追記しました。本記事でも当初から紹介している通り、個人情報保護委員会は類似するWebサイトについて違法と判断しています。】 地図上に載ったピンの内容（破産者の情報）を非表示にするには6万円分、ピンごと削除するには12万円分のビットコインが必要と記載。支払い後、24時間以内に情報を削除するとして、不備があった際の連絡先としてメールアドレスの記載も求めている。 ただし、盗んだデータから身代金を要求するコンピュータウイルス「ランサムウェア」と同様に、金銭を払ったとし

注意 この記事の実験は実際の運用を正確に反映していない恐れがあります（コメント欄の @hmatsu47 さんの投稿を参照）。 実務のアプリケーションでは異なる結果になる可能性もあるので、本記事の内容はあまり鵜呑みにせず参考程度に留めておいてください。 ※「実務に近い環境で実験してみた」という投稿もお待ちしています！ はじめに データベース（この記事ではPostgreSQLを対象とします）の主キーは1,2,3のような連番の整数値を主キーにするSERIALと、"00009236-b73c-4338-8ebd-e1f6c4f4fdd8"のようなランダムな文字列を主キーにするUUIDがあります。 それぞれメリットとデメリットがありますが、パフォーマンスについてはどうでしょうか？なんとなくSERIALの方がシンプルなぶん、速そうなイメージがありますが、実際はどうなのか調べてみました。 実行環境 Ma

AWS AmplifyといえばAWSが提供しているフロントエンド開発者向けのライブラリやツールセットです。今回はそんなAWS Amplifyについてです。 はじめに おさらい AWS Amplifyはフロントエンド開発者にとっての銀の弾なのか 無理して使わなくてもいいケース バックエンド側のライフサイクルや開発部隊が分かれてる場合 AWSのリソースに直接アクセスしない場合 認証・認可の手段としてCognito使わない場合 Server Side Rendering（SSR）の場合 AWS WAF使いたい場合 Amplify CLIに対応していないバックエンドを利用したい場合 AWS Amplifyがおすすめのケース まとめ はじめに この投稿は2020年10月22の21時から開催予定のイベント（ライブストリーミング）で話す内容です。 serverless-newworld.connpass

大阪オフィスの小倉です。 Amplify CLIでFargateを使用したサーバレスコンテナアプリのデプロイが出来るようなりました。 https://aws.amazon.com/jp/about-aws/whats-new/2020/12/amplify-cli-enables-serverless-container-deployments-using-aws-fargate/ やってみた 以下のサイトの手順に従って試してみました。 https://aws.amazon.com/jp/blogs/mobile/zero-effort-container-deployment-for-graphql-and-rest-apis-and-web-hosting-with-amplify-cli/ Amplify CLIのアップデート 最初にCLIをアップデートします。 npm instal

Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle. Fullstack TypeScriptWrite your app's data model, auth, storage, and functions in TypeScript; Amplify will do the rest.

Amplify CLI は、フロントエンドウェブおよびモバイルデベロッパーが API とホストウェブサイトをプロビジョニングする際に役に立ちます。本日の Amplify CLI リリースでは、既存の AppSync、API Gateway、および Amplify コンソールオプションに加えて、AWS Fargate を使用して GraphQL および REST API をデプロイし、ウェブサイトをホストする機能を利用できます。「amplify configure project」コマンドを実行し、「container-based deployments」オプションを有効にするだけです。 次が可能になりました。 Amplify が提供するコンテナテンプレートに基づいて REST API と GraphQL API をデプロイする。 他のプロジェクトから独自のコンテナを持参する。Dockerf

はじめに おはようございます、もきゅりんです。 皆さん Amplify してますか？ 既存のバックエンドを使いたいけど、 SPA のフロントエンドだけは Amplify を使いたい、なんてことがあると思います。 フロントエンド・バックエンドをまるっと構築・管理ができる Amplify ですが、既存のリソースを使いたいときはどうするのかな、と思ったので対応してみました。 やりたいことは下図です。 Amplify で囲われている部分以外は既存リソースを利用します。 Amplify 以外のバックエンドの準備 元は、Swagger と AWS SAM を使って Cognito オーソライザーを使って簡単な REST API HTTP 統合してみる になります。 ただ、API Gateway ではREST API リソースが非シンプルクロスオリジンの HTTP リクエストを受け取る場合、CORS サ

RailsのAPIを載せるステージングと本番用のFargate環境をTerraformで作成する機会があったので自分用のメモも兼ねて記事を書くことにしました。 Reactを載せるためのS3などもTerraformで作っております。 利用しているTerraformのバージョンは1.2.0です。 Workspacesを使うかや、Terraform Registryのモジュールを使うかなど悩みましたが、 ひとまず自分の現段階でいいと思えた構成にしています。 ベストプラクティスを示しているわけではないので、より良くなるアドバイスがあれば優しく教えていただけると幸いです。 リポジトリはこちらです https://github.com/hatsu38/rails-nginx-fargate-infra-template 作る環境 S3とCloudFrontはReactを載せる用のリソースです。 フォル

Vercel supports using Ruby on Rails applications with a headless architecture. Developers enjoy the productivity of building APIs and backend logic inside Rails applications but are often looking for more modern options for their frontend like React. A headless architecture separates your frontend and backend tooling, enabling you to choose best-in-class solutions for each part of your stack. With