Promise.all

こんにちは。X（クロス）イノベーション本部 ソフトウェアデザインセンター セキュリティグループの耿です。 インフラをIaC化している環境において、AWS Security Hub のアラート管理方法についてのお話です。 AWS Security Hubのセキュリティ基準を有効にすると、作成したリソースを基準に沿ってチェックし、アラートを上げてくれます。 Security Hubのセキュリティ基準は細かい設定までチェックしたりするので、数百〜数千のアラートが上がる場合があり、その対応に苦労している開発者が多いようです。アラートの数が多いと、Security Hubのコンソールから新規のアラートを…

スタンドアロンアプリをExpoで開発中に、プッシュ通知をタップして特定の画面を開く機能を実装したくなった。 BFFとしてFirebase Functionsを使用していたので、忘備録としてFirebase FunctionsからExpoで構築されたReact Native製アプリにプッシュ通知を送信する方法を簡易的にまとめてみた。 目次 アクセストークンを発行する アクセストークンをFirebase Functionsのシークレットに追加する 必要なパッケージをインストールする 新しいExpo SDKクライアントを作成する メッセージを作成する メッセージを送信してチケットを取得する 取得した…

きっかけ 全要素に並列でsleep(a[i])走らせて終わり次第appendしてく、っていうソートを知った(スリープソートっていうらしい)個人的にはすき— abap34 (@abap34) 2022年9月11日 実行結果 % node SleepSort.js Target: [ 9.001279948037155, 7.814290804058153, 5.6203515898400225, 8.88900237341443, 6.284693239942214, 7.678417600633072, 4.3539035833889645, 3.4782778608417475, 0.631…

初めに なんとなくで理解していたPromiseを完全に理解した状態を目指したいと思い、調べたことを備忘録として残しておきたいと思います。 前提 JavaScriptは非同期処理になります。処理を待たずに次の処理に移っていくため、例えば以下のようなコードだと let count = 0 setTimeout(() => { for(let i = 0; i < 10; i++) { count += i } }, 3000) console.log(count) // => 実行結果 0 理想は、for文の処理を待ってから出力してほしいですが、 非同期処理なので、このような結果となります。 本題…

version情報 "@playwright/test": "1.22.2" 起こったこと Webアプリケーション内にあるボタンを二つ押すと遷移できるページで、非同期で二つのボタンを押そうとしたけど出来なかった。 例 前提 例えば、ボタン1とボタン2を押すと下の要素に「二つのフラグが立ちました」と表示されるWebアプリケーションがあるとする。 （ごちゃごちゃして申し訳ない） コードではこう書いた test("ボタンを非同期で二つ押す", async ({ page }) => { await page.goto("/"); const btn1 = page.locator(`text="ボタ…

以前「 for 文で Promise.all 」という記事を書きました。以前は上手くいっていた気がするのですが、先日やってみたら上手くいきません。仕方ないのでしたように書きました。 Promise を受けた then() 内に関数を置いておけば見た目の複雑化が避けられます。 for (let i in arr) { let prm = Promise(resolve => { // 処理 if (i >= arr.length) { resolve(/* 処理結果 */) } }) prm .then(r => { fun(r) }) } function fun() { // 処理 }

起床 6 時すぎにおきた。めっちゃ眠い。夢を見た。ギャル系女子高生と出会って遊んで（遊んだシーンはないけど）、スマホの連絡先を交換するかどうかでモヤモヤしていた。女子高生の名前は西野心と言った。下心は満載だった。実家周辺での話だった。雪が降る寒い時期で、景色の彩度は雪に奪われていた。雰囲気としては高校生の頃だった。だけど近所にコンビニがあるのは昨今の状況だ。西野心はいいヤツだった。だけど僕は自分に価値がないと思って連絡先の交換を申し出られないでいた。それはリアルな有様だった。 ところで、昨夜は少し夜更かしして「ナイツ＆マジック」の第 11 話まで見た。よほど気に入ったらしいな。小説も読んでみよ…

今年も ISUCON が開催されたので予選に参加しました。 色々忙しくてブログに起こすのに時間がかかってしまいましたが、来年のためにしっかりやったことを記録しておきます。 予選までにやったこと さくらインターネットさんが参加者にクーポンを発行してくださっていたので、VPS を使って過去問を解いたりしていました。 内容としては MySQL の slow query の設定であったり、 nginx のログフォーマットを変えて alp で解析できるようにするなど、大会開始後にやる下準備をスムーズにできるように練習したりドキュメントにまとめたりしていました。 あとは、 普段 MongoDB しか使って…

Three.jsでミニチュアの箱庭？っぽいものを作ってみました。 See the Pen Untitled by Imai (@imai1) on CodePen. コード解説 準備 高度マップの生成 海の生成 人の配置 環境設定 テクスチャ読み込みと実行 将来課題 コード解説 準備 以下のライブラリを読み込みます。 <script src="https://unpkg.com/three@0.142.0/build/three.min.js"></script> <script src="https://unpkg.com/three@0.142.0/examples/js/utils/Bu…

はじめに こんにちは、KAKEHASHIのMusubiInsightチームでエンジニアをしている高田です。 MusubiInsightとは、薬剤師さんの業務データを可視化するBIツールになります。 そんなMusubiInsightにおいて、表示の高速化を狙いにServiceWorkerという技術を導入したので、紹介したいと思います。 MusubiInsightの課題 ServiceWorkerが何か、という話をする前に、MusubiInsightの課題について触れておきます。 ありがたいことに、MusubiInsightのユーザー数は堅調に増加していますが、それに伴いパフォーマンス低下の課題が…

花畑をプロシージャル生成するJavaScriptプログラムを作成しました。 See the Pen Flower Garden by Imai (@imai1) on CodePen. アルゴリズムの解説 花の配置 描画処理 素材について アルゴリズムの解説 花の配置 自然に見えるよう描画時に位置を崩していますが、データ構造的には単に碁盤状のマス目に花を配置しているだけです。ただし、各マス毎に一様ランダムに花または空白をサンプリングするとホワイトノイズ画像のような配置になってしまうため、同種の花がカタマリを作るよう工夫を加えました。はじめに各マスにランダムに花を配置して、マルコフ連鎖モンテカル…

ご無沙汰しております。 前回の更新から2年が経過しておりますが、みなさまはいかがお過ごしでしたでしょうか。 僕はななさいになりました。 Mastodon(主にhandon.club)向けのTogetterライクなサービスとして、hagetter(はげったー)*1というサービスを開発・運用しており、気がむいた時にその中身の技術について紹介しています。 今回はCDN編となります。はげったーはCloudRunでホスティングしているためコールドスタートの立ち上がりに時間がかかり、レスポンスが遅いとのコメントをたくさん頂いていたので、今回の更新でCDNを使ったレスポンスの改善を行いました。 はげったーは…