【2022年8月】技術系 記事まとめ

1ヶ月間で読んだ技術系の記事の中からいくつか厳選して毎月まとめています。

CSS

• 【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita

JavaScript

• JavaScriptの生みの親「自動セミコロン挿入やめときゃよかった……」 - Qiita

React

• I was creating Forms the wrong way all along in React.js 🤔 - DEV Community 👩‍💻👨‍💻
• 20 GitHub Repositories to Become a React Master - DEV Community 👩‍💻👨‍💻
• React 状態管理ライブラリの超新星？！「Jotai」をさわってみた - Qiita
• Reactでモーダル実装のベストプラクティスを考えてみた - Qiita
• Reactの今まであまり触れてこなかった機能について試したことのまとめ

フロントエンドほか

• 僕が勘違いしてた仮想DOMのメリット - Qiita
• どのWebフロントエンドフレームワークから始めるべきか？（歴史編） - Qiita

Web系ほか

• Herokuの無料枠が廃止になるのでDeta.shへ移行する - Qiita
• IEサポート完全終了記念（？） 今後使いたい、便利なCSSプロパティ・HTMLタグ、＆etc - Qiita
• Next.jsの開発元Vercel、Edge FunctionsでWebAssemblyのサポートを発表 － Publickey

デザイン / UI / UX

• Webサイトを作る際に超参考になったデザインのサイトまとめ - Qiita

Python

• WindowsのPythonでデスクトップ通知(トースト)作ってみた【WinRT】 - Qiita

機械学習・AI

• 簡単なスケッチから「Stable Diffusion」で思い通りの絵を描く手順を解説 - GIGAZINE

プログラミング / 開発

• 【入門】データベース設計まとめ - Qiita

SEO / マーケティング

• 誤解されがちなSEO対策 7選 - Qiita

その他

• エンジニア向けチートシート集 - Qiita
• 転職活動を本気でしてみたら自分の市場価値が思っていたより高かった件について - Qiita

【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

その他

• 7万人以上のITエンジニアの調査結果、好きな言語は「Rust」、DBは「PostgreSQL」、開発環境はVSCodeを抑えて「Neovim」がトップに。Stack Overflow 2022 Developer Survey － Publickey
• IT系上場企業の平均年収を業種別にみてみた 2022年版［前編］ ～ ネットベンチャー、ゲーム、メディア系 － Publickey
• IT系上場企業の平均年収を業種別にみてみた 2022年版［後編］ ～ パッケージソフトウェア系、SI／システム開発系、クラウド／キャリア系企業 － Publickey

【2022年6月】技術系 記事まとめ

1ヶ月間で読んだ技術系の記事の中からいくつか厳選して毎月まとめています。

CSS

• 覚えておこう！ CSSのconic-gradient()関数を使用した美しいグラデーションの実装方法 | コリス
• IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ | コリス
• これは朗報！ CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります | コリス
• IEのサポート終了で使えるHTML&CSS - Qiita

JavaScript

• Modern JavaScript, 10 things you should be using, starting today - DEV Community
• 9 useful code snippets for everyday JavaScript development || Part 1 - DEV Community
• Patterns for Building JavaScript Websites in 2022 - DEV Community
• JavaScriptの次の仕様ES2022の新機能まとめ - ICS MEDIA
• IEが終了したので、webpackやbabelは不要？ - Qiita
• タグ付きテンプレートリテラルを理解したい - Qiita
• 正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能

React

• Reactアプリケーションのテスト戦略 - Speaker Deck

TypeScript

• 6歳娘「パパ、条件によって変わる型を作りたいの」 - Qiita
• interfaceとtypeの違いについて - Qiita
• TypeScript: const n=1とconst n:1=1は何が違うのか、なぜ違うのか
• 『プロを目指す人のためのTypeScript入門』読者が最新情報にキャッチアップできる記事

フロントエンドほか

• Cheatsheet for Web Developers - DEV Community
• Svelte vs. React in 2022: Choosing the Best Match for You - Prismic

ブラウザ

• Debug the web in 3D with the 3D View tool - Microsoft Edge Blog
• New in Chrome 102 - Chrome Developers
• New in Chrome 103 - Chrome Developers
• What's New In DevTools (Chrome 103) - Chrome Developers
• Chromeに続いてSafariがユーザー数10億人超えを達成、3位のEdgeは2億1000万人 - GIGAZINE

Web系ほか

• New to the web platform in June