【2021年2月】今月読んだ良記事
1ヶ月間で読んだテック系記事の中でも良記事やニュース記事をピックアップし、自分用の備忘録と記事の拡散・共有の意図を込めて毎月まとめています。
HTML
- えっ、著作権の帰属を表すHTMLタグがあるんですか? - Qiita
- <meta charset="UTF-8"> を書く必要性があるケースとデメリット
- W3C発行のHTMLがすべて廃止された日 | フロントエンドBlog | ミツエーリンクス
CSS
- CSSのCascadingに追加されようとしているLayerという概念
- CSS aspect-ratioプロパティの使い方、レスポンシブやレイアウトシフトで大活躍 | コリス
- CSS Gridのカラム幅を1frにしたときのワナ!意図せぬ水平スクロールバーが表示されてしまった時の解決方法 | コリス
- No-Jank CSS Stripes | CSS-Tricks
- ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単&実用的】 - PhotoshopVIP
JavaScript
- JavaScript情報の情報源となっているサイトの一覧を作った | Web Scratch
- Google JavaScript Style Guide
- VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA
- JavaScript performance beyond bundle size | Read the Tea Leaves
- Flux の失敗は Store に Store という名前をつけたこと - fsubal
Vue
React
- Rerousel - light & simple infinite carousel for React - DEV Community
- Why You Should Be Writing React Custom Hooks - DEV Community
- What is React: A Visual Introduction For Beginners
TypeScript
- Google TypeScript Style Guide
- アンサー: なぜTypeScriptの型定義に凝るのか - Qiita
- 2021年のTypeScriptベストプラクティス - 西尾泰和のScrapbox
フロントエンドほか
- "Cancelable" Smooth Scrolling | CSS-Tricks
- Maximally optimizing image loading for the web in 2021 | CSS-Tricks
- Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support | CSS-Tricks
- Webフロントエンド開発で役立つサービスまとめ - Qiita
ブラウザ
- Firefox 86 Introduces Total Cookie Protection - Mozilla Security Blog
- Six time-saving tips for using the DevTools Console - Microsoft Edge Blog
- CSS-in-JS support in DevTools | Web | Google Developers
- What's New In DevTools (Chrome 90) | Web | Google Developers
- Here's what's happening with the Firefox Nightly logo - Mozilla Hacks - the Web developer blog
- Release Notes for Safari Technology Preview 120 | WebKit
- Release Notes for Safari Technology Preview 121 | WebKit
- Webアプリがジョイコンなどに対応する「WebHID」、NFCタグを読み書きする「Web NFC」、シリアルポートで通信する「Web Serial」など、Chrome 89ベータではデフォルトで有効に - Publickey
- Chromeデベロッパーツールでコア ウェブ バイタルを常に計測するHeads-Up Display (HUD) 機能 | 海外SEO情報ブログ
Web系ほか
デザイン / UI / UX
- そのデザインを確かめよう!ユーザーのフィードバックを得るための6つのAdobe XDプラグイン
- 2021年用、日本語のフリーフォント452種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
- UIが嘘をつく? UXデザインにおける「楽観的な更新」とSPAでの作り方 - カミナシ開発者ブログ
- アウトカムから価値を紐解くプロダクトデザイン
アルゴリズム
開発 / インフラ / ツール
- ASCII.jp:v1.6まで進化し、GUIでの設定ページも用意されたWindows Terminal (1/2)
- 無料&手軽にソースコードを可視化できる「Sourcetrail」、大規模開発やレガシーコードの理解に役立ちそう - GIGAZINE
- LastPassが無料プランを改悪。スマホとPCの同時利用不可に
- GitHubに関する対応とお願い | CSAJ 一般社団法人コンピュータソフトウェア協会
SEO / マーケティング
- 元Google社員が語るGoogleのアルゴリズムとペナルティの関係性について |SEO Japan by アイオイクス
- コア ウェブ バイタルが良好と不良の間に分類されるページのランキングでの評価はどうなるのか? | 海外SEO情報ブログ
- 「SEOに強いHTMLの書き方」についての個人的な見解
iOS / Android
- Apple Watch装着で、マスクをしていてもFace IDロック解除可能になる? - iPhone Mania
- Twitterがテキストエディタのコードをオープンソースで公開、iOS用。「Twitter Text Editor」 - Publickey
その他
- iPhone/iPad用GitHubクライアントがiOS 14のウィジェットに対応し、コントリビューショングラフをホーム画面からチェック可能に。
- クラスメソッド、技術情報共有サービス「Zenn」の買収に関する契約を締結〜誰かのために、自分のために知見を共有するプラットフォームの開発を加速〜 | クラスメソッド
- ノーコード アプリ開発の現状 | Google Cloud Blog
- ググるのはデベロッパーにとって最も重要なスキルの1つ、知っておくと便利なGoogle検索のテクニック | コリス
- Amazonの創業者ジェフ・ベゾスがCEOを退任 - GIGAZINE
- Pythonが圧倒的な1位、2021年エンジニアが学びたいプログラミング言語 | Ledge.ai
- GitHubのawesomeリストが本当にawesomeなものばかりだから一度見てほしい - Qiita
- コーディングを始めたときに知っておきたかった65のこと - Qiita
- 【完全保存版】5万円でエンジニア転職してみた。未経験から自社開発エンジニアに転職するまでのロードマップ。 - Qiita
- Twitter、「Clubhouse」競合の音声SNS「Spaces」のテストを開始 - ITmedia NEWS