inflearn logo
知識共有
inflearn logo

フロント゚ンド開発のための党知識抂念線

い぀も写経ばかりしおいお䞍安ではありたせんか実装なしで、りェブの動䜜原理ず技術遞定の基準だけを凝瞮したした。基瀎抂念はもちろん、React 19からVite 7たで、2026幎のフロント゚ンドの倧きな展望を描き出したす

32名 が受講䞭です。

難易床 入門

受講期間 無制限

Web Application
Web Application
Architecture
Architecture
Interview
Interview
frontend
frontend
Web Application
Web Application
Architecture
Architecture
Interview
Interview
frontend
frontend

受講埌に埗られるこず

  • ① りェブ動䜜の「党䜓地図」を持぀こずになりたす。

  • ② 2026幎の最新技術トレンドを䞀床にたずめたす。

  • ③ 状況に合わせた「技術遞定基準」が生たれたす。

  • ④ 「蚀葉で説明する」開発者になりたす。

アヌリヌバヌドのお知らせ

スラむドが切り替わる際、話すスピヌドが速すぎる箇所があり、珟圚修正䞭です

残りのセクションも䞊行しお䜜業䞭のため、アップロヌドが遅れおいたす涙

2月10日の倜にアップロヌド予定です



🧭 コヌドを曞く機械はもう終わり 🀖

「機胜は動いおいるけれど なぜ動いおいるのかは自分でも分かりたせん 」 もしかしお、ドキッずしたしたか 😅

毎日次々ず登堎するReact 19、Next.js 16、Vite 7... ただひたすら曞き写すだけの「クロヌンコヌディング」だけでは、絶察に実力は䌞びたせん。

今必芁なのは耇雑なコヌドではなく、これらの技術が䞀䜓䜕で、い぀䜿うべきなのかを的確に教える[ frontend 地図(Map)]です。



🎁 この講矩を聞くず、このようなこずが孊べたす

コヌドは䞀行も曞きたせん。代わりに4぀の栞心的な歊噚を差し䞊げたす

機胜を実装するだけで終わりではありたせん。りェブアプリのパフォヌマンスWeb Vitals、アクセシビリティ、セキュリティ、SEOなど、「察䟡をもらっお働くプロ」なら必ず抌さえおおくべき品質基準を提瀺したす。

「CSRを䜿いたしょうか、SSRを䜿いたしょうか」ずいった挠然ずした悩みはもう終わり。コマヌス vs ダッシュボヌドずいう具䜓的な状況を通じお、自分のプロゞェクトに最適な技術ずアヌキテクチャを遞ぶ力を逊いたす。

React 19、Next.js 16、Vite 7、Tailwind 4など、2026幎1月時点で最もホットな技術の䞻芁な倉曎点ずトレンドを䞀床に敎理したす。叀い講矩はもう受けないでください

アドレスバヌにURLを入力しおから画面が衚瀺されるたでネットワヌク〜レンダリング、目に芋えない堎所で起きおいるすべおの出来事を8぀のレむダヌに分けお完璧に理解したす。面接察策もこれ䞀぀で



こんな方におすすめです。🧐 正盎に蚀っお 今、このような状態ではありたせんか



✅ 䞀぀でも圓おはたるなら、この講矩が正解です。

  • 「文法はわかるけど  ブラりザのレンダリングの仕組みを説明しろず蚀われるず蚀葉に詰たっおしたう」

  • 「゚ラヌが出るず冷や汗が出る。自分のコヌドの問題なのかサヌバヌの問題なのか区別が぀かない」

  • 「React 19, Next.js 16... 新しいバヌゞョンが出るたびに、勉匷するこずを考えるず吐き気がする」

  • 「みんなが䜿っおいるから䜿っおいるけど  『なぜ䜿うんですか』ず聞かれたら蚀葉に詰たる」

ご安心ください。その挠然ずした䞍安、私がスッキリず解決しお差し䞊げたす 👊


🎧 「講矩を聎いおいお耳が痛くなったこず、倚いですよね」

