2022-04-15
TOC
💬 ひとこと
四半期あっという間に過ぎてしまった。。。ふりかえり記事書かないと。 先月はサイボウズフロントエンドマンスリー出演がハイライト。
✨ ピックアップ
Cybozu Frontend Monthly #21
に出させていただきました。 https://www.youtube.com/watch?v=OR_wlqNCyvk
「たかがJavaScript」のその先 #TECHPLAY - Speaker Deck
とてもよかった。久しぶりに刺激というかもっと頑張らないとまずいという気持ちにさせられた。
自分はアーリーアダプターと思われがちだが、誰よりも手を動かして不満を溜め続けたからこそ、新技術の意義を理解して取捨できる、という感覚
英語力不足が職業選択のブロッカーになっている自覚がある
先に行きたければ、今のフロントエンドからフロントエンドを学ばない
React SPA の技術選定で考えたこと（atama plus のケーススタディ）
カテゴリごとに選定理由が簡潔にまとまっていて良き。参考になりました。特にテストの指針について
現在フロントエンドのテスト方針として、単体テストを網羅するのではなく、出来るだけ Component Tree の一番上(Router Provider の直下)で、実挙動に近くなるようユーザーストーリーとしてテストを書きます。
はちょうど Integration Test について悩んでいたので参考になった。
Test component interactions with Storybook
Storybook の Interactive Stories 機能を使ってインタラクションをどうテストするか、サンプルコード書きながら学べるチュートリアル。わかりやすかった。
✅ 読んだ
📝 : 下の方に内容メモあり
☁︎ Salesforce
- How to Use TypeScript with Salesforce – Part 1 | Salesforce Developers Blog
- LWCの公式TSサポートきたかと思ったが"In the second post, we’ll cover the various places where you can use TypeScript within the Salesforce ecosystem." なので続編に期待
🌐 Web, Frontend
- JavaScript: 文字数を正確にカウントするには？ - Qiita
- 毎回ややこしやーってなるやつ
- 40年越しにTCPの仕様(RFC793)が改訂される - ASnoKaze blog
- フロントエンドエンジニアが知るべきキャッシュを理解する
- 書籍「HTML解体新書」、満を持してついに登場 - 弁護士ドットコム株式会社 Creators’ blog
- "本腰を入れてHTMLを勉強してみたいと思ったら、パーサーを作ってみると良いと思います。"
- Ian VanSchootenさんはTwitterを使っています: 「storybook-builder-vite has been brought into the official storybook fold and renamed to "@storybook/builder-vite". Be sure to update your package.json. https://t.co/zBkkl2VPat」 / Twitter
- ホバーの分岐にはメディアクエリのwidthではなくhoverを使おう
- Aiji UejimaさんはTwitterを使っています: 「Next.js 12.1.1 いよいよemotionのSWC対応が入りました。さてbabelを捨てるか👍 https://t.co/oZzOhulIOf」 / Twitter
- React Hook Formを1年以上運用してきたちょっと良く使うためのTips in ログラス（と現状の課題）
- 主要ブラウザで使える！CSS Cascade Layers で新しいCSS設計の手法を考える | サイボウズ フロントエンドエキスパートチーム
- ようやくCascade Layers理解した。とってもわかりやすかったです
- React Query を使っていて気になった SWR とのいくつかの違い | DevelopersIO
🦀 Rust, WebAssembly
🤝 スクラム・組織
- がんばりすぎないふりかえりのススメ - yigarashiのブログ
- よい “つまりなにより大事なのはみんながいっぱい喋ることです”
- 真摯に品質に向き合うためにQA組織を立ち上げた話｜Shogo Nameki｜note
その他
- 新人エンジニアにおすすめする一冊 2022 | CyberAgent Developers Blog
- Notionを快適に使うには必須かもしれない拡張「Notion Boost」を導入してみた | DevelopersIO
- ランニングコストほぼゼロから始めるスケーラブルな本番環境
- 「強いエンジニアは結局休日に勉強してるじゃん」って思うけど - spice picks
- 技術課題のないプロダクトなんてものはない！Django→Reactリプレイスの意思決定に至るatama plus流の軌跡 ｜atama plus 開発チーム｜note
- "Developer Decision Record（DDR）"
- ソフトウェアエンジニアが品質保証を学んでわかったこと / What software engineers have learned about quality assurance - Speaker Deck
✨ 読みたい
- 📕 React の Suspense 対応非同期処理を手書きするハンズオン
- B2B における Customer 系エンジニアの組織づくり - Speaker Deck
- 📕 フロントエンドのデザインパターン
- React のメモ化と、メモ化できないケースについて
- Kotlin について徹底的に客観的に分析してみた - Qiita