yn2011's blog

技術メモ

2021-01-01から1年間の記事一覧

2021 年を振り返る

技術 引っ越し デスク周り 読書 髪が伸びた 筋トレ ギター 株式投資 総括 技術 2021 年はプロダクトのグロースや新規構築を通じてずっと Next.js に触れ続けていた年だった。 現職で自分が関わるプロダクトは、事業領域の特性的にも機能要件があまり難しくな…

Expo のビルドで発生する Unable to find a specification for `UMCore` depended upon by `EX**` について

この記事は React Native Advent Calendar 2021 の10 日目の記事です。 Expo 歴 1 ヶ月ぐらいなので記述に間違いがあるかもしれないですが、同じエラーに悩んでいる方向けのヒントになればと思い公開。 環境 expo 42 -> 43 に更新する際に発生 managed work …

おすすめの .gitconfig 設定

git

おすすめの .gitconfig 設定、といってもそんなにマニアックなものでもないが何も設定してないという方向けに参考になれば。 [alias] co = checkout [push] default = current [core] ignorecase = true [fetch] prune = true [alias] co = checkout 開発業…

Android バージョン毎の WebView と Chrome の対応表

自分用に整理していたが、けっこう有用かもしれないので公開する。 バージョン Name WebView更新*1 WebView 依存アプリ*2 Chrome バージョン*3 リリース日 4.1-4.3 KitKat 不可 - Chrome ベースではない 2012年7月9日 4.4 KitKat 不可 - Chrome Android vers…

自分が購読しているテックブログ一覧2021

自分がどうやって技術系のインプットを行っているかについて書く。 いつ 休日。平日はほぼ見ない(週に1~2 時間でインプットが完了するように量を調整している) どうやって Inoreader で RSS を購読。 何を 大まかに分けると3つ 企業のテックブログ 技術(OS…

img タグからのリクエストは Origin ヘッダーを持たないのでレスポンスの Access-Control-Allow-Origin を満たしていなくても CORS 違反にならないらしいという話

歴史的経緯により img タグからのリクエストは(crossorigin 属性を付与しない限り)クロスオリジンの場合でも preflight リクエストは飛ばない。これを simple request と呼ぶことは知っていた。 しかし、画像のレスポンスヘッダーに例えばAccess-Control-Al…

flex item は幅を指定せずに margin: auto で縦横中央揃えできる

CSS

margin: auto を使用した縦横中央揃えは要素自体に幅((max-)width, (max-height))の指定が必須と思っていた。 例えば、position: absolute と組み合わせた以下の要素は親(absolute の基準)に対して縦横中央揃えされるが .test { background-color: aqua; p…

モブプログラミングのモブのときに意識していること

前提 モブプログラミングをする前にやっていること モブのときにやっていること 助ける 進行する 質問する 丁寧に会話する 記録する モブのときにやらない方がいいこと 前提 モブプログラミング歴 9 ヶ月程度 参加者は全員リモートワークで、最小2人、最大で…

Storybook を CSS Modules + Next.js プロジェクトに導入する際にハマったこと

環境 next 10.0.6 @storybook/react 6.1.21 @storybook/preset-scss 1.0.3 css-loader 3.6.0 sass-loader 10.1.1 (多いな) Storybook を CSS Modules + Next.js プロジェクトに導入したい ドキュメントに従って、npx sb init するだけでは駄目だったのでハマ…

npm error: Cannot destructure property `name` of 'undefined' or 'null'

環境 node v15.6.0 npm v7.5.2 npm i -D @storybook/preset-scss $ npm i -D @storybook/preset-scss したら以下のエラーがでた npm ERR! code ERESOLVE npm ERR! Cannot destructure property 'name' of 'node' as it is null. legacy-peer-deps=true こち…

CSS 中央揃えのフローチャート

CSS

書き直しました: https://blog.yn2011.com/posts/2023-10-24-css-center 以下、過去の内容 どういうときにどの中央揃えテクニックを適用するかという整理をしたかったのでフローチャートを作成した。多分まだ間違いや改善の余地はあると思うが、とりあえず今…

ツイートで振り返る 2020 年 1~3月

ブログのリハビリということで簡単に書けそうな振り返り系の記事。1年分を1記事にする予定だったが、3月までで力尽きた。そのうち続編を書くかもしれない。 1月 Vim で Go を書こうとしていたらしい。 vim-goのインストール5分ぐらいかかった— メロン食べた…