内容も重芁ですが、音が良くないず集䞭できないですよね。だから、私が気合を入れお準備したした。

🎙 AIオヌディオマスタリングMastering完了

最新のAI補正でノむズをきれいに陀去し、声、発音、息遣いを敎えたした。⚡ 2倍速で聎いおも朰れるこずなく、ディクションが耳に突き刺さりたす。忙しいのに、い぀たでゆっくり聎いおいるんですか2倍速で玠早く完走したしょう



この講矩はシリヌズ講矩です他の分野の開発知識も身に぀けたいなら

バック゚ンドのためのすべおの知識講矩も受講しおみおください


受講前のご泚意事項

🛑 受講前に必ずご確認ください

Q. コヌディング実習はありたすか

❌ いいえ この講矩は実習なしで100%抂念ず原理を説明する理論講矩です。ノヌトパ゜コンなしで通勀・通孊䞭に気楜に聎いおいただいおも倧䞈倫です。

Q. 初心者でも受講できたすか

⭕ はい HTML/CSS/JSが䜕であるかを聞いたこずさえあれば十分です。難しい甚語は簡単な比喩を䜿っお分かりやすく説明したす。

Q. Reactの文法を教えおくれたすか

❌ 文法講矩ではありたせん。 ReactやNext.jsを「なぜ䜿い、い぀䜿うべきか」をお教えしたす。文法講矩ず䞀緒に受講すれば、シナゞヌが爆発したす

孊習資料

  • Notionリンクで提䟛いたしたす自習資料ずしお別途アップロヌド予定

事前知識および泚意事項

  • 基本的なJSの知識

  • フロント゚ンド経隓10時間

こんな方に
おすすめです

孊習察象は
誰でしょう

  • 文法の勉匷は終えたけれど、「党䜓像」が掎めない方

  • 溢れかえるフレヌムワヌクの措氎の䞭で、道に迷っおいる方ぞ

  • 「開発甚語」ず「流れ」を玠早く敎理したい方

前提知識、
必芁でしょうか

  • JavaScript、HTML、CSSの基瀎知識

  • フロント゚ンド開発経隓10時間

こんにちは
haeyeomisoです。

はじめたしお

AIずコンピュヌタ工孊の無限の可胜性を探求し、その旅を皆さんず共有したいヘペです。

孊郚時代は「コンピュヌタ工孊䞭毒」ず呌ばれるほど専攻に情熱を泚ぎ、専攻GPA4.4以䞊で銖垭卒業したした。その埌、S倧孊院でAIを専攻しお修士号を取埗し、博士課皋を通じお専門性を深めたした。

しかし、理論的な探究ず同じくらい、珟実䞖界の問題をAIで解決するこずに倧きな魅力を感じ、博士課皋を䞀時䌑孊しおスタヌトアップでAIベヌスのLLMおよびビデオ分析プロゞェクトを経隓し、貎重な実戊経隓を積みたした。

珟圚は囜内トップ3の倧手䌁業の䞀瀟で、LLMプロゞェクトの開発およびPMずしお勀務しおおり、AI技術が私たちの生掻にもたらすポゞティブな倉化を創り出すこずに貢献しおいたす。私がこれたで経隓しおきた悩みや解決のプロセス、そしお珟堎で埗た生きたノりハりを、皆さんに惜しみなくお䌝えしたす。AIずいう興味深い䞖界ぞの旅路においお、心匷いガむドになれるよう努めたす。

お問い合わせ・ご提案haeyeo.open@gmail.com

もっず芋る

カリキュラム

党䜓

28件 ∙ (9時間 9分)

講座掲茉日: 
最終曎新日: 

受講レビュヌ

ただ十分な評䟡を受けおいない講座です。
みんなの圹に立぀受講レビュヌを曞いおください

haeyeomisoの他の講座

知識共有者の他の講座を芋おみたしょう

䌌おいる講座

同じ分野の他の講座を芋おみたしょう

ï¿¥9,756