【2022年7月】技術系 記事まとめ
1ヶ月間で読んだ技術系の記事の中からいくつか厳選して毎月まとめています。
CSS
- 便利な無料ツールが登場! Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer | コリス
- CSSでこんなことができるの知ってた? 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック | コリス
- 2022年、現在の環境に適したCSSリセットのまとめ | コリス
- 最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ | コリス
- Scroll Shadows? Pure CSS Parallax? Game Back On. | CSS-Tricks - CSS-Tricks
JavaScript
- 【JavaScript】TypeScriptっぽい構文が書けるようになるTypes as Commentsのティザーサイト紹介 - Qiita
- 【Bun】新しいJavaScriptランタイムについてふわっとまとめた
- JavaScriptのforEachで非同期処理を逐次実行する方法
React
- You Might Not Need an Effect
- React Hooks: The Deep Cuts | CSS-Tricks - CSS-Tricks
- 7 Tips for Clean React TypeScript Code you Must Know 🧹✨ - DEV Community
- React Server Componentsの仕組み:詳細ガイド | POSTD
- そのファイル、本当に hooks/・utils/ に入れるんですか?React プロジェクトを蝕む「見かけ駆動パッケージング」 - Qiita
- 【Recoil入門】Selectorの使い方 - Qiita
- React18で新しく導入されたuseTransitionとuseDefferedValueの使い分け - Qiita
フロントエンドほか
- imgタグのwidthとheightを省略したらダメ! 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法 | コリス
- フロントエンドエンジニアが最低限知っておきたい gRPC のこと - Qiita
- フロントエンド周りでお世話になった本と記事一覧(随時更新) - Qiita
Web系ほか
- フロントエンド・バックエンドを分けて開発する8つの利点 - Qiita
- New to the web platform in July
- W3C、中央集権的な管理を不要にする「Decentralized Identifiers (DIDs)」(分散型識別子)の仕様が勧告に到達 - Publickey
デザイン / UI / UX
- 【CSS】「なんかドロップシャドウがダサくなるんだけど」を解決する。 - Qiita
- Material Icons(Google Font Icons)の使い方を解説!表示されない時に確認すべきポイントも | Web Design Trends