inflearn logo
inflearn logo

フロントエンド開発のための全知識(概念編)

いつも写経ばかりしていて不安ではありませんか?実装なしで、ウェブの動作原理と技術選定の基準だけを凝縮しました。基礎概念はもちろん、React 19からVite 7まで、2026年のフロントエンドの大きな展望を描き出します!

14名 が受講中です。

難易度 入門

受講期間 無制限

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アプリのパフォーマンス(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

もっと見る

カリキュラム

全体

20件 ∙ (6時間 24分)

講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

似ている講座

同じ分野の他の講座を見てみましょう!

期間限定セール

¥36

38%

¥9,429