【2020年10月】読了記事
HTML
- metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags | コリス
- document outline algorithm と h1 要素 | grgr-dkrkのブログ
CSS
- Animating Number Counters | CSS-Tricks
- CSS設計において特に大切にしている思想をまとめてみた
- Dark Mode in CSS (toggle) - DEV
- min(), max(), and clamp(): three logical CSS functions to use today
- 知っておかないと恥ずかしい?!idとclassの違いと記述ルール - Qiita
- Achieving Vertical Alignment (Thanks, Subgrid!) | CSS-Tricks
- inline-size | CSS-Tricks
- inset-block | CSS-Tricks
- inset-inline | CSS-Tricks
- inset-block-end | CSS-Tricks
- inset-block-start | CSS-Tricks
- inset-inline-end | CSS-Tricks
- inset-inline-start | CSS-Tricks
- CSSの変数(カスタムプロパティ)便利な使い方を詳しく解説 | コリス
- The CSS Custom Property Toggle Trick | CSS-Tricks
- More on content-visibility | CSS-Tricks
- Comparing Various Ways to Hide Things in CSS | CSS-Tricks
JavaScript
- [メモ] JavaScript 参照 - Qiita
- 【Vue.js 3】v-bindの機能ぜんぶ書く - Qiita
- Google Apps Script でよく使うスニペット集 30 選 - Qiita
- gulpで画像を圧縮する - Qiita
- if文はJSXの中で書け - Qiita
- JavaScript: プラグインシステムとプロトタイプ汚染攻撃 - Qiita
- JavaScriptの超基礎的な文法を覚えておこう - Qiita
- JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ
- jsライブラリ選定はopenbaseが超絶便利 - Qiita
- memo? useCallback? パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita
- Node.js Dual Packages (CommonJS/ES Modules) に対応した npm パッケージの開発 - Cybozu Inside Out | サイボウズエンジニアのブログ
- Reactのディレクトリ構成どうしてる? - Qiita
- React超概要 - Qiita
- TypeScriptの型メモ - Qiita
- TypeScriptの型を手に馴染ませるためにやっていること - $shibayu36->blog;
- Typescript型Tips集 - Qiita
- Webpack 5 release (2020-10-10) | webpack
- ワイ「TypeScriptなんも分からん」 - Qiita
- ワイ「TypeScriptのエラーが読まれへん」 - Qiita
- ワイ「なに!?ライブラリをラップするやと!?」 - Qiita
- 憧れのTypeScriptフルスタック環境がコマンド1発で作れる超軽量フレームワーク「frourio」 - Qiita
- JavaScriptの闇 thisへ挑む - Qiita
- 【JS・TS】コーディングTips集 - Qiita
- The Ultimate Guide to Passport JS - DEV
- Top 10 React Hook libraries - DEV
- 描いて理解するイベントループ - Qiita
- React学習を楽にしてくれるJavaScriptでの関数型プログラミングの基礎知識 - Qiita
- 静的サイトジェネレーター Gatsby - Qiita
- Vue.jsってどうやったら綺麗に使えるのよ - Qiita
- ReactコンポーネントのDOMをユニットテストする
フロントエンドほか
- お問い合わせフォームのウェブアクセシビリティ対応の方法 - ICS MEDIA
- フロントエンドエンジニア入門 初心者向けWeb開発に役に立つgoogle Chrome 拡張機能10選 - Qiita
- 次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
- How to Become a Pro 😎 Front End Developer💻 - DEV
ブラウザ
- My 12 Favorite Chrome Extensions as a Web Developer ⚡🚀 - DEV
- New in Chrome 86 | Web | Google Developers
- What's New In DevTools (Chrome 87) | Web | Google Developers
- Release Notes for Safari Technology Preview 114 | WebKit
- Release Notes for Safari Technology Preview 115 | WebKit
- Meet Face ID and Touch ID for the Web | WebKit
Web系ほか
- デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話
- 次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
- Full Stack Developer's Roadmap 🗺 - DEV
- WebサイトをスクレイピングするWebクローラー20選 - Qiita
- FirebaseSummit 2020のキャッチアップをしてみた - Qiita
- Cookie規制が招くWeb体験の危機 | UX MILK
- MDN Web Docs evolves! Lowdown on the upcoming new platform - Mozilla Hacks - the Web developer blog
デザイン / UI / UX
- 「デザイン思考入門」前編|デザイン思考とは?|Hattoringo / UX Designer|note
- 10 Great Sites for UI Design Patterns you Must Save🏷️ - DEV
- Adobe XDで3D表現が可能に! 3D変形、CCライブラリの統合強化など新機能紹介 - ICS MEDIA
PHP
Python
- Pythonで度数分布表を一発で自動生成する - Qiita
- Pythonのデバッグを完全理解 - Qiita
- Pythonを使ってWindowsやMacを監視し、操作中のアプリの情報を収集してみる - Qiita
- Pythonのオブジェクト指向プログラミングを完全理解 - Qiita
開発 / インフラ / ツール
- 「Edge」の開発ツールを統合し「Visual Studio Code」でWebアプリの開発を完結 - 窓の杜
- 1分でも早く仕事を終わらせるためにVSCodeにできること - Qiita
- Amazon・Google・GitHubなどのクラウドで静的ウェブサイトのホスティング性能を比較した結果が公開中、どのサービスが最も高パフォーマンスか? - GIGAZINE
- GitHub、コードの脆弱性などを発見してくれる「GitHub Code Scanning」正式版が提供開始。パブリックリポジトリには無料 - Publickey
- GitHub、これから作成するリポジトリのデフォルトブランチ名が「main」に。「master」から「main」へ変更 - Publickey
- VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に - Publickey
SEO / マーケティング
- 企業ブログからコンバージョンを生み出すための15の実践的アドバイス |SEO Japan by アイオイクス
- オートコンプリートのクエリ候補をGoogle検索はどのようにして生成しているのか | 海外SEO情報ブログ