いろいろ作りながらの雑メモ

https://lightgauge.net/language/javascript/12014/
reactで子コンポーネントから親コンポーネントのstateを変更する方法

https://blog.usize-tech.com/table-design-for-amazon-dynamodb/

まあそうよねという感じ。悩ましい。

https://bbh.bz/2019/07/21/dynamodb-scanapi-queryapi/
Dayone

Queryの書き方聞いてみた

https://chat.openai.com/share/5a3d098d-9d58-4508-9b6f-14326ee58355

https://qiita.com/shin1ogawa/items/49a076f62e5f17f18fe5

github copilot、英語でコメント書いてあげると結構な精度で欲しいコードを準備してくれる

URLを取得するなら window.location.pathname

Openseadragonでズームイン/アウトしたときにアノテーションの文字列などを再配置したい場合は、zoomイベントを拾うのではなく、viewport-changeイベントを拾って処理する。
viewer.addHandler('viewport-change', イベントハンドラ) すればよか

https://zenn.dev/kariya_mitsuru/articles/25c9aeb27059e7 ほ〜ん...

https://qiita.com/rc_code/items/150003f016287750cf34
フーム...

https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Access-Control-Allow-Credentials

だよなぁ...

https://zenn.dev/uhyo/books/react-concurrent-handson/viewer/what-is-suspense

https://docs.fluentbit.io/manual/pipeline/outputs/cloudwatch
！？
https://github.com/aws/amazon-cloudwatch-logs-for-fluent-bit

NOTE: A new higher performance Fluent Bit CloudWatch Logs Plugin has been released. Check out our official guidance.

...

https://qiita.com/hedgehog051/items/2e163d9cbe98c1716ffc

Firelensを使用する場合、コンテナのログはコンテナ名-firelens-タスクIDというタグが付与される

https://github.com/ReactTooltip/react-tooltip

これで良いのなかなかよね

            <Tooltip id="tooltip" />
            <Button data-tooltip-id="tooltip" data-tooltip-content="ツールチップ">
                ボタン
            </Button>

Slack appの作り方
https://developers.wonderpla.net/entry/2021/12/10/144425

https://zenn.dev/bisque/scraps/723e4f700762d5

これかなぁ
https://zenn.dev/sarisia/articles/0c1db052d09921

親コンポーネントから子コンポーネントの関数を呼び出す。
関数コンポーネントの場合

親コンポーネントからuseRefで参照を準備し、それを子コンポーネントに渡す。
子コンポーネントはforwardRefでラップして関数コンポーネントを定義する。
親コンポーネントから呼び出したい関数をuseImperativeHandleで定義する

https://pgmemo.tokyo/data/archives/2093.html

子コンポーネントから親コンポーネントのstateを変更する方法

親コンポーネントでstateを変更するためのコールバック関数を作成し、子コンポーネントに渡す。

https://lightgauge.net/language/javascript/12014/

https://zenn.dev/tsublog/articles/34a683b4b39c21

set〜を直接コールバック関数として渡してしまっても良いのか

svgで矢印を描画する

https://euske.github.io/euskecs/lec_svg/index.html

https://zenn.dev/nakamura196/articles/cf1dedc613a8d8
https://github.com/openseadragon/svg-overlay

2点の座標から直線の傾きを求める

https://1-notes.com/javascript-angle-between-coordinates/

svgのtransformにおけるrotateはrotate(角度, 回転の中心点x, 回転の中心点y)

ReactでPDFを画像に変換 & OCR
https://qiita.com/kazu_death/items/f29b110cb2d4b482ff94

https://hf-labo.net/react-tesseract-js/

https://blog.g-gen.co.jp/entry/cloudrun-with-alloydb-auth-proxy-using-sidecar

https://cloud.google.com/load-balancing/docs/https/ext-http-lb-tf-module-examples?hl=ja

https://zenn.dev/tosa/articles/6aadf0ea37d343

https://github.com/terraform-google-modules/terraform-google-lb-http/blob/efa59db86bb7d1ba8398fd1867606b7c7af68dec/main.tf

まさに、これじゃん

https://cloud.google.com/load-balancing/docs/https/setting-up-reg-ext-https-serverless?hl=ja

gloud auth print-access-tokenで自分のトークンが取得できるぞ

Cloud Runで認証が必要な場合のアクセス方法

これになってる場合の話ね。

$ gcloud auth print-identity-token

ここで取得したJWTをHTTPリクエストのAuthorizationヘッダにBearerトークンとして含める

$ curl -H 'Authorization: Bearer 先ほど取得したトークン' アクセス先URI 

なお、呼び出しに利用するプリンシパルにはroles/run.Invoker同等の権限を持ってる必要がある。

https://iganari.hatenablog.com/entry/2022/02/12/173547

ネットワークをピアリングさせるなら、Computeネットワーク管理者の権限が必要

https://zenn.dev/yamakoo/articles/93bb97cf1df040

https://www.twihike.dev/docs/golang-primer/profiling

CloudRun + AlloyDBクラスター

https://blog.g-gen.co.jp/entry/cloudrun-with-alloydb-auth-proxy-using-sidecar

コンテナイメージの情報
https://github.com/GoogleCloudPlatform/alloydb-auth-proxy

Cloud Run v2
https://registry.terraform.io/providers/hashicorp/google/latest/docs/resources/cloud_run_v2_service

AlloyDB instance
https://registry.terraform.io/providers/hashicorp/google/latest/docs/resources/alloydb_instance

https://caniuse.com/css-textshadow

SVGでのイベントハンドラ

https://developer.mozilla.org/ja/docs/Web/SVG/Attribute/Events

svgでテキストのスパンを何とかするならtspan?

https://osbo.com/svg/elements/tspan/

lineの末尾は指定できる。
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/marker-end

https://userweb.mnet.ne.jp/tnomura/javascript/svg/svgmove.html

テキストの縦方向の位置設定
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline

buildpackを使ってイメージをビルド & push
gcloud builds submit --pack image=asia-northeast1-docker.pkg.dev/{プロジェクト名}/{リポジトリ名}/run-alloydb
https://blog.g-gen.co.jp/entry/cloudrun-with-alloydb-auth-proxy-using-sidecar

Glut + Athenaの環境をローカルで作る

https://moritalous.pages.dev/09e466d8ce0ff1fa81ef

Openseadragonにフィルタをかける

https://github.com/usnistgov/OpenSeadragonFiltering/tree/master

https://ogen.dev/docs/intro

カスタムフックとコンポーネントの組み合わせを使う

https://engineering.linecorp.com/ja/blog/line-securities-frontend-3

https://cloud.google.com/build/docs/deploying-builds/deploy-cloud-run?hl=ja

https://cloud.google.com/build/docs/deploying-builds/deploy-cloud-run?hl=ja#continuous-iam

https://qiita.com/MAKOTO1995/items/130a87e485b1d275fa04

https://zenn.dev/koheiyamayama/articles/f1d3499dd7ae69

https://qiita.com/yukiB/items/cc533fbbf3bb8372a924

https://cly7796.net/blog/css/disable-text-selection-in-css/

https://zenn.dev/shita1112/books/cat-hotwire-turbo/viewer/links

OpenSeadragonのOverlayに対してtransformを適用する方法
https://github.com/openseadragon/openseadragon/issues/1632

https://github.com/hashicorp/terraform/issues/27360