【2020年12月】今月読んだ良記事
1ヶ月間で読んだテック系記事の中でも良記事やニュース記事をピックアップし、自分用の備忘録と記事の拡散・共有の意図を込めて毎月まとめています。
CSS
- CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト | コリス
- 2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど | コリス
- CSSのスクロールスナップの便利な使い方、実装の注意点を徹底解説 | コリス
- justify-items | CSS-Tricks
- mask-clip | CSS-Tricks
- CSS Individual Transform Properties in Safari Technology Preview | CSS-Tricks
- How to Add Text in Borders Using Basic HTML Elements | CSS-Tricks
- The 3 CSS Methods for Adding Element Borders - DEV Community
- Create Beautiful Images in CSS to Buff Up Your Portfolio - DEV Community
- メタプログラミング Sass - 柔軟なウェブデザインを実現する方法 - ペパボテックブログ
- 2020年度末のCSS総まとめ!有用でオススメな覚えておくべき新仕様をコードと画像付きで解説 - Yahoo! JAPAN Tech Blog
- Centering in CSS
JavaScript
- GitHubのトレンドで振り返る2020年のJavaScript | WEB EGG
- Give Users Control: The Media Session API | CSS-Tricks
- How One Developer Recreated AirDrop Using Just JavaScript - DEV Community
- A Guide to Securing Node.js Applications - DEV Community
- Build a Simple Chess AI in JavaScript - DEV Community
- async/await は Promise を置き換えない - Okapies' Archive
- package.json dependencies メンテの仕方 最短ルート - Qiita
- Promise のキャンセルについて - Qiita
- async/await は Promise を置き換えることは出来ると思う - Qiita
- Node+TypeScript+ExpressでAPIサーバ構築 - Qiita
- JavaScriptの非同期処理を制御する方法 - Qiita
React
- 正しく使えていますか? ReactのHooks APIおさらい(応用編) - ICS MEDIA
- React の Concurrent Mode を使ってみる(2020年12月版) - 30歳からのプログラミング
- 知っていると捗るcreate-react-appの設定 - Qiita
- [初心者向け]Reactの基礎を徹底解説してみた - Qiita
- React 17 で改良された JSX Transform はどのようなものか
TypeScript
- TypeScript で querySelector メソッドを使うときに型引数を指定する - Hatena Developer Blog
- TypeScriptのunsafeな操作まとめ | Tkr Blog
- TypeScriptでclassじゃないものを継承する - Qiita
- 7万行のJavaScriptコードをTypeScriptに移行した話 - Qiita
- TypeScriptで | を使わずにユニオン型を得る方法大全 - Qiita
- TypeScriptでMapped Typesを使ってきれいなインターフェースを作る話 - Qiita
- 0歳娘「パパ、型を作る関数はないの?」 - Qiita
- 5歳娘「パパ、型はドキュメントだよ?」 - Qiita
- TypeScriptにはanyが4種類、undefinedが3種類、……
フロントエンドほか
ブラウザ
- ウェブブラウザにバグ報告をするときにやること - ぱすたけ日記
- 34 Must have Chrome Extensions for Web Developers and Designers - DEV Community
- ChromeのアップデートでGoogleフォントがページ読み込みのボトルネックになるという指摘 - GIGAZINE
- Chrome・Safari・Firefoxで比較!クリエイティブ表現のレベルアップに使える最新ブラウザーの開発者機能(パフォーマンス編) - ICS MEDIA
Web系ほか
- 2020 Roundup of Web Research | CSS-Tricks
- Converting and Optimizing Images From the Command Line | CSS-Tricks
- 50 free tools and resources you're gonna love - DEV Community
- Webサービス上の画像変換とWebPの利用について | メルカリエンジニアリング
- Web制作の時短に!2020年の便利オンラインツール・ベスト100選 - PhotoshopVIP
デザイン / UI / UX
- 2021年のトレンドカラーは2色!太陽の輝き「イルーミネイティング」と信頼の「アルティメットグレー」 | コリス
- 【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ - PhotoshopVIP
- 「UI悪すぎじゃない?」ハンバーガーのオンラインオーダーでオプションを選択していったらパテと玉ねぎ2本だけのバーガーが届いた話 - Togetter
- 8の倍数ルールでデザインする理由とメリット・デメリット | Blog | Yuya Kinoshita
PHP
Python
機械学習
開発 / インフラ / ツール
- 技術選定/アーキテクチャ設計で後悔しないためのガイドライン - Qiita
- 僕が考える最強のコミットメッセージの書き方 - Qiita
- GraphQLはサーバーサイド実装のベストプラクティスとなるか - Qiita
- Google Apps Script の新しい IDE の機能、変更点まとめ - Qiita
- GitHub Hacking ~GitHubを容量無制限のクラウドストレージとして使用する試み~ - Qiita
- GitHub、自動でマージが実行される「Pull request auto-merge」機能を発表。GitHub Universe 2020 - Publickey
SEO / マーケティング
- 【順位向上に貢献する】2021年にSEOを改善するための10の方法 |SEO Japan by アイオイクス
- 【決定版】ランディングページ最適化(LPO)ガイド |SEO Japan by アイオイクス
iOS / Android
その他
- TwitchやFacebookに続き、YouTubeがオープンソースのライブ配信アプリOBS Studioを開発している「OBS Project」のPremier Sponsorに。 | AAPL Ch.
- 僕らはいつまでUSB Type-Cケーブルを選ぶのに迷うのだろう…もう間違えないための覚え書き - Magnolia Tech
- GitHubが2020年のユーザー数やリポジトリ数、人気の高いプログラミング言語やトピックなど使用状況を詳細にまとめたレポート「The State of the Octoverse 2020」を公開 - GIGAZINE
- 知らないで使うとトラブルになるかも…プログラム・画像のライセンス(概要編) - ICS MEDIA
- 新卒1年目が荒れ果てた開発環境に1年間でCIを導入し単体テストを布教した話 - Qiita
- 初プルリクで心がボロボロにならないためのセルフチェック観点をまとめてみた - Qiita
- エンジニアの評価制度を考える - Qiita
- 単一責任原則で無責任な多目的クラスを爆殺する - Qiita
- エンジニアとデザイナーが幸せに協働するための6つの処方箋 - Qiita
- 1年半のソフトウェアエンジニア長期インターンで出会ったオススメ本をたくさん紹介します - Qiita
- GitHub、最も使われている言語はJavaScript、TypeScriptも急上昇。パンデミック後にGitHubの利用が急増。年次レポート「The 2020 State of the Octoverse」発表 - Publickey
- [速報]SalesforceがSlackを買収で合意。正式発表 - Publickey