Startedを読むと、このような文章があります。React.意訳をすると「Reactを習得したかったら、JavaScriptも並行して学習してね!」と言ったところでしょうか。いうことでReactの学習を意識しつつ、JavaScriptの学習も進めていきましょう。今回はReactDOMとWindowオブジェクトについて紹介します。World!”ですが、ご多分にもれずReactでも紹介されています。document.getElementById('root'));1行目の”ReactDOM”に注目しましょう。ReactのメソッドはすべてReactDOMに基づいています。ReactDOMで使えるメソッドは公式ドキュメントで紹介されています。ReactDOMのデバッグconsole.log(ReactDOM);“ReactDOM”でデバッグすると、ReactDOMで使えるメソッドが表示されます。WindowオブジェクトJavaScriptにはReactのReactDOMとよく似た概念として、Windowオブジェクトという概念があります。Windowオブジェクトはクライアントサイド(ブラウザ)におけるトップレベルのオブジェクトです。Windowオブジェクトのdocumentプロパティについてただし、クライアントサイドのJavaScriptを学習するときは、Windowオブジェクトの1つ下に位置するdocumentプロパティに基づいて学習します。window.document.getElementById('msg');クライアントサイドのJavaScriptを学習していると、上記のような表現が頻出します。このコードでは”msg”というid要素を変数eに格納しています。documentプロパティを記述するときは”window”の記述が省略可能です。document.getElementById('msg');という記述でも同じ表現になります。どちらかというと、”window.document”よりも”document”という表現の方がよく見かける記述なので覚えておきましょう。document(window.document)のデバッグconsole.log(document);console.log(window.document);“document”または”window.document”でデバッグをすると、ブラウザの要素全体が取得されます。検索検索なかの人Webサービス開発者&ドットインストール学習者&個人事業主&ねこ。