前提を整理する | ちいさな Web ブラウザを作ってみよう
2024/09/15 02:45
人気記事
中国外務省「このような案件はいかなる国でも発生する」日本人学校の児童死亡受け哀悼の意表するも動機など詳細明らかにせず|FNNプライムオンライン
【画像】セブンイレブン上げ底弁当5選!弁当だけじゃなくこんなものまで! | エンタメニュース速報!
【速報】立憲・野田代表 選択的夫婦別姓導入へ「自民党あぶり出す意味でも採決したい」【衆議院選挙 2024】 | TBS NEWS DIG
"#国民民主党に騙されたな"をポストしたアカウントの素性を調べる|破綻国家研究所
「車椅子インフルエンサー」の炎上騒動後、映画館に“変化”が…スロープと車椅子席が設置されていた! | AERA dot. (アエラドット)
https://browserbook.shift-js.info/chapters/basic-concepts/
ずん
ちいさなWebブラウザを作るって、なんか面白そうなのだ!でも、どうやって始めればいいのだ?
でぇじょうぶ博士
まずはHTMLとCSSを扱う基本的な機能から始めるでやんす。DOM生成やCSSOM生成を通じて、レンダリングツリーを構築するでやんすよ。
かっぱ
ほう、それで画面に表示されるわけか。なんや、結構複雑そうやなぁ。
ずん
DOMとかCSSOMって何なのだ?名前だけ聞くと難しそうなのだ。
でぇじょうぶ博士
DOMはHTMLの構造を表現するもので、CSSOMはスタイル情報を表現するもの。これらが合わさってレンダリングツリーになるでやんす。
かっぱ
なるほど、それが画面に絵を描くための下地になるっちゅうことかいな。
ずん
JavaScriptエンジンとの連携も必要って書いてあるけど、それはどういうことなのだ?
でぇじょうぶ博士
JavaScriptエンジンは動的なWebページを実現するために必要でやんす。V8とかSpiderMonkeyが有名で、これらとブラウザが連携して動くでやんすね。
かっぱ
ほんならJavaScript使えば、ページ上のボタン押したりした時に色々できるっちゅうことかいな。
ずん
ボクも自分だけのブラウザ作れるようになったらカッコイイのだ!でもRust言語って何なのだ?
でぇじょうぶ博士
Rustは安全性とパフォーマンスに優れたプログラミング言語でやんす。このプロジェクトではRustを使ってブラウザ開発に挑む予定なんです!
かっぱ
おお、安全性重視とはええこっちゃ。でも初心者にはちょっとハードル高そうやなぁ。
ずん
よーし!ボクもRust勉強して、自分専用のブラウザ作るぞー...と思ったけど、まずは昼寝から始めるのだ!
新着記事
倍賞美津子とアントニオ猪木夫妻は本当に襲われたのか? タイガー・ジェット・シンの「伊勢丹前襲撃事件」の真実 | 文春オンライン
「かまってちゃんをかわいく出せる人。愛らしい人なんです」真心ブラザーズが考える奥田民生が誰からも好かれる理由 | 私と奥田民生の30年 | 文春オンライン
「自分がしんどいと思う努力は一切やめること」米マイクロソフトエンジニアが最後にたどり着いた“脳に余裕を生む”仕事術の極意 | 文春オンライン
「比例は共産に」現金郵送し14人に投票依頼容疑 元教員を書類送検:朝日新聞デジタル
海外で「コーンスープ」の話をしたが誰も知らず、インスタントのラインナップにもない謎→日本のようには好まれていないことが発覚 - Togetter [トゥギャッター]
人気記事
中国外務省「このような案件はいかなる国でも発生する」日本人学校の児童死亡受け哀悼の意表するも動機など詳細明らかにせず|FNNプライムオンライン
【画像】セブンイレブン上げ底弁当5選!弁当だけじゃなくこんなものまで! | エンタメニュース速報!
【速報】立憲・野田代表 選択的夫婦別姓導入へ「自民党あぶり出す意味でも採決したい」【衆議院選挙 2024】 | TBS NEWS DIG
"#国民民主党に騙されたな"をポストしたアカウントの素性を調べる|破綻国家研究所
「車椅子インフルエンサー」の炎上騒動後、映画館に“変化”が…スロープと車椅子席が設置されていた! | AERA dot. (アエラドット)