【2021年7月】技術系 記事まとめ
1ヶ月間で読んだ技術系の記事の中をいくつか厳選し、自分用の備忘録と記事の拡散・共有の意図を込めて毎月まとめています。
HTML
- HTML tableの実装がこれまでと変わる!Googleデベロッパーによる変更点の解説 -TablesNG | コリス
- 15 HTML5 best practices for beginners to master. - DEV Community
CSS
- 2021年、モダンブラウザに適したCSSリセットのまとめ | コリス
- 新しいCSSリセットはシンプルで軽量!CSSの新しい機能を使用したCSSリセット -The New CSS Reset | コリス
- mask | CSS-Tricks
- :fullscreen | CSS-Tricks
- The Dilemma of Naming Font Size Variables | CSS-Tricks
- Using the Specificity of :where() as a CSS Reset | CSS-Tricks
- 2021年版!おすすめのCSSフレームワーク総まとめ。特徴や比較も! | Web Design Trends
JavaScript
- Package.json File explained!!! - DEV Community
- 10 GitHub repositories to become a better JavaScript Developer - DEV Community
- JavaScript 関数型プログラミング まとめ - Qiita
- Denoに今後導入される新機能(2021夏ver) - Qiita
- [JS]なぜawaitはasync関数の中にしか書けないのか - Qiita
- package.jsonにfilesを書かないあなたは、誰かを少しだけ不幸にしています - Qiita
- 【JavaScript】str.matchAll(re)はre.exec(str), re.test(str)の最後のマッチ位置を引き継ぐので注意 - Qiita
React
- React ステート管理 比較考察 - uhyo/blog
- Complete Introduction to Redux 🚀 - DEV Community
- フックに関するよくある質問 – React
- すごいReactフック8選 - Qiita
TypeScript
フロントエンドほか
- jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
- 昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
- React + TypeScript: ReactでTypeScriptを使うとき基本として知っておきたいこと - Qiita
- Firefoxは危険なJavaScriptに対応しない - Qiita
ブラウザ
- Firefox 90 introduces SmartBlock 2.0 for Private Browsing - Mozilla Security Blog
- Stopping FTP support in Firefox 90 - Mozilla Security Blog
- Easier browser debugging with Developer Tools integration in Visual Studio Code - Microsoft Edge Blog
- What's New In DevTools (Chrome 93) - Chrome Developers
- Release Notes for Safari Technology Preview 127 | WebKit
- Release Notes for Safari Technology Preview 128 | WebKit
- Optimizing JavaScript Standard Library Functions in JSC | WebKit
- [重要] Kinza開発終了について|ウェブブラウザ:Kinza - 国産で軽い・使いやすい
Web系ほか
- Developer-Friendly Passwordless Auth | CSS-Tricks
- Modern Full-Stack Developer Tech Stack 2021 - DEV Community
- WebAssemblyアプリ開発で最も使われている言語はRust、注目の機能はスレッドなど。The State of WebAssembly 2021 - Publickey
デザイン / UI / UX
- 誰にでもわかるデザイン思考の基本 デザイン会社 ビートラックス: ブログ
- DesignOpsの基本ガイド:良質なデザインを生み出すためのプロセスと手法とは? |ブログ|root|芯を問い、成長に貢献する
- 配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 - Togetter
- 【更新】ピクトグラムで「IT業界における競技50種目」が開催されている模様「椅子寝」「定時ダッシュ」など - Togetter
- プロトタイピングで陥りがちな6つの落とし穴 | UX MILK
- 文脈共有がないデザインフィードバックは単なる感想です
Python
- 朝飯前に学べる!便利なPythonのヒント100選【前編】 - Qiita
- Pythonの型を完全に理解するためのtypingモジュール全解説(3.10対応) - Qiita
- pythonのglobalの動作にちょっと驚いた - Qiita
ツール / サービス
- Adobe Premiere Pro「音声のテキスト化」機能を正式リリース。-ユーザーは追加料金なしで使用可能- Apple M1 Macにネイティブサポート
- [待望のアップデート] VSCodeの内蔵ターミナルがエディタと同様に扱えるようになりました! | DevelopersIO
- 5 VS Code Extensions That Make Refactoring Easy - DEV Community
- The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!) - DEV Community
- プログラマーの書いたソースコードの続きを自動で記述する「GitHub Copilot」はエンジニアを駆逐してしまうのか? - GIGAZINE
- Fastly、JavaScriptエンジンをWebAssemblyで実装。CDNエッジのサーバレス環境「Compute@Edge」でJavaScriptサポート発表(訂正済み) - Publickey
SEO / マーケティング
- 最適化のための、KPI(キーパフォーマンスインジケーター) |SEO Japan by アイオイクス
- 【上級編】Core Web Vitals。テクニカルSEOガイド。 |SEO Japan by アイオイクス
その他
- Microsoft、Windows Updateの情報を日本語含む10言語で提供開始 | TECH+
- 最初から強いやつの特徴 - Qiita
- Web系企業で年収1000万円エンジニアになる方法:うわっ……エンジニアの年収、低過ぎ……?(1/3 ページ) - @IT
- ヤフー、米国側とのライセンス契約終了へ ロイヤリティーなしで「Yahoo!」ブランド利用可能に - ITmedia NEWS
- IT系上場企業の平均年収を業種別にみてみた 2021年版[前編] ~ ネットベンチャー、ゲーム、メディア系 - Publickey
- IT系上場企業の平均年収を業種別にみてみた 2021年版[後編] ~ パッケージソフトウェア系、SI/システム開発系、クラウド/キャリア系企業 - Publickey
- Googleが目指す「一言で答えられない問題」に答える検索。「MUM」開始 - Impress Watch