2022-10-15
TOC
✨ ピックアップ
Next.js Layouts RFC in 5 minutes – Vercel
Next.js で検討中の Layouts RFC がサクッとわかる紹介記事。全然追えてなかったけど概要は把握できた
React の Suspense を使った非同期処理のエラーハンドリング - Speaker Deck
非常にわかりやすかった。関係ないけど ErrorBoundary の FallbackComponent て props 見て？ってなったけど、ErrorBoundary を関数コンポーネントで書ける react-error-boundary なんてあるのね
MPA 化する SPA と SPA 化する MPA - Speaker Deck
SSR でどんなところが問題になるかとか、Hydration 遅い問題の対抗馬とか、非常にわかりやすかった。Qwik て Partytown も作ってるとこだよねたしか
✅ 読んだ
📝 : 下の方に内容メモあり
🌐 Web, Frontend
- Introducing OG Image Generation: Fast, dynamic social card images at the Edge – Vercel
- vercel/og-image に代わる OGP 画像作成ライブラリ
- 🏏 素振り: React Hook Form - memo_md
- The Super Tiny Compiler ではじめるコンパイラ入門
- アクセシビリティを考慮した HTML コーディングガイド
- 依存してる npm パッケージの作者を調べる
- 「CSS で蛍光ペンっぽいアンダーライン」は text-decoration で実現できる
- おもしろー
- Redux の state の認知負荷を下げたい話 - カミナシ エンジニアブログ
- Redux の state 関係なく、TypeScript の型に JSDoc 書いとくと VSCode では hover したときにコメントも確認できて便利だよねという話
- SWC と Release Please で始める React TypeScript ライブラリ開発と公開 - BASE プロダクトチームブログ
- lost-pixel/lost-pixel: Holistic visual testing for your Frontend 🖼 First class integration with Storybook, Ladle & other frontend libraries.
- VRT。Ladle なんだっけーと思ったけど vite 製の Storybook 代替ツールか
- 10 月の User-Agent 削減の変更に備える - Chrome Developers
- Chrome に実装された疑似クラス「:has()」が jQuery の「:has()」に悪影響、一定の条件下で Web サイトが壊れる可能性 － Publickey
- 暫定回避のために仕様に沿わない実装になってた Safari の挙動に Chrome も合わせるなど、なかなか大変な様子
- Zod で真の TypeScript first を手にする
- JavaScript のメモリリークを検出するフレームワーク「MemLab」、メタがオープンソースで公開 － Publickey
- ZOZOTOWN Web フロントエンドリプレイスにおける CSS in JS の技術選定で Emotion を選定した話 - ZOZO TECH BLOG
- Linaria、Styled Modules、Emotion から Emotion を選定するまで。Linaria、同じコンポーネントネストさせるとスタイル壊れちゃうことあるんだ
🤝 スクラム・組織
- 話を聞き出す技術 - Speaker Deck
- 組織マネジメントのあれこれ｜ nishiba ｜ note
- "私は 1on1 で「上司として私にしてほしいことはありますか？」と聞くようにしている"
- デイリースクラムいらなくなくなくなーい！？ - Speaker Deck
- OKR はツリーではない - Speaker Deck
- 言うは易く行うは難し、だけど。結局上から与えられたものではなく自分たちが目指さずにはいられない、ワクワクしたものになってるか？という問いが大事だなあ
CRE (Customer Reliability Engineering)
その他
- Slack の次世代プラットフォームを試してみた – TravelBook Tech Blog
- なるほど。何より実行環境を自分で用意しなくていいってのが良いなー
- ｢学校秀才｣が二流の人材で終わるのは当たり前…野中郁次郎が｢知的な野蛮人をめざせ｣と訴える理由 ｢○○ シンキング｣や｢○○ 思考｣は人間を劣化させるだけ | PRESIDENT Online（プレジデントオンライン）
- dotfiles を使った環境構築の時短術(M1 Mac 向け) - SMARTCAMP Engineer Blog
- 登らずに絶景を見て温泉まで楽しめる！公共交通機関で行ける山岳リゾート 15 選 - 温泉ブログ 山と温泉のきろく
- Google Chrome と Microsoft Edge で機密性の高い情報が拡張スペルチェック機能経由で外部サーバーに送信されている - GIGAZINE
- Slack、まとめ機能「Slack Canvas」提供へ。複数チャンネルにまたがる情報を整理・集約して表示可能 - INTERNET Watch
- Uber がハッキング被害に、ハッカーが社内 Slack に侵入して攻撃宣言＆わいせつ画像爆撃を仕掛ける - GIGAZINE
- 業務委託テックリードと技術的負債 - LIVESENSE ENGINEER BLOG
- インシデント発生時のチーム対応を支援する「Grafana Incident」、無料で Grafana Cloud が提供。Slack や GitHub などと連携 － Publickey
- YouTube を使ってシャドーイングを行い学習記録を作るアプリをリリースしました - Eat, Play, Nap and Code
- 一人目人事のあの人は今（6 ヶ月後編）｜ rika ｜ note
- もっと使いやすいコマンドラインツール 10 選
- Rust 製多い
👀 読みたい
- 📕 Auth0 による SaaS 開発ガイド：さわら
- React Server Components の仕組み：詳細ガイド | POSTD
- SQLite Internals: Pages & B-trees · Fly
✏️ 書いた
- Vercel OG(@vercel/og)で OG 画像を動的生成する - dackdive's blog
- 2022 年 7〜9 月のふりかえり - dackdive's blog
- React 公式ドキュメントの「You Might Not Need an Effect」を読んだ - dackdive's blog
- GAS でシンプルなフォームつきダイアログを実装する
- スプレッドシートのピボットテーブルで「総計を表示」しているかどうかを GAS で判定する - dackdive's blog