CINXE.COM

<!DOCTYPE html><html lang="ja" data-theme-enabled="1"><head><script>window.currentUser = null;</script><script>window.shopCurrency = "EUR";</script><script>window.localCurrency = "JPY";</script><script>window.countryCode = "de";</script><script>window.rateShopTo = {"JPY":162.38331879775942,"EUR":1,"USD":1.0874494200088518,"AMD":424.1827578369761};</script><title itemprop="name">現代の JavaScript チュートリアル</title><link href="/pack/styles.67c491fae690f87b1f9f.css" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="google" content="notranslate"><script>if (window.devicePixelRatio > 1) document.cookie = 'pixelRatio=' + window.devicePixelRatio + ';path=/;expires=Tue, 19 Jan 2038 03:14:07 GMT';</script><link href="//fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic" rel="stylesheet"><link rel="apple-touch-icon-precomposed" href="/img/favicon/apple-touch-icon-precomposed.png"><link rel="canonical" href="https://ja.javascript.info/"><meta name="msapplication-TileColor" content="#222A2C"><meta name="msapplication-TileImage" content="/img/favicon/tileicon.png"><link rel="icon" href="/img/favicon/favicon.png"><meta itemprop="image" content="https://ja.javascript.info/img/site_preview_en_512x512.png"><meta property="og:title" content="現代の JavaScript チュートリアル"><meta property="og:image" content="https://ja.javascript.info/img/site_preview_en_1200x630.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="fb:admins" content="100001562528165"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="現代の JavaScript チュートリアル"><meta name="twitter:site" content="@iliakan"><meta name="twitter:creator" content="@iliakan"><meta name="twitter:image" content="https://ja.javascript.info/img/site_preview_en_512x512.png"><meta name="google-adsense-account" content="ca-pub-6204518652652613"><script data-collect-dnt="true" async src="https://scripts.simpleanalyticscdn.com/latest.js"></script><script>window.GA_ID = "UA-2056213-15";</script><script>window.YANDEX_METRIKA_ID = 32184394;</script><script>{function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-2LWB61WGYJ")}</script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-2LWB61WGYJ"></script><script>window.metrika={reachGoal:function(){}},window.yandex_metrika_callbacks=[function(){try{window.metrika=new Ya.Metrika({id:YANDEX_METRIKA_ID,webvisor:!0,clickmap:!0,params:{user:window.currentUser&&window.currentUser.id}}),metrika.trackLinks({delay:150}),window.addEventListener("error",function(r){window.metrika.reachGoal("JSERROR",{src:(r.filename||r.errorUrl)+": "+(r.lineno||r.errorLine),stack:r.stack||r.error&&r.error.stack,message:r.message})})}catch(r){}}];</script><script src="//mc.yandex.ru/metrika/watch.js" async></script><script>window.RECAPTCHA_ID = "6LfmLAEVAAAAAJMykMnf7aY8nkyTRmYi2ynx51R1";</script><script src="/pack/init.9d0331bb294e70c56db9.js"></script><script src="/pack/head.3c336e1939c677aeed65.js" defer></script><script src="/pack/tutorial.2da25d21c2b13cad643f.js" defer></script><script src="/pack/frontpage.53fdd55c246fdca54161.js" defer></script><link href="/pack/frontpage.b21d511c1d4a1a64f9b6.css" rel="stylesheet"><meta name="description" content="現代の JavaScript チュートリアル: クロージャ、ドキュメント、イベント、オブジェクト指向プログラミングなどを含む、サンプルとタスクを使ったシンプルで詳細な説明です。"><script src="/pack/footer.4d7a62439a3935a4745e.js" defer></script></head><body class="no-icons"><script>window.fontTest();</script><div class="page-wrapper"><div class="sitetoolbar"><div class="sitetoolbar__content"><div class="sitetoolbar__lang-switcher"><button class="sitetoolbar__dropdown-button" data-dropdown-toggler>JA</button><div class="sitetoolbar__dropdown-wrap"><div class="sitetoolbar__dropdown-body"><div class="sitetoolbar__lang-switcher-body"><div class="supported-langs supported-langs_toolbar"><div class="supported-langs__container"><ul class="supported-langs__list" style="height:200px"><li class="supported-langs__item"><a class="supported-langs__link" href="https://ar.javascript.info/"><span class="supported-langs__brief">AR</span><span class="supported-langs__title">عربي</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://javascript.info/"><span class="supported-langs__brief">EN</span><span class="supported-langs__title">English</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://es.javascript.info/"><span class="supported-langs__brief">ES</span><span class="supported-langs__title">Español</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://fa.javascript.info/"><span class="supported-langs__brief">FA</span><span class="supported-langs__title">فارسی</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://fr.javascript.info/"><span class="supported-langs__brief">FR</span><span class="supported-langs__title">Français</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://id.javascript.info/"><span class="supported-langs__brief">ID</span><span class="supported-langs__title">Indonesia</span></a></li></ul><ul class="supported-langs__list" style="height:200px"><li class="supported-langs__item"><a class="supported-langs__link" href="https://it.javascript.info/"><span class="supported-langs__brief">IT</span><span class="supported-langs__title">Italiano</span></a></li><li class="supported-langs__item supported-langs__item_current"><a class="supported-langs__link" href="https://ja.javascript.info/"><span class="supported-langs__brief">JA</span><span class="supported-langs__title">日本語</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://ko.javascript.info/"><span class="supported-langs__brief">KO</span><span class="supported-langs__title">한국어</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://learn.javascript.ru/"><span class="supported-langs__brief">RU</span><span class="supported-langs__title">Русский</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://tr.javascript.info/"><span class="supported-langs__brief">TR</span><span class="supported-langs__title">Türkçe</span></a></li><li class="supported-langs__item"><a class="supported-langs__link" href="https://uk.javascript.info/"><span class="supported-langs__brief">UK</span><span class="supported-langs__title">Українська</span></a></li></ul><ul class="supported-langs__list" style="height:20px"><li class="supported-langs__item"><a class="supported-langs__link" href="https://zh.javascript.info/"><span class="supported-langs__brief">ZH</span><span class="supported-langs__title">简体中文</span></a></li></ul></div><div class="supported-langs__text">私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に<a href="https://javascript.info/translate#help" rel="noopener noreferrer" target="_blank">翻訳するのを手伝って</a>ください。</div></div></div></div></div></div><div class="sitetoolbar__logo-wrap"><a class="sitetoolbar__link sitetoolbar__link_logo" href="/"><img class="sitetoolbar__logo sitetoolbar__logo_normal" src="/img/sitetoolbar__logo_en.svg" width="200" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_normal sitetoolbar__logo_dark" src="/img/sitetoolbar__logo_en-white.svg" width="200" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_small" src="/img/sitetoolbar__logo_small_en.svg" width="70" alt="" role="presentation"/><img class="sitetoolbar__logo sitetoolbar__logo_small sitetoolbar__logo_dark" src="/img/sitetoolbar__logo_small_en-white.svg" width="70" alt="" role="presentation"/><script>Array.prototype.forEach.call(document.querySelectorAll("img.sitetoolbar__logo"),function(e){let t=document.createElement("object");t.type="image/svg+xml",t.className=e.className,t.style.cssText="left:0;top:0;position:absolute",t.onload=function(){t.onload=null,e.style.visibility="hidden"},t.data=e.src,e.parentNode.insertBefore(t,e)});</script></a></div><div class="sitetoolbar__nav-toggle-wrap"><button class="sitetoolbar__nav-toggle" type="button"></button></div><nav class="sitetoolbar__sections"><ul class="sitetoolbar__sections-list"></ul></nav><div class="sitetoolbar__right-button-wrap"><a class="sitetoolbar-right-button sitetoolbar-right-button_courses" href="/ebook"><span class="sitetoolbar-right-button__extra-text">購入する</span>EPUB/PDF</a></div><div class="sitetoolbar__theme-switcher"><div class="theme-changer"><label class="theme-changer__label" for="theme-changer-input" data-tooltip="Change theme"><input class="theme-changer__input" type="checkbox" id="theme-changer-input" data-theme-changer="data-theme-changer"/><span class="theme-changer__icon theme-changer__icon_light-theme"></span><span class="theme-changer__icon theme-changer__icon_dark-theme"></span></label></div></div><div class="sitetoolbar__search-wrap"><div class="sitetoolbar__search-content"><button class="sitetoolbar__search-toggle" type="button"></button><form class="sitetoolbar__search" method="GET" action="/search"><div class="sitetoolbar__search-input"><div class="text-input"><input class="text-input__control" name="query" placeholder="チュートリアル内を検索" required="required" type="text"/></div><button class="sitetoolbar__find" type="submit">検索</button></div></form></div></div></div><div class="tablet-menu"><div class="tablet-menu__line"><div class="tablet-menu__content"><form class="tablet-menu-search" action="/search/"><input class="tablet-menu-search__input" type="search" name="query" placeholder="チュートリアル内を検索" required="required"/><button class="tablet-menu-search__button" type="submit" name="type" value="articles">検索</button></form></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><a class="map" href="/tutorial/map" data-action="tutorial-map"><span class="map__text">チュートリアルマップ</span></a></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><div class="theme-changer theme-changer_tablet-menu theme-changer_has-label"><label class="theme-changer__label" for="theme-changer-input-tablet" data-tooltip="Change theme"><input class="theme-changer__input" type="checkbox" id="theme-changer-input-tablet" data-theme-changer="data-theme-changer"/><span class="theme-changer__icon theme-changer__icon_light-theme"></span><span class="theme-changer__icon theme-changer__icon_dark-theme"></span><span class="theme-changer__label-text theme-changer__label-text_light-theme">Light theme</span><span class="theme-changer__label-text theme-changer__label-text_dark-theme">Dark theme</span></label></div></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><div class="share-icons"><span class="share-icons__title">シェア</span><a class="share share_tw" href="https://twitter.com/share?url=https%3A%2F%2Fja.javascript.info%2F" rel="nofollow"></a><a class="share share_fb" href="https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Fja.javascript.info%2F" rel="nofollow"></a></div></div></div><div class="tablet-menu__line"><div class="tablet-menu__content"><select class="tablet-menu__nav input-select input-select input-select_small" onchange="if(this.value) window.location.href=this.value"><option value="https://ar.javascript.info/">عربي</option><option value="https://javascript.info/">English</option><option value="https://es.javascript.info/">Español</option><option value="https://fa.javascript.info/">فارسی</option><option value="https://fr.javascript.info/">Français</option><option value="https://id.javascript.info/">Indonesia</option><option value="https://it.javascript.info/">Italiano</option><option value="https://ja.javascript.info/" selected>日本語</option><option value="https://ko.javascript.info/">한국어</option><option value="https://learn.javascript.ru/">Русский</option><option value="https://tr.javascript.info/">Türkçe</option><option value="https://uk.javascript.info/">Українська</option><option value="https://zh.javascript.info/">简体中文</option></select></div></div></div></div><div class="page page_contains_header"><script>if(localStorage.noSidebar){document.querySelector(".page").classList.remove("page_sidebar_on");let e=document.querySelector(".page-wrapper");e&&e.classList.remove("page-wrapper_sidebar_on")}setTimeout(function(){document.querySelector(".page").classList.add("page_sidebar-animation-on")});</script><div class="frontpage-banner"><div class="frontpage-banner__inner"><div class="frontpage-banner__info"><div class="frontpage-banner__col"><h1 class="frontpage-banner__title">現代の JavaScript チュートリアル</h1><p class="frontpage-banner__text frontpage-banner__text_lg">現在どのように行われているか。基本から高度なトピックまで、シンプルで詳細な説明をします。</p><form class="frontpage-search" action="/search/"><div class="text-input text-input_big"><input class="text-input__frontpage-search__input text-input__control" type="search" name="query" placeholder="チュートリアル内を検索" required="required"/></div><button class="frontpage-search__button button button_action button_big" type="submit" name="type" value="article">検索</button></form></div><div class="frontpage-banner__col"><div class="frontpage-banner__updated-at">最終更新日2025年3月15日</div><div class="frontpage-banner__list"><a class="frontpage-banner__list-item" href="/ebook"><i class="frontpage-banner__buy-ebook"></i><span>購入する</span><span>EPUB/PDF</span></a><div class="frontpage-banner__list-item"><div class="frontpage-share"><span class="frontpage-share__title">シェア:</span><a class="frontpage-share__icon frontpage-share__icon_tw" href="https://twitter.com/share?url=https%3A%2F%2Fja.javascript.info%2F" rel="nofollow"></a><a class="frontpage-share__icon frontpage-share__icon_fb" href="https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Fja.javascript.info%2F" rel="nofolllow"></a></div></div><a class="frontpage-banner__list-item github" href="https://github.com/javascript-tutorial/ja.javascript.info/tree/master"><span class="frontpage-banner__count">420 ★</span><span class="frontpage-banner__text">github</span></a><a class="frontpage-banner__list-item discord" href="https://discord.gg/AuEWpFkfD4"><i class="frontpage-banner__discord"></i><span>Discord Chat (English)</span></a></div></div></div><div class="frontpage-banner__sub"><h2 class="frontpage-banner__subtitle">目次</h2><p class="frontpage-banner__text">メインのコースには、プログラミング言語としての JavaScript とブラウザでの動作を説明する 2 つのパートを含んでいます。テーマ別の追加の記事もあります。</p></div></div></div><div class="page__inner"><main class="main main_frontpage"><div class="content frontpage"><div class="frontpage-content"><div class="tabs"><nav class="tabs__menu"><div class="tabs__menu-inner"><div class="tabs__menu-inner-scroll"><a class="tabs__menu-button active" href="#tab-1"><span class="tabs__menu-button-title">パート一</span><span>JavaScript 言語</span></a><a class="tabs__menu-button" href="#tab-2"><span class="tabs__menu-button-title">パート二</span><span>ブラウザ: ドキュメント, イベント, インタフェース</span></a><a class="tabs__menu-button" href="#tab-3"><span class="tabs__menu-button-title">パート三</span><span>その他の記事</span></a></div></div></nav><div class="tabs__content" id="tab-1"><section class="tabs__content-section"><div class="tabs__content-inner"><div><h2 class="frontpage-content__title">JavaScript 言語</h2><div class="frontpage-content__description"><p>ここでは JavaScript をゼロから始め、OOP(オブジェクト指向プログラミング)のような高度なコンセプトを学びます。</p> <p>ここでは、環境固有の注意事項は最小限に抑えて、言語そのものに集中しています。</p> </div><div class="list"><div class="list__item"><div class="list__title"><a class="list__link" href="/getting-started">導入</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/intro">JavaScript 入門</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/manuals-specifications">マニュアルと仕様</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/code-editors">コードエディタ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/devtools">開発者コンソール</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/first-steps">JavaScript の基礎</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/hello-world">Hello, world!</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/structure">コード構造</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/strict-mode">モダンなモード, "use strict"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/variables">変数</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/types">データ型</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/alert-prompt-confirm">インタラクション: alert, prompt, confirm</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/type-conversions">型変換</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/operators">演算子</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/comparison">比較</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/ifelse">条件分岐: if, '?'</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/logical-operators">論理演算子</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/nullish-coalescing-operator">NULL合体演算子(Nullish coalescing operator) '??'</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/while-for">ループ: while と for</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/switch">switch文</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/function-basics">関数</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/function-expressions">関数式</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/arrow-functions-basics">アロー関数の基本</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/javascript-specials">JavaScript スペシャル（これまでのおさらい）</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/code-quality">コード品質</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/debugging-chrome">Chrome でのデバッグ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/coding-style">コーディングスタイル</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/comments">コメント</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/ninja-code">忍者コード</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/testing-mocha">mocha による自動テスト</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/polyfills">Polyfill（ポリフィル）とトランスパイラ</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/object-basics">オブジェクト: 基本</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/object">オブジェクト</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/object-copy">オブジェクト参照とコピー</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/garbage-collection">ガベージコレクション</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/object-methods">オブジェクトメソッド, "this"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/constructor-new">コンストラクタ、 new 演算子</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/optional-chaining">オプショナルチェイニング(Optional chaining) '?.'</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/symbol">シンボル型</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/object-toprimitive">オブジェクトからプリミティブへの変換</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/data-types">データ型</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/primitives-methods">プリミティブのメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/number">数値</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/string">文字列</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/array">配列</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/array-methods">配列のメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/iterable">反復可能なオブジェクト</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/map-set">Map と Set</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/weakmap-weakset">WeakMap と WeakSet</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/keys-values-entries">Object.keys, values, entries</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/destructuring-assignment">分割代入</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/date">日付と時刻</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/json">JSON メソッド, toJSON</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/advanced-functions">関数の高度な機能</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/recursion">再帰とスタック</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/rest-parameters-spread">残りのパラメータ(Rest parameters)とスプレッド演算子(Spread operator)</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/closure">変数スコープ、クロージャ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/var">古い "var"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/global-object">グローバルオブジェクト</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/function-object">関数オブジェクト, NFE</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/new-function">"new Function" 構文</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/settimeout-setinterval">スケジューリング: setTimeout と setInterval</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/call-apply-decorators">デコレータと転送, call/apply</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/bind">関数バインディング</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/arrow-functions">アロー関数ふたたび</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/object-properties">オブジェクトプロパティの設定</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/property-descriptors">プロパティフラグとディスクリプタ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/property-accessors">プロパティ getters と setters</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/prototypes">プロトタイプ, 継承</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/prototype-inheritance">プロトタイプ継承</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/function-prototype">F.prototype</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/native-prototypes">ネイティブのプロトタイプ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/prototype-methods">__proto__ なしでのプロトタイプメソッド, オブジェクト</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/classes">クラス</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/class">クラス(Class) 基本構文</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/class-inheritance">クラスの継承</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/static-properties-methods">静的(static)プロパティとメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/private-protected-properties-methods">Private / protected プロパティとメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/extend-natives">組み込みのクラスを拡張する</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/instanceof">クラスのチェック: "instanceof"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/mixins">ミックスイン</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/error-handling">エラーハンドリング</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/try-catch">エラーハンドリング, "try..catch"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/custom-errors">カスタムエラー, Error の拡張</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/async">Promise, async/await</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/callbacks">前置き: コールバック</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/promise-basics">Promise</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/promise-chaining">Promise チェーン</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/promise-error-handling">Promise でのエラーハンドリング</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/promise-api">Promise API</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/promisify">Promisification</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/microtask-queue">Microtasks</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/async-await">Async/await</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/generators-iterators">ジェネレータ, 高度なイテレーション</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/generators">ジェネレータ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/async-iterators-generators">非同期イテレーションとジェネレータ</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/modules">モジュール</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/modules-intro">モジュール, 導入</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/import-export">エクスポートとインポート</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/modules-dynamic-imports">Dynamic imports(ダイナミックインポート)</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/js-misc">その他</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/proxy">Proxy と Reflect</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/eval">Eval: コード文字列を実行する</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/currying-partials">カリー化</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/reference-type">参照型</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/bigint">BigInt</a></div></li></ul></div></div></div></div></section></div><div class="tabs__content" id="tab-2"><section class="tabs__content-section"><div class="tabs__content-inner"><div><h2 class="frontpage-content__title">ブラウザ: ドキュメント, イベント, インタフェース</h2><div class="frontpage-content__description"><p>ブラウザページを管理する方法を学びます: 要素の追加、それらのサイズや位置の操作、動的なインタフェースの追加や訪問者とのインタラクションについて。</p> </div><div class="list"><div class="list__item"><div class="list__title"><a class="list__link" href="/document">ドキュメント</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/browser-environment">ブラウザ環境, スペック</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/dom-nodes">DOM ツリー</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/dom-navigation">DOM ナビゲーション</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/searching-elements-dom">検索: getElement* と querySelector*</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/basic-dom-node-properties">ノードのプロパティ: タイプ、タグとコンテンツ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/dom-attributes-and-properties">属性とプロパティ</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/modifying-document">ドキュメントの変更</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/styles-and-classes">スタイルとクラス</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/size-and-scroll">要素サイズとスクローリング</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/size-and-scroll-window">ウィンドウサイズとスクローリング</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/coordinates">座標</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/events">イベント概論</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/introduction-browser-events">ブラウザイベントの紹介</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/bubbling-and-capturing">バブリングとキャプチャリング</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/event-delegation">イベント移譲(Event delegation)</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/default-browser-action">ブラウザのデフォルト動作</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/dispatch-events">カスタムイベントのディスパッチ</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/event-details">イベントの詳細</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/mouse-events-basics">マウスイベント</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/mousemove-mouseover-mouseout-mouseenter-mouseleave">移動: mouseover/out, mouseenter/leave</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/mouse-drag-and-drop">マウスイベントでのドラッグ&ドロップ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/keyboard-events">キーボード: keydown と keyup</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/onscroll">スクロール</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/forms-controls">フォーム, コントロール</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/form-elements">フォームプロパティとメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/focus-blur">フォーカス: focus/blur</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/events-change-input">イベント: change, input, cut, copy, paste</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/forms-submit">フォームの送信: submit のイベントとメソッド</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/loading">ドキュメントとリソースの読み込み</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/onload-ondomcontentloaded">ページのライフサイクル: DOMContentLoaded, load, beforeunload, unload</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/script-async-defer">スクリプト: async, defer</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/onload-onerror">リソース読み込み: onload と onerror</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/ui-misc">その他</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/mutation-observer">Mutation observer</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/selection-range">選択（Selection）と範囲（Range）</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/event-loop">イベントループ(event loop): microtask と macrotask</a></div></li></ul></div></div></div></div></section></div><div class="tabs__content" id="tab-3"><section class="tabs__content-section tabs__content-section_no-shadow"><div class="tabs__content-inner"><div><h2 class="frontpage-content__title">その他の記事</h2><div class="frontpage-content__description">チュートリアルの最初の2つの部分でカバーされていない追加のトピックのリストです。ここには明確な階層はなく、必要な順序で記事にアクセスできます。</div><div class="list"><div class="list__item"><div class="list__title"><a class="list__link" href="/frames-and-windows">フレームとウィンドウ</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/popup-windows">ポップアップとウィンドウメソッド</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/cross-window-communication">ウィンドウを跨いだやり取り</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/clickjacking">クリックジャッキング</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/binary">バイナリデータ、ファイル</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/arraybuffer-binary-arrays">ArrayBuffer, binary arrays</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/text-decoder">TextDecoder と TextEncoder</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/blob">Blob</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/file">File と FileReader</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/network">ネットワークリクエスト</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/fetch">Fetch</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/formdata">FormData</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/fetch-progress">Fetch: ダウンロードの進行状況</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/fetch-abort">Fetch: Abort</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/fetch-crossorigin">Fetch: クロスオリジン(Cross-Origin) リクエスト</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/fetch-api">Fetch API</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/url">URL オブジェクト</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/xmlhttprequest">XMLHttpRequest</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/resume-upload">再開可能なファイルアップロード</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/long-polling">ロングポーリング</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/websocket">WebSocket</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/server-sent-events">Server Sent Events</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/data-storage">ブラウザへのデータの保存</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/cookie">Cookies(クッキー), document.cookie</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/localstorage">LocalStorage, sessionStorage</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/indexeddb">IndexedDB</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/animation">アニメーション</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/bezier-curve">ベジェ曲線</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/css-animations">CSS アニメーション</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/js-animation">JavaScript アニメーション</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/web-components">Web components</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/webcomponents-intro">導入(From the orbital height)</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/custom-elements">Custom elements</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/shadow-dom">Shadow DOM</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/template-element">Template 要素</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/slots-composition">Shadow DOM スロット, コンポジション</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/shadow-dom-style">Shadow DOM スタイリング</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/shadow-dom-events">Shadow DOMとイベント</a></div></li></ul></div><div class="list__item"><div class="list__title"><a class="list__link" href="/regular-expressions">正規表現</a></div><ul class="list-sub"><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-introduction">パターンとフラグ</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-character-classes">文字クラス</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-unicode">Unicode(ユニコード): フラグ "u" とクラス \p{...}</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-anchors">文字列の先頭 ^ と末尾 $</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-multiline-mode">アンカー ^ $ の複数行モード, フラグ "m"</a></div></li><li class="list-sub__item"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-boundary">単語境界(Word boundary): \b</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-escaping">エスケープ, 特殊文字</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-character-sets-and-ranges">集合と範囲 [...]</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-quantifiers">量指定子 +, *, ? と {n}</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-greedy-and-lazy">貪欲と怠惰な量指定子</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-groups">キャプチャグループ</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-backreferences">後方参照: \N と \k<name></a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-alternation">論理和指定子(Alternation) (OR) |</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-lookahead-lookbehind">先読みと後読み(Lookahead/lookbehind)</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-catastrophic-backtracking">破壊的なバックトラック(Catastrophic backtracking)</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-sticky">スティッキーフラグ(sticky flag) "y", 指定位置での検索</a></div></li><li class="list-sub__item list-sub__item_phone_hidden"><div class="list-sub__title"><a class="list-sub__link" href="/regexp-methods">RegExp と文字列のメソッド</a></div></li><li class="list-sub__item"><a class="list-sub__more" href="#">もっと…</a></li></ul></div></div></div></div></section></div></div><section class="frontpage-content__container frontpage-content__container_no-shadow"><div class="frontpage-content__inner"><div class="subscribe subscribe_fancy"><h3 class="subscribe__title">ja: No translation for [site.subscribe.title]</h3><div class="subscribe__greyed-text">ja: No translation for [site.subscribe.text]</div><form class="subscribe__form" method="POST" action="/newsletter/subscribe" data-newsletter-subscribe-form><input type="hidden" name="_csrf"/><input type="hidden" name="replace" value="1"/><div class="subscribe__email-input"><div class="subscribe__newsletters"><div class="multiselect subscribe__multiselect"><div class="multiselect__active-button">ja: No translation for [site.subscribe.common_updates]</div><div class="multiselect__container"><select class="multiselect__select phone-only" name="slug" size="1" multiple></select></div></div><div class="subscribe__input"><div class="text-input text-input_big text-input_plain"><input class="text-input__control" type="email" placeholder="ja: No translation for [site.subscribe.your_email]" name="email" required="required"/></div></div><div class="subscribe__button"><button class="button button_action button_big" type="submit"><span class="button__text">ja: No translation for [site.subscribe.button]</span></button></div></div></div></form><div class="subscribe__greyed-text subscribe__greyed-text_small">ja: No translation for [site.subscribe.agreement]</div></div></div></section></div><script type="application/ld+json">{ "@context": "http://schema.org", "@type": "WebSite", "url": "https://ja.javascript.info/", "potentialAction": { "@type": "SearchAction", "target": "https://ja.javascript.info/search?query={search_term_string}", "query-input": "required name=search_term_string" } }</script></div><div class="article-tablet-foot tablet-only"><div class="article-tablet-foot__layout"><div class="share-icons"><span class="share-icons__title">シェア</span><a class="share share_tw" href="https://twitter.com/share?url=https%3A%2F%2Fja.javascript.info%2F" rel="nofollow"></a><a class="share share_fb" href="https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Fja.javascript.info%2F" rel="nofollow"></a></div><div class="article-tablet-foot__map"><a class="map" href="/tutorial/map" data-action="tutorial-map"><span class="map__text">チュートリアルマップ</span></a></div></div></div><div class="comments formatted" id="comments"><div class="comments__header"><h2 class="comments__header-title"><a href="#comments" name="comments">コメント</a></h2><div class="comments__read-before"><span class="comments__read-before-link">コメントをする前に読んでください…</span><div class="comments__read-before-popup"><div class="comments__read-before-popup-i"><ul><li>自由に記事への追加や質問を投稿をしたり、それらに回答してください。</li><li>数語のコードを挿入するには、<code><code></code> タグを使ってください。複数行の場合は <code><pre></code> を、10行を超える場合にはサンドボックスを使ってください(<a href='https://plnkr.co/edit/?p=preview'>plnkr</a>, <a href='https://jsbin.com'>JSBin</a>, <a href='http://codepen.io'>codepen</a>…)。</li><li>記事の中で理解できないことがあれば、詳しく説明してください。</li></ul></div></div></div></div><div id="disqus_thread"></div><script>var disqus_config = function() { if (!this.page) this.page = {}; Object.assign(this.page, {"url":"https:\/\/ja.javascript.info\/","identifier":"","title":"\u73fe\u4ee3\u306e JavaScript \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"}); };</script><script>var disqus_shortname = "ja-javascript-info";</script><script>var disqus_enabled = true;</script></div></script></main></div></div></div><div class="page-footer"><ul class="page-footer__list"><li class="page-footer__item page-footer__item_copy">© 2007—2025  Ilya Kantor</li><li class="page-footer__item page-footer__item_about"><a class="page-footer__link" href="/about">プロジェクトについて</a></li><li class="page-footer__item page-footer__item_contact"><a class="page-footer__link" href="/about#contact-us">コンタクト</a></li></ul></div></body></html>