강의

멘토링

커뮤니티

Programming

/

Front-end

早く調べるJavascript V8エンジン

JavaScriptエンジンV8について理解できます! より効率的なコード作成方法のヒントを得ることができます。

  • hajeonghun
최적화
v8
JavaScript
Node.js

学習した受講者のレビュー

受講後に得られること

  • V8エンジンの動作方法と歴史

  • JavaScriptコード実行フロー

  • インライニング、隠しクラス、インラインキャッシュなどの最適化手法

  • コード作成時の最適化のヒント

V8エンジンの動作方式を理解し、

一緒に成長するフロントエンド開発者になります!


Web開発者なら、頻繁に遭遇するChromeブラウザとNode.jsで使用されます

Googleが開発したJavaScriptエンジンです。


こんな方にお役に立てます🤓

🤔もっと良いJavaScript開発者になりたいのですが…

🤗 :JavaScript文法は知っていますが、より良い開発者として生まれ変わるためには、JavaScriptエンジンの動作原理をある程度知っておく必要があります。

私のコードがどのように実行され最適化されているのか理解しておらず、書いたものと理解して書くことには大きな違いがあります。

🤔だからエンジンはなぜ重要なのですか?

🤗 :エンジンがなければ、JavaScript言語は意味がありません。開発者が書いたコードをコンピュータが理解できなくなるからです。

こんな内容を学びます🤩

セクション0.入る前に...

この講義を通じて得点は何(What)があるのか? なぜ(Why)知るべきか?

セクション1. JavaScript V8エンジン

JITコンパイラ、インタプリタ、静的コンパイラについて見て、V8エンジンの動作方法を一緒に学びましょう!
また、V8エンジンが登場した背景と歴史について習得し、他のJavaScriptエンジンであるSpiderMonkeyとJavaScriptCore(JSC)のコンパイラパイプラインを比較してみましょう!

section1.001

セクション2. V8エンジンの最適化戦略 - インライニング

インライニング最適化とはどんなものか調べてみましょう!
また、インライニング最適化を通じてどのような利点があるのか考えてみましょう!

section2.001

セクション3. V8エンジンの最適化戦略 - Hidden Class

JavaScript Object を ECMAScript Spec で定義した型を調べて、オブジェクト内のプロパティへのアプローチを学びましょう。
そして、なぜ隠されたクラスという概念が生まれるのか、またどんな形を持っているのか見て、Transition Chainsを構成する手順を一つずつ一緒に見てみましょう!

section3.001

セクション 4. V8 エンジンの最適化戦略 -インライン キャッシュ (Inline Caches, ICs)

セクション3で隠しクラスについて学びました!

インラインキャッシングが管理している状態(Transition Mark)は、何があるのかを調べ、インラインキャッシングの利点を得るために何に注意する必要があるかを整理する時間を持っています!

section4.001

セクション 5. Hidden Class もう少し調べる

サンプルコードを見て、両方のオブジェクトが同じ隠しクラスを共有しているかどうかを確認するOXクイズ時間があります。
合計6つのクイズを準備してみました。
そしてNode.jsでV8エンジンの組み込み関数を使って同じ隠しクラスか直接比較してみる時間もあります!

section5.001

セクション6.終了...

学んだ概念をもとに、コード作成時の最適化のヒント3つについて学び、講義を終えましょう!

講義を完了しました

こんな方に
おすすめです

学習対象は
誰でしょう?

  • V8エンジンの動作方法が気になった方

  • JavaScriptコードの実行フローを知りたい人

  • 私のコードがどのように最適化されるのか気になった人たち

  • エンジン視点の視野を整えたい方

前提知識、
必要でしょうか?

  • JavaScriptの基本知識

こんにちは
です。

116

受講生

10

受講レビュー

5

回答

5.0

講座評価

1

講座

안녕하세요.

여러 기술과 성능 최적화에 관심이 많은 프론트엔드 개발자입니다.

 

📧: official.hajeonghun@gmail.com

カリキュラム

全体

20件 ∙ (1時間 34分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

10件

5.0

10件の受講レビュー

  • chldntn71905님의 프로필 이미지
    chldntn71905

    受講レビュー 17

    平均評価 5.0

    5

    60% 受講後に作成

    • abcd123123님의 프로필 이미지
      abcd123123

      受講レビュー 327

      平均評価 5.0

      5

      95% 受講後に作成

      • eddie85님의 프로필 이미지
        eddie85

        受講レビュー 7

        平均評価 5.0

        5

        100% 受講後に作成

        どのようにアプローチすべきか、概念をどう捉えるべきか、途方に暮れていましたが、 全体像を描く上で、とても大きな助けとなりました。

        • hajeonghun
          知識共有者

          初めて触れた時は途方に暮れる感じ、本当に共感します。 それでも最後まで受講してくださり、大きな絵を描くのに役立ったとのこと、本当に嬉しいです! もしまた似たような難しい概念やテーマがあれば、いつでも共有してください! 私も一緒に悩み、整理された形で共有できれば良いかと思います :) これからも共に成長しましょう💪

      • rmsqor49053님의 프로필 이미지
        rmsqor49053

        受講レビュー 2

        平均評価 5.0

        5

        60% 受講後に作成

        • hajeonghun
          知識共有者

          ありがとうございます! 今後とも、お役に立てる講義でお応えしてまいります!

      • whybwhy3576님의 프로필 이미지
        whybwhy3576

        受講レビュー 45

        平均評価 4.8

        修正済み

        5

        60% 受講後に作成

        V8エンジンの講義があると聞いて、最初から期待して見ました。 最初は少し難しい部分もありましたが、 キーワードを見るとどんな機能なのか把握できました。 内容を完全に理解できなくても、V8エンジンの良いアイデアを得ることができました。他の言語と比較して斬新な部分もあり、インスピレーションを与えてくれる 良い講義でした。

        • hajeonghun
          知識共有者

          ありがとうございます! V8エンジンは多少複雑な概念も含まれますが、それだけJavaScriptを深く理解する上で非常に役立つ分野なので、ぜひご紹介したかったのです。 完璧に理解していなくても、アイデアと構造だけでも多くのインスピレーションを得られたとのこと、本当に嬉しいです。 今後も興味深く実用的なテーマでお役に立てるよう、さらに準備を進めてまいります。良いご受講評価ありがとうございます 🙏

      期間限定セール、あと8日日で終了

      ¥14

      27%

      ¥3,217

      似ている講座

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