【2020年11月】読了記事
HTML
CSS
- コピペで簡単！CSSで実装されたジグザグ、波状、罫線、アイソメトリックスなど背景パターンのスタイルシート | コリス
- CSSの疑似クラス「:focus-within」が素晴らしい理由 | コリス
- Webページやスマホアプリでよく使用される代表的な5つのレイアウトをCSS Gridで実装するテクニック | コリス
- Masonryレイアウトをたった3行のシンプルなCSS Gridで簡単に実装できるようになります | コリス
- CSSのスゴ技！美しいグラデーションのボーダー、角丸や半円のテクニックを使用したチケットを実装する方法 | コリス
- line-break | CSS-Tricks
- max-inline-size | CSS-Tricks
- grid-auto-flow : CSS Grid :: flex-direction : Flexbox | CSS-Tricks
- How to Write Loops with Preprocessors | CSS-Tricks
- Tailwind versus BEM | CSS-Tricks
- CSSのテキストマスクで映えるメインビジュアルを実現 | Stocker.jp / diary
- CSS）z-indexのベストプラクティスを考える
- 【暫定】コーダー歴2年で辿り着いた保守しやすいコーディング手法
JavaScript
- JavaScript／TypeScriptランタイム「Deno 1.5」がリリース、型チェックを最大15倍効率化：CodeZine（コードジン）
- Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説 | コリス
- How to Animate the Details Element Using WAAPI | CSS-Tricks
- Quick LocalStorage Usage in Vue | CSS-Tricks
- 10 famous Javascript libraries for Machine Learning - DEV
- 7 code smells in your React components - DEV
- Vanilla JavaScript live search - DEV
- How to build a search bar in React - DEV
- What is ES6 Tree Shaking - DEV
- 5 Javascript Projects You Should Build as Junior Frontend Developer - DEV
- 正しく使えてますか？ Hooks APIのおさらい（初級編） - ICS MEDIA
- TypeScriptで始めるNode.js入門 - ICS MEDIA
- 【Vue.js】v-model解体新書 - Qiita
- JavaScriptの型などの判定いろいろ - Qiita
- Reactで「壊れにくいテスト」を書くための方針 - Qiita
- Node.jsとはなにか？なぜみんな使っているのか？ - Qiita
- TypeScript で型定義ファイル( d.ts )がないときの対処法 - Qiita
- 【JavaScriptの超基本】ファイルのインポートやエクスポートについて簡単に解説 - Qiita
- 【JavaScriptの超基本】クラスの定義やメソッド・継承について簡単に解説 - Qiita
- Next.jsにおけるSSG（静的サイト生成）とISRについて（自分の）限界まで丁寧に説明する - Qiita
- 5歳娘「パパ、型ガードって何？」 - Qiita
- Hurry Coderと魔法の数字 - Qiita
- 5歳娘「パパ、依存性を注入して？」 - Qiita
- Vuex ストアに TypeScript の型を付ける（2020年12月版） - STORES Tech Blog
- 【入門】Electron完全に理解した
フロントエンドほか
- GIFS and prefers-reduced-motion | CSS-Tricks
- Gray Burst | CSS-Tricks
- Preventing copying text in a webpage 😁 - DEV
- Ultimate RoadMap with so many resources for Front-End Development 💥💥 - DEV
- 【2020年版】フロントエンドのおすすめMac無料ツール - Qiita
ブラウザ
- Firefox 83 introduces HTTPS-Only Mode - Mozilla Security Blog
- CSS GridをChrome デベロッパーツールで検証、デバッグする方法を解説 | コリス
- Level up your JavaScript browser logs with these console.log() tips - DEV
- What's New In DevTools (Chrome 88) | Web | Google Developers
- New in Chrome 87 | Web | Google Developers
- Chrome・Safari・Firefoxで比較！クリエイティブ表現のレベルアップに使える最新ブラウザの開発者機能（前編） - ICS MEDIA
- Vivaldi ブラウザとオープンソース | Vivaldiブラウザ
- New WebKit Features in Safari 14 | WebKit
- Release Notes for Safari Technology Preview 116 | WebKit
- マイクロソフト、「Internet Explorer」での人気サイトの利用を禁止に。 - WPTeq
Web系ほか
- Google Developers Japan: AMP で優れたページ エクスペリエンスを作成する
- 【個人開発・ポートフォリオに】簡単にいい感じのデザインにできるサービスまとめ - Qiita
- 【Electron】HTML/CSS/JavaScript でデスクトップアプリを作った【インストールから exe 化まで】 - Qiita
- 個人開発・スタートアップで採用すべき最強のアーキテクチャを考えた - Qiita
- WebAssemblyが目指していること。ナノプロセスモデルの実現、システムインターフェイス、実行時リンクの実装など － Publickey
デザイン / UI / UX
- 最近のアイコンが似通ってきている問題 | デザイン会社 ビートラックス: ブログ freshtrax
- フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ | コリス
- I made 100 high-quality illustrations, totally free. Use it anywhere without attribution. - DEV
- 役立つデザインテクを学ぶ最新Illustratorチュートリアル、つくり方30個まとめ - PhotoshopVIP
- ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ - PhotoshopVIP
- 3 Types of Roadmaps in UX and Product Design
- あなたの組織でデザイン指標が使えない理由とその対策 : could
Python
- Google『reCAPTCHA』を突破！『2Captcha』でブラウザ操作の完全自動化に挑む - Qiita
- Pythonのオブジェクト指向プログラミングを完全理解 - Qiita
- PyTorch, ONNX, Caffe, OpenVINO (NCHW) のモデルをTensorflow / TensorflowLite (NHWC) へお手軽に変換する - Qiita
機械学習
開発 / インフラ / ツール
- GitHub Actionsでeslintを動かすだけでFiles changedにlint errorが表示されて便利 - $shibayu36->blog;
- 10 Awesome Github Repos Every Web Developer Should Know - DEV
- Operator Lookup - Search JavaScript operators
- GitHub Actionsの超基本！特別な設定が不要なCIサービス - Qiita
- エンジニアなら知っておきたい生産性を爆上げするツール8選 - Qiita
- Google、VSCodeの代替を狙う「Eclipse Theia」コードエディタをクラウド統合開発環境として採用。Google Cloud Shellに統合を発表 － Publickey
- サーバレスの次は「ストレージレス」の実現へ。NetAppがストレージレスを実現する新サービス「Spot Storage」を発表 － Publickey
- 2020年の個人的Firebaseのまとめ
SEO / マーケティング
- WEBデザイナーがマーケティング視点を取り入れると得られる50の恩恵｜川端康介｜note
- A/Bテストにおける効果の確からしさを導出する - Qiita
- ABテストにおける10個の統計的な罠：オプティマイザーのためのパーフェクトガイド ｜SEO Japan by アイオイクス
- 【決定版】SEOコピーライティングガイド ｜SEO Japan by アイオイクス
- 【無料ダウンロード】「SEOを外注する際のチェックリスト」をリリースしました ｜SEO Japan by アイオイクス
- ユーザーの要望を満たせればアフィリエイトでも問題ない、Google社員が明言 | 海外SEO情報ブログ
- 全サイトのモバイルファーストインデックス移行後もパソコン用Googlebotはクロールを続ける | 海外SEO情報ブログ
- Google、data-vocabulary.org構造化データのサポートを2021年1月29日で終了 | 海外SEO情報ブログ
- どのようにしてGoogleは重複URLを検出し正規化しているのか？ | 海外SEO情報ブログ
- なぜAMP⚡はコアウェブバイタルに優れているのか？ | 海外SEO情報ブログ
iOS / Android
- 脱獄不要の非公式iOSアプリストア「AltStore」が開発されプレビュー版が公開 - GIGAZINE
- 脱獄不要でターミナルからコマンドを実行可能になるiOS向けアプリ「iSH」レビュー - GIGAZINE
その他
- XR技術の未来を予想！2021年にXR技術の普及が見込まれる分野3選 | デザイン会社 ビートラックス: ブログ freshtrax
- GitHubのソースコードがGitHub上にリークされる、公開した人物は「GitHubのCEO」を偽装 - GIGAZINE
- 「お金を無限に増やせるバグ」を銀行に報告したホワイトハッカーが自身の受けた仕打ちについて解説 - GIGAZINE
- Slackの買収をSalesforceが検討中 - GIGAZINE
- Google Japan Blog: Google アカウントのストレージポリシー変更について
- Googleが機械学習を利用した悪夢のような「怪物ジェネレーター」を開発 | TechCrunch Japan
- 成功する投資：トレーディングのサイエンス - Qiita
- エンジニア1年間で学んだ3つの心得 - Qiita
