住人（特に持ち家をもっている人）にとって、洪水は水がひいてからが真の戦いになる。 うちは避難所ではなく自宅２階に避難した。周囲が3mの水深、床上1.5mの浸水。今回は自宅避難メインで災害後にやったことを記録しておく。 被災後は呆然としてしまう。頭がまっしろになって、なにから手を付けたらいいかわからなくなる。だから結構細かく書いた。全部つめこんだから長いけど、読み飛ばしてもらって構わない。もしもの事態に遭ってしまったときに、この記事を思い出してもらえたらとても嬉しい。 前の記事：避難は早いうちにしたほうがいいことを書いたやつ→https://anond.hatelabo.jp/20210814184153 とにかくまず被災写真を撮る被害にあった場合、まずはとにかく写真を撮る。撮りまくる。可能なら水深が一番あるときの室内の写真も撮っておきたい。また、床下浸水であったとしても写真をとっておくこと

With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler. Why Springs?We think of animation in terms of time and curves, but that causes most of the struggle we face when trying to make elements on the screen move naturally, because nothing in the real world moves like that. Springs don’t have a defined curve or a set duration. As A

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'.