강의

멘토링

커뮤니티

Programming

/

Front-end

早く調べるJavascript V8エンジン

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

難易度 初級

受講期間 無制限

  • hajeonghun
JavaScript
JavaScript
Node.js
Node.js
v8
v8
JavaScript
JavaScript
Node.js
Node.js
v8
v8

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

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

5.0

5.0

무지55

100% 受講後に作成

いつか勉強しようと思っていたものの、ずるずると先延ばしにしていたv8エンジンについて、簡単に理解でき、今後の学習にも負担を感じない程度に満足できる講義

5.0

eddie

100% 受講後に作成

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

5.0

아무도_모를_아이디

60% 受講後に作成

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

受講後に得られること

  • 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の基本知識

こんにちは
です。

119

受講生

10

受講レビュー

5

回答

5.0

講座評価

1

講座

こんにちは。

様々な技術とパフォーマンスの最適化に関心が高いフロントエンド開発者です。

📧: official.hajeonghun@gmail.com

カリキュラム

全体

20件 ∙ (1時間 34分)

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

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

受講レビュー

全体

10件

5.0

10件の受講レビュー

  • muzi55님의 프로필 이미지
    muzi55

    受講レビュー 6

    平均評価 4.3

    5

    100% 受講後に作成

    いつか勉強しようと思っていたものの、ずるずると先延ばしにしていたv8エンジンについて、簡単に理解でき、今後の学習にも負担を感じない程度に満足できる講義

    • chldntn71905님의 프로필 이미지
      chldntn71905

      受講レビュー 22

      平均評価 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
            知識共有者

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

        ¥3,137

        似ている講座

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