今週読んだ記事(4/25~5/1)
HTML
- 無料のおすすめ最新HTML5テンプレート厳選45個まとめ【2020年版】 - PhotoshopVIP
- 【2020年版】Webサイトのファビコンや各種アイコンの作り方・設定方法 | Web Design Trends
CSS
- @property | CSS-Tricks
- How to Make a CSS-Only Carousel | CSS-Tricks
- CSSは奥が深い!Facebookの新しいUIデザインで見つけたCSSのテクニックのまとめ | コリス
- Using CSS to Control Text Selection / Coder's Block
JavaScript
- TypeScript: 「電話番号型」という意味を持たせた特殊なstring型の作り方 - Qiita
- なぜJavaScriptのDateコンストラクタは例外を投げないのか - Qiita
- JavaScriptで実装してみるQRコードジェネレータ - Qiita
- The Cost of Javascript Frameworks - Web Performance Consulting | TimKadlec.com
- JavaScript練習問題集(ECMAScript2015,2016,2017,2018,2019,2020,other Library) · GitHub
- サイト構築のタスクを自動化する「Gatsby Recipes」とタスク記述言語としてのMDX - Qiita
- 音を操るWeb技術 - Web Audio API入門 - ICS MEDIA
- Jestを使ったVueコンポーネントのテストを導入した話 - MicroAd Developers Blog
- Fetch query data from URL using javascript - DEV Community 👩💻👨💻
- JavaScriptで重複排除を自分で実装してはいけない(Setを使う) - Qiita
- TypeORMはNode.js開発のスタンダードになるか? - Qiita
- Alpine.js: The JavaScript Framework That's Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS | CSS-Tricks
- How to Redirect a Search Form to a Site-Scoped Google Search | CSS-Tricks
- Using Formik to Handle Forms in React | CSS-Tricks
- JavaScriptの非同期処理の理解と非同期処理を同期に作る三つの方法 | Developers.IO
- A visual guide to React Mental models | Obed Parlapiano - JavaScript Engineer & Writer
- Use Netlify, Zapier and Gatsby to instantly deploy your CMS content - DEV Community 👩💻👨💻
- モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy
- Vue.js 3 のベータ版がリリースされたので予習してみる - SMARTCAMP Engineer Blog
- Node.js v14に更新したらnode-sassが動かなくなったので対処してみた | Developers.IO
- TypeScript で任意の文字列を受け入れつつ、文字列リテラルをサジェストしてくれる型を作る - Qiita
- React Integration Testing: Greater Coverage, Fewer Tests | CSS-Tricks
- TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話 | Future Tech Blog - フューチャーアーキテクト
ブラウザ
フロントエンドほか
- レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize | コリス
- SVG, Favicons, and All the Fun Things We Can Do With Them | CSS-Tricks
- Some Innocent Fun With HTML Video and Progress | CSS-Tricks
デザイン
- Accessible Font Sizing, Explained | CSS-Tricks
- Button Design — UI component series | UX Collective
- LP(ランディングページ)の効果を上げる色の選び方とは?色彩心理学に基づく制作術|ferret
- hero-generator
Go
Python
- とにかく基本無料のPython・機械学習が学べるサイトをまとめた - Qiita
- プログラミング言語「Python」の人気が止まらない理由とは? 人気ランキングから見えてきたこと|WIRED.jp
- 【Python小技】マイナーだけど便利なPythonの小技5つ - Qiita
開発・インフラ
- git-flow 図解 - Qiita
- Git GUI クライアント比較 2020 – Numb.
- kubernetesキホンのキ - Qiita
- GitLabが日本法人を設立、国内で本格展開へ。ロゴが「タヌキ」なのは、スーパーマリオの大ファンだから - Publickey
マーケティング
- 「メタ ディスクリプションがない」がモバイル ファースト インデックスの一般的なエラーに追加 | 海外SEO情報ブログ
- AMPやモバイルユーザビリティなどのSearch Consoleのレポートで対象ページ数を減らす仕様変更あり | 海外SEO情報ブログ
- 構造化データを使用して、WebサイトのE-A-Tをサポートする方法 |SEO Japan by アイオイクス
その他
- 独善的なデザイナーとの付き合い方とそうならないために | UX MILK
- 新型コロナウイルス感染症のリスクが高い職業は?感染リスクをわかりやすく視覚化するとこうなる - GIGAZINE
- 文系卒のクソザコWEB系エンジニアが関数型言語に入門した結果をまとめた - Qiita
- お手軽にウェブアプリを開発できるOSSのフレームワーク「Phoenix Framework」、15分でTwitterライクなアプリを開発するムービーも - GIGAZINE
- AtCoderで水色になるまで - Qiita
- トイレットペーパー買い溜めをデザイナーとして分析してみた
- macOSのスクリーンセーバーをHTML・CSS・JSで作る (Swiftスキル不要) - Qiita
- 英語のいいテックニュースサイトの TOP4 Good Tech News Sites in English - Qiita
- Google Japan Blog: Google Meet を、すべての人に
- プロダクトの成功に必要な 3 つのステージと 20 のタスクについて:現場の動き方をまとめました|Fritz | Product Manager @ Mercari|note