【キャッチアップ】「フロントエンドn銃士を連れてきたよ！」



![](https://i.gyazo.com/065529897197069540a9a3de3521fdff.jpg)

# はじめに

「フロントエンドって流れ早い・・・」や「フロントエンドの最新情報をキャッチアップしたい！」という方に向けて本記事を執筆しています。この方々を追えばたいていの最新の情報や楽しいをキャッチアップできるはず。そう、推し活を始めるのです！！


# HTML/CSS界隈

## **CodeMafia　さん**

言わずもがな知られているCodeMafiaさんです。Udemyのフロントエンドのネ申教材としてたいてい紹介されるレベルです。
TwitterではUdemyのクーポンコードの配布や界隈の目玉情報を発信されています。
おすすめはYoutubeです。SSLやTCP/IPなどwebの知識からOAuth,CORS制約などちょっと難しめのことまで解説されています。

[https://twitter.com/codemafia0000](https://twitter.com/codemafia0000)

https://www.youtube.com/@codemafia0000

https://twitter.com/codemafia0000




## ゆうてん　さん

HTMLの神です。また、ウェブアクセシビリティ専門家でもあります。HTMLの有効的な記述方法からタグの定義まで発信されています。
強すぎて正しいHTMLを指摘してくれるリンターまで開発しています。
フロントエンドというよりかは、”マークアップ”について知識をキャッチアップしたい方はTwitterのフォローは必須です。

[https://twitter.com/cloud10designs](https://twitter.com/cloud10designs)

https://markuplint.dev/


## **ウェブアクセシビリティ基盤委員会 さん**

日本におけるウェブアクセシビリティの公的規格であるJIS X 8341-3の理解と普及を促進する活動を行っております。ここでは”アクセシビリティ特化”として紹介させていただきます。
マークアップを掘り下げていくとアクセシビリティの知見深めることは必須でしょう。

[https://twitter.com/waic_jp](https://twitter.com/waic_jp)

https://waic.jp/


## コリス　さん

フロントエンド界隈の攻略サイト（？）といっても過言ではない良質な情報を発信されています。
特にモダンCSS UI/UXについて最新の情報をキャッチアップしたい方におすすめです。

[https://twitter.com/colisscom](https://twitter.com/colisscom)

https://coliss.com/

## CSS Nite さん

ちょっと変わりましてフロントエンド界隈のセミナー・イベントです。
モダンフロントエンドについてオンラインで定期的にセミナー・イベントを行っております。

[https://twitter.com/cssnite](https://twitter.com/cssnite)

https://cssnite.jp/

## dotHTML5　さん

定期的にHTML5/CSS3のニュースやTIPSなどをまとめ、発信されています。ありがたい。
忙しい方はこの方だけでもチェックすると良いと思います。

[https://twitter.com/dotHTML5](https://twitter.com/dotHTML5)

https://dothtml5.com/

## こびと　さん

HTMLやCSS、SVGなどについて発信されています。
特にCSSアニメーションなどクリエイティブなコーディングがつよつよです。

「CSSとSVGってスゲーっ！！」と感化されます。

[https://twitter.com/kobitoCode](https://twitter.com/kobitoCode)

https://zenn.dev/kobito

## **Chrome Developers さん**

webのことを知りたいならもうChromeの開発者さんのお話を聞いちゃいましょう！
主にブラウザのことを発信されていますが、リツイートする投稿がCSS関連が多いので紹介します。最近はスター・◯ォーズのオープニングをCSSで再現した投稿をRTされていました。

[https://twitter.com/ChromiumDev](https://twitter.com/ChromiumDev)

https://web.dev/

# JS/TS/クリエイティブコーディング界隈

## **池田 泰延　さん (ICS MEDIA)**

ESの更新に合わせてモダンJavascriptの発信からWebGLを用いたクリエイティブコーディング、ブラウザの新機能の紹介まで幅広い最新の情報、テクニックを発信されています。フロントエンド界隈の可能性や自由さを知りたい方へ。

[https://twitter.com/clockmaker](https://twitter.com/clockmaker)

https://ics.media/

## CodeMafia さん

二回目です。言わずもがな、多くは語りません。
独習Javascriptという初心者から上級者までおすすめの教材を執筆されています。大変オヌヌメです。

[https://twitter.com/codemafia0000](https://twitter.com/codemafia0000)

https://www.amazon.co.jp/%E7%8B%AC%E7%BF%92JavaScript-%E6%96%B0%E7%89%88-CodeMafia-%E5%A4%96%E6%9D%91-%E5%B0%86%E5%A4%A7/dp/479816027X


## かまぼこ　さん

クリエイティブコーディング、デザインのネ申です。Twitterを見ているだけでおしゃれが伝わってきます。

特にポートフォリオが可愛らしいです。web制作の魅力とはズバリ”これ”。

[https://twitter.com/bokoko33](https://twitter.com/bokoko33)

https://bokoko33.me/

## **STUDIO DETAILS Inc. / スタジオディテイルズ さん**

web制作会社になりますが、魅力的なサイトばかりを作成されています。さながら一種のコンテンツを体験しているかのようです。
webサイトの可能性を見てみたい方へ。

[https://twitter.com/studiodetails](https://twitter.com/studiodetails)

https://www.details.co.jp/



## **Junni (株式会社ジュニ) さん**

同じくweb制作会社のJunniさんです。webGLやCGをゴリゴリ用いて、「力 is Power…」なサイトを作成されています。
見たらビビります。おすすめです。

[https://twitter.com/junni_jp](https://twitter.com/junni_jp)

https://junni.co.jp/

## **SHIFTBRAIN Inc. さん**

Junniさんといい勝負をする「力 is Power…」系列の制作会社さんです。”伝えるデザイン”が第三者にも感じ取れるほど素晴らしいサイトをお作りです。

[https://twitter.com/SHIFTBRAIN](https://twitter.com/SHIFTBRAIN)

https://t.co/P61f4Kvfvi


## **ukonpower さん**

上記Junniさんのグラフィックスの実装を担当されている(?)方です。GLSL界隈を覗きたい方はフォロー必須です。つまり神です。

[https://twitter.com/ore_ukonpower](https://twitter.com/ore_ukonpower)

https://recollection.ukon.dev/

## **Keita Yamada さん**

“才能”を感じるサイトを作られています。クリエイターのためにWebサイトを作る活動をされています。最近ではMiko Pikazoさんのサイトを手掛けられていました。そして料理がうまい。神はどうして二物の才を与えるのだろうか・・・。

[https://twitter.com/P5_keita](https://twitter.com/P5_keita)

https://p5aholic.me/

## **WebGL総本山 さん**

WebGLを用いたグラフィカルなwebサイトを専門としたまとめサイトを運営されています。
クリエイティブコーディングのキャッチアップやデザインのキャッチアップにもおすすめです。

[https://twitter.com/webgl_shz](https://twitter.com/webgl_shz)

https://webgl.souhonzan.org/

## **awwwards. さん**

いわずもがな最強デザインのwebサイトを専門としたまとめサイトを運営されています。
しかしながら、デザインゴリゴリだけではなく、アクセシビリティに考慮したサイトもアワードされているところが、、、好き。

[https://twitter.com/awwwards](https://twitter.com/awwwards)

https://t.co/8ErOpMUeL5

## **エビスコム　さん**

webフレームワークの御曹司。様々な教材を執筆されています。フレームワークの最新の情報というよりは”使う技術”について知りたい方へ。

[https://twitter.com/ebisucom](https://twitter.com/ebisucom)

https://ebisu.com/

## **スタバでMacを開くエンジニア　さん**

テック界のインフルエンサー。ネタ投稿が目立つがしっかりと渋谷でエンジニアをされています。悔しい。特に教材に関しての情報発信が役立ちます。あと、プログラミングの知識で笑かしに来ますのでモチベーションがアップします(?)

[https://twitter.com/MacopeninSUTABA](https://twitter.com/MacopeninSUTABA)

https://knr-profile.com/

## **suin さん**

Typescriptの聖書「サバイバルTypeScript」チームの一人です。

TSの人！と思われるかもしれませんがQiitaではJSやRustなど様々な情報を発信されています。

[https://twitter.com/suin](https://twitter.com/suin)

https://qiita.com/suin

## **うひょ さん**

プロを目指す人のためのTypeScript入門、通称ブルーベリー本を執筆されています。TSだけではなく最近では「TailwindCSSの負債問題」などモダン技術について意見を述べられています。あとスプラトゥーンがお好き。

[https://twitter.com/uhyo_](https://twitter.com/uhyo_)

https://uhy.ooo/

## **Qiita night さん**
ご存知Qiitaさんもカンファレンスを定期的に開催されており、内容は超絶モダンです！もはやフロントエンド関係ありませんが普通におすすめです。

https://www.youtube.com/@qiita5366

# おわりに
※こんな記事を書いていますが私は実務未経験初心者です。新しい物好きが功を奏して執筆しているとでも思ってください。

好き勝手書きすぎましたね。怒られたら消します。