강의

멘토링

로드맵

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

こんにちは
です。

113

受講生

9

受講レビュー

5

回答

5.0

講座評価

1

講座

안녕하세요.

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

 

📧: official.hajeonghun@gmail.com

カリキュラム

全体

20件 ∙ (1時間 34分)

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

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

受講レビュー

全体

9件

5.0

9件の受講レビュー

  • eddie85님의 프로필 이미지
    eddie85

    受講レビュー 7

    平均評価 5.0

    5

    100% 受講後に作成

    Tôi đã khá bế tắc trong việc tìm cách tiếp cận hay định hình khái niệm, nhưng đã giúp tôi rất nhiều trong việc phác thảo bức tranh tổng thể.

    • hajeonghun
      知識共有者

      Cảm giác choáng ngợp khi mới tiếp cận, tôi thực sự thấu hiểu. Dù vậy, bạn đã theo học đến cùng và việc đó giúp bạn hình dung được bức tranh toàn cảnh, tôi thực sự rất vui! Nếu có bất kỳ khái niệm hay chủ đề nào khác mà bạn cũng thấy khó tương tự, hãy chia sẻ bất cứ lúc nào nhé! Tôi cũng muốn cùng bạn suy nghĩ và chia sẻ dưới dạng tổng hợp thì thật tốt ạ :) Chúng ta hãy cùng nhau phát triển nhé 💪

  • rmsqor49053님의 프로필 이미지
    rmsqor49053

    受講レビュー 2

    平均評価 5.0

    5

    60% 受講後に作成

    • hajeonghun
      知識共有者

      Cảm ơn bạn! Về sau, sẽ đền đáp bằng các bài giảng hữu ích!

  • whybwhy3576님의 프로필 이미지
    whybwhy3576

    受講レビュー 45

    平均評価 4.8

    修正済み

    5

    60% 受講後に作成

    Tôi đã xem bài giảng về động cơ V8 với rất nhiều kỳ vọng ngay từ chương đầu tiên. Ban đầu có một số phần hơi khó hiểu, nhưng khi nhìn vào các từ khóa, tôi đã có thể nắm bắt được chức năng của chúng. Ngay cả khi tôi không hiểu hoàn toàn nội dung, tôi vẫn có thể có được những ý tưởng hay về động cơ V8. So với các ngôn ngữ khác, có những phần mới lạ và truyền cảm hứng, đây là một bài giảng rất hay.

    • hajeonghun
      知識共有者

      Cảm ơn! V8 Engine có những khái niệm phức tạp, nhưng rất hữu ích để hiểu sâu JavaScript, nên tôi rất muốn giới thiệu. Rất mừng khi biết bạn có được nhiều cảm hứng từ ý tưởng và cấu trúc dù chưa hiểu hết. Trong tương lai, tôi sẽ cố gắng chuẩn bị các chủ đề thú vị và thiết thực hơn nữa để hỗ trợ bạn. Cảm ơn bạn vì đánh giá tốt về khóa học 🙏

  • namu1105님의 프로필 이미지
    namu1105

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    Một bài giảng giải thích nội dung ý nghĩa và sâu sắc một cách cô đọng! Đây là bài giảng mà tôi đã chờ đợi! Tôi muốn mua tất cả các bài giảng trong tương lai của bạn. Hãy lấy tiền của tôi!!! Mong thầy giảng thêm nhiều bài nữa!

    • hajeonghun
      知識共有者

      Cảm ơn bạn vì những lời nói tuyệt vời của bạn và tôi rất vinh dự khi bạn thấy bài giảng của tôi hữu ích! Tôi đã cố gắng hết sức để giải thích nhưng nếu có điều gì bạn không hiểu, vui lòng đặt câu hỏi. Cảm ơn bạn đã nghe bài giảng cho đến cuối và tôi sẽ luôn ủng hộ bạn.

  • jkjkjk57106410님의 프로필 이미지
    jkjkjk57106410

    受講レビュー 4

    平均評価 5.0

    5

    100% 受講後に作成

    Cảm ơn bạn đã chia sẻ thông tin mà tôi nghĩ là thực sự quan trọng cần biết.

    • hajeonghun
      知識共有者

      Cảm ơn các bạn rất nhiều vì đã lắng nghe đến cuối🤓

¥3,072

似ている講座

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