Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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の基本知識

こんにちは
です。

106

受講生

7

受講レビュー

5

回答

5.0

講座評価

1

講座

안녕하세요.

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

 

📧: official.hajeonghun@gmail.com

カリキュラム

全体

20件 ∙ (1時間 34分)

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

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

受講レビュー

全体

7件

5.0

7件の受講レビュー

  • eddie85님의 프로필 이미지
    eddie85

    受講レビュー 7

    平均評価 5.0

    5

    100% 受講後に作成

    I was lost on how to approach or conceptualize, It greatly helped in visualizing the overall big picture.

    • hajeonghun
      知識共有者

      That initial overwhelming feeling, I truly empathize. Still, I'm so glad you finished the course and it helped you grasp the big picture! If any other concepts or topics were similarly tough, please share anytime! I'd like to work through them together and share in a clear format :) Let's keep growing together! 💪

  • rmsqor49053님의 프로필 이미지
    rmsqor49053

    受講レビュー 2

    平均評価 5.0

    5

    60% 受講後に作成

    • hajeonghun
      知識共有者

      Thank you! I'll keep providing helpful lectures in return!

  • whybwhy3576님의 프로필 이미지
    whybwhy3576

    受講レビュー 43

    平均評価 4.8

    修正済み

    5

    60% 受講後に作成

    I was excited to start watching the V8 engine lecture from the very first chapter. At first, there were some difficult parts, but I was able to catch on to what the functions were by looking at the keywords. Even if I didn't fully understand the content, I was able to get some good ideas about the V8 engine. It was a great lecture that was inspiring because there were novel aspects compared to other languages.

    • hajeonghun
      知識共有者

      Thank you! The V8 engine, while involving somewhat complex concepts, is also an area that greatly helps in deeply understanding JavaScript, which is why I really wanted to introduce it. I'm truly happy that you gained much inspiration just from the ideas and structure, even if you didn't fully understand it. I will continue to prepare more so that I can assist you with interesting and practical topics in the future. Thank you for the kind course review 🙏

  • namu1105님의 프로필 이미지
    namu1105

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    A lecture that compactly explains rich and deep content! This is a lecture I've really been waiting for! I want to buy all the lectures you give in the future. take my money!!! Please give me more lectures!

    • hajeonghun
      知識共有者

      Thank you for your wonderful words, and I am honored that you found my lecture helpful! I tried to explain as much as possible, but if there is anything you did not understand, please feel free to ask questions. Thank you for listening to the end of the lecture, and I will always support you.

  • jkjkjk57106410님의 프로필 이미지
    jkjkjk57106410

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    Thank you for sharing what I think is really important information.

    • hajeonghun
      知識共有者

      I am the one who is grateful for listening to the end🤓

¥3,030

似ている講座

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