# 「フロントエンドの情報収集/学習方法」を語るフロントエンドTechCafe

### 1. よくみるサイト

1. 公式系
* [Vue.js](https://jp.vuejs.org/index.html)☆岡山
* [Vuetify](https://vuetifyjs.com/en/)☆岡山
* [Testing Library](https://testing-library.com/)☆岡山
* [MDN](https://developer.mozilla.org/en-US/)
* [TypeScript](https://www.typescriptlang.org/)
1. テックブログ系
* [企業テックブログRSS](https://yamadashy.github.io/tech-blog-rss-feed/)
* [ラクス テックブログ](https://tech-blog.rakus.co.jp/)☆岡山
* [ラクス フロントエンドチーム note](https://note.com/rakus_fe/m/m653605948abe)☆岡山
* [Yahoo](https://techblog.yahoo.co.jp/)
* [メルカリ](https://engineering.mercari.com/)
* [LINE](https://engineering.linecorp.com/ja/blog/)
1. ニュース系
* [Gigazine](https://gigazine.net/)
* [ITmedia](https://www.itmedia.co.jp/)
* [日経新聞テック](https://www.nikkei.com/technology/)
* [日経クロステックIT](https://xtech.nikkei.com/top/it/)
1. その他
* [DEV](https://dev.to/)
* 海外の技術情報のコミュニティサイト
* [TC39](https://tc39.es/ja/)
* ECMAScriptの仕様を定義しているグループ。現在仕様の改善や検討を行っている機能を確認できる
* [web.dev](https://web.dev/)☆亀ノ上
* Googleが運営する学習サイト。ブログも運営している。
* [CSS { In Real Life } ](https://css-irl.info/)
* Michelle Barker氏の個人ブログ。CSSに関する情報がまとめられている。
* [coliss](https://coliss.com/)☆亀ノ上
* HTML,CSS,JavaScriptからデザイン関連の情報まで、主にWebデザイナーまわりの最新の技術がよく紹介されている。
* [CSS-TRICKS](https://css-tricks.com/)☆亀ノ上
* 海外のCSSに関するコミュニティサイト
* [HTML Living Standard](https://html.spec.whatwg.org/)
* HTMLの仕様を検討・策定しているグループ
* [SMASHING MAGAZINE](https://www.smashingmagazine.com/)
* 海外の技術情報のコミュニティサイト。内容は主にWebデザイナーまわり。
* [web-platform-tests dashboard](https://wpt.fyi/results/?label=experimental&label=master&aligned)
* Webブラウザの相互運用性を高める取り組み。実装予定の機能に関する現在のテスト状況が確認できる。
* [Bram.us](https://www.bram.us/)☆亀ノ上
* Bramus Van Damme氏の個人ブログ。CSSの記事をよくチェックするが、ブログの内容はフロントエンドまわりについて。
* [Ahmad Shadeed](https://ishadeed.com/)☆亀ノ上
* Ahmad Shadeed氏の個人ブログ。CSSのユースケースについて非常に多く投稿されている。
* [サバイバルTypeScript](https://typescriptbook.jp/)
* [Can I use...](https://caniuse.com/)
* [Qiita](https://qiita.com/)
* [Zenn](https://zenn.dev/)
* [stackoverflow](https://stackoverflow.com/)
* [JSer.info](https://jser.info/)
* [ITmedia](https://www.itmedia.co.jp/)
* [TechFeed](https://techfeed.io/categories/all)

### 2. 音声メディア

* [UIT INSIDE](https://uit-inside.linecorp.com/)☆岡山
* 当時[こちら](https://uit-inside.linecorp.com/episode/90)を聞いてesbuild,swc,Vite,Snowpack...に興味を持った

### 3. フォローしているアカウント

* [ぷーじ](https://twitter.com/YuG1224)
* [TAK](https://twitter.com/tak_dcxi)
* [CSS Basics](https://twitter.com/cssbasics)
* [Friday Front-End](https://twitter.com/fridayfrontend)
* [鹿野 壮](https://twitter.com/tonkotsuboy_com)
* [うひょ](https://twitter.com/uhyo_)
* [araya](https://twitter.com/arayaryoma)
* [Mia](https://twitter.com/TerribleMia)
* [池田 泰延](https://twitter.com/clockmaker)
* [Jen Simmons](https://twitter.com/jensimmons)
* [technews](https://twitter.com/technews4869)

### 4. コミュニティ

* [vuejs-jp](https://vuejs-jp.slack.com/join/shared_invite/zt-vmg3iysl-~CPGAxFMWwa0Fnu2IqtMdQ#/shared-invite/email)
* [gitlab-jp](https://gitlab-jp.herokuapp.com/)
* [ng-japan](https://ng-japan.slack.com/join/shared_invite/enQtNzA2OTI3NTU4NDMyLTFmMTgzYjA1NGEzYTZmNTA4MGU0NjNjMDQ2ZjkxNzExM2Y3ZjVlYjVkNDA3ODBkOWVhNGRkYzNhNjMwZTU2ZTI#/shared-invite/email)
* [Vuetify](https://discord.com/invite/s93b7Fv)☆岡山
* Vuetify3の進捗が気になってよく見てる
* [Next.js](https://discord.com/invite/nextjs)
* [Nuxt.js](https://discord.com/invite/ps2h6QT)
* [Cloudflare Developers](https://discord.com/invite/cloudflaredev)
* [Remix](https://discord.com/invite/remix)

### 5. メーリス登録
* [Frontend Focus](https://frontendfoc.us/)☆亀ノ上
* （海外）フロントエンドに関する最新ニュース。週一。
* [過去のニュース一覧](https://frontendfoc.us/issues)
* [TECHFEED](https://techfeed.io/)☆亀ノ上
* テクノロジーに特化した情報プラットフォーム。自身に興味のある分野について情報を受取ることが可能。海外記事は自動翻訳される。
* [blink-dev](https://groups.google.com/a/chromium.org/g/blink-dev)☆亀ノ上
* chromiumのレンダリングエンジンBlinkに関するGoogleグループ。Blinkの機能や仕様について議論されていて、最新の情報を取得できる。投稿があるとメール通知されるのでメールの量は多くなる。

### 6. その他

* Githubリポジトリのissueやプルリクとか
* なにもしてないのにある日急にアプリがハングった話☆岡山
* latest指定でCDNからMaterial Design Iconsを取得していた
* https://github.com/Templarian/MaterialDesign-Webfont/issues/84
* https://github.com/nuxt-community/vuetify-module/issues/496
* VuetifyやNuxtのコミュニティでもちょっとだけ話題になっていた
* [bugs.chromium.org](https://bugs.chromium.org/p/chromium/issues/list)
* [WebKit Bugzilla](https://bugs.webkit.org/)☆岡山
* iOS15がリリースされたから動作確認したらデザインが崩れてた話
* 既存実装の修正も必要＋Safari側のバグ
* https://bugs.webkit.org/show_bug.cgi?id=232543
* こちら側の緊急度もあまり高くない、かつそう遠くない未来のiOS15.2で修正されるらしいということで待つという判断ができた
* 直近で収集したニュース
* [:has()のユースケース](https://ishadeed.com/article/css-has-parent-selector/)☆亀ノ上
* [CSS Toggles](https://toggles.oddbird.net/)☆亀ノ上
* [dialogタグ](https://web.dev/building-a-dialog-component/)☆亀ノ上
* [Container Queries](https://groups.google.com/a/chromium.org/g/blink-dev/c/gwzxnTJDLJ8)☆亀ノ上
* [コリス](https://coliss.com/articles/build-websites/operation/css/about-css-container-queries.html)
* [Ahmad氏のブログ](https://ishadeed.com/article/say-hello-to-css-container-queries/)