今週読んだ記事(6/13~6/19)
JavaScript
- 【Vue.js】CSS Modulesで書き始めるときに見るべきTips - Qiita
- Advanced TypeScript Types cheat sheet (with examples) - DEV
- What Is The Best Deno Web Framework? - DEV
- JavaScriptでx === 'a' || x === 'b' || x === 'c' || ...をシュッとさせる - Qiita
- React 新しい状態管理ライブラリ Recoil の紹介 | Ria
- JavaScriptライブラリを読むときのコツ | blog.ojisan.io
- Gatsby.jsとNext.jsはどちらが優秀か比較してみた。 - Qiita
- Easing Animations in Canvas | CSS-Tricks
Web系ほか
ブラウザ
- Google Chromeの複数の拡張機能で個人情報の窃取が行われていたことが判明、該当する拡張機能の総DL数は3300万回 - GIGAZINE
- Chromium Blog: Improving Chromium's browser compatibility in 2020
- ICYMI – Recapping Microsoft Edge at Build 2020 - Microsoft Edge Blog
- Google Developers Japan: Chrome 84 ベータ版 : Web OTP、Web Animations、新しいオリジン トライアルなど
Python
開発・インフラ・ツール
- Dockerイメージの理解を目指すチュートリアル - Qiita
- Windows Terminal、バージョン2.0に至る今後1年間のロードマップを公開。設定用UIやポップアップメニュー、タブの切り離しなど - Publickey
- GitHub ActionsでAWS S3に自動でデプロイする(静的ファイルのディレクトリを丸ごとアップロードする) - Qiita
- クラウドについて知っておきたい基本的な知識 AWS、Azure、GCP、Oracle Cloud - Qiita
SEO・マーケティング
- Google、ロゴ構造化データの画像フォーマットにSVGとWebPをサポート | 海外SEO情報ブログ
- 3,000万ユーザーを集客した結果わかった、SEOに関する30の教訓 |SEO Japan by アイオイクス
デザイン・UI/UX
その他
今週読んだ記事(6/6~6/12)
HTML
CSS
- 2020年版:おすすめの人気CSSフレームワークと特徴の総まとめ | Web Design Trends
- 君は真に理解しているか?z-indexとスタッキングコンテキストの関係 - ICS MEDIA
- text-decoration-thickness | CSS-Tricks
- Web Platform News
- Striking a Balance Between Native and Custom Select Elements | CSS-Tricks
- Learn Z-Index Using a Visualization Tool
- How to Reverse CSS Custom Counters | CSS-Tricks
JavaScript
- 4歳娘「パパ、オブジェクトから型を作って?」 - Qiita
- Develop and Dockerize a Blogging API With Deno, Oak, and MySQL - DEV
- Ultimate Road Map to Study JavaScript : Basics to Advanced - DEV
- Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape
- How to Get All Custom Properties on a Page in JavaScript | CSS-Tricks
フロントエンドほか
ブラウザ
- Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 - Publickey
- Release Notes for Safari Technology Preview 108 | WebKit
Web系ほか
- URLに「.」を追加するだけでウェブサイトの広告を回避できる可能性があるという指摘 - GIGAZINE
- First Public Working Draft: Rules for Simple Placement of Japanese Ruby | W3C News
- Updated Candidate Recommendation: Web Audio API | W3C News
デザイン・UI/UX
- Diverse Illustration | CSS-Tricks
- 40+ High Quality Free Resources for Web Development - DEV
- ミルクボーイがデザイン思考を説明したら|広野 萌|note
- そのデザイン、意図したものと違って見える!ロゴに含まれた曖昧なメッセージ、誤解されたデザインを再デザイン | コリス
- 動きが新感覚!Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ - PhotoshopVIP
- 現役デザイナー厳選!デザインを勉強したい人におすすめの本23選 | 東京のWeb制作会社LIG
- Adobe Color新機能「色覚異常対応」が便利!問題となる色の組み合わせを簡単に修正できるアクセシビリティツール | コリス
開発・インフラ・ツール
その他
今週読んだ記事(5/29~6/5)
HTML
CSS
- Sassのモジュールシステムを@importから@useに移行する方法を考えてみた | Rriver
- 全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA
- レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法 | コリス
JavaScript
Web系ほか
ブラウザ
- 「Firefox 77」正式版リリース、大画面ノートPCでWebRenderが有効化されて描画速度が向上へ - GIGAZINE
- Chrome 83 Form Element Styles | CSS-Tricks
- 広告ブロック機能を搭載したブラウザ「Brave」の月間アクティブユーザーが1500万人超え - GIGAZINE
- Windows Updateを通じてEdgeをChromium版へ自動的に置き換える更新プログラムをMicrosoftが公開 - GIGAZINE
- A New RegExp Engine in SpiderMonkey - Mozilla Hacks - the Web developer blog
- New in Firefox 77: DevTool improvements and web platform updates - Mozilla Hacks - the Web developer blog
PHP
開発・インフラ・ツール
- 【VSCode拡張機能】Turbo Console Logでconsole.logをショートカットで効率化しよう! - Qiita
- Googleが生んだ「Kubernetes」がポケGOやメルカリを支えるほどの成功を収めた理由とは? - GIGAZINE
- Revisions of "Dockerとはどういったものなのか、めちゃくちゃ丁寧に説明してみる" - Qiita
SEO・マーケティング
デザイン・UI/UX
- 2020年最新版!最近見かけるロゴのデザインに使用されているトレンドのまとめ -2020 Logo Trends | コリス
- Framerにブラウザ版が登場!Figmaとの違いは?改めて特徴をまとめてみた | Web Design Trends
- 2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】 | Web Design Trends
- 最近のWebページでよく使用されているUIコンポーネントをコピペですぐに実装できるコードのまとめ -tailblocks | コリス
- 2020年版:Webデザインの勉強におすすめの本・書籍10冊+α | Web Design Trends
- 2020年6月:デザインの参考にしたいWebサイト10選 | Web Design Trends
- ウェブサイト作成のよくある間違いと解決テクニックまとめ【保存版】 - PhotoshopVIP
- 2020年版:Webデザインの勉強におすすめの本・書籍10冊+α | Web Design Trends