강의

멘토링

커뮤니티

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

受講生

9

受講レビュー

5

回答

5.0

講座評価

1

講座

안녕하세요.

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

 

📧: official.hajeonghun@gmail.com

カリキュラム

全体

20件 ∙ (1時間 34分)

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

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

受講レビュー

全体

9件

5.0

9件の受講レビュー

  • 최우수님의 프로필 이미지
    최우수

    受講レビュー 17

    平均評価 5.0

    5

    60% 受講後に作成

    • ADK123님의 프로필 이미지
      ADK123

      受講レビュー 325

      平均評価 5.0

      5

      95% 受講後に作成

      • eddie님의 프로필 이미지
        eddie

        受講レビュー 7

        平均評価 5.0

        5

        100% 受講後に作成

        어떻게 접근할지, 개념을 어떻게 잡아야 할지 막막함이 있었는데, 전반적인 큰 그림을 그리는데 많은 도움이 되었습니다.

        • 하정훈
          知識共有者

          처음 접할 때 막막한 느낌, 정말 공감됩니다. 그래도 끝까지 수강해주시고, 큰 그림을 그리는 데 도움이 되었다니 정말 기쁩니다! 혹시 또 비슷하게 어려웠던 개념이나 주제가 있다면 언제든 공유해주세요! 저도 함께 고민하고, 정리된 형태로 나누면 좋을 것 같아요 :) 앞으로도 함께 성장해요💪

      • QWER님의 프로필 이미지
        QWER

        受講レビュー 2

        平均評価 5.0

        5

        60% 受講後に作成

        • 하정훈
          知識共有者

          감사합니다! 앞으로도 도움 되는 강의로 보답하겠습니다!

      • 아무도_모를_아이디님의 프로필 이미지
        아무도_모를_아이디

        受講レビュー 45

        平均評価 4.8

        修正済み

        5

        60% 受講後に作成

        V8 엔진 강의가 있어서 첫장부터 기대 하면서 봤습니다. 처음엔 조금 어려운 부분이 있었는데요 키워드를 보니 어떤 기능인지 캐치 할 수 있었습니다. 내용을 완전히 이해 하지 못해도 V8 엔진의 좋은 아이디어를 얻을 수 있었습니다. 다른 언어와 비교하여 신박한 부분도 있어서 영감을 주는 좋은 강의 였습니다.

        • 하정훈
          知識共有者

          감사합니다! V8 엔진은 다소 복잡한 개념도 있지만, 그만큼 자바스크립트를 깊이 이해하는 데 큰 도움이 되는 영역이라 꼭 소개하고 싶었습니다. 완벽히 이해하지 않아도 아이디어와 구조만으로도 많은 영감을 얻으셨다니 정말 기쁩니다. 앞으로도 흥미롭고 실용적인 주제로 도움 드릴 수 있도록 더 준비해보겠습니다. 좋은 수강평 감사합니다 🙏

      ¥3,174

      似ている講座

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