ECSを触っていて今まで難しいと思ったことを雑にまとめておく。 ECSを仕事で運用するときに必要な知識が多すぎる。こんなの社内に1人AWSマスターいないと無理だ...— 神速 (@sinsoku_listy) 2021年8月10日 タスクロールとタスク実行ロールの違い ECSを長く触っているのに、いつも混乱する。 タスクロール コンテナ内の権限 S3やSESなどの権限をつける タスク実行ロール コンテナ外の権限 ECRやParameter Storeの権限をつける ECSのデプロイ時に静的ファイルが404になる ECSを触った初期に遭遇した。 詳細は以下のQiitaの記事が分かりやすい。 参照: ECSのデプロイ時に一定確率で静的ファイルが404になる問題を回避する 回避する方法はいくつかある。 静的ファイルをS3に置く CodeDeployの OneAtATime を使う CodeDep

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

React Spectrum Libraries A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. GitHub React SpectrumA React implementation of Spectrum, Adobe’s design system. Spectrum provides adaptive, accessible, and cohesive experiences for all Adobe applications. Explore React Spectrum React AriaA library of unstyled React components and hooks that helps yo

話題になっているのを全然みかけないんだけど、皆なんかもっと良いやり方やってんの？　こういうことしないの？ あとコードハイライトなくてごめんね……。 先にまとめ TypeScript の話 既存 HTML ほとんどそのままのコンポーネントで、本来の props をそのまま受け取りたい場面 props: React.ComponentPropsWithRef<'span'> みたいにやれるっぽい ドキュメントには載ってない 定義を追っかけてみたけどたぶんきっと大丈夫そう よくわかってないです こんな風にして使っている。 export type HtmlProps<T extends ElementType> = React.ComponentPropsWithRef<T>; export type HtmlComponent<T extends ElementType> = React.FC<

Framer Motion.Complete documentation of the Framer Motion animation library. A production-ready motion library for React. Get started

こんにちは。宿泊事業本部の宇都宮です。この記事では、GraphQLサーバ実装時に遭遇するN+1問題と、その解決のために使えるライブラリを紹介します。 フィールド単位でresolverを用意する N+1問題 GoのDataLoaderライブラリ DataLoaderの仕組み DataLoaderのサンプルコード DataLoaderとDataDog APM むすび 採用情報 フィールド単位でresolverを用意する GraphQLでは、クライアントのクエリに応じてオンデマンドに結果を取得できます。 たとえば、以下のクエリを投げると… { accommodation(accommodationId: "00001050") { name } } 以下のようなレスポンスが取得できます。 { "data": { "accommodation": { "name": "マンダリン オリエンタル 東

概要 contextパッケージは、生成したgoroutineの実行をキャンセルし、リソースを解放するための仕組みを提供しています。また、リクエストスコープの値を保持させることもできます。 ここでは、contextパッケージのソースコードから、どのようにgoroutineの実行がキャンセルされるかを見ていきます。 具体的には、基本的な以下のような使い方をした場合に何が行われているのかを確認していきます。 import ( "context" "fmt" "sync" ) func main() { var wg sync.WaitGroup wg.Add(1) ctx, cancel := context.WithCancel(context.Background()) go func(ctx context.Context) { select { case <-ctx.Done(): fm

11/01 公開 「エンプラ事業のセールス、正直おいしいです」──人材育成とポートフォリオ戦略に強いRAKSULが放つ、セールスキャリアの拡張 11/01 公開 ラクスル株式会社 執行役員 / ラクスル事業本部　Marketing&Business Supply統括部 統括部長 木下 治紀 ほか 10/31 公開 令和のスタートアップは、“Day1意識”と“半歩先”を同時追求せよ──組織・事業の成長を両立させるX Mile COO渡邉とファインディ CEO山田による経営論対談 10/31 公開 X Mile株式会社 Co-Founder COO 渡邉 悠暉 ほか

Vite って？ Vite は Vue.js の作者、Evan You さんが開発している Web プロジェクトに高速でスリムな開発体験を提供することを目的としたビルドツール です。 Vite（発音 /vit/ : ヴィート）フランス語で「高速」を意味する言葉に由来します。 初期起動や HMR がとても高速で一度体験すると離れられないかもしれません。 僕は Vue Cli や Nuxt に戻りたくなくなりました。 対応するプラグインを入れることで Vue, React, Preact 等を動作させることが可能です。 こちらは公式ページを見てもらうのが最も分かりやすいと思います。 Windi CSS って？ Windi CSS は Tailwind CSS 2.0 互換のコンパイラです。 Vite のもつスピード感にマッチし、Vite コミュニティで推されています。 リンク先に詳しく乗ってい

はじめに React.jsは現在、フロントエンド開発者に最も人気のあるJavaScriptライブラリです。Facebookが開発し、オープンソースのプロジェクトとして提供されているReactは、世界中の開発者や企業が使用しています。 Reactは、シングルページアプリケーションの構築方法を大きく変えました。その最大の特徴の1つがフックです。フックは2019年に導入されたもので、状態処理の時に、クラスコンポーネントの代わりに関数コンポーネントを使用できるようになりました。組み込みのフックに加えて、Reactは独自のカスタムフックを実装する方法を提供しています。 ここでは、アプリケーションやプロジェクトで使用できる、カスタムフックとその実装に関するお気に入りをいくつか紹介します。 1. useTimeout 宣言型アプローチでsetTimeoutを実装できます。まず、コールバックと遅延を受け取

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the responsibility of deciding on your own architecture. Often the case is that whoever sets up the application in the beginning throws almost everything in a components folder, or maybe components and containers if they used Redux, but I propose there's a better wa

PWA Night CONFERENCE 2021での資料です。 https://conf2021.pwanight.jp/speaker/hara/ スライド内の参考リンク集はgistで公開しています。 https://gist.github.com/herablog/35336742a91c0926a7767d0d9b9654fc

There are some things to keep in mind about using golang's database / SQL library.Read less

2021/02/17 に、サイバーエージェント社内向けに開催した Rust ハンズオンの資料です。第1回は、Rust の概観を掴んでもらうことを目的にプレゼンテーションを行いました。

There are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.

新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。 あらたな、有益な情報がありましたら、随時追加してまいります。 有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。 ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。 コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会 関西部会 スペックアウトチーム，「派生開発におけるスペックアウト手法の提案」，派生開発カンファレンス2015，2015 http

本​チュー​ト​リ​ア​ル​に​関​し​て​の​ご​質​問​は、​SIGNATE​に​て​開​催​中​の​コ​ン​ペ​ティ​ショ​ン​サ​イ​ト​( https://signate.jp/competitions/443 )​の​フォー​ラ​ム​に​お​き​ま​し​て、新規のスレッド（ディスカッション）にて​ご​質​問​し​て​い​た​だ​け​ま​す​と​幸​い​で​す。 また、本チュートリアルに関してのご要望があれば、Githubリポジトリ( https://github.com/JapanExchangeGroup/J-Quants-Tutorial )の Issues からご意見をいただけますと幸いです。 (なお、投稿の際には、過去に同じご要望がないかご確認ください。) 2021-01-29: 初版リリース 2021-02-05: 誤字や表記の修正を中心に改良 2021-02-12: