diff options
Diffstat (limited to 'files/ja')
1168 files changed, 9844 insertions, 9353 deletions
diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 8014f04141..8e84bae6f8 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -132,7 +132,7 @@ /ja/docs/Addons /ja/docs/Mozilla/Add-ons /ja/docs/Advanced_styling_for_HTML_forms /ja/docs/Learn/Forms/Advanced_form_styling /ja/docs/Alternative_style_sheets /ja/docs/Web/CSS/Alternative_style_sheets -/ja/docs/AppLinks/WebConsoleHelp /en-US/docs/Tools/Web_Console/Helpers +/ja/docs/AppLinks/WebConsoleHelp /ja/docs/Tools/Web_Console/Helpers /ja/docs/Applying_SVG_effects_to_HTML_content /ja/docs/Web/SVG/Applying_SVG_effects_to_HTML_content /ja/docs/Array.prototype.reduceRight /ja/docs/Web/JavaScript/Reference/Global_Objects/Array/reduceRight /ja/docs/Bugzilla_(external) https://bugzilla.mozilla.org/enter_bug.cgi?format=guided @@ -256,20 +256,20 @@ /ja/docs/CSS/General_sibling_selectors /ja/docs/Web/CSS/General_sibling_combinator /ja/docs/CSS/Getting_Started /ja/docs/Learn/CSS /ja/docs/CSS/Getting_Started/Boxes /ja/docs/Learn/CSS/Building_blocks/The_box_model -/ja/docs/CSS/Getting_Started/Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/CSS/Getting_Started/Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/CSS/Getting_Started/Challenge_solutions /ja/docs/Web/Guide/CSS/Getting_started/Challenge_solutions /ja/docs/CSS/Getting_Started/Color /ja/docs/Learn/CSS/Building_blocks/Values_and_units#color /ja/docs/CSS/Getting_Started/Content /ja/docs/Learn/CSS/Howto/Generated_content -/ja/docs/CSS/Getting_Started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS/Getting_Started/How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/CSS/Getting_Started/JavaScript /ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /ja/docs/CSS/Getting_Started/Layout /ja/docs/Learn/CSS/CSS_layout /ja/docs/CSS/Getting_Started/Lists /ja/docs/Learn/CSS/Styling_text/Styling_lists /ja/docs/CSS/Getting_Started/Media /ja/docs/Web/Progressive_web_apps/Responsive/Media_types -/ja/docs/CSS/Getting_Started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/CSS/Getting_Started/Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors /ja/docs/CSS/Getting_Started/Tables /ja/docs/Learn/CSS/Building_blocks/Styling_tables /ja/docs/CSS/Getting_Started/Text_styles /ja/docs/Learn/CSS/Styling_text/Fundamentals -/ja/docs/CSS/Getting_Started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/CSS/Getting_Started/Why_use_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS/Getting_Started/What_is_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS/Getting_Started/Why_use_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/CSS/ID_selectors /ja/docs/Web/CSS/ID_selectors /ja/docs/CSS/ID_selectors-redirect-1 /ja/docs/Web/CSS/ID_selectors /ja/docs/CSS/Layout_mode /ja/docs/Web/CSS/Layout_mode @@ -538,14 +538,14 @@ /ja/docs/CSS::default /ja/docs/Web/CSS/:default /ja/docs/CSS:@-moz-document /ja/docs/Web/CSS/@document /ja/docs/CSS:Getting_Started /ja/docs/Learn/CSS -/ja/docs/CSS:Getting_Started:Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/CSS:Getting_Started:Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/CSS:Getting_Started:Color /ja/docs/Learn/CSS/Building_blocks/Values_and_units#color /ja/docs/CSS:Getting_Started:Content /ja/docs/Learn/CSS/Howto/Generated_content -/ja/docs/CSS:Getting_Started:How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/CSS:Getting_Started:Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/CSS:Getting_Started:How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS:Getting_Started:Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors /ja/docs/CSS:Getting_Started:Text_styles /ja/docs/Learn/CSS/Styling_text/Fundamentals -/ja/docs/CSS:Getting_Started:What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/CSS:Getting_Started:Why_use_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS:Getting_Started:What_is_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/CSS:Getting_Started:Why_use_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/CSS:Media:Visual /ja/docs/Web/CSS/@media /ja/docs/CSS:Other_Resources /ja/docs/Web/CSS /ja/docs/CSS:color /ja/docs/Web/CSS/color @@ -1138,8 +1138,8 @@ /ja/docs/DOM/EventTarget.addEventListener /ja/docs/Web/API/EventTarget/addEventListener /ja/docs/DOM/EventTarget.dispatchEvent /ja/docs/Web/API/EventTarget/dispatchEvent /ja/docs/DOM/EventTarget.removeEventListener /ja/docs/Web/API/EventTarget/removeEventListener -/ja/docs/DOM/File.fileName /ja/docs/Web/API/File/fileName -/ja/docs/DOM/File.fileSize /ja/docs/Web/API/File/fileSize +/ja/docs/DOM/File.fileName /ja/docs/conflicting/Web/API/File/name +/ja/docs/DOM/File.fileSize /ja/docs/conflicting/Web/API/Blob/size /ja/docs/DOM/File.getAsBinary /ja/docs/Web/API/File/getAsBinary /ja/docs/DOM/File.getAsText /ja/docs/Web/API/File/getAsText /ja/docs/DOM/File.lastModifiedDate /ja/docs/Web/API/File/lastModifiedDate @@ -1232,7 +1232,7 @@ /ja/docs/DOM/TouchList /ja/docs/Web/API/TouchList /ja/docs/DOM/Touch_events /ja/docs/Web/API/Touch_events /ja/docs/DOM/UserProximityEvent /ja/docs/Web/API/UserProximityEvent -/ja/docs/DOM/UserProximityEvent.near /ja/docs/orphaned/Web/API/UserProximityEvent/near +/ja/docs/DOM/UserProximityEvent.near /ja/docs/Web/API/UserProximityEvent /ja/docs/DOM/Using_full-screen_mode /ja/docs/Web/API/Fullscreen_API /ja/docs/DOM/Using_media_queries_from_code /ja/docs/Web/CSS/Media_Queries/Testing_media_queries /ja/docs/DOM/Using_media_queries_from_code-redirect-1 /ja/docs/Web/CSS/Media_Queries/Testing_media_queries @@ -1351,7 +1351,7 @@ /ja/docs/DOM/element.lastChild /ja/docs/Web/API/Node/lastChild /ja/docs/DOM/element.length /ja/docs/Web/API/NodeList/length /ja/docs/DOM/element.localName /ja/docs/Web/API/Element/localName -/ja/docs/DOM/element.name /ja/docs/conflicting/Web/API +/ja/docs/DOM/element.name /ja/docs/Web/API /ja/docs/DOM/element.namespaceURI /ja/docs/Web/API/Element/namespaceURI /ja/docs/DOM/element.nextSibling /ja/docs/Web/API/Node/nextSibling /ja/docs/DOM/element.nodeName /ja/docs/Web/API/Node/nodeName @@ -1514,7 +1514,6 @@ /ja/docs/DOM/window.navigator.platform /ja/docs/Web/API/Navigator/platform /ja/docs/DOM/window.navigator.product /ja/docs/Web/API/Navigator/product /ja/docs/DOM/window.navigator.productSub /ja/docs/Web/API/Navigator/productSub -/ja/docs/DOM/window.navigator.registerContentHandler /ja/docs/orphaned/Web/API/Navigator/registerContentHandler /ja/docs/DOM/window.navigator.registerProtocolHandler /ja/docs/Web/API/Navigator/registerProtocolHandler /ja/docs/DOM/window.navigator.userAgent /ja/docs/Web/API/Navigator/userAgent /ja/docs/DOM/window.navigator.vendor /ja/docs/Web/API/Navigator/vendor @@ -1736,7 +1735,6 @@ /ja/docs/DOM:window.navigator.platform /ja/docs/Web/API/Navigator/platform /ja/docs/DOM:window.navigator.product /ja/docs/Web/API/Navigator/product /ja/docs/DOM:window.navigator.productSub /ja/docs/Web/API/Navigator/productSub -/ja/docs/DOM:window.navigator.registerContentHandler /ja/docs/orphaned/Web/API/Navigator/registerContentHandler /ja/docs/DOM:window.navigator.registerProtocolHandler /ja/docs/Web/API/Navigator/registerProtocolHandler /ja/docs/DOM:window.navigator.userAgent /ja/docs/Web/API/Navigator/userAgent /ja/docs/DOM:window.navigator.vendor /ja/docs/Web/API/Navigator/vendor @@ -2634,25 +2632,25 @@ /ja/docs/JavaScript_技術概説 /ja/docs/Web/JavaScript/JavaScript_technologies_overview /ja/docs/Key-navigable_custom_DHTML_widgets /ja/docs/orphaned/Key-navigable_custom_DHTML_widgets /ja/docs/Learn/CSS/Building_blocks/セレクタ /ja/docs/Learn/CSS/Building_blocks/Selectors -/ja/docs/Learn/CSS/Introduction_to_CSS /en-US/docs/Learn/CSS/First_steps -/ja/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors -/ja/docs/Learn/CSS/Introduction_to_CSS/Box_model /en-US/docs/Learn/CSS/Building_blocks/The_box_model -/ja/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance -/ja/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators -/ja/docs/Learn/CSS/Introduction_to_CSS/Debugging_CSS /en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS +/ja/docs/Learn/CSS/Introduction_to_CSS /ja/docs/Learn/CSS/First_steps +/ja/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors /ja/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors +/ja/docs/Learn/CSS/Introduction_to_CSS/Box_model /ja/docs/Learn/CSS/Building_blocks/The_box_model +/ja/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors /ja/docs/Learn/CSS/Building_blocks/Selectors/Combinators +/ja/docs/Learn/CSS/Introduction_to_CSS/Debugging_CSS /ja/docs/Learn/CSS/Building_blocks/Debugging_CSS /ja/docs/Learn/CSS/Introduction_to_CSS/Fundamental_CSS_comprehension /ja/docs/Learn/CSS/Building_blocks/Fundamental_CSS_comprehension -/ja/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements /en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements -/ja/docs/Learn/CSS/Introduction_to_CSS/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors -/ja/docs/Learn/CSS/Introduction_to_CSS/Simple_selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors -/ja/docs/Learn/CSS/Introduction_to_CSS/Syntax /en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured -/ja/docs/Learn/CSS/Introduction_to_CSS/Values_and_units /en-US/docs/Learn/CSS/Building_blocks/Values_and_units -/ja/docs/Learn/CSS/Styling_boxes /en-US/docs/Learn/CSS/Building_blocks +/ja/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements /ja/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements +/ja/docs/Learn/CSS/Introduction_to_CSS/Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/Learn/CSS/Introduction_to_CSS/Simple_selectors /ja/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors +/ja/docs/Learn/CSS/Introduction_to_CSS/Syntax /ja/docs/Learn/CSS/First_steps/How_CSS_is_structured +/ja/docs/Learn/CSS/Introduction_to_CSS/Values_and_units /ja/docs/Learn/CSS/Building_blocks/Values_and_units +/ja/docs/Learn/CSS/Styling_boxes /ja/docs/Learn/CSS/Building_blocks /ja/docs/Learn/CSS/Styling_boxes/A_cool_looking_box /ja/docs/Learn/CSS/Building_blocks/A_cool_looking_box /ja/docs/Learn/CSS/Styling_boxes/Advanced_box_effects /ja/docs/Learn/CSS/Building_blocks/Advanced_styling_effects -/ja/docs/Learn/CSS/Styling_boxes/Backgrounds /en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders -/ja/docs/Learn/CSS/Styling_boxes/Borders /en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders -/ja/docs/Learn/CSS/Styling_boxes/Box_model_recap /en-US/docs/Learn/CSS/Building_blocks/The_box_model +/ja/docs/Learn/CSS/Styling_boxes/Backgrounds /ja/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders +/ja/docs/Learn/CSS/Styling_boxes/Borders /ja/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders +/ja/docs/Learn/CSS/Styling_boxes/Box_model_recap /ja/docs/Learn/CSS/Building_blocks/The_box_model /ja/docs/Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper /ja/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper /ja/docs/Learn/CSS/Styling_boxes/Styling_tables /ja/docs/Learn/CSS/Building_blocks/Styling_tables /ja/docs/Learn/CSS/Styling_text/ウェブフォント /ja/docs/Learn/CSS/Styling_text/Web_fonts @@ -2772,7 +2770,7 @@ /ja/docs/MDN_at_ten /ja/docs/MDN/At_ten /ja/docs/MDN_at_ten/Contributing_to_MDN /ja/docs/MDN/Contribute /ja/docs/MDN_at_ten/History_of_MDN /ja/docs/MDN/At_ten/History_of_MDN -/ja/docs/Map /ja/docs/orphaned/Map +/ja/docs/Map /ja/docs/Web/JavaScript/Reference/Global_Objects/Map /ja/docs/MathML /ja/docs/Web/MathML /ja/docs/MathML/Element /ja/docs/Web/MathML/Element /ja/docs/MathML/Element/math /ja/docs/Web/MathML/Element/math @@ -2956,7 +2954,7 @@ /ja/docs/Tools/Responsive_Design_View /ja/docs/Tools/Responsive_Design_Mode /ja/docs/Tools/Web_Console-redirect-1 /ja/docs/Tools/Web_Console /ja/docs/Tools/Web_Console/Opening_the_Web_Console /ja/docs/Tools/Web_Console/UI_Tour -/ja/docs/Tools/Web_Console/WebConsoleHelp /en-US/docs/Tools/Web_Console/Helpers +/ja/docs/Tools/Web_Console/WebConsoleHelp /ja/docs/Tools/Web_Console/Helpers /ja/docs/Transforming_XML_with_XSLT /ja/docs/Web/XSLT/Transforming_XML_with_XSLT /ja/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference /ja/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference /ja/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference /ja/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference @@ -2985,27 +2983,27 @@ /ja/docs/Using_the_W3C_DOM_Level_1_Core /ja/docs/Web/API/Document_Object_Model/Using_the_W3C_DOM_Level_1_Core /ja/docs/Using_the_Web_Console /ja/docs/Tools/Web_Console /ja/docs/Using_the_Web_Console/Helpers /ja/docs/Tools/Web_Console/Helpers -/ja/docs/Using_the_Web_Console/WebConsoleHelp /en-US/docs/Tools/Web_Console/Helpers +/ja/docs/Using_the_Web_Console/WebConsoleHelp /ja/docs/Tools/Web_Console/Helpers /ja/docs/Using_web_workers /ja/docs/Web/API/Web_Workers_API/Using_web_workers /ja/docs/View_source /ja/docs/Tools/View_source /ja/docs/WOFF /ja/docs/Web/Guide/WOFF /ja/docs/Web-based_protocol_handlers /ja/docs/Web/API/Navigator/registerProtocolHandler/Web-based_protocol_handlers /ja/docs/Web-d/Guide/CSS/Getting_started /ja/docs/Learn/CSS /ja/docs/Web-d/Guide/CSS/Getting_started/Boxes /ja/docs/Learn/CSS/Building_blocks/The_box_model -/ja/docs/Web-d/Guide/CSS/Getting_started/Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/Web-d/Guide/CSS/Getting_started/Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/Web-d/Guide/CSS/Getting_started/Challenge_solutions /ja/docs/Web/Guide/CSS/Getting_started/Challenge_solutions /ja/docs/Web-d/Guide/CSS/Getting_started/Color /ja/docs/Learn/CSS/Building_blocks/Values_and_units#color /ja/docs/Web-d/Guide/CSS/Getting_started/Content /ja/docs/Learn/CSS/Howto/Generated_content -/ja/docs/Web-d/Guide/CSS/Getting_started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web-d/Guide/CSS/Getting_started/How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/Web-d/Guide/CSS/Getting_started/JavaScript /ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /ja/docs/Web-d/Guide/CSS/Getting_started/Layout /ja/docs/Learn/CSS/CSS_layout /ja/docs/Web-d/Guide/CSS/Getting_started/Lists /ja/docs/Learn/CSS/Styling_text/Styling_lists /ja/docs/Web-d/Guide/CSS/Getting_started/Media /ja/docs/Web/Progressive_web_apps/Responsive/Media_types -/ja/docs/Web-d/Guide/CSS/Getting_started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/Web-d/Guide/CSS/Getting_started/Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors /ja/docs/Web-d/Guide/CSS/Getting_started/Tables /ja/docs/Learn/CSS/Building_blocks/Styling_tables /ja/docs/Web-d/Guide/CSS/Getting_started/Text_styles /ja/docs/Learn/CSS/Styling_text/Fundamentals -/ja/docs/Web-d/Guide/CSS/Getting_started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/Web-dd/Guide/CSS/Getting_started/Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/Web-d/Guide/CSS/Getting_started/What_is_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web-dd/Guide/CSS/Getting_started/Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/Web-e/Guide/CSS/Understanding_z_index /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index /ja/docs/Web-e/Guide/CSS/Understanding_z_index/Adding_z-index /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index /ja/docs/Web-e/Guide/CSS/Understanding_z_index/Stacking_and_float /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_and_float @@ -3045,6 +3043,7 @@ /ja/docs/Web/API/AudioContext/sampleRate /ja/docs/Web/API/BaseAudioContext/sampleRate /ja/docs/Web/API/AudioContext/state /ja/docs/Web/API/BaseAudioContext/state /ja/docs/Web/API/Boolean /ja/docs/Web/JavaScript/Reference/Global_Objects/Boolean +/ja/docs/Web/API/ByteString /ja/docs/conflicting/Web/JavaScript/Reference/Global_Objects/String /ja/docs/Web/API/CSSMatrix /ja/docs/Web/API/DOMMatrix /ja/docs/Web/API/CSSStyleSheet.insertRule /ja/docs/Web/API/CSSStyleSheet/insertRule /ja/docs/Web/API/CSS_Painting_API/ガイド /ja/docs/Web/API/CSS_Painting_API/Guide @@ -3079,7 +3078,7 @@ /ja/docs/Web/API/Element.querySelectorAll /ja/docs/Web/API/Element/querySelectorAll /ja/docs/Web/API/Element/Activate_event /ja/docs/Web/API/Element/DOMActivate_event /ja/docs/Web/API/Element/accessKey /ja/docs/Web/API/HTMLElement/accessKey -/ja/docs/Web/API/Element/name /ja/docs/conflicting/Web/API +/ja/docs/Web/API/Element/name /ja/docs/Web/API /ja/docs/Web/API/Event/button /ja/docs/Web/API/MouseEvent/button /ja/docs/Web/API/Event/createEvent /ja/docs/Web/API/Document/createEvent /ja/docs/Web/API/EventHandler /ja/docs/orphaned/Web/Guide/Events/Event_handlers @@ -3088,19 +3087,21 @@ /ja/docs/Web/API/EventTarget.removeEventListener /ja/docs/Web/API/EventTarget/removeEventListener /ja/docs/Web/API/EventTarget/attachEvent /ja/docs/Web/API/EventTarget/addEventListener /ja/docs/Web/API/FetchEvent_clone /ja/docs/Web/API/FetchEvent -/ja/docs/Web/API/File.fileName /ja/docs/Web/API/File/fileName -/ja/docs/Web/API/File.fileSize /ja/docs/Web/API/File/fileSize +/ja/docs/Web/API/File.fileName /ja/docs/conflicting/Web/API/File/name +/ja/docs/Web/API/File.fileSize /ja/docs/conflicting/Web/API/Blob/size /ja/docs/Web/API/File.getAsBinary /ja/docs/Web/API/File/getAsBinary /ja/docs/Web/API/File.getAsText /ja/docs/Web/API/File/getAsText /ja/docs/Web/API/File.name /ja/docs/Web/API/File/name /ja/docs/Web/API/File.size /ja/docs/Web/API/Blob/size /ja/docs/Web/API/File.type /ja/docs/Web/API/Blob/type +/ja/docs/Web/API/File/fileName /ja/docs/conflicting/Web/API/File/name +/ja/docs/Web/API/File/fileSize /ja/docs/conflicting/Web/API/Blob/size /ja/docs/Web/API/File/size /ja/docs/Web/API/Blob/size /ja/docs/Web/API/Geolocation.clearWatch /ja/docs/Web/API/Geolocation/clearWatch /ja/docs/Web/API/Geolocation.getCurrentPosition /ja/docs/Web/API/Geolocation/getCurrentPosition /ja/docs/Web/API/Geolocation.watchPosition /ja/docs/Web/API/Geolocation/watchPosition /ja/docs/Web/API/Geolocation/Using_geolocation /ja/docs/Web/API/Geolocation_API -/ja/docs/Web/API/GlobalFetch /en-US/docs/Web/API/WindowOrWorkerGlobalScope +/ja/docs/Web/API/GlobalFetch /ja/docs/Web/API/WindowOrWorkerGlobalScope /ja/docs/Web/API/GlobalFetch/fetch /ja/docs/Web/API/fetch /ja/docs/Web/API/HTMLFormElement.acceptCharset /ja/docs/Web/API/HTMLFormElement/acceptCharset /ja/docs/Web/API/HTMLFormElement.action /ja/docs/Web/API/HTMLFormElement/action @@ -3158,11 +3159,11 @@ /ja/docs/Web/API/IDBFactory.cmp /ja/docs/Web/API/IDBFactory/cmp /ja/docs/Web/API/IDBFactory.deleteDatabase /ja/docs/Web/API/IDBFactory/deleteDatabase /ja/docs/Web/API/IDBFactory.open /ja/docs/Web/API/IDBFactory/open -/ja/docs/Web/API/Index /ja/docs/conflicting/Web/API_49b9a84475f11fffb8fc271a7df3c49a +/ja/docs/Web/API/Index /ja/docs/Web/API /ja/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB /ja/docs/Web/API/IndexedDB_API/Basic_Terminology /ja/docs/Web/API/MediaRecorder_API /ja/docs/Web/API/MediaStream_Recording_API +/ja/docs/Web/API/MouseEvent/which /ja/docs/Web/API/UIEvent/which /ja/docs/Web/API/Navigator.getUserMedia /ja/docs/Web/API/Navigator/getUserMedia -/ja/docs/Web/API/Navigator/registerContentHandler /ja/docs/orphaned/Web/API/Navigator/registerContentHandler /ja/docs/Web/API/NavigatorID /ja/docs/Web/API/Navigator /ja/docs/Web/API/NavigatorID/appCodeName /ja/docs/Web/API/Navigator/appCodeName /ja/docs/Web/API/NavigatorID/appName /ja/docs/Web/API/Navigator/appName @@ -3246,9 +3247,8 @@ /ja/docs/Web/API/Slotable /ja/docs/Web/API/Element /ja/docs/Web/API/SourceBufferList/SourceBuffer /ja/docs/orphaned/Web/API/SourceBufferList/SourceBuffer /ja/docs/Web/API/TouchList.length /ja/docs/Web/API/TouchList/length -/ja/docs/Web/API/TypeInfo /ja/docs/orphaned/Web/API/TypeInfo -/ja/docs/Web/API/UserProximityEvent.near /ja/docs/orphaned/Web/API/UserProximityEvent/near -/ja/docs/Web/API/UserProximityEvent/near /ja/docs/orphaned/Web/API/UserProximityEvent/near +/ja/docs/Web/API/UserProximityEvent.near /ja/docs/Web/API/UserProximityEvent +/ja/docs/Web/API/UserProximityEvent/near /ja/docs/Web/API/UserProximityEvent /ja/docs/Web/API/VRDevice /ja/docs/Web/API/VRDisplay /ja/docs/Web/API/VRDevice/cancelAnimationFrame /ja/docs/Web/API/VRDisplay/cancelAnimationFrame /ja/docs/Web/API/VRDevice/capabilities /ja/docs/Web/API/VRDisplay/capabilities @@ -3329,13 +3329,13 @@ /ja/docs/Web/API/WindowTimers/setTimeout /ja/docs/Web/API/setTimeout /ja/docs/Web/API/WorkerGlobalScope/caches /ja/docs/Web/API/caches /ja/docs/Web/API/XMLHttpRequest/openRequest /ja/docs/orphaned/Web/API/XMLHttpRequest/openRequest -/ja/docs/Web/API/XRHandedness /ja/docs/Web/API/XRInputSource/handedness +/ja/docs/Web/API/XRHandedness /ja/docs/conflicting/Web/API/XRInputSource/handedness /ja/docs/Web/API/XRReferenceSpaceEventInit /ja/docs/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent /ja/docs/Web/API/XRReferenceSpaceEventInit/referenceSpace /ja/docs/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent /ja/docs/Web/API/XRReferenceSpaceEventInit/transform /ja/docs/Web/API/XRReferenceSpaceEvent/XRReferenceSpaceEvent /ja/docs/Web/API/XRReferenceSpaceType /ja/docs/Web/API/XRSession/requestReferenceSpace /ja/docs/Web/API/XRSessionMode /ja/docs/orphaned/Web/API/XRSessionMode -/ja/docs/Web/API/XRTargetRayMode /ja/docs/Web/API/XRInputSource/targetRayMode +/ja/docs/Web/API/XRTargetRayMode /ja/docs/conflicting/Web/API/XRInputSource/targetRayMode /ja/docs/Web/API/console.dir /ja/docs/Web/API/Console/dir /ja/docs/Web/API/console.log /ja/docs/Web/API/Console/log /ja/docs/Web/API/console.time /ja/docs/Web/API/Console/time @@ -3496,7 +3496,6 @@ /ja/docs/Web/API/window.navigator.platform /ja/docs/Web/API/Navigator/platform /ja/docs/Web/API/window.navigator.product /ja/docs/Web/API/Navigator/product /ja/docs/Web/API/window.navigator.productSub /ja/docs/Web/API/Navigator/productSub -/ja/docs/Web/API/window.navigator.registerContentHandler /ja/docs/orphaned/Web/API/Navigator/registerContentHandler /ja/docs/Web/API/window.navigator.userAgent /ja/docs/Web/API/Navigator/userAgent /ja/docs/Web/API/window.navigator.vendor /ja/docs/Web/API/Navigator/vendor /ja/docs/Web/API/window.navigator.vendorSub /ja/docs/Web/API/Navigator/vendorSub @@ -3613,7 +3612,6 @@ /ja/docs/Web/CSS/::-webkit-input-placeholder /ja/docs/Web/CSS/::placeholder /ja/docs/Web/CSS/:any /ja/docs/Web/CSS/:is /ja/docs/Web/CSS/:matches /ja/docs/Web/CSS/:is -/ja/docs/Web/CSS/@media/Index /ja/docs/orphaned/Web/CSS/@media/Index /ja/docs/Web/CSS/@media/scan /ja/docs/orphaned/Web/CSS/@media/scan /ja/docs/Web/CSS/@page/bleed /ja/docs/orphaned/Web/CSS/@page/bleed /ja/docs/Web/CSS/@page/marks /ja/docs/orphaned/Web/CSS/@page/marks @@ -3621,7 +3619,7 @@ /ja/docs/Web/CSS/@viewport/max-height /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/max-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/min-zoom /ja/docs/Web/CSS/@viewport -/ja/docs/Web/CSS/@viewport/orientation /en-US/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/@viewport/orientation /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/user-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/viewport-fit /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/@viewport/zoom /ja/docs/Web/CSS/@viewport @@ -3633,7 +3631,7 @@ /ja/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator /ja/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Scaling_background_images /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images -/ja/docs/Web/CSS/CSS_Colors /en-US/docs/Web/CSS/CSS_Color +/ja/docs/Web/CSS/CSS_Colors /ja/docs/Web/CSS/CSS_Color /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox @@ -3657,20 +3655,19 @@ /ja/docs/Web/CSS/General_sibling_selectors /ja/docs/Web/CSS/General_sibling_combinator /ja/docs/Web/CSS/Getting_started /ja/docs/Learn/CSS /ja/docs/Web/CSS/Getting_started/Boxes /ja/docs/Learn/CSS/Building_blocks/The_box_model -/ja/docs/Web/CSS/Getting_started/Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/Web/CSS/Getting_started/Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/Web/CSS/Getting_started/Challenge_solutions /ja/docs/Web/Guide/CSS/Getting_started/Challenge_solutions /ja/docs/Web/CSS/Getting_started/Color /ja/docs/Learn/CSS/Building_blocks/Values_and_units#color /ja/docs/Web/CSS/Getting_started/Content /ja/docs/Learn/CSS/Howto/Generated_content -/ja/docs/Web/CSS/Getting_started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web/CSS/Getting_started/How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/Web/CSS/Getting_started/JavaScript /ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /ja/docs/Web/CSS/Getting_started/Layout /ja/docs/Learn/CSS/CSS_layout /ja/docs/Web/CSS/Getting_started/Lists /ja/docs/Learn/CSS/Styling_text/Styling_lists /ja/docs/Web/CSS/Getting_started/Media /ja/docs/Web/Progressive_web_apps/Responsive/Media_types -/ja/docs/Web/CSS/Getting_started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/Web/CSS/Getting_started/Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors /ja/docs/Web/CSS/Getting_started/Tables /ja/docs/Learn/CSS/Building_blocks/Styling_tables /ja/docs/Web/CSS/Getting_started/Text_styles /ja/docs/Learn/CSS/Styling_text/Fundamentals -/ja/docs/Web/CSS/Getting_started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/Web/CSS/Index /ja/docs/orphaned/Web/CSS/Index +/ja/docs/Web/CSS/Getting_started/What_is_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/Web/CSS/Media /ja/docs/Web/CSS/@media /ja/docs/Web/CSS/Media/Visual /ja/docs/Web/CSS/@media /ja/docs/Web/CSS/Motion_Path /ja/docs/Web/CSS/CSS_Motion_Path @@ -3678,7 +3675,7 @@ /ja/docs/Web/CSS/Reference/@viewport /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/max-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/min-zoom /ja/docs/Web/CSS/@viewport -/ja/docs/Web/CSS/Reference/@viewport/orientation /en-US/docs/Web/CSS/@viewport +/ja/docs/Web/CSS/Reference/@viewport/orientation /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/user-zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/@viewport/zoom /ja/docs/Web/CSS/@viewport /ja/docs/Web/CSS/Reference/Mozilla_Extensions /ja/docs/Web/CSS/Mozilla_Extensions @@ -3857,20 +3854,20 @@ /ja/docs/Web/Guide/CSS/Flexible_boxes /ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox /ja/docs/Web/Guide/CSS/Getting_started /ja/docs/Learn/CSS /ja/docs/Web/Guide/CSS/Getting_started/Boxes /ja/docs/Learn/CSS/Building_blocks/The_box_model -/ja/docs/Web/Guide/CSS/Getting_started/Cascading_and_inheritance /en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance +/ja/docs/Web/Guide/CSS/Getting_started/Cascading_and_inheritance /ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /ja/docs/Web/Guide/CSS/Getting_started/Color /ja/docs/Learn/CSS/Building_blocks/Values_and_units#color /ja/docs/Web/Guide/CSS/Getting_started/Content /ja/docs/Learn/CSS/Howto/Generated_content -/ja/docs/Web/Guide/CSS/Getting_started/How_CSS_works /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web/Guide/CSS/Getting_started/How_CSS_works /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/Web/Guide/CSS/Getting_started/JavaScript /ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents /ja/docs/Web/Guide/CSS/Getting_started/Layout /ja/docs/Learn/CSS/CSS_layout /ja/docs/Web/Guide/CSS/Getting_started/Lists /ja/docs/Learn/CSS/Styling_text/Styling_lists /ja/docs/Web/Guide/CSS/Getting_started/Media /ja/docs/Web/Progressive_web_apps/Responsive/Media_types -/ja/docs/Web/Guide/CSS/Getting_started/Selectors /en-US/docs/Learn/CSS/Building_blocks/Selectors +/ja/docs/Web/Guide/CSS/Getting_started/Selectors /ja/docs/Learn/CSS/Building_blocks/Selectors /ja/docs/Web/Guide/CSS/Getting_started/Tables /ja/docs/Learn/CSS/Building_blocks/Styling_tables /ja/docs/Web/Guide/CSS/Getting_started/Text_styles /ja/docs/Learn/CSS/Styling_text/Fundamentals -/ja/docs/Web/Guide/CSS/Getting_started/What_is_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/Web/Guide/CSS/Getting_started/Why_use_CSS /en-US/docs/Learn/CSS/First_steps/How_CSS_works -/ja/docs/Web/Guide/CSS/Getting_started/Why_use_CSS? /en-US/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web/Guide/CSS/Getting_started/What_is_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web/Guide/CSS/Getting_started/Why_use_CSS /ja/docs/Learn/CSS/First_steps/How_CSS_works +/ja/docs/Web/Guide/CSS/Getting_started/Why_use_CSS? /ja/docs/Learn/CSS/First_steps/How_CSS_works /ja/docs/Web/Guide/CSS/Media_queries /ja/docs/Web/CSS/Media_Queries/Using_media_queries /ja/docs/Web/Guide/CSS/Scaling_background_images /ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Resizing_background_images /ja/docs/Web/Guide/CSS/Testing_media_queries /ja/docs/Web/CSS/Media_Queries/Testing_media_queries @@ -4067,7 +4064,6 @@ /ja/docs/Web/HTTP/HTTP_access_control/Errors/CORSPreflightDidNotSucceed /ja/docs/Web/HTTP/CORS/Errors/CORSPreflightDidNotSucceed /ja/docs/Web/HTTP/HTTP_access_control/Errors/CORSRequestNotHttp /ja/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp /ja/docs/Web/HTTP/HTTP_response_codes /ja/docs/Web/HTTP/Status -/ja/docs/Web/HTTP/Headers/Index /ja/docs/orphaned/Web/HTTP/Headers/Index /ja/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_(PAC)_file /ja/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_PAC_file /ja/docs/Web/HTTP/Response_codes /ja/docs/Web/HTTP/Status /ja/docs/Web/HTTP/Response_codes/204 /ja/docs/Web/HTTP/Status/204 @@ -4439,7 +4435,7 @@ /ja/docs/Web2/Reference/Events/compositionend /ja/docs/Web/API/Element/compositionend_event /ja/docs/Web2/Reference/Events/compositionstart /ja/docs/Web/API/Element/compositionstart_event /ja/docs/Web2/Reference/Events/input /ja/docs/Web/API/HTMLElement/input_event -/ja/docs/WebAPI /ja/docs/conflicting/Web/API_dd04ca1265cb79b990b8120e5f5070d3 +/ja/docs/WebAPI /ja/docs/Web/API /ja/docs/WebAPI/Battery_Status /ja/docs/Web/API/Battery_Status_API /ja/docs/WebAPI/Managing_screen_orientation /ja/docs/Web/API/CSS_Object_Model/Managing_screen_orientation /ja/docs/WebAPI/Network_Information /ja/docs/Web/API/Network_Information_API diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index db3e031f5d..8751777912 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -10699,12 +10699,6 @@ "Wind1808" ] }, - "Web/API/ByteString": { - "modified": "2020-03-11T12:49:49.193Z", - "contributors": [ - "mfuji09" - ] - }, "Web/API/CDATASection": { "modified": "2019-09-16T12:26:56.983Z", "contributors": [ @@ -14808,24 +14802,6 @@ "souta" ] }, - "Web/API/File/fileName": { - "modified": "2020-09-25T16:45:23.436Z", - "contributors": [ - "silverskyvicto", - "mfuji09", - "fscholz", - "ethertank" - ] - }, - "Web/API/File/fileSize": { - "modified": "2020-09-25T16:46:05.461Z", - "contributors": [ - "silverskyvicto", - "mfuji09", - "fscholz", - "ethertank" - ] - }, "Web/API/File/getAsBinary": { "modified": "2019-11-18T15:13:21.722Z", "contributors": [ @@ -18756,12 +18732,6 @@ "naturallucky" ] }, - "Web/API/MouseEvent/which": { - "modified": "2020-10-15T22:18:18.557Z", - "contributors": [ - "isdh" - ] - }, "Web/API/MutationObserver": { "modified": "2020-10-15T21:21:02.785Z", "contributors": [ @@ -22682,6 +22652,12 @@ "yyss" ] }, + "Web/API/UIEvent/which": { + "modified": "2020-10-15T22:18:18.557Z", + "contributors": [ + "isdh" + ] + }, "Web/API/URL": { "modified": "2020-10-15T21:33:06.267Z", "contributors": [ @@ -31207,6 +31183,71 @@ "sosleepy" ] }, + "Web/CSS/gradient/conic-gradient()": { + "modified": "2020-11-05T10:00:21.729Z", + "contributors": [ + "chrisdavidmills", + "mfuji09" + ] + }, + "Web/CSS/gradient/linear-gradient()": { + "modified": "2020-11-16T08:57:22.063Z", + "contributors": [ + "chrisdavidmills", + "mfuji09", + "SphinxKnight", + "Sebastianz", + "Simplexible", + "wizAmit", + "slayslot", + "prayash", + "ethertank", + "sosleepy", + "Level", + "FredB" + ] + }, + "Web/CSS/gradient/radial-gradient()": { + "modified": "2020-11-18T14:42:27.892Z", + "contributors": [ + "chrisdavidmills", + "mfuji09", + "Sebastianz", + "wizAmit", + "slayslot", + "dskmori", + "ethertank", + "sosleepy", + "Level", + "FredB" + ] + }, + "Web/CSS/gradient/repeating-linear-gradient()": { + "modified": "2020-11-18T14:46:06.699Z", + "contributors": [ + "chrisdavidmills", + "mfuji09", + "Sebastianz", + "Prinz_Rana", + "wizAmit", + "prayash", + "ethertank", + "sosleepy" + ] + }, + "Web/CSS/gradient/repeating-radial-gradient()": { + "modified": "2020-11-18T14:47:38.855Z", + "contributors": [ + "chrisdavidmills", + "mfuji09", + "Sebastianz", + "Simplexible", + "Prinz_Rana", + "mrstork", + "ethertank", + "sosleepy" + ] + }, "Web/CSS/grid": { "modified": "2020-10-15T22:12:58.386Z", "contributors": [ @@ -48565,48 +48606,34 @@ "silverskyvicto" ] }, - "conflicting/MDN/Yari": { - "modified": "2020-08-13T21:26:07.304Z", - "contributors": [ - "eltociear", - "wbamberg", - "Marsf", - "mantaroh" - ] - }, - "conflicting/Web/API": { - "modified": "2019-09-25T00:26:30.367Z", + "conflicting/Web/API/Blob/size": { + "modified": "2020-09-25T16:46:05.461Z", "contributors": [ + "silverskyvicto", + "mfuji09", "fscholz", - "Hasilt", - "dextra" + "ethertank" ] }, - "conflicting/Web/API/URL": { - "modified": "2019-03-23T23:31:44.426Z", + "conflicting/Web/API/File/name": { + "modified": "2020-09-25T16:45:23.436Z", "contributors": [ - "YuichiNukiyama", + "silverskyvicto", + "mfuji09", "fscholz", - "khalid32", "ethertank" ] }, - "conflicting/Web/API_dd04ca1265cb79b990b8120e5f5070d3": { - "modified": "2019-03-23T23:32:13.721Z", + "conflicting/Web/API/XRInputSource/handedness": { + "modified": "2020-12-06T13:23:10.937Z", "contributors": [ - "wbamberg", - "fscholz", - "yyss", - "stingray", - "ethertank", - "Jeremie" + "Wind1808" ] }, - "conflicting/Web/CSS": { - "modified": "2020-07-21T12:48:32.485Z", + "conflicting/Web/API/XRInputSource/targetRayMode": { + "modified": "2020-12-08T09:23:22.538Z", "contributors": [ - "mfuji09", - "sii" + "Wind1808" ] }, "orphaned/Building_a_Mozilla_Distribution": { @@ -48665,13 +48692,6 @@ "Potappo" ] }, - "orphaned/Map": { - "modified": "2019-03-23T23:22:54.998Z", - "contributors": [ - "wbamberg", - "ledsun" - ] - }, "orphaned/Microsummary_XML_grammar_reference": { "modified": "2019-03-23T23:42:58.294Z", "contributors": [ @@ -48968,16 +48988,6 @@ "mikamikuh" ] }, - "orphaned/Web/API/Navigator/registerContentHandler": { - "modified": "2020-10-15T21:15:53.115Z", - "contributors": [ - "mfuji09", - "fscholz", - "jsx", - "ethertank", - "Potappo" - ] - }, "orphaned/Web/API/NavigatorConcurrentHardware": { "modified": "2020-10-15T22:16:01.086Z", "contributors": [ @@ -49077,21 +49087,6 @@ "Wind1808" ] }, - "orphaned/Web/API/TypeInfo": { - "modified": "2020-08-15T13:22:42.886Z", - "contributors": [ - "eltociear" - ] - }, - "orphaned/Web/API/UserProximityEvent/near": { - "modified": "2020-10-15T21:22:30.707Z", - "contributors": [ - "YujiSoftware", - "fscholz", - "AshfaqHossain", - "ethertank" - ] - }, "orphaned/Web/API/Window/getAttention": { "modified": "2019-03-23T23:51:10.969Z", "contributors": [ @@ -49119,12 +49114,6 @@ "Wind1808" ] }, - "orphaned/Web/CSS/@media/Index": { - "modified": "2019-03-18T21:22:31.321Z", - "contributors": [ - "mfuji09" - ] - }, "orphaned/Web/CSS/@media/scan": { "modified": "2020-10-15T22:06:00.879Z", "contributors": [ @@ -49143,78 +49132,6 @@ "mfuji09" ] }, - "orphaned/Web/CSS/Index": { - "modified": "2019-01-16T21:57:06.536Z", - "contributors": [ - "mfuji09", - "Marsf" - ] - }, - "orphaned/Web/CSS/conic-gradient()": { - "modified": "2020-11-05T10:00:21.729Z", - "contributors": [ - "chrisdavidmills", - "mfuji09" - ] - }, - "orphaned/Web/CSS/linear-gradient()": { - "modified": "2020-11-16T08:57:22.063Z", - "contributors": [ - "chrisdavidmills", - "mfuji09", - "SphinxKnight", - "Sebastianz", - "Simplexible", - "wizAmit", - "slayslot", - "prayash", - "ethertank", - "sosleepy", - "Level", - "FredB" - ] - }, - "orphaned/Web/CSS/radial-gradient()": { - "modified": "2020-11-18T14:42:27.892Z", - "contributors": [ - "chrisdavidmills", - "mfuji09", - "Sebastianz", - "wizAmit", - "slayslot", - "dskmori", - "ethertank", - "sosleepy", - "Level", - "FredB" - ] - }, - "orphaned/Web/CSS/repeating-linear-gradient()": { - "modified": "2020-11-18T14:46:06.699Z", - "contributors": [ - "chrisdavidmills", - "mfuji09", - "Sebastianz", - "Prinz_Rana", - "wizAmit", - "prayash", - "ethertank", - "sosleepy" - ] - }, - "orphaned/Web/CSS/repeating-radial-gradient()": { - "modified": "2020-11-18T14:47:38.855Z", - "contributors": [ - "chrisdavidmills", - "mfuji09", - "Sebastianz", - "Simplexible", - "Prinz_Rana", - "mrstork", - "ethertank", - "sosleepy" - ] - }, "orphaned/Web/CSS/transform-function/translateX": { "modified": "2020-11-11T04:53:52.662Z", "contributors": [ @@ -49443,12 +49360,6 @@ "silverskyvicto" ] }, - "orphaned/Web/HTTP/Headers/Index": { - "modified": "2019-03-18T21:26:05.914Z", - "contributors": [ - "mfuji09" - ] - }, "orphaned/Web/JavaScript/Guide/Core_Language_Features": { "modified": "2019-03-23T23:42:43.617Z", "contributors": [ diff --git a/files/ja/web/api/file/filesize/index.html b/files/ja/conflicting/web/api/blob/size/index.html index 21ee3a0562..fc843a8033 100644 --- a/files/ja/web/api/file/filesize/index.html +++ b/files/ja/conflicting/web/api/blob/size/index.html @@ -1,6 +1,6 @@ --- title: File.fileSize -slug: Web/API/File/fileSize +slug: conflicting/Web/API/Blob/size tags: - DOM - File API @@ -12,6 +12,7 @@ tags: - ファイル - プロパティ translation_of: Web/API/File/fileSize +original_slug: Web/API/File/fileSize --- <p>{{APIRef("File API") }}{{non-standard_header}}{{obsolete_header(7.0)}}</p> diff --git a/files/ja/web/api/file/filename/index.html b/files/ja/conflicting/web/api/file/name/index.html index 8096f58d4e..424b4b7685 100644 --- a/files/ja/web/api/file/filename/index.html +++ b/files/ja/conflicting/web/api/file/name/index.html @@ -1,6 +1,6 @@ --- title: File.fileName -slug: Web/API/File/fileName +slug: conflicting/Web/API/File/name tags: - API - DOM @@ -11,6 +11,7 @@ tags: - Property - Reference translation_of: Web/API/File/fileName +original_slug: Web/API/File/fileName --- <p>{{APIRef("File API")}}{{non-standard_header}}{{obsolete_header(7.0)}}</p> diff --git a/files/ja/conflicting/web/api/index.html b/files/ja/conflicting/web/api/index.html deleted file mode 100644 index d944a08a4d..0000000000 --- a/files/ja/conflicting/web/api/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: element.name -slug: conflicting/Web/API -translation_of: Web/API -translation_of_original: Web/API/Element/name -original_slug: Web/API/Element/name ---- -<p>{{ ApiRef() }}</p> -<h3 class="editable" id="概要" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.142em; font-family: Georgia, Times, 'Times New Roman', serif; border-bottom-width: 1px; border-bottom-style: solid; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; letter-spacing: normal; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><span>概要</span></h3> -<p><strong>name</strong> はDOM オブジェクトの<code>name</code> 属性を取得または設定します。</p> -<p>ただし、この属性が適用されるのは次の要素に限られます。</p> -<p>{{ HTMLelement("a") }}, {{ HTMLelement("applet") }}, {{ HTMLelement("form") }}, {{ HTMLelement("frame") }}, {{ HTMLelement("iframe") }}, {{ HTMLelement("img") }}, {{ HTMLelement("input") }}, {{ HTMLelement("map") }}, {{ HTMLelement("meta") }}, {{ HTMLelement("object") }}, {{ HTMLelement("option") }}, {{ HTMLelement("param") }}, {{ HTMLelement("select") }}, {{ HTMLelement("textarea") }}.</p> -<p>name は、 {{ domxref("document.getElementsByName()") }} メソッドか、 <a href="/en/DOM/HTMLFormElement" title="en/DOM/form">form</a> と <a href="/en/DOM/form.elements" title="en/DOM/form.elements">form.elements</a> のコレクションで使用することができます。 form や form.elements のコレクションで使われた場合、一つの要素かコレクションを返します。</p> -<h3 class="editable" id="構文" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.142em; font-family: Georgia, Times, 'Times New Roman', serif; border-bottom-width: 1px; border-bottom-style: solid; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; letter-spacing: normal; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><span>構文</span></h3> -<pre class="eval"><em>HTMLElement</em>.name = <em>string</em>; -var elName = <em>HTMLElement</em>.name; - -var fControl = <em>HTMLFormElement</em>.<em>elementName</em>; -var controlCollection = <em>HTMLFormElement</em>.elements.<em>elementName</em>; -</pre> -<h3 class="editable" id="例" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.142em; font-family: Georgia, Times, 'Times New Roman', serif; border-bottom-width: 1px; border-bottom-style: solid; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; letter-spacing: normal; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><span>例</span></h3> -<pre class="eval"><form action="" name="formA"> - <input type="text" value="foo"> -</form> - -<script type="text/javascript"> - - // form の最初の要素の参照を取得します。 - var formElement = document.forms['formA'].elements[0]; - - // name 属性を設定します。 - formElement.name = 'inputA'; - - // input の value を表示します。 - alert(document.forms['formA'].elements['inputA'].value); - -</script> -</pre> -<h3 class="editable" id="注記" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.142em; font-family: Georgia, Times, 'Times New Roman', serif; border-bottom-width: 1px; border-bottom-style: solid; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; letter-spacing: normal; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><span>注記</span></h3> -<p>Internet Explorer (IE)では、 {{ domxref("document.createElement()") }}を使って作成されたDOM オブジェクトの name 属性 は、設定および変更をすることができません。</p> -<h3 class="editable" id="仕様" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.8em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.142em; font-family: Georgia, Times, 'Times New Roman', serif; border-bottom-width: 1px; border-bottom-style: solid; color: rgb(51, 51, 51); font-style: normal; font-variant: normal; letter-spacing: normal; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; background-color: rgb(255, 255, 255);"><span>仕様</span></h3> -<p>W3C DOM 2 HTML Specification:</p> -<ul> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-32783304">Anchor</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-39843695">Applet</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-22051454">Form</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-91128709">Frame</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-96819659">iFrame</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-47534097">Image</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-89658498">Input</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-52696514">Map</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-31037081">Meta</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-20110362">Object</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-89658498">Option</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-59871447">Param</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-41636323">Select</a></li> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-70715578">Textarea</a></li> -</ul> -<p>{{ languages( { "en" :"en/DOM/element.name", "fr": "fr/DOM/element.name", "pl": "pl/DOM/element.name" } ) }}</p> diff --git a/files/ja/conflicting/web/api/xrinputsource/handedness/index.html b/files/ja/conflicting/web/api/xrinputsource/handedness/index.html new file mode 100644 index 0000000000..ea3db01eec --- /dev/null +++ b/files/ja/conflicting/web/api/xrinputsource/handedness/index.html @@ -0,0 +1,86 @@ +--- +title: XRHandedness +slug: conflicting/Web/API/XRInputSource/handedness +tags: + - API + - AR + - Enum + - Enumerated Type + - Handedness + - Reference + - Type + - VR + - WebXR + - WebXR Device API + - XRHandedness + - hand + - left + - right +translation_of: Web/API/XRHandedness +original_slug: Web/API/XRHandedness +--- +<p>{{APIRef("WebXR")}}</p> + +<p>WebXR の <strong><code>XRHandedness</code></strong> 列挙型は、使用している XR 入力デバイスに接続された特定の入力コントローラーを操作するために使用しているユーザーの手を識別する値を提供します。 <code>XRHandedness</code> は、{{domxref("XRInputSource")}} の {{domxref("XRInputSource.handedness", "handedness")}} プロパティの値として使用されます。</p> + +<h2 id="Values" name="Values">値</h2> + +<dl> + <dt><code>none</code></dt> + <dd>入力コントローラーは、ユーザーのいずれの手にも関連付けられていません。</dd> + <dt><code>left</code></dt> + <dd>入力コントローラーは、ユーザーの左手に握られているか、着用されているか、取り付けられています。</dd> + <dt><code>right</code></dt> + <dd>入力コントローラーは、ユーザーの右手に握られているか、着用されているか、取り付けられています。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p><code>handedness</code> の重要な使用方法の1つは、コントローラーがどちらの手にあるかを判別して、仮想空間でその手（またはその手が制御しているデバイス）の表現を描画できるようにすることです。</p> + +<pre class="brush: js notranslate">function updateInputSources(session, frame, refSpace) { + for (let source of session.inputSources) { + if (source.gripSpace) { + let gripPose = frame.getPose(source.gripSpace, refSpace); + + if (gripPose) { + myRenderHandObject(gripPose, inputSource.handedness); + } + } + } +} +</pre> + +<p>この関数は、すべてのアニメーションフレーム（または必要な滑らかさの程度とパフォーマンスの制約に応じて定期的に）で呼ばれ、入力ソースのリストをスキャンして、<code>null</code> ではない {{domxref("XRInputSource.gripSpace", "gripSpace")}} を持つものを探します。 <code>gripSpace</code> が存在する場合、それは入力ソースが何らかのハンドヘルドデバイスであることを意味するため、可能であれば視覚的にレンダリングする必要があります。</p> + +<p><code>gripSpace</code> が <code>null</code> 以外の場合、この関数は、現在の参照空間に変換された <code>gripSpace</code> のポーズを取得します。 それが有効であると仮定すると、<code>myRenderHandObject()</code> と呼ばれる関数が、グリップのポーズと <code>handedness</code> の値を使用して呼び出されます。 これらの値が手元にあれば（しゃれは意図していません）、<code>myRenderHandObject()</code> は、正しい手のために配置および形成された適切なモデルを描画できます。</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('WebXR','#enumdef-xrhandedness','XRHandedness')}}</td> + <td>{{Spec2('WebXR')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<p>{{Compat("api.XRHandedness")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a></li> + <li><a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a></li> + <li><a href="/ja/docs/Web/WebXR%20Device%20API/Gamepads">WebXR アプリケーションでのゲームパッドの使用</a></li> + <li>{{domxref("XREye")}}: ビューを表示する対象の目を示します</li> +</ul> diff --git a/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html b/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html new file mode 100644 index 0000000000..e787a3e7be --- /dev/null +++ b/files/ja/conflicting/web/api/xrinputsource/targetraymode/index.html @@ -0,0 +1,103 @@ +--- +title: XRTargetRayMode +slug: conflicting/Web/API/XRInputSource/targetRayMode +tags: + - 3D + - API + - AR + - Enum + - Enumerated Type + - Input + - Reality + - Reference + - Type + - VR + - Virtual + - WebXR + - WebXR API + - WebXR Device API + - XR + - XRTargetRayMode + - augmented + - source + - target +translation_of: Web/API/XRTargetRayMode +original_slug: Web/API/XRTargetRayMode +--- +<p>{{APIRef("WebXR")}}</p> + +<p><span class="seoSummary"><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a> の <strong><code>XRTargetRayMode</code></strong> 列挙型は、入力コントローラーのターゲティング光線を生成する方法を記述します。</span> ターゲティングは、視線追跡システムを使用してターゲットを見るか、ハンドコントローラー、グローブ、またはモーショントラッキングシステムを使用してターゲットを指すか、画面上で指やマウスを使用してターゲットをタップまたはクリックすることによって行うことができます。</p> + +<p>通常、<strong>ターゲット光線</strong>は、ターゲティングシステムのソースから、ユーザーが見ている方向または指している方向にターゲット光線に沿って描画されます。 光線の終点を示す方法と同様に、光線のスタイルは一般的にあなた次第です。 ターゲットとなる点またはオブジェクトは、図形を描画するか、ターゲットとなる表面またはオブジェクトを強調表示することによって示される場合があります。</p> + +<div style="width: 42em;"> +<figure style="background: #eee; padding: 0.5em; border: 1px solid #aaa; border-radius: 1em; max-width: 504px; padding: 1em; margin: 1em auto;"> +<figcaption><strong>ハンドコントローラーから放出されるターゲット光線。</strong></figcaption> +<img alt="ハンドコントローラーから放出されるターゲット光線を示すスクリーンショット" src="https://mdn.mozillademos.org/files/17089/example-target-ray.gif" style="width: 100%;"></figure> +</div> + +<p>ターゲット光線は、単純な線（理想的には距離とともにフェードする）から、上のスクリーンショットに示されているサイエンスフィクションの「フェイザー」スタイルなどのアニメーション効果まで、何でもかまいません。</p> + +<h2 id="Values" name="Values">値</h2> + +<dl> + <dt><code>gaze</code>（視線）</dt> + <dd>ユーザーは、ユーザーが見ている方向を検出する視線追跡システム（または<strong>視線入力</strong>）を使用しています。 ターゲット光線は、ビューアーの目を起点として描画され、ビューアーが見ている方向に追従します。</dd> + <dt><code>screen</code>（画面）</dt> + <dd>ターゲット光線の方向は、タッチスクリーン、マウス、またはその他の触覚入力デバイスをタップして示します。</dd> + <dt><code>tracked-pointer</code>（追跡ポインター）</dt> + <dd>ターゲティングは、ユーザーがターゲットの方向に向けるハンドヘルドデバイスまたはハンドトラッキングシステムを使用して行われます。 ターゲット光線は、手（または手の中のオブジェクト）からターゲット方向に伸びます。 方向はプラットフォーム固有のルールを使用して決定されますが、そのようなルールが存在しない場合は、ユーザーが人差し指を手からまっすぐに向けていると仮定して方向が選択されます。</dd> +</dl> + +<h2 id="Examples" name="Examples">例</h2> + +<p>このコードの断片は、フレームごとに1回呼び出される関数の一部を示しています。 <code>null</code> 以外の {{domxref("XRInputSource.targetRaySpace", "targetRaySpace")}} を持つ入力を探します。 このプロパティの値を持つ入力は、ターゲット光線をユーザーから外側に投影する入力を表します。</p> + +<p>このような入力ごとに、この例では、{{domxref("XRInputSource.targetRayMode", "targetRayMode")}} が <code>tracked-pointer</code> である入力を探します。 これは、入力が実際には、視線入力デバイス、画面タップ、またはマウスクリックではなく、ターゲティングデバイスを表すことを目的としていることを示しています。 追跡ポインターの場合、関数 <code>myRenderTargetRayAsBeam()</code> が呼び出され、入力コントローラーの仮想位置から、それが指している方向に外側にビームをレンダリングします。</p> + +<p>コードは、仮想空間でのユーザーの手の位置を表すコントローラーや任意のオブジェクトの描画、その他の入力関連のタスクなどを引き続き実行する必要があります。</p> + +<pre class="brush: js notranslate">function updateInputSources(session, frame, refSpace) { + for (let source of session.getInputSources()) { + let targetRayPose = frame.getPose(inputSource.targetRaySpace, refSpace); + + if (targetRayPose) { + if (source.targetRayMode == "tracked-pointer") { + myRenderTargetRayAsBeam(targetRayPose); + } + } + + /* ... */ + } +} +</pre> + +<p>詳細とより完全な例については、<a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a>の記事を参照してください。</p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('WebXR','#enumdef-xrtargetraymode','XRTargetRayMode')}}</td> + <td>{{Spec2('WebXR')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<p>{{Compat("api.XRTargetRayMode")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/API/WebXR_Device_API">WebXR Device API</a></li> + <li><a href="/ja/docs/Web/API/WebXR_Device_API/Inputs">入力と入力ソース</a></li> +</ul> diff --git a/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html b/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html deleted file mode 100644 index cdd2b4c27d..0000000000 --- a/files/ja/conflicting/web/api_49b9a84475f11fffb8fc271a7df3c49a/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: 索引 -slug: conflicting/Web/API_49b9a84475f11fffb8fc271a7df3c49a -tags: - - API - - Index - - Landing -translation_of: Web/API/Index -original_slug: Web/API/Index ---- -<p>{{Index("/ja/docs/Web/API")}}</p> diff --git a/files/ja/conflicting/web/api_dd04ca1265cb79b990b8120e5f5070d3/index.html b/files/ja/conflicting/web/api_dd04ca1265cb79b990b8120e5f5070d3/index.html deleted file mode 100644 index 25be1a0e2e..0000000000 --- a/files/ja/conflicting/web/api_dd04ca1265cb79b990b8120e5f5070d3/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: WebAPI -slug: conflicting/Web/API_dd04ca1265cb79b990b8120e5f5070d3 -tags: - - Apps - - DOM - - Firefox OS - - Mobile -translation_of: Web/API -translation_of_original: WebAPI -original_slug: WebAPI ---- -<p><strong>WebAPI</strong> はデバイス間の互換性を提供する機能一式であり、Web アプリやコンテンツがデバイスに保存されているデータ (カレンダーや連絡先など) やデバイスハードウェア (バッテリーの状態やデバイスのバイブレーションハードウェアなど) へアクセスできるようにする API を指す用語です。これらの API を追加することにより今日の Web ができることを増やすとともに、従来はプロプライエタリなプラットフォームでしかできなかったことに広がることを望んでいます。</p> - -<div class="note"> -<p><strong>注記:</strong> 各バッジの簡単な説明については、<a href="/ja/docs/Web/Apps/Packaged_apps#Types_of_packaged_apps" title="Web/Apps/Packaged_apps#Types_of_packaged_apps">パッケージ型アプリ</a>のドキュメントをご覧ください。</p> -</div> - -<div class="row topicpage-table"> -<div class="section"> -<h2 class="Documentation" id="Communication_APIs" name="Communication_APIs">コミュニケーション API</h2> - -<dl> - <dt><a href="/ja/docs/WebAPI/Network_Information" title="WebAPI/Network_Information">Network Information API</a></dt> - <dd>接続速度など、現在のネットワーク接続に関する基本的な情報を提供します。</dd> - <dt><a href="/ja/docs/WebAPI/WebBluetooth" title="WebAPI/WebBluetooth">Bluetooth</a> {{NonStandardBadge}}</dt> - <dd>WebBluetooth API は、デバイスのBluetooth ハードウェアに対する低水準のアクセス手段を提供します。</dd> - <dt><a href="/ja/docs/WebAPI/Mobile_Connection" title="WebAPI/Mobile_Connection">Mobile Connection API</a> {{NonStandardBadge}}</dt> - <dd>信号強度やオペレーター情報など、デバイスのセルラー接続に関する情報を公開します。</dd> - <dt><a href="/ja/docs/WebAPI/Network_Stats" title="WebAPI/Network_Stats">Network Stats API</a> {{NonStandardBadge}}</dt> - <dd>データの使用状況をモニタリングして、そのデータを特権アプリケーションに公開します。</dd> - <dt><a href="/ja/docs/WebAPI/WebTelephony" title="WebAPI/WebTelephony">Telephony</a> {{NonStandardBadge}}</dt> - <dd>アプリが電話を発着信したり、内蔵の電話機能のユーザインターフェイスを使用したりすることが可能です。</dd> - <dt><a href="/ja/docs/WebAPI/WebSMS" title="WebAPI/WebSMS">WebSMS </a>{{NonStandardBadge}}</dt> - <dd>アプリに対して、デバイスに保存しているメッセージのアクセスや管理だけでなく、SMS テキストメッセージの送受信を可能にします。</dd> - <dt><a href="/ja/docs/WebAPI/WiFi_Information" title="WebAPI/WiFi_Information">WiFi Information API</a> {{NonStandardBadge}}</dt> - <dd>信号強度、現在接続しているネットワークの名称、利用可能な WiFi ネットワークなどの情報を提供する特権 API です。</dd> -</dl> - -<h2 class="Documentation" id="Hardware_access_APIs" name="Hardware_access_APIs">ハードウェアアクセス API</h2> - -<dl> - <dt><a href="/ja/docs/WebAPI/Using_Light_Events">Ambient Light Sensor API</a></dt> - <dd>環境光センサーへのアクセス手段を提供します。これにより、アプリがデバイス付近の環境光のレベルを検出できます。</dd> - <dt><a href="/ja/docs/WebAPI/Battery_Status" title="WebAPI/Battery_Status">Battery Status API</a></dt> - <dd>バッテリーの残量や、デバイスが電源に接続されて充電中であるかといった情報を提供します。</dd> - <dt><a href="/ja/docs/Using_geolocation" title="Using_geolocation">Geolocation API</a></dt> - <dd>デバイスの物理的な位置に関する情報を提供します。</dd> - <dt><a href="/ja/docs/API/Pointer_Lock_API" title="API/Pointer_Lock_API">Pointer Lock API</a></dt> - <dd>アプリがマウスへのアクセスをロックして、絶対座標ではなく移動量の差分にアクセスできます。これはゲームに対して重要です。</dd> - <dt><a href="/ja/docs/WebAPI/Proximity" title="WebAPI/Proximity">Proximity API</a></dt> - <dd>ユーザの顔など、近くにある物体とデバイスとの近接度を検出できます。</dd> - <dt><a href="/ja/docs/Detecting_device_orientation" title="WebAPI/Detecting_device_orientation">Device Orientation API</a></dt> - <dd>デバイスの向きが変化したときに通知します。</dd> - <dt><a href="/ja/docs/WebAPI/Managing_screen_orientation" title="WebAPI/Managing_screen_orientation">Screen Orientation API</a></dt> - <dd>スクリーンの向きが変化したときに通知します。この API は、アプリにとってどの向きが望ましいかを示すことにも使用できます。</dd> - <dt><a href="/ja/docs/Web/Guide/API/Vibration" title="WebAPI/Vibration">Vibration API</a></dt> - <dd>ゲームでの触覚フィードバックなどのために、アプリがデバイスのバイブレーションハードウェアを制御できます。これは通知のためのバイブレーションといった用途向けでは<strong>ありません</strong>。通知については <a href="/ja/docs/WebAPI/Alarm" title="WebAPI/Alarm">Alarm API</a> をご覧ください。</dd> - <dt><a href="/ja/docs/Web/API/Camera_API" title="Web/API/Camera_API">Camera API</a> {{NonStandardBadge}}</dt> - <dd>デバイス内蔵のカメラを使用して、アプリが写真や動画を撮影できます。</dd> - <dt><a href="/ja/docs/WebAPI/Power_Management" title="WebAPI/Power_Management">Power Management API </a>{{NonStandardBadge}}</dt> - <dd>アプリがスクリーン、CPU、デバイスの電源などをオン・オフできるようにします。また、リソースロックイベントのリスニングや調査もサポートします。</dd> -</dl> - -<p><span class="alllinks"><a href="/ja/docs/tag/WebAPI" title="tag/CSS">すべて見る...</a></span></p> -</div> - -<div class="section"> -<h2 class="Documentation" id="Data_management_APIs" name="Data_management_APIs">データ管理 API</h2> - -<dl> - <dt><a href="/ja/docs/Web/API/File_Handle_API" title="Web/API/File_Handle_API">FileHandle API</a> {{NonStandardBadge}}</dt> - <dd>ロック機能とともに、書き込み可能なファイルをサポートします。</dd> - <dt><a href="/ja/docs/IndexedDB" title="IndexedDB">IndexedDB</a></dt> - <dd>パフォーマンスが高い検索機能をサポートする、クライアントサイドの構造化データ用ストレージです。</dd> - <dt><a href="/ja/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> {{NonStandardBadge}}</dt> - <dd>デバイスへ永続的に保存されるシステム全体の設定オプションを、アプリが調査したり変更したりすることが可能です。</dd> -</dl> - -<h2 class="Documentation" id="Other_APIs" name="Other_APIs">その他の API</h2> - -<dl> - <dt><a href="/ja/docs/Web/API/Alarm_API" title="Web/API/Alarm_API">Alarm API</a></dt> - <dd>アプリが通知を予定することが可能です。特定の時刻にアプリを自動起動する機能もサポートします。</dd> - <dt><a href="/ja/docs/Web/API/Simple_Push_API" title="Web/API/Simple_Push_API">Simple Push API</a></dt> - <dd>プラットフォームが特定のアプリケーションに通知メッセージを送信できます。</dd> - <dt><a href="/ja/docs/WebAPI/Using_Web_Notifications" title="WebAPI/Using_Web_Notifications">Web Notifications</a></dt> - <dd>アプリケーションが、システムレベルで表示される通知を送信できます。</dd> - <dt><a href="/ja/docs/Web/API/DOMApplicationsRegistry" title="Web/API/DOMApplicationsRegistry">Apps API</a> {{NonStandardBadge}}</dt> - <dd>Open WebApps API は、Web アプリのインストールや管理をサポートします。また、アプリが課金情報を調べることを可能にします。</dd> - <dt><a href="/ja/docs/Web/API/Web_Activities" title="Web/API/Web_Activities">Web Activities</a> {{NonStandardBadge}}</dt> - <dd>あるアプリが別のアプリにアクティビティを渡すことができます。例えばあるアプリが別のアプリに対して、写真を選択 (または作成) して返すように依頼するでしょう。一般的に、ユーザはどのアクティビティにどのアプリを使用するかを設定できます。</dd> - <dt><a href="/ja/docs/Web/Apps/Publishing/In-app_payments" title="Apps/Publishing/In-app_payments">WebPayment API</a> {{NonStandardBadge}}</dt> - <dd>Web コンテンツが、仮想的な物品に対する支払いや払い戻しの処理を開始できます。</dd> - <dt><a href="/ja/docs/DOM/Using_the_Browser_API" title="DOM/Using_the_Browser_API"><strong>Browser API</strong></a> {{NonStandardBadge}}</dt> - <dd>Web 技術を完全に使用する Web ブラウザの構築をサポートします (要するに、ブラウザの中にあるブラウザです)。</dd> - <dt><a href="/ja/docs/WebAPI/Idle" title="WebAPI/Device_Storage_API">Idle API</a></dt> - <dd>ユーザが能動的にデバイスを使用していないときに、アプリが通知を受け取れます。</dd> - <dt><a href="/ja/docs/WebAPI/Permissions" title="WebAPI/Permissions">Permissions API</a> {{NonStandardBadge}}</dt> - <dd>集中化された場所で、アプリの許可設定を管理します。設定アプリで使用されます。</dd> - <dt><a href="/ja/docs/WebAPI/Time_and_Clock" title="WebAPI/Time_and_Clock">Time/Clock API</a> {{NonStandardBadge}}</dt> - <dd>現在時刻の設定をサポートします。タイムゾーンは <a href="/ja/docs/WebAPI/Settings" title="WebAPI/Settings">Settings API</a> で設定します。</dd> -</dl> - -<h2 class="Community" id="Community" name="Community">WebAPI コミュニティ</h2> - -<p>これらの API について支援が必要になったとしても、それらの使用方法について他の開発者と語る手段がいくつかあります。</p> - -<ul> - <li>WebAPI フォーラムで相談する: {{DiscussionList("dev-webapi", "mozilla.dev.webapi")}}</li> - <li>WebAPI IRC チャンネルを訪問する: <a href="irc://irc.mozilla.org/webapi" title="irc://irc.mozilla.org/webapi">#webapi</a></li> -</ul> - -<p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html"><em>ネチケット</em>を忘れないでください...</a></span></p> - -<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">関連トピック</h2> - -<ul> - <li><a href="/ja/docs/DOM" title="Document Object Model (DOM)">Document Object Model (DOM)</a> は、HTML ドキュメントをツリーとして表現するものです。</li> - <li><a href="/ja/docs/JavaScript" title="JavaScript">JavaScript</a> - Web 向けのスクリプト言語です。</li> - <li><a href="/ja/docs/MDN/Doc_status/API" title="MDN/Doc_status/API">Doc status</a>: WebAPI のトピック一覧と、それらのドキュメント化の状況です。</li> -</ul> -</div> -</div> - -<p> </p> diff --git a/files/ja/web/api/bytestring/index.html b/files/ja/conflicting/web/javascript/reference/global_objects/string/index.html index b92bb846e3..904fd7d989 100644 --- a/files/ja/web/api/bytestring/index.html +++ b/files/ja/conflicting/web/javascript/reference/global_objects/string/index.html @@ -1,6 +1,6 @@ --- title: ByteString -slug: Web/API/ByteString +slug: conflicting/Web/JavaScript/Reference/Global_Objects/String tags: - API - ByteString @@ -11,6 +11,7 @@ tags: - WebIDL - インターフェイス translation_of: Web/API/ByteString +original_slug: Web/API/ByteString --- <div>{{APIRef("DOM")}}</div> diff --git a/files/ja/games/index.html b/files/ja/games/index.html index 8a0aa54e82..362240ccf0 100644 --- a/files/ja/games/index.html +++ b/files/ja/games/index.html @@ -33,7 +33,7 @@ translation_of: Games <div class="section"> <h2 id="Port_native_games_to_the_Web" name="Port_native_games_to_the_Web">ネイティブゲームをウェブに移植する</h2> -<p>あなたがネイティブ開発者 (例えば、C++ でゲームを書くような) で、あなたのゲームをウェブに移植する方法に興味がある場合、<a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> ツール — これは LLVM から JavaScript へのコンパイラーで、LLVM バイトコード(例えば Clang を使って C/C++ から、あるいは他の言語から生成したもの) を受け取り、それを <a href="https://developer.mozilla.org/ja/docs/Games/Tools/asm.js">asm.js</a> というウェブで実行できるものにコンパイルします。</p> +<p>あなたがネイティブ開発者 (例えば、C++ でゲームを書くような) で、あなたのゲームをウェブに移植する方法に興味がある場合、<a href="http://kripken.github.io/emscripten-site/index.html">Emscripten</a> ツール — これは LLVM から JavaScript へのコンパイラーで、LLVM バイトコード(例えば Clang を使って C/C++ から、あるいは他の言語から生成したもの) を受け取り、それを <a href="/ja/docs/Games/Tools/asm.js">asm.js</a> というウェブで実行できるものにコンパイルします。</p> <p>開始するには、次のものを見てください:</p> diff --git a/files/ja/games/techniques/3d_on_the_web/basic_theory/index.html b/files/ja/games/techniques/3d_on_the_web/basic_theory/index.html index 079a49bed5..b2e15e7f94 100644 --- a/files/ja/games/techniques/3d_on_the_web/basic_theory/index.html +++ b/files/ja/games/techniques/3d_on_the_web/basic_theory/index.html @@ -58,7 +58,7 @@ translation_of: Games/Techniques/3D_on_the_web/Basic_theory <li><strong>ピクセル(Pixel)</strong>: スクリーン上の二次元のグリッドに配置された点、それぞれ RGBA の色を持つ。</li> </ul> -<p>頂点とフラグメントの処理はプログラミング可能です - あなたは <a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders">自分自身でシェーダを書いて</a> 出力を操作することができます。</p> +<p>頂点とフラグメントの処理はプログラミング可能です - あなたは <a href="/ja/docs/Games/Techniques/3D_on_the_web/GLSL_Shaders">自分自身でシェーダを書いて</a> 出力を操作することができます。</p> <h2 id="Vertex_processing" name="Vertex_processing">頂点の処理</h2> @@ -123,10 +123,10 @@ translation_of: Games/Techniques/3D_on_the_web/Basic_theory <p>これで 3D の処理の基本的な背景を知ることができました。もし練習に進んだり、動作するデモを見たいのでえあれば、下のチュートリアルを引き続き調べてください:</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js">Three.js でデモを作る</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js </a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas </a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">A-Frame を使った基本的なデモの作成 </a></li> + <li><a href="/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Three.js">Three.js でデモを作る</a></li> + <li><a href="/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_Babylon.js">Building up a basic demo with Babylon.js </a></li> + <li><a href="/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_PlayCanvas">Building up a basic demo with PlayCanvas </a></li> + <li><a href="/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">A-Frame を使った基本的なデモの作成 </a></li> </ul> <p>さらに進んで、クールな最先端な 3D の試みをあなた自身で作ってください！</p> diff --git a/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.html b/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.html index 8dac345c69..182f22c5ed 100644 --- a/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.html +++ b/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_a-frame/index.html @@ -5,7 +5,7 @@ translation_of: Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-F --- <div>{{GamesSidebar}}</div> -<p class="summary"><a href="https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/WebVR">WebVR</a> APIと <a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> API によって、ウェブブラウザ内でバーチャルリアリティ (VR) 体験を作成し始めることが可能になっていますが、コミュニティはもっと簡単に作れるツールやライブラリが現れるのを待っています。Mozilla の <a href="https://aframe.io/">A-Frame</a> フレームワークは、ウェブ開発者が慣れ親しんでいるシステムを用いて 3D VR 空間を構築するマークアップ言語を提供しています。このシステムはゲーム開発のコーディング原則に従っています; これはプロトタイプやデモを、大量の JavaScript や GLSL を書かずに、迅速にうまく構築するのに役立ちます。この記事では A-Frame をどうやって起動するか、そしてそれをつかって簡単なデモを構築する方法を説明します。</p> +<p class="summary"><a href="/ja/docs/Games/Techniques/3D_on_the_web/WebVR">WebVR</a> APIと <a href="/ja/docs/Web/API/WebGL_API">WebGL</a> API によって、ウェブブラウザ内でバーチャルリアリティ (VR) 体験を作成し始めることが可能になっていますが、コミュニティはもっと簡単に作れるツールやライブラリが現れるのを待っています。Mozilla の <a href="https://aframe.io/">A-Frame</a> フレームワークは、ウェブ開発者が慣れ親しんでいるシステムを用いて 3D VR 空間を構築するマークアップ言語を提供しています。このシステムはゲーム開発のコーディング原則に従っています; これはプロトタイプやデモを、大量の JavaScript や GLSL を書かずに、迅速にうまく構築するのに役立ちます。この記事では A-Frame をどうやって起動するか、そしてそれをつかって簡単なデモを構築する方法を説明します。</p> <h2 id="大まかな概要">大まかな概要</h2> diff --git a/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html b/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html index 91d1b9ee9f..aa14278879 100644 --- a/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html +++ b/files/ja/games/techniques/3d_on_the_web/building_up_a_basic_demo_with_three.js/index.html @@ -269,6 +269,6 @@ torus.scale.y = Math.abs(Math.sin(t)); <p>{{JSFiddleEmbed("https://jsfiddle.net/rybr720u/","","350")}}</p> -<p>あなたは今までのコードを<a href="https://github.com/end3r/MDN-Games-3D/blob/gh-pages/Three.js/shapes.html">GitHubで見る</a>こともできるし、ローカル環境で遊びたいと思ったら<a href="https://github.com/end3r/MDN-Games-3D/">リポジトリをフォークする</a>こともできます。今あなたは Three.js の基本を理解しているでしょう。このページの親ページである <a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web">Web上の3Dに関するドキュメント</a>に行くこともできます。</p> +<p>あなたは今までのコードを<a href="https://github.com/end3r/MDN-Games-3D/blob/gh-pages/Three.js/shapes.html">GitHubで見る</a>こともできるし、ローカル環境で遊びたいと思ったら<a href="https://github.com/end3r/MDN-Games-3D/">リポジトリをフォークする</a>こともできます。今あなたは Three.js の基本を理解しているでしょう。このページの親ページである <a href="/ja/docs/Games/Techniques/3D_on_the_web">Web上の3Dに関するドキュメント</a>に行くこともできます。</p> <p>WebGLを実際に触ることで、内部で何が起こっているのかをより理解することもできます。私たちの<a href="/ja/docs/Web/API/WebGL_API">WebGLドキュメンテーション</a>を参考にしてみてください。</p> diff --git a/files/ja/games/techniques/3d_on_the_web/webvr/index.html b/files/ja/games/techniques/3d_on_the_web/webvr/index.html index 82c41790e6..6c0755a7f2 100644 --- a/files/ja/games/techniques/3d_on_the_web/webvr/index.html +++ b/files/ja/games/techniques/3d_on_the_web/webvr/index.html @@ -106,7 +106,7 @@ translation_of: Games/Techniques/3D_on_the_web/WebVR <p>Boris Smus は、<a href="http://smus.com/responsive-vr/">レスポンシブ WebVR</a> の概念について書いています。 このコンセプトでは、VR ハードウェアのないラップトップ、Oculus Rift を搭載した PC、Google Cardboard に内蔵したスマートフォンなど、さまざまなデバイスで単一の Web ゲームをプレイしながら、それらすべてにユニークで価値のある体験を提供できます。 レスポンシブデザインに似ていますが、VR の世界に適用されます — 一度書けば VR ヘッドセットで実行できます ... またはそれなしで。 <a href="http://github.com/borismus/webvr-boilerplate">WebVR ボイラープレート</a>のソースを確認できます。 これは、WebVR の学習を開始する良い例であり、Web ベースの VR 体験の出発点です。</p> -<p>WebVR のシンプルなビルディングブロックを提供する <a href="https://aframe.io/">A-Frame</a> と呼ばれるマークアップフレームワークもあるため、VR Web サイトやゲームをすばやく構築して実験できます。 詳細については、<a href="https://developer.mozilla.org/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">A-Frame を使った基本的なデモの作成</a>というチュートリアルを参照してください。</p> +<p>WebVR のシンプルなビルディングブロックを提供する <a href="https://aframe.io/">A-Frame</a> と呼ばれるマークアップフレームワークもあるため、VR Web サイトやゲームをすばやく構築して実験できます。 詳細については、<a href="/ja/docs/Games/Techniques/3D_on_the_web/Building_up_a_basic_demo_with_A-Frame">A-Frame を使った基本的なデモの作成</a>というチュートリアルを参照してください。</p> <p>没入感は、ゲームプレイやグラフィックスよりも重要です — 体験の "内側にいる" と感じる必要があります。 実現するのは簡単ではありませんが、リアルな画像は必要ありません。 それどころか、基本的な形状を高フレームレートで飛び交うだけで、かなりの効果が得られます。 実験が重要なことを覚えておいてください — 特にあなたのゲームに何が有効かを確認してください。</p> diff --git a/files/ja/games/techniques/async_scripts/index.html b/files/ja/games/techniques/async_scripts/index.html index 0e5279f64d..ed95e3a3c8 100644 --- a/files/ja/games/techniques/async_scripts/index.html +++ b/files/ja/games/techniques/async_scripts/index.html @@ -11,7 +11,7 @@ translation_of: Games/Techniques/Async_scripts <div>{{GamesSidebar}}</div><div>{{IncludeSubnav("/ja/docs/Games")}}</div> <div class="summary"> -<p><span class="seoSummary">全ての中~大規模ゲームでは、コンパイル処理を最適化してブラウザを最大限柔軟にする、非同期スクリプトとして <a href="/en-US/docs/Games/Tools/asm.js">asm.js</a> コードをコンパイルします。Gecko では、非同期コンパイルによって、ゲームのロード時に JavaScript エンジンがメインスレッド外で asm.js をコンパイルし、生成した機械語コードをキャッシュしてそれ以降のロード時にコンパイル不要となります(Firefox 28から)。違いを見るには、<code>about:config</code> で <code>javascript.options.parallel_parsing</code> を反転させてください。</span></p> +<p><span class="seoSummary">全ての中~大規模ゲームでは、コンパイル処理を最適化してブラウザを最大限柔軟にする、非同期スクリプトとして <a href="/ja/docs/Games/Tools/asm.js">asm.js</a> コードをコンパイルします。Gecko では、非同期コンパイルによって、ゲームのロード時に JavaScript エンジンがメインスレッド外で asm.js をコンパイルし、生成した機械語コードをキャッシュしてそれ以降のロード時にコンパイル不要となります(Firefox 28から)。違いを見るには、<code>about:config</code> で <code>javascript.options.parallel_parsing</code> を反転させてください。</span></p> </div> <h2 id="非同期を動作させる">非同期を動作させる</h2> diff --git a/files/ja/games/techniques/audio_for_web_games/index.html b/files/ja/games/techniques/audio_for_web_games/index.html index 4bb44a5b8f..f0481c7596 100644 --- a/files/ja/games/techniques/audio_for_web_games/index.html +++ b/files/ja/games/techniques/audio_for_web_games/index.html @@ -44,7 +44,7 @@ translation_of: Games/Techniques/Audio_for_Web_Games <p>急騰するモバイルネットワークのデータ使用を軽減するための試みとして、再生開始前のバッファリングができなくなることが恐らくあります。バッファリングとは、ブラウザが前もってメディアのダウンロードをする処理であり、円滑な再生を確実なものにするために度々必要になります。</p> -<p>{{domxref("HTMLMediaElement")}} インターフェイスが備える <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement#Properties">多くのプロパティ</a> はトラックが再生可能な状態にあるかどうかを決定する助けになります。</p> +<p>{{domxref("HTMLMediaElement")}} インターフェイスが備える <a href="/ja/docs/Web/API/HTMLMediaElement#Properties">多くのプロパティ</a> はトラックが再生可能な状態にあるかどうかを決定する助けになります。</p> <div class="note"> <p><strong>注</strong>: 色々な意味でバッファリングの概念は時代遅れです。バイトレンジリクエストが許容される限り（これが既定の振る舞いです）、先行する内容のダウンロードの必要なしにオーディオの任意の点に飛ぶことができるべきです。しかしながら、先読みは依然として便利です。それなしでは、再生が始められるようになる前に、常にいくらかのクライアント・サーバー間通信が必要になるでしょう。</p> @@ -52,7 +52,7 @@ translation_of: Games/Techniques/Audio_for_Web_Games <h3 id="並行したオーディオ再生">並行したオーディオ再生</h3> -<p>多くのゲームでは、複数のオーディオを同時に再生することが求められます。例えば、ゲーム内で様々なことが起こるために、バックグラウンドミュージックと効果音を一緒に再生することがあります。この状況は近々、<a href="/docs/Web/API/Web_Audio_API">Web Audio API</a>の採用でもっと上手くいくようになる予定ですが、現状最も広くサポートされている方法 ― 平凡な{{htmlelement("audio")}}要素を使用すること ― は、モバイルデバイス上では不安定な結果になります。</p> +<p>多くのゲームでは、複数のオーディオを同時に再生することが求められます。例えば、ゲーム内で様々なことが起こるために、バックグラウンドミュージックと効果音を一緒に再生することがあります。この状況は近々、<a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a>の採用でもっと上手くいくようになる予定ですが、現状最も広くサポートされている方法 ― 平凡な{{htmlelement("audio")}}要素を使用すること ― は、モバイルデバイス上では不安定な結果になります。</p> <h3 id="テストとサポート">テストとサポート</h3> @@ -152,7 +152,7 @@ translation_of: Games/Techniques/Audio_for_Web_Games <h3 id="オーディオスプライト">オーディオスプライト</h3> -<p>オーディオスプライトは<a href="/docs/Web/Guide/CSS/CSS_Image_Sprites">CSSスプライト</a>から名前をとったもので、CSSスプライトとは単一グラフィックリソースを連続したスプライトに分解して使うCSSのための視覚的なテクニックです。同じ原理をオーディオに適用することで、読み込みと再生に時間のかかる小さなオーディオファイルの束ではなく、必要とするオーディオすべてを含む大きなオーディオファイル一つを用いることができます。そのファイルから特定の音を再生するには、各オーディオスプライトの既知の開始・停止時間を指定するだけです。</p> +<p>オーディオスプライトは<a href="/ja/docs/Web/Guide/CSS/CSS_Image_Sprites">CSSスプライト</a>から名前をとったもので、CSSスプライトとは単一グラフィックリソースを連続したスプライトに分解して使うCSSのための視覚的なテクニックです。同じ原理をオーディオに適用することで、読み込みと再生に時間のかかる小さなオーディオファイルの束ではなく、必要とするオーディオすべてを含む大きなオーディオファイル一つを用いることができます。そのファイルから特定の音を再生するには、各オーディオスプライトの既知の開始・停止時間を指定するだけです。</p> <p>利点は、一つのオーディオを前もって提供しておき、スプライトをすぐ使える状態にできることです。こうすることで、大きな一つのオーディオの再生と即時停止をするだけですみます。また、サーバーリクエスト数を減らすことと、帯域幅を節約することもできます。</p> @@ -215,11 +215,11 @@ myAudio.addEventListener('timeupdate', function() { <p>ゲーム内の音楽は感情に訴える強力な効果があります。あなたは様々な楽曲サンプルを組み合わせることができ、さらに、オーディオ要素のボリュームをコントロールすることができることを想定すれば、異なる楽曲をクロスフェードさせることができます。<code><a href="/Apps/Build/Audio_and_video_delivery/HTML5_playbackRate_explained">playbackRate()</a></code>を使うことで、動きにより良く同期させるために、ピッチに影響なく音楽のスピードの調節もできます。</p> -<p>これは標準の{{HTMLElement("audio")}}要素を使って{{domxref("HTMLMediaElement")}}と連携しさえすれば可能となりますが、より発展した<a href="/docs/Web/API/Web_Audio_API">Web Audio API</a>を使えばもっと簡単で柔軟になります。次にこれについて見ていきましょう。</p> +<p>これは標準の{{HTMLElement("audio")}}要素を使って{{domxref("HTMLMediaElement")}}と連携しさえすれば可能となりますが、より発展した<a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a>を使えばもっと簡単で柔軟になります。次にこれについて見ていきましょう。</p> <h2 id="ゲーム用の_Web_オーディオ_API">ゲーム用の Web オーディオ API</h2> -<p>Now that it's supported in all modern browsers except for Opera Mini and Internet Explorer (<a href="https://status.modern.ie/webaudioapi">although Microsoft is now working on it</a>), an acceptable approach for many situations is to use the <a href="/docs/Web/API/Web_Audio_API">Web Audio API</a> (see the <a href="http://caniuse.com/#search=web%20audio%20api">Can I use Web Audio API page</a> for more on browser compatibility). The Web Audio API is an advanced audio JavaScript API that is ideal for game audio. Developers can generate audio and manipulate audio samples as well as positioning sound in 3D game space.</p> +<p>Now that it's supported in all modern browsers except for Opera Mini and Internet Explorer (<a href="https://status.modern.ie/webaudioapi">although Microsoft is now working on it</a>), an acceptable approach for many situations is to use the <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> (see the <a href="http://caniuse.com/#search=web%20audio%20api">Can I use Web Audio API page</a> for more on browser compatibility). The Web Audio API is an advanced audio JavaScript API that is ideal for game audio. Developers can generate audio and manipulate audio samples as well as positioning sound in 3D game space.</p> <p>A feasible cross-browser strategy would be to provide basic audio using the standard {{HTMLElement("audio")}} element and, where supported, enhance the experience using the Web Audio API.</p> @@ -241,7 +241,7 @@ myAudio.addEventListener('timeupdate', function() { <h3 id="トラックを読み込む">トラックを読み込む</h3> -<p>With the Web Audio API you can load separate tracks and loops individually using <a href="/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a>, which means you can load them synchronously or in parallel. Loading synchronously might mean parts of your music are ready earlier and you can start playing them while others load.</p> +<p>With the Web Audio API you can load separate tracks and loops individually using <a href="/ja/docs/Web/API/XMLHttpRequest"><code>XMLHttpRequest</code></a>, which means you can load them synchronously or in parallel. Loading synchronously might mean parts of your music are ready earlier and you can start playing them while others load.</p> <p>Either way you may want to synchronize tracks or loops. The Web Audio API contains the notion of an internal clock that starts ticking the moment you create an audio context. You'll need to take account of the time between creating an audio context and when the first audio track starts playing. Recording this offset and querying the playing track's current time gives you enough information to synchronize separate pieces of audio.</p> @@ -370,10 +370,10 @@ for (var i = 0, len = tracks.length; i < len; i++) { <li>The environment (cavernous, underwater, etc.)</li> </ul> -<p>This is especially useful in a three-dimensional environment rendered using <a href="/docs/Web/WebGL">WebGL</a>, where the Web Audio API makes it possible to tie audio to the objects and viewpoints.</p> +<p>This is especially useful in a three-dimensional environment rendered using <a href="/ja/docs/Web/WebGL">WebGL</a>, where the Web Audio API makes it possible to tie audio to the objects and viewpoints.</p> <div class="note"> -<p><strong>注</strong>: See <a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio API Spatialization Basics</a> for more details.</p> +<p><strong>注</strong>: See <a href="/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio API Spatialization Basics</a> for more details.</p> </div> <h2 id="こちらも確認">こちらも確認</h2> diff --git a/files/ja/games/techniques/controls_gamepad_api/index.html b/files/ja/games/techniques/controls_gamepad_api/index.html index 1eb8e559d3..adb633b4cd 100644 --- a/files/ja/games/techniques/controls_gamepad_api/index.html +++ b/files/ja/games/techniques/controls_gamepad_api/index.html @@ -7,7 +7,7 @@ translation_of: Games/Techniques/Controls_Gamepad_API <h2 id="Web_ゲームのコントロール">Web ゲームのコントロール</h2> -<p><span id="result_box" lang="ja"><span>歴史的には、テレビに接続されたコンソールでゲームをすること、PC 上でのゲームとはまったく異なる体験でした。</span></span><span id="result_box" lang="ja"><span>最終的にはドライバとプラグインにより、コンソールゲームパッドをデスクトップゲームーネイティブかブラウザで実行されるゲームー</span></span><span lang="ja"><span>で使用できるようになりました。</span> <span>HTML5 の時代になり、</span></span><a href="https://developer.mozilla.org/docs/Web/API/Gamepad_API">Gamepad API</a><span lang="ja"><span> が完成し、プラグインなしでゲームパッドコントローラを使用してブラウザベースのゲームをプレイできるようになりました。</span> <span>Gamepad API は、入力を処理するために JavaScript コード内で使用できるボタンの押下と軸の変更を公開するインターフェイスを提供することで、これを実現します。</span> <span>これらは、ブラウザゲームにとって良いことです。</span></span></p> +<p><span id="result_box" lang="ja"><span>歴史的には、テレビに接続されたコンソールでゲームをすること、PC 上でのゲームとはまったく異なる体験でした。</span></span><span id="result_box" lang="ja"><span>最終的にはドライバとプラグインにより、コンソールゲームパッドをデスクトップゲームーネイティブかブラウザで実行されるゲームー</span></span><span lang="ja"><span>で使用できるようになりました。</span> <span>HTML5 の時代になり、</span></span><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a><span lang="ja"><span> が完成し、プラグインなしでゲームパッドコントローラを使用してブラウザベースのゲームをプレイできるようになりました。</span> <span>Gamepad API は、入力を処理するために JavaScript コード内で使用できるボタンの押下と軸の変更を公開するインターフェイスを提供することで、これを実現します。</span> <span>これらは、ブラウザゲームにとって良いことです。</span></span></p> <p><img alt="gamepad-controls" src="http://end3r.com/tmp/gamepad/gamepadapi-hungryfridge-img01.png" style="display: block; height: 400px; margin: 0px auto; width: 600px;"></p> diff --git a/files/ja/games/techniques/index.html b/files/ja/games/techniques/index.html index f3dee722b0..2f1c134d9f 100644 --- a/files/ja/games/techniques/index.html +++ b/files/ja/games/techniques/index.html @@ -16,18 +16,18 @@ translation_of: Games/Techniques </div> <dl> - <dt><a href="/docs/Games/Techniques/Async_scripts">asm.js用の非同期スクリプトを使用する</a></dt> + <dt><a href="/ja/docs/Games/Techniques/Async_scripts">asm.js用の非同期スクリプトを使用する</a></dt> <dd>中~大規模ゲームの作成に必要となる、非同期スクリプトは活用すべき重要テクニックであり、その結果あなたのゲームのJavaScriptはメインスレッド外でコンパイルされて、将来のゲーム実行のためにキャッシュされ、その結果ユーザにとっては目覚ましいパフォーマンス改良となります。この記事では方法を説明します。</dd> - <dt><a href="/docs/Apps/Developing/Optimizing_startup_performance" title="/en-US/docs/Apps/Developing/Optimizing_startup_performance">起動パフォーマンスを最適化する</a></dt> + <dt><a href="/ja/docs/Apps/Developing/Optimizing_startup_performance" title="/en-US/docs/Apps/Developing/Optimizing_startup_performance">起動パフォーマンスを最適化する</a></dt> <dd>作成したゲームが素早く、スムーズに、ユーザのブラウザや端末が固まったように見えなくする方法。</dd> - <dt><a href="/docs/Games/WebRTC_data_channels" title="/en-US/docs/Games/WebRTC_data_channels">WebRTC のp2pデータチャネルを使う</a></dt> + <dt><a href="/ja/docs/Games/WebRTC_data_channels" title="/en-US/docs/Games/WebRTC_data_channels">WebRTC のp2pデータチャネルを使う</a></dt> <dd>オーディオとビデオ通信のサポートに加えて、WebRTCはプレイヤー同士のテキスト・バイナリデータ交換を可能にする、ピア・ツー・ピアのデータチャネルもあります。この記事ではこれでできる事を説明し、簡単に実現するライブラリの使用方法を示します。</dd> - <dt><a href="/docs/Games/Techniques/Efficient_animation_for_web_games">webゲーム用の効率的アニメーション</a></dt> + <dt><a href="/ja/docs/Games/Techniques/Efficient_animation_for_web_games">webゲーム用の効率的アニメーション</a></dt> <dd>この記事ではwebゲーム用の効果的なアニメーション作成のテクニックとアドバイスをモバイルフォンといった下位側の端末サポートに偏って網羅します。CSS トランジションや CSS アニメーション、{{ domxref("window.requestAnimationFrame") }} を含むJavaScriptループについて触れます。</dd> - <dt><a href="/docs/Games/Techniques/Audio_for_Web_Games">Webゲーム用のオーディオ</a></dt> + <dt><a href="/ja/docs/Games/Techniques/Audio_for_Web_Games">Webゲーム用のオーディオ</a></dt> <dd>ゲームにとってオーディオは重要部分です — フィードバックと雰囲気を付け加えます。Webベースのオーディオは早くから成熟していましたが、まだ多くのブラウザに案内するべき違いがあります。この記事ではwebゲーム用のオーディオを実装するための詳細なガイドを提供し、現在なるべく広い範囲のプラットフォームで動作するものを観察します。</dd> - <dt><a href="/docs/Games/Techniques/2D_collision_detection">2D 衝突検出</a></dt> + <dt><a href="/ja/docs/Games/Techniques/2D_collision_detection">2D 衝突検出</a></dt> <dd>2D ゲームの衝突検出についての正確な紹介</dd> - <dt><a href="/docs/Games/Techniques/Tilemaps">タイルマップ</a></dt> + <dt><a href="/ja/docs/Games/Techniques/Tilemaps">タイルマップ</a></dt> <dd>タイルは2Dゲームの世界を作るのに、とてもよくあるテクニックです。この記事ではタイルマップと、Canvas API でそれを実装する方法を紹介します。</dd> </dl> diff --git a/files/ja/games/techniques/webrtc_data_channels/index.html b/files/ja/games/techniques/webrtc_data_channels/index.html index 512aa787e0..b11e1ca2ab 100644 --- a/files/ja/games/techniques/webrtc_data_channels/index.html +++ b/files/ja/games/techniques/webrtc_data_channels/index.html @@ -15,7 +15,7 @@ translation_of: Games/Techniques/WebRTC_data_channels <div>{{IncludeSubnav("/ja/docs/Games")}}</div> -<p><a href="/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> (Web Real-Time Communications; Webリアルタイム通信の略語) API は、第一にオーディオとビデオ通信のサポートによって知られています。しかしながら、ピア・ツー・ピアのデータチャネルもあります。この記事ではこれの詳細を説明し、ゲーム内にデータチャネルを実装するライブラリの使用方法を示します。</p> +<p><a href="/ja/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> (Web Real-Time Communications; Webリアルタイム通信の略語) API は、第一にオーディオとビデオ通信のサポートによって知られています。しかしながら、ピア・ツー・ピアのデータチャネルもあります。この記事ではこれの詳細を説明し、ゲーム内にデータチャネルを実装するライブラリの使用方法を示します。</p> <h2 id="データチャネルとは">データチャネルとは?</h2> diff --git a/files/ja/games/tools/index.html b/files/ja/games/tools/index.html index 0d2495ad03..613a40dead 100644 --- a/files/ja/games/tools/index.html +++ b/files/ja/games/tools/index.html @@ -17,23 +17,23 @@ translation_of: Games/Tools </div> <dl> - <dt><a href="/docs/Games/Tools/asm.js">asm.js</a></dt> + <dt><a href="/ja/docs/Games/Tools/asm.js">asm.js</a></dt> <dd>asm.js は極めて限定された JavaScript のサブセットで、ahead-of-time (AOT) コンパイラで最適化されて、通常の JavaScript コードよりも極めて高速に動作します。これはもちろん、ゲーム用に優れています。</dd> <dt><a href="https://github.com/kripken/emscripten/wiki">Emscripten</a></dt> <dd> - <p>LLVM から JavaScript へのコンパイラです。これを利用することで、C++ や LLVM バイトコードを出力する言語のコードを、高速に動作する JavaScript へコンパイル可能です。これはアプリをWebに移植する優秀なツールです! <a href="https://github.com/kripken/emscripten/wiki/Tutorial">有用な Emscripten のチュートリアルはこちらです。</a> なお <a href="/docs/Mozilla/Projects/Emscripten">MDN にも Emscripten の記事を執筆中</a>です。</p> + <p>LLVM から JavaScript へのコンパイラです。これを利用することで、C++ や LLVM バイトコードを出力する言語のコードを、高速に動作する JavaScript へコンパイル可能です。これはアプリをWebに移植する優秀なツールです! <a href="https://github.com/kripken/emscripten/wiki/Tutorial">有用な Emscripten のチュートリアルはこちらです。</a> なお <a href="/ja/docs/Mozilla/Projects/Emscripten">MDN にも Emscripten の記事を執筆中</a>です。</p> </dd> - <dt><a href="/docs/Mozilla/Performance/Profiling_with_the_Built-in_Profiler" title="https://addons.mozilla.org/en-us/firefox/addon/gecko-profiler/">Gecko プロファイラ</a></dt> + <dt><a href="/ja/docs/Mozilla/Performance/Profiling_with_the_Built-in_Profiler" title="https://addons.mozilla.org/en-us/firefox/addon/gecko-profiler/">Gecko プロファイラ</a></dt> <dd>Gecko プロファイラを利用すると、パフォーマンス上の問題を引き起こしている箇所の特定が容易になります。その結果あなたのゲームは最高速で動作できます。</dd> - <dt><a href="/docs/Games/Tools/Engines_and_tools">ゲームエンジンとツール</a></dt> + <dt><a href="/ja/docs/Games/Tools/Engines_and_tools">ゲームエンジンとツール</a></dt> <dd>ゲーム開発者にとって有用な、ゲームエンジンとテンプレートのまとめです。</dd> - <dt><a href="/docs/Mozilla/Projects/Shumway">Shumway</a></dt> + <dt><a href="/ja/docs/Mozilla/Projects/Shumway">Shumway</a></dt> <dd>Shumway は Adobe Flash で作成されたものを JavaScript や WebGL などを用いてレンダリングします。これを利用することで Flash とオープンな Web 標準との間の溝を埋められます。この文書では Shumway の利用方法と、バグ修正にコントリビュートする方法について解説します。</dd> <dt>ゲーム開発とデバッグのためのツールチェーン</dt> - <dd>通常の Web アプリのデバッグとの違いや、ツールについて解説します。多くは<a href="/docs/Tools">開発ツール</a>でカバーされますが、特に有用なツールチェーンのチュートリアルはこちらです： + <dd>通常の Web アプリのデバッグとの違いや、ツールについて解説します。多くは<a href="/ja/docs/Tools">開発ツール</a>でカバーされますが、特に有用なツールチェーンのチュートリアルはこちらです： <ul> <li>基本的なツールの概要</li> - <li><a href="/docs/Tools/Shader_Editor">シェーダエディタ</a></li> + <li><a href="/ja/docs/Tools/Shader_Editor">シェーダエディタ</a></li> <li>パフォーマンスツール</li> </ul> </dd> diff --git a/files/ja/games/tutorials/2d_breakout_game_phaser/physics/index.html b/files/ja/games/tutorials/2d_breakout_game_phaser/physics/index.html index 283cabbffd..0556233fa2 100644 --- a/files/ja/games/tutorials/2d_breakout_game_phaser/physics/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_phaser/physics/index.html @@ -9,7 +9,7 @@ original_slug: Games/Workflows/2D_breakout_game_Phaser/Physics <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_Phaser/Move_the_ball", "Games/Workflows/2D_Breakout_game_Phaser/Bounce_off_the_walls")}}</p> <div class="summary"> -<p>全 16回の<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser">ゲーム開発チュートリアル</a> の 5 回目です。 今回終了後のソースコードは <a href="https://github.com/end3r/Gamedev-Phaser-Content-Kit/blob/gh-pages/demos/lesson05.html">Gamedev-Phaser-Content-Kit/demos/lesson05.html</a> でご覧になれます。</p> +<p>全 16回の<a href="/ja/docs/Games/Workflows/2D_Breakout_game_Phaser">ゲーム開発チュートリアル</a> の 5 回目です。 今回終了後のソースコードは <a href="https://github.com/end3r/Gamedev-Phaser-Content-Kit/blob/gh-pages/demos/lesson05.html">Gamedev-Phaser-Content-Kit/demos/lesson05.html</a> でご覧になれます。</p> </div> <p><span class="seoSummary">モノ同士の衝突を正しく処理するためには、物理演算が必要になります。この文書では、Phaser での実装と、典型的な例を紹介します。</span></p> @@ -86,6 +86,6 @@ function update() { <h2 id="次のステップ">次のステップ</h2> -<p>次のステップでは、<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_Breakout_game_Phaser/Bounce_off_the_walls">ボールの跳ね返り</a> を実装します。</p> +<p>次のステップでは、<a href="/ja/docs/Games/Workflows/2D_Breakout_game_Phaser/Bounce_off_the_walls">ボールの跳ね返り</a> を実装します。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_Phaser/Move_the_ball", "Games/Workflows/2D_Breakout_game_Phaser/Bounce_off_the_walls")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.html index 9a1833d45e..c7cab2f4e9 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/bounce_off_the_walls/index.html @@ -11,10 +11,10 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_w <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>3番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson03.html" rel="noopener">Gamedev-Canvas-workshop/lesson3.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>3番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson03.html" rel="noopener">Gamedev-Canvas-workshop/lesson3.html</a>で入手できます。</p> </div> -<p><span class="seoSummary">ボールが動くのを見られたのは良いことですが、画面からすぐ消えてしまっては面白くないじゃありませんか! これを解決するためにとても簡単な衝突検知 (<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/Breakout_game_from_scratch/Collision_detection">後ほど</a>詳しく説明します) を導入し、Canvasの四辺でボールを弾ませます。</span></p> +<p><span class="seoSummary">ボールが動くのを見られたのは良いことですが、画面からすぐ消えてしまっては面白くないじゃありませんか! これを解決するためにとても簡単な衝突検知 (<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch/Collision_detection">後ほど</a>詳しく説明します) を導入し、Canvasの四辺でボールを弾ませます。</span></p> <h2 id="簡単な衝突検知">簡単な衝突検知</h2> @@ -101,6 +101,6 @@ if(y + dy > canvas.height-ballRadius || y + dy < ballRadius) { <h2 id="次のステップ">次のステップ</h2> -<p>ボールが動き、かつゲームボードに留まるようになることまでこぎつけました。第4章では操作できるパドルを実装してみます。 <a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls">パドルとキーボード操作</a>を見てみましょう。</p> +<p>ボールが動き、かつゲームボードに留まるようになることまでこぎつけました。第4章では操作できるパドルを実装してみます。 <a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls">パドルとキーボード操作</a>を見てみましょう。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.html index 154b273e25..7220f84470 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_ <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>6番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson06.html" rel="noopener">Gamedev-Canvas-workshop/lesson6.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>6番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson06.html" rel="noopener">Gamedev-Canvas-workshop/lesson6.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ゲームプレイ制御を修正することにより負けることができるようになります。この大きな変更により、ついにゲームらしさを感じられるようになりました。ですが、壁とパドルでボールが弾むだけではすぐに空きてしまいます。ブロック崩しで本当に必要な要素、それはボールで崩すことができるブロックです。これが今回作り込んでいく部分になります。</span></p> @@ -108,6 +108,6 @@ var brickY = (r*(brickHeight+brickPadding))+brickOffsetTop;</pre> <h2 id="次のステップ">次のステップ</h2> -<p>というわけでついにブロックができました。でもボールはブロックに全く反応しません。第7章、<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection">衝突検知</a>ではこれを変えます。</p> +<p>というわけでついにブロックができました。でもボールはブロックに全く反応しません。第7章、<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection">衝突検知</a>ではこれを変えます。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.html index db29a8dec4..0f4dc41587 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/collision_detection/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detect <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>7番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson07.html" rel="noopener">Gamedev-Canvas-workshop/lesson7.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>7番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson07.html" rel="noopener">Gamedev-Canvas-workshop/lesson7.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ブロックは既に画面上に現れていますが、ボールが素通りしてしまうのでは面白くありません。ボールがブロックで弾み、ブロックが壊れるように衝突検出を追加することを考えなくてはなりません。</span></p> @@ -128,6 +128,6 @@ for(var c=0; c<brickColumnCount; c++) { <h2 id="次のステップ">次のステップ</h2> -<p>着実にゴールに近づいています。では、先に進みましょう。第8章ではどのように<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win">スコアと勝ち負けを記録するか</a>見てみます。</p> +<p>着実にゴールに近づいています。では、先に進みましょう。第8章ではどのように<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win">スコアと勝ち負けを記録するか</a>見てみます。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html index edbd9e1d3f..046b910bd8 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/create_the_canvas_and_draw_on_it/index.html @@ -12,7 +12,7 @@ original_slug: >- <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>1番最初</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson01.html">Gamedev-Canvas-workshop/lesson1.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>1番最初</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson01.html">Gamedev-Canvas-workshop/lesson1.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ゲームの機能を書き始める前に、ゲーム内部を記述する基本的な構造を作る必要があります。これにはHTMLと{{htmlelement("canvas")}}要素を用います。</span></p> @@ -109,6 +109,6 @@ ctx.closePath();</pre> <h2 id="次のステップ">次のステップ</h2> -<p>ここまでで基本的なHTMLを組み上げcanvasに少し学習しました。それでは、第2章に進み<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball">どうやってゲーム内のボールを動かすか</a>学びましょう。</p> +<p>ここまでで基本的なHTMLを組み上げcanvasに少し学習しました。それでは、第2章に進み<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball">どうやってゲーム内のボールを動かすか</a>学びましょう。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.html index b277e0f86d..5d6c9d30ba 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/finishing_up/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up <p>{{Previous("Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>10番目、最後</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson10.html" rel="noopener">Gamedev-Canvas-workshop/lesson10.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>10番目、最後</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson10.html" rel="noopener">Gamedev-Canvas-workshop/lesson10.html</a>で入手できます。</p> </div> <p><span class="seoSummary">書いたゲームのどれも常に改善の余地があります。例えば、プレイヤーに1つ以上のライフを与えることができます。1回や2回間違えてもゲームを終わらせられるようにするのです。また、描画も改善できます。</span></p> @@ -91,8 +91,8 @@ else { <h2 id="ゲームクリア_-_今のところは。">ゲームクリア - 今のところは。</h2> -<p>おめでとうございます。これで全てのレッスンを終えました。ここまでで、キャンバス操作の基本をと簡単な2Dゲームの裏にあるロジックを学んだはずです。フレームワークを学びゲーム開発を続ける良い時期です。このシリーズに対応する<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/2D_breakout_game_Phaser">Phaserを使ったブロックくずしゲーム</a>や<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">デバイス回転方向を使った2D 迷路ゲーム</a>チュートリアルを見てみると良いでしょう。<a href="https://developer.mozilla.org/ja/docs/Games">MDNのゲームセクション</a>で発想やより多くの知識を探してみても良いでしょう。</p> +<p>おめでとうございます。これで全てのレッスンを終えました。ここまでで、キャンバス操作の基本をと簡単な2Dゲームの裏にあるロジックを学んだはずです。フレームワークを学びゲーム開発を続ける良い時期です。このシリーズに対応する<a href="/ja/docs/Games/Workflows/2D_breakout_game_Phaser">Phaserを使ったブロックくずしゲーム</a>や<a href="/ja/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">デバイス回転方向を使った2D 迷路ゲーム</a>チュートリアルを見てみると良いでしょう。<a href="/ja/docs/Games">MDNのゲームセクション</a>で発想やより多くの知識を探してみても良いでしょう。</p> -<p>また、<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">このチュートリアルシリーズの目次</a>を見返せます。コーディングを楽しみましょう。</p> +<p>また、<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">このチュートリアルシリーズの目次</a>を見返せます。コーディングを楽しみましょう。</p> <p>{{Previous("Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.html index 771de0d6e5..0ce491e613 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/game_over/index.html @@ -10,7 +10,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field")}}</p> -<div class="summary">これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>5番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson05.html" rel="noopener">Gamedev-Canvas-workshop/lesson5.html</a>で入手できます。</div> +<div class="summary">これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>5番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson05.html" rel="noopener">Gamedev-Canvas-workshop/lesson5.html</a>で入手できます。</div> <p><span class="seoSummary">ボールが壁で弾むのを見たりパドルを左右雨に動かしたりできるのは楽しいですが、そのことを除くとこのゲームは何もせず、進捗や最終目標といったものが全くありません。ゲームプレイの観点からすると、まず負けることができるようにするのが良いでしょう。ブロック崩しで負けるということの裏にある論理は簡潔です。もしパドルでボールを逃してボールが画面の下端についてしまったらゲームオーバーになるのです。</span></p> @@ -82,6 +82,6 @@ if(y + dy > canvas.height-ballRadius || y + dy < ballRadius) { <h2 id="次のステップ">次のステップ</h2> -<p>今のところかなり順調に進歩してきていて、ゲームも負けるようになったことでもっと遊ぶ価値が感じられるようになってきました。第六章<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field">『ブロックのかたまりを作る』</a>に進み、ボールが壊せるブロックを作りましょう。</p> +<p>今のところかなり順調に進歩してきていて、ゲームも負けるようになったことでもっと遊ぶ価値が感じられるようになってきました。第六章<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field">『ブロックのかたまりを作る』</a>に進み、ボールが壊せるブロックを作りましょう。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/index.html index 2332bd2bf9..06051cec72 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/index.html @@ -21,22 +21,22 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript <p>全てのレッスン、そしてこれから一緒に作る<a href="http://breakout.enclavegames.com/lesson10.html">MDNブロック崩しゲーム</a>の各バージョンは<a href="https://github.com/end3r/Canvas-gamedev-workshop">GitHub上で入手可能</a>です:</p> <ol> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it">Canvasを作ってその上に描画する</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball">ボールを動かす</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls">ボールを壁で弾ませる</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls">パドルとキーボード操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over">ゲームオーバー</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field">ブロックのかたまりを作る</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection">衝突検出</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win">スコアと勝ち負けを記録する</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls">マウス操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up">仕上げ</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it">Canvasを作ってその上に描画する</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball">ボールを動かす</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls">ボールを壁で弾ませる</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keyboard_controls">パドルとキーボード操作</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over">ゲームオーバー</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Build_the_brick_field">ブロックのかたまりを作る</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection">衝突検出</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_and_win">スコアと勝ち負けを記録する</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls">マウス操作</a></li> + <li><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up">仕上げ</a></li> </ol> <p>まずはJavaScriptだけで始めるのがWebゲーム開発の確実な知識を手に入れる一番良い方法です。そのあと、自分のプロジェクトで使うフレームワークを選びましょう。フレームワークはJavaScript言語で書かれた単なるツールです。ですから、たとえフレームワークを用いて開発しようとしていてもまずはその言語を学び、手元で実際に何が起こっているか理解すると良いでしょう。フレームワークは開発速度を上げ、ゲームのとるに足らない部分を処理してくれますが、もし何かが思ったように動かないなんてことがあったらいつでもデバッグしたり、あるいは単にJavaScriptで自分なりの解を出すということもできるのです。</p> <div class="note"> -<p><strong>ノート</strong>: ゲームライブラリを用いた2D Webゲーム開発に興味があるのであれば、このシリーズに対応する<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_breakout_game_Phaser">Phaserを使ったブロックくずしゲーム</a>も参照してください。</p> +<p><strong>ノート</strong>: ゲームライブラリを用いた2D Webゲーム開発に興味があるのであれば、このシリーズに対応する<a href="/ja/docs/Games/Workflows/2D_breakout_game_Phaser">Phaserを使ったブロックくずしゲーム</a>も参照してください。</p> </div> <div class="note"> @@ -45,6 +45,6 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript <h2 id="次のステップ">次のステップ</h2> -<p>それでは始めましょう! 最初の章、<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it">『Canvasを作ってその上に描画する』</a>に進みます。</p> +<p>それでは始めましょう! 最初の章、<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it">『Canvasを作ってその上に描画する』</a>に進みます。</p> <p>{{Next("Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it")}} </p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.html index 676302d3f2..31d2ac0e1f 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/mouse_controls/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>9番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson09.html" rel="noopener">Gamedev-Canvas-workshop/lesson9.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>9番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson09.html" rel="noopener">Gamedev-Canvas-workshop/lesson9.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ゲーム自体は実際に完成したので、磨き上げにかかりましょう。既にキーボード操作を追加していますが、マウス操作も簡単に追加できます。</span></p> @@ -53,6 +53,6 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls <h2 id="次のステップ">次のステップ</h2> -<p>最後に微調整する準備が整った、完全なゲームが完成しました。では、<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up">仕上げ</a>に入りましょう。</p> +<p>最後に微調整する準備が整った、完全なゲームが完成しました。では、<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up">仕上げ</a>に入りましょう。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Finishing_up")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html index 6d50976800..b87aceacb0 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/move_the_ball/index.html @@ -9,7 +9,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>2番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson02.html">Gamedev-Canvas-workshop/lesson2.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>2番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson02.html">Gamedev-Canvas-workshop/lesson2.html</a>で入手できます。</p> </div> <p><span class="seoSummary">前回のレッスンを一通りこなしてみてボールの描き方が分かりました。では今回はそれを動かしましょう。技術的には、ボールを描画し、またそれを消してからほんの少し違う位置に描画し直すという処理を毎フレームずつ行うことで動いているような印象を生み出します。ちょうど映画がどのように動くのかと同じです。</span></p> @@ -136,6 +136,6 @@ function draw() { <h2 id="次のステップ">次のステップ</h2> -<p>ボールを描画して動くようにしましたが、そのままCanvasの縁から消えていってしまいます。第3章ではどのように<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls">ボールを壁で弾ませる</a>か探っていきます。</p> +<p>ボールを描画して動くようにしましたが、そのままCanvasの縁から消えていってしまいます。第3章ではどのように<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls">ボールを壁で弾ませる</a>か探っていきます。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Create_the_Canvas_and_draw_on_it", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.html index 15b18e0bb5..9728bef6c5 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/paddle_and_keyboard_controls/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Paddle_and_keybo <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>4番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson04.html" rel="noopener">Gamedev-Canvas-workshop/lesson4.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>4番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson04.html" rel="noopener">Gamedev-Canvas-workshop/lesson4.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ボールは壁で自由に弾み、あなたはずっとそれを見ていることができますが、今の所何の対話要素もありません。操作できないものなんてゲームじゃありません! ですからユーザーとの対話要素、操作できるパドルを追加しましょう。</span></p> @@ -124,6 +124,6 @@ else if(leftPressed && paddleX > 0) { <h2 id="次のステップ">次のステップ</h2> -<p>ゲームっぽい要素を追加しましょう。今問題なのはただパドルでボールを永遠に打ち続けることしか出来ないという点です。これは第5章、<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch/Game_over">ゲームオーバー</a>でゲームの終了状態を追加することで完全に変わることになります。</p> +<p>ゲームっぽい要素を追加しましょう。今問題なのはただパドルでボールを永遠に打ち続けることしか出来ないという点です。これは第5章、<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch/Game_over">ゲームオーバー</a>でゲームの終了状態を追加することで完全に変わることになります。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Bounce_off_the_walls", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Game_over")}}</p> diff --git a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.html b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.html index 6e9b796c0b..dc5119dd85 100644 --- a/files/ja/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.html +++ b/files/ja/games/tutorials/2d_breakout_game_pure_javascript/track_the_score_and_win/index.html @@ -11,7 +11,7 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_ <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls")}}</p> <div class="summary"> -<p>これは<a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>8番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson08.html" rel="noopener">Gamedev-Canvas-workshop/lesson8.html</a>で入手できます。</p> +<p>これは<a href="/ja/docs/Games/Workflows/Breakout_game_from_scratch">ゲーム開発Canvasチュートリアル</a>の10ステップのうち<strong>8番目</strong>のステップです。このレッスンを終えたあとの完成予想のソースコードは<a class="external external-icon" href="https://github.com/end3r/Gamedev-Canvas-workshop/blob/gh-pages/lesson08.html" rel="noopener">Gamedev-Canvas-workshop/lesson8.html</a>で入手できます。</p> </div> <p><span class="seoSummary">ブロックを崩せるのは最高ですが、より素晴らしいものにするためにユーザーが壊した全てのブロックに対してポイントを与え、合計スコアのカウントを更新し続けましょう。</span></p> @@ -90,6 +90,6 @@ original_slug: Games/Workflows/2D_Breakout_game_pure_JavaScript/Track_the_score_ <h2 id="次のステップ">次のステップ</h2> -<p>この時点でもこのゲームはかなりよく見えます。次のレッスンでは<a href="https://developer.mozilla.org/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls">マウス操作</a>を追加することでゲームの魅力を広げます。</p> +<p>この時点でもこのゲームはかなりよく見えます。次のレッスンでは<a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls">マウス操作</a>を追加することでゲームの魅力を広げます。</p> <p>{{PreviousNext("Games/Workflows/2D_Breakout_game_pure_JavaScript/Collision_detection", "Games/Workflows/2D_Breakout_game_pure_JavaScript/Mouse_controls")}}</p> diff --git a/files/ja/games/tutorials/index.html b/files/ja/games/tutorials/index.html index 5ece03f6be..7d02c40371 100644 --- a/files/ja/games/tutorials/index.html +++ b/files/ja/games/tutorials/index.html @@ -17,10 +17,10 @@ original_slug: Games/Workflows <p>This page contains articles that highlight different workflows for effectively creating different types of web games, whether you want to create a 2D or 3D game from scratch, or port a C++ or Flash game over to open web technologies.</p> <dl> - <dt><a href="/en-US/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">2D breakout game using pure JavaScript</a></dt> + <dt><a href="/ja/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript">2D breakout game using pure JavaScript</a></dt> <dd>In this step-by-step tutorial you'll implement a simple breakout clone using pure JavaScript. Along the way you will learn the basics of using the {{htmlelement("canvas")}} element to implement fundamental game mechanics like rendering and moving images, collision detection, control machanisms, and winning and losing states.</dd> - <dt><a href="/en-US/docs/Games/Workflows/2D_breakout_game_Phaser">2D breakout game using Phaser</a></dt> + <dt><a href="/ja/docs/Games/Workflows/2D_breakout_game_Phaser">2D breakout game using Phaser</a></dt> <dd>In this step-by-step tutorial you'll implement the same breakout clone as the previous tutorial series, except that this time you'll do it using the<a class="external external-icon" href="http://phaser.io/">Phaser</a> HTML5 game framework. This idea here is to teach some of the fundamentals (and advantages) of working with frameworks, along with fundamental game mechanics.</dd> - <dt><a href="https://developer.mozilla.org/en-US/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">2D maze game with device orientation</a></dt> - <dd>This tutorial shows how to create a 2D maze game using HTML5, incorporating fundamentals such as collision detection and sprite placement on a {{htmlelement("canvas")}}. This is a mobile game that uses the <a href="/en-US/Apps/Build/gather_and_modify_data/responding_to_device_orientation_changes">Device Orientation</a> and <a href="/en-US/docs/Web/Guide/API/Vibration">Vibration</a><strong> APIs</strong> to enhance the gameplay and is built using the <a href="http://phaser.io/">Phaser</a> framework.</dd> + <dt><a href="/ja/docs/Games/Workflows/HTML5_Gamedev_Phaser_Device_Orientation">2D maze game with device orientation</a></dt> + <dd>This tutorial shows how to create a 2D maze game using HTML5, incorporating fundamentals such as collision detection and sprite placement on a {{htmlelement("canvas")}}. This is a mobile game that uses the <a href="/ja/Apps/Build/gather_and_modify_data/responding_to_device_orientation_changes">Device Orientation</a> and <a href="/ja/docs/Web/Guide/API/Vibration">Vibration</a><strong> APIs</strong> to enhance the gameplay and is built using the <a href="http://phaser.io/">Phaser</a> framework.</dd> </dl> diff --git a/files/ja/glossary/502/index.html b/files/ja/glossary/502/index.html index 5233c657bf..a792098794 100644 --- a/files/ja/glossary/502/index.html +++ b/files/ja/glossary/502/index.html @@ -18,5 +18,5 @@ translation_of: Glossary/502 <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Response_codes">HTTP レスポンスコードの一覧</a></li> + <li><a href="/ja/docs/Web/HTTP/Response_codes">HTTP レスポンスコードの一覧</a></li> </ul> diff --git a/files/ja/glossary/alignment_container/index.html b/files/ja/glossary/alignment_container/index.html index f483d08075..8751607926 100644 --- a/files/ja/glossary/alignment_container/index.html +++ b/files/ja/glossary/alignment_container/index.html @@ -13,5 +13,5 @@ translation_of: Glossary/Alignment_Container <h2 id="Learn_more" name="Learn_more">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Box_Alignment">CSS Box Alignment</a></li> </ul> diff --git a/files/ja/glossary/api/index.html b/files/ja/glossary/api/index.html index 1688c932bf..0aae200301 100644 --- a/files/ja/glossary/api/index.html +++ b/files/ja/glossary/api/index.html @@ -31,5 +31,5 @@ translation_of: Glossary/API <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API">Web API リファレンス</a></li> + <li><a href="/ja/docs/Web/API">Web API リファレンス</a></li> </ul> diff --git a/files/ja/glossary/block_cipher_mode_of_operation/index.html b/files/ja/glossary/block_cipher_mode_of_operation/index.html index c1463282ac..3286ca37f7 100644 --- a/files/ja/glossary/block_cipher_mode_of_operation/index.html +++ b/files/ja/glossary/block_cipher_mode_of_operation/index.html @@ -10,4 +10,4 @@ translation_of: Glossary/Block_cipher_mode_of_operation --- <p>暗号利用モード (通常は単に「モード」と呼ばれます) は、ブロックサイズよりも長いメッセージを暗号化または復号化するためにブロック暗号を使用する方法を指定します。</p> -<p>現在使用されているほとんどの対称鍵アルゴリズムはブロック暗号です。これは、一度に 1 ブロックずつデータを暗号化することを意味します。各ブロックのサイズは固定されており、アルゴリズムによって決定されます。たとえば、<a class="glossaryLink new" href="https://developer.mozilla.org/ja/docs/Glossary/AES" rel="nofollow" title="The definition of that term (AES) has not been written yet; please consider contributing it!">AES</a> は 16 バイトのブロックを使用します。ブロック暗号は常に <em>モード</em> と共に使用されます。モードは、ブロックサイズより長いメッセージを安全に暗号化する方法を指定します。たとえば、AES は暗号ですが、CTR、CBC、および GCM はすべてモードです。不適切なモードを使用したり、モードを誤って使用したりすると、使用する暗号アルゴリズムによって本来提供されるセキュリティを損なってしまう可能性があります。</p> +<p>現在使用されているほとんどの対称鍵アルゴリズムはブロック暗号です。これは、一度に 1 ブロックずつデータを暗号化することを意味します。各ブロックのサイズは固定されており、アルゴリズムによって決定されます。たとえば、<a class="glossaryLink new" href="/ja/docs/Glossary/AES" rel="nofollow" title="The definition of that term (AES) has not been written yet; please consider contributing it!">AES</a> は 16 バイトのブロックを使用します。ブロック暗号は常に <em>モード</em> と共に使用されます。モードは、ブロックサイズより長いメッセージを安全に暗号化する方法を指定します。たとえば、AES は暗号ですが、CTR、CBC、および GCM はすべてモードです。不適切なモードを使用したり、モードを誤って使用したりすると、使用する暗号アルゴリズムによって本来提供されるセキュリティを損なってしまう可能性があります。</p> diff --git a/files/ja/glossary/boolean/index.html b/files/ja/glossary/boolean/index.html index d2a8f0d1e3..ec7e027904 100644 --- a/files/ja/glossary/boolean/index.html +++ b/files/ja/glossary/boolean/index.html @@ -9,7 +9,7 @@ tags: - プログラミング言語 translation_of: Glossary/Boolean --- -<p><span class="seoSummary">コンピューター科学において、<strong>boolean</strong>（論理型、真偽値型）は <code>true</code>（真）か <code>false</code>（偽）の値のみを取れる論理データ型です。たとえば、 JavaScript では boolean による条件がコードの部分を実行するか（<a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if 文</a>の中など）や繰り返し（<a href="/en-US/docs/Web/JavaScript/Reference/Statements/for">for ループ</a>など）を決定します。</span></p> +<p><span class="seoSummary">コンピューター科学において、<strong>boolean</strong>（論理型、真偽値型）は <code>true</code>（真）か <code>false</code>（偽）の値のみを取れる論理データ型です。たとえば、 JavaScript では boolean による条件がコードの部分を実行するか（<a href="/ja/docs/Web/JavaScript/Reference/Statements/if...else">if 文</a>の中など）や繰り返し（<a href="/ja/docs/Web/JavaScript/Reference/Statements/for">for ループ</a>など）を決定します。</span></p> <pre class="brush: js">/* JavaScript if 文 */ if (boolean 条件) { diff --git a/files/ja/glossary/brotli_compression/index.html b/files/ja/glossary/brotli_compression/index.html index ba7bf74147..cb490c8e38 100644 --- a/files/ja/glossary/brotli_compression/index.html +++ b/files/ja/glossary/brotli_compression/index.html @@ -9,7 +9,7 @@ tags: - compression translation_of: Glossary/brotli_compression --- -<p><span class="seoSummary"><strong>Brotli</strong> は、汎用の可逆圧縮アルゴリズムです。</span> LZ77 アルゴリズムのモダンバリアント、ハフマン符号、2次コンテキストモデリングの組み合わせを使用してデータを圧縮し、現在利用可能な最良の汎用圧縮方法に匹敵する圧縮率を提供します。Brotli は <a href="/en-US/docs/Glossary/GZip_compression">gzip</a> よりも優れた圧縮率を提供し、収縮速度は同等ですが、 brotli 圧縮は Gzip 圧縮よりも処理が遅いため、<a href="/ja/docs/Glossary/Cache">キャッシュ</a> できないコンテンツの圧縮には gzip の方が適している場合があります。</p> +<p><span class="seoSummary"><strong>Brotli</strong> は、汎用の可逆圧縮アルゴリズムです。</span> LZ77 アルゴリズムのモダンバリアント、ハフマン符号、2次コンテキストモデリングの組み合わせを使用してデータを圧縮し、現在利用可能な最良の汎用圧縮方法に匹敵する圧縮率を提供します。Brotli は <a href="/ja/docs/Glossary/GZip_compression">gzip</a> よりも優れた圧縮率を提供し、収縮速度は同等ですが、 brotli 圧縮は Gzip 圧縮よりも処理が遅いため、<a href="/ja/docs/Glossary/Cache">キャッシュ</a> できないコンテンツの圧縮には gzip の方が適している場合があります。</p> <p>Brotli は最新のほとんどのブラウザーと互換性がありますが、フォールバックを検討することをお勧めします。</p> diff --git a/files/ja/glossary/canvas/index.html b/files/ja/glossary/canvas/index.html index 671743ab13..061abc15e6 100644 --- a/files/ja/glossary/canvas/index.html +++ b/files/ja/glossary/canvas/index.html @@ -22,14 +22,14 @@ translation_of: Glossary/Canvas <h3 id="Learning_resources" name="Learning_resources">Canvas について詳しく学ぶ</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Canvas_tutorial">MDN 上の Canvas チュートリアル</a></li> + <li><a href="/ja/docs/Web/Guide/HTML/Canvas_tutorial">MDN 上の Canvas チュートリアル</a></li> </ul> <h3 id="Technical_information" name="Technical_information">技術情報</h3> <ul> <li>MDN 上の HTML {{HTMLElement("canvas")}} 要素のページ</li> - <li><a href="https://developer.mozilla.org/ja/docs/HTML/Canvas">MDN 上の Canvas の一般的なドキュメント</a></li> + <li><a href="/ja/docs/HTML/Canvas">MDN 上の Canvas の一般的なドキュメント</a></li> <li>{{domxref("CanvasRenderingContext2D")}}: canvas 2D の描画 API</li> <li>w3c 上のページ: <a href="http://www.w3.org/TR/2dcontext/" rel="external">The Canvas 2D API specification</a></li> </ul> diff --git a/files/ja/glossary/certified/index.html b/files/ja/glossary/certified/index.html index 754bdce461..e625782bdd 100644 --- a/files/ja/glossary/certified/index.html +++ b/files/ja/glossary/certified/index.html @@ -18,7 +18,7 @@ translation_of: Glossary/Certified <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Security/Information_Security_Basics">情報セキュリティのチュートリアル</a></li> + <li><a href="/ja/docs/Web/Security/Information_Security_Basics">情報セキュリティのチュートリアル</a></li> <li>Wikipedia の {{Interwiki("wikipedia", "Professional_certification_(computer_technology)#Information_systems_security", "Certification")}}(英語)</li> </ul> diff --git a/files/ja/glossary/class/index.html b/files/ja/glossary/class/index.html index 01cc188b22..9ec6e3968f 100644 --- a/files/ja/glossary/class/index.html +++ b/files/ja/glossary/class/index.html @@ -14,8 +14,8 @@ translation_of: Glossary/Class <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">クラスベース言語とプロトタイプベース言語</a>（JavaScript など）</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_Class">JavaScript におけるクラスとしての関数の利用</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">クラスベース言語とプロトタイプベース言語</a>（JavaScript など）</li> + <li><a href="/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_Class">JavaScript におけるクラスとしての関数の利用</a></li> <li>ウィキペディアの<a href="https://ja.wikipedia.org/wiki/%E3%82%AF%E3%83%A9%E3%82%B9%E3%83%99%E3%83%BC%E3%82%B9">クラスベース</a>の記事</li> <li>ウィキペディアの <a href="https://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0">Object-oriented programming</a> の記事</li> </ul> diff --git a/files/ja/glossary/code_splitting/index.html b/files/ja/glossary/code_splitting/index.html index 747c79a6c2..be32954dd7 100644 --- a/files/ja/glossary/code_splitting/index.html +++ b/files/ja/glossary/code_splitting/index.html @@ -13,7 +13,7 @@ translation_of: Glossary/Code_splitting <ul> <li>Bundling</li> - <li><a href="/en-US/docs/Learn/Performance/Lazy_loading">Lazy loading</a></li> - <li><a href="/en-US/docs/Glossary/HTTP_2">HTTP/2</a></li> - <li><a href="/en-US/docs/Glossary/Tree_shaking">Tree shaking</a></li> + <li><a href="/ja/docs/Learn/Performance/Lazy_loading">Lazy loading</a></li> + <li><a href="/ja/docs/Glossary/HTTP_2">HTTP/2</a></li> + <li><a href="/ja/docs/Glossary/Tree_shaking">Tree shaking</a></li> </ul> diff --git a/files/ja/glossary/compile/index.html b/files/ja/glossary/compile/index.html index c40b5545ca..11a7bec86f 100644 --- a/files/ja/glossary/compile/index.html +++ b/files/ja/glossary/compile/index.html @@ -11,7 +11,7 @@ translation_of: Glossary/Compile <p>通常、コンパイラーは C や{{Glossary("Java")}} のように人間が理解しやすい高級言語をアセンブリのような CPU が理解できる機械語に変換します。TypeScript を {{Glossary("JavaScript")}} にコンパイルするような、同レベル間の言語を翻訳するコンパイラーはトランスパイラやクロスコンパイラーと呼ばれます。これらはプロダクティビティツールと考えられています。</p> <p>ほとんどのコンパイラーは、ahead-of-time (AOT) か just-in-time (JIT) で動きます。プログラマーは、たいていコマンドラインか使用している {{Glossary("IDE")}} から AOT コンパイラーを起動します。最も有名なコンパイラーである "gcc" はその一例です。<br> - JIT コンパイラーはたいてい透過的であり、性能のために使用されます。例えばブラウザーの場合、Firefox の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> JavaScript エンジンは組み込み JIT コンパイラーを持っています。これは、ウェブサイトを閲覧中にウェブサイトの JavaScript がより速く実行できるように機械語のコードにコンパイルします。<a href="https://developer.mozilla.org/ja/docs/WebAssembly">WebAssembly</a> のようなプロジェクトはこれをより良く行えるようにします。</p> + JIT コンパイラーはたいてい透過的であり、性能のために使用されます。例えばブラウザーの場合、Firefox の <a href="/ja/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> JavaScript エンジンは組み込み JIT コンパイラーを持っています。これは、ウェブサイトを閲覧中にウェブサイトの JavaScript がより速く実行できるように機械語のコードにコンパイルします。<a href="/ja/docs/WebAssembly">WebAssembly</a> のようなプロジェクトはこれをより良く行えるようにします。</p> <h2 id="Learn_more" name="Learn_more">さらに学ぶ</h2> diff --git a/files/ja/glossary/conditional/index.html b/files/ja/glossary/conditional/index.html index a30af320d9..351f392128 100644 --- a/files/ja/glossary/conditional/index.html +++ b/files/ja/glossary/conditional/index.html @@ -7,28 +7,21 @@ tags: - Glossary translation_of: Glossary/Conditional --- -<p><span class="seoSummary"><strong>条件</strong> とは、条件式が満たされるか否かによって、通常のコード実行を強制停止したり、変更したりする、一連のルールです。</span></p> +<p><strong>条件</strong> とは、条件式が満たされるか否かによって、通常のコード実行を強制停止したり、変更したりする、一連のルールです。</p> -<p><span id="result_box" lang="en"><span class="hps">特定の条件が満たされる場合、1 つの命令または一連の命令が実行されます。それ以外では、他の命令が実行されます。1 つの命令または一連の命令の実行を、条件がまだ満たされない間に繰り返すこともできます。</span></span></p> +<p>特定の条件が満たされる場合、1 つの命令または一連の命令が実行されます。それ以外では、他の命令が実行されます。1 つの命令または一連の命令の実行を、条件がまだ満たされない間に繰り返すこともできます。</p> -<h2 id="Learn_more" name="Learn_more"><strong>もっと学習する</strong></h2> +<h2 id="Learn_more">詳細情報</h2> -<h3 id="General_knowledge" name="General_knowledge"><strong>一般知識</strong></h3> +<h3 id="General_knowledge">一般知識</h3> <ul> - <li>Wikipedia での {{interwiki("wikipedia", "Exception_handling#Condition_systems", "Condition")}}</li> + <li>{{interwiki("wikipedia", "Exception_handling#Condition_systems", "Condition")}} (Wikipedia)</li> + <li><a href="/ja/docs/Glossary/Control_flow">制御フロー</a> (MDN)</li> </ul> -<h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> - -<ul> - <li>MDN での <a href="/ja/docs/Glossary/Control_flow">制御フロー</a></li> -</ul> - -<h3 id="Learn_about_it" name="Learn_about_it">これについて学習する</h3> +<h3 id="Learn_about_it">学習教材</h3> <ul> <li>MDN での <a href="/ja/docs/Web/JavaScript/Guide/Control_flow_and_error_handling">制御フローとエラー処理</a></li> </ul> - -<div id="divLookup" style="background-color: transparent; color: #000000; position: absolute; top: 543px; left: 277px; padding: 0px; border-radius: 2px;"></div> diff --git a/files/ja/glossary/crlf/index.html b/files/ja/glossary/crlf/index.html index 1b59e0e247..2471a417c2 100644 --- a/files/ja/glossary/crlf/index.html +++ b/files/ja/glossary/crlf/index.html @@ -19,7 +19,7 @@ translation_of: Glossary/CRLF <p>CR に直接 LF が続くと (CRLF, <code>\r\n</code>, or <code>0x0D0A</code>)、カーソルを下へ移動してから行の先頭へ移動します。</p> -<h2 id="詳細情報Edit">詳細情報<a class="button section-edit only-icon" href="https://developer.mozilla.org/en-US/docs/Glossary/Smoke_Test$edit#Learn_more"><span>Edit</span></a></h2> +<h2 id="詳細情報Edit">詳細情報<a class="button section-edit only-icon" href="/ja/docs/Glossary/Smoke_Test$edit#Learn_more"><span>Edit</span></a></h2> <h3 id="基礎知識">基礎知識</h3> diff --git a/files/ja/glossary/csrf/index.html b/files/ja/glossary/csrf/index.html index 4df2db8778..228f072e27 100644 --- a/files/ja/glossary/csrf/index.html +++ b/files/ja/glossary/csrf/index.html @@ -22,5 +22,5 @@ translation_of: Glossary/CSRF <ul> <li>Wikipedia 上の記事: {{Interwiki("wikipedia", "クロスサイトリクエストフォージェリ")}}</li> <li><a href="https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)_Prevention_Cheat_Sheet">Prevention measures</a></li> - <li><a href="ja/docs/Web/Security/Information_Security_Basics">MDN セキュリティチュートリアル</a></li> + <li><a href="/ja/docs/Web/Security/Information_Security_Basics">MDN セキュリティチュートリアル</a></li> </ul> diff --git a/files/ja/glossary/css/index.html b/files/ja/glossary/css/index.html index 9ef669dcca..caed70801c 100644 --- a/files/ja/glossary/css/index.html +++ b/files/ja/glossary/css/index.html @@ -32,7 +32,7 @@ p { <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/Learn/CSS">CSS を学ぶ</a></li> + <li><a href="/ja/Learn/CSS">CSS を学ぶ</a></li> <li>Wikipedia の {{interwiki("wikipedia", "CSS")}} 記事</li> </ul> diff --git a/files/ja/glossary/domain_sharding/index.html b/files/ja/glossary/domain_sharding/index.html index b7caa9a430..458df617ec 100644 --- a/files/ja/glossary/domain_sharding/index.html +++ b/files/ja/glossary/domain_sharding/index.html @@ -22,7 +22,7 @@ translation_of: Glossary/Domain_sharding <h2 id="詳細情報">詳細情報</h2> <ul> - <li><a href="/en-US/docs/Archive/Security/SSL_and_TLS">Transport Layer Security (TLS)</a></li> - <li><a href="/en-US/docs/Glossary/DNS">DNS</a></li> - <li><a href="/en-US/docs/Glossary/HTTP_2">HTTP/2</a></li> + <li><a href="/ja/docs/Archive/Security/SSL_and_TLS">Transport Layer Security (TLS)</a></li> + <li><a href="/ja/docs/Glossary/DNS">DNS</a></li> + <li><a href="/ja/docs/Glossary/HTTP_2">HTTP/2</a></li> </ul> diff --git a/files/ja/glossary/event/index.html b/files/ja/glossary/event/index.html index b3ccfedc5d..edd29086b4 100644 --- a/files/ja/glossary/event/index.html +++ b/files/ja/glossary/event/index.html @@ -6,14 +6,14 @@ tags: - Glossary translation_of: Glossary/event --- -<p>Events は <a href="https://developer.mozilla.org/ja/docs/Glossary/DOM">DOM</a> 要素によって生成される資産であり、Javascript コードから操作できます。</p> +<p>Events は <a href="/ja/docs/Glossary/DOM">DOM</a> 要素によって生成される資産であり、Javascript コードから操作できます。</p> <h2 id="Learn_more" name="Learn_more">関連項目</h2> <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Event">MDN の Event 文書</a></li> + <li><a href="/ja/docs/Web/API/Event">MDN の Event 文書</a></li> </ul> <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> diff --git a/files/ja/glossary/first_cpu_idle/index.html b/files/ja/glossary/first_cpu_idle/index.html index 2c81cf8f04..fe930005a4 100644 --- a/files/ja/glossary/first_cpu_idle/index.html +++ b/files/ja/glossary/first_cpu_idle/index.html @@ -3,4 +3,4 @@ title: First CPU idle slug: Glossary/First_CPU_idle translation_of: Glossary/First_CPU_idle --- -<p class="seoSummary"><strong>First CPU Idle</strong> は、ページが最小限のインタラクティブであるとき、またはウィンドウがユーザ入力を処理するのに十分に静かな時を測定します。これは非標準の Google Web パフォーマンスメトリックです。一般に、全ての表示されているUI要素がインタラクティブであるとは限らない場合に発生します。UIは平均して50ms以内にほとんどのユーザ入力に応答します。また、これは <a href="https://developer.mozilla.org/en-US/docs/Glossary/First_interactive">First interactive</a> とも呼ばれます。</p> +<p class="seoSummary"><strong>First CPU Idle</strong> は、ページが最小限のインタラクティブであるとき、またはウィンドウがユーザ入力を処理するのに十分に静かな時を測定します。これは非標準の Google Web パフォーマンスメトリックです。一般に、全ての表示されているUI要素がインタラクティブであるとは限らない場合に発生します。UIは平均して50ms以内にほとんどのユーザ入力に応答します。また、これは <a href="/ja/docs/Glossary/First_interactive">First interactive</a> とも呼ばれます。</p> diff --git a/files/ja/glossary/first_interactive/index.html b/files/ja/glossary/first_interactive/index.html index 77ff1e353e..44b59ef098 100644 --- a/files/ja/glossary/first_interactive/index.html +++ b/files/ja/glossary/first_interactive/index.html @@ -10,12 +10,12 @@ translation_of: Glossary/First_interactive --- <p>{{draft}}</p> -<p class="seoSummary"><strong>First Interactive</strong> は <a href="/en-US/docs/Glossary/First_CPU_idle">first CPU idle</a> とも呼ばれ、ユーザのウィンドウがユーザ入力を処理するのに十分に静かであるか、または最小限のインタラクティブを測定する非標準のWebパフォーマンスメトリックです。</p> +<p class="seoSummary"><strong>First Interactive</strong> は <a href="/ja/docs/Glossary/First_CPU_idle">first CPU idle</a> とも呼ばれ、ユーザのウィンドウがユーザ入力を処理するのに十分に静かであるか、または最小限のインタラクティブを測定する非標準のWebパフォーマンスメトリックです。</p> <p>最小限のインタラクティブとは、ページ上の全てではなく一部のUI要素が読み込まれ、インタラクティブであり、平均して妥当な時間内にユーザ入力に応答する場合と定義されます。</p> <h2 id="追加情報">追加情報</h2> -<p>First interactive は <a href="/en-US/docs/Glossary/Time_to_interactive">Time to Interactive</a> のバリエーションで、 <em>First Interactive</em> と <em>Consistently Interactive</em> に分かれています。これらのメトリックは Web Incubator Community Group によって提案されており、既に様々なツールで使用されています。このメトリックは <a href="https://developers.google.com/web/tools/lighthouse/">Lighthouse 3.0</a> 以降、 <em>First CPU Idle</em> と呼ばれています。</p> +<p>First interactive は <a href="/ja/docs/Glossary/Time_to_interactive">Time to Interactive</a> のバリエーションで、 <em>First Interactive</em> と <em>Consistently Interactive</em> に分かれています。これらのメトリックは Web Incubator Community Group によって提案されており、既に様々なツールで使用されています。このメトリックは <a href="https://developers.google.com/web/tools/lighthouse/">Lighthouse 3.0</a> 以降、 <em>First CPU Idle</em> と呼ばれています。</p> <h2 id="関連項目">関連項目</h2> diff --git a/files/ja/glossary/first_meaningful_paint/index.html b/files/ja/glossary/first_meaningful_paint/index.html index d4542414bf..bfd557afe6 100644 --- a/files/ja/glossary/first_meaningful_paint/index.html +++ b/files/ja/glossary/first_meaningful_paint/index.html @@ -12,5 +12,5 @@ translation_of: Glossary/first_meaningful_paint <h2 id="関連項目">関連項目:</h2> <ul> - <li><a href="/en-US/docs/Glossary/First_contentful_paint">First contentful paint</a></li> + <li><a href="/ja/docs/Glossary/First_contentful_paint">First contentful paint</a></li> </ul> diff --git a/files/ja/glossary/first_paint/index.html b/files/ja/glossary/first_paint/index.html index f63bec8fc1..7e83eccdd7 100644 --- a/files/ja/glossary/first_paint/index.html +++ b/files/ja/glossary/first_paint/index.html @@ -8,13 +8,13 @@ tags: - Web Performance translation_of: Glossary/First_paint --- -<p>FirstPaint は <a href="/en-US/docs/">Paint Timing API</a> の一部です。ナビゲーションからブラウザーが読み込んだ最初のピクセルを画面にレンダリングします。<br> +<p>FirstPaint は <a href="/ja/docs/">Paint Timing API</a> の一部です。ナビゲーションからブラウザーが読み込んだ最初のピクセルを画面にレンダリングします。<br> ナビゲーション前の画面と視覚的に異なるものをレンダリングすることで「それが起きているのか？」という質問に答えます。</p> <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Glossary/first_meaningful_paint">First meaningful paint</a></li> - <li><a href="/en-US/docs/Glossary/First_contentful_paint">First contentful paint</a></li> - <li><a href="/en-US/docs/">Paint Timing API</a></li> + <li><a href="/ja/docs/Glossary/first_meaningful_paint">First meaningful paint</a></li> + <li><a href="/ja/docs/Glossary/First_contentful_paint">First contentful paint</a></li> + <li><a href="/ja/docs/">Paint Timing API</a></li> </ul> diff --git a/files/ja/glossary/flex/index.html b/files/ja/glossary/flex/index.html index 43dc77f29b..2cc4824a55 100644 --- a/files/ja/glossary/flex/index.html +++ b/files/ja/glossary/flex/index.html @@ -13,7 +13,7 @@ translation_of: Glossary/Flex <p><code>flex</code> プロパティは flexbox プロパティを縮めて表したプロパティです。<code>flex-grow</code> や <code>flex-shrink</code>、<code>flex-basis</code> 等があります。</p> -<p><code><flex></code> については、CSS Grid Layout内の <a href="https://developer.mozilla.org/ja/docs/Web/CSS/flex_value">flexible length</a> にて確認できます。</p> +<p><code><flex></code> については、CSS Grid Layout内の <a href="/ja/docs/Web/CSS/flex_value">flexible length</a> にて確認できます。</p> <h2 id="Learn_more" name="Learn_more">関連項目</h2> diff --git a/files/ja/glossary/flex_container/index.html b/files/ja/glossary/flex_container/index.html index 5d7fd93623..1d3abebed0 100644 --- a/files/ja/glossary/flex_container/index.html +++ b/files/ja/glossary/flex_container/index.html @@ -31,7 +31,7 @@ translation_of: Glossary/Flex_Container <h3 id="参考文献">参考文献</h3> <ul> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li> </ul> diff --git a/files/ja/glossary/flex_item/index.html b/files/ja/glossary/flex_item/index.html index 7f2bd9dccd..934e7c6875 100644 --- a/files/ja/glossary/flex_item/index.html +++ b/files/ja/glossary/flex_item/index.html @@ -29,7 +29,7 @@ translation_of: Glossary/Flex_Item <h3 id="参考文献">参考文献</h3> <ul> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> </ul> diff --git a/files/ja/glossary/gij/index.html b/files/ja/glossary/gij/index.html index b18f32f37b..6e6a87a06c 100644 --- a/files/ja/glossary/gij/index.html +++ b/files/ja/glossary/gij/index.html @@ -9,4 +9,4 @@ tags: - tests translation_of: Glossary/GIJ --- -<p>Gaia 結合テスト (<em>G</em>aia <em>I</em>ntegration <em>T</em>esting)。Marionette と JavaScript に基づいています。詳しくは、<a href="/docs/Mozilla/QA/Automated_testing">GIJ</a> の記事をご覧ください。</p> +<p>Gaia 結合テスト (<em>G</em>aia <em>I</em>ntegration <em>T</em>esting)。Marionette と JavaScript に基づいています。詳しくは、<a href="/ja/docs/Mozilla/QA/Automated_testing">GIJ</a> の記事をご覧ください。</p> diff --git a/files/ja/glossary/global_scope/index.html b/files/ja/glossary/global_scope/index.html index 11507e5080..4cab70a724 100644 --- a/files/ja/glossary/global_scope/index.html +++ b/files/ja/glossary/global_scope/index.html @@ -16,7 +16,7 @@ translation_of: Glossary/Global_scope <h3 id="Learn_about_it" name="Learn_about_it">これについて学習する</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_scope">JavaScript の変数スコープ入門</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Variable_scope">JavaScript の変数スコープ入門</a></li> <li>Wikipedia の {{interwiki("wikipedia", "スコープ")}}</li> </ul> diff --git a/files/ja/glossary/grid_areas/index.html b/files/ja/glossary/grid_areas/index.html index 90913c78a8..f8407cd0ab 100644 --- a/files/ja/glossary/grid_areas/index.html +++ b/files/ja/glossary/grid_areas/index.html @@ -5,7 +5,7 @@ tags: - CSS Grids translation_of: Glossary/Grid_Areas --- -<p><strong>グリッドエリア</strong>はグリッド上で一つ以上の {{glossary("grid cell", "グリッドセル")}} からなる長方形の領域です。グリッドエリアは <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による配置</a> や <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">名前付きグリッドエリア</a>でエリアを定義すると作成されます。</p> +<p><strong>グリッドエリア</strong>はグリッド上で一つ以上の {{glossary("grid cell", "グリッドセル")}} からなる長方形の領域です。グリッドエリアは <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による配置</a> や <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">名前付きグリッドエリア</a>でエリアを定義すると作成されます。</p> <p><img alt="Image showing a highlighted grid area" src="https://mdn.mozillademos.org/files/14771/1_Grid_Area.png" style="height: 253px; width: 380px;"></p> @@ -74,7 +74,7 @@ translation_of: Glossary/Grid_Areas <h3 id="さらに詳しい説明">さらに詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">グリッドテンプレートエリア</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">グリッドテンプレートエリア</a></em></li> <li><a href="https://drafts.csswg.org/css-grid/#grid-area-concept">CSS グリッドレイアウト仕様に於けるグリッドエリアの定義</a></li> </ul> diff --git a/files/ja/glossary/grid_axis/index.html b/files/ja/glossary/grid_axis/index.html index ba28a9d041..c7ef53753b 100644 --- a/files/ja/glossary/grid_axis/index.html +++ b/files/ja/glossary/grid_axis/index.html @@ -8,7 +8,7 @@ translation_of: Glossary/Grid_Axis --- <p>CSS グリッドレイアウトはコンテンツを<strong>行</strong>と<strong>列</strong>でレイアウトできるようにする 2 次元レイアウトです。従って全てのグリッドには、<strong>ブロックもしくは列の軸</strong>と、<strong>インラインもしくは行の列</strong>という、二つの軸があります。</p> -<p>各アイテムはこれら 2 つの軸に沿って、<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment 仕様</a>で定義されるプロパティを使って配置されます。</p> +<p>各アイテムはこれら 2 つの軸に沿って、<a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment 仕様</a>で定義されるプロパティを使って配置されます。</p> <p>CSS ではブロックもしくは行の軸がテキストのブロックをレイアウトするのに使用する軸となります。右から左、上から下に書く言語で 2 つの段落があるばあい、ブロック軸に沿って一方が他方の下にレイアウトされます。</p> @@ -18,14 +18,14 @@ translation_of: Glossary/Grid_Axis <p><img alt="Diagram showing the inline axis in CSS Grid Layout." src="https://mdn.mozillademos.org/files/14773/7_Inline_Axis.png" style="height: 306px; width: 940px;"></p> -<p>これらの軸の物理的な方向は文書の<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">ライティングモード</a>によって変更可能です。</p> +<p>これらの軸の物理的な方向は文書の<a href="/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">ライティングモード</a>によって変更可能です。</p> <h2 id="より詳しく">より詳しく</h2> <h3 id="より詳しい説明">より詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">グリッドレイアウトに於けるボックス配置</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">グリッドや論理値とライティングモード</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">グリッドレイアウトに於けるボックス配置</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">グリッドや論理値とライティングモード</a></em></li> </ul> diff --git a/files/ja/glossary/grid_cell/index.html b/files/ja/glossary/grid_cell/index.html index f3745bf748..4e417f9dc9 100644 --- a/files/ja/glossary/grid_cell/index.html +++ b/files/ja/glossary/grid_cell/index.html @@ -5,7 +5,7 @@ tags: - CSS Grids translation_of: Glossary/Grid_Cell --- -<p><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>に於ける CSS グリッドの最小単位が<strong>グリッドセル</strong>です。四つの交差する {{glossary("grid lines", "グリッドライン")}} に囲まれた領域のことで、表に於けるセルと考え方はほぼ同じです。</p> +<p><a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>に於ける CSS グリッドの最小単位が<strong>グリッドセル</strong>です。四つの交差する {{glossary("grid lines", "グリッドライン")}} に囲まれた領域のことで、表に於けるセルと考え方はほぼ同じです。</p> <p><img alt="Diagram showing an individual cell on the grid." src="https://mdn.mozillademos.org/files/14767/1_Grid_Cell.png" style="height: 221px; width: 332px;"></p> @@ -66,6 +66,6 @@ translation_of: Glossary/Grid_Cell <h3 id="さらに詳しい説明">さらに詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></li> + <li>CSS グリッドレイアウトガイド: <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></li> <li><a href="https://drafts.csswg.org/css-grid/#grid-track-concept">CSS グリッドレイアウト仕様に於けるグリッドセルの定義</a></li> </ul> diff --git a/files/ja/glossary/grid_lines/index.html b/files/ja/glossary/grid_lines/index.html index 988690f084..0db6e8dea0 100644 --- a/files/ja/glossary/grid_lines/index.html +++ b/files/ja/glossary/grid_lines/index.html @@ -5,7 +5,7 @@ tags: - CSS Grids translation_of: Glossary/Grid_Lines --- -<p><strong>Grid ライン</strong>は <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>を用いて明示的グリッドとして {{glossary("Grid tracks", "トラック")}} を定義すると作成されます。次の例は 3 列のトラックと 2 行のトラックを含むグリッドとなります。この例では 4 つの列ラインと 3 つの行ラインが作られます。</p> +<p><strong>Grid ライン</strong>は <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>を用いて明示的グリッドとして {{glossary("Grid tracks", "トラック")}} を定義すると作成されます。次の例は 3 列のトラックと 2 行のトラックを含むグリッドとなります。この例では 4 つの列ラインと 3 つの行ラインが作られます。</p> <div id="example_1"> <div class="hidden"> @@ -48,7 +48,7 @@ translation_of: Glossary/Grid_Lines <p>{{ EmbedLiveSample('example_1', '500', '250') }}</p> -<p>ラインはライン番号で指定できます。英語や日本語のように左から右方向に、列ライン 1 がグリッドの左端、行ライン 1 が上端となります。ライン番号はドキュメントの <a href="/en-US/docs/Web/CSS/CSS_Writing_Modes">ライティングモード</a> を考慮するため、右から左へと記述する言語に於いては例えば列ライン 1 はグリッドの右端となります。下の画像では左から右の言語でのグリッドにおけるライン番号を図示しています。</p> +<p>ラインはライン番号で指定できます。英語や日本語のように左から右方向に、列ライン 1 がグリッドの左端、行ライン 1 が上端となります。ライン番号はドキュメントの <a href="/ja/docs/Web/CSS/CSS_Writing_Modes">ライティングモード</a> を考慮するため、右から左へと記述する言語に於いては例えば列ライン 1 はグリッドの右端となります。下の画像では左から右の言語でのグリッドにおけるライン番号を図示しています。</p> <p><img alt="Diagram showing the grid with lines numbered." src="https://mdn.mozillademos.org/files/14763/1_diagram_numbered_grid_lines.png" style="height: 456px; width: 764px;"></p> </div> @@ -169,9 +169,9 @@ translation_of: Glossary/Grid_Lines <h3 id="より詳しい説明">より詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による CSS グリッド位置指定</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">名前付きグリッドラインによるレイアウト</a></em></li> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS グリッド、論理値とライティングモード</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid">ライン指定による CSS グリッド位置指定</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines">名前付きグリッドラインによるレイアウト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid,_Logical_Values_and_Writing_Modes">CSS グリッド、論理値とライティングモード</a></em></li> <li><a href="https://drafts.csswg.org/css-grid/#grid-line-concept">CSS グリッドレイアウト仕様におけるグリッドラインの定義</a></li> </ul> diff --git a/files/ja/glossary/grid_rows/index.html b/files/ja/glossary/grid_rows/index.html index eaa112d31a..e7234ff136 100644 --- a/files/ja/glossary/grid_rows/index.html +++ b/files/ja/glossary/grid_rows/index.html @@ -5,11 +5,11 @@ tags: - CSS Grids translation_of: Glossary/Grid_Rows --- -<p><strong>グリッド行</strong>とは <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>における水平トラックであり、二つの水平方向のグリッドラインに挟まれた領域のことです。グリッド行は {{cssxref("grid-template-rows")}} プロパティまたは短縮記法の {{cssxref("grid")}} や {{cssxref("grid-template")}} プロパティで定義されます。</p> +<p><strong>グリッド行</strong>とは <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>における水平トラックであり、二つの水平方向のグリッドラインに挟まれた領域のことです。グリッド行は {{cssxref("grid-template-rows")}} プロパティまたは短縮記法の {{cssxref("grid")}} や {{cssxref("grid-template")}} プロパティで定義されます。</p> <p>加えて、明示的グリッド <em>(explicit grid)</em> で作られる行の外にアイテムが配置される場合は、暗黙的グリッド <em>(implicit grid) </em>にもグリッド行が作られます。これらの行はデフォルトでは自動的に大きさが決定されますが、{{cssxref("grid-auto-rows")}} プロパティでサイズ指定することもできます。</p> -<p><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>の中で位置調整 (alignment) をする場合、行が並ぶ軸をインライン軸もしくは行軸と呼びます。</p> +<p><a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>の中で位置調整 (alignment) をする場合、行が並ぶ軸をインライン軸もしくは行軸と呼びます。</p> <h2 id="より詳しく">より詳しく</h2> @@ -25,5 +25,5 @@ translation_of: Glossary/Grid_Rows <h3 id="より詳しい説明">より詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> </ul> diff --git a/files/ja/glossary/gutters/index.html b/files/ja/glossary/gutters/index.html index 538bcd8347..b68b0b4ad8 100644 --- a/files/ja/glossary/gutters/index.html +++ b/files/ja/glossary/gutters/index.html @@ -6,7 +6,7 @@ tags: - CSS グリッドレイアウト translation_of: Glossary/Gutters --- -<p><strong>ガター</strong> もしくはアレーはコンテンツトラック間のスペースです。<a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>で {{cssxref("grid-column-gap")}}、{{cssxref("grid-row-gap")}} あるいは {{cssxref("grid-gap")}} プロパティを使うとガターが作成されます。</p> +<p><strong>ガター</strong> もしくはアレーはコンテンツトラック間のスペースです。<a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>で {{cssxref("grid-column-gap")}}、{{cssxref("grid-row-gap")}} あるいは {{cssxref("grid-gap")}} プロパティを使うとガターが作成されます。</p> <p>下の例では 3 列 2 行のトラックを持つグリッドを、列トラックの間には 20 ピクセルの、列トラックの間には 20 ピクセルの隙間を空けています。</p> @@ -53,7 +53,7 @@ translation_of: Glossary/Gutters <p>グリッドのサイズ決定においては、ガターによる隙間は通常のグリッドトラックのように扱われますが、隙間の中には何も配置できません。隙間の分だけその場所のグリッドラインのサイズが増えるように振る舞うため、そのラインの後のグリッドアイテムは隙間の後から始まるように配置されます。</p> -<p>トラックに余白を作るのは grid-gap プロパティだけではありません。マージン、パディング、 <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment</a> のスペース分配プロパティなどいずれも視覚上の隙間を作ります。したがって、これらの方法で追加の余白は一切作らないデザインをしていない限り、grid-gap プロパティと「ガターサイズ」が一致するようには見えません。</p> +<p>トラックに余白を作るのは grid-gap プロパティだけではありません。マージン、パディング、 <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">Box Alignment</a> のスペース分配プロパティなどいずれも視覚上の隙間を作ります。したがって、これらの方法で追加の余白は一切作らないデザインをしていない限り、grid-gap プロパティと「ガターサイズ」が一致するようには見えません。</p> <h2 id="より詳しく">より詳しく</h2> @@ -68,6 +68,6 @@ translation_of: Glossary/Gutters <h3 id="より詳しい説明">より詳しい説明</h3> <ul> - <li>CSS グリッドレイアウトガイド: <em><a href="/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> + <li>CSS グリッドレイアウトガイド: <em><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout">グリッドレイアウトの基本コンセプト</a></em></li> <li><a href="https://drafts.csswg.org/css-grid/#gutters">CSS グリッドレイアウト仕様におけるガターの定義</a></li> </ul> diff --git a/files/ja/glossary/isp/index.html b/files/ja/glossary/isp/index.html index 50aa47d83c..88fa20a331 100644 --- a/files/ja/glossary/isp/index.html +++ b/files/ja/glossary/isp/index.html @@ -16,6 +16,6 @@ translation_of: Glossary/ISP <h3 id="一般的な知識">一般的な知識</h3> <ul> - <li><a href="https://developer.mozilla.org/Learn/How_the_Internet_works">どのようにしてインターネットが動いているのか</a> (初心者のための説明)</li> + <li><a href="/ja/Learn/How_the_Internet_works">どのようにしてインターネットが動いているのか</a> (初心者のための説明)</li> <li>Wikipedia の {{interwiki("wikipedia", "Internet_Service_Provider", "Internet service provider")}}</li> </ul> diff --git a/files/ja/glossary/long_task/index.html b/files/ja/glossary/long_task/index.html index 249524229c..a74e26ba72 100644 --- a/files/ja/glossary/long_task/index.html +++ b/files/ja/glossary/long_task/index.html @@ -8,10 +8,10 @@ tags: - Web Performance translation_of: Glossary/Long_task --- -<p><span class="seoSummary"><strong>long task</strong> とは、完了するまでに50ミリ秒以上かかるタスクです。</span> <a href="/en-US/docs/Glossary/Main_thread">main UI thread</a> が50ミリ秒以上ビジーである中断のない期間です。一般的な例では、長時間実行されるイベントハンドラ、高価な<a href="/en-US/docs/Glossary/Reflow">リフロー</a>、その他の再レンダリングが含まれ、50ミリ秒を超えるイベントループの異なるターン間でブラウザーが実行する作業が含まれます。</p> +<p><span class="seoSummary"><strong>long task</strong> とは、完了するまでに50ミリ秒以上かかるタスクです。</span> <a href="/ja/docs/Glossary/Main_thread">main UI thread</a> が50ミリ秒以上ビジーである中断のない期間です。一般的な例では、長時間実行されるイベントハンドラ、高価な<a href="/ja/docs/Glossary/Reflow">リフロー</a>、その他の再レンダリングが含まれ、50ミリ秒を超えるイベントループの異なるターン間でブラウザーが実行する作業が含まれます。</p> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Long_Tasks_API">Long task API</a></li> + <li><a href="/ja/docs/Web/API/Long_Tasks_API">Long task API</a></li> </ul> diff --git a/files/ja/glossary/main_axis/index.html b/files/ja/glossary/main_axis/index.html index ae507ad691..e948fcbfe7 100644 --- a/files/ja/glossary/main_axis/index.html +++ b/files/ja/glossary/main_axis/index.html @@ -46,7 +46,7 @@ translation_of: Glossary/Main_Axis <h3 id="Further_reading" name="Further_reading">参考文献</h3> <ul> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> - <li>CSS Flexbox Guide: <em><a href="/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li> + <li>CSS Flexbox Guide: <em><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li> </ul> diff --git a/files/ja/glossary/media/css/index.html b/files/ja/glossary/media/css/index.html index 9e7900f23c..499283e9c0 100644 --- a/files/ja/glossary/media/css/index.html +++ b/files/ja/glossary/media/css/index.html @@ -26,7 +26,7 @@ translation_of: Glossary/Media/CSS <dt><a href="/ja/docs/Web/CSS/Media_Queries">メディアクエリー</a></dt> <dd>メディアクエリの中括弧内で指定された CSS スタイルを適用する条件となる特性または引数のセットを定義します。例えば、768ピクセル以下の端末のみに特定の CSS スタイルを適用する、などです。</dd> <dt>{{cssxref("@media")}} <a href="/ja/docs/Web/CSS/At-rule">アット規則</a></dt> - <dd>メディアクエリの結果に基づいて、<a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML">スタイルシート</a>の一部を条件付きで適用します。</dd> + <dd>メディアクエリの結果に基づいて、<a href="/ja/docs/Learn/CSS/Introduction_to_CSS/How_CSS_works#How_to_apply_your_CSS_to_your_HTML">スタイルシート</a>の一部を条件付きで適用します。</dd> <dt>{{domxref("Window.matchMedia()")}}</dt> <dd>表示装置に対するメディアクエリをテストします。</dd> </dl> diff --git a/files/ja/glossary/navigation_directive/index.html b/files/ja/glossary/navigation_directive/index.html index 12f4755214..bc2886202b 100644 --- a/files/ja/glossary/navigation_directive/index.html +++ b/files/ja/glossary/navigation_directive/index.html @@ -25,10 +25,10 @@ translation_of: Glossary/Navigation_directive <li>{{Glossary("Fetch directive","フェッチディレクティブ")}}</li> <li>{{Glossary("Document directive","文書ディレクティブ")}}</li> <li>{{Glossary("Reporting directive", "報告ディレクティブ")}}</li> - <li><code><a href="/docs/Web/HTTP/Headers/Content-Security-Policy/block-all-mixed-content">block-all-mixed-content</a></code></li> - <li><code><a href="/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests">upgrade-insecure-requests</a></code></li> - <li><code><a href="/docs/Web/HTTP/Headers/Content-Security-Policy/require-sri-for">require-sri-for</a></code></li> - <li><code><a href="/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types">trusted-types</a></code></li> + <li><code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/block-all-mixed-content">block-all-mixed-content</a></code></li> + <li><code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests">upgrade-insecure-requests</a></code></li> + <li><code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/require-sri-for">require-sri-for</a></code></li> + <li><code><a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types">trusted-types</a></code></li> </ul> </li> <li>{{HTTPHeader("Content-Security-Policy")}}</li> diff --git a/files/ja/glossary/oop/index.html b/files/ja/glossary/oop/index.html index a105c93312..9a019b8f5c 100644 --- a/files/ja/glossary/oop/index.html +++ b/files/ja/glossary/oop/index.html @@ -9,7 +9,7 @@ translation_of: Glossary/OOP --- <p><strong>OOP </strong>(Object-Oriented Programming、オブジェクト指向プログラミングの略) はデータを <strong>{{glossary("object","オブジェクト")}}</strong> 内にカプセル化して、その構成部品ではなくてオブジェクト自体が操作される、プログラミングアプローチです。</p> -<p>{{glossary("JavaScript")}} はとてもオブジェクト指向です。これは <strong>プロトタイプ</strong>ベースのモデル (<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">クラスベースの反対</a>) に従っています。</p> +<p>{{glossary("JavaScript")}} はとてもオブジェクト指向です。これは <strong>プロトタイプ</strong>ベースのモデル (<a href="/ja/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">クラスベースの反対</a>) に従っています。</p> <h2 id="Learn_more" name="Learn_more">詳細情報</h2> @@ -17,5 +17,5 @@ translation_of: Glossary/OOP <ul> <li>Wikipedia の {{Interwiki("wikipedia", "オブジェクト指向プログラミング")}}</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">JavaScript によるオブジェクト指向入門</a></li> + <li><a href="/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">JavaScript によるオブジェクト指向入門</a></li> </ul> diff --git a/files/ja/glossary/operator/index.html b/files/ja/glossary/operator/index.html index 2961f57766..9f65ba6615 100644 --- a/files/ja/glossary/operator/index.html +++ b/files/ja/glossary/operator/index.html @@ -20,5 +20,5 @@ translation_of: Glossary/Operator <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators">JavaScript の演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators">JavaScript の演算子</a></li> </ul> diff --git a/files/ja/glossary/ota/index.html b/files/ja/glossary/ota/index.html index 49c502e42f..04dbb6f034 100644 --- a/files/ja/glossary/ota/index.html +++ b/files/ja/glossary/ota/index.html @@ -18,5 +18,5 @@ translation_of: Glossary/OTA <ul> <li>Wikipedia 上の {{Interwiki("wikipedia", "Over-the-air programming")}}</li> - <li><a href="/en-US/Firefox_OS/Building_and_installing_Firefox_OS/Firefox_OS_update_packages">Creating and applying Firefox OS update packages</a></li> + <li><a href="/ja/Firefox_OS/Building_and_installing_Firefox_OS/Firefox_OS_update_packages">Creating and applying Firefox OS update packages</a></li> </ul> diff --git a/files/ja/glossary/page_load_time/index.html b/files/ja/glossary/page_load_time/index.html index 8b472aef19..d2befb60bc 100644 --- a/files/ja/glossary/page_load_time/index.html +++ b/files/ja/glossary/page_load_time/index.html @@ -9,18 +9,18 @@ tags: - page load time translation_of: Glossary/Page_load_time --- -<p><span class="seoSummary"><strong>ページ読み込み時間</strong>とはページの読み込みにかかる時間のことであり、<a href="/en-US/docs/Web/API/PerformanceTiming/navigationStart">ナビゲーション開始時</a>から<a href="/en-US/docs/Web/API/PerformanceTiming/loadEventStart">ロードイベント開始時</a>までをもって測定されます。</span></p> +<p><span class="seoSummary"><strong>ページ読み込み時間</strong>とはページの読み込みにかかる時間のことであり、<a href="/ja/docs/Web/API/PerformanceTiming/navigationStart">ナビゲーション開始時</a>から<a href="/ja/docs/Web/API/PerformanceTiming/loadEventStart">ロードイベント開始時</a>までをもって測定されます。</span></p> <pre class="brush: js notranslate">let time = performance.timing; let pageloadtime = time.loadEventStart - time.navigationStart;</pre> -<p>ページ読み込み時間は完璧なウェブパフォーマンス測定基準に聞こえますが、そうではありません。読み込み時間はユーザーのデバイス性能やネットワーク状態、そして程度は低いもののサーバーからの距離によって大きく変化します。ページ読み込み時間が測定される開発環境は最適化された環境である場合が多くユーザーの実態体験を反映しません。さらにウェブパフォーマンスはロードイベント発生時間だけではありません。それは<a href="/docs/Glossary/Perceived_performance">体感速度</a>、応答性、<a href="/en-US/docs/Glossary/Jank">ジャンク（Jank)</a>、そしてジッター(Jitter)でもあります。</p> +<p>ページ読み込み時間は完璧なウェブパフォーマンス測定基準に聞こえますが、そうではありません。読み込み時間はユーザーのデバイス性能やネットワーク状態、そして程度は低いもののサーバーからの距離によって大きく変化します。ページ読み込み時間が測定される開発環境は最適化された環境である場合が多くユーザーの実態体験を反映しません。さらにウェブパフォーマンスはロードイベント発生時間だけではありません。それは<a href="/ja/docs/Glossary/Perceived_performance">体感速度</a>、応答性、<a href="/ja/docs/Glossary/Jank">ジャンク（Jank)</a>、そしてジッター(Jitter)でもあります。</p> <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/Performance/Navigation_and_resource_timings">Navigation and resource timing</a></li> + <li><a href="/ja/docs/Web/Performance/Navigation_and_resource_timings">Navigation and resource timing</a></li> <li>{{domxref("PerformanceNavigationTiming")}}</li> <li>{{domxref("PerformanceResourceTiming")}},</li> </ul> diff --git a/files/ja/glossary/privileged/index.html b/files/ja/glossary/privileged/index.html index 44b72d97ea..1a52496f5e 100644 --- a/files/ja/glossary/privileged/index.html +++ b/files/ja/glossary/privileged/index.html @@ -19,5 +19,5 @@ translation_of: Glossary/Privileged <h3 id="これについて学ぶ">これについて学ぶ</h3> <ul> - <li><a href="/en-US/Learn/tutorial/Information_Security_Basics">Information Security Tutorial</a></li> + <li><a href="/ja/Learn/tutorial/Information_Security_Basics">Information Security Tutorial</a></li> </ul> diff --git a/files/ja/glossary/property/css/index.html b/files/ja/glossary/property/css/index.html index 11b53f5265..5997d76428 100644 --- a/files/ja/glossary/property/css/index.html +++ b/files/ja/glossary/property/css/index.html @@ -27,12 +27,12 @@ div { <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/Learn/CSS">Learn CSS</a></li> + <li><a href="/ja/Learn/CSS">Learn CSS</a></li> </ul> <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="/docs/Web/CSS/Reference">MDN 上の CSS リファレンス</a></li> + <li><a href="/ja/docs/Web/CSS/Reference">MDN 上の CSS リファレンス</a></li> <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">CSS ワーキンググループの現在の成果</a></li> </ul> diff --git a/files/ja/glossary/property/javascript/index.html b/files/ja/glossary/property/javascript/index.html index 20d306e1ee..f9a5d50585 100644 --- a/files/ja/glossary/property/javascript/index.html +++ b/files/ja/glossary/property/javascript/index.html @@ -23,5 +23,5 @@ translation_of: Glossary/property/JavaScript <ul> <li>Wikipedia 上の記事「{{InterWiki('wikipedia','プロパティ')}}」</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">オブジェクト志向 JavaScript 入門</a></li> + <li><a href="/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">オブジェクト志向 JavaScript 入門</a></li> </ul> diff --git a/files/ja/glossary/quality_values/index.html b/files/ja/glossary/quality_values/index.html index 7ae570dc07..0f0fe86149 100644 --- a/files/ja/glossary/quality_values/index.html +++ b/files/ja/glossary/quality_values/index.html @@ -76,5 +76,5 @@ translation_of: Glossary/Quality_values <h2 id="詳細情報">詳細情報</h2> <ul> - <li><a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a> using q-values in their syntax: {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Charset")}}, {{HTTPHeader("Accept-Language")}}, {{HTTPHeader("Accept-Encoding")}}, {{HTTPHeader("TE")}}.</li> + <li><a href="/ja/docs/Web/HTTP/Headers">HTTP headers</a> using q-values in their syntax: {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Charset")}}, {{HTTPHeader("Accept-Language")}}, {{HTTPHeader("Accept-Encoding")}}, {{HTTPHeader("TE")}}.</li> </ul> diff --git a/files/ja/glossary/regular_expression/index.html b/files/ja/glossary/regular_expression/index.html index 36b2481953..95a78c7d10 100644 --- a/files/ja/glossary/regular_expression/index.html +++ b/files/ja/glossary/regular_expression/index.html @@ -24,5 +24,5 @@ translation_of: Glossary/Regular_expression <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions">JavaScript で正規表現を書く</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions">JavaScript で正規表現を書く</a></li> </ul> diff --git a/files/ja/glossary/responsive_web_design/index.html b/files/ja/glossary/responsive_web_design/index.html index 9ba683cbb1..b64b6a6c3f 100644 --- a/files/ja/glossary/responsive_web_design/index.html +++ b/files/ja/glossary/responsive_web_design/index.html @@ -15,7 +15,7 @@ translation_of: Glossary/Responsive_web_design <h3 id="General_knowledge" name="General_knowledge">一般知識</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web_Development/Responsive_Web_design">要約とリソース</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web_Development/Mobile/Responsive_design">レスポンシブにするメリットとデメリット</a></li> + <li><a href="/ja/docs/Web_Development/Responsive_Web_design">要約とリソース</a></li> + <li><a href="/ja/docs/Web_Development/Mobile/Responsive_design">レスポンシブにするメリットとデメリット</a></li> <li><a href="http://msdn.microsoft.com/en-us/magazine/hh653584.aspx">レスポンシブウェブデザイン(英MSDN)</a></li> </ul> diff --git a/files/ja/glossary/rgb/index.html b/files/ja/glossary/rgb/index.html index 4105324e20..0d0a0d8bbb 100644 --- a/files/ja/glossary/rgb/index.html +++ b/files/ja/glossary/rgb/index.html @@ -18,5 +18,5 @@ translation_of: Glossary/RGB <h3 id="Learn_about_it">Learn about it</h3> <ul> - <li><a href="/en-US/docs/Web/CSS/color_value">CSS data type: <color></a></li> + <li><a href="/ja/docs/Web/CSS/color_value">CSS data type: <color></a></li> </ul> diff --git a/files/ja/glossary/slug/index.html b/files/ja/glossary/slug/index.html index 9c90678163..0ba88df14d 100644 --- a/files/ja/glossary/slug/index.html +++ b/files/ja/glossary/slug/index.html @@ -20,5 +20,5 @@ original_slug: Glossary/スラグ <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/MDN/Contribute/Guidelines/Writing_style_guide#タイトルとスラグの決め方">タイトルとスラグの決め方</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Writing_style_guide#タイトルとスラグの決め方">タイトルとスラグの決め方</a></li> </ul> diff --git a/files/ja/glossary/specification/index.html b/files/ja/glossary/specification/index.html index bf621c5a2f..e45728c490 100644 --- a/files/ja/glossary/specification/index.html +++ b/files/ja/glossary/specification/index.html @@ -20,5 +20,5 @@ translation_of: Glossary/Specification <h3 id="技術リファレンス">技術リファレンス</h3> <ul> - <li><a href="/en-US/docs/Web/Specification_list">Open Web platform specifications</a></li> + <li><a href="/ja/docs/Web/Specification_list">Open Web platform specifications</a></li> </ul> diff --git a/files/ja/glossary/sri/index.html b/files/ja/glossary/sri/index.html index 5614abfa6e..67eff43124 100644 --- a/files/ja/glossary/sri/index.html +++ b/files/ja/glossary/sri/index.html @@ -12,7 +12,7 @@ translation_of: Glossary/SRI <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Security/Subresource_Integrity">Subresource Integrity</a></li> + <li><a href="/ja/docs/Web/Security/Subresource_Integrity">Subresource Integrity</a></li> <li>{{HTTPHeader("Content-Security-Policy")}}: {{CSP("require-sri-for")}}</li> </ul> </div> diff --git a/files/ja/glossary/statement/index.html b/files/ja/glossary/statement/index.html index 248dcb73f3..2cd2c1003e 100644 --- a/files/ja/glossary/statement/index.html +++ b/files/ja/glossary/statement/index.html @@ -20,7 +20,7 @@ translation_of: Glossary/Statement <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements">JavaScript の文と宣言</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Statements">JavaScript の文と宣言</a></li> </ul> <ul> diff --git a/files/ja/glossary/svn/index.html b/files/ja/glossary/svn/index.html index c4bcc64bc3..7b870123a6 100644 --- a/files/ja/glossary/svn/index.html +++ b/files/ja/glossary/svn/index.html @@ -17,5 +17,5 @@ translation_of: Glossary/SVN <h3 id="技術リファレンス">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Mozilla/Localization/SVN_guide_for_localizers">MDN翻訳者向けSVNガイド</a></li> + <li><a href="/ja/docs/Mozilla/Localization/SVN_guide_for_localizers">MDN翻訳者向けSVNガイド</a></li> </ul> diff --git a/files/ja/glossary/tcp_handshake/index.html b/files/ja/glossary/tcp_handshake/index.html index 0997d2e1de..cf4615e523 100644 --- a/files/ja/glossary/tcp_handshake/index.html +++ b/files/ja/glossary/tcp_handshake/index.html @@ -16,7 +16,7 @@ translation_of: Glossary/TCP_handshake <p>ホスト（一般的にはブラウザー）は、TCP SYNchronize パケットをサーバーに送信します。サーバーは SYN を受信し、SYNchronize-ACKnowledgement を返送します。ホストはサーバーの SYN-ACK を受信し、ACKnowledge を送信します。サーバーは ACK を受信し、TCP ソケット接続が確立されます。</p> -<p>このハンドシェイクステップは、安全な接続を作成する際に、{{glossary('DNS', 'DNS ルックアップ')}}の後、および{{glossary('TLS')}}<a href="https://developer.mozilla.org/ja/docs/Glossary/TLS"> </a>ハンドシェイクの前に実行されます。接続は 4度目のハンドシェイクを通じて、接続の各終端で独立して終了させることができます。</p> +<p>このハンドシェイクステップは、安全な接続を作成する際に、{{glossary('DNS', 'DNS ルックアップ')}}の後、および{{glossary('TLS')}}<a href="/ja/docs/Glossary/TLS"> </a>ハンドシェイクの前に実行されます。接続は 4度目のハンドシェイクを通じて、接続の各終端で独立して終了させることができます。</p> <h2 id="See_also" name="See_also">関連情報</h2> diff --git a/files/ja/glossary/tree_shaking/index.html b/files/ja/glossary/tree_shaking/index.html index faa0dd5af4..d03f721c53 100644 --- a/files/ja/glossary/tree_shaking/index.html +++ b/files/ja/glossary/tree_shaking/index.html @@ -5,7 +5,7 @@ translation_of: Glossary/Tree_shaking --- <p><strong>Tree shaking</strong> とは実行されないコードを削除することで、JavaScriptの文脈で利用される用語です。</p> -<p>Tree shaking は ES2015 の <a href="/en-US/docs/Web/JavaScript/Reference/Statements/import">import</a> 文と <a href="/en-US/docs/Web/JavaScript/Reference/Statements/export">export</a> 文を利用して、エキスポートされたコードが他の JavaScript ファイルで利用されているかどうかを判定します。</p> +<p>Tree shaking は ES2015 の <a href="/ja/docs/Web/JavaScript/Reference/Statements/import">import</a> 文と <a href="/ja/docs/Web/JavaScript/Reference/Statements/export">export</a> 文を利用して、エキスポートされたコードが他の JavaScript ファイルで利用されているかどうかを判定します。</p> <p>モダンな JavaScript アプリケーションの開発では、<a href="https://webpack.js.org/">webpack</a> や <a href="https://github.com/rollup/rollup">Rollup</a> のようなモジュールバンドラーが複数の JavaScript ファイルを 1 つにまとめられます。この際に tree shaking が行われます。Tree shaking は、コードの構造を整理してファイルサイズを小さくできる、といった点で製品としてリリースする前の重要な処理となっています。</p> diff --git a/files/ja/glossary/validator/index.html b/files/ja/glossary/validator/index.html index ff09ffada6..7256de9e01 100644 --- a/files/ja/glossary/validator/index.html +++ b/files/ja/glossary/validator/index.html @@ -15,5 +15,5 @@ translation_of: Glossary/Validator <ul> <li>Wikipedia の {{interwiki("wikipedia", "en:Validator", "Validator")}} (英語)</li> - <li><a href="https://developer.mozilla.org/ja/docs/Tools/Validators">バリデーターの例</a></li> + <li><a href="/ja/docs/Tools/Validators">バリデーターの例</a></li> </ul> diff --git a/files/ja/glossary/variable/index.html b/files/ja/glossary/variable/index.html index ae06c3c4c6..9ca5e73b1d 100644 --- a/files/ja/glossary/variable/index.html +++ b/files/ja/glossary/variable/index.html @@ -19,6 +19,6 @@ translation_of: Glossary/Variable <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">JavaScript の変数宣言</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/var">JavaScript の <code>var</code> 文</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">JavaScript の変数宣言</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Statements/var">JavaScript の <code>var</code> 文</a></li> </ul> diff --git a/files/ja/glossary/webassembly/index.html b/files/ja/glossary/webassembly/index.html index f53eb382ea..d3e0b91c1e 100644 --- a/files/ja/glossary/webassembly/index.html +++ b/files/ja/glossary/webassembly/index.html @@ -14,7 +14,7 @@ translation_of: Glossary/WebAssembly <ol> <li>{{interwiki('wikipedia','WebAssembly')}} on Wikipedia</li> <li><a href="https://webassembly.org/">Official website</a></li> - <li><a href="/en-US/docs/WebAssembly">WebAssembly</a> on MDN</li> + <li><a href="/ja/docs/WebAssembly">WebAssembly</a> on MDN</li> </ol> </li> </ol> diff --git a/files/ja/glossary/webgl/index.html b/files/ja/glossary/webgl/index.html index 2f6901631f..f360995abc 100644 --- a/files/ja/glossary/webgl/index.html +++ b/files/ja/glossary/webgl/index.html @@ -29,6 +29,6 @@ translation_of: Glossary/WebGL <h3 id="技術記事" style="line-height: 24px;">技術記事</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/WebGL">MDN の WebGL</a></li> + <li><a href="/ja/docs/Web/WebGL">MDN の WebGL</a></li> <li><a href="http://caniuse.com/#feat=webgl">WebGL のサポート表</a></li> </ul> diff --git a/files/ja/glossary/webidl/index.html b/files/ja/glossary/webidl/index.html index f5a9a1da69..1fdbb28f78 100644 --- a/files/ja/glossary/webidl/index.html +++ b/files/ja/glossary/webidl/index.html @@ -17,7 +17,7 @@ translation_of: Glossary/WebIDL <ul> <li><a href="http://www.w3.org/TR/WebIDL/">Specification</a></li> - <li><a href="/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file">Information contained in a WebIDL file</a></li> - <li><a href="/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li> + <li><a href="/ja/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file">Information contained in a WebIDL file</a></li> + <li><a href="/ja/docs/Mozilla/WebIDL_bindings">WebIDL bindings</a></li> <li>{{interwiki("wikipedia", "WebIDL")}}</li> </ul> diff --git a/files/ja/glossary/webkit/index.html b/files/ja/glossary/webkit/index.html index 48c90a9a6a..1636632c0c 100644 --- a/files/ja/glossary/webkit/index.html +++ b/files/ja/glossary/webkit/index.html @@ -27,5 +27,5 @@ translation_of: Glossary/WebKit <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/CSS/Reference/Webkit_Extensions">WebKit CSS 拡張</a></li> + <li><a href="/ja/docs/Web/CSS/Reference/Webkit_Extensions">WebKit CSS 拡張</a></li> </ul> diff --git a/files/ja/glossary/world_wide_web/index.html b/files/ja/glossary/world_wide_web/index.html index 1b46bfb2cd..80a533e88a 100644 --- a/files/ja/glossary/world_wide_web/index.html +++ b/files/ja/glossary/world_wide_web/index.html @@ -29,7 +29,7 @@ translation_of: Glossary/World_Wide_Web <h3 id="ウェブについて学ぶ">ウェブについて学ぶ</h3> <ul> - <li><a href="https://developer.mozilla.org/Learn">Learn the Web</a></li> + <li><a href="/ja/docs/Learn">Learn the Web</a></li> <li><a href="https://learning.mozilla.org/web-literacy">Web literacy map</a> (ウェブ開発に必要なスキル項目)</li> </ul> diff --git a/files/ja/glossary/xpath/index.html b/files/ja/glossary/xpath/index.html index 6242d1ab0b..47c2199f3d 100644 --- a/files/ja/glossary/xpath/index.html +++ b/files/ja/glossary/xpath/index.html @@ -15,7 +15,7 @@ translation_of: Glossary/XPath <h3 id="Technical_reference" name="Technical_reference">技術リファレンス</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/XPath">MDN の XPath 文書</a></li> + <li><a href="/ja/docs/Web/XPath">MDN の XPath 文書</a></li> <li><a href="http://www.w3.org/TR/xpath-30/">XPath specification</a></li> </ul> diff --git a/files/ja/glossary/xslt/index.html b/files/ja/glossary/xslt/index.html index cf1d126c5a..2cea03ffab 100644 --- a/files/ja/glossary/xslt/index.html +++ b/files/ja/glossary/xslt/index.html @@ -18,5 +18,5 @@ translation_of: Glossary/XSLT <ul> <li>{{Interwiki("wikipedia", "XSLT")}} on Wikipedia</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/XSLT">XSLT documentation on MDN</a></li> + <li><a href="/ja/docs/Web/XSLT">XSLT documentation on MDN</a></li> </ul> diff --git a/files/ja/learn/accessibility/accessibility_troubleshooting/index.html b/files/ja/learn/accessibility/accessibility_troubleshooting/index.html index a43b4a509b..853d204cc1 100644 --- a/files/ja/learn/accessibility/accessibility_troubleshooting/index.html +++ b/files/ja/learn/accessibility/accessibility_troubleshooting/index.html @@ -120,10 +120,10 @@ translation_of: Learn/Accessibility/Accessibility_troubleshooting <ul> <li><a href="/ja/docs/Learn/Accessibility/What_is_accessibility">アクセシビリティとは？</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/HTML">HTML: アクセシビリティの基礎</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/CSS_and_JavaScript">CSS と JavaScript のアクセシビリティ成功事例</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/WAI-ARIA_basics" rel="nofollow">WAI-ARIA の基本</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/Multimedia" rel="nofollow">アクセシブルなマルチメディア</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/Mobile" rel="nofollow">モバイルアクセシビリティ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Accessibility/Accessibility_troubleshooting" rel="nofollow">アクセシビリティのトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/Accessibility/HTML">HTML: アクセシビリティの基礎</a></li> + <li><a href="/ja/docs/Learn/Accessibility/CSS_and_JavaScript">CSS と JavaScript のアクセシビリティ成功事例</a></li> + <li><a href="/ja/docs/Learn/Accessibility/WAI-ARIA_basics" rel="nofollow">WAI-ARIA の基本</a></li> + <li><a href="/ja/docs/Learn/Accessibility/Multimedia" rel="nofollow">アクセシブルなマルチメディア</a></li> + <li><a href="/ja/docs/Learn/Accessibility/Mobile" rel="nofollow">モバイルアクセシビリティ</a></li> + <li><a href="/ja/docs/Learn/Accessibility/Accessibility_troubleshooting" rel="nofollow">アクセシビリティのトラブルシューティング</a></li> </ul> diff --git a/files/ja/learn/accessibility/html/index.html b/files/ja/learn/accessibility/html/index.html index efcb7b9c1d..e0d08c0fc0 100644 --- a/files/ja/learn/accessibility/html/index.html +++ b/files/ja/learn/accessibility/html/index.html @@ -357,7 +357,7 @@ translation_of: Learn/Accessibility/HTML <span class="punctuation token">}</span> <span class="punctuation token">}</span><span class="punctuation token">;</span></code></pre> -<p>ここでは、キーボード上でいつボタンが押されたのかを検出するために、<code>document</code> オブジェクトにリスナーを追加しています。どのボタンが押されたのかを、イベント・オブジェクトの <code><a href="https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode">keyCode</a></code> プロパティを介して調べています。 [訳注: 以上の二つの文の「ボタン」はキーボード上のキーのことのようです。また、<code>keyCode</code> プロパティは非推奨になっています。]もしエンターキー / リターンキーに合致するキーコードだったら、<code>document.activeElement.onclick()</code> を用い、ボタンの <code>onclick</code> ハンドラーに記憶されている関数を実行します [訳注: この文の「ボタン」は <code><div></code> ボタンのことのようです]。<code><a href="https://developer.mozilla.org/ja/docs/Web/API/Document/activeElement">activeElement</a></code> は、ページ上で現在フォーカスの当たっている要素を教えてくれます。</p> +<p>ここでは、キーボード上でいつボタンが押されたのかを検出するために、<code>document</code> オブジェクトにリスナーを追加しています。どのボタンが押されたのかを、イベント・オブジェクトの <code><a href="/ja/docs/Web/API/KeyboardEvent/keyCode">keyCode</a></code> プロパティを介して調べています。 [訳注: 以上の二つの文の「ボタン」はキーボード上のキーのことのようです。また、<code>keyCode</code> プロパティは非推奨になっています。]もしエンターキー / リターンキーに合致するキーコードだったら、<code>document.activeElement.onclick()</code> を用い、ボタンの <code>onclick</code> ハンドラーに記憶されている関数を実行します [訳注: この文の「ボタン」は <code><div></code> ボタンのことのようです]。<code><a href="/ja/docs/Web/API/Document/activeElement">activeElement</a></code> は、ページ上で現在フォーカスの当たっている要素を教えてくれます。</p> <div class="note"> <p><strong>注</strong>: 自分の独自のイベントハンドラーを、イベントハンドラー・プロパティ (たとえば <code>onclick</code>) を介して設定した場合にのみ、この技法がうまくいくだろうということに留意すべきです。<code>addEventListener</code> だと、うまくいきません。</p> diff --git a/files/ja/learn/accessibility/what_is_accessibility/index.html b/files/ja/learn/accessibility/what_is_accessibility/index.html index e1edbafaee..4812e98bcf 100644 --- a/files/ja/learn/accessibility/what_is_accessibility/index.html +++ b/files/ja/learn/accessibility/what_is_accessibility/index.html @@ -122,8 +122,8 @@ translation_of: Learn/Accessibility/What_is_accessibility <h3 id="注記">注記</h3> <ul> - <li><a href="/en-US/docs/Web/Accessibility/Cognitive_accessibility">認知的なアクセシビリティ</a>をもってデザインするのは良い習慣になります。どんな人にも利益になるでしょう。</li> - <li>知的障碍者の多くは身体的な障碍も持っています。ウェブサイトは W3Cの<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web コンテンツアクセシビリティガイドライン</a>と、その中の<a href="/en-US/docs/Web/Accessibility/Cognitive_accessibility#Guidelines">認知的アクセシビリティガイドライン</a>に従う必要があります。</li> + <li><a href="/ja/docs/Web/Accessibility/Cognitive_accessibility">認知的なアクセシビリティ</a>をもってデザインするのは良い習慣になります。どんな人にも利益になるでしょう。</li> + <li>知的障碍者の多くは身体的な障碍も持っています。ウェブサイトは W3Cの<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web コンテンツアクセシビリティガイドライン</a>と、その中の<a href="/ja/docs/Web/Accessibility/Cognitive_accessibility#Guidelines">認知的アクセシビリティガイドライン</a>に従う必要があります。</li> <li>W3Cの <a href="https://www.w3.org/WAI/GL/task-forces/coga/">認知と学習障碍者のアクセシビリティタスクフォース</a>では認知障碍者のためのウェブアクセシビリティガイドラインを制作しています。</li> <li>WebAIM の<a href="https://webaim.org/articles/cognitive/">認知のページ</a>には関連する情報やリソースがあります<a name="_GoBack"></a>.</li> <li>アメリカ疾病予防管理センターの見積もりでは、2018年以降、4人に1人の米国市民には障碍があり、その中で、<a href="https://www.cdc.gov/media/releases/2018/p0816-disability.html">若い人には認知障碍が最もよく見られます。</a></li> diff --git a/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html index 57245cc7a3..0927434fad 100644 --- a/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html +++ b/files/ja/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html @@ -33,7 +33,7 @@ translation_of: Learn/Common_questions/Checking_that_your_web_site_is_working_pr <h2 id="アクティブラーニング">アクティブラーニング</h2> -<p><em>アクティブラーニングはまだありません。 <a href="/en-US/docs/MDN/Getting_started">貢献をご検討ください</a>。</em></p> +<p><em>アクティブラーニングはまだありません。 <a href="/ja/docs/MDN/Getting_started">貢献をご検討ください</a>。</em></p> <h2 id="より深く掘り下げる">より深く掘り下げる</h2> diff --git a/files/ja/learn/common_questions/common_web_layouts/index.html b/files/ja/learn/common_questions/common_web_layouts/index.html index 88fc618791..2aef5e786e 100644 --- a/files/ja/learn/common_questions/common_web_layouts/index.html +++ b/files/ja/learn/common_questions/common_web_layouts/index.html @@ -13,7 +13,7 @@ translation_of: Learn/Common_questions/Common_web_layouts <tbody> <tr> <th scope="row">Prerequisites:</th> - <td>Make sure you've already thought about <a href="/en-US/Learn/Thinking_before_coding">what you want to accomplish</a> with your web project.</td> + <td>Make sure you've already thought about <a href="/ja/Learn/Thinking_before_coding">what you want to accomplish</a> with your web project.</td> </tr> <tr> <th scope="row">Objective:</th> @@ -63,7 +63,7 @@ translation_of: Learn/Common_questions/Common_web_layouts <h2 id="Active_learning">Active learning</h2> -<p><em>There is no active learning available yet. <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> +<p><em>There is no active learning available yet. <a href="/ja/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> <h2 id="Deeper_dive">Deeper dive</h2> diff --git a/files/ja/learn/common_questions/design_for_all_types_of_users/index.html b/files/ja/learn/common_questions/design_for_all_types_of_users/index.html index 7c3da5fc1e..b6b6407e3d 100644 --- a/files/ja/learn/common_questions/design_for_all_types_of_users/index.html +++ b/files/ja/learn/common_questions/design_for_all_types_of_users/index.html @@ -13,7 +13,7 @@ translation_of: Learn/Common_questions/Design_for_all_types_of_users <tbody> <tr> <th scope="row">前提条件</th> - <td>あなたはすでに<a href="/en-US/Learn/What_is_accessibility">アクセシビリティとは何か？</a>を読んでいますか？,ここではアクセシビリティについて詳細にカバーしていませんので</td> + <td>あなたはすでに<a href="/ja/Learn/What_is_accessibility">アクセシビリティとは何か？</a>を読んでいますか？,ここではアクセシビリティについて詳細にカバーしていませんので</td> </tr> <tr> <th scope="row">目的</th> @@ -28,7 +28,7 @@ translation_of: Learn/Common_questions/Design_for_all_types_of_users <h2 id="アクティブラーニング">アクティブラーニング</h2> -<p><em>まだ、アクティブラーニングがありません。 <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> +<p><em>まだ、アクティブラーニングがありません。 <a href="/ja/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> <h2 id="深く掘っていく">深く掘っていく</h2> diff --git a/files/ja/learn/common_questions/how_does_the_internet_work/index.html b/files/ja/learn/common_questions/how_does_the_internet_work/index.html index 73899c4026..7a55f7fe86 100644 --- a/files/ja/learn/common_questions/how_does_the_internet_work/index.html +++ b/files/ja/learn/common_questions/how_does_the_internet_work/index.html @@ -17,7 +17,7 @@ translation_of: Learn/Common_questions/How_does_the_Internet_work <tbody> <tr> <th scope="row">前提条件:</th> - <td>ありませんが、最初に<a href="/docs/Learn/Thinking_before_coding">プロジェクトの目標を設定すること</a>の記事を先に読むことをおすすめします。</td> + <td>ありませんが、最初に<a href="/ja/docs/Learn/Thinking_before_coding">プロジェクトの目標を設定すること</a>の記事を先に読むことをおすすめします。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/common_questions/how_much_does_it_cost/index.html b/files/ja/learn/common_questions/how_much_does_it_cost/index.html index d931cb0900..7ab38a1d62 100644 --- a/files/ja/learn/common_questions/how_much_does_it_cost/index.html +++ b/files/ja/learn/common_questions/how_much_does_it_cost/index.html @@ -52,7 +52,7 @@ translation_of: Learn/Common_questions/How_much_does_it_cost <h3 id="パブリッシングツール">パブリッシングツール</h3> -<p>You also need a way to upload files: from your hard drive to a distant web server. To do that you should use a publishing tool such as an (S)<a href="/en-US/docs/Glossary/FTP">FTP client</a>, <a href="https://en.wikipedia.org/wiki/Rsync">RSync</a>, or <a href="https://help.github.com/articles/using-a-custom-domain-with-github-pages/">Git/GitHub</a>.</p> +<p>You also need a way to upload files: from your hard drive to a distant web server. To do that you should use a publishing tool such as an (S)<a href="/ja/docs/Glossary/FTP">FTP client</a>, <a href="https://en.wikipedia.org/wiki/Rsync">RSync</a>, or <a href="https://help.github.com/articles/using-a-custom-domain-with-github-pages/">Git/GitHub</a>.</p> <p>Each operating system includes an (S)FTP client, as part of its file manager. Windows Explorer, Nautilus (a common Linux file manager), and the Mac Finder all include this functionality. However, people often choose dedicated (S)FTP clients to display local or remote directories side-by-side and store server passwords.</p> @@ -147,9 +147,9 @@ translation_of: Learn/Common_questions/How_much_does_it_cost <h2 id="Next_steps">Next steps</h2> -<p>Now that you understand what kind of money your website may cost you, it's time to start designing that website and <a href="/en-US/docs/Learn/Set_up_a_basic_working_environment">setting up your work environment</a>.</p> +<p>Now that you understand what kind of money your website may cost you, it's time to start designing that website and <a href="/ja/docs/Learn/Set_up_a_basic_working_environment">setting up your work environment</a>.</p> <ul> - <li>Read on about <a href="/en-US/docs/Learn/Choose,_Install_and_set_up_a_text_editor">how to choose and install a text editor</a>.</li> - <li>If you're more focused on design, take a look at the <a href="/en-US/Learn/Anatomy_of_a_web_page">anatomy of a web page</a>.</li> + <li>Read on about <a href="/ja/docs/Learn/Choose,_Install_and_set_up_a_text_editor">how to choose and install a text editor</a>.</li> + <li>If you're more focused on design, take a look at the <a href="/ja/Learn/Anatomy_of_a_web_page">anatomy of a web page</a>.</li> </ul> diff --git a/files/ja/learn/common_questions/pages_sites_servers_and_search_engines/index.html b/files/ja/learn/common_questions/pages_sites_servers_and_search_engines/index.html index 34646a106f..b633c513b9 100644 --- a/files/ja/learn/common_questions/pages_sites_servers_and_search_engines/index.html +++ b/files/ja/learn/common_questions/pages_sites_servers_and_search_engines/index.html @@ -115,6 +115,6 @@ translation_of: Learn/Common_questions/Pages_sites_servers_and_search_engines <h2 id="Next_steps" name="Next_steps">次の段階</h2> <ul> - <li>より深く掘り下げる: <a href="/docs/Learn/What_is_a_web_server">ウェブサーバーって何？</a></li> + <li>より深く掘り下げる: <a href="/ja/docs/Learn/What_is_a_web_server">ウェブサーバーって何？</a></li> <li>ウェブページがどのようにウェブサイトにリンクされているかを見る: <a href="/ja/docs/Learn/Common_questions/What_are_hyperlinks">ウェブのリンクを理解する</a></li> </ul> diff --git a/files/ja/learn/common_questions/thinking_before_coding/index.html b/files/ja/learn/common_questions/thinking_before_coding/index.html index ec555fe4c4..8d9629600b 100644 --- a/files/ja/learn/common_questions/thinking_before_coding/index.html +++ b/files/ja/learn/common_questions/thinking_before_coding/index.html @@ -40,7 +40,7 @@ translation_of: Learn/Common_questions/Thinking_before_coding <h2 id="アクティブラーニング">アクティブラーニング</h2> -<p><em>アクティブラーニングはまだありません。<a href="https://developer.mozilla.org/ja/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> +<p><em>アクティブラーニングはまだありません。<a href="/ja/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> <h2 id="より深いダイビング">より深いダイビング</h2> diff --git a/files/ja/learn/common_questions/what_are_browser_developer_tools/index.html b/files/ja/learn/common_questions/what_are_browser_developer_tools/index.html index 4e3fe1667b..98fe5326a8 100644 --- a/files/ja/learn/common_questions/what_are_browser_developer_tools/index.html +++ b/files/ja/learn/common_questions/what_are_browser_developer_tools/index.html @@ -19,7 +19,7 @@ translation_of: Learn/Common_questions/What_are_browser_developer_tools </div> <div class="note"> -<p><strong>注</strong>: 下のサンプルを実行していく前に、<a href="/en-US/Learn/Getting_started_with_the_web">Web入門</a>の記事の中で作りあげる、<a href="http://mdn.github.io/beginner-html-site-scripted/">初心者向けウェブサイトの例</a>を開いてください。後ほどこれを使って説明します。</p> +<p><strong>注</strong>: 下のサンプルを実行していく前に、<a href="/ja/Learn/Getting_started_with_the_web">Web入門</a>の記事の中で作りあげる、<a href="http://mdn.github.io/beginner-html-site-scripted/">初心者向けウェブサイトの例</a>を開いてください。後ほどこれを使って説明します。</p> </div> <h2 id="How_to_open_the_devtools_in_your_browser" name="How_to_open_the_devtools_in_your_browser">ブラウザ開発者ツールの開き方</h2> @@ -168,7 +168,7 @@ document.querySelector('h1').appendChild(myImage);</pre> <p>Find more out about the JavaScript console in different browsers:</p> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console">Firefox Web Console</a></li> + <li><a href="/ja/docs/Tools/Web_Console">Firefox Web Console</a></li> <li><a href="http://msdn.microsoft.com/en-us/library/ie/dn255006%28v=vs.85%29.aspx">IE JavaScript console</a></li> <li><a href="https://developer.chrome.com/devtools/docs/console">Chrome JavaScript Console</a> (Opera's inspector works the same as this)</li> <li><a href="https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html#//apple_ref/doc/uid/TP40007874-CH6-SW1">Safari Console</a></li> @@ -177,6 +177,6 @@ document.querySelector('h1').appendChild(myImage);</pre> <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> - <li><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Debugging_CSS">Debugging CSS</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> + <li><a href="/ja/docs/Learn/CSS/Introduction_to_CSS/Debugging_CSS">Debugging CSS</a></li> </ul> diff --git a/files/ja/learn/common_questions/what_is_a_web_server/index.html b/files/ja/learn/common_questions/what_is_a_web_server/index.html index 1278ee5d38..bd7ba00222 100644 --- a/files/ja/learn/common_questions/what_is_a_web_server/index.html +++ b/files/ja/learn/common_questions/what_is_a_web_server/index.html @@ -82,7 +82,7 @@ translation_of: Learn/Common_questions/What_is_a_web_server <dd>サーバもクライアントも以前の通信を覚えていません。例えば、 HTTP 単独では、サーバは入力したパスワードや、処理中のどのステップにいるかを覚えていることはできません。このような仕事をするには、アプリケーションサーバが必要になります。 (以降の記事で様々な技術を説明します。)</dd> </dl> -<p>HTTP はクライアントとサーバがどのように通信するかについての明確なルールを提供しています。 HTTP 自体については、後で<a href="https://developer.mozilla.org/ja/docs/Web/HTTP">技術記事</a>で説明します。これからは、以下のようなことに気を付けてください。</p> +<p>HTTP はクライアントとサーバがどのように通信するかについての明確なルールを提供しています。 HTTP 自体については、後で<a href="/ja/docs/Web/HTTP">技術記事</a>で説明します。これからは、以下のようなことに気を付けてください。</p> <ul> <li><em>クライアント</em>だけが HTTP リクエストを作成することができ、<em>サーバ</em>だけに送ることができます。サーバは<em>クライアント</em>の HTTP リクエストに<em>返答</em>することだけができます。</li> diff --git a/files/ja/learn/common_questions/what_is_accessibility/index.html b/files/ja/learn/common_questions/what_is_accessibility/index.html index 2790e3bcd2..d4ed71e2ce 100644 --- a/files/ja/learn/common_questions/what_is_accessibility/index.html +++ b/files/ja/learn/common_questions/what_is_accessibility/index.html @@ -26,7 +26,7 @@ translation_of: Learn/Common_questions/What_is_accessibility <h2 id="能動的学習">能動的学習</h2> -<p><em>まだ可能な能動的学習がありません。 <a href="/en-US/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> +<p><em>まだ可能な能動的学習がありません。 <a href="/ja/docs/MDN/Getting_started">Please, consider contributing</a>.</em></p> <h2 id="深く掘っていく">深く掘っていく</h2> @@ -85,6 +85,6 @@ translation_of: Learn/Common_questions/What_is_accessibility <p>アクセスビリティはウェブデザインや技術構造の両方にインパクトを与えることができます。</p> <ul> - <li>私たちはデザインの観点から, <a href="/en-US/docs/Learn/Design_for_all_types_of_users_101">すべてのタイプのユーザーのためのデザイン</a>の勉強を提案する。</li> - <li>もし、技術的な側面の興味を持ったら、 <a href="/en-US/docs/Learn/Using_images">ウェブページにおける埋め込みイメージ</a>の方法を勉強することができる。</li> + <li>私たちはデザインの観点から, <a href="/ja/docs/Learn/Design_for_all_types_of_users_101">すべてのタイプのユーザーのためのデザイン</a>の勉強を提案する。</li> + <li>もし、技術的な側面の興味を持ったら、 <a href="/ja/docs/Learn/Using_images">ウェブページにおける埋め込みイメージ</a>の方法を勉強することができる。</li> </ul> diff --git a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html index f0883a265c..485c7b0d6a 100644 --- a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html +++ b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> @@ -45,7 +45,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders <h3 id="Background_colors" name="Background_colors">背景色</h3> -<p> {{cssxref("background-color")}} プロパティは、要素の背景色を定義します。このプロパティは、有効な<a href="/en-US/docs/Web/CSS/color_value"><color></a>値を受け入れます。<code>background-color</code>は、要素の <a href="/ja/docs/Learn/CSS/Building_blocks/The_box_model#Parts_of_a_box"><strong>Content box</strong>, <strong>Padding box</strong></a> の範囲でコンテンツの下に広がります。</p> +<p> {{cssxref("background-color")}} プロパティは、要素の背景色を定義します。このプロパティは、有効な<a href="/ja/docs/Web/CSS/color_value"><color></a>値を受け入れます。<code>background-color</code>は、要素の <a href="/ja/docs/Learn/CSS/Building_blocks/The_box_model#Parts_of_a_box"><strong>Content box</strong>, <strong>Padding box</strong></a> の範囲でコンテンツの下に広がります。</p> <p>次の例では、さまざまな色の値値を使用して、ボックス(<code>.box</code>)、見出し(<code>h2</code>)、および {{htmlelement("span")}} 要素に背景色を指定しています。</p> diff --git a/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html index 324308ee1f..a8285aa680 100644 --- a/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html +++ b/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> @@ -302,7 +302,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance <h2 id="スキルをテストしよう!">スキルをテストしよう!</h2> -<p>この記事で多くを網羅しましたが、最も重要な情報を覚えていますか？次に移る前に、この情報を保持しているかを検証するテストがあります — <a href="/en-US/docs/Learn/CSS/Building_blocks/Cascade_tasks">Test your skills: the Cascade</a>を見てください。</p> +<p>この記事で多くを網羅しましたが、最も重要な情報を覚えていますか？次に移る前に、この情報を保持しているかを検証するテストがあります — <a href="/ja/docs/Learn/CSS/Building_blocks/Cascade_tasks">Test your skills: the Cascade</a>を見てください。</p> <h2 id="Whats_next" name="Whats_next">次のステップ</h2> diff --git a/files/ja/learn/css/building_blocks/debugging_css/index.html b/files/ja/learn/css/building_blocks/debugging_css/index.html index a66917e645..7df0fa407d 100644 --- a/files/ja/learn/css/building_blocks/debugging_css/index.html +++ b/files/ja/learn/css/building_blocks/debugging_css/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Debugging_CSS <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html b/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html index e0d2961d20..af0f9f0823 100644 --- a/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html +++ b/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Handling_different_text_directions <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/images_media_form_elements/index.html b/files/ja/learn/css/building_blocks/images_media_form_elements/index.html index f21577f7d5..bd3fa8d358 100644 --- a/files/ja/learn/css/building_blocks/images_media_form_elements/index.html +++ b/files/ja/learn/css/building_blocks/images_media_form_elements/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Images_media_form_elements <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/organizing/index.html b/files/ja/learn/css/building_blocks/organizing/index.html index f1508b0edb..c199105dd3 100644 --- a/files/ja/learn/css/building_blocks/organizing/index.html +++ b/files/ja/learn/css/building_blocks/organizing/index.html @@ -23,7 +23,7 @@ translation_of: Learn/CSS/Building_blocks/Organizing <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/overflowing_content/index.html b/files/ja/learn/css/building_blocks/overflowing_content/index.html index 06bc30293c..52a6a71046 100644 --- a/files/ja/learn/css/building_blocks/overflowing_content/index.html +++ b/files/ja/learn/css/building_blocks/overflowing_content/index.html @@ -18,7 +18,7 @@ translation_of: Learn/CSS/Building_blocks/Overflowing_content <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> @@ -99,7 +99,7 @@ translation_of: Learn/CSS/Building_blocks/Overflowing_content <h2 id="あなたのスキルをテストしてみてください!">あなたのスキルをテストしてみてください!</h2> -<p>このレッスンで吸収すべきことはたくさんあります！ あなたは最も重要な情報を覚えていますか？ あなたの理解度を確認するには、<a href="/en-US/docs/Learn/CSS/Building_blocks/Overflow_Tasks">Test your skills: overflow</a> を参照してください。</p> +<p>このレッスンで吸収すべきことはたくさんあります！ あなたは最も重要な情報を覚えていますか？ あなたの理解度を確認するには、<a href="/ja/docs/Learn/CSS/Building_blocks/Overflow_Tasks">Test your skills: overflow</a> を参照してください。</p> <h2 id="Summary" name="Summary">まとめ</h2> diff --git a/files/ja/learn/css/building_blocks/selectors/combinators/index.html b/files/ja/learn/css/building_blocks/selectors/combinators/index.html index 309d54b4cc..1daad128ee 100644 --- a/files/ja/learn/css/building_blocks/selectors/combinators/index.html +++ b/files/ja/learn/css/building_blocks/selectors/combinators/index.html @@ -17,7 +17,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Combinators <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> @@ -85,7 +85,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Combinators <h2 id="あなたのスキルをテストしてみてください!">あなたのスキルをテストしてみてください!</h2> -<p>この記事では多くのことを取り上げましたが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - あなたのスキルをテストするを参照してください。<a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors/Selectors_Tasks">Test your skills: Selectors</a> を参照してください。</p> +<p>この記事では多くのことを取り上げましたが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - あなたのスキルをテストするを参照してください。<a href="/ja/docs/Learn/CSS/Building_blocks/Selectors/Selectors_Tasks">Test your skills: Selectors</a> を参照してください。</p> <h2 id="Moving_on" name="Moving_on">先へ</h2> diff --git a/files/ja/learn/css/building_blocks/selectors/index.html b/files/ja/learn/css/building_blocks/selectors/index.html index 4ca0ff88db..2d861d36fa 100644 --- a/files/ja/learn/css/building_blocks/selectors/index.html +++ b/files/ja/learn/css/building_blocks/selectors/index.html @@ -20,7 +20,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>) および CSS に関するアイデア (<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>) に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>) および CSS に関するアイデア (<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>) に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html b/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html index ea84d45c2b..18f1be6cc0 100644 --- a/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html +++ b/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html @@ -11,7 +11,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <tbody> <tr> <th scope="row">前提条件：</th> - <td>基本的なコンピュータリテラシー、<a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Installing_basic_software">インストールされている基本的なソフトウェア</a><a href="https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/Dealing_with_files">、ファイルの操作</a>に関する基本的な知識、HTMLの基本（<a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTMLの概要を</a>学ぶ）、CSSのしくみ（<a href="/en-US/docs/Learn/CSS/First_steps">CSSの最初のステップを</a>学ぶ）。</td> + <td>基本的なコンピュータリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">インストールされている基本的なソフトウェア</a><a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">、ファイルの操作</a>に関する基本的な知識、HTMLの基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTMLの概要を</a>学ぶ）、CSSのしくみ（<a href="/ja/docs/Learn/CSS/First_steps">CSSの最初のステップを</a>学ぶ）。</td> </tr> <tr> <th scope="row">目的：</th> @@ -41,9 +41,9 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <p>すべての疑似クラスは、この同じ方法で動作します。特定の状態にあるドキュメントの一部をターゲットにして、HTMLにクラスを追加したかのように動作します。MDNの他の例をいくつか見てみましょう。</p> <ul> - <li><code><a href="/en-US/docs/Web/CSS/:last-child">:last-child</a></code></li> - <li><code><a href="/en-US/docs/Web/CSS/:only-child">:only-child</a></code></li> - <li><code><a href="/en-US/docs/Web/CSS/:invalid">:invalid</a></code></li> + <li><code><a href="/ja/docs/Web/CSS/:last-child">:last-child</a></code></li> + <li><code><a href="/ja/docs/Web/CSS/:only-child">:only-child</a></code></li> + <li><code><a href="/ja/docs/Web/CSS/:invalid">:invalid</a></code></li> </ul> <h3 id="ユーザーアクション疑似クラス">ユーザーアクション疑似クラス</h3> @@ -51,8 +51,8 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <p>一部の疑似クラスは、ユーザーが何らかの方法でドキュメントを操作したときにのみ適用されます。これらの<strong>ユーザーアクションの</strong>疑似クラスは、<strong>動的疑似クラス</strong>と呼ばれることもあり、ユーザーが要素を操作したときに、要素にクラスが追加されたかのように動作します。例は次のとおりです。</p> <ul> - <li><code><a href="/en-US/docs/Web/CSS/:hover">:hover</a></code> — 上記の通り; これは、ユーザーが要素（通常はリンク）の上にポインターを移動した場合にのみ適用されます。</li> - <li><code><a href="/en-US/docs/Web/CSS/:focus">:focus</a></code> — ユーザーがキーボードコントロールを使用して要素にフォーカスした場合にのみ適用されます。</li> + <li><code><a href="/ja/docs/Web/CSS/:hover">:hover</a></code> — 上記の通り; これは、ユーザーが要素（通常はリンク）の上にポインターを移動した場合にのみ適用されます。</li> + <li><code><a href="/ja/docs/Web/CSS/:focus">:focus</a></code> — ユーザーがキーボードコントロールを使用して要素にフォーカスした場合にのみ適用されます。</li> </ul> <p>{{EmbedGHLiveSample("css-examples/learn/selectors/hover.html", '100%', 500)}}</p> @@ -88,7 +88,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <h2 id="beforeおよび_afterを使用したコンテンツの生成">:: beforeおよび:: afterを使用したコンテンツの生成</h2> -<p>CSSを使用してコンテンツをドキュメントに挿入するための <code><a href="/en-US/docs/Web/CSS/content">content</a></code> プロパティと共に使用される特別な疑似要素がいくつかあります。</p> +<p>CSSを使用してコンテンツをドキュメントに挿入するための <code><a href="/ja/docs/Web/CSS/content">content</a></code> プロパティと共に使用される特別な疑似要素がいくつかあります。</p> <p>以下のライブ例のように、これらを使用してテキストの文字列を挿入できます。{{cssxref("content")}} プロパティのテキスト値を変更してみて、出力でそれを確認してください。 <code>::before</code> 疑似要素を <code>::after</code> に変更して、要素の最初ではなく最後に挿入されたテキストを表示することもできます。</p> @@ -132,7 +132,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":blank")}}</td> - <td>入力値が空の<a href="/en-US/docs/Web/HTML/Element/input"><code><input></code> 要素に</a>一致します。</td> + <td>入力値が空の<a href="/ja/docs/Web/HTML/Element/input"><code><input></code> 要素に</a>一致します。</td> </tr> <tr> <td>{{cssxref(":checked")}}</td> @@ -148,7 +148,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":dir")}}</td> - <td>方向性（HTML <code><a href="/en-US/docs/Web/HTML/Global_attributes/dir">dir</a></code> 属性またはCSS <code><a href="/en-US/docs/Web/CSS/direction">direction</a></code> プロパティの値）に基づいて要素を選択します。</td> + <td>方向性（HTML <code><a href="/ja/docs/Web/HTML/Global_attributes/dir">dir</a></code> 属性またはCSS <code><a href="/ja/docs/Web/CSS/direction">direction</a></code> プロパティの値）に基づいて要素を選択します。</td> </tr> <tr> <td>{{cssxref(":disabled")}}</td> @@ -164,7 +164,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":first")}}</td> - <td><a href="/en-US/docs/Web/CSS/Paged_Media">ページ媒体</a>では、最初のページと一致します。</td> + <td><a href="/ja/docs/Web/CSS/Paged_Media">ページ媒体</a>では、最初のページと一致します。</td> </tr> <tr> <td>{{cssxref(":first-child")}}</td> @@ -196,7 +196,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":indeterminate")}}</td> - <td>値が不確定な状態のUI要素、通常は<a href="/en-US/docs/Web/HTML/Element/input/checkbox">チェックボックスに</a>一致し<a href="/en-US/docs/Web/HTML/Element/input/checkbox">ます</a>。</td> + <td>値が不確定な状態のUI要素、通常は<a href="/ja/docs/Web/HTML/Element/input/checkbox">チェックボックスに</a>一致し<a href="/ja/docs/Web/HTML/Element/input/checkbox">ます</a>。</td> </tr> <tr> <td>{{cssxref(":in-range")}}</td> @@ -208,7 +208,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":lang")}}</td> - <td>言語（HTML <a href="/en-US/docs/Web/HTML/Global_attributes/lang">lang</a>属性の値）に基づいて要素を<a href="/en-US/docs/Web/HTML/Global_attributes/lang">照合し</a>ます。</td> + <td>言語（HTML <a href="/ja/docs/Web/HTML/Global_attributes/lang">lang</a>属性の値）に基づいて要素を<a href="/ja/docs/Web/HTML/Global_attributes/lang">照合し</a>ます。</td> </tr> <tr> <td>{{cssxref(":last-child")}}</td> @@ -220,7 +220,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":left")}}</td> - <td><a href="/en-US/docs/Web/CSS/CSS_Pages">ページ媒体</a>では、左側のページと一致します。</td> + <td><a href="/ja/docs/Web/CSS/CSS_Pages">ページ媒体</a>では、左側のページと一致します。</td> </tr> <tr> <td>{{cssxref(":link")}}</td> @@ -300,7 +300,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el </tr> <tr> <td>{{cssxref(":right")}}</td> - <td><a href="/en-US/docs/Web/CSS/CSS_Pages">ページ媒体</a>では、右側のページに一致します。</td> + <td><a href="/ja/docs/Web/CSS/CSS_Pages">ページ媒体</a>では、右側のページに一致します。</td> </tr> <tr> <td>{{cssxref(":root")}}</td> @@ -375,23 +375,23 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el <h2 id="このモジュールでは">このモジュールでは</h2> <ol> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance">カスケードと継承</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors">CSSセレクター</a> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance">カスケードと継承</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Selectors">CSSセレクター</a> <ul> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors">タイプ、クラス、IDセレクター</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors">属性セレクター</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements">疑似クラスと疑似要素</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators">コンビネーター</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors">タイプ、クラス、IDセレクター</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors">属性セレクター</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements">疑似クラスと疑似要素</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Selectors/Combinators">コンビネーター</a></li> </ul> </li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/The_box_model">ボックスモデル</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders">背景と枠線</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Handling_different_text_directions">異なるテキスト方向の処理</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Overflowing_content">あふれるコンテンツ</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Values_and_units">値と単位</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Sizing_items_in_CSS">CSSでのアイテムのサイズ変更</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Images_media_form_elements">画像、メディア、フォーム要素</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Styling_tables">スタイリングテーブル</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS">CSSのデバッグ</a></li> - <li><a href="/en-US/docs/Learn/CSS/Building_blocks/Organizing">CSSの整理</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/The_box_model">ボックスモデル</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders">背景と枠線</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Handling_different_text_directions">異なるテキスト方向の処理</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Overflowing_content">あふれるコンテンツ</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Values_and_units">値と単位</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Sizing_items_in_CSS">CSSでのアイテムのサイズ変更</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Images_media_form_elements">画像、メディア、フォーム要素</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Styling_tables">スタイリングテーブル</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Debugging_CSS">CSSのデバッグ</a></li> + <li><a href="/ja/docs/Learn/CSS/Building_blocks/Organizing">CSSの整理</a></li> </ol> diff --git a/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html b/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html index 8f1bbbfaad..1d5f42f94b 100644 --- a/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html +++ b/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html @@ -20,7 +20,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html b/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html index 80909093b3..37e1e4912e 100644 --- a/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html +++ b/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html @@ -21,7 +21,7 @@ translation_of: Learn/CSS/Building_blocks/Sizing_items_in_CSS <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS に関するアイデア（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/building_blocks/values_and_units/index.html b/files/ja/learn/css/building_blocks/values_and_units/index.html index 52afc03922..0e398e2d64 100644 --- a/files/ja/learn/css/building_blocks/values_and_units/index.html +++ b/files/ja/learn/css/building_blocks/values_and_units/index.html @@ -24,7 +24,7 @@ translation_of: Learn/CSS/Building_blocks/Values_and_units <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS の動作概念（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされている</a>こと、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a>、HTML の基本（<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>）および CSS の動作概念（<a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>）に関する基本的な知識を得ている。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/css_layout/media_queries/index.html b/files/ja/learn/css/css_layout/media_queries/index.html index 6cfb1366b1..f1e90c3f90 100644 --- a/files/ja/learn/css/css_layout/media_queries/index.html +++ b/files/ja/learn/css/css_layout/media_queries/index.html @@ -358,13 +358,13 @@ article { <pre class="brush: html notranslate"><meta name="viewport" content="width=device-width,initial-scale=1"></pre> -<p>This is the <a href="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">viewport meta tag</a> — it exists as a way control how mobile browsers render content. This is needed because by default, most mobile browsers lie about their viewport width. Non-responsive sites commonly look really bad when rendered in a narrow viewport, so mobile browsers usually render the site with a viewport width wider than the real device width by default (usually 960 pixels), and then shrink the rendered result so that it fits in the display.</p> +<p>This is the <a href="/ja/docs/Mozilla/Mobile/Viewport_meta_tag">viewport meta tag</a> — it exists as a way control how mobile browsers render content. This is needed because by default, most mobile browsers lie about their viewport width. Non-responsive sites commonly look really bad when rendered in a narrow viewport, so mobile browsers usually render the site with a viewport width wider than the real device width by default (usually 960 pixels), and then shrink the rendered result so that it fits in the display.</p> <p>This is all well and good, but it means that responsive sites are not going to work as expected. If the viewport width is reported as 960 pixels, then mobile layouts (for example created using a media query of <code>@media screen and (max-width: 600px) { ... }</code>) are not going to render as expected.</p> <p>To remedy this, including a viewport meta tag like the one above on your page tells the browser "don't render the content with a 960 pixel viewport — render it using the real device width instead, and set a default initial scale level for better consistency." The media queries will then kick in as expected.</p> -<p>There are a number of other options you can put inside the <code>content</code> attribute of the viewport meta tag — see <a href="/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">Using the viewport meta tag to control layout on mobile browsers</a> for more details.</p> +<p>There are a number of other options you can put inside the <code>content</code> attribute of the viewport meta tag — see <a href="/ja/docs/Mozilla/Mobile/Viewport_meta_tag">Using the viewport meta tag to control layout on mobile browsers</a> for more details.</p> <h2 id="Do_you_really_need_a_media_query" name="Do_you_really_need_a_media_query">メディアクエリーが本当に必要ですか？</h2> @@ -415,7 +415,7 @@ article { <h2 id="Test_your_skills!">Test your skills!</h2> -<p>You've reached the end of this article, but can you remember the most important information? You can find a test to verify that you've retained this information before you move on — see <a href="/en-US/docs/Learn/CSS/CSS_layout/rwd_skills">Test your skills: Responsive Web Design</a>.</p> +<p>You've reached the end of this article, but can you remember the most important information? You can find a test to verify that you've retained this information before you move on — see <a href="/ja/docs/Learn/CSS/CSS_layout/rwd_skills">Test your skills: Responsive Web Design</a>.</p> <h2 id="Summary" name="Summary">まとめ</h2> diff --git a/files/ja/learn/css/css_layout/supporting_older_browsers/index.html b/files/ja/learn/css/css_layout/supporting_older_browsers/index.html index 93feda2cf0..ffb678ca38 100644 --- a/files/ja/learn/css/css_layout/supporting_older_browsers/index.html +++ b/files/ja/learn/css/css_layout/supporting_older_browsers/index.html @@ -207,7 +207,7 @@ translation_of: Learn/CSS/CSS_layout/Supporting_Older_Browsers <h2 id="Testing_older_browsers" name="Testing_older_browsers">古いブラウザーをテストする</h2> -<p>フレックスボックスとグリッドをサポートしているブラウザーの大多数では、古いブラウザーをテストするのはかなり難しいかもしれません。 1つの方法は、<a href="https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Cross_browser_testing">クロスブラウザーテスト</a>のモジュールに詳述されているように、Sauce Labs のようなオンラインテストツールを使うことです。</p> +<p>フレックスボックスとグリッドをサポートしているブラウザーの大多数では、古いブラウザーをテストするのはかなり難しいかもしれません。 1つの方法は、<a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing">クロスブラウザーテスト</a>のモジュールに詳述されているように、Sauce Labs のようなオンラインテストツールを使うことです。</p> <p>また、仮想マシンをダウンロードしてインストールし、自分のコンピュータ上の封じ込められた環境で古いバージョンのブラウザーを実行することもできます。 古いバージョンの Internet Explorer にアクセスできることは特に便利で、そのために、マイクロソフトは<a href="https://developer.microsoft.com/ja/microsoft-edge/tools/vms/">さまざまな仮想マシンを無料でダウンロード</a>（英語）できるようにしました。 これらは、Mac、Windows、Linux の各オペレーティングシステムで利用可能で、Windows コンピュータを使用していなくても、古い Windows ブラウザーや最新の Windows ブラウザーでテストするのに最適な方法です。</p> diff --git a/files/ja/learn/css/first_steps/getting_started/index.html b/files/ja/learn/css/first_steps/getting_started/index.html index e11d48443c..54cd8436cf 100644 --- a/files/ja/learn/css/first_steps/getting_started/index.html +++ b/files/ja/learn/css/first_steps/getting_started/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/First_steps/Getting_started <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">ソフトウェアのインストール</a>、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの働き方</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML序論</a>を学んでいること。)</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">ソフトウェアのインストール</a>、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの働き方</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML序論</a>を学んでいること。)</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/first_steps/how_css_is_structured/index.html b/files/ja/learn/css/first_steps/how_css_is_structured/index.html index a9e2ae7130..a842228e13 100644 --- a/files/ja/learn/css/first_steps/how_css_is_structured/index.html +++ b/files/ja/learn/css/first_steps/how_css_is_structured/index.html @@ -324,7 +324,7 @@ p { <h2 id="rules" name="rules">アット規則</h2> -<p>CSS の<a href="/en-US/docs/Web/CSS/At-rule">アット規則</a> は、 CSS が実行すること、またはそれがどのように動作するべきかの指示を提供します。いくつかのアット規則は、キーワードと値だけのシンプルなものです。例えば、 <code>@import</code> はスタイルシートを別の CSS スタイルシートにインポートします。</p> +<p>CSS の<a href="/ja/docs/Web/CSS/At-rule">アット規則</a> は、 CSS が実行すること、またはそれがどのように動作するべきかの指示を提供します。いくつかのアット規則は、キーワードと値だけのシンプルなものです。例えば、 <code>@import</code> はスタイルシートを別の CSS スタイルシートにインポートします。</p> <pre class="brush: css notranslate">@import 'styles2.css';</pre> diff --git a/files/ja/learn/css/first_steps/how_css_works/index.html b/files/ja/learn/css/first_steps/how_css_works/index.html index 6044a3c29a..25179efb6b 100644 --- a/files/ja/learn/css/first_steps/how_css_works/index.html +++ b/files/ja/learn/css/first_steps/how_css_works/index.html @@ -17,7 +17,7 @@ translation_of: Learn/CSS/First_steps/How_CSS_works <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、 <a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされていること</a>、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの操作方法</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a>を学習のこと)。</td> + <td>基本的なコンピューターリテラシー、 <a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされていること</a>、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの操作方法</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a>を学習のこと)。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/first_steps/index.html b/files/ja/learn/css/first_steps/index.html index c0042ea515..b22dc4d0dd 100644 --- a/files/ja/learn/css/first_steps/index.html +++ b/files/ja/learn/css/first_steps/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/First_steps <p>ゴールに向かって頑張るために必要な情報をまとめたコースをご用意しました。</p> -<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">始める</a></p> +<p><a class="cta primary" href="/ja/docs/Learn/Front-end_web_developer">始める</a></p> </div> <h2 id="Prerequisites" name="Prerequisites">前提条件</h2> @@ -28,7 +28,7 @@ translation_of: Learn/CSS/First_steps <ol> <li>コンピューターの使い方と (ウェブを見たりコンテンツを消費したりといった)ウェブの受動的な使い方に関する基本的な知識に慣れ親しんでいること。</li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>で説明されている基本的な作業環境と、<a href="https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い方</a>で説明されているファイルの作り方や管理の仕方について理解していること。</li> + <li><a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>で説明されている基本的な作業環境と、<a href="/ja/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い方</a>で説明されているファイルの作り方や管理の仕方について理解していること。</li> <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>で説明されている HTML についての基礎知識に慣れ親しんでいること。</li> </ol> @@ -41,7 +41,7 @@ translation_of: Learn/CSS/First_steps <p>このモジュールには、CSS についてすべての基本的なことがらと、いくつかのスキルをテストできる次の記事が含まれています。</p> <dl> - <dt><a href="https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps/What_is_CSS">CSS とは何か？</a></dt> + <dt><a href="/ja/docs/Learn/CSS/First_steps/What_is_CSS">CSS とは何か？</a></dt> <dd><strong>{{Glossary("CSS")}}</strong> (Cascading Style Sheets; カスケーティングスタイルシート) は見栄えのよいウェブページを作ることができますが、背後ではどのように動いているのでしょうか？この記事では CSS について、簡単なコードの例とこの言語の主要な項目を説明します。</dd> <dt><a href="/ja/docs/Learn/CSS/First_steps/Getting_started">CSS 入門</a></dt> <dd>この記事では、簡単な HTML コードに CSS を適用させ、その過程でこの言語についての実用的なことを学びます。</dd> diff --git a/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html b/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html index 05d56a0fb1..c1b3a1c889 100644 --- a/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html +++ b/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html @@ -16,7 +16,7 @@ translation_of: Learn/CSS/First_steps/Using_your_new_knowledge <tbody> <tr> <th scope="row">前提条件:</th> - <td>基礎コンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイル操作</a>の基礎知識 HTML の基礎 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の入門</a>で学ぶ)、CSS の基礎(このモジュールの残り)</td> + <td>基礎コンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイル操作</a>の基礎知識 HTML の基礎 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の入門</a>で学ぶ)、CSS の基礎(このモジュールの残り)</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/css/first_steps/what_is_css/index.html b/files/ja/learn/css/first_steps/what_is_css/index.html index 0d7d6f3cd3..0a2665c9c3 100644 --- a/files/ja/learn/css/first_steps/what_is_css/index.html +++ b/files/ja/learn/css/first_steps/what_is_css/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/First_steps/What_is_CSS <tr> <th scope="row">前提条件:</th> <td> - <p>基本的なコンピューターリテラシー、 <a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされていること</a>、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの操作方法</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML概論</a>を学習のこと)。</p> + <p>基本的なコンピューターリテラシー、 <a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアがインストールされていること</a>、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの操作方法</a>についての基本的な知識、HTML の基本 (<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML概論</a>を学習のこと)。</p> </td> </tr> <tr> diff --git a/files/ja/learn/css/howto/css_faq/index.html b/files/ja/learn/css/howto/css_faq/index.html index fd76929d99..b7be110d8c 100644 --- a/files/ja/learn/css/howto/css_faq/index.html +++ b/files/ja/learn/css/howto/css_faq/index.html @@ -73,7 +73,7 @@ original_slug: Web/CSS/Common_CSS_Questions </ul> <div class="note"> -<p><strong>注</strong>: 詳しくは <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors">Selectors</a> もご覧ください。</p> +<p><strong>注</strong>: 詳しくは <a href="/ja/docs/Learn/CSS/Introduction_to_CSS/Selectors">Selectors</a> もご覧ください。</p> </div> <h2 id="Restoring_the_default_property_value" name="Restoring_the_default_property_value">プロパティの既定値に戻すにはどうすればよいのか?</h2> diff --git a/files/ja/learn/css/index.html b/files/ja/learn/css/index.html index 9c04c66285..100165c81f 100644 --- a/files/ja/learn/css/index.html +++ b/files/ja/learn/css/index.html @@ -27,19 +27,19 @@ translation_of: Learn/CSS <h2 id="Learning_pathway" name="Learning_pathway">学習の道のり</h2> -<p>CSS に挑戦する前に HTML の基礎を学習しておくべきです。まず、<a href="/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a> に取り組むことを推奨します — その後に、以下のことについて学んでください:</p> +<p>CSS に挑戦する前に HTML の基礎を学習しておくべきです。まず、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a> に取り組むことを推奨します — その後に、以下のことについて学んでください:</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/CSS/First_steps">CSS 入門</a> から始まる CSS モジュール</li> - <li>より高度な <a href="/Learn/HTML#Modules">HTML モジュール</a></li> - <li><a href="/docs/Learn/JavaScript">JavaScript</a> と、動的な機能をウェブページに追加する方法</li> + <li><a href="/ja/docs/Learn/CSS/First_steps">CSS 入門</a> から始まる CSS モジュール</li> + <li>より高度な <a href="/ja/docs/Learn/HTML#Modules">HTML モジュール</a></li> + <li><a href="/ja/docs/Learn/JavaScript">JavaScript</a> と、動的な機能をウェブページに追加する方法</li> </ul> <p>HTML の基本のキが理解できたら、HTML と CSS の 2 つのトピックスを行き来しながらふたつを同時に学習することを推奨します。なぜなら、CSS を理解すると HTML を勉強するのが更に興味深くまたもっと楽しくなり、また HTML を知ることなくして CSS を学習することはできないからです。</p> -<p>またこのトピックを開始する前に、コンピューターの基本的な使い方と、ウェブを受動的に使用すること (つまり、ウェブコンテンツを消費すること) に慣れている必要があります。 <a href="/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアをインストールする</a> に詳しく書かれているような基本的な環境を持っており、 <a href="/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a> に詳しく書かれているようなファイルの作成・管理方法を理解している必要があります — なおこれらについては初心者向けの記事集である<a href="/docs/Learn/Getting_started_with_the_web">ウェブ入門</a>のなかに入っています。</p> +<p>またこのトピックを開始する前に、コンピューターの基本的な使い方と、ウェブを受動的に使用すること (つまり、ウェブコンテンツを消費すること) に慣れている必要があります。 <a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアをインストールする</a> に詳しく書かれているような基本的な環境を持っており、 <a href="/ja/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルの扱い</a> に詳しく書かれているようなファイルの作成・管理方法を理解している必要があります — なおこれらについては初心者向けの記事集である<a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a>のなかに入っています。</p> -<p>このトピックに取り組む前に <a href="/docs/Learn/Getting_started_with_the_web">ウェブ入門</a> を読むと良いでしょう。ただ、このウェブ入門のなかの<a href="/ja/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a>の記事で紹介されていることの多くは、<a href="https://developer.mozilla.org/ja/docs/Learn/CSS/Introduction_to_CSS">CSS 入門</a> でもカバーされているのでこれは必須ではありません。</p> +<p>このトピックに取り組む前に <a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a> を読むと良いでしょう。ただ、このウェブ入門のなかの<a href="/ja/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS basics</a>の記事で紹介されていることの多くは、<a href="/ja/docs/Learn/CSS/Introduction_to_CSS">CSS 入門</a> でもカバーされているのでこれは必須ではありません。</p> <h2 id="Modules" name="Modules">モジュール</h2> diff --git a/files/ja/learn/css/styling_text/index.html b/files/ja/learn/css/styling_text/index.html index 6bcfb0a722..91e37dca31 100644 --- a/files/ja/learn/css/styling_text/index.html +++ b/files/ja/learn/css/styling_text/index.html @@ -35,13 +35,13 @@ translation_of: Learn/CSS/Styling_text <p>このモジュールには以下の記事が含まれていて、HTML のテキストコンテンツの装飾の背後にあるすべての重要事項を説明しています。</p> <dl> - <dt><a href="/docs/Learn/CSS/Styling_text/Fundamentals">基本的なテキストとフォントの装飾</a></dt> + <dt><a href="/ja/docs/Learn/CSS/Styling_text/Fundamentals">基本的なテキストとフォントの装飾</a></dt> <dd>この記事では、フォントの太さ、ファミリーとスタイル、フォントの一括指定、テキストの配置とその他のエフェクト、ラインと文字の間隔の設定など、テキストとフォントの装飾のすべての基本について詳しく説明します。</dd> - <dt><a href="/docs/Learn/CSS/Styling_text/Styling_lists">リストの装飾</a></dt> + <dt><a href="/ja/docs/Learn/CSS/Styling_text/Styling_lists">リストの装飾</a></dt> <dd>リストは他のテキストとほとんど同じようにふるまいますが、知っておくべきリスト固有の CSS プロパティと、考慮すべきベストプラクティスがいくつかあります。この記事はすべてを説明しています。</dd> - <dt><a href="/docs/Learn/CSS/Styling_text/Styling_links">リンクの装飾</a></dt> + <dt><a href="/ja/docs/Learn/CSS/Styling_text/Styling_links">リンクの装飾</a></dt> <dd>リンクを装飾するときは、擬似クラスを使用してリンク状態を効果的に装飾する方法と、ナビゲーションメニューやタブなどの一般的なさまざまなインターフェイス機能で使用するためのリンクの装飾方法を理解することが重要です。この記事では、これらすべてのトピックを見ていきます。</dd> - <dt><a href="/docs/Learn/CSS/Styling_text/Web_fonts">ウェブフォント</a></dt> + <dt><a href="/ja/docs/Learn/CSS/Styling_text/Web_fonts">ウェブフォント</a></dt> <dd>ここでは、ウェブフォントを詳しく探ります — これらを使用すると、ウェブページと一緒にカスタムフォントをダウンロードすることを可能にして、より多様でカスタムなテキストの装飾を可能にします。</dd> </dl> @@ -50,6 +50,6 @@ translation_of: Learn/CSS/Styling_text <p>以下の評価では、上記のガイドで説明されているテキストの装飾のテクニックについての理解をテストします。</p> <dl> - <dt><a href="/Learn/CSS/Styling_text/Typesetting_a_homepage">コミュニティスクールのホームページの組版</a></dt> + <dt><a href="/ja/docs/Learn/CSS/Styling_text/Typesetting_a_homepage">コミュニティスクールのホームページの組版</a></dt> <dd>この評価では、コミュニティスクールのホームページのテキストを装飾してもらい、テキストの装飾についての理解をテストします。</dd> </dl> diff --git a/files/ja/learn/css/styling_text/styling_lists/index.html b/files/ja/learn/css/styling_text/styling_lists/index.html index 3a0ea57b6f..3df18d08fd 100644 --- a/files/ja/learn/css/styling_text/styling_lists/index.html +++ b/files/ja/learn/css/styling_text/styling_lists/index.html @@ -175,7 +175,7 @@ dt { list-style-image: url(star.svg); }</pre> -<p>ただし、このプロパティは、行頭記号の位置、サイズなどを制御するという点では少し制限があります。 {{cssxref("background")}} プロパティファミリーを使用するほうが得策です。 これについては、<a href="/en-US/docs/Learn/CSS/Building_blocks">ボックスの装飾</a>モジュールで詳しく説明します。とりあえず、その例をご紹介しましょう。</p> +<p>ただし、このプロパティは、行頭記号の位置、サイズなどを制御するという点では少し制限があります。 {{cssxref("background")}} プロパティファミリーを使用するほうが得策です。 これについては、<a href="/ja/docs/Learn/CSS/Building_blocks">ボックスの装飾</a>モジュールで詳しく説明します。とりあえず、その例をご紹介しましょう。</p> <p>完成した例では、 (既に上で見たものの上に) 次のように順序なしリストを装飾しました。</p> diff --git a/files/ja/learn/forms/form_validation/index.html b/files/ja/learn/forms/form_validation/index.html index c167a03576..ff82bde83d 100644 --- a/files/ja/learn/forms/form_validation/index.html +++ b/files/ja/learn/forms/form_validation/index.html @@ -824,16 +824,16 @@ addEvent(form, "submit", function () { <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/HTML5_input_types" rel="noopener">The HTML5 input types</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/Other_form_controls" rel="noopener">Other form controls</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 id="Advanced_Topics" name="Advanced_Topics">上級トピック</h3> diff --git a/files/ja/learn/forms/how_to_structure_a_web_form/index.html b/files/ja/learn/forms/how_to_structure_a_web_form/index.html index 3bdc3b5f28..54b9b83285 100644 --- a/files/ja/learn/forms/how_to_structure_a_web_form/index.html +++ b/files/ja/learn/forms/how_to_structure_a_web_form/index.html @@ -24,7 +24,7 @@ original_slug: Learn/Forms/How_to_structure_an_HTML_form <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシーと、<a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の基本的な理解</a>。</td> + <td>基本的なコンピューターリテラシーと、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の基本的な理解</a>。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/forms/html5_input_types/index.html b/files/ja/learn/forms/html5_input_types/index.html index d56da894aa..a55e406e87 100644 --- a/files/ja/learn/forms/html5_input_types/index.html +++ b/files/ja/learn/forms/html5_input_types/index.html @@ -32,7 +32,7 @@ translation_of: Learn/Forms/HTML5_input_types </table> <div class="blockIndicator note"> -<p><strong>注</strong>: この記事のたいていの昨日はブラウザーを超えて広くサポートされています。例外は注記しておきます。ブラウザーサポートについての詳細は、<a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element#Forms">HTML フォーム要素のリファレンス</a>、特に <a href="/ja/docs/Web/HTML/Element/input"><input> タイプ</a>リファレンスを見てください。</p> +<p><strong>注</strong>: この記事のたいていの昨日はブラウザーを超えて広くサポートされています。例外は注記しておきます。ブラウザーサポートについての詳細は、<a href="/ja/docs/Web/HTML/Element#Forms">HTML フォーム要素のリファレンス</a>、特に <a href="/ja/docs/Web/HTML/Element/input"><input> タイプ</a>リファレンスを見てください。</p> </div> <p>HTML フォームコントロールの見た目はデザイナーの仕様により全く異なるため、ウェブ開発者はときどき独自のフォームコントロールを作成します。これは上級のチュートリアル — <a href="/ja/docs/Learn/Forms/How_to_build_custom_form_widgets">カスタムフォームウィジェットの作成方法</a> — で扱います。</p> @@ -268,16 +268,16 @@ price.addEventListener('input', function() { <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/HTML5_input_types" rel="noopener">The HTML5 input types</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/Other_form_controls" rel="noopener">Other form controls</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 id="Advanced_Topics" name="Advanced_Topics">上級トピック</h3> diff --git a/files/ja/learn/forms/html_forms_in_legacy_browsers/index.html b/files/ja/learn/forms/html_forms_in_legacy_browsers/index.html index 70a487b2d2..a8be702f94 100644 --- a/files/ja/learn/forms/html_forms_in_legacy_browsers/index.html +++ b/files/ja/learn/forms/html_forms_in_legacy_browsers/index.html @@ -128,7 +128,7 @@ input[type="button"] { <p>一般に、フォームコントロールの既定の外観は変更しない方が良いと考えられています。というのも、 1 つの CSS プロパティの値を変更すると、一部の入力型は変更されますが、他の入力型は変更されないからです。例えば、 <code>input { font-size: 2rem; }</code> と宣言した場合、 <code>number</code>、<code>date</code>、<code>text</code> には影響がありますが、 <code>color</code> や <code>range</code> には影響しません。プロパティを変更すると、予期せぬ形でウィジェットの外観に影響を与えることがあります。例えば、 <code>[value] { background-color: #ccc; }</code> は、 <code>value</code> 属性を持つすべての {{HTMLElement("input")}} を対象としていますが、 {{HTMLElement("meter")}} の背景色や境界線の角の丸めを変更すると、ブラウザーによって異なる予期せぬ結果になる可能性があります。 {{cssxref('appearance', 'appearance: none;')}} と宣言してブラウザーのスタイルを削除することもできますが、一般的には目的を達成できません。すべてのスタイルが失われ、訪問者が慣れ親しんだ既定のルック＆フィールが削除されるからです。</p> -<p>まとめるとすると、フォームコントロールのウィジェットに CSS でスタイル付けすることで、予測できない副作用が発生することがあります。だからやめましょう。 <a href="/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls">フォームウィジェット向けプロパティ実装状況一覧</a>の記事の複雑さからもわかるように、非常に難しいのです。テキスト要素に多少の調整 (サイズやフォントの色など) を行うことはまだ可能でも、必ず副作用が発生します。最良の方法は、 HTML フォームウィジェットにスタイルをまったく適用しないことです。しかし、周囲のアイテムになら、どれでも適用することはできます。また、どうしてもフォームウィジェットの既定のスタイルを変更しなければならない場合は、スタイルガイドを定義して、すべてのフォームコントロールの一貫性を確保し、ユーザーの使い勝手を損なわないようにしてください。また、 <a href="/en-US/docs/Learn/Forms/How_to_build_custom_form_controls">JavaScript でのウィジェットの再構築</a>など、難しいテクニックを検討することもできます。しかし、その場合は、<a href="https://www.smashingmagazine.com/2011/11/03/but-the-client-wants-ie-6-support/" rel="external">そのような愚かな要求をするクライアントに請求すること</a>をためらってはいけません。</p> +<p>まとめるとすると、フォームコントロールのウィジェットに CSS でスタイル付けすることで、予測できない副作用が発生することがあります。だからやめましょう。 <a href="/ja/docs/Learn/Forms/Property_compatibility_table_for_form_controls">フォームウィジェット向けプロパティ実装状況一覧</a>の記事の複雑さからもわかるように、非常に難しいのです。テキスト要素に多少の調整 (サイズやフォントの色など) を行うことはまだ可能でも、必ず副作用が発生します。最良の方法は、 HTML フォームウィジェットにスタイルをまったく適用しないことです。しかし、周囲のアイテムになら、どれでも適用することはできます。また、どうしてもフォームウィジェットの既定のスタイルを変更しなければならない場合は、スタイルガイドを定義して、すべてのフォームコントロールの一貫性を確保し、ユーザーの使い勝手を損なわないようにしてください。また、 <a href="/ja/docs/Learn/Forms/How_to_build_custom_form_controls">JavaScript でのウィジェットの再構築</a>など、難しいテクニックを検討することもできます。しかし、その場合は、<a href="https://www.smashingmagazine.com/2011/11/03/but-the-client-wants-ie-6-support/" rel="external">そのような愚かな要求をするクライアントに請求すること</a>をためらってはいけません。</p> <h2 id="Feature_detection_and_polyfills"">機能検出とポリフィル</h2> diff --git a/files/ja/learn/forms/index.html b/files/ja/learn/forms/index.html index 40e686438a..0149ed2e1b 100644 --- a/files/ja/learn/forms/index.html +++ b/files/ja/learn/forms/index.html @@ -75,7 +75,7 @@ translation_of: Learn/Forms <dl> <dt><a href="/ja/docs/Learn/HTML/Forms/How_to_build_custom_form_widgets">カスタムフォームコントロールの作成方法</a></dt> <dd>場合によってはネイティブのフォームウィジェットが必要となるものを提供していないことがあるでしょう。例えばスタイリングや機能で。この場合、生の HTML から自分自身のフォームウィジェットを作る必要があります。この記事ではその方法と考慮すべき点を、実際のケーススタディと一緒に説明します。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">JavaScript によるフォームの送信</a></dt> + <dt><a href="/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">JavaScript によるフォームの送信</a></dt> <dd>この記事では、標準フォームの送信ではなく、カスタム JavaScript 内で HTTP リクエストを組み立てて送る方法を見ます。またそうしたい理由と、そうする意味も見ていきます(<a href="/ja/docs/Web/API/FormData/Using_FormData_Objects">FormData オブジェクトの使用</a>もご覧ください)。</dd> </dl> diff --git a/files/ja/learn/forms/other_form_controls/index.html b/files/ja/learn/forms/other_form_controls/index.html index 28be191eb4..78677f21c7 100644 --- a/files/ja/learn/forms/other_form_controls/index.html +++ b/files/ja/learn/forms/other_form_controls/index.html @@ -312,16 +312,16 @@ translation_of: Learn/Forms/Other_form_controls <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/HTML5_input_types" rel="noopener">The HTML5 input types</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/Other_form_controls" rel="noopener">Other form controls</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 id="Advanced_Topics" name="Advanced_Topics">上級トピック</h3> diff --git a/files/ja/learn/forms/property_compatibility_table_for_form_controls/index.html b/files/ja/learn/forms/property_compatibility_table_for_form_controls/index.html index ed70a2587b..410d21a252 100644 --- a/files/ja/learn/forms/property_compatibility_table_for_form_controls/index.html +++ b/files/ja/learn/forms/property_compatibility_table_for_form_controls/index.html @@ -1010,7 +1010,7 @@ translation_of: Learn/Forms/Property_compatibility_table_for_form_controls <h3 id="Datalist" name="Datalist">Datalist</h3> -<p> <code>{{htmlelement("datalist")}}</code> and <code>{{htmlelement("input")}}</code> 要素と <a href="/en-US/docs/Web/HTML/Attributes/list"><code>list</code> 属性</a>を見てください。</p> +<p> <code>{{htmlelement("datalist")}}</code> and <code>{{htmlelement("input")}}</code> 要素と <a href="/ja/docs/Web/HTML/Attributes/list"><code>list</code> 属性</a>を見てください。</p> <table> <thead> @@ -2009,9 +2009,9 @@ translation_of: Learn/Forms/Property_compatibility_table_for_form_controls <h3 id="上級トピック">上級トピック</h3> <ul> - <li><a href="/en-US/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">Sending forms through JavaScript</a></li> - <li><a href="/en-US/docs/Learn/HTML/Forms/How_to_build_custom_form_widgets">How to build custom form widgets</a></li> - <li><a href="/en-US/docs/Learn/HTML/Forms/HTML_forms_in_legacy_browsers">HTML forms in legacy browsers</a></li> - <li><a href="/en-US/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">Advanced styling for HTML forms</a></li> - <li><a href="/en-US/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">Property compatibility table for form widgets</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript">Sending forms through JavaScript</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_build_custom_form_widgets">How to build custom form widgets</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/HTML_forms_in_legacy_browsers">HTML forms in legacy browsers</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">Advanced styling for HTML forms</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">Property compatibility table for form widgets</a></li> </ul> diff --git a/files/ja/learn/forms/sending_and_retrieving_form_data/index.html b/files/ja/learn/forms/sending_and_retrieving_form_data/index.html index deee070329..5ce2709ade 100644 --- a/files/ja/learn/forms/sending_and_retrieving_form_data/index.html +++ b/files/ja/learn/forms/sending_and_retrieving_form_data/index.html @@ -320,16 +320,16 @@ if __name__ == "__main__": <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/HTML5_input_types" rel="noopener">The HTML5 input types</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/Other_form_controls" rel="noopener">Other form controls</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 id="Advanced_Topics" name="Advanced_Topics">上級トピック</h3> diff --git a/files/ja/learn/forms/styling_web_forms/index.html b/files/ja/learn/forms/styling_web_forms/index.html index a549329e48..1403848da7 100644 --- a/files/ja/learn/forms/styling_web_forms/index.html +++ b/files/ja/learn/forms/styling_web_forms/index.html @@ -205,7 +205,7 @@ legend { <p>ここからがおもしろいところです! コードを書き始める前に、ここでは 3 つの追加要素が必要です:</p> <ol> - <li>はがきの<a href="https://developer.mozilla.org/files/4151/background.jpg" title="The postcard background">背景</a> — この画像をダウンロードして作業している HTML ファイルと同じディレクトリーに保存します。</li> + <li>はがきの<a href="/files/4151/background.jpg" title="The postcard background">背景</a> — この画像をダウンロードして作業している HTML ファイルと同じディレクトリーに保存します。</li> <li>タイプライター風フォント: <a href="http://www.fontsquirrel.com/fonts/Secret-Typewriter" rel="external">fontsquirrel.com の "Secret Typewriter" </a> — TTF ファイルを上記と同じディレクトリーにダウンロードします。</li> <li>手書き風フォント: <a href="http://www.fontsquirrel.com/fonts/Journal" rel="external">fontsquirrel.com の "Journal" </a> — TTF ファイルを上記と同じディレクトリーにダウンロードします。</li> </ol> @@ -216,7 +216,7 @@ legend { <li>fontsquirrel <a href="https://www.fontsquirrel.com/tools/webfont-generator">Webfont Generator</a> に移動します。</li> <li>フォームを使って、両方のフォントファイルをアップロードして webfont キットを生成します。キットをコンピューターにダウンロードします。</li> <li>zip ファイルを展開します。</li> - <li>展開した中身には 2 つの <code>.woff</code> ファイルと 2 つの <code>.woff2</code> ファイルがあります。このファイルを、前と同じ fonts というディレクトリーにコピーします。各フォントの 2 つのファイルはブラウザー互換性を最大化するのに使います; より詳しい情報は <a href="https://developer.mozilla.org/ja/docs/Learn/CSS/Styling_text/Web_fonts">Web fonts</a> の記事を見てください。</li> + <li>展開した中身には 2 つの <code>.woff</code> ファイルと 2 つの <code>.woff2</code> ファイルがあります。このファイルを、前と同じ fonts というディレクトリーにコピーします。各フォントの 2 つのファイルはブラウザー互換性を最大化するのに使います; より詳しい情報は <a href="/ja/docs/Learn/CSS/Styling_text/Web_fonts">Web fonts</a> の記事を見てください。</li> </ol> <h3 id="The_CSS" name="The_CSS">CSS</h3> @@ -364,7 +364,7 @@ button:focus { <h2 id="スキルを試しましょう！"><strong>スキルを試しましょう！</strong></h2> -<p>この記事の終わりまで到達しました。しかし、肝要な点を思い起こせるでしょうか？次に進む前に、テストによって知識の定着を試すことができます——<a href="/en-US/docs/Learn/Forms/Test_your_skills:_Styling_basics">スキルテスト：スタイリングの基本</a>をご覧ください。</p> +<p>この記事の終わりまで到達しました。しかし、肝要な点を思い起こせるでしょうか？次に進む前に、テストによって知識の定着を試すことができます——<a href="/ja/docs/Learn/Forms/Test_your_skills:_Styling_basics">スキルテスト：スタイリングの基本</a>をご覧ください。</p> <h2 id="Conclusion" name="Conclusion">まとめ</h2> @@ -386,7 +386,7 @@ button:focus { <li><a href="/ja/docs/Learn/Forms/Advanced_form_styling">フォームへの高度なスタイル設定</a></li> <li><a href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> <li><a href="/ja/docs/Learn/Forms/Form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 class="highlight-spanned" id="Advanced_Topics" name="Advanced_Topics"><span class="highlight-span">上級トピック</span></h3> diff --git a/files/ja/learn/forms/ui_pseudo-classes/index.html b/files/ja/learn/forms/ui_pseudo-classes/index.html index 5c1bbda5cf..41426b5074 100644 --- a/files/ja/learn/forms/ui_pseudo-classes/index.html +++ b/files/ja/learn/forms/ui_pseudo-classes/index.html @@ -589,7 +589,7 @@ input:default ~ span::after { <h2 id="Test_your_skills!">Test your skills!</h2> -<p>You've reached the end of this article, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see <a href="/en-US/docs/Learn/Forms/Test_your_skills:_Advanced_styling">Test your skills: Advanced styling</a>.</p> +<p>You've reached the end of this article, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see <a href="/ja/docs/Learn/Forms/Test_your_skills:_Advanced_styling">Test your skills: Advanced styling</a>.</p> <h2 id="Summary" name="Summary">まとめ</h2> @@ -600,16 +600,16 @@ input:default ~ span::after { <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Your_first_HTML_form">初めてのフォーム</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/How_to_structure_an_HTML_form">フォームの構築方法</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/The_native_form_widgets">ネイティブフォームウィジェット</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/HTML5_input_types" rel="noopener">The HTML5 input types</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/Other_form_controls" rel="noopener">Other form controls</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Styling_HTML_forms">フォームへのスタイル設定</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Advanced_styling_for_HTML_forms">フォームへの高度なスタイル設定</a></li> <li><a class="external" href="/ja/docs/Learn/Forms/UI_pseudo-classes" rel="noopener">UI pseudo-classes</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Data_form_validation">フォームデータの検証</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信</a></li> </ul> <h3 id="Advanced_Topics" name="Advanced_Topics">上級トピック</h3> diff --git a/files/ja/learn/forms/your_first_form/index.html b/files/ja/learn/forms/your_first_form/index.html index 24e638b9e1..a5878e3ce8 100644 --- a/files/ja/learn/forms/your_first_form/index.html +++ b/files/ja/learn/forms/your_first_form/index.html @@ -275,7 +275,7 @@ button { ... </pre> -<p>この例では、フォームはそれぞれ "<code>user_name</code>"、"<code>user_email</code>"、"<code>user_message</code>" と名付けられた 3 つのデータを送信します。これらのデータは URL "<code>/my-handling-form-page</code>" へ、<a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Methods/POST">HTTP <code>POST</code></a> メソッドで送信します。</p> +<p>この例では、フォームはそれぞれ "<code>user_name</code>"、"<code>user_email</code>"、"<code>user_message</code>" と名付けられた 3 つのデータを送信します。これらのデータは URL "<code>/my-handling-form-page</code>" へ、<a href="/ja/docs/Web/HTTP/Methods/POST">HTTP <code>POST</code></a> メソッドで送信します。</p> <p>サーバー側では URL "<code>/my-handling-form-page</code>" のスクリプトが、HTTP リクエストに埋め込まれた 3 つのキーおよび値のアイテムリストとしてデータを受け取ります。スクリプトがデータを処理する方法は、あなた次第です。各サーバーサイド言語 (PHP、Python、Ruby、Java、C# など) は、これらのデータを扱う仕組みを持っています。これは本ガイドで踏み込んでいく範囲を超えますが、詳しく知りたい場合は<a href="/ja/docs/HTML/Forms/Sending_and_retrieving_form_data" title="HTML/Forms/Sending_and_retrieving_form_data">フォームデータの送信と取得</a>の記事にサンプルを載せていますのでご覧ください。</p> diff --git a/files/ja/learn/front-end_web_developer/index.html b/files/ja/learn/front-end_web_developer/index.html index 4889d72df8..60f4eb1d61 100644 --- a/files/ja/learn/front-end_web_developer/index.html +++ b/files/ja/learn/front-end_web_developer/index.html @@ -28,13 +28,13 @@ translation_of: Learn/Front-end_web_developer <p>このコースを始めるにあたり前提知識は必要ありません。必要なのはモダンなブラウザが動作するコンピュータ、インターネット接続、学びたいという意欲だけです。</p> -<p>フロントエンドウェブ開発が自分に適しているかわからなく､易しい説明が必要な場合はこの時間がかかる完全なコースを始める前に､<a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">ウェブサイト学習の最初のステップ</a>を読んでください｡</p> +<p>フロントエンドウェブ開発が自分に適しているかわからなく､易しい説明が必要な場合はこの時間がかかる完全なコースを始める前に､<a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブサイト学習の最初のステップ</a>を読んでください｡</p> <h2 id="学習につまずいたら">学習につまずいたら</h2> <p>私たちは、フロントエンドウェブ開発の学習が少しでもやさしくなるよう努力してきました。それでも、何か理解できないことあったり、コードが動かなかったりして、学習につまずくことがあるでしょう。</p> -<p>落ち着いて下さい。プロの開発者でも初心者でも、誰にだって学習でつまづくことはあります。<a href="/en-US/docs/Learn/Learning_and_getting_help">学習とヘルプ（English）</a> では情報を検索する際のヒントなど一連の有益な情報を提供しています。依然として学習につまずいているなら <a href="https://discourse.mozilla.org/c/mdn/learn/">Discourse forum</a> で気軽に質問して見て下さい。</p> +<p>落ち着いて下さい。プロの開発者でも初心者でも、誰にだって学習でつまづくことはあります。<a href="/ja/docs/Learn/Learning_and_getting_help">学習とヘルプ（English）</a> では情報を検索する際のヒントなど一連の有益な情報を提供しています。依然として学習につまずいているなら <a href="https://discourse.mozilla.org/c/mdn/learn/">Discourse forum</a> で気軽に質問して見て下さい。</p> <p>さあ、始めましょう。幸運を！</p> @@ -55,9 +55,9 @@ translation_of: Learn/Front-end_web_developer <p>中心となるモジュール</p> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a><a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software"> </a>— 基本的なツールのステップアップ (15 分で読めます)</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">標準的なウェブとウェブのバックグラウンド</a> (45 分で読めます)</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Learning_and_getting_help">学習とヘルプ（English）</a> (45 分で読めます)</li> + <li><a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a><a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software"> </a>— 基本的なツールのステップアップ (15 分で読めます)</li> + <li><a href="/ja/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">標準的なウェブとウェブのバックグラウンド</a> (45 分で読めます)</li> + <li><a href="/ja/docs/Learn/Learning_and_getting_help">学習とヘルプ（English）</a> (45 分で読めます)</li> </ul> <h3 id="HTML（意味付けと構造）">HTML（意味付けと構造）</h3> @@ -75,9 +75,9 @@ translation_of: Learn/Front-end_web_developer <h4 id="中心となるモジュール">中心となるモジュール</h4> <ul> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML の紹介</a> (15–20 時間の学習)</li> - <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">動的コンテンツ（映像や音楽）の埋め込み</a> (15–20 時間の学習)</li> - <li><a href="/en-US/docs/Learn/HTML/Tables">HTML の表</a> (5–10 時間の学習)</li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の紹介</a> (15–20 時間の学習)</li> + <li><a href="/ja/docs/Learn/HTML/Multimedia_and_embedding">動的コンテンツ（映像や音楽）の埋め込み</a> (15–20 時間の学習)</li> + <li><a href="/ja/docs/Learn/HTML/Tables">HTML の表</a> (5–10 時間の学習)</li> </ul> <h3 id="CSS（スタイルとレイアウト）">CSS（スタイルとレイアウト）</h3> @@ -86,7 +86,7 @@ translation_of: Learn/Front-end_web_developer <h4 id="前提知識_4">前提知識</h4> -<p>CSS の学習を始める前に HTML の基本的な知識を身につけておくことを推奨します｡少なくとも <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML の紹介</a> は読んでおきましょう｡</p> +<p>CSS の学習を始める前に HTML の基本的な知識を身につけておくことを推奨します｡少なくとも <a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML の紹介</a> は読んでおきましょう｡</p> <h4 id="学習を進めるための条件_3">学習を進めるための条件</h4> @@ -162,8 +162,8 @@ translation_of: Learn/Front-end_web_developer <h4 id="中心となるモジュール_5">中心となるモジュール</h4> <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Cross-browser testing</a> (25–30 時間の学習)</li> - <li><a href="/en-US/docs/Learn/Accessibility">Accessibility</a> (20–25 時間の学習)</li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing">Cross-browser testing</a> (25–30 時間の学習)</li> + <li><a href="/ja/docs/Learn/Accessibility">Accessibility</a> (20–25 時間の学習)</li> </ul> <h3 id="モダンなツール">モダンなツール</h3> @@ -181,10 +181,10 @@ translation_of: Learn/Front-end_web_developer <h4 id="中心となるモジュール_6">中心となるモジュール</h4> <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/GitHub">Git and GitHub</a> (5 時間の記事)</li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools">Understanding client-side web development tools</a> (20–25 時間の記事)</li> + <li><a href="/ja/docs/Learn/Tools_and_testing/GitHub">Git and GitHub</a> (5 時間の記事)</li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools">Understanding client-side web development tools</a> (20–25 時間の記事)</li> <li> - <p><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">Understanding client-side JavaScript frameworks</a> (30-60 時間の学習)</p> + <p><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">Understanding client-side JavaScript frameworks</a> (30-60 時間の学習)</p> </li> </ul> diff --git a/files/ja/learn/getting_started_with_the_web/dealing_with_files/index.html b/files/ja/learn/getting_started_with_the_web/dealing_with_files/index.html index cdc3e3a336..9a209a83c4 100644 --- a/files/ja/learn/getting_started_with_the_web/dealing_with_files/index.html +++ b/files/ja/learn/getting_started_with_the_web/dealing_with_files/index.html @@ -17,7 +17,7 @@ translation_of: Learn/Getting_started_with_the_web/Dealing_with_files <div>{{PreviousMenuNext("Learn/Getting_started_with_the_web/What_will_your_website_look_like", "Learn/Getting_started_with_the_web/HTML_basics", "Learn/Getting_started_with_the_web")}}</div> <div class="summary"> -<p>Web サイトは、テキストコンテンツ、コード、スタイルシート、メディアコンテンツなど、多くのファイルで構成されています。Web サイトを構築するときは、これらのファイルをローカルコンピュータ上の合理的な構造に組み立て、互いに呼び出すことができるようにして、最終的に<a href="/Learn/Getting_started_with_the_web/Publishing_your_website">サーバにアップロード</a>する前に、すべてのコンテンツを正しいものにする必要があります。<em>ファイルの扱い</em>では、Web サイトに合理的なファイル構造を設定できるように、注意すべきいくつかの問題について説明します。</p> +<p>Web サイトは、テキストコンテンツ、コード、スタイルシート、メディアコンテンツなど、多くのファイルで構成されています。Web サイトを構築するときは、これらのファイルをローカルコンピュータ上の合理的な構造に組み立て、互いに呼び出すことができるようにして、最終的に<a href="/ja/docs/Learn/Getting_started_with_the_web/Publishing_your_website">サーバにアップロード</a>する前に、すべてのコンテンツを正しいものにする必要があります。<em>ファイルの扱い</em>では、Web サイトに合理的なファイル構造を設定できるように、注意すべきいくつかの問題について説明します。</p> </div> <h2 id="Where_should_your_website_live_on_your_computer" name="Where_should_your_website_live_on_your_computer">コンピュータ上で Web サイトがあるべき場所</h2> diff --git a/files/ja/learn/getting_started_with_the_web/installing_basic_software/index.html b/files/ja/learn/getting_started_with_the_web/installing_basic_software/index.html index f8432d7d97..ae288951e3 100644 --- a/files/ja/learn/getting_started_with_the_web/installing_basic_software/index.html +++ b/files/ja/learn/getting_started_with_the_web/installing_basic_software/index.html @@ -62,7 +62,7 @@ translation_of: Learn/Getting_started_with_the_web/Installing_basic_software <h3 id="Installing_a_local_web_server" name="Installing_a_local_web_server">ローカルの Web サーバーのインストール</h3> -<p>いくつかの例では、動作を成功させるのに Web サーバーでの実行が必要です。<a href="https://developer.mozilla.org/ja/docs/Learn/Common_questions/set_up_a_local_testing_server">ローカルテストサーバーのインストール方法</a>にて、その方法が見つかります。</p> +<p>いくつかの例では、動作を成功させるのに Web サーバーでの実行が必要です。<a href="/ja/docs/Learn/Common_questions/set_up_a_local_testing_server">ローカルテストサーバーのインストール方法</a>にて、その方法が見つかります。</p> <p>{{NextMenu("Learn/Getting_started_with_the_web/What_will_your_website_look_like", "Learn/Getting_started_with_the_web")}}</p> diff --git a/files/ja/learn/html/index.html b/files/ja/learn/html/index.html index fa11f9e2b9..9b06c50ce2 100644 --- a/files/ja/learn/html/index.html +++ b/files/ja/learn/html/index.html @@ -21,35 +21,35 @@ translation_of: Learn/HTML <h2 id="Learning_pathway" name="Learning_pathway">学習経路</h2> -<p>HTML 学習を学びの旅の起点にすることが理想的です。<a href="/docs/Web/Guide/HTML/Introduction">HTML 概論</a>を読んでみましょう。さらに学びたいと思ったなら、次は以下のような内容に移ることになるでしょう。</p> +<p>HTML 学習を学びの旅の起点にすることが理想的です。<a href="/ja/docs/Web/Guide/HTML/Introduction">HTML 概論</a>を読んでみましょう。さらに学びたいと思ったなら、次は以下のような内容に移ることになるでしょう。</p> <ul> - <li><a href="/docs/Learn/CSS">CSS</a>、またそれを用いて、どうやって HTML の様式を整えるか。(例えば、文字の様式やサイズを適用したり、線で囲んだり、影をつけたり、ページをカラムでレイアウトしたり、アニメをつけたりすることができます。）</li> - <li><a href="/docs/Learn/JavaScript">JavaScript</a>、またそれを用いて、ウェブページをいかにして動的な機能を付け加えるか。(例えば、地図上にあなたの位置をプロットしたり、UI エレメントをボタン操作で、現れるようにしたり、隠すようにしたり、コンピュータ上にユーザーのデータを保存したり、その他いろいろなことができます。）</li> + <li><a href="/ja/docs/Learn/CSS">CSS</a>、またそれを用いて、どうやって HTML の様式を整えるか。(例えば、文字の様式やサイズを適用したり、線で囲んだり、影をつけたり、ページをカラムでレイアウトしたり、アニメをつけたりすることができます。）</li> + <li><a href="/ja/docs/Learn/JavaScript">JavaScript</a>、またそれを用いて、ウェブページをいかにして動的な機能を付け加えるか。(例えば、地図上にあなたの位置をプロットしたり、UI エレメントをボタン操作で、現れるようにしたり、隠すようにしたり、コンピュータ上にユーザーのデータを保存したり、その他いろいろなことができます。）</li> </ul> -<p>このトピックを開始する前に、最低限コンピュータを利用することに慣れておくべきでしょう。また、ウェブを受け手の側から、利用すること（つまり、ただ見たり、コンテンツを消費したりすること）にも慣れておくべきでしょう。また基本的な作業環境のセットアップもしておくべきでしょう。細かい話は、 <a href="/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアをインストールする</a>や、 <a href="/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルを扱う</a>に書かれています。今あげた二つの内容は、<a href="/docs/Learn/Getting_started_with_the_web">Web 入門</a>という初心者向けの章に含まれています。</p> +<p>このトピックを開始する前に、最低限コンピュータを利用することに慣れておくべきでしょう。また、ウェブを受け手の側から、利用すること（つまり、ただ見たり、コンテンツを消費したりすること）にも慣れておくべきでしょう。また基本的な作業環境のセットアップもしておくべきでしょう。細かい話は、 <a href="/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアをインストールする</a>や、 <a href="/ja/docs/Learn/Getting_started_with_the_web/Dealing_with_files">ファイルを扱う</a>に書かれています。今あげた二つの内容は、<a href="/ja/docs/Learn/Getting_started_with_the_web">Web 入門</a>という初心者向けの章に含まれています。</p> -<p>今回のトピックに入る前に、 <a href="/docs/Learn/Getting_started_with_the_web">ウェブ入門</a>を一読しておくことをお薦めします。けれども、絶対にそうしておく必要があるというわけではありません。 <a href="/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML の基礎</a>の記事でカバーされている大体の内容は、 <a href="/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a>の記事でもカバーされています。ただこちらのほうが、より詳細な記事になっています。</p> +<p>今回のトピックに入る前に、 <a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a>を一読しておくことをお薦めします。けれども、絶対にそうしておく必要があるというわけではありません。 <a href="/ja/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML の基礎</a>の記事でカバーされている大体の内容は、 <a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a>の記事でもカバーされています。ただこちらのほうが、より詳細な記事になっています。</p> <h2 id="Modules" name="Modules">モジュール</h2> <p>このトピックは、以下の内容を含んでいます。そして、それらは、学んでいくのに好ましい順番で並んでいます。上から順番に学んでいくのが望ましいでしょう。</p> <dl> - <dt><a href="/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a></dt> + <dt><a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a></dt> <dd>この章では、土台作りをします。ここで、あなたはHTMLの重要な概念や構文に慣れたり、HTML を文章に適用していくのを見たり、どうやってハイパーリンクができるのか、HTML がウェブページを作るためにどのように利用されるのかを学ぶことになります。</dd> - <dt><a href="/docs/Learn/HTML/Multimedia_and_embedding">マルチメディアと埋め込み</a></dt> + <dt><a href="/ja/docs/Learn/HTML/Multimedia_and_embedding">マルチメディアと埋め込み</a></dt> <dd>この章では、 HTML を使ってどうやったら、あなたのウェブページにマルチメディアを導入できるかを学びます。画像を取り込むためのいくつかのやり方、ビデオや音声、さらに、ウェブページそのものを埋め込む方法もここで学びます。</dd> - <dt><a href="/docs/Learn/HTML/Tables">HTML 表</a></dt> + <dt><a href="/ja/docs/Learn/HTML/Tables">HTML 表</a></dt> <dd>ウェブページ上の表形式のデータを理解しやすく{{glossary("Accessibility", "アクセスしやすい")}}方法で表現することは難しいことです。このモジュールでは、基本的な表のマークアップと、キャプションやサマリーの実装などのより複雑な機能をカバーしています。</dd> - <dt><a href="/docs/Learn/HTML/Forms">HTML フォーム</a></dt> + <dt><a href="/ja/docs/Learn/HTML/Forms">HTML フォーム</a></dt> <dd>フォームはウェブのとても重要な部分です。これらはウェブサイトとのやりとりに必要な多くの機能を提供します。登録とログイン、フィードバックの送信、商品の購入などが含まれます。このモジュールでは、フォームのクライアント側部分の作成を始めます。</dd> </dl> <h2 id="Solving_common_HTML_problems" name="Solving_common_HTML_problems">よくある HTML の問題の解決</h2> -<p><a href="/docs/Learn/HTML/Howto">共通の問題解決に HTML を使う</a> 「基本的な問題を解決するために HTML を使う」では、ウェブページを作った時に出てくる一般的な問題をどうやって解決するかを説明するためのコンテンツのセクションへのリンクを提示します。タイトルの扱い方や、画像やビデオを加えたり、コンテンツを強調したり、基本的なフォームを作ったりします。</p> +<p><a href="/ja/docs/Learn/HTML/Howto">共通の問題解決に HTML を使う</a> 「基本的な問題を解決するために HTML を使う」では、ウェブページを作った時に出てくる一般的な問題をどうやって解決するかを説明するためのコンテンツのセクションへのリンクを提示します。タイトルの扱い方や、画像やビデオを加えたり、コンテンツを強調したり、基本的なフォームを作ったりします。</p> <h2 id="See_also" name="See_also">関連情報</h2> diff --git a/files/ja/learn/html/introduction_to_html/advanced_text_formatting/index.html b/files/ja/learn/html/introduction_to_html/advanced_text_formatting/index.html index 0ceb370e9e..88b84975b4 100644 --- a/files/ja/learn/html/introduction_to_html/advanced_text_formatting/index.html +++ b/files/ja/learn/html/introduction_to_html/advanced_text_formatting/index.html @@ -18,7 +18,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Advanced_text_formatting <div>{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Creating_hyperlinks", "Learn/HTML/Introduction_to_HTML/Document_and_website_structure", "Learn/HTML/Introduction_to_HTML")}}</div> -<p class="summary">テキストの書式設定のための HTML には他にも多くの要素がありますが、これは <a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML テキストの基礎</a> には書かれていません。この記事で説明されている要素はあまり知られていませんが、知っていると役に立ちます。（これはまだいかなる意味でも完全なリストではありません）。ここでは、注釈、説明リスト、コンピューターコードとその他の関連テキスト、下付き文字と上付き文字、連絡先情報などのマーキングについて学習します。</p> +<p class="summary">テキストの書式設定のための HTML には他にも多くの要素がありますが、これは <a href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML テキストの基礎</a> には書かれていません。この記事で説明されている要素はあまり知られていませんが、知っていると役に立ちます。（これはまだいかなる意味でも完全なリストではありません）。ここでは、注釈、説明リスト、コンピューターコードとその他の関連テキスト、下付き文字と上付き文字、連絡先情報などのマーキングについて学習します。</p> <table class="learn-box standard-table"> <tbody> diff --git a/files/ja/learn/html/introduction_to_html/debugging_html/index.html b/files/ja/learn/html/introduction_to_html/debugging_html/index.html index 24c4e6c4d3..d69d476ed3 100644 --- a/files/ja/learn/html/introduction_to_html/debugging_html/index.html +++ b/files/ja/learn/html/introduction_to_html/debugging_html/index.html @@ -173,13 +173,13 @@ translation_of: Learn/HTML/Introduction_to_HTML/Debugging_HTML <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> </ul> diff --git a/files/ja/learn/html/introduction_to_html/getting_started/index.html b/files/ja/learn/html/introduction_to_html/getting_started/index.html index 6cfcea234e..606d87f393 100644 --- a/files/ja/learn/html/introduction_to_html/getting_started/index.html +++ b/files/ja/learn/html/introduction_to_html/getting_started/index.html @@ -23,7 +23,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Getting_started <tbody> <tr> <th scope="row">前提条件:</th> - <td>基礎的なコンピュータリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイル取扱い</a>の基礎理解。</td> + <td>基礎的なコンピュータリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/ja/Learn/Getting_started_with_the_web/Dealing_with_files">ファイル取扱い</a>の基礎理解。</td> </tr> <tr> <th scope="row">目的:</th> @@ -217,7 +217,7 @@ textarea<span class="punctuation token">.</span>onkeyup <span class="operator to <p>fourth</p><p>fifth</p><p>sixth</p> </pre> -<p>{{htmlelement("em")}} 要素はインライン要素なので、以下で確認できるように、最初の 3 つの要素は同じ行で他の要素と互いにスペースを空けずにたたずんでいます。一方で、{{htmlelement("p")}} 要素はブロックレベル要素なので、各要素はその上下にスペースを伴った新たな行で表示されます (この間隔はブラウザーが段落に対して適用するデフォルトの <a href="/docs/Learn/CSS/Introduction_to_CSS">CSS のスタイル</a>によるものです)。</p> +<p>{{htmlelement("em")}} 要素はインライン要素なので、以下で確認できるように、最初の 3 つの要素は同じ行で他の要素と互いにスペースを空けずにたたずんでいます。一方で、{{htmlelement("p")}} 要素はブロックレベル要素なので、各要素はその上下にスペースを伴った新たな行で表示されます (この間隔はブラウザーが段落に対して適用するデフォルトの <a href="/ja/docs/Learn/CSS/Introduction_to_CSS">CSS のスタイル</a>によるものです)。</p> <p>{{ EmbedLiveSample('Block_versus_inline_elements', 700, 200, "", "") }}</p> @@ -226,11 +226,11 @@ textarea<span class="punctuation token">.</span>onkeyup <span class="operator to </div> <div class="note"> -<p><strong>注意</strong>: このトピックで使っている “ブロック” と “インライン” の用語は <a href="https://developer.mozilla.org/ja/docs/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes">CSS ボックスのタイプ</a>と同じ名前で混同するでしょう。既定ではこれらは関係ありますが、CSS の表示タイプの変更は要素のカテゴリーを変更しませんし、どの要素が入っているべきでどの要素に入れられるべきかにも影響しません。HTML5 でこの用語が落とされた理由は、このとてもよくある混同を防ぐためです。</p> +<p><strong>注意</strong>: このトピックで使っている “ブロック” と “インライン” の用語は <a href="/ja/docs/Learn/CSS/Introduction_to_CSS/Box_model#Types_of_CSS_boxes">CSS ボックスのタイプ</a>と同じ名前で混同するでしょう。既定ではこれらは関係ありますが、CSS の表示タイプの変更は要素のカテゴリーを変更しませんし、どの要素が入っているべきでどの要素に入れられるべきかにも影響しません。HTML5 でこの用語が落とされた理由は、このとてもよくある混同を防ぐためです。</p> </div> <div class="note"> -<p><strong>注意</strong>: ブロックレベル要素とインライン要素のリストを含む有用なリファレンスページがあります — <a href="/docs/Web/HTML/Block-level_elements">ブロックレベル要素</a>と<a href="/docs/Web/HTML/Inline_elements">インライン要素</a>をご覧ください。</p> +<p><strong>注意</strong>: ブロックレベル要素とインライン要素のリストを含む有用なリファレンスページがあります — <a href="/ja/docs/Web/HTML/Block-level_elements">ブロックレベル要素</a>と<a href="/ja/docs/Web/HTML/Inline_elements">インライン要素</a>をご覧ください。</p> </div> <h3 id="Empty_elements" name="Empty_elements">空要素</h3> @@ -526,8 +526,8 @@ textarea<span class="punctuation token">.</span>onkeyup <span class="operator to <li>{{htmlelement("body")}} 要素の開始タグ以降にページのメインタイトルを書きます。このメインタイトルは <code><h1></code> 開始タグと <code></h1></code> 終了タグで囲みます。ちなみにこれは <code>head</code> 要素の中に記述する <code>title</code> 要素とは異なります。実際にやってみると理解できると思います。フォームで編集する場合はすでに <code>body</code> 要素の中なので、コードの先頭にメインタイトルを記述する形になります。</li> <li>すでに<code><p></code>要素が記述されていますので、その段落を好きな内容にしてみましょう。また、新しい段落を好きなように追加してみましょう。</li> <li>段落 (<code><p></code>要素) 内で重要な言葉は <code><strong></code> 開始タグと <code></strong></code> 終了タグで囲んで太字で強調しましょう。 </li> - <li><a href="https://developer.mozilla.org/ja/Learn/HTML/Introduction_to_HTML/Getting_started#Active_learning_Adding_attributes_to_an_element">この記事の前半あたり</a>で説明したリンクを段落のどれかに張ってみましょう。</li> - <li><a href="https://developer.mozilla.org/ja/Learn/HTML/Introduction_to_HTML/Getting_started#Empty_elements">この記事の前半あたり</a>で説明した方法を使って、段落の下に画像を挿入しましょう。説明では Firefox のロゴ画像を使用しましたが、他の画像を持ってくることにチャレンジしてもいいと思います。自分のコンピューターの中のファイルやウェブ上のどこか他の場所にある画像リンクといったものです。</li> + <li><a href="/ja/Learn/HTML/Introduction_to_HTML/Getting_started#Active_learning_Adding_attributes_to_an_element">この記事の前半あたり</a>で説明したリンクを段落のどれかに張ってみましょう。</li> + <li><a href="/ja/Learn/HTML/Introduction_to_HTML/Getting_started#Empty_elements">この記事の前半あたり</a>で説明した方法を使って、段落の下に画像を挿入しましょう。説明では Firefox のロゴ画像を使用しましたが、他の画像を持ってくることにチャレンジしてもいいと思います。自分のコンピューターの中のファイルやウェブ上のどこか他の場所にある画像リンクといったものです。</li> </ul> <p>間違えた場合は <em>Reset</em> ボタンを押すことで元に戻すことができます。分からない場合は Show solution ボタンを押して答えを見てみましょう。</p> @@ -774,13 +774,13 @@ textarea<span class="punctuation token">.</span>onkeyup <span class="operator to <h2 id="In_this_module" name="In_this_module">このモジュール内</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started">HTML 入門</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">Head とは？HTML のメタデータ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML テキストの基礎</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">ハイパーリンクを作成する</a></li> - <li><a class="new" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting" rel="nofollow">上級のテキスト整形</a></li> - <li><a class="new" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure" rel="nofollow">ドキュメントとウェブサイトの構造</a></li> - <li><a class="new" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML" rel="nofollow">HTML をデバッグする</a></li> - <li><a class="new" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter" rel="nofollow">手紙をマークアップする</a></li> - <li><a class="new" href="https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content" rel="nofollow">コンテンツページを構造化する</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started">HTML 入門</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">Head とは？HTML のメタデータ</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML テキストの基礎</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">ハイパーリンクを作成する</a></li> + <li><a class="new" href="/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting" rel="nofollow">上級のテキスト整形</a></li> + <li><a class="new" href="/ja/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure" rel="nofollow">ドキュメントとウェブサイトの構造</a></li> + <li><a class="new" href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML" rel="nofollow">HTML をデバッグする</a></li> + <li><a class="new" href="/ja/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter" rel="nofollow">手紙をマークアップする</a></li> + <li><a class="new" href="/ja/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content" rel="nofollow">コンテンツページを構造化する</a></li> </ul> diff --git a/files/ja/learn/html/introduction_to_html/marking_up_a_letter/index.html b/files/ja/learn/html/introduction_to_html/marking_up_a_letter/index.html index 055a2afb5d..18dac36362 100644 --- a/files/ja/learn/html/introduction_to_html/marking_up_a_letter/index.html +++ b/files/ja/learn/html/introduction_to_html/marking_up_a_letter/index.html @@ -93,13 +93,13 @@ translation_of: Learn/HTML/Introduction_to_HTML/Marking_up_a_letter <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> </ul> diff --git a/files/ja/learn/html/introduction_to_html/structuring_a_page_of_content/index.html b/files/ja/learn/html/introduction_to_html/structuring_a_page_of_content/index.html index b434a3fea4..cda4e6dce0 100644 --- a/files/ja/learn/html/introduction_to_html/structuring_a_page_of_content/index.html +++ b/files/ja/learn/html/introduction_to_html/structuring_a_page_of_content/index.html @@ -95,13 +95,13 @@ translation_of: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> - <li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Getting started with HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">What’s in the head? Metadata in HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">HTML text fundamentals</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Creating hyperlinks</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Advanced text formatting</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Document and website structure</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugging HTML</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Marking up a letter</a></li> + <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Structuring a page of content</a></li> </ul> diff --git a/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 7fb1f1101f..cc6c302386 100644 --- a/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -138,7 +138,7 @@ started with developing web sites and applications."></pre> <p>description は検索エンジンの結果ページにも使われます。練習でこれを見ていきましょう。</p> <ol> - <li><a href="https://developer.mozilla.org/ja/">Mozilla Developer Network のフロントページ</a>に移動します。</li> + <li><a href="/ja/">Mozilla Developer Network のフロントページ</a>に移動します。</li> <li>ページのソースを見ます (ページ上で右クリックまたは <kbd>Ctrl</kbd> を押しながらクリックして、コンテキストメニューからページのソースを表示を選びます)。</li> <li>description の meta タグを見てみます。それはこのようなものです。 <pre class="brush: html notranslate"><meta name="description" content="The MDN Web Docs site diff --git a/files/ja/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html b/files/ja/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html index 3431a47258..a9da4a7f7b 100644 --- a/files/ja/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html +++ b/files/ja/learn/html/multimedia_and_embedding/adding_vector_graphics_to_the_web/index.html @@ -158,7 +158,7 @@ background-size: contain;</code></pre> <h3 id="How_to_include_SVG_code_inside_your_HTML" name="How_to_include_SVG_code_inside_your_HTML">HTML の中に SVG コードを組み込む方法</h3> -<p>テキストエディターで SVG ファイルを開き、 SVG コードをコピーして HTML 文書に貼り付けることもできます。 これは、<strong>SVG をインラインにする</strong>、または <strong>SVG をインライン化する</strong>とも呼ばれます。 SVG コードスニペットは、{{svgelement("svg")}} タグで始まり、 <code><a href="/en-US/docs/Web/SVG/Element/svg"><svg></svg></a></code> タグで終わることを確認してください (これら以外のものは含めないでください)。文書に貼り付けることのできる簡単な例を次に示します。</p> +<p>テキストエディターで SVG ファイルを開き、 SVG コードをコピーして HTML 文書に貼り付けることもできます。 これは、<strong>SVG をインラインにする</strong>、または <strong>SVG をインライン化する</strong>とも呼ばれます。 SVG コードスニペットは、{{svgelement("svg")}} タグで始まり、 <code><a href="/ja/docs/Web/SVG/Element/svg"><svg></svg></a></code> タグで終わることを確認してください (これら以外のものは含めないでください)。文書に貼り付けることのできる簡単な例を次に示します。</p> <pre class="brush: html notranslate"><svg width="300" height="200"> <rect width="100%" height="100%" fill="green" /> diff --git a/files/ja/learn/html/multimedia_and_embedding/video_and_audio_content/index.html b/files/ja/learn/html/multimedia_and_embedding/video_and_audio_content/index.html index 205d7b7027..68119aa7c0 100644 --- a/files/ja/learn/html/multimedia_and_embedding/video_and_audio_content/index.html +++ b/files/ja/learn/html/multimedia_and_embedding/video_and_audio_content/index.html @@ -246,7 +246,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content <p><img alt='再生、停止、音量、キャプションのオン/オフなどのスタンドコントロールを備えたビデオプレーヤー。 動画の再生には、槍のような武器を持つ男のシーンが表示され、キャプションには "Esta hoja tiene pasado oscuro." と表示されます。' src="https://mdn.mozillademos.org/files/7887/video-player-with-captions.png" style="display: block; height: 365px; margin: 0px auto; width: 593px;"></p> -<p>詳しくは、<a href="https://developer.mozilla.org/ja/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">HTML5 動画にキャプションと字幕を追加する</a>をご覧ください。Github には Ian Devlin によって書かれた<a href="http://iandevlin.github.io/mdn/video-player-with-captions/">この記事の例</a>があります (<a href="https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions">ソースコード</a>も参照してください)。この例では、JavaScript を使用してさまざまな字幕を選択できるようにしています。字幕をオンにするには、[CC] ボタンを押して、英語、ドイツ語、スペイン語のオプションを選択する必要があります。</p> +<p>詳しくは、<a href="/ja/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">HTML5 動画にキャプションと字幕を追加する</a>をご覧ください。Github には Ian Devlin によって書かれた<a href="http://iandevlin.github.io/mdn/video-player-with-captions/">この記事の例</a>があります (<a href="https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions">ソースコード</a>も参照してください)。この例では、JavaScript を使用してさまざまな字幕を選択できるようにしています。字幕をオンにするには、[CC] ボタンを押して、英語、ドイツ語、スペイン語のオプションを選択する必要があります。</p> <div class="note"> <p><strong>メモ</strong>: テキストトラックは検索エンジンが特にテキスト上で成功するため、{{glossary("SEO")}} にも役立ちます。テキストトラックを使用すると、検索エンジンは動画の途中地点に直接リンクすることもできます。</p> @@ -281,7 +281,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Video_and_audio_content <li>{{htmlelement("video")}}</li> <li>{{htmlelement("source")}}</li> <li>{{htmlelement("track")}}</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">HTML5 の動画へのキャプションと字幕の追加</a></li> + <li><a href="/ja/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video">HTML5 の動画へのキャプションと字幕の追加</a></li> <li><a href="/ja/docs/Web/Guide/Audio_and_video_delivery">音声と動画の配信</a>: HTML と JavaScript を使用して音声と動画をWebページに配置することに関する詳細。</li> <li><a href="/ja/docs/Web/Guide/Audio_and_video_manipulation">音声と動画の加工</a>: JavaScript を使用して音声や動画を操作する方法について詳しく説明します (たとえばフィルタを追加するなど)。</li> <li><a href="http://www.inwhatlanguage.com/blog/translate-video-audio/">マルチメディアを翻訳する</a>ための自動オプション。(英語)</li> diff --git a/files/ja/learn/html/tables/basics/index.html b/files/ja/learn/html/tables/basics/index.html index ec37b6ad39..e08aeb43da 100644 --- a/files/ja/learn/html/tables/basics/index.html +++ b/files/ja/learn/html/tables/basics/index.html @@ -361,7 +361,7 @@ translation_of: Learn/HTML/Tables/Basics <ol> <li>まず、あなたのローカルマシンの新しいディレクトリに <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/dogs-table.html">dogs-table.html</a> と <a href="https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css">minimal-table.css</a> ファイルのローカルコピーを作ります。HTML には、上で見たのと同じ Dogs の例が含まれています。</li> - <li>テーブルのヘッダを視覚的にも意味的にもヘッダとして認識させるには、<strong><code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th"><th></a></code></strong> 要素を使用します ('th' は 'table header' を表します)。これは <code><td></code> とまったく同じように機能しますが、通常のセルではなくヘッダーを表す点が異なります。HTML を開き、テーブルのヘッダを囲む全ての <code><td></code> 要素を <code><th></code> 要素に変更してください。</li> + <li>テーブルのヘッダを視覚的にも意味的にもヘッダとして認識させるには、<strong><code><a href="/ja/docs/Web/HTML/Element/th"><th></a></code></strong> 要素を使用します ('th' は 'table header' を表します)。これは <code><td></code> とまったく同じように機能しますが、通常のセルではなくヘッダーを表す点が異なります。HTML を開き、テーブルのヘッダを囲む全ての <code><td></code> 要素を <code><th></code> 要素に変更してください。</li> <li>HTML を保存してブラウザにロードすると、ヘッダーがヘッダーらしく見えます。</li> </ol> @@ -459,7 +459,7 @@ translation_of: Learn/HTML/Tables/Basics <h2 id="Providing_common_styling_to_columns" name="Providing_common_styling_to_columns">列への共通のスタイル付け</h2> <p><span class="tlid-translation translation" lang="ja"><span title="">先に進む前に、この記事で最後に紹介する機能があります。</span><br> - <span title="">HTML では、データの列全体のスタイル情報を1か所にまとめて定義することができます</span></span> — <strong><code><a href="/ja/docs/Web/HTML/Element/col"><col></a></code></strong> <span class="tlid-translation translation" lang="ja"><span title="">要素と</span></span> <strong><code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup"><colgroup></a></code></strong> <span class="tlid-translation translation" lang="ja"><span title="">要素です。</span><span title="">列にスタイルを指定するのは少々面倒で非効率的な場合があるためです。列内の</span></span> <code><td></code> <span class="tlid-translation translation" lang="ja"><span title="">や</span></span> <code><th></code> <span class="tlid-translation translation" lang="ja"><span title="">ごとにスタイル情報を指定するか、</span></span>{{cssxref(":nth-child()")}}<span class="tlid-translation translation" lang="ja"><span title=""> などの複雑なセレクタを使用する必要があります。</span></span></p> + <span title="">HTML では、データの列全体のスタイル情報を1か所にまとめて定義することができます</span></span> — <strong><code><a href="/ja/docs/Web/HTML/Element/col"><col></a></code></strong> <span class="tlid-translation translation" lang="ja"><span title="">要素と</span></span> <strong><code><a href="/ja/docs/Web/HTML/Element/colgroup"><colgroup></a></code></strong> <span class="tlid-translation translation" lang="ja"><span title="">要素です。</span><span title="">列にスタイルを指定するのは少々面倒で非効率的な場合があるためです。列内の</span></span> <code><td></code> <span class="tlid-translation translation" lang="ja"><span title="">や</span></span> <code><th></code> <span class="tlid-translation translation" lang="ja"><span title="">ごとにスタイル情報を指定するか、</span></span>{{cssxref(":nth-child()")}}<span class="tlid-translation translation" lang="ja"><span title=""> などの複雑なセレクタを使用する必要があります。</span></span></p> <p>次の簡単な例を見てください。</p> diff --git a/files/ja/learn/javascript/asynchronous/index.html b/files/ja/learn/javascript/asynchronous/index.html index f3b1c62242..adac4c607a 100644 --- a/files/ja/learn/javascript/asynchronous/index.html +++ b/files/ja/learn/javascript/asynchronous/index.html @@ -19,7 +19,7 @@ translation_of: Learn/JavaScript/Asynchronous <p>非同期 JavaScript はとても高度なトピックなので、事前に <a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>と <a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>のモジュールに取り組んでおくことをおすすめします。</p> -<p>非同期プログラミングの概念に慣れていない場合は、間違いなくこのモジュールの <a href="/en-US/docs/Learn/JavaScript/Asynchronous/Concepts">General asynchronous programming concepts</a> から始めるべきです。慣れている場合は、<a href="/en-US/docs/Learn/JavaScript/Asynchronous/Introducing">Introducing asynchronous JavaScript</a> まで飛ばしていただいてもかまいません。</p> +<p>非同期プログラミングの概念に慣れていない場合は、間違いなくこのモジュールの <a href="/ja/docs/Learn/JavaScript/Asynchronous/Concepts">General asynchronous programming concepts</a> から始めるべきです。慣れている場合は、<a href="/ja/docs/Learn/JavaScript/Asynchronous/Introducing">Introducing asynchronous JavaScript</a> まで飛ばしていただいてもかまいません。</p> <div class="note"> <p><strong>注記</strong>： ファイルを作成する手段のないコンピュータ・タブレット・その他のデバイスをお使いの場合、（ほとんどの）コード例は<a href="http://jsbin.com/"> JSBin</a> や<a href="https://thimble.mozilla.org/">Thimble</a> などのオンラインエディタでも試すことができます。</p> @@ -28,19 +28,19 @@ translation_of: Learn/JavaScript/Asynchronous <h2 id="ガイド">ガイド</h2> <dl> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Concepts">General asynchronous programming concepts</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Concepts">General asynchronous programming concepts</a></dt> <dd> <p>この記事では、非同期プログラミングに関するいくつかの重要な概念を一通り確認し、それらがウェブブラウザや JavaScript でどう見えるかを確認します。このモジュールの他の記事に進む前に、それらの概念を理解しておいてください。</p> </dd> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Introducing">Introducing asynchronous JavaScript</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Introducing">Introducing asynchronous JavaScript</a></dt> <dd>この記事では、同期 JavaScript にまつわる問題をざっと振り返り、これから遭遇するであろう、今までとは異なる非同期 JavaScript のテクニックをいくつか見てみます。そして、それらのテクニックがいかにして同期 JavaScript の問題を解決するかを確認します。</dd> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Loops_and_intervals">Cooperative asynchronous JavaScript: Timeouts and intervals</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Loops_and_intervals">Cooperative asynchronous JavaScript: Timeouts and intervals</a></dt> <dd>ここでは、JavaScriptでコードを非同期〔一定時間が経過した時、もしくは、一定間隔（例えば1秒あたり何回）〕に実行する時に使う伝統的な手法を見てみます。そして、どんな場合に便利なのかを説明し、内在する問題を考察します。</dd> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Promises">Handling async operations gracefully with Promises</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Promises">Handling async operations gracefully with Promises</a></dt> <dd>Promise は JavaScript の比較的新しい機能で、前の処理が完了するまでそれ以上の処理を先延ばしにしたり、その失敗に対処したりすることを可能にするものです。これは、一連の作業を正しく動作させるのに非常に便利です。この記事では、promise がどのように動作するか、WebAPIのどこで使われているか、そして、どうやって使うかを解説します。</dd> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Async_await">Making asynchronous programming easier with async and await</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Async_await">Making asynchronous programming easier with async and await</a></dt> <dd>Promise は構成したり理解したりするのにやや複雑であるため、モダンブラウザは <code>async</code> 関数と <code>await</code> 演算子を実装しています。前者は通常の関数が promise によって暗黙に非同期的に振る舞うことを可能にし、後者は <code>async</code> 関数内で処理が進む前に promise を待つことで、promise の連鎖を簡単にします。この記事では <code>async</code>/<code>await</code> を解説します。</dd> - <dt><a href="/en-US/docs/Learn/JavaScript/Asynchronous/Choosing_the_right_approach">Choosing the right approach</a></dt> + <dt><a href="/ja/docs/Learn/JavaScript/Asynchronous/Choosing_the_right_approach">Choosing the right approach</a></dt> <dd>このモジュールの最後に、別のコーディングテクニックとこれまで議論してきた機能を考察します。そして、推奨事項とよくある落とし穴への注意とともに、どれを・いつ・どこで使うのが適切なのかを検討します。</dd> </dl> diff --git a/files/ja/learn/javascript/building_blocks/events/index.html b/files/ja/learn/javascript/building_blocks/events/index.html index 6f2d31df5f..58aba9ea1c 100644 --- a/files/ja/learn/javascript/building_blocks/events/index.html +++ b/files/ja/learn/javascript/building_blocks/events/index.html @@ -137,7 +137,7 @@ btn.onclick = bgChange;</pre> <li><code><a href="/ja/docs/Web/API/GlobalEventHandlers/onmouseover">btn.onmouseover</a></code> と <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onmouseout">btn.onmouseout</a></code> — マウスポインタがボタンの上に来たときとボタンの上から外れた時に色が変わります。</li> </ul> -<p>いくつかのイベントはとても汎用的なのでほとんどどこでも使えます(例えば onlick ハンドラはほぼ全ての要素に登録できます)が、いくつかはもっと限定的で、特定の状況でしか使えません(例えば <a href="https://developer.mozilla.org/ja/docs/Web/API/GlobalEventHandlers/GlobalEventHandlers.onplay">onplay </a> は{{htmlelement("video")}}のような特定の要素でのみ意味を持ちます)。</p> +<p>いくつかのイベントはとても汎用的なのでほとんどどこでも使えます(例えば onlick ハンドラはほぼ全ての要素に登録できます)が、いくつかはもっと限定的で、特定の状況でしか使えません(例えば <a href="/ja/docs/Web/API/GlobalEventHandlers/GlobalEventHandlers.onplay">onplay </a> は{{htmlelement("video")}}のような特定の要素でのみ意味を持ちます)。</p> <h3 id="インラインイベントハンドラー_—_使っちゃだめ">インラインイベントハンドラー — 使っちゃだめ</h3> diff --git a/files/ja/learn/javascript/building_blocks/functions/index.html b/files/ja/learn/javascript/building_blocks/functions/index.html index a6901fcec8..6abfcb5ddb 100644 --- a/files/ja/learn/javascript/building_blocks/functions/index.html +++ b/files/ja/learn/javascript/building_blocks/functions/index.html @@ -29,7 +29,7 @@ translation_of: Learn/JavaScript/Building_blocks/Functions <tbody> <tr> <th scope="row">前提知識:</th> - <td>基本的なコンピューターの知識、HTML と CSS への理解、<a href="/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>。</td> + <td>基本的なコンピューターの知識、HTML と CSS への理解、<a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>。</td> </tr> <tr> <th scope="row">目的:</th> @@ -79,15 +79,15 @@ console.log(madeAString); <p>JavaScript言語にはたくさんの組込み関数があるので、いろいろあるあなたのやりたい事を、全部をあなた自身で書かなくてもすみます。実は、あなたが呼び出して起動(走らせたり実行する事の別の言い方)するコードのいくつかは、JavaScript では書けない、ブラウザー組込み関数です — こういった関数の多くは背後のブラウザーのコードを呼び出していて、これらは JavaScript のようなウェブ言語ではなく、大半が C++のような低レベルのシステム言語で書かれています。</p> -<p>ブラウザー関数のいくつかは JavaScript言語の核に含まれない事を心に留めておいてください — いくつかはブラウザー API の一部として定義されていて、もっと多くの機能を提供すべくデフォルトの言語の上で構築されています(詳しくは<a href="/Learn/JavaScript/First_steps/What_is_JavaScript#So_what_can_it_really_do">私たちのコースのこの以前のセクション</a>を見てください)。ブラウザー API のもっと詳しい使い方については、後の方のモジュールで見ていく事になるでしょう。</p> +<p>ブラウザー関数のいくつかは JavaScript言語の核に含まれない事を心に留めておいてください — いくつかはブラウザー API の一部として定義されていて、もっと多くの機能を提供すべくデフォルトの言語の上で構築されています(詳しくは<a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript#So_what_can_it_really_do">私たちのコースのこの以前のセクション</a>を見てください)。ブラウザー API のもっと詳しい使い方については、後の方のモジュールで見ていく事になるでしょう。</p> <h2 id="Functions_versus_methods" name="Functions_versus_methods">関数とメソッド</h2> <p>オブジェクトの<strong>メソッド</strong>の一部を、プログラマーは<strong>関数</strong>として呼び出します。構成された JavaScript オブジェクト内部の働きについては、まだ知る必要はありません — この後のモジュールで、オブジェクト内部の働きや自分でオブジェクトを作る方法について教える段階になってから覚えれば大丈夫です。今のところは、ウェブのあちこちにある関連したリソースを見ていると、メソッドと関数が混在している事があるとわかってもらいたいだけです。</p> -<p>これまで利用してきた組込み関数は両方です: 関数でありメソッドでもあります。組み込みオブジェクトとそのメソッドと同様に、組み込み関数の一覧を<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects">こちらで</a>確認できます。</p> +<p>これまで利用してきた組込み関数は両方です: 関数でありメソッドでもあります。組み込みオブジェクトとそのメソッドと同様に、組み込み関数の一覧を<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects">こちらで</a>確認できます。</p> -<p>このコースのここまででもたくさんのカスタム関数を見てきました — ブラウザーの内部でではなくあなたのコードの中で定義された関数です。独自の名前の直後にカッコがついてるものを見かけたら、それはカスタム関数を使っているという事です。<a href="/docs/Learn/JavaScript/Building_blocks/Looping_code">繰返しの記事</a>で出てきた <a href="http://mdn.github.io/learning-area/javascript/building-blocks/loops/random-canvas-circles.html">random-canvas-circles.html</a> の例(<a href="https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/random-canvas-circles.html">ソースコード</a>はこちら)では、独自に作った <code>draw()</code> 関数が含まれていました。こんなやつです:</p> +<p>このコースのここまででもたくさんのカスタム関数を見てきました — ブラウザーの内部でではなくあなたのコードの中で定義された関数です。独自の名前の直後にカッコがついてるものを見かけたら、それはカスタム関数を使っているという事です。<a href="/ja/docs/Learn/JavaScript/Building_blocks/Looping_code">繰返しの記事</a>で出てきた <a href="http://mdn.github.io/learning-area/javascript/building-blocks/loops/random-canvas-circles.html">random-canvas-circles.html</a> の例(<a href="https://github.com/mdn/learning-area/blob/master/javascript/building-blocks/loops/random-canvas-circles.html">ソースコード</a>はこちら)では、独自に作った <code>draw()</code> 関数が含まれていました。こんなやつです:</p> <pre class="brush: js notranslate">function draw() { ctx.clearRect(0,0,WIDTH,HEIGHT); @@ -267,7 +267,7 @@ function greeting() { <li>コンソールに次のように入力してみてください <pre class="brush: js notranslate">output(y); output(z);</pre> - どちらも、"<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors/Not_defined">ReferenceError: y is not defined</a>"の一行のエラーが返されるはずです。なぜでしょうか？ 関数スコープのため、つまり <code>y</code> と <code>z</code> は <code>a()</code> と <code>b()</code> 関数の中でロックされているので、global スコープから呼び出されたときには <code>output()</code> はそれらにアクセスできません。</li> + どちらも、"<a href="/ja/docs/Web/JavaScript/Reference/Errors/Not_defined">ReferenceError: y is not defined</a>"の一行のエラーが返されるはずです。なぜでしょうか？ 関数スコープのため、つまり <code>y</code> と <code>z</code> は <code>a()</code> と <code>b()</code> 関数の中でロックされているので、global スコープから呼び出されたときには <code>output()</code> はそれらにアクセスできません。</li> <li>しかし、別の関数の中から呼び出されたときはどうでしょうか？ <code>a()</code> と <code>b()</code> を次のように編集してみてください： <pre class="brush: js notranslate">function a() { let y = 2; @@ -320,7 +320,7 @@ b();</pre> </div> <div class="note"> -<p><strong>注</strong>: <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors/Not_defined">ReferenceError: "x" is not defined</a> というエラーは、あなたが遭遇する最も一般的なエラーの 1 つです。このエラーが発生し、問題の変数が定義されていると確信できる場合は、変数のスコープを確認してください。</p> +<p><strong>注</strong>: <a href="/ja/docs/Web/JavaScript/Reference/Errors/Not_defined">ReferenceError: "x" is not defined</a> というエラーは、あなたが遭遇する最も一般的なエラーの 1 つです。このエラーが発生し、問題の変数が定義されていると確信できる場合は、変数のスコープを確認してください。</p> </div> <ul> diff --git a/files/ja/learn/javascript/building_blocks/index.html b/files/ja/learn/javascript/building_blocks/index.html index 74ec4ff45f..35f4123acc 100644 --- a/files/ja/learn/javascript/building_blocks/index.html +++ b/files/ja/learn/javascript/building_blocks/index.html @@ -23,7 +23,7 @@ translation_of: Learn/JavaScript/Building_blocks <h2 id="Prerequisites" name="Prerequisites">前提条件</h2> -<p>このモジュールを始める前に、<a href="/docs/Learn/HTML/Introduction_to_HTML">HTML</a> や <a href="/docs/Learn/CSS/Introduction_to_CSS">CSS </a>の基本に慣れておくべきです。また前のモジュールの <a href="/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a> も終了させておくべきです。</p> +<p>このモジュールを始める前に、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML</a> や <a href="/ja/docs/Learn/CSS/Introduction_to_CSS">CSS </a>の基本に慣れておくべきです。また前のモジュールの <a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a> も終了させておくべきです。</p> <div class="note"> <p><strong>注記 </strong>: もしあなたが作業しているコンピュータ・タブレットやその他のデバイスで自分でファイルを作れない場合は、<a href="http://jsbin.com/">JSBin</a> や <a href="https://glitch.com/">Glitch</a> といったようなオンラインコーディングプログラムで (ほとんどの場合) 試すことができます。</p> diff --git a/files/ja/learn/javascript/building_blocks/looping_code/index.html b/files/ja/learn/javascript/building_blocks/looping_code/index.html index f9ee6f813d..cbab38e2f9 100644 --- a/files/ja/learn/javascript/building_blocks/looping_code/index.html +++ b/files/ja/learn/javascript/building_blocks/looping_code/index.html @@ -27,7 +27,7 @@ translation_of: Learn/JavaScript/Building_blocks/Looping_code <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターの知識および HTML と CSS への理解、<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>。</td> + <td>基本的なコンピューターの知識および HTML と CSS への理解、<a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/javascript/building_blocks/return_values/index.html b/files/ja/learn/javascript/building_blocks/return_values/index.html index b8d15d4144..ccc22498de 100644 --- a/files/ja/learn/javascript/building_blocks/return_values/index.html +++ b/files/ja/learn/javascript/building_blocks/return_values/index.html @@ -182,7 +182,7 @@ function factorial(num) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions">関数</a> — より高度な関数に関連した情報を網羅した詳細なガイド。</li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Functions">関数</a> — より高度な関数に関連した情報を網羅した詳細なガイド。</li> <li><a href="https://www.impressivewebs.com/callback-functions-javascript/">Callback functions in JavaScript</a> — 一般的なJavaScriptのパターンは、ある関数を別の関数に<em>引数として</em>渡すことです。それは受け取った関数の中で呼び出されます。これについては、このコースの範疇を少し超えていますが、すぐにでも勉強する価値はあります。</li> </ul> diff --git a/files/ja/learn/javascript/client-side_web_apis/fetching_data/index.html b/files/ja/learn/javascript/client-side_web_apis/fetching_data/index.html index 44f7c8b035..7a47966ea1 100644 --- a/files/ja/learn/javascript/client-side_web_apis/fetching_data/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/fetching_data/index.html @@ -48,9 +48,9 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Fetching_data <h3 id="Ajax_の登場">Ajax の登場</h3> -<p>上述の問題を解決すべく、Web ページから細かいデータ (<a href="/docs/Web/HTML">HTML</a>、{{glossary("XML")}}、<a href="/docs/Learn/JavaScript/Objects/JSON">JSON</a> やプレーンテキストのような) をリクエストし、それを必要な時だけ表示するという技術の誕生へと繋がりました。</p> +<p>上述の問題を解決すべく、Web ページから細かいデータ (<a href="/ja/docs/Web/HTML">HTML</a>、{{glossary("XML")}}、<a href="/ja/docs/Learn/JavaScript/Objects/JSON">JSON</a> やプレーンテキストのような) をリクエストし、それを必要な時だけ表示するという技術の誕生へと繋がりました。</p> -<p>これは {{domxref("XMLHttpRequest")}} や、最近では <a href="/docs/Web/API/Fetch_API">Fetch API</a> の利用によって実現されます。これらの技術は、Web ページがサーバにある特定のリソースを直接 <a href="/docs/Web/HTTP">HTTP</a> リクエストし、必要があれば結果のデータを表示する前に整形する事を可能にしました。</p> +<p>これは {{domxref("XMLHttpRequest")}} や、最近では <a href="/ja/docs/Web/API/Fetch_API">Fetch API</a> の利用によって実現されます。これらの技術は、Web ページがサーバにある特定のリソースを直接 <a href="/ja/docs/Web/HTTP">HTTP</a> リクエストし、必要があれば結果のデータを表示する前に整形する事を可能にしました。</p> <div class="note"> <p><strong>注記</strong>: これらのテクニック一般はかつて Ajax (Asynchronous JavaScript and XML)と呼ばれていましたが、これは {{domxref("XMLHttpRequest")}} を使って XML データを要求するものが多かったためです。今日ではそういうものばかりではありませんが (<code>XMLHttpRequest</code> や Fetch を使って JSON を要求する場合の方が多いでしょう)、結果としては同じであり、"Ajax" という用語はしばしば今でもこのテクニックを説明するのに使われます。</p> @@ -78,7 +78,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Fetching_data <h2 id="基本的な_Ajax_リクエスト">基本的な Ajax リクエスト</h2> -<p>{{domxref("XMLHttpRequest")}} と <a href="/docs/Web/API/Fetch_API">Fetch</a> それぞれを使って、そのようなリクエストをどうやるのか見ていきましょう。それらの例では、いくつかの異なるテキストファイルから取り出したデータをリクエストし、コンテンツ領域に埋め込みます。</p> +<p>{{domxref("XMLHttpRequest")}} と <a href="/ja/docs/Web/API/Fetch_API">Fetch</a> それぞれを使って、そのようなリクエストをどうやるのか見ていきましょう。それらの例では、いくつかの異なるテキストファイルから取り出したデータをリクエストし、コンテンツ領域に埋め込みます。</p> <p>この一連のファイルは疑似データベースとして働きます。実際のアプリケーションでは、PHP や Python、Node のようなサーバサイド言語を使ってデータベースから取り出したデータをリクエストする場合が多いでしょう。ですがここでは簡単にしておき、クライアント側のパートに集中します。</p> @@ -156,9 +156,9 @@ verseChoose.value = 'Verse 1';</pre> <h3 id="サーバからあなたの例題を送らせる">サーバからあなたの例題を送らせる</h3> -<p>今時のブラウザ (Chrome も含まれます) は、ローカルファイルとして例題を実行しても XHR リクエストを行ないません。これはセキュリティの制限によるものです (Web のセキュリティにより詳しくは <a href="/docs/Learn/Server-side/First_steps/Website_security">Webサイトのセキュリティ</a>を読んで下さい)。</p> +<p>今時のブラウザ (Chrome も含まれます) は、ローカルファイルとして例題を実行しても XHR リクエストを行ないません。これはセキュリティの制限によるものです (Web のセキュリティにより詳しくは <a href="/ja/docs/Learn/Server-side/First_steps/Website_security">Webサイトのセキュリティ</a>を読んで下さい)。</p> -<p>これをどうにかするため、例題をローカルの Web サーバを使って実行しなければなりません。どうやるのかは、 <a href="/docs/Learn/Common_questions/set_up_a_local_testing_server">テスト用のローカルサーバを設定するにはどうすればいい?</a> を読んで下さい。</p> +<p>これをどうにかするため、例題をローカルの Web サーバを使って実行しなければなりません。どうやるのかは、 <a href="/ja/docs/Learn/Common_questions/set_up_a_local_testing_server">テスト用のローカルサーバを設定するにはどうすればいい?</a> を読んで下さい。</p> <h3 id="Fetch">Fetch</h3> @@ -251,7 +251,7 @@ myFetch.then(function(response) { }); }</pre> -<p>レスポンスオブジェクトには {{domxref("Body.text","text()")}} メソッドがあって、これはレスポンスボディにある生データを受けて、プレインテキスト(これが私たちの必要とする形式です)、に変換します。このメソッドもプロミス(これは結果となるテキスト文字列で解決します)を返すので、ここでまた別の {{jsxref("Promise.then",".then()")}} を使い、この内部で、テキスト文字列を使って私たちがやりたい事を行うための別の関数を定義します。私たちがやるのは、ただ詩用の {{htmlelement("pre")}} 要素の <code><a href="/docs/Web/API/Node/textContent">textContent</a></code> プロパティをテキスト文字列と同じに設定だけなので、これはとても単純です。</p> +<p>レスポンスオブジェクトには {{domxref("Body.text","text()")}} メソッドがあって、これはレスポンスボディにある生データを受けて、プレインテキスト(これが私たちの必要とする形式です)、に変換します。このメソッドもプロミス(これは結果となるテキスト文字列で解決します)を返すので、ここでまた別の {{jsxref("Promise.then",".then()")}} を使い、この内部で、テキスト文字列を使って私たちがやりたい事を行うための別の関数を定義します。私たちがやるのは、ただ詩用の {{htmlelement("pre")}} 要素の <code><a href="/ja/docs/Web/API/Node/textContent">textContent</a></code> プロパティをテキスト文字列と同じに設定だけなので、これはとても単純です。</p> <p>これも覚えておく価値があります、それぞれのブロックの結果を次のブロックに渡していくように、直接複数のプロミスブロック(<code>.then()</code>ブロック以外の種類もあります)を次から次へと連鎖する事ができます、あたかも鎖を下にたどっていくように。このおかげで、プロミスはとても強力なのです。</p> @@ -263,7 +263,7 @@ myFetch.then(function(response) { poemDisplay.textContent = text; });</pre> -<p>多くの開発者はこの書き方の方が好きです、なぜなら平らで、間違いなく長大なプロミス連鎖も読みやすいからです — それぞれのプロミスが、前のやつの内側に来る(これは扱いづらくなる場合があります)のではなく、前のやつから順々に続いています。違うのは <code><a href="/docs/Learn/JavaScript/Building_blocks/Return_values">return</a></code> 文を response.text() の前に書いて、それが出した結果を次の鎖に渡すようにしなければならないところだけです。</p> +<p>多くの開発者はこの書き方の方が好きです、なぜなら平らで、間違いなく長大なプロミス連鎖も読みやすいからです — それぞれのプロミスが、前のやつの内側に来る(これは扱いづらくなる場合があります)のではなく、前のやつから順々に続いています。違うのは <code><a href="/ja/docs/Learn/JavaScript/Building_blocks/Return_values">return</a></code> 文を response.text() の前に書いて、それが出した結果を次の鎖に渡すようにしなければならないところだけです。</p> <h3 id="どっちの機構を使うべき">どっちの機構を使うべき?</h3> diff --git a/files/ja/learn/javascript/client-side_web_apis/index.html b/files/ja/learn/javascript/client-side_web_apis/index.html index 0675ea4da0..2335c02956 100644 --- a/files/ja/learn/javascript/client-side_web_apis/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/index.html @@ -23,9 +23,9 @@ translation_of: Learn/JavaScript/Client-side_web_APIs <h2 id="前提条件">前提条件</h2> -<p>このモジュールをよく理解するためには、ここまでの一連のJavaScriptに関するモジュール (<a href="/en-US/docs/Learn/JavaScript/First_steps">First steps</a>, <a href="/en-US/docs/Learn/JavaScript/Building_blocks">Building blocks</a> と <a href="/en-US/docs/Learn/JavaScript/Objects">JavaScript objects</a>) の学習をすませているべきです。これらのモジュールでは大抵簡単な API を使っていますが、その助けなしにクライアント側の JavaScript を書き上げるのは難しいからです。このチュートリアルの中では、JavaScript 言語のコア部分については十分理解しているものとして、よく使われる Web API についてもう少し詳しく探っていきます。</p> +<p>このモジュールをよく理解するためには、ここまでの一連のJavaScriptに関するモジュール (<a href="/ja/docs/Learn/JavaScript/First_steps">First steps</a>, <a href="/ja/docs/Learn/JavaScript/Building_blocks">Building blocks</a> と <a href="/ja/docs/Learn/JavaScript/Objects">JavaScript objects</a>) の学習をすませているべきです。これらのモジュールでは大抵簡単な API を使っていますが、その助けなしにクライアント側の JavaScript を書き上げるのは難しいからです。このチュートリアルの中では、JavaScript 言語のコア部分については十分理解しているものとして、よく使われる Web API についてもう少し詳しく探っていきます。</p> -<p><a href="/en-US/docs/Learn/HTML">HTML</a> と <a href="/en-US/docs/Learn/CSS">CSS</a> に関する基礎知識も役に立つでしょう。</p> +<p><a href="/ja/docs/Learn/HTML">HTML</a> と <a href="/ja/docs/Learn/CSS">CSS</a> に関する基礎知識も役に立つでしょう。</p> <div class="note"> <p><strong>注記</strong>: もし自分のファイルを作成できないようなデバイス上で作業しているなら、大半のコード例を <a href="http://jsbin.com/">JSBin</a> や <a href="https://thimble.mozilla.org/">Thimble</a> のようなオンラインプログラム作成・実行環境で試してみることもできます。</p> @@ -43,7 +43,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs <dt><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs">サードパーティ API</a></dt> <dd>これまでに説明したAPIはブラウザに組込まれていますが、全てのAPIが組込まれているのではありません。グーグルマップやTwitter、Facebook、ペイパルなど、多くの巨大なWebサイトやサービスが、開発者に対して彼らのデータを利用したり(例:あなたのブログにtwitterのタイムラインを表示させる)、サービスを利用したり(例:あなたのサイトに独自のグーグルマップを表示したり、あなたのサービス利用者にFacebookでログインできたり)するためのAPIを提供しています。この記事ではブラウザAPIとサードパーティAPIの違いを見ていき、典型的な後者の使い方をお見せします。</dd> <dt><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">絵を描く</a></dt> - <dd>ブラウザにはグラフィックを描くためのとても強力なツールがいくつか組込まれています。<a href="/docs/Web/SVG">SVG</a>(Scalable Vector Graphics)言語から、HTMLの{{htmlelement("canvas")}}キャンバス要素に描画するためのAPIまで (<a href="/docs/Web/API/Canvas_API">キャンバスAPI</a> や <a href="/docs/Web/API/WebGL_API">WebGL</a>を参照)。 この記事ではキャンバスAPIへの導入を説明し、もっと深く学習していくためのリソースをご紹介します。</dd> + <dd>ブラウザにはグラフィックを描くためのとても強力なツールがいくつか組込まれています。<a href="/ja/docs/Web/SVG">SVG</a>(Scalable Vector Graphics)言語から、HTMLの{{htmlelement("canvas")}}キャンバス要素に描画するためのAPIまで (<a href="/ja/docs/Web/API/Canvas_API">キャンバスAPI</a> や <a href="/ja/docs/Web/API/WebGL_API">WebGL</a>を参照)。 この記事ではキャンバスAPIへの導入を説明し、もっと深く学習していくためのリソースをご紹介します。</dd> <dt><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs">動画と音声の API</a></dt> <dd>HTML5には文書にリッチなメディアを埋め込むための要素が備わっています — {{htmlelement("video")}} と {{htmlelement("audio")}} — それぞれに再生やシークなどの操作するための独自APIを備えています。この記事では独自の再生操作パネルを作成するような、よくある仕事をどうやればいいのかお見せします。</dd> <dt><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">クライアント側でのデータ保存</a></dt> diff --git a/files/ja/learn/javascript/client-side_web_apis/introduction/index.html b/files/ja/learn/javascript/client-side_web_apis/introduction/index.html index f685066a4d..51db397a58 100644 --- a/files/ja/learn/javascript/client-side_web_apis/introduction/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/introduction/index.html @@ -24,7 +24,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Introduction <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターの知識および利用能力、<a href="/en-US/docs/Learn/HTML">HTML</a> と <a href="/en-US/docs/Learn/CSS">CSS</a> の基本的な理解、JavaScript の基本 (<a href="/ja/docs/Learn/JavaScript/First_steps">第一歩</a>、<a href="/ja/docs/Learn/JavaScript/Building_blocks">構成要素</a>, <a href="/ja/docs/Learn/JavaScript/Objects">JavaScriptオブジェクト</a>).</td> + <td>基本的なコンピューターの知識および利用能力、<a href="/ja/docs/Learn/HTML">HTML</a> と <a href="/ja/docs/Learn/CSS">CSS</a> の基本的な理解、JavaScript の基本 (<a href="/ja/docs/Learn/JavaScript/First_steps">第一歩</a>、<a href="/ja/docs/Learn/JavaScript/Building_blocks">構成要素</a>, <a href="/ja/docs/Learn/JavaScript/Objects">JavaScriptオブジェクト</a>).</td> </tr> <tr> <th scope="row">目的:</th> @@ -54,7 +54,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Introduction <p>クライアントサイド API では、実際非常にたくさんのAPIが使えます — それらは JavaScript 言語本体の一部ではなく、あなたにスーパーパワーを与えるべく JavaScript 言語のコアの上に築かれた代物です。それらはおおよそ二つのカテゴリに分けられます:</p> <ul> - <li><strong>ブラウザー API</strong> は Web ブラウザーに組込まれていて、ブラウザーやコンピューターの環境の情報を取得し、これを使って役に立つややこしい事を行えるようにするものです。 例えば <a href="/en-US/docs/Web/API/Geolocation_API">Geolocation API</a> は位置情報を取得するための簡単な JavaScript 構造を提供するので、例えばグーグルマップにあなたの居場所を表示するような事ができます。裏で実際にはブラウザーは低レベル (例えば C++) の複雑なコードをいくつか使ってデバイスの GPS 機器 (あるいは位置情報を得られる他のなんだか) と通信し、位置情報を取得し、コードから利用できるようにブラウザー環境に情報を戻しています。ですがここでもこの複雑な事柄は API で抽象化され隠蔽されます。</li> + <li><strong>ブラウザー API</strong> は Web ブラウザーに組込まれていて、ブラウザーやコンピューターの環境の情報を取得し、これを使って役に立つややこしい事を行えるようにするものです。 例えば <a href="/ja/docs/Web/API/Geolocation_API">Geolocation API</a> は位置情報を取得するための簡単な JavaScript 構造を提供するので、例えばグーグルマップにあなたの居場所を表示するような事ができます。裏で実際にはブラウザーは低レベル (例えば C++) の複雑なコードをいくつか使ってデバイスの GPS 機器 (あるいは位置情報を得られる他のなんだか) と通信し、位置情報を取得し、コードから利用できるようにブラウザー環境に情報を戻しています。ですがここでもこの複雑な事柄は API で抽象化され隠蔽されます。</li> <li><strong>サードパーティ API</strong> はデフォルトではブラウザーに組込まれておらず、普通はコードと情報を Web のどこから読み込まねばなりません。例えば <a href="https://dev.twitter.com/overview/documentation">Twitter API</a> を使えばあなたの Web サイトにあなたの最新のツイートを表示するような事が可能になります。Twitter API は、Twitter サービスに特定の情報を要求したりするのに使える特別な構造のかたまりを提供します。</li> </ul> @@ -71,10 +71,10 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Introduction <p>ここまででクライアントサイド API とは何か、JavaScript 言語とどう関係しているのかお話しました。もっとはっきりさせるために一度おさらいして、ついでに他の JavaScript ツールがどう関係してくるのかもお話しましょう:</p> <ul> - <li>JavaScript — ブラウザーに組込まれた高レベルスクリプト言語で、Web ページやアプリに機能を実装するのに使えます。<a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction">Node</a> のようなブラウザー以外の他のプログラミング環境でも使えるのは覚えておいて下さい。</li> + <li>JavaScript — ブラウザーに組込まれた高レベルスクリプト言語で、Web ページやアプリに機能を実装するのに使えます。<a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Node</a> のようなブラウザー以外の他のプログラミング環境でも使えるのは覚えておいて下さい。</li> <li>ブラウザー API — ブラウザーに組込みの JavaScript 言語の上にある構造で、何かの機能をもっと簡単に実装できるようにします。</li> <li>サードパーティ API — サードパーティのプラットフォーム (Twitter や Facebook) 上に作られた構造で、それらのプラットフォームの機能を Web ページで利用できるようにします (例えばあなたの最新のツイートをあなたの Web ページに表示する)。</li> - <li>JavaScript ライブラリ — 多くは、<a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions#custom_functions">独自の関数</a> を含んだ一つか複数の JavaScript ファイルで、Web ページにくっつけることでスピードアップしたり共通の機能を書いたりできるものです。例えば、jQuery、Mootools や React がなどが含まれます。</li> + <li>JavaScript ライブラリ — 多くは、<a href="/ja/docs/Learn/JavaScript/Building_blocks/Functions#custom_functions">独自の関数</a> を含んだ一つか複数の JavaScript ファイルで、Web ページにくっつけることでスピードアップしたり共通の機能を書いたりできるものです。例えば、jQuery、Mootools や React がなどが含まれます。</li> <li>JavaScript フレームワーク — ライブラリの一階層上にあたり、JavaScript フレームワーク (例えば Angular や Ember) は HTML や CSS に JavaScript、インストールして一から Web アプリケーションを作成するのに使えるその他もろもろの技術がパッケージ化されている場合が多いです。ライブラリとフレームワークの大きな相違点は、「制御の逆転 (Inversion of Control)」にあります。ライブラリのメソッドを呼ぶ時には、開発者がコントロールしています。フレームワークでは、コントロールが逆転します: フレームワークから開発者のコードが呼ばれるのです。</li> </ul> @@ -88,9 +88,9 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Introduction <ul> <li>ブラウザーで読み込んだ<strong>文書を操作するための API</strong>。一番目にする例は <a href="/ja/docs/Web/API/Document_Object_Model">DOM (Document Object Model) API</a> で、 HTML と CSS を操作できます — HTML を作成したり削除したり書き換えたり、動的に新しいスタイルをページに適用したり、などなど。例えばページにポップアップウィンドウが表われたり、何か新しい中身が表示されたりする時、DOM が使われています。この種の API については<a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents#the_document_object_model">ドキュメントの操作</a>でもっといろいろ見られます。</li> - <li><strong>サーバからデータ取得をする API</strong> で Web ページの一部を書き換える事はとてもよく行なわれます。この一見ちょっとした事が、サイトのパフォーマンスや振舞いに巨大なインパクトを与えました — 在庫一覧や新しいお話一覧を書き換えたい時に、サーバからページ全体をリロードする事なしにさくっとできたら、サイトやアプリはずっと反応よく素早く感じられます。これを可能にした API には <a href="/en-US/docs/Web/API/XMLHttpRequest" title="XMLHttpRequest is an API that provides client functionality for transferring data between a client and a server. It provides an easy way to retrieve data from a URL without having to do a full page refresh. This enables a Web page to update just a part of the page without disrupting what the user is doing."><code>XMLHttpRequest</code></a> と <a href="/en-US/docs/Web/API/Fetch_API">Fetch API</a> が含まれています。<strong>Ajax</strong> という言葉を聞いた事があるかもしれませんが、これがこのテクニックの呼び名です。これらの API について <a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a>でもっといろいろ見られます。</li> + <li><strong>サーバからデータ取得をする API</strong> で Web ページの一部を書き換える事はとてもよく行なわれます。この一見ちょっとした事が、サイトのパフォーマンスや振舞いに巨大なインパクトを与えました — 在庫一覧や新しいお話一覧を書き換えたい時に、サーバからページ全体をリロードする事なしにさくっとできたら、サイトやアプリはずっと反応よく素早く感じられます。これを可能にした API には <a href="/ja/docs/Web/API/XMLHttpRequest" title="XMLHttpRequest is an API that provides client functionality for transferring data between a client and a server. It provides an easy way to retrieve data from a URL without having to do a full page refresh. This enables a Web page to update just a part of the page without disrupting what the user is doing."><code>XMLHttpRequest</code></a> と <a href="/ja/docs/Web/API/Fetch_API">Fetch API</a> が含まれています。<strong>Ajax</strong> という言葉を聞いた事があるかもしれませんが、これがこのテクニックの呼び名です。これらの API について <a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a>でもっといろいろ見られます。</li> <li><strong>グラフィックスを描画したり操作する API</strong> は多くのブラウザーがサポートしています — 最も知られているものには<a href="/ja/docs/Web/API/Canvas_API"> Canvas</a> と <a href="/ja/docs/Web/API/WebGL_API">WebGL</a> があり、HTML の{{htmlelement("canvas")}} 要素上にあるピクセルデータを書き換えて2次元や3次元のシーンを作成するのに使えます。例えばキャンバスAPIを使って長方形や円のような形を描いたり、キャンバスに画像を読み込んだり、セピアやグレイスケールといったフィルターを適用したり、あるいは WebGL を使ってライティングやテクスチャを使った3Dシーンを作成したりできます。これらの API はよくアニメーションループを作成するAPI({{domxref("window.requestAnimationFrame()")}} など)や他のものと組み合わせて使われ、アニメやゲームのようなものの表示を定期的に書き換えるようにします。</li> - <li><strong><a href="/en-US/docs/Web/Guide/Audio_and_video_delivery">動画と音声の API</a></strong> {{domxref("HTMLMediaElement")}}や <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> や <a href="/ja/docs/Web/API/WebRTC_API">WebRTC</a> のような API を使うと、 マルチメディアを使ってとても面白い事ができます。音声や動画再生のための独自のコントロールUIの作成、字幕やサブタイトルのような音声トラックをビデオと一緒に表示したり、Web カメラの画像を取り込んで操作し、上述のキャンバスに表示したり Web カンファレンスに参加している他の誰かのコンピューター上に表示したり、音声トラックにイフェクト(ゲイン、ディストーション、音場効果など)をかけたりできます。</li> + <li><strong><a href="/ja/docs/Web/Guide/Audio_and_video_delivery">動画と音声の API</a></strong> {{domxref("HTMLMediaElement")}}や <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> や <a href="/ja/docs/Web/API/WebRTC_API">WebRTC</a> のような API を使うと、 マルチメディアを使ってとても面白い事ができます。音声や動画再生のための独自のコントロールUIの作成、字幕やサブタイトルのような音声トラックをビデオと一緒に表示したり、Web カメラの画像を取り込んで操作し、上述のキャンバスに表示したり Web カンファレンスに参加している他の誰かのコンピューター上に表示したり、音声トラックにイフェクト(ゲイン、ディストーション、音場効果など)をかけたりできます。</li> <li><strong>デバイス API</strong> は基本的に Web アプリで使えるような形で、今時のハードウェアデバイスのデータを操作したり取得する API です。デバイスの位置データにアクセスして地図上にあなたの居場所を書くような位置情報 API についてはすでにお話しました。他の例にはシステム通知を使って Web アプリに役に立つアップデートがあるのを知らせたり(<a href="/ja/docs/Web/API/Notifications_API">Notifications API</a> を参照)、ハードウェアを振動させたり(<a href="/ja/docs/Web/API/Vibration_API">Vibration API</a> を参照)などがあります。</li> <li><strong>クライアント側でのデータ保持 API </strong>は今多くのブラウザーに普及しつつあります。— クライアント側にデータを保存できると、ページを移動しても状態を保存したり、たとえデバイスがオフラインでも動作するようなアプリを作成したいような場合、とても役に立ちます。いくつもの選択肢があり、例えば <a href="/ja/docs/Web/API/Web_Storage_API">Web Storage API</a> を使ったキーバリューストアや、 <a href="/ja/docs/Web/API/IndexedDB_API">IndexedDB API</a> を使ったもっと複雑なテーブル型データ保存などです。</li> </ul> @@ -242,7 +242,7 @@ const ctx = canvas.getContext('2d');</pre> <p class="simple-translate-result" style="color: rgb(0, 0, 0);">上記の Web Audio API の例では、すでにいくつかのイベントハンドラーが使用されています。</p> -<p>別の例として、<code><a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> オブジェクトのインスタンス (一つ一つがサーバから何らかの新しいリソースを取得しようとするHTTPリクエストを表わします) にはとてもたくさんのイベントが付随しており、たとえば <code>load</code> イベントは発火したリソースに対する正常なレスポンスが返ってきて、それが使えるようになった時点で発火します。</p> +<p>別の例として、<code><a href="/ja/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code> オブジェクトのインスタンス (一つ一つがサーバから何らかの新しいリソースを取得しようとするHTTPリクエストを表わします) にはとてもたくさんのイベントが付随しており、たとえば <code>load</code> イベントは発火したリソースに対する正常なレスポンスが返ってきて、それが使えるようになった時点で発火します。</p> <p>次のコードはこれをどう使うのか示す簡単な例です:</p> @@ -274,7 +274,7 @@ request.onload = function() { <p><img alt="" src="notification-permission.png" style="border-style: solid; border-width: 1px; display: block; margin: 0px auto;"></p> -<p>Web Audio および {{domxref("HTMLMediaElement")}} API には、<a href="/en-US/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy">自動再生 (autoplay) ポリシー</a> と呼ばれるセキュリティ機構が適用されます。これは、基本的に、ページの読み込み時に音声を自動的に再生できないことを意味します。ユーザーに次のことを許可する必要があります。ボタンのようなコントロールを介して音声再生を開始します。これは、音声の自動再生は通常非常に煩わしいものであり、ユーザーにそれを課すべきではないためです。</p> +<p>Web Audio および {{domxref("HTMLMediaElement")}} API には、<a href="/ja/docs/Web/API/Web_Audio_API/Best_practices#autoplay_policy">自動再生 (autoplay) ポリシー</a> と呼ばれるセキュリティ機構が適用されます。これは、基本的に、ページの読み込み時に音声を自動的に再生できないことを意味します。ユーザーに次のことを許可する必要があります。ボタンのようなコントロールを介して音声再生を開始します。これは、音声の自動再生は通常非常に煩わしいものであり、ユーザーにそれを課すべきではないためです。</p> <div class="blockIndicator note"> <p><strong>注記</strong>: ブラウザーの厳格さによっては、このようなセキュリティ機構により、例がローカルで機能しなくなる場合があります。つまり、ローカルの例のファイルをウェブサーバーから実行するのではなく、ブラウザーに読み込んだ場合です。執筆時点では、Web Audio API の例はローカルでは Google Chrome で動作しません。動作する前に、GitHub にアップロードする必要がありました。</p> @@ -289,7 +289,7 @@ request.onload = function() { <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">Web API の紹介</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">Web API の紹介</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents">ドキュメントの操作</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs">サードパーティ API</a></li> diff --git a/files/ja/learn/javascript/client-side_web_apis/manipulating_documents/index.html b/files/ja/learn/javascript/client-side_web_apis/manipulating_documents/index.html index b0c69f9d62..cc24830ba5 100644 --- a/files/ja/learn/javascript/client-side_web_apis/manipulating_documents/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/manipulating_documents/index.html @@ -44,7 +44,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents <p><img alt="" src="https://mdn.mozillademos.org/files/14557/document-window-navigator.png" style="display: block; margin: 0 auto;"></p> <ul> - <li>ウィンドウはウェブページが読み込まれる部分の回りのブラウザーの枠です。これは JavaScript では {{domxref("Window")}} オブジェクトで表わされます。このオブジェクトに備わるメソッドを使って、ウィンドウの大きさを調べたり ({{domxref("Window.innerWidth")}} と {{domxref("Window.innerHeight")}} を参照)、ウィンドウに読み込まれる文書を操作したり、その文書に関係するデータをクライアント側(例えばローカルデータベースや他のデータ保存機構)で保存したり、現在のウィンドウに対して<a href="/docs/Learn/JavaScript/Building_blocks/Events#A_series_of_fortunate_events">イベントハンドラー</a> を追加したり、などできます。</li> + <li>ウィンドウはウェブページが読み込まれる部分の回りのブラウザーの枠です。これは JavaScript では {{domxref("Window")}} オブジェクトで表わされます。このオブジェクトに備わるメソッドを使って、ウィンドウの大きさを調べたり ({{domxref("Window.innerWidth")}} と {{domxref("Window.innerHeight")}} を参照)、ウィンドウに読み込まれる文書を操作したり、その文書に関係するデータをクライアント側(例えばローカルデータベースや他のデータ保存機構)で保存したり、現在のウィンドウに対して<a href="/ja/docs/Learn/JavaScript/Building_blocks/Events#A_series_of_fortunate_events">イベントハンドラー</a> を追加したり、などできます。</li> <li>ナビゲータはブラウザーの状態やウェブで使われているようなブラウザーの身元(つまりユーザーエージェント)を表わします。JavaScript では {{domxref("Navigator")}} オブジェクトで表わされます。このオブジェクトを使って、位置情報、ユーザが好む言語、ユーザのウェブカムからの録画データ、などを取得できます。</li> <li>ドキュメント(ブラウザーでは DOM として表現されます)はウィンドウに実際に読み込まれているページのことで、JavaScript では {{domxref("Document")}} オブジェクトで表わされます。このオブジェクトを使って文書を構成する HTML と CSS 上の情報を調べたり操作したりできて、例えば DOM の中のある要素に対する参照を得たり、その中身のテキストを変更したり、新しいスタイルを適用したり、新しい要素を作成して現在の要素の子に追加したり、一緒くたに削除したりできます。</li> </ul> @@ -112,7 +112,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Manipulating_documents </ol> <div> -<p>JavaScript あるあるですが、要素を選んで変数に保存する方法にはいろんなやり方があることを頭に入れておいて下さい。{{domxref("Document.querySelector()")}} を使うのが推奨される今風のやり方ですが、これは CSS セレクタと同じ方法で要素を選別できるからです。上記の <code>querySelector()</code> 呼び出しでは文書に現われる最初の {{htmlelement("a")}} がマッチします。もし複数の要素を選択し処理したいのであれば {{domxref("Document.querySelectorAll()")}} を使うことができて、これはセレクタとマッチする全ての要素にマッチし、それらへの参照を {{domxref("NodeList")}} と呼ばれる<a href="/docs/Learn/JavaScript/First_steps/Arrays">配列</a>のようなオブジェクトに保存します。</p> +<p>JavaScript あるあるですが、要素を選んで変数に保存する方法にはいろんなやり方があることを頭に入れておいて下さい。{{domxref("Document.querySelector()")}} を使うのが推奨される今風のやり方ですが、これは CSS セレクタと同じ方法で要素を選別できるからです。上記の <code>querySelector()</code> 呼び出しでは文書に現われる最初の {{htmlelement("a")}} がマッチします。もし複数の要素を選択し処理したいのであれば {{domxref("Document.querySelectorAll()")}} を使うことができて、これはセレクタとマッチする全ての要素にマッチし、それらへの参照を {{domxref("NodeList")}} と呼ばれる<a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a>のようなオブジェクトに保存します。</p> <p>要素への参照を得るための、次のような古いやり方もあります:</p> @@ -190,7 +190,7 @@ para.style.padding = '10px'; para.style.width = '250px'; para.style.textAlign = 'center';</pre> </li> - <li>ページをリロードすると指定のパラグラフにスタイルが適用されているはずです。ブラウザーの <a href="/docs/Tools/Page_Inspector">Page Inspector や DOM inspector</a> からパラグラフを見ると、言うまでもなく上の行がドキュメントのインラインスタイルに追加されているはずです: + <li>ページをリロードすると指定のパラグラフにスタイルが適用されているはずです。ブラウザーの <a href="/ja/docs/Tools/Page_Inspector">Page Inspector や DOM inspector</a> からパラグラフを見ると、言うまでもなく上の行がドキュメントのインラインスタイルに追加されているはずです: <pre class="brush: html notranslate"><p style="color: white; background-color: black; padding: 10px; width: 250px; text-align: center;">We hope you enjoyed the ride.</p></pre> </li> </ol> @@ -282,15 +282,15 @@ div.style.height = winHeight + 'px';</pre> <ol> <li>まず私たちが用意した <a href="https://github.com/mdn/learning-area/blob/master/javascript/apis/document-manipulation/shopping-list.html">shopping-list.html</a> 初期ファイルをダウンロードしてローカルコピーをどこかに作成します。最小限の CSS、ラベルのついたリスト、inputとボタン、空のリストと {{htmlelement("script")}} 要素が書いてあるはずです。この先書き足していくものは全部 script の中に書きます。</li> <li>({{htmlelement("ul")}}) と {{htmlelement("input")}} と {{htmlelement("button")}} 要素への参照を保持する3つの変数を作成します。</li> - <li>ボタンがクリックされた時の応答として走らせる <a href="/docs/Learn/JavaScript/Building_blocks/Functions">関数</a> を作成します。</li> - <li>関数本体は、input 要素の現在の <a href="/docs/Web/API/HTMLInputElement#Properties">値</a>を変数に保存するところから始めます。</li> + <li>ボタンがクリックされた時の応答として走らせる <a href="/ja/docs/Learn/JavaScript/Building_blocks/Functions">関数</a> を作成します。</li> + <li>関数本体は、input 要素の現在の <a href="/ja/docs/Web/API/HTMLInputElement#Properties">値</a>を変数に保存するところから始めます。</li> <li>次に、input 要素の値に空文字列(<code>''</code>)を代入して、input 要素を空にします。</li> <li>3つの要素を作成します — リスト項目({{htmlelement('li')}}) と {{htmlelement('span')}} と {{htmlelement('button')}} で、これらを変数に保存します。</li> <li>span と button をリスト項目 li の子に追加します。</li> <li>spanのテキストコンテントに、先程保存した input 要素の値を代入し、ボタンのテキストコンテントを「削除」にします。</li> <li>できたリスト項目をリストの子に追加します。</li> <li>削除ボタンにイベントハンドラーを追加して、クリックされたらボタンが含まれているリスト項目全体を削除するようにします。</li> - <li>最後に、<code><a href="/docs/Web/API/HTMLElement/focus">focus()</a></code>メソッドを使って input 要素にフォーカスし、次の買い物リスト商品をすぐに入力できるようにします。</li> + <li>最後に、<code><a href="/ja/docs/Web/API/HTMLElement/focus">focus()</a></code>メソッドを使って input 要素にフォーカスし、次の買い物リスト商品をすぐに入力できるようにします。</li> </ol> <div class="note"> @@ -312,7 +312,7 @@ div.style.height = winHeight + 'px';</pre> <li>{{domxref("HTMLElement")}}, {{domxref("HTMLInputElement")}}, {{domxref("HTMLImageElement")}}, etc.</li> </ul> -<p>(私共の <a href="https://developer.mozilla.org/docs/Web/API">Web API index</a> から、MDNにあるウェブAPIに関する全ドキュメント一覧も見て下さい!)</p> +<p>(私共の <a href="/ja/docs/Web/API">Web API index</a> から、MDNにあるウェブAPIに関する全ドキュメント一覧も見て下さい!)</p> <div>{{PreviousMenuNext("Learn/JavaScript/Client-side_web_APIs/Introduction", "Learn/JavaScript/Client-side_web_APIs/Fetching_data", "Learn/JavaScript/Client-side_web_APIs")}}</div> @@ -320,13 +320,13 @@ div.style.height = winHeight + 'px';</pre> <h2 id="このモジュール内の文書">このモジュール内の文書</h2> <ul> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">ウェブAPIの紹介</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents">ドキュメントの操作</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs">サードパーティAPI</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">絵を描く</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs">動画と音声のAPI</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">クライアント側でのデータ保持</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">ウェブAPIの紹介</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents">ドキュメントの操作</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs">サードパーティAPI</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">絵を描く</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs">動画と音声のAPI</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">クライアント側でのデータ保持</a></li> </ul> </div> diff --git a/files/ja/learn/javascript/client-side_web_apis/third_party_apis/index.html b/files/ja/learn/javascript/client-side_web_apis/third_party_apis/index.html index f1573f8af8..c5451b0186 100644 --- a/files/ja/learn/javascript/client-side_web_apis/third_party_apis/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/third_party_apis/index.html @@ -262,7 +262,7 @@ function fetchResults(e) { </div> <div class="note"> -<p><strong>Note</strong>: この例では初歩的なフォームデータの検証を行っています — 検索語フィールドは、フォームを送信する前に入力しなければなりません (<code>required</code> 属性を使用して達成されます)。日付フィールドには <code>pattern</code> 属性が指定されており、値が 8 個の数字 (<code>pattern="[0-9]{8}"</code>) で構成されていないと送信されません。これらがどのように機能するかについての詳細は <a href="/ja/en-US/docs/Learn/HTML/Forms/Form_validation">Form data validation</a> を参照してください。</p> +<p><strong>Note</strong>: この例では初歩的なフォームデータの検証を行っています — 検索語フィールドは、フォームを送信する前に入力しなければなりません (<code>required</code> 属性を使用して達成されます)。日付フィールドには <code>pattern</code> 属性が指定されており、値が 8 個の数字 (<code>pattern="[0-9]{8}"</code>) で構成されていないと送信されません。これらがどのように機能するかについての詳細は <a href="/ja/docs/Learn/HTML/Forms/Form_validation">Form data validation</a> を参照してください。</p> </div> <h3 id="API_からデータを要求する">API からデータを要求する</h3> diff --git a/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.html b/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.html index 09e6e27ca7..bcc0c856c3 100644 --- a/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.html +++ b/files/ja/learn/javascript/client-side_web_apis/video_and_audio_apis/index.html @@ -23,7 +23,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs <tbody> <tr> <th scope="row">前提条件:</th> - <td>JavaScript basics (see <a href="/en-US/docs/Learn/JavaScript/First_steps">first steps</a>, <a href="/en-US/docs/Learn/JavaScript/Building_blocks">building blocks</a>, <a href="/en-US/docs/Learn/JavaScript/Objects">JavaScript objects</a>), the <a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">basics of Client-side APIs</a></td> + <td>JavaScript basics (see <a href="/ja/docs/Learn/JavaScript/First_steps">first steps</a>, <a href="/ja/docs/Learn/JavaScript/Building_blocks">building blocks</a>, <a href="/ja/docs/Learn/JavaScript/Objects">JavaScript objects</a>), the <a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">basics of Client-side APIs</a></td> </tr> <tr> <th scope="row">目的:</th> @@ -34,7 +34,7 @@ translation_of: Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs <h2 id="HTML5_video_と_audio">HTML5 video と audio</h2> -<p>The {{htmlelement("video")}} and {{htmlelement("audio")}} elements allow us to embed video and audio into web pages. As we showed in <a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a>, a typical implementation looks like this:</p> +<p>The {{htmlelement("video")}} and {{htmlelement("audio")}} elements allow us to embed video and audio into web pages. As we showed in <a href="/ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a>, a typical implementation looks like this:</p> <pre class="brush: html notranslate"><video controls> <source src="rabbit320.mp4" type="video/mp4"> @@ -160,7 +160,7 @@ button:before { <ul> <li>We use the {{cssxref("::before")}} selector to display the content before each {{htmlelement("button")}} element.</li> - <li>We use the {{cssxref("content")}} property to set the content to be displayed in each case to be equal to the contents of the <code><a href="/en-US/docs/Learn/HTML/Howto/Use_data_attributes">data-icon</a></code> attribute. In the case of our play button, <code>data-icon</code> contains a capital "P".</li> + <li>We use the {{cssxref("content")}} property to set the content to be displayed in each case to be equal to the contents of the <code><a href="/ja/docs/Learn/HTML/Howto/Use_data_attributes">data-icon</a></code> attribute. In the case of our play button, <code>data-icon</code> contains a capital "P".</li> <li>We apply the custom web font to our buttons using {{cssxref("font-family")}}. In this font, "P" is actually a "play" icon, so therefore the play button has a "play" icon displayed on it.</li> </ul> @@ -267,7 +267,7 @@ controls.style.visibility = 'visible';</pre> } }</pre> - <p>Here we use an <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if</a></code> statement to check whether the video is paused. The {{domxref("HTMLMediaElement.paused")}} property returns true if the media is paused, which is any time the video is not playing, including when it is set at 0 duration after it first loads. If it is paused, we set the <code>data-icon</code> attribute value on the play button to "u", which is a "paused" icon, and invoke the {{domxref("HTMLMediaElement.play()")}} method to play the media.</p> + <p>Here we use an <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/if...else">if</a></code> statement to check whether the video is paused. The {{domxref("HTMLMediaElement.paused")}} property returns true if the media is paused, which is any time the video is not playing, including when it is set at 0 duration after it first loads. If it is paused, we set the <code>data-icon</code> attribute value on the play button to "u", which is a "paused" icon, and invoke the {{domxref("HTMLMediaElement.play()")}} method to play the media.</p> <p>On the second click, the button will be toggled back again — the "play" icon will be shown again, and the video will be paused with {{domxref("HTMLMediaElement.pause()")}}.</p> </li> @@ -277,7 +277,7 @@ controls.style.visibility = 'visible';</pre> <ol> <li> - <p>Next, let's add functionality to handle stopping the video. Add the following <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> lines below the previous one you added:</p> + <p>Next, let's add functionality to handle stopping the video. Add the following <code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> lines below the previous one you added:</p> <pre class="brush: js notranslate">stop.addEventListener('click', stopMedia); media.addEventListener('ended', stopMedia); @@ -307,7 +307,7 @@ media.addEventListener('ended', stopMedia); <ol> <li> - <p>First of all, add the following two <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> lines below the previous ones:</p> + <p>First of all, add the following two <code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> lines below the previous ones:</p> <pre class="brush: js notranslate">rwd.addEventListener('click', mediaBackward); fwd.addEventListener('click', mediaForward); @@ -473,7 +473,7 @@ clearInterval(intervalFwd); <p>Because <code><audio></code> elements have the same {{domxref("HTMLMediaElement")}} functionality available to them, you could easily get this player to work for an <code><audio></code> element too. Try doing so.</p> </li> <li> - <p>Can you work out a way to turn the timer inner <code><div></code> element into a true seek bar/scrobbler — i.e., when you click somewhere on the bar, it jumps to that relative position in the video playback? As a hint, you can find out the X and Y values of the element's left/right and top/bottom sides via the <code><a href="/en-US/docs/Web/API/Element/getBoundingClientRect">getBoundingClientRect()</a></code> method, and you can find the coordinates of a mouse click via the event object of the click event, called on the {{domxref("Document")}} object. For example:</p> + <p>Can you work out a way to turn the timer inner <code><div></code> element into a true seek bar/scrobbler — i.e., when you click somewhere on the bar, it jumps to that relative position in the video playback? As a hint, you can find out the X and Y values of the element's left/right and top/bottom sides via the <code><a href="/ja/docs/Web/API/Element/getBoundingClientRect">getBoundingClientRect()</a></code> method, and you can find the coordinates of a mouse click via the event object of the click event, called on the {{domxref("Document")}} object. For example:</p> <pre class="brush: js notranslate">document.onclick = function(e) { console.log(e.x) + ',' + console.log(e.y) @@ -485,11 +485,11 @@ clearInterval(intervalFwd); <ul> <li>{{domxref("HTMLMediaElement")}}</li> - <li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a> — simple guide to <code><video></code> and <code><audio></code> HTML.</li> - <li><a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery">Audio and video delivery</a> — detailed guide to delivering media inside the browser, with many tips, tricks, and links to further more advanced tutorials.</li> - <li><a href="/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_manipulation">Audio and video manipulation</a> — detailed guide to manipulating audio and video, e.g. with <a href="/en-US/docs/Web/API/Canvas_API">Canvas API</a>, <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>, and more.</li> + <li><a href="/ja/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Video and audio content</a> — simple guide to <code><video></code> and <code><audio></code> HTML.</li> + <li><a href="/ja/docs/Web/Apps/Fundamentals/Audio_and_video_delivery">Audio and video delivery</a> — detailed guide to delivering media inside the browser, with many tips, tricks, and links to further more advanced tutorials.</li> + <li><a href="/ja/docs/Web/Apps/Fundamentals/Audio_and_video_manipulation">Audio and video manipulation</a> — detailed guide to manipulating audio and video, e.g. with <a href="/ja/docs/Web/API/Canvas_API">Canvas API</a>, <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a>, and more.</li> <li>{{htmlelement("video")}} and {{htmlelement("audio")}} reference pages.</li> - <li><a href="/en-US/docs/Web/Media/Formats">Guide to media types and formats on the web</a></li> + <li><a href="/ja/docs/Web/Media/Formats">Guide to media types and formats on the web</a></li> </ul> <p>{{PreviousMenuNext("Learn/JavaScript/Client-side_web_APIs/Drawing_graphics", "Learn/JavaScript/Client-side_web_APIs/Client-side_storage", "Learn/JavaScript/Client-side_web_APIs")}}</p> @@ -497,11 +497,11 @@ clearInterval(intervalFwd); <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">Web API の紹介</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Introduction">Web API の紹介</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents">ドキュメントの操作</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data">サーバからのデータ取得</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Third_party_APIs">サードパーティ API</a></li> - <li><a href="/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">グラフィックの描画</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">グラフィックの描画</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Video_and_audio_APIs">動画と音声の API</a></li> <li><a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">クライアント側ストレージ</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/a_first_splash/index.html b/files/ja/learn/javascript/first_steps/a_first_splash/index.html index 3a76770630..b4b0064a9b 100644 --- a/files/ja/learn/javascript/first_steps/a_first_splash/index.html +++ b/files/ja/learn/javascript/first_steps/a_first_splash/index.html @@ -237,7 +237,7 @@ translation_of: Learn/JavaScript/First_steps/A_first_splash <span class="keyword token">let</span> guessCount <span class="operator token">=</span> <span class="number token">1</span><span class="punctuation token">;</span> <span class="keyword token">let</span> resetButton<span class="punctuation token">;</span></code></pre> -<p>上記のコードはプログラムが使用するデータを保持する変数と定数をセットアップしています。変数とは基本的には値 (数字や文字など) の入れ物です。 <code>let</code> (か <code>var</code>) キーワードに続いて変数の名前を書くことで、変数を作成します (これらのキーワードの違いは<a href="/en-US/docs/Learn/JavaScript/First_steps/Variables#The_difference_between_var_and_let">以降の記事</a>で見ます) 。定数は変更しない値を保持するのに、 <code>const</code> キーワードといっしょに使います。この場合では、定数をユーザーインターフェイスのパーツへの参照を保存するのに使っていて、一部の内部のテキストは変わるかも知れませんが、参照されるHTML要素は同じままです。</p> +<p>上記のコードはプログラムが使用するデータを保持する変数と定数をセットアップしています。変数とは基本的には値 (数字や文字など) の入れ物です。 <code>let</code> (か <code>var</code>) キーワードに続いて変数の名前を書くことで、変数を作成します (これらのキーワードの違いは<a href="/ja/docs/Learn/JavaScript/First_steps/Variables#The_difference_between_var_and_let">以降の記事</a>で見ます) 。定数は変更しない値を保持するのに、 <code>const</code> キーワードといっしょに使います。この場合では、定数をユーザーインターフェイスのパーツへの参照を保存するのに使っていて、一部の内部のテキストは変わるかも知れませんが、参照されるHTML要素は同じままです。</p> <p>等号記号 ( <code>=</code> ) に続いて、与えたい値を書いて、変数や定数に値を代入できます。</p> @@ -260,7 +260,7 @@ translation_of: Learn/JavaScript/First_steps/A_first_splash </ul> <div class="note"> -<p><strong>注記</strong>: 変数や定数についてはこのコースの間に、<a href="https://developer.mozilla.org/ja/docs/user:chrisdavidmills/variables">次の記事</a>を始めとして何度も出てきます。</p> +<p><strong>注記</strong>: 変数や定数についてはこのコースの間に、<a href="/ja/docs/user:chrisdavidmills/variables">次の記事</a>を始めとして何度も出てきます。</p> </div> <h3 id="Functions" name="Functions">関数</h3> @@ -282,7 +282,7 @@ translation_of: Learn/JavaScript/First_steps/A_first_splash <p><kbd>Return</kbd>/<kbd>Enter</kbd> を押した後で、"ここはプレースホルダです"という警告が表示されましたね。呼び出すと、いつでも警告が表示される関数を定義することができました。</p> <div class="note"> -<p><strong>注記</strong>: 関数についても<a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions">このコースの後の方で</a>詳しく学びます。</p> +<p><strong>注記</strong>: 関数についても<a href="/ja/docs/Learn/JavaScript/Building_blocks/Functions">このコースの後の方で</a>詳しく学びます。</p> </div> <h3 id="Operators" name="Operators">演算子</h3> @@ -334,7 +334,7 @@ hello; let greeting = name + hello; greeting;</pre> -<p>累算<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">代入演算子</a>と呼ばれるもっと短い書き方もあります。すでにある文字列に、さらに文字を追加した結果を返したい場合などに使います。例えば、</p> +<p>累算<a href="/ja/docs/Web/JavaScript/Reference/Operators/Assignment_Operators">代入演算子</a>と呼ばれるもっと短い書き方もあります。すでにある文字列に、さらに文字を追加した結果を返したい場合などに使います。例えば、</p> <pre class="brush: js notranslate">name += 'が、こんにちは！と言っています。';</pre> @@ -598,13 +598,13 @@ guesses.style.boxShadow = '3px 3px 6px black';</pre> <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/index.html b/files/ja/learn/javascript/first_steps/index.html index 26c69c3475..bd83655354 100644 --- a/files/ja/learn/javascript/first_steps/index.html +++ b/files/ja/learn/javascript/first_steps/index.html @@ -28,7 +28,7 @@ translation_of: Learn/JavaScript/First_steps <p>私たちはあなたがあなたの目標に向かって取り組むために必要なすべての重要な情報を含むコースをまとめました。</p> -<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">始めましょう</a></p> +<p><a class="cta primary" href="/ja/docs/Learn/Front-end_web_developer">始めましょう</a></p> </div> <h2 id="Prerequisites" name="Prerequisites">前提条件</h2> @@ -36,7 +36,7 @@ translation_of: Learn/JavaScript/First_steps <p>このモジュールを始めるには JavaScript の知識は必要ありませんが、HTML や CSS に少し慣れている必要があります。JavaScript の学習を開始する前に以下のモジュールを学習することをお勧めします :</p> <ul> - <li><a href="/ja/docs/Learn/Getting_started_with_the_web">Web 入門</a> (<a href="/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript の入門</a> を含む)</li> + <li><a href="/ja/docs/Learn/Getting_started_with_the_web">Web 入門</a> (<a href="/ja/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript の入門</a> を含む)</li> <li><a href="/ja/docs/Learn/HTML/Introduction_to_HTML">HTML 概論</a></li> <li><a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/math/index.html b/files/ja/learn/javascript/first_steps/math/index.html index df0a2af55f..867eca58ef 100644 --- a/files/ja/learn/javascript/first_steps/math/index.html +++ b/files/ja/learn/javascript/first_steps/math/index.html @@ -88,7 +88,7 @@ typeof myFloat;</pre> <h3 id="便利な_Number_メソッド">便利な Number メソッド</h3> -<p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">Number</a></code> オブジェクトは、あなたが JavaScript を使う時すべての基本的な数値を表現するインスタンスですが、その中には、数値を操作するための沢山の便利なメソッドがあります。この記事では、簡単な紹介と基本的な要点だけまとめたいので、詳しくは割愛しますが、この段落を何回か読んだら、オブジェクト参照ページに行って、どんなメソッドが使えるのかを勉強するのが良いと思います。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Number">Number</a></code> オブジェクトは、あなたが JavaScript を使う時すべての基本的な数値を表現するインスタンスですが、その中には、数値を操作するための沢山の便利なメソッドがあります。この記事では、簡単な紹介と基本的な要点だけまとめたいので、詳しくは割愛しますが、この段落を何回か読んだら、オブジェクト参照ページに行って、どんなメソッドが使えるのかを勉強するのが良いと思います。</p> <p>例えば、数値を固定の桁数に丸めるには <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed">toFixed()</a></code> メソッドを使用します。ブラウザの<a href="/ja/docs/Tools/Web_Console">コンソール</a>に次の行を入力します。</p> @@ -457,13 +457,13 @@ function updateBtn() { <h2 id="In_this_module" name="In_this_module">このモジュール内</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/strings/index.html b/files/ja/learn/javascript/first_steps/strings/index.html index d4b850bd6d..ab9a0e1a2a 100644 --- a/files/ja/learn/javascript/first_steps/strings/index.html +++ b/files/ja/learn/javascript/first_steps/strings/index.html @@ -217,7 +217,7 @@ I gave it a score of ${ score/highestScore * 100 }%.`;</pre> <h2 id="あなたのスキルをテストしてください！">あなたのスキルをテストしてください！</h2> -<p>この記事の最後に到達しましたが、最も重要な情報を覚えていますか？ 先に進む前に、この情報を記憶していることを確認するためのいくつかの<a href="/en-US/docs/Learn/JavaScript/First_steps/Test_your_skills:_Strings">テスト</a>を見つけることができます。これには次の記事の知識も必要なので、最初にそれを読むことをお勧めします。</p> +<p>この記事の最後に到達しましたが、最も重要な情報を覚えていますか？ 先に進む前に、この情報を記憶していることを確認するためのいくつかの<a href="/ja/docs/Learn/JavaScript/First_steps/Test_your_skills:_Strings">テスト</a>を見つけることができます。これには次の記事の知識も必要なので、最初にそれを読むことをお勧めします。</p> <h2 id="Conclusion" name="Conclusion">結論</h2> @@ -228,13 +228,13 @@ I gave it a score of ${ score/highestScore * 100 }%.`;</pre> <h2 id="In_this_module" name="In_this_module">このモジュール内</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/useful_string_methods/index.html b/files/ja/learn/javascript/first_steps/useful_string_methods/index.html index c18f846d20..bfd2cea2c1 100644 --- a/files/ja/learn/javascript/first_steps/useful_string_methods/index.html +++ b/files/ja/learn/javascript/first_steps/useful_string_methods/index.html @@ -668,13 +668,13 @@ textarea.onkeyup = function(){ <h2 id="In_this_module" name="In_this_module">このモジュール内</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> </ul> diff --git a/files/ja/learn/javascript/first_steps/variables/index.html b/files/ja/learn/javascript/first_steps/variables/index.html index 1ed288aa84..a8424263a1 100644 --- a/files/ja/learn/javascript/first_steps/variables/index.html +++ b/files/ja/learn/javascript/first_steps/variables/index.html @@ -330,13 +330,13 @@ daysInWeek <span class="operator token">=</span> </code><span class="message-bod <h2 id="In_this_module" name="In_this_module">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript">JavaScript って何?</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/A_first_splash">JavaScript への最初のダイブ</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/What_went_wrong">何が間違っている? JavaScript のトラブルシューティング</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables">必要な情報を保存する — 変数</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math">JavaScript での数学入門 — 数値と演算子について</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Strings">テキストを扱う — JavaScript での文字列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Useful_string_methods">便利な文字列メソッド</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Arrays">配列</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Silly_story_generator">評価: バカ話ジェネレーター</a></li> </ul> diff --git a/files/ja/learn/javascript/howto/index.html b/files/ja/learn/javascript/howto/index.html index 528ce80fe4..9609cff261 100644 --- a/files/ja/learn/javascript/howto/index.html +++ b/files/ja/learn/javascript/howto/index.html @@ -149,8 +149,8 @@ translation_of: Learn/JavaScript/Howto <ul> <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables#Declaring_a_variable">変数を宣言するには</a></li> <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables#Initializing_a_variable">変数を値で初期化するには</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables#Updating_a_variable">変数の値を変更するには</a>(<a href="/ja/docs/Learn/JavaScript/First_steps/Math#Assignment_operators">代入演算子</a>についても参照してください)</li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Variables#Variable_types">JavaScript のデータ型とは</a></li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables#Updating_a_variable">変数の値を変更するには</a>(<a href="/ja/docs/Learn/JavaScript/First_steps/Math#Assignment_operators">代入演算子</a>についても参照してください)</li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables#Variable_types">JavaScript のデータ型とは</a></li> <li><a href="/ja/docs/Learn/JavaScript/First_steps/Variables#Loose_typing">「弱い型付け」とは</a></li> </ul> @@ -161,7 +161,7 @@ translation_of: Learn/JavaScript/Howto <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math#Arithmetic_operators">JavaScript での基本的な算術演算の方法とは</a></li> <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math#Operator_precedence">JavaScript での演算子の優先順位とは</a></li> <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math#Increment_and_decrement_operators">JavaScript で値をインクリメント、デクリメントするには</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/Math#Comparison_operators">JavaScript で値を比較するには</a>(どちらが大きいか、ある値が別の値と等しいか、など)</li> + <li><a href="/ja/docs/Learn/JavaScript/First_steps/Math#Comparison_operators">JavaScript で値を比較するには</a>(どちらが大きいか、ある値が別の値と等しいか、など)</li> </ul> <h3 id="Strings" name="Strings">文字列</h3> @@ -210,14 +210,14 @@ translation_of: Learn/JavaScript/Howto <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/conditionals#Nesting_if_..._else">条件判定のブロックを別のブロックに入れ子にするには</a></li> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/conditionals#Logical_operators_AND_OR_and_NOT">AND や OR、NOT を JavaScript で使用するには</a></li> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/conditionals#switch_statements">多くの選択肢を一つの条件として手軽に扱うには</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/conditionals#Ternary_operator">true/false の判定によって 2 つの選択肢から 1 つを手早く選択するのに、三項演算子を使用するには</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/conditionals#Ternary_operator">true/false の判定によって 2 つの選択肢から 1 つを手早く選択するのに、三項演算子を使用するには</a></li> </ul> <h3 id="Loopingiteration" name="Loopingiteration">ループ/イテレーション</h3> <ul> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Looping_code">同一のコード片を繰り返し実行するには</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks/Looping_code#Exiting_loops_with_break">終了条件にマッチする前に、ループを終了させるには</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Looping_code#Exiting_loops_with_break">終了条件にマッチする前に、ループを終了させるには</a></li> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Looping_code#Skipping_iterations_with_continue">次の繰り返し処理にスキップするには</a></li> <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Looping_code#while_and_do_..._while">while ループ、do ... while ループを使用するには</a></li> <li>配列内の要素を反復処理する方法</li> @@ -253,7 +253,7 @@ translation_of: Learn/JavaScript/Howto <li><a href="/ja/docs/Learn/JavaScript/Objects/Basics#Bracket_notation">角括弧を用いた記法とは</a></li> <li><a href="/ja/docs/Learn/JavaScript/Objects/Basics#Setting_object_members">オブジェクトのメソッドやプロパティを取得、設定するには</a></li> <li><a href="/ja/docs/Learn/JavaScript/Objects/Basics#What_is_this">オブジェクトのコンテキストにおける <code>this</code> とは何か</a></li> - <li><a href="/docs/Learn/JavaScript/Objects/Object-oriented_JS#Object-oriented_programming_from_10000_meters">オブジェクト指向プログラミングとは</a></li> + <li><a href="/ja/docs/Learn/JavaScript/Objects/Object-oriented_JS#Object-oriented_programming_from_10000_meters">オブジェクト指向プログラミングとは</a></li> <li><a href="/ja/docs/Learn/JavaScript/Objects/Object-oriented_JS#Constructors_and_object_instances">コンストラクターやインスタンスとは何か、それらをどのように作成するか</a></li> <li><a href="/ja/docs/Learn/JavaScript/Objects/Object-oriented_JS#Other_ways_to_create_object_instances">JavaScript でオブジェクトを作成する方法にはどのようなものがあるか</a></li> </ul> diff --git a/files/ja/learn/javascript/index.html b/files/ja/learn/javascript/index.html index 2094a48052..540199941e 100644 --- a/files/ja/learn/javascript/index.html +++ b/files/ja/learn/javascript/index.html @@ -21,12 +21,12 @@ translation_of: Learn/JavaScript <p>目標に向かって頑張るために必要な情報をまとめたコースをご用意しました。</p> -<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">Get started</a></p> +<p><a class="cta primary" href="/ja/docs/Learn/Front-end_web_developer">Get started</a></p> </div> <h2 id="Learning_pathway" name="Learning_pathway">学習の道筋</h2> -<p><span id="result_box" lang="ja"><span>JavaScript は </span></span><a href="/docs/Learn/HTML">HTML </a><span lang="ja"><span>や </span></span><a href="/docs/Learn/CSS">CSS</a><span lang="ja"><span> などの関連技術よりも</span></span><span id="result_box" lang="ja"><span>きっと</span></span><span lang="ja"><span>学ぶのが難しいでしょう。</span><span>JavaScript を習得する前に、まずこれらの 2 つの技術、そしておそらく他の技術を熟知しておくことを強くおすすめします。先ず次のモジュールを実施してください :</span></span></p> +<p><span id="result_box" lang="ja"><span>JavaScript は </span></span><a href="/ja/docs/Learn/HTML">HTML </a><span lang="ja"><span>や </span></span><a href="/ja/docs/Learn/CSS">CSS</a><span lang="ja"><span> などの関連技術よりも</span></span><span id="result_box" lang="ja"><span>きっと</span></span><span lang="ja"><span>学ぶのが難しいでしょう。</span><span>JavaScript を習得する前に、まずこれらの 2 つの技術、そしておそらく他の技術を熟知しておくことを強くおすすめします。先ず次のモジュールを実施してください :</span></span></p> <ul> <li><a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a></li> diff --git a/files/ja/learn/javascript/objects/index.html b/files/ja/learn/javascript/objects/index.html index 3985137adb..4c93a83608 100644 --- a/files/ja/learn/javascript/objects/index.html +++ b/files/ja/learn/javascript/objects/index.html @@ -20,7 +20,7 @@ translation_of: Learn/JavaScript/Objects <h2 id="Prerequisites" name="Prerequisites">前提条件</h2> -<p>このモジュールを始める前に、 HTML と CSS にいくらか精通している必要があります。JavaScript を始める前に <a href="https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Introduction">HTML 入門</a>と <a href="https://developer.mozilla.org/ja/docs/Learn/CSS/Introduction_to_CSS">CSS 入門</a>をひととおり学習することをオススメします。</p> +<p>このモジュールを始める前に、 HTML と CSS にいくらか精通している必要があります。JavaScript を始める前に <a href="/ja/docs/Web/Guide/HTML/Introduction">HTML 入門</a>と <a href="/ja/docs/Learn/CSS/Introduction_to_CSS">CSS 入門</a>をひととおり学習することをオススメします。</p> <p>また、JavaScript オブジェクトを詳細に調べる前に、JavaScript の基本についていくらか精通している必要があります。このモジュールを試す前に、<a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a> と <a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>を通して学習してください。</p> diff --git a/files/ja/learn/javascript/objects/inheritance/index.html b/files/ja/learn/javascript/objects/inheritance/index.html index c408100d19..2964fbe786 100644 --- a/files/ja/learn/javascript/objects/inheritance/index.html +++ b/files/ja/learn/javascript/objects/inheritance/index.html @@ -25,7 +25,7 @@ translation_of: Learn/JavaScript/Objects/Inheritance <tbody> <tr> <th scope="row">前提知識</th> - <td>基本的なコンピュータの知識および利用能力、HTML と CSS への基本的な理解、JavaScript の基本 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps">第一歩</a>と<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks">構成要素</a>を参照) と OOJS の基本 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics">オブジェクト入門</a>) に慣れている。</td> + <td>基本的なコンピュータの知識および利用能力、HTML と CSS への基本的な理解、JavaScript の基本 (<a href="/ja/docs/Learn/JavaScript/First_steps">第一歩</a>と<a href="/ja/docs/Learn/JavaScript/Building_blocks">構成要素</a>を参照) と OOJS の基本 (<a href="/ja/docs/Learn/JavaScript/Objects/Basics">オブジェクト入門</a>) に慣れている。</td> </tr> <tr> <th scope="row">目的:</th> @@ -278,7 +278,7 @@ leia<span class="punctuation token">.</span><span class="function token">farewel this.interests = interests; } </pre> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/super"><code>super()</code></a> 演算子を <code>constructor()</code> 内の最初の項目として定義することで、コードをより読みやすくすることができます。これは親クラスのコンストラクタを呼び出し、そこに定義されている限り、指定したメンバーを<code>super()</code> のパラメータとして継承します。</p> +<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/super"><code>super()</code></a> 演算子を <code>constructor()</code> 内の最初の項目として定義することで、コードをより読みやすくすることができます。これは親クラスのコンストラクタを呼び出し、そこに定義されている限り、指定したメンバーを<code>super()</code> のパラメータとして継承します。</p> <pre class="brush: js line-numbers language-js notranslate"><code class="language-js"><span class="keyword token">class</span> <span class="class-name token">Teacher</span> <span class="keyword token">extends</span> <span class="class-name token">Person</span> <span class="punctuation token">{</span> <span class="function token">constructor</span><span class="punctuation token">(</span>first<span class="punctuation token">,</span> last<span class="punctuation token">,</span> age<span class="punctuation token">,</span> gender<span class="punctuation token">,</span> interests<span class="punctuation token">,</span> subject<span class="punctuation token">,</span> grade<span class="punctuation token">)</span> <span class="punctuation token">{</span> @@ -381,7 +381,7 @@ console<span class="punctuation token">.</span><span class="function token">log< <h2 id="Test_your_skills!" name="Test_your_skills!">あなたのスキルをテストしてみましょう!</h2> -<p>この記事はここまでですが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - <a href="/en-US/docs/Learn/JavaScript/Objects/Test_your_skills:_Object-oriented_JavaScript">あなたのスキルをテストする: オブジェクト指向 JavaScript</a> を参照してください。</p> +<p>この記事はここまでですが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - <a href="/ja/docs/Learn/JavaScript/Objects/Test_your_skills:_Object-oriented_JavaScript">あなたのスキルをテストする: オブジェクト指向 JavaScript</a> を参照してください。</p> <h2 id="Summary" name="Summary">まとめ</h2> diff --git a/files/ja/learn/javascript/objects/json/index.html b/files/ja/learn/javascript/objects/json/index.html index c72a38744b..f6287d46d6 100644 --- a/files/ja/learn/javascript/objects/json/index.html +++ b/files/ja/learn/javascript/objects/json/index.html @@ -24,7 +24,7 @@ translation_of: Learn/JavaScript/Objects/JSON <tbody> <tr> <th scope="row">前提条件:</th> - <td>基礎的なコンピュータの知識、HTML と CSS への基本的な理解、基礎的な JavaScript の理解 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>と <a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>を参照) とオブジェクト指向JavaScript の基本 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks">JavaScript オブジェクトの基本</a>を参照)。</td> + <td>基礎的なコンピュータの知識、HTML と CSS への基本的な理解、基礎的な JavaScript の理解 (<a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>と <a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>を参照) とオブジェクト指向JavaScript の基本 (<a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript オブジェクトの基本</a>を参照)。</td> </tr> <tr> <th scope="row">目的:</th> @@ -37,7 +37,7 @@ translation_of: Learn/JavaScript/Objects/JSON <p>{{glossary("JSON")}} は JavaScript オブジェクトの構文に従ったテキストベースのフォーマットで、<a href="https://en.wikipedia.org/wiki/Douglas_Crockford">Douglas Crockford</a> によって普及されました。JSON は JavaScript オブジェクトの構文に似ていますが、JavaScript とは独立して扱われることがあり、多くのプログラミング言語環境には JSON を読み込む(パースする)したり生成したりする機能があります。</p> -<p>JSON は文字列です。ですので、ネットワークを通してデータを転送したい場合に便利です。JSON データへアクセスしたい場合は、JavaScript オブジェクトへ変換する必要があります。JavaScript には JSON と JavaScript オブジェクトを相互に変換できるメソッドを持った <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON</a> というグローバルなオブジェクトがあるので、その変換は大きな問題ではありません。</p> +<p>JSON は文字列です。ですので、ネットワークを通してデータを転送したい場合に便利です。JSON データへアクセスしたい場合は、JavaScript オブジェクトへ変換する必要があります。JavaScript には JSON と JavaScript オブジェクトを相互に変換できるメソッドを持った <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON</a> というグローバルなオブジェクトがあるので、その変換は大きな問題ではありません。</p> <div class="note"> <p><strong>注記</strong>: 文字列をネイティブオブジェクトへ変換することは<em>デシリアライゼーション (deserialization)</em> と呼ばれており、ネイティブオブジェクトをネットワークを通して転送できように文字列へ変換することは<em>シリアライゼーション (serialization) </em>と呼ばれています。</p> @@ -91,7 +91,7 @@ translation_of: Learn/JavaScript/Objects/JSON ] }'</pre> -<p>もし、この文字列を JavaScript プログラムへ読み込んだ場合(例えば、例えば変数<code>superHeroes</code> へ代入する)、<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics">JavaScript オブジェクトの基本</a>の節で見たのと同様に ドットや角括弧を使ってデータへアクセスすることができます。例としては以下のようになります。</p> +<p>もし、この文字列を JavaScript プログラムへ読み込んだ場合(例えば、例えば変数<code>superHeroes</code> へ代入する)、<a href="/ja/docs/Learn/JavaScript/Objects/Basics">JavaScript オブジェクトの基本</a>の節で見たのと同様に ドットや角括弧を使ってデータへアクセスすることができます。例としては以下のようになります。</p> <pre class="brush: js notranslate">superHeroes.homeTown superHeroes['active']</pre> @@ -335,10 +335,10 @@ myString</pre> <h2 id="See_also" name="See_also">あわせて参照</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON リファレンス</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest">XMLHttpRequest オブジェクトリファレンス</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest の利用</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Methods">HTTP リクエストメソッド</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON リファレンス</a></li> + <li><a href="/ja/docs/Web/API/XMLHttpRequest">XMLHttpRequest オブジェクトリファレンス</a></li> + <li><a href="/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest の利用</a></li> + <li><a href="/ja/docs/Web/HTTP/Methods">HTTP リクエストメソッド</a></li> <li><a href="http://json.org/">ECMA のオフィシャル JSON Web サイト</a></li> </ul> diff --git a/files/ja/learn/javascript/objects/object_building_practice/index.html b/files/ja/learn/javascript/objects/object_building_practice/index.html index af94a8eede..baa6d98964 100644 --- a/files/ja/learn/javascript/objects/object_building_practice/index.html +++ b/files/ja/learn/javascript/objects/object_building_practice/index.html @@ -24,7 +24,7 @@ translation_of: Learn/JavaScript/Objects/Object_building_practice <tbody> <tr> <th scope="row">前提条件:</th> - <td>基礎的なコンピューターの知識、HTML と CSS への基本的な理解、基礎的な JavaScript の理解 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>と <a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>を参照) とオブジェクト指向JavaScript の基本 (<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Building_blocks">JavaScript オブジェクトの基本</a>を参照)。</td> + <td>基礎的なコンピューターの知識、HTML と CSS への基本的な理解、基礎的な JavaScript の理解 (<a href="/ja/docs/Learn/JavaScript/First_steps">JavaScript の第一歩</a>と <a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript の構成要素</a>を参照) とオブジェクト指向JavaScript の基本 (<a href="/ja/docs/Learn/JavaScript/Building_blocks">JavaScript オブジェクトの基本</a>を参照)。</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/javascript/objects/object_prototypes/index.html b/files/ja/learn/javascript/objects/object_prototypes/index.html index af08b53692..f955783416 100644 --- a/files/ja/learn/javascript/objects/object_prototypes/index.html +++ b/files/ja/learn/javascript/objects/object_prototypes/index.html @@ -143,7 +143,7 @@ translation_of: Learn/JavaScript/Objects/Object_prototypes <pre class="brush: js notranslate">let myString = 'This is my string.';</pre> -<p><code>myString</code>が最初から、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/split">split()</a></code>、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf">indexOf()</a></code>、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace">replace()</a></code>などの便利なメソッドを多数持っている理由です。</p> +<p><code>myString</code>が最初から、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/split">split()</a></code>、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf">indexOf()</a></code>、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace">replace()</a></code>などの便利なメソッドを多数持っている理由です。</p> <div class="note"> <p><strong>Note</strong>: このセクションを理解して、もっと知りたいと思ったら、<a href="/ja/docs/Web/JavaScript/Inheritance_and_the_prototype_chain#Using_prototypes_in_JavaScript">JavaScript でのプロトタイプの使用</a> についてのより詳細なガイドを読む価値があります。このセクションは、これらの概念に初めて出会ったときに少しでも理解しやすくするために、意図的に簡略化しています。</p> diff --git a/files/ja/learn/javascript/objects/test_your_skills_colon__object_basics/index.html b/files/ja/learn/javascript/objects/test_your_skills_colon__object_basics/index.html index d284729df3..e869504561 100644 --- a/files/ja/learn/javascript/objects/test_your_skills_colon__object_basics/index.html +++ b/files/ja/learn/javascript/objects/test_your_skills_colon__object_basics/index.html @@ -5,7 +5,7 @@ translation_of: 'Learn/JavaScript/Objects/Test_your_skills:_Object_basics' --- <div>{{learnsidebar}}</div> -<p>このスキルテストの目的は、<a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics">JavaScript オブジェクトの基本</a>の理解度をテストすることです。</p> +<p>このスキルテストの目的は、<a href="/ja/docs/Learn/JavaScript/Objects/Basics">JavaScript オブジェクトの基本</a>の理解度をテストすることです。</p> <div class="blockIndicator note"> <p><strong>注意</strong>: 以下のインタラクティブなエディターでソリューションを試すこともできますが、コードをダウンロードし、<a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>や<a href="https://glitch.com/">Glitch</a>のようなオンラインツールを使用してタスクを実行すると役立つ場合があります。<br> diff --git a/files/ja/learn/performance/business_case_for_performance/index.html b/files/ja/learn/performance/business_case_for_performance/index.html index 106a517a8f..6b4fef087c 100644 --- a/files/ja/learn/performance/business_case_for_performance/index.html +++ b/files/ja/learn/performance/business_case_for_performance/index.html @@ -72,12 +72,12 @@ translation_of: Learn/Performance/business_case_for_performance <li><a href="/ja/docs/Learn/Performance/What_is_web_performance">ウェブパフォーマンスとは何ですか？</a></li> <li><a href="/ja/docs/Learn/Performance/Perceived_performance">ユーザーはパフォーマンスをどのように知覚しますか？</a></li> <li><a href="/ja/docs/Learn/Performance/Measuring_performance">パフォーマンスの測定</a></li> - <li><a href="/en-US/docs/Learn/Performance/Multimedia">Multimedia: images</a></li> - <li><a href="/en-US/docs/Learn/Performance/video">Multimedia: video</a></li> - <li><a href="/en-US/docs/Learn/Performance/JavaScript">JavaScript performance best practices</a>.</li> - <li><a href="/en-US/docs/Learn/Performance/HTML">HTML performance features</a></li> - <li><a href="/en-US/docs/Learn/Performance/CSS">CSS performance features</a></li> - <li><a href="/en-US/docs/Learn/Performance/Fonts">Fonts and performance</a></li> - <li><a href="/en-US/docs/Learn/Performance/Mobile">Mobile performance</a></li> + <li><a href="/ja/docs/Learn/Performance/Multimedia">Multimedia: images</a></li> + <li><a href="/ja/docs/Learn/Performance/video">Multimedia: video</a></li> + <li><a href="/ja/docs/Learn/Performance/JavaScript">JavaScript performance best practices</a>.</li> + <li><a href="/ja/docs/Learn/Performance/HTML">HTML performance features</a></li> + <li><a href="/ja/docs/Learn/Performance/CSS">CSS performance features</a></li> + <li><a href="/ja/docs/Learn/Performance/Fonts">Fonts and performance</a></li> + <li><a href="/ja/docs/Learn/Performance/Mobile">Mobile performance</a></li> <li><a href="/ja/docs/Learn/Performance/business_case_for_performance">パフォーマンスに光をあてる</a></li> </ul> diff --git a/files/ja/learn/performance/measuring_performance/index.html b/files/ja/learn/performance/measuring_performance/index.html index f70a9cfa20..3f4985423c 100644 --- a/files/ja/learn/performance/measuring_performance/index.html +++ b/files/ja/learn/performance/measuring_performance/index.html @@ -21,7 +21,7 @@ translation_of: Learn/Performance/Measuring_performance <tbody> <tr> <th scope="row">前提:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/en-US/docs/Learn/Getting_started_with_the_web">クライアントサイドのウェブ技術</a>の基本的な知識</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/ja/docs/Learn/Getting_started_with_the_web">クライアントサイドのウェブ技術</a>の基本的な知識</td> </tr> <tr> <th scope="row">目的:</th> @@ -94,12 +94,12 @@ translation_of: Learn/Performance/Measuring_performance <li><a href="/ja/docs/Learn/Performance/What_is_web_performance">ウェブパフォーマンスとは何か</a></li> <li><a href="/ja/docs/Learn/Performance/Perceived_performance">ユーザーはパフォーマンスをどのように知覚するか</a></li> <li><a href="/ja/docs/Learn/Performance/Measuring_performance">パフォーマンスの測定</a></li> - <li><a href="/en-US/docs/Learn/Performance/Multimedia">Multimedia: images</a></li> - <li><a href="/en-US/docs/Learn/Performance/video">Multimedia: video</a></li> - <li><a href="/en-US/docs/Learn/Performance/JavaScript">JavaScript performance best practices</a>.</li> - <li><a href="/en-US/docs/Learn/Performance/HTML">HTML performance features</a></li> - <li><a href="/en-US/docs/Learn/Performance/CSS">CSS performance features</a></li> - <li><a href="/en-US/docs/Learn/Performance/Fonts">Fonts and performance</a></li> - <li><a href="/en-US/docs/Learn/Performance/Mobile">Mobile performance</a></li> + <li><a href="/ja/docs/Learn/Performance/Multimedia">Multimedia: images</a></li> + <li><a href="/ja/docs/Learn/Performance/video">Multimedia: video</a></li> + <li><a href="/ja/docs/Learn/Performance/JavaScript">JavaScript performance best practices</a>.</li> + <li><a href="/ja/docs/Learn/Performance/HTML">HTML performance features</a></li> + <li><a href="/ja/docs/Learn/Performance/CSS">CSS performance features</a></li> + <li><a href="/ja/docs/Learn/Performance/Fonts">Fonts and performance</a></li> + <li><a href="/ja/docs/Learn/Performance/Mobile">Mobile performance</a></li> <li><a href="/ja/docs/Learn/Performance/business_case_for_performance">パフォーマスに光をあてる</a></li> </ul> diff --git a/files/ja/learn/performance/perceived_performance/index.html b/files/ja/learn/performance/perceived_performance/index.html index 8af223ce2e..fceb427902 100644 --- a/files/ja/learn/performance/perceived_performance/index.html +++ b/files/ja/learn/performance/perceived_performance/index.html @@ -18,7 +18,7 @@ translation_of: Learn/Performance/perceived_performance <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシー、<a href="https://developer.mozilla.org/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/ja/docs/Learn/Getting_started_with_the_web">クライアントサイドのウェブ技術</a>の基本的な知識</td> + <td>基本的なコンピューターリテラシー、<a href="/ja/Learn/Getting_started_with_the_web/Installing_basic_software">基本的なソフトウェアのインストール</a>、<a href="/ja/docs/Learn/Getting_started_with_the_web">クライアントサイドのウェブ技術</a>の基本的な知識</td> </tr> <tr> <th scope="row">目的:</th> diff --git a/files/ja/learn/performance/web_performance_basics/index.html b/files/ja/learn/performance/web_performance_basics/index.html index 276e2f2e04..02ea575063 100644 --- a/files/ja/learn/performance/web_performance_basics/index.html +++ b/files/ja/learn/performance/web_performance_basics/index.html @@ -12,23 +12,23 @@ translation_of: Learn/Performance/Web_Performance_Basics <h2 id="Best_practices">Best practices</h2> <ul> - <li>Start with learning the <a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path">critical rendering path</a> of the browser. Knowing this will help you understand how to improve the performance of the site.</li> - <li>Using <a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Controlling_resource_delivery_with_resource_hints">resource hints</a> such as <code>rel=preconnect, rel=dns-prefetch, rel=prefetch, and rel=preload</code></li> + <li>Start with learning the <a href="/ja/docs/Web/Performance/Critical_rendering_path">critical rendering path</a> of the browser. Knowing this will help you understand how to improve the performance of the site.</li> + <li>Using <a href="/ja/docs/Web/Performance/Controlling_resource_delivery_with_resource_hints">resource hints</a> such as <code>rel=preconnect, rel=dns-prefetch, rel=prefetch, and rel=preload</code></li> <li>Keep the size of Javascript to a <a href="https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4">minimum</a>. Only use as much Javascript as needed for the current page.</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Performance/CSS_performance">CSS</a> performance factors</li> - <li>Use <a href="https://developer.mozilla.org/en-US/docs/Learn/Performance/HTTP2">HTTP/2</a> on your server (or CDN).</li> + <li><a href="/ja/docs/Learn/Performance/CSS_performance">CSS</a> performance factors</li> + <li>Use <a href="/ja/docs/Learn/Performance/HTTP2">HTTP/2</a> on your server (or CDN).</li> <li>Use a CDN for resources which can reduce load times significantly.</li> <li>Compress your resources using <a href="https://www.gnu.org/software/gzip/" rel="nofollow noopener">gzip</a>, <a href="https://github.com/google/brotli" rel="nofollow noopener">Brotli</a>, and <a href="https://github.com/google/zopfli" rel="nofollow noopener">Zopfli</a>.</li> <li>Image optimization (use CSS animation, or SVG if possible).</li> <li>Lazy loading parts of your application outside the viewport. If you do, have a backup plan for SEO (e.g render full page for bot traffic); for example, by using the {{htmlattrxref("loading", "img")}} attribute on the {{HTMLElement("img")}} element</li> - <li>It is also crucial to realize what is really important to your users. It might not be absolute timing, but <a href="https://developer.mozilla.org/en-US/docs/Learn/Performance/perceived_performance">user perception</a>.</li> + <li>It is also crucial to realize what is really important to your users. It might not be absolute timing, but <a href="/ja/docs/Learn/Performance/perceived_performance">user perception</a>.</li> </ul> <h2 id="Quick_Wins">Quick Wins</h2> <h3 id="CSS">CSS</h3> -<p>Web performance is all about user experience and perceived performance. As we learned in the <a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path">critical rendering path</a> document, linking CSS with a tradional link tag with rel="stylesheet" is synchronous and blocks rendering. Optimize the rendering of your page by removing blocking CSS.</p> +<p>Web performance is all about user experience and perceived performance. As we learned in the <a href="/ja/docs/Web/Performance/Critical_rendering_path">critical rendering path</a> document, linking CSS with a tradional link tag with rel="stylesheet" is synchronous and blocks rendering. Optimize the rendering of your page by removing blocking CSS.</p> <p>To load CSS asynchronously one can simpy set the media type to print and then change to all once loaded. The following snippet includes an onload attribute, requiring Javascript, so it is important to include a noscript tag with a traditional fallback.</p> @@ -45,13 +45,13 @@ translation_of: Learn/Performance/Web_Performance_Basics <h3 id="Javascript">Javascript</h3> -<p>Avoid Javascript blocking by using the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script">async</a> or <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script">defer</a> attributes, or link javascript assets after the page's DOM elements. Javascript only block rendering for elements that appear after the script tag in the DOM tree.</p> +<p>Avoid Javascript blocking by using the <a href="/ja/docs/Web/HTML/Element/script">async</a> or <a href="/ja/docs/Web/HTML/Element/script">defer</a> attributes, or link javascript assets after the page's DOM elements. Javascript only block rendering for elements that appear after the script tag in the DOM tree.</p> <h3 id="Web_Fonts">Web Fonts</h3> <p>EOT and TTF formats are not compressed by default. Apply compression such as GZIP or Brotli for these file types. Use WOFF and WOFF2. These formats have compression built in.</p> -<p>Within @font-face use font-display: swap. By using font display swap the browser will not block rendering and will use the backup system fonts that are defined. Optimiize <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font weight</a> to match the web font as closely as possible.</p> +<p>Within @font-face use font-display: swap. By using font display swap the browser will not block rendering and will use the backup system fonts that are defined. Optimiize <a href="/ja/docs/Web/CSS/font-weight">font weight</a> to match the web font as closely as possible.</p> <h4 id="Icon_web_fonts">Icon web fonts</h4> @@ -60,19 +60,19 @@ translation_of: Learn/Performance/Web_Performance_Basics <h2 id="Tools">Tools</h2> <ul> - <li>Learn to use the <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance">Firefox Dev Tools</a> to profile your site.</li> + <li>Learn to use the <a href="/ja/docs/Tools/Performance">Firefox Dev Tools</a> to profile your site.</li> <li><a href="https://developers.google.com/speed/docs/insights/v5/about">Pagespeed Insights</a> can analyze your page and give some general hints to improve performance.</li> <li><a href="https://developers.google.com/web/tools/lighthouse/">Lighthouse</a> can give you a detailed breakdown of many aspects of your site including performance, SEO and accessibility.</li> <li>Test your page's speed using <a href="http://webpagetest.org/">Webpagetest.org</a>, where you can use different real device types and locations.</li> <li>Try the <a href="https://developers.google.com/web/tools/chrome-user-experience-report">Chrome User Experience Report</a> which quantifies real user metrics.</li> - <li>Define a<a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Performance_budget"> performance budget.</a></li> + <li>Define a<a href="/ja/docs/Web/Performance/Performance_budget"> performance budget.</a></li> </ul> <h3 id="APIs">APIs</h3> <ul> <li>Gather user metrics using <a href="https://github.com/akamai/boomerang">https://github.com/akamai/boomerang</a></li> - <li>Or directly gather with <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/performance">window.performance.timing</a></li> + <li>Or directly gather with <a href="/ja/docs/Web/API/Window/performance">window.performance.timing</a></li> </ul> <h3 id="Things_not_to_do_bad_practices">Things not to do (bad practices)</h3> diff --git a/files/ja/learn/performance/what_is_web_performance/index.html b/files/ja/learn/performance/what_is_web_performance/index.html index 27dc13b688..a130006b2a 100644 --- a/files/ja/learn/performance/what_is_web_performance/index.html +++ b/files/ja/learn/performance/what_is_web_performance/index.html @@ -31,7 +31,7 @@ translation_of: Learn/Performance/What_is_web_performance </tbody> </table> -<p><em>* 次の記事で扱う主観的な<a href="/en-US/docs/Learn/Performance/Perceived_performance">知覚パフォーマンス</a>の対義語</em></p> +<p><em>* 次の記事で扱う主観的な<a href="/ja/docs/Learn/Performance/Perceived_performance">知覚パフォーマンス</a>の対義語</em></p> <h2 id="What_is_web_performance">ウェブパフォーマンスとは何か</h2> diff --git a/files/ja/learn/server-side/django/development_environment/index.html b/files/ja/learn/server-side/django/development_environment/index.html index ac824323ea..a7b594cf09 100644 --- a/files/ja/learn/server-side/django/development_environment/index.html +++ b/files/ja/learn/server-side/django/development_environment/index.html @@ -190,7 +190,7 @@ translation_of: Learn/Server-side/Django/development_environment <h2 id="Python仮想環境内でのDjangoの使用">Python仮想環境内でのDjangoの使用</h2> -<p>仮想環境を作成するために使用するライブラリは、 <a href="https://virtualenvwrapper.readthedocs.io/en/latest/index.html">virtualenvwrapper</a> （LinuxとmacOS X）と<a href="https://pypi.python.org/pypi/virtualenvwrapper-win">virtualenvwrapper-win</a>（Windows）です。これらはどちらも<a href="https://developer.mozilla.org/en-US/docs/Python/Virtualenv">virtualenv</a>ツールを使用します。ラッパーツールは、すべてのプラットフォーム上のインターフェイスを管理するための一貫したインターフェイスを作成します。</p> +<p>仮想環境を作成するために使用するライブラリは、 <a href="https://virtualenvwrapper.readthedocs.io/en/latest/index.html">virtualenvwrapper</a> （LinuxとmacOS X）と<a href="https://pypi.python.org/pypi/virtualenvwrapper-win">virtualenvwrapper-win</a>（Windows）です。これらはどちらも<a href="/ja/docs/Python/Virtualenv">virtualenv</a>ツールを使用します。ラッパーツールは、すべてのプラットフォーム上のインターフェイスを管理するための一貫したインターフェイスを作成します。</p> <h3 id="仮想環境ソフトウェアのインストール">仮想環境ソフトウェアのインストール</h3> diff --git a/files/ja/learn/server-side/django/introduction/index.html b/files/ja/learn/server-side/django/introduction/index.html index 882c54bb56..8f22a74408 100644 --- a/files/ja/learn/server-side/django/introduction/index.html +++ b/files/ja/learn/server-side/django/introduction/index.html @@ -18,7 +18,7 @@ translation_of: Learn/Server-side/Django/Introduction <tbody> <tr> <th scope="row">前提条件:</th> - <td>基本的なコンピューターリテラシーを持っていること。<a href="/ja/docs/Learn/Server-side/First_steps">サーバーサイドウェブプログラミング</a> の一般的な理解、特に<a href="/en-US/docs/Learn/Server-side/First_steps/Client-Server_overview">ウェブサイトにおけるクライントとサーバーのやりとりの仕組み</a>を理解していること。</td> + <td>基本的なコンピューターリテラシーを持っていること。<a href="/ja/docs/Learn/Server-side/First_steps">サーバーサイドウェブプログラミング</a> の一般的な理解、特に<a href="/ja/docs/Learn/Server-side/First_steps/Client-Server_overview">ウェブサイトにおけるクライントとサーバーのやりとりの仕組み</a>を理解していること。</td> </tr> <tr> <th scope="row">目的:</th> @@ -45,7 +45,7 @@ translation_of: Learn/Server-side/Django/Introduction <br> <em>パスワードハッシュは、送信されたパスワードから <a href="https://ja.wikipedia.org/wiki/%E6%9A%97%E5%8F%B7%E5%AD%A6%E7%9A%84%E3%83%8F%E3%83%83%E3%82%B7%E3%83%A5%E9%96%A2%E6%95%B0">暗号化ハッシュ関数</a>を介して生成された固定長の値です。 Djangoは入力されたパスワードが正しいかどうかを、ハッシュ関数を介した値と保存されたハッシュ値を比較することでチェックできます。これは "一方向性" の機能であり、もし保存されているハッシュ値が侵害されても、攻撃者が元のパスワードを解読するのは困難です。</em><br> <br> - Djangoは、SQLインジェクション、クロスサイトスクリプティング(XSS)、クロスサイトリクエストフォージェリ(CSRF)、クリックジャッキングなどの多くの脆弱性に対する保護が有効です（これらの攻撃についての詳細は、 <a href="/en-US/docs/Learn/Server-side/First_steps/Website_security">ウェブサイトのセキュリティ</a> を参照してください）。</dd> + Djangoは、SQLインジェクション、クロスサイトスクリプティング(XSS)、クロスサイトリクエストフォージェリ(CSRF)、クリックジャッキングなどの多くの脆弱性に対する保護が有効です（これらの攻撃についての詳細は、 <a href="/ja/docs/Learn/Server-side/First_steps/Website_security">ウェブサイトのセキュリティ</a> を参照してください）。</dd> <dt>スケーラブル</dt> <dd>Djangoはコンポーネントベースの “<a href="https://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%BC%E3%83%89%E3%83%BB%E3%83%8A%E3%83%83%E3%82%B7%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%A2%E3%83%BC%E3%82%AD%E3%83%86%E3%82%AF%E3%83%81%E3%83%A3">シェアードナッシング</a>” アーキテクチャを採用しています（アーキテクチャの各部分は他と独立しており、必要に応じて置き換え、変更できます）。異なる部分を明確に分離しているため、キャッシュサーバー、データベースサーバー、アプリケーションサーバーの各ハードウェアをそれぞれ追加することによって、トラフィックの増加に合わせてスケールできるようになっています。いくつかの最も忙しいサイトは、ニーズを満たすためにDjangoを適切にスケールさせています（InstagramやDisqusなど）</dd> <dt>メンテナンス可能</dt> @@ -100,7 +100,7 @@ translation_of: Learn/Server-side/Django/Introduction </ul> <div class="note"> -<p><strong>ノート</strong>: Djangoはこの構成を "モデルビューテンプレート（Model View Template, MVT）" アーキテクチャと呼んでいます。これは <a href="/en-US/docs/Web/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">Model View Controller</a> アーキテクチャとよく似ています。 </p> +<p><strong>ノート</strong>: Djangoはこの構成を "モデルビューテンプレート（Model View Template, MVT）" アーキテクチャと呼んでいます。これは <a href="/ja/docs/Web/Apps/Fundamentals/Modern_web_app_architecture/MVC_architecture">Model View Controller</a> アーキテクチャとよく似ています。 </p> </div> <ul> diff --git a/files/ja/learn/server-side/django/models/index.html b/files/ja/learn/server-side/django/models/index.html index fb3952f6b9..33db071e52 100644 --- a/files/ja/learn/server-side/django/models/index.html +++ b/files/ja/learn/server-side/django/models/index.html @@ -13,7 +13,7 @@ translation_of: Learn/Server-side/Django/Models <tbody> <tr> <th scope="row">前提条件:</th> - <td><a href="/en-US/docs/Learn/Server-side/Django/skeleton_website">Django チュートリアル Part 2: Web サイトの骨組み作成</a>.</td> + <td><a href="/ja/docs/Learn/Server-side/Django/skeleton_website">Django チュートリアル Part 2: Web サイトの骨組み作成</a>.</td> </tr> <tr> <th scope="row">目標:</th> @@ -26,7 +26,7 @@ translation_of: Learn/Server-side/Django/Models <p>Django web applications access and manage data through Python objects referred to as models. Models define the <em>structure</em> of stored data, including the field <em>types</em> and possibly also their maximum size, default values, selection list options, help text for documentation, label text for forms, etc. The definition of the model is independent of the underlying database — you can choose one of several as part of your project settings. Once you've chosen what database you want to use, you don't need to talk to it directly at all — you just write your model structure and other code, and Django handles all the dirty work of communicating with the database for you.</p> -<p>This tutorial shows how to define and access the models for the <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">LocalLibrary website</a> example.</p> +<p>This tutorial shows how to define and access the models for the <a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">LocalLibrary website</a> example.</p> <h2 id="Designing_the_LocalLibrary_models">Designing the LocalLibrary models</h2> @@ -443,19 +443,19 @@ python3 manage.py migrate</code></pre> <h2 id="In_this_module">In this module</h2> <ul> - <li><a href="/en-US/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> </ul> diff --git a/files/ja/learn/server-side/django/skeleton_website/index.html b/files/ja/learn/server-side/django/skeleton_website/index.html index 0d76ae46eb..f56181d038 100644 --- a/files/ja/learn/server-side/django/skeleton_website/index.html +++ b/files/ja/learn/server-side/django/skeleton_website/index.html @@ -21,7 +21,7 @@ translation_of: Learn/Server-side/Django/skeleton_website <tbody> <tr> <th scope="row">前提条件:</th> - <td><a href="/en-US/docs/Learn/Server-side/Django/development_environment">Django 開発環境の設定</a>。<a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Djangoチュートリアル</a>を確認してください。</td> + <td><a href="/ja/docs/Learn/Server-side/Django/development_environment">Django 開発環境の設定</a>。<a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Djangoチュートリアル</a>を確認してください。</td> </tr> <tr> <th scope="row">目的:</th> @@ -47,7 +47,7 @@ translation_of: Learn/Server-side/Django/skeleton_website <li><span style="line-height: 1.5;">url/path マッパーはそれらのアプリケーションを</span>結びつけます。</li> </ol> -<p><a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Local Library website</a> のために、ウェブサイトフォルダとプロジェクトフォルダは<em>locallibrary</em> という名前をつけます。また、１つのアプリケーションは<em>catalog</em>という名前をつけます。 したがって、最上位のフォルダ構成は以下のようになります。:</p> +<p><a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Local Library website</a> のために、ウェブサイトフォルダとプロジェクトフォルダは<em>locallibrary</em> という名前をつけます。また、１つのアプリケーションは<em>catalog</em>という名前をつけます。 したがって、最上位のフォルダ構成は以下のようになります。:</p> <pre class="brush: bash"><em>locallibrary/ # Website folder</em> <strong>manage.py </strong># Script to run Django tools for this project (created using django-admin) @@ -59,7 +59,7 @@ translation_of: Learn/Server-side/Django/skeleton_website <h2 id="プロジェクトの作成">プロジェクトの作成</h2> -<p>始めにコマンドプロンプトまたはターミナルを開いて、（先に自分が仮想環境(<a href="/en-US/docs/Learn/Server-side/Django/development_environment#Using_a_virtual_environment">virtual environment</a>)にいることを確認して下さい）、Djangoアプリを格納したい場所へ移動します（ドキュメントフォルダの中など探しやすい場所にしましょう）。そして、新しいウェブサイトのフォルダ（この場合は<em> locallibrary</em>）<span style="line-height: 1.5;">を作りましょう。そして、cdコマンドでそのフォルダへ移動しましょう。</span></p> +<p>始めにコマンドプロンプトまたはターミナルを開いて、（先に自分が仮想環境(<a href="/ja/docs/Learn/Server-side/Django/development_environment#Using_a_virtual_environment">virtual environment</a>)にいることを確認して下さい）、Djangoアプリを格納したい場所へ移動します（ドキュメントフォルダの中など探しやすい場所にしましょう）。そして、新しいウェブサイトのフォルダ（この場合は<em> locallibrary</em>）<span style="line-height: 1.5;">を作りましょう。そして、cdコマンドでそのフォルダへ移動しましょう。</span></p> <pre class="brush: bash">mkdir locallibrary cd locallibrary</pre> @@ -154,7 +154,7 @@ cd locallibrary</pre> <p>追加した新しい行はアプリケーションの構成オブジェクト(<code>CatalogConfig</code>) を指定しており、それはアプリケーション作成時に<strong>/locallibrary/catalog/apps.py</strong> によって生成されています。</p> <div class="note"> -<p><strong>メモ</strong>: すでにたくさんの他の<code>INSTALLED_APPS</code> (<code>MIDDLEWARE</code>も同様。設定ファイルのさらに下の方にあります)が存在していることに気づいたでしょう。これらは、<a href="/en-US/docs/Learn/Server-side/Django/Admin_site">Django administration site</a> をサポートすること可能にし、その結果、Djangoが使用するたくさんの機能(セッション、認証など)をサポートします。</p> +<p><strong>メモ</strong>: すでにたくさんの他の<code>INSTALLED_APPS</code> (<code>MIDDLEWARE</code>も同様。設定ファイルのさらに下の方にあります)が存在していることに気づいたでしょう。これらは、<a href="/ja/docs/Learn/Server-side/Django/Admin_site">Django administration site</a> をサポートすること可能にし、その結果、Djangoが使用するたくさんの機能(セッション、認証など)をサポートします。</p> </div> <h2 id="データベースの指定">データベースの指定</h2> @@ -366,7 +366,7 @@ python3 manage.py migrate <p>You have now created a complete skeleton website project, which you can go on to populate with urls, models, views, and templates.</p> -<p>Now the skeleton for the <a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Local Library website</a> is complete and running, it's time to start writing the code that makes this website do what it is supposed to do. </p> +<p>Now the skeleton for the <a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Local Library website</a> is complete and running, it's time to start writing the code that makes this website do what it is supposed to do. </p> <h2 id="参考文献">参考文献</h2> @@ -380,19 +380,19 @@ python3 manage.py migrate <h2 id="このモジュール内">このモジュール内</h2> <ul> - <li><a href="/en-US/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> </ul> diff --git a/files/ja/learn/server-side/django/web_application_security/index.html b/files/ja/learn/server-side/django/web_application_security/index.html index 496fac0fbd..238f39f416 100644 --- a/files/ja/learn/server-side/django/web_application_security/index.html +++ b/files/ja/learn/server-side/django/web_application_security/index.html @@ -7,13 +7,13 @@ translation_of: Learn/Server-side/Django/web_application_security <div>{{PreviousMenuNext("Learn/Server-side/Django/Deployment", "Learn/Server-side/Django/django_assessment_blog", "Learn/Server-side/Django")}}</div> -<div>ユーザーのデータを守ることはWebデザインにおいて重要です。 以前、より一般的なセキュリティの脅威の一部を <a href="https://developer.mozilla.org/en-US/docs/Web/Security">Webセキュリティ</a> の記事で説明しました— 本記事ではDjangoにビルトインされている保護機能がそのような脅威にどう対応しているか、より実践的な動きを見ながら説明していきます。</div> +<div>ユーザーのデータを守ることはWebデザインにおいて重要です。 以前、より一般的なセキュリティの脅威の一部を <a href="/ja/docs/Web/Security">Webセキュリティ</a> の記事で説明しました— 本記事ではDjangoにビルトインされている保護機能がそのような脅威にどう対応しているか、より実践的な動きを見ながら説明していきます。</div> <table class="learn-box standard-table"> <tbody> <tr> <th scope="row">前提条件:</th> - <td>Read the サーバーサイドプログラミングの "<a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/First_steps/Website_security">Webサイトセキュリティ</a>" の記事を読んでいること。Djangoチュートリアルを少なくとも <a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a> まで完了していること。</td> + <td>Read the サーバーサイドプログラミングの "<a href="/ja/docs/Learn/Server-side/First_steps/Website_security">Webサイトセキュリティ</a>" の記事を読んでいること。Djangoチュートリアルを少なくとも <a href="/ja/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a> まで完了していること。</td> </tr> <tr> <th scope="row">目標:</th> @@ -24,7 +24,7 @@ translation_of: Learn/Server-side/Django/web_application_security <h2 id="概要">概要</h2> -<p>The <a href="https://developer.mozilla.org/en-US/docs/Web/Security">Website security</a> topic provides an overview of what website security means for server-side design, and some of the more common threats that you may need to protect against. One of the key messages in that article is that almost all attacks are successful when the web application trusts data from the browser.</p> +<p>The <a href="/ja/docs/Web/Security">Website security</a> topic provides an overview of what website security means for server-side design, and some of the more common threats that you may need to protect against. One of the key messages in that article is that almost all attacks are successful when the web application trusts data from the browser.</p> <div class="warning"> <p><strong>Important:</strong> The single most important lesson you can learn about website security is to <strong>never trust data from the browser</strong>. This includes <code>GET</code> request data in URL parameters, <code>POST</code> data, HTTP headers and cookies, user-uploaded files, etc. Always check and sanitize all incoming data. Always assume the worst.</p> @@ -34,13 +34,13 @@ translation_of: Learn/Server-side/Django/web_application_security <h2 id="Common_threatsprotections">Common threats/protections</h2> -<p>Rather than duplicate the Django documentation here, in this article we'll demonstrate just a few of the security features in the context of our Django <a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">LocalLibrary</a> tutorial.</p> +<p>Rather than duplicate the Django documentation here, in this article we'll demonstrate just a few of the security features in the context of our Django <a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">LocalLibrary</a> tutorial.</p> <h3 id="Cross_site_scripting_(XSS)">Cross site scripting (XSS)</h3> <p>XSS is a term used to describe a class of attacks that allow an attacker to inject client-side scripts <em>through</em> the website into the browsers of other users. This is usually achieved by storing malicious scripts in the database where they can be retrieved and displayed to other users, or by getting users to click a link that will cause the attacker’s JavaScript to be executed by the user’s browser.</p> -<p>Django's template system protects you against the majority of XSS attacks by <a href="https://docs.djangoproject.com/en/2.0/ref/templates/language/#automatic-html-escaping">escaping specific characters</a> that are "dangerous" in HTML. We can demonstrate this by attempting to inject some JavaScript into our LocalLibrary website using the Create-author form we set up in <a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a>.</p> +<p>Django's template system protects you against the majority of XSS attacks by <a href="https://docs.djangoproject.com/en/2.0/ref/templates/language/#automatic-html-escaping">escaping specific characters</a> that are "dangerous" in HTML. We can demonstrate this by attempting to inject some JavaScript into our LocalLibrary website using the Create-author form we set up in <a href="/ja/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a>.</p> <ol> <li>Start the website using the development server (<code>python3 manage.py runserver</code>).</li> @@ -114,7 +114,7 @@ translation_of: Learn/Server-side/Django/web_application_security <dt>SQL injection protection</dt> <dd>SQL injection vulnerabilities enable malicious users to execute arbitrary SQL code on a database, allowing data to be accessed, modified, or deleted irrespective of the user's permissions. In almost every case you'll be accessing the database using Django’s querysets/models, so the resulting SQL will be properly escaped by the underlying database driver. If you do need to write raw queries or custom SQL then you'll need to explicitly think about preventing SQL injection.</dd> <dt>Clickjacking protection</dt> - <dd>In this attack a malicious user hijacks clicks meant for a visible top level site and routes them to a hidden page beneath. This technique might be used, for example, to display a legitimate bank site but capture the login credentials in an invisible <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" title="The HTML Inline Frame Element (<iframe>) represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain a head and a body or a head and a frameset, but not both a body and a frameset. However, an <iframe> can be used within a normal document body. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the parent browsing context. The top-level browsing context (which has no parent) is typically the browser window."><code><iframe></code></a> controlled by the attacker. Django contains <a href="https://docs.djangoproject.com/en/2.0/ref/clickjacking/#clickjacking-prevention">clickjacking protection</a> in the form of the <a href="https://docs.djangoproject.com/en/2.0/ref/middleware/#django.middleware.clickjacking.XFrameOptionsMiddleware" title="django.middleware.clickjacking.XFrameOptionsMiddleware"><code>X-Frame-Options middleware</code></a> which, in a supporting browser, can prevent a site from being rendered inside a frame.</dd> + <dd>In this attack a malicious user hijacks clicks meant for a visible top level site and routes them to a hidden page beneath. This technique might be used, for example, to display a legitimate bank site but capture the login credentials in an invisible <a href="/ja/docs/Web/HTML/Element/iframe" title="The HTML Inline Frame Element (<iframe>) represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain a head and a body or a head and a frameset, but not both a body and a frameset. However, an <iframe> can be used within a normal document body. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the parent browsing context. The top-level browsing context (which has no parent) is typically the browser window."><code><iframe></code></a> controlled by the attacker. Django contains <a href="https://docs.djangoproject.com/en/2.0/ref/clickjacking/#clickjacking-prevention">clickjacking protection</a> in the form of the <a href="https://docs.djangoproject.com/en/2.0/ref/middleware/#django.middleware.clickjacking.XFrameOptionsMiddleware" title="django.middleware.clickjacking.XFrameOptionsMiddleware"><code>X-Frame-Options middleware</code></a> which, in a supporting browser, can prevent a site from being rendered inside a frame.</dd> <dt>Enforcing SSL/HTTPS</dt> <dd>SSL/HTTPS can be enabled on the web server in order to encrypt all traffic between the site and browser, including authentication credentials that would otherwise be sent in plain text (enabling HTTPS is highly recommended). If HTTPS is enabled then Django provides a number of other protections you can use:</dd> </dl> @@ -142,15 +142,15 @@ translation_of: Learn/Server-side/Django/web_application_security <p>This has been a very brief foray into web security. We strongly recommend that you read <a href="https://docs.djangoproject.com/en/2.0/topics/security/">Security in Django</a> to gain a deeper understanding.</p> -<p>The next and final step in this module about Django is to complete the <a href="/en-US/docs/Learn/Server-side/Django/django_assessment_blog">assessment task</a>.</p> +<p>The next and final step in this module about Django is to complete the <a href="/ja/docs/Learn/Server-side/Django/django_assessment_blog">assessment task</a>.</p> <h2 id="See_also">See also</h2> <ul> <li><a href="https://docs.djangoproject.com/en/2.0/topics/security/">Security in Django</a> (Django docs)</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/Security">Server side website security</a> (MDN)</li> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/Security">Web security</a> (MDN)</li> - <li><a href="/en-US/docs/Web/Security/Securing_your_site">Securing your site</a> (MDN)</li> + <li><a href="/ja/docs/Web/Security">Server side website security</a> (MDN)</li> + <li><a href="/ja/docs/Web/Security">Web security</a> (MDN)</li> + <li><a href="/ja/docs/Web/Security/Securing_your_site">Securing your site</a> (MDN)</li> </ul> <p>{{PreviousMenuNext("Learn/Server-side/Django/Deployment", "Learn/Server-side/Django/django_assessment_blog", "Learn/Server-side/Django")}}</p> @@ -160,21 +160,21 @@ translation_of: Learn/Server-side/Django/web_application_security <h2 id="In_this_module">In this module</h2> <ul> - <li><a href="/en-US/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> - <li><a href="/en-US/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Introduction">Django introduction</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/development_environment">Setting up a Django development environment</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Tutorial_local_library_website">Django Tutorial: The Local Library website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/skeleton_website">Django Tutorial Part 2: Creating a skeleton website</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Models">Django Tutorial Part 3: Using models</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Admin_site">Django Tutorial Part 4: Django admin site</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Home_page">Django Tutorial Part 5: Creating our home page</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Generic_views">Django Tutorial Part 6: Generic list and detail views</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Sessions">Django Tutorial Part 7: Sessions framework</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Authentication">Django Tutorial Part 8: User authentication and permissions</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Forms">Django Tutorial Part 9: Working with forms</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Testing">Django Tutorial Part 10: Testing a Django web application</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/Deployment">Django Tutorial Part 11: Deploying Django to production</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/web_application_security">Django web application security</a></li> + <li><a href="/ja/docs/Learn/Server-side/Django/django_assessment_blog">DIY Django mini blog</a></li> </ul> <p> </p> diff --git a/files/ja/learn/server-side/express_nodejs/deployment/index.html b/files/ja/learn/server-side/express_nodejs/deployment/index.html index 6f8b60f094..768095355b 100644 --- a/files/ja/learn/server-side/express_nodejs/deployment/index.html +++ b/files/ja/learn/server-side/express_nodejs/deployment/index.html @@ -35,7 +35,7 @@ translation_of: Learn/Server-side/Express_Nodejs/deployment <p>Once your site is finished (or finished "enough" to start public testing) you're going to need to host it somewhere more public and accessible than your personal development computer.</p> -<p>Up to now, you've been working in a <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/development_environment">development environment</a>, using Express/Node as a web server to share your site to the local browser/network, and running your website with (insecure) development settings that expose debugging and other private information. Before you can host a website externally you're first going to have to:</p> +<p>Up to now, you've been working in a <a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">development environment</a>, using Express/Node as a web server to share your site to the local browser/network, and running your website with (insecure) development settings that expose debugging and other private information. Before you can host a website externally you're first going to have to:</p> <ul> <li>Choose an environment for hosting the Express app.</li> @@ -45,7 +45,7 @@ translation_of: Learn/Server-side/Express_Nodejs/deployment <p>This tutorial provides some guidance on your options for choosing a hosting site, a brief overview of what you need to do in order to get your Express app ready for production, and a worked example of how to install the LocalLibrary website onto the <a href="https://www.heroku.com/">Heroku</a> cloud hosting service.</p> -<p>Bear in mind that you don't have to use Heroku — there are other hosting services available. We've also provided a separate tutorial to show how to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry">Install LocalLibrary on PWS/Cloud Foundry</a>.</p> +<p>Bear in mind that you don't have to use Heroku — there are other hosting services available. We've also provided a separate tutorial to show how to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry">Install LocalLibrary on PWS/Cloud Foundry</a>.</p> <h2 id="What_is_a_production_environment">What is a production environment?</h2> @@ -97,7 +97,7 @@ translation_of: Learn/Server-side/Express_Nodejs/deployment <li>Whether the "free" tier you're relying on expires over time, and whether the cost of migrating to a more expensive tier means you would have been better off using some other service in the first place!</li> </ul> -<p>The good news when you're starting out is that there are quite a few sites that provide computing environments for "free", albeit with some conditions. For example, <a href="https://www.heroku.com/">Heroku</a> provides a free but resource-limited <em>PaaS</em> environment "forever", while <a href="http://docs.aws.amazon.com/awsaccountbilling/latest/aboutv2/billing-free-tier.html">Amazon Web Services</a>, <a href="https://azure.microsoft.com/en-us/pricing/details/app-service/">Microsoft Azure</a>, and the open source option <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry">PWS/Cloud Foundry</a> provide free credit when you first join.</p> +<p>The good news when you're starting out is that there are quite a few sites that provide computing environments for "free", albeit with some conditions. For example, <a href="https://www.heroku.com/">Heroku</a> provides a free but resource-limited <em>PaaS</em> environment "forever", while <a href="http://docs.aws.amazon.com/awsaccountbilling/latest/aboutv2/billing-free-tier.html">Amazon Web Services</a>, <a href="https://azure.microsoft.com/en-us/pricing/details/app-service/">Microsoft Azure</a>, and the open source option <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry">PWS/Cloud Foundry</a> provide free credit when you first join.</p> <p>Many providers also have a "basic" tier that provides more useful levels of computing power and fewer limitations. <a href="https://www.digitalocean.com/">Digital Ocean</a> is an example of a popular hosting provider that offers a relatively inexpensive basic computing tier (in the $5 per month lower range at time of writing).</p> @@ -382,7 +382,7 @@ v8.9.1</pre> <pre class="brush: bash">npm install </pre> -<p>Now run the site (see <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/routes#Testing_the_routes">Testing the routes</a> for the relevant commands) and check that the site still behaves as you expect.</p> +<p>Now run the site (see <a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes#Testing_the_routes">Testing the routes</a> for the relevant commands) and check that the site still behaves as you expect.</p> <h4 id="Save_changes_to_Github">Save changes to Github</h4> @@ -446,7 +446,7 @@ Setting NODE_ENV and restarting limitless-tor-18923... done, v13 NODE_ENV: production </pre> -<p>We should also use a separate database for production, setting its URI in the <strong>MONGODB_URI</strong> environment variable. You can set up a new database and database-user exactly <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose#Setting_up_the_MongoDB_database">as we did originally</a>, and get its URI. You can set the URI as shown (obviously, using your own URI!)</p> +<p>We should also use a separate database for production, setting its URI in the <strong>MONGODB_URI</strong> environment variable. You can set up a new database and database-user exactly <a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose#Setting_up_the_MongoDB_database">as we did originally</a>, and get its URI. You can set the URI as shown (obviously, using your own URI!)</p> <pre class="brush: bash">>heroku config:set <strong>MONGODB_URI</strong>='mongodb://your_user:your_password@ds139278.mlab.com:39278/local_library_production' Setting MONGODB_URI and restarting limitless-tor-18923... done, v13 @@ -513,13 +513,13 @@ heroku ps #Display dyno status <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/development_environment/index.html b/files/ja/learn/server-side/express_nodejs/development_environment/index.html index 7bfa26bb88..47c9aa76ce 100644 --- a/files/ja/learn/server-side/express_nodejs/development_environment/index.html +++ b/files/ja/learn/server-side/express_nodejs/development_environment/index.html @@ -46,7 +46,7 @@ translation_of: Learn/Server-side/Express_Nodejs/development_environment <p><em>Node</em> と <em>NPM</em> パッケージマネージャーは、準備されたバイナリパッケージ、インストーラー、オペレーティングシステムのパッケージマネージャー、またはソースから一緒にインストールされます (次のセクションを参照)。 <em>Express</em> は、<em>NPM</em> によって、個々の <em>Express</em> ウェブアプリケーションの依存関係として (テンプレートエンジン、データベースドライバー、認証ミドルウェア、静的ファイルを提供するためのミドルウェアなどの他のライブラリと共に) インストールされます。</p> -<p><em>NPM</em> は <a href="https://developer.mozilla.org/ja/docs/Glossary/MVC">MVC パターン</a>に従ったスケルトンの <em>Express</em> ウェブアプリケーションを作成するための便利なツールである <em>Express Application Generator</em>を (グローバルに) インストールするためにも使用できます。Express を使用するアプリを作成したり、同じアーキテクチャ上のレイアウトや依存関係を持つ Express アプリを構築したりするためにこのツールを使用する必要はないため、アプリケーションジェネレーターはオプションです。ただし、使い始めるのがはるかに簡単になり、モジュール式のアプリケーション構造が促進されるため、これを使用します。</p> +<p><em>NPM</em> は <a href="/ja/docs/Glossary/MVC">MVC パターン</a>に従ったスケルトンの <em>Express</em> ウェブアプリケーションを作成するための便利なツールである <em>Express Application Generator</em>を (グローバルに) インストールするためにも使用できます。Express を使用するアプリを作成したり、同じアーキテクチャ上のレイアウトや依存関係を持つ Express アプリを構築したりするためにこのツールを使用する必要はないため、アプリケーションジェネレーターはオプションです。ただし、使い始めるのがはるかに簡単になり、モジュール式のアプリケーション構造が促進されるため、これを使用します。</p> <div class="note"> <p><strong>メモ:</strong> 他のウェブフレームワークとは異なり、開発環境には独立した開発用の ウェブサーバーは含まれていません。<em>Node/Express</em> では、ウェブアプリケーションが独自のウェブサーバーを作成して実行します。</p> @@ -398,13 +398,13 @@ DEBUG=helloworld:* npm start <h2 id="このモジュールの中">このモジュールの中</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館のウェブサイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトンウェブサイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラー</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館のウェブサイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトンウェブサイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラー</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/author_detail_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/author_detail_page/index.html index 5c4acc7193..6598ed7e3d 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/author_detail_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/author_detail_page/index.html @@ -84,6 +84,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to final subarticle of part 5 : <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/BookInstance_detail_page_and_challenge">BookInstance detail page and challenge</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to final subarticle of part 5 : <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/BookInstance_detail_page_and_challenge">BookInstance detail page and challenge</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/author_list_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/author_list_page/index.html index f738902bfb..363c25ea64 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/author_list_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/author_list_page/index.html @@ -53,12 +53,12 @@ block content <p><img alt="Author List Page - Express Local Library site" src="https://mdn.mozillademos.org/files/14468/LocalLibary_Express_Author_List.png" style="display: block; height: 453px; margin: 0px auto; width: 1200px;"></p> <div class="note"> -<p><strong>Note:</strong> The appearance of the author <em>lifespan </em>dates is ugly! You can improve this using the <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data#date_formatting">same approach</a> as we used for the <code>BookInstance</code> list (adding the virtual property for the lifespan to the <code>Author</code> model). This time, however, there are missing dates, and references to nonexistent properties are ignored unless strict mode is in effect. <code>moment()</code> returns the current time, and you don't want missing dates to be formatted as if they were today. One way to deal with this is to define the body of the function that returns a formatted date so it returns a blank string unless the date actually exists. For example:</p> +<p><strong>Note:</strong> The appearance of the author <em>lifespan </em>dates is ugly! You can improve this using the <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data#date_formatting">same approach</a> as we used for the <code>BookInstance</code> list (adding the virtual property for the lifespan to the <code>Author</code> model). This time, however, there are missing dates, and references to nonexistent properties are ignored unless strict mode is in effect. <code>moment()</code> returns the current time, and you don't want missing dates to be formatted as if they were today. One way to deal with this is to define the body of the function that returns a formatted date so it returns a blank string unless the date actually exists. For example:</p> <p><code>return this.date_of_birth ? moment(this.date_of_birth).format('YYYY-MM-DD') : '';</code></p> </div> -<h2 id="Genre_list_page—challenge!Edit">Genre list page—challenge!<a class="button section-edit only-icon" href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data$edit#Genre_list_page—challenge!" rel="nofollow, noindex"><span>Edit</span></a></h2> +<h2 id="Genre_list_page—challenge!Edit">Genre list page—challenge!<a class="button section-edit only-icon" href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data$edit#Genre_list_page—challenge!" rel="nofollow, noindex"><span>Edit</span></a></h2> <p>In this section you should implement your own genre list page. The page should display a list of all genres in the database, with each genre linked to its associated detail page. A screenshot of the expected result is shown below.</p> @@ -80,6 +80,6 @@ block content <h2 id="Next_steps">Next steps</h2> -<p>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</p> +<p>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</p> -<p>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Genre_detail_page">Genre detail page</a>.</p> +<p>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Genre_detail_page">Genre detail page</a>.</p> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/book_detail_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/book_detail_page/index.html index f2080e6109..0655111870 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/book_detail_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/book_detail_page/index.html @@ -107,6 +107,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Author_detail_page">Author detail page</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Author_detail_page">Author detail page</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/book_list_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/book_list_page/index.html index 4dfc9c5a5e..ec3737a832 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/book_list_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/book_list_page/index.html @@ -56,13 +56,13 @@ block content <h2 class="highlight-spanned" id="What_does_it_look_like"><span class="highlight-span">What does it look like?</span></h2> -<p>Run the application (see <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes#Testing_the_routes">Testing the routes</a> for the relevant commands) and open your browser to <a class="external external-icon" href="http://localhost:3000/" rel="noopener">http://localhost:3000/</a>. Then select the <em>All books </em>link. If everything is set up correctly, your site should look something like the following screenshot.</p> +<p>Run the application (see <a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes#Testing_the_routes">Testing the routes</a> for the relevant commands) and open your browser to <a class="external external-icon" href="http://localhost:3000/" rel="noopener">http://localhost:3000/</a>. Then select the <em>All books </em>link. If everything is set up correctly, your site should look something like the following screenshot.</p> <p><img alt="Book List Page - Express Local Library site" src="https://mdn.mozillademos.org/files/14464/LocalLibary_Express_Book_List.png" style="border-style: solid; border-width: 1px; display: block; height: 387px; margin: 0px auto; width: 918px;"></p> <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/BookInstance_list_page">BookInstance list page</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/BookInstance_list_page">BookInstance list page</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.html index 3c6cace6a5..6ec61cb4ea 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.html @@ -87,5 +87,5 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_list_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_list_page/index.html index 9bc7ee305f..f196628b07 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_list_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/bookinstance_list_page/index.html @@ -64,6 +64,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Date_formatting_using_moment">Date formatting using moment</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Date_formatting_using_moment">Date formatting using moment</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/date_formatting_using_moment/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/date_formatting_using_moment/index.html index 58851991b5..be96007add 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/date_formatting_using_moment/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/date_formatting_using_moment/index.html @@ -53,8 +53,8 @@ translation_of: Learn/Server-side/Express_Nodejs/Displaying_data/Date_formatting <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Author_list_page">Author list page and Genre list page challenge</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Author_list_page">Author list page and Genre list page challenge</a>.</li> </ul> <p> </p> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/flow_control_using_async/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/flow_control_using_async/index.html index 0639f79bc3..807f896ed5 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/flow_control_using_async/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/flow_control_using_async/index.html @@ -132,6 +132,6 @@ translation_of: Learn/Server-side/Express_Nodejs/Displaying_data/flow_control_us <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of Part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Template_primer">Template primer</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of Part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Template_primer">Template primer</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/genre_detail_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/genre_detail_page/index.html index 40770c5ef2..2edc3229bc 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/genre_detail_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/genre_detail_page/index.html @@ -57,7 +57,7 @@ exports.genre_detail = function(req, res, next) { }</strong> </pre> -<p>The message will then propagate through to our error handling code (this was set up when we <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website#error_handling">generated the app skeleton</a> - for more information see <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction#Handling_errors">Handling Errors</a>).</p> +<p>The message will then propagate through to our error handling code (this was set up when we <a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website#error_handling">generated the app skeleton</a> - for more information see <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction#Handling_errors">Handling Errors</a>).</p> </div> <p>The rendered view is <strong>genre_detail</strong> and it is passed variables for the <code>title</code>, <code>genre</code> and the list of books in this genre (<code>genre_books</code>).</p> @@ -116,6 +116,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Book_detail_page">Book detail page</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Book_detail_page">Book detail page</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/home_page/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/home_page/index.html index 3e2f337370..74a74b3109 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/home_page/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/home_page/index.html @@ -9,7 +9,7 @@ translation_of: Learn/Server-side/Express_Nodejs/Displaying_data/Home_page <h2 id="Route">Route</h2> -<p>We created our index page routes in a <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes">previous tutorial.</a> As a reminder, all the route functions are defined in <strong>/routes/catalog.js</strong>:</p> +<p>We created our index page routes in a <a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">previous tutorial.</a> As a reminder, all the route functions are defined in <strong>/routes/catalog.js</strong>:</p> <pre class="brush: js ">// GET catalog home page. router.get('/', book_controller.index); //This actually maps to /catalog/ because we import the route with a /catalog prefix</pre> @@ -27,7 +27,7 @@ router.get('/', book_controller.index); //This actually maps to /catalog/ becau <p>The index controller function needs to fetch information about how many <code>Book</code>, <code>BookInstance</code>, available <code>BookInstance</code>, <code>Author</code>, and <code>Genre</code> records we have in the database, render this data in a template to create an HTML page, and then return it in an HTTP response.</p> <div class="note"> -<p><strong>Note:</strong> We use the <code><a class="external external-icon" href="http://mongoosejs.com/docs/api.html#model_Model.countDocuments" rel="noopener">countDocuments()</a></code> method to get the number of instances of each model. This is called on a model with an optional set of conditions to match against in the first argument and a callback in the second argument (as discussed in <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose">Using a Database (with Mongoose)</a>, and you can also return a <code>Query</code> and then execute it with a callback later. The callback will be returned when the database returns the count, with an error value (or <code>null</code>) as the first parameter and the count of records (or null if there was an error) as the second parameter.</p> +<p><strong>Note:</strong> We use the <code><a class="external external-icon" href="http://mongoosejs.com/docs/api.html#model_Model.countDocuments" rel="noopener">countDocuments()</a></code> method to get the number of instances of each model. This is called on a model with an optional set of conditions to match against in the first argument and a callback in the second argument (as discussed in <a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Using a Database (with Mongoose)</a>, and you can also return a <code>Query</code> and then execute it with a callback later. The callback will be returned when the database returns the count, with an error value (or <code>null</code>) as the first parameter and the count of records (or null if there was an error) as the second parameter.</p> <pre class="brush: js ">SomeModel.countDocuments({ a_model_field: 'match_value' }, function (err, count) { // ... do something if there is an err @@ -128,6 +128,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Book_list_page">Book list page</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Book_list_page">Book list page</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/index.html index 5726b6c0e1..3877cc76f3 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/index.html @@ -80,13 +80,13 @@ translation_of: Learn/Server-side/Express_Nodejs/Displaying_data <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/locallibrary_base_template/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/locallibrary_base_template/index.html index a97c536eb2..91d52ad66f 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/locallibrary_base_template/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/locallibrary_base_template/index.html @@ -49,7 +49,7 @@ html(lang='en') <p>The template uses (and includes) JavaScript and CSS from <a class="external external-icon" href="http://getbootstrap.com/" rel="noopener">Bootstrap</a> to improve the layout and presentation of the HTML page. Using Bootstrap or another client-side web framework is a quick way to create an attractive page that can scale well on different browser sizes, and it also allows us to deal with the page presentation without having to get into any of the details—we just want to focus on the server-side code here!</p> -<p>The layout should be fairly obvious if you've read our above <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data#Template_primer">Template primer</a>. Note the use of <code>block content</code> as a placeholder for where the content for our individual pages will be placed.</p> +<p>The layout should be fairly obvious if you've read our above <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data#Template_primer">Template primer</a>. Note the use of <code>block content</code> as a placeholder for where the content for our individual pages will be placed.</p> <p>The base template also references a local css file (<strong>style.css</strong>) that provides a little additional styling. Open <strong>/public/stylesheets/style.css</strong> and replace its content with the following CSS code:</p> @@ -64,6 +64,6 @@ html(lang='en') <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Home_page">Home page</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/Home_page">Home page</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/displaying_data/template_primer/index.html b/files/ja/learn/server-side/express_nodejs/displaying_data/template_primer/index.html index a68921a6a7..f8029cb236 100644 --- a/files/ja/learn/server-side/express_nodejs/displaying_data/template_primer/index.html +++ b/files/ja/learn/server-side/express_nodejs/displaying_data/template_primer/index.html @@ -17,7 +17,7 @@ translation_of: Learn/Server-side/Express_Nodejs/Displaying_data/Template_primer <h2 class="highlight-spanned" id="Template_configuration"><span class="highlight-span">Template configuration</span></h2> -<p>The <em>LocalLibrary</em> was configured to use <a class="external external-icon" href="https://pugjs.org/api/getting-started.html" rel="noopener">Pug</a> when we <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">created the skeleton website</a>. You should see the pug module included as a dependency in the website's <strong>package.json</strong> file, and the following configuration settings in the <strong>app.js</strong> file. The settings tell us that we're using pug as the view engine, and that <em>Express</em> should search for templates in the <strong>/views</strong> subdirectory.</p> +<p>The <em>LocalLibrary</em> was configured to use <a class="external external-icon" href="https://pugjs.org/api/getting-started.html" rel="noopener">Pug</a> when we <a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">created the skeleton website</a>. You should see the pug module included as a dependency in the website's <strong>package.json</strong> file, and the following configuration settings in the <strong>app.js</strong> file. The settings tell us that we're using pug as the view engine, and that <em>Express</em> should search for templates in the <strong>/views</strong> subdirectory.</p> <pre class="brush: js line-numbers language-js"><code class="language-js"><span class="comment token">// View engine setup.</span> app<span class="punctuation token">.</span><span class="keyword token">set</span><span class="punctuation token">(</span><span class="string token">'views'</span><span class="punctuation token">,</span> path<span class="punctuation token">.</span><span class="function token">join</span><span class="punctuation token">(</span>__dirname<span class="punctuation token">,</span> <span class="string token">'views'</span><span class="punctuation token">)</span><span class="punctuation token">)</span><span class="punctuation token">;</span> @@ -121,7 +121,7 @@ else <p>Across a site, it is usual for all pages to have a common structure, including standard HTML markup for the head, footer, navigation, etc. Rather than forcing developers to duplicate this "boilerplate" in every page, <em>Pug</em> allows you to declare a base template and then extend it, replacing just the bits that are different for each specific page.</p> -<p>For example, the base template <strong>layout.pug</strong> created in our <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">skeleton project</a> looks like this:</p> +<p>For example, the base template <strong>layout.pug</strong> created in our <a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">skeleton project</a> looks like this:</p> <pre class="brush: html line-numbers language-html"><code class="language-html">doctype html html @@ -144,6 +144,6 @@ block content <h2 id="Next_steps">Next steps</h2> <ul> - <li>Return to <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> - <li>Proceed to the next subarticle of part 5: <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/Displaying_data/LocalLibrary_base_template">The LocalLibrary base template</a>.</li> + <li>Return to <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express Tutorial Part 5: Displaying library data</a>.</li> + <li>Proceed to the next subarticle of part 5: <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data/LocalLibrary_base_template">The LocalLibrary base template</a>.</li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/forms/index.html b/files/ja/learn/server-side/express_nodejs/forms/index.html index ea3d378895..bf47160aaf 100644 --- a/files/ja/learn/server-side/express_nodejs/forms/index.html +++ b/files/ja/learn/server-side/express_nodejs/forms/index.html @@ -185,7 +185,7 @@ sanitizeBody('date').toDate(),</pre> <p>In order to implement our form handling code, we will need two routes that have the same URL pattern. The first (<code>GET</code>) route is used to display a new empty form for creating the object. The second route (<code>POST</code>) is used for validating data entered by the user, and then saving the information and redirecting to the detail page (if the data is valid) or redisplaying the form with errors (if the data is invalid).</p> -<p>We have already created the routes for all our model's create pages in <strong>/routes/catalog.js</strong> (in a <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/routes">previous tutorial</a>). For example, the genre routes are shown below:</p> +<p>We have already created the routes for all our model's create pages in <strong>/routes/catalog.js</strong> (in a <a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">previous tutorial</a>). For example, the genre routes are shown below:</p> <pre class="brush: js notranslate">// GET request for creating a Genre. NOTE This must come before route that displays Genre (uses id). router.get('/genre/create', genre_controller.genre_create_get); @@ -199,12 +199,12 @@ router.post('/genre/create', genre_controller.genre_create_post); <p>The following sub articles will take us through the process of adding the required forms to our example application. You need to read and work through each one in turn, before moving on to the next one.</p> <ol> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Create_genre_form">Create Genre form</a> — Defining a page to create <code>Genre</code> objects.</li> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Create_author_form">Create Author form</a> — Defining a page to create <code>Author</code> objects.</li> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Create_book_form">Create Book form</a> — Defining a page/form to create <code>Book</code> objects.</li> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Create_BookInstance_form">Create BookInstance form</a> — Defining a page/form to create <code>BookInstance</code> objects.</li> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Delete_author_form">Delete Author form</a> — Defining a page to delete <code>Author</code> objects.</li> - <li><a href="/en-US/docs/Learn/Server-side/Express_Nodejs/forms/Update_Book_form">Update Book form</a> — Defining page to update <code>Book</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Create_genre_form">Create Genre form</a> — Defining a page to create <code>Genre</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Create_author_form">Create Author form</a> — Defining a page to create <code>Author</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Create_book_form">Create Book form</a> — Defining a page/form to create <code>Book</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Create_BookInstance_form">Create BookInstance form</a> — Defining a page/form to create <code>BookInstance</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Delete_author_form">Delete Author form</a> — Defining a page to delete <code>Author</code> objects.</li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms/Update_Book_form">Update Book form</a> — Defining page to update <code>Book</code> objects.</li> </ol> <h2 id="Challenge_yourself">Challenge yourself</h2> @@ -251,13 +251,13 @@ router.post('/genre/create', genre_controller.genre_create_post); <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/index.html b/files/ja/learn/server-side/express_nodejs/index.html index a7ddf93fe5..a858409c44 100644 --- a/files/ja/learn/server-side/express_nodejs/index.html +++ b/files/ja/learn/server-side/express_nodejs/index.html @@ -27,7 +27,7 @@ translation_of: Learn/Server-side/Express_Nodejs <p>このモジュールを始める前に、サーバーサイドのウェブプログラミングとウェブフレームワークが何かを理解する必要があります。理想的なのは<a href="/ja/docs/Learn/Server-side/First_steps">サーバーサイドのウェブサイトプログラミングの第一歩</a>モジュールのトピックを読むことです。プログラミングの概念と <a href="/ja/docs/Web/JavaScript">JavaScript</a> の一般的な知識があることを強くお勧めしますが、中核となる概念を理解するために不可欠ではありません。</p> <div class="note"> -<p><strong>メモ</strong>: このウェブサイトには、クライアントサイド開発のコンテキストで JavaScript を学習するための多くの有用なリソースがあります。<a href="/docs/Web/JavaScript">JavaScript</a>、<a href="/docs/Web/JavaScript/Guide">JavaScript ガイド</a>、<a href="/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript の基本</a>、<a href="/docs/Learn/JavaScript">JavaScript </a>(学習)。JavaScript のコアとなる言語と概念は、Node.js でのサーバーサイド開発と同じであり、この資料は関連性があります。Node.js は、ブラウザーレス環境で役立つ機能をサポートするための<a href="https://nodejs.org/dist/latest-v10.x/docs/api/">追加の API</a> を提供します (たとえば、HTTP サーバーを作成してファイルシステムにアクセスするため。ただし、ブラウザーおよび DOM を操作するための JavaScript API はサポートしません)。</p> +<p><strong>メモ</strong>: このウェブサイトには、クライアントサイド開発のコンテキストで JavaScript を学習するための多くの有用なリソースがあります。<a href="/ja/docs/Web/JavaScript">JavaScript</a>、<a href="/ja/docs/Web/JavaScript/Guide">JavaScript ガイド</a>、<a href="/ja/docs/Learn/Getting_started_with_the_web/JavaScript_basics">JavaScript の基本</a>、<a href="/ja/docs/Learn/JavaScript">JavaScript </a>(学習)。JavaScript のコアとなる言語と概念は、Node.js でのサーバーサイド開発と同じであり、この資料は関連性があります。Node.js は、ブラウザーレス環境で役立つ機能をサポートするための<a href="https://nodejs.org/dist/latest-v10.x/docs/api/">追加の API</a> を提供します (たとえば、HTTP サーバーを作成してファイルシステムにアクセスするため。ただし、ブラウザーおよび DOM を操作するための JavaScript API はサポートしません)。</p> <p>このガイドは Node.js と Express を使った作業についての情報を提供します。インターネットや本には他にもたくさんの優れたリソースがあります。これらのうち一部は <a href="http://stackoverflow.com/a/5511507/894359">How do I get started with Node.js</a> (StackOverflow) と <a href="https://www.quora.com/What-are-the-best-resources-for-learning-Node-js?">What are the best resources for learning Node.js?</a> (Quora) からリンクされています。</p> </div> diff --git a/files/ja/learn/server-side/express_nodejs/introduction/index.html b/files/ja/learn/server-side/express_nodejs/introduction/index.html index c194cff772..3957d95df4 100644 --- a/files/ja/learn/server-side/express_nodejs/introduction/index.html +++ b/files/ja/learn/server-side/express_nodejs/introduction/index.html @@ -34,7 +34,7 @@ translation_of: Learn/Server-side/Express_Nodejs/Introduction <h2 id="Node_の紹介"><span class="short_text" id="result_box" lang="ja"><span>Node の紹介</span></span></h2> -<p><a href="https://nodejs.org/">Node</a><span class="short_text" id="result_box" lang="ja"><span> (正式には Node.js) </span></span><span id="result_box" lang="ja"><span>はオープンソースのクロスプラットフォーム、実行環境で、開発者はあらゆるサーバーサイドのツールやアプリケーションを <a href="ja/docs/Glossary/JavaScript">JavaScript</a> で作成することができます。この実行環境はブラウザーコンテキスト外での使用 (すなわち、コンピューターまたはサーバー OS 上での直接実行) を目的としています。そのため、クライアントサイドではブラウザー固有の JavaScript API が省略され、HTTP やファイルシステムライブラリを含む従来の OS API がサポートされます</span></span><span lang="ja"><span>。</span></span></p> +<p><a href="https://nodejs.org/">Node</a><span class="short_text" id="result_box" lang="ja"><span> (正式には Node.js) </span></span><span id="result_box" lang="ja"><span>はオープンソースのクロスプラットフォーム、実行環境で、開発者はあらゆるサーバーサイドのツールやアプリケーションを <a href="/ja/docs/Glossary/JavaScript">JavaScript</a> で作成することができます。この実行環境はブラウザーコンテキスト外での使用 (すなわち、コンピューターまたはサーバー OS 上での直接実行) を目的としています。そのため、クライアントサイドではブラウザー固有の JavaScript API が省略され、HTTP やファイルシステムライブラリを含む従来の OS API がサポートされます</span></span><span lang="ja"><span>。</span></span></p> <p>ウェブサーバー開発の観点から Node には多くの利点があります。</p> diff --git a/files/ja/learn/server-side/express_nodejs/mongoose/index.html b/files/ja/learn/server-side/express_nodejs/mongoose/index.html index e6eecb4496..5d3b3dccc9 100644 --- a/files/ja/learn/server-side/express_nodejs/mongoose/index.html +++ b/files/ja/learn/server-side/express_nodejs/mongoose/index.html @@ -569,7 +569,7 @@ SomeModel.find(callback_function);</code></pre> <h2 id="Install_Mongoose">Install Mongoose</h2> -<p>Open a command prompt and navigate to the directory where you created your <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">skeleton Local Library website</a>. Enter the following command to install Mongoose (and its dependencies) and add it to your <strong>package.json</strong> file, unless you have already done so when reading the <a href="#Installing_Mongoose_and_MongoDB">Mongoose Primer</a> above.</p> +<p>Open a command prompt and navigate to the directory where you created your <a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">skeleton Local Library website</a>. Enter the following command to install Mongoose (and its dependencies) and add it to your <strong>package.json</strong> file, unless you have already done so when reading the <a href="#Installing_Mongoose_and_MongoDB">Mongoose Primer</a> above.</p> <pre class="brush: bash notranslate">npm install mongoose </pre> @@ -787,13 +787,13 @@ module.exports = mongoose.model('BookInstance', BookInstanceSchema);</pre> <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/routes/index.html b/files/ja/learn/server-side/express_nodejs/routes/index.html index bb3e21898b..3ee8532a09 100644 --- a/files/ja/learn/server-side/express_nodejs/routes/index.html +++ b/files/ja/learn/server-side/express_nodejs/routes/index.html @@ -24,7 +24,7 @@ translation_of: Learn/Server-side/Express_Nodejs/routes <h2 id="Overview">Overview</h2> -<p>In the <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/mongoose">last tutorial article</a> we defined <em>Mongoose</em> models to interact with the database, and used a (standalone) script to create some initial library records. We can now write the code to present that information to users. The first thing we need to do is determine what information we want to be able to display in our pages, and then define appropriate URLs for returning those resources. Then we're going to need to create the routes (URL handlers) and views (templates) to display those pages.</p> +<p>In the <a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">last tutorial article</a> we defined <em>Mongoose</em> models to interact with the database, and used a (standalone) script to create some initial library records. We can now write the code to present that information to users. The first thing we need to do is determine what information we want to be able to display in our pages, and then define appropriate URLs for returning those resources. Then we're going to need to create the routes (URL handlers) and views (templates) to display those pages.</p> <p>The diagram below is provided as a reminder of the main flow of data and things that need to be implemented when handling an HTTP request/response. In addition to the views and routes the diagram shows "controllers" — functions that separate out the code to route requests from the code that actually processes requests.</p> @@ -49,7 +49,7 @@ translation_of: Learn/Server-side/Express_Nodejs/routes <p>There are several ways to create routes. For this tutorial we're going to use the <code><a href="http://expressjs.com/en/guide/routing.html#express-router">express.Router</a></code> middleware as it allows us to group the route handlers for a particular part of a site together and access them using a common route-prefix. We'll keep all our library-related routes in a "catalog" module, and, if we add routes for handling user accounts or other functions, we can keep them grouped separately.</p> <div class="note"> -<p><strong>Note:</strong> We discussed Express application routes briefly in our <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction#Creating_route_handlers">Express Introduction > Creating route handlers</a>. Other than providing better support for modularization (as discussed in the first subsection below), using <em>Router</em> is very similar to defining routes directly on the <em>Express application object</em>.</p> +<p><strong>Note:</strong> We discussed Express application routes briefly in our <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction#Creating_route_handlers">Express Introduction > Creating route handlers</a>. Other than providing better support for modularization (as discussed in the first subsection below), using <em>Router</em> is very similar to defining routes directly on the <em>Express application object</em>.</p> </div> <p>The rest of this section provides an overview of how the <code>Router</code> can be used to define the routes.</p> @@ -103,7 +103,7 @@ app.use('/wiki', wiki);</code></pre> <p>The callback takes three arguments (usually named as shown: <code>req</code>, <code>res</code>, <code>next</code>), that will contain the HTTP Request object, HTTP response, and the <em>next</em> function in the middleware chain.</p> <div class="note"> -<p><strong>Note:</strong> Router functions are <a href="https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs/Introduction#Using_middleware">Express middleware</a>, which means that they must either complete (respond to) the request or call the <code>next</code> function in the chain. In the case above we complete the request using <code>send()</code>, so the <code>next</code> argument is not used (and we choose not to specify it).</p> +<p><strong>Note:</strong> Router functions are <a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction#Using_middleware">Express middleware</a>, which means that they must either complete (respond to) the request or call the <code>next</code> function in the chain. In the case above we complete the request using <code>send()</code>, so the <code>next</code> argument is not used (and we choose not to specify it).</p> <p>The router function above takes a single callback, but you can specify as many callback arguments as you want, or an array of callback functions. Each function is part of the middleware chain, and will be called in the order it is added to the chain (unless a preceding function completes the request).</p> </div> @@ -135,7 +135,7 @@ app.use('/wiki', wiki);</code></pre> <li>() : Grouping match on a set of characters to perform another operation on. E.g. <code>'/ab(cd)?e'</code> will peform a ? match on (cd) —it will match <code>abe</code> and <code>abcde</code>.</li> </ul> -<p>The route paths can also be JavaScript <a href="/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">regular expressions</a>. For example, the route path below will match <code>catfish </code>and <code>dogfish</code>, but not <code>catflap</code>, <code>catfishhead</code>, and so on. Note that the path for a regular expression uses regular expression syntax (it is not a quoted string as in the previous cases).</p> +<p>The route paths can also be JavaScript <a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions">regular expressions</a>. For example, the route path below will match <code>catfish </code>and <code>dogfish</code>, but not <code>catflap</code>, <code>catfishhead</code>, and so on. Note that the path for a regular expression uses regular expression syntax (it is not a quoted string as in the previous cases).</p> <pre class="brush: js"><code>app.get(/.*fish$/, function (req, res) { ... @@ -587,7 +587,7 @@ SET DEBUG=express-locallibrary-tutorial:* & npm start DEBUG=express-locallibrary-tutorial:* npm start</code> </pre> </li> - <li>If you previously set up <a href="/en-US/docs/Learn/Server-side/Express_Nodejs/skeleton_website">nodemon</a>, you can instead use: + <li>If you previously set up <a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">nodemon</a>, you can instead use: <pre><code>// Windows SET DEBUG=express-locallibrary-tutorial:* & npm <strong>run devstart</strong> @@ -628,13 +628,13 @@ SET DEBUG=express-locallibrary-tutorial:* & npm <strong>run devstart</strong <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/skeleton_website/index.html b/files/ja/learn/server-side/express_nodejs/skeleton_website/index.html index 5b0acfecd2..574ffd2076 100644 --- a/files/ja/learn/server-side/express_nodejs/skeleton_website/index.html +++ b/files/ja/learn/server-side/express_nodejs/skeleton_website/index.html @@ -500,13 +500,13 @@ block content <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館の Web サイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトン Web サイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/express_nodejs/tutorial_local_library_website/index.html b/files/ja/learn/server-side/express_nodejs/tutorial_local_library_website/index.html index 9e4dc43e1e..b76f22d669 100644 --- a/files/ja/learn/server-side/express_nodejs/tutorial_local_library_website/index.html +++ b/files/ja/learn/server-side/express_nodejs/tutorial_local_library_website/index.html @@ -86,13 +86,13 @@ translation_of: Learn/Server-side/Express_Nodejs/Tutorial_local_library_website <h2 id="このモジュールの中">このモジュールの中</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館のウェブサイト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトンウェブサイトの作成</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Introduction">Express/Node のイントロダクション</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/development_environment">Node 開発環境の設定</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Tutorial_local_library_website">Express チュートリアル: 地域図書館のウェブサイト</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/skeleton_website">Express チュートリアル Part 2: スケルトンウェブサイトの作成</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/mongoose">Express チュートリアル Part 3: データベースを使う (Mongoose を使用)</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/routes">Express チュートリアル Part 4: ルートとコントローラ</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/Displaying_data">Express チュートリアル Part 5: ライブラリデータの表示</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/forms">Express チュートリアル Part 6: フォームの操作</a></li> + <li><a href="/ja/docs/Learn/Server-side/Express_Nodejs/deployment">Express チュートリアル Part 7: プロダクションへのデプロイ</a></li> </ul> diff --git a/files/ja/learn/server-side/index.html b/files/ja/learn/server-side/index.html index 728f2c0fac..3439f2c209 100644 --- a/files/ja/learn/server-side/index.html +++ b/files/ja/learn/server-side/index.html @@ -54,6 +54,6 @@ translation_of: Learn/Server-side <h2 id="あわせて参照">あわせて参照</h2> <dl> - <dt><a href="https://developer.mozilla.org/ja/docs/Learn/Server-side/Node_server_without_framework">フレームワークなしの Node サーバ</a></dt> + <dt><a href="/ja/docs/Learn/Server-side/Node_server_without_framework">フレームワークなしの Node サーバ</a></dt> <dd>この記事では、フレームワークを使用せずに、Node.jsだけで構築された単純な静的ファイルサーバを紹介します。</dd> </dl> diff --git a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/index.html b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/index.html index f49b505c56..a11d87f743 100644 --- a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/index.html +++ b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/index.html @@ -28,20 +28,20 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks <p class="summary">その後、異なるフレームワークの選択の要点をカバーするチュートリアルをいくつか提供し、あなたが自分自身でより深く学び始めるのに十分なコンテキストと親しみやすさを提供します。アクセシビリティなどのウェブプラットフォームの基本的なベストプラクティスを忘れずに、実用的な方法でフレームワークについて学んでいただきたいと思います。</p> -<p class="summary"><strong><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Get started now, with "Introduction to client-side frameworks"</a></strong></p> +<p class="summary"><strong><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Get started now, with "Introduction to client-side frameworks"</a></strong></p> <h2 id="Prerequisites">Prerequisites</h2> -<p>You should really learn the basics of the core web languages first before attempting to move on to learning client-side frameworks — <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and especially <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>.</p> +<p>You should really learn the basics of the core web languages first before attempting to move on to learning client-side frameworks — <a href="/ja/docs/Learn/HTML">HTML</a>, <a href="/ja/docs/Learn/CSS">CSS</a>, and especially <a href="/ja/docs/Learn/JavaScript">JavaScript</a>.</p> <p>Your code will be richer and more professional as a result, and you'll be able to troubleshoot problems with more confidence if you understand the fundamental web platform features that the frameworks are building on top of.</p> <h2 id="Introductory_guides">Introductory guides</h2> <dl> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">1. Introduction to client-side frameworks</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">1. Introduction to client-side frameworks</a></dt> <dd>We begin our look at frameworks with a general overview of the area, looking at a brief history of JavaScript and frameworks, why frameworks exist and what they give us, how to start thinking about choosing a framework to learn, and what alternatives there are to client-side frameworks.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">2. Framework main features</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">2. Framework main features</a></dt> <dd>Each major JavaScript framework has a different approach to updating the DOM, handling browser events, and providing an enjoyable developer experience. This article will explore the main features of “the big 4” frameworks, looking at how frameworks tend to work from a high level and the differences between them.</dd> </dl> @@ -54,19 +54,19 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks </div> <dl> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">1. Getting started with React</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">1. Getting started with React</a></dt> <dd>In this article we will say hello to React. We'll discover a little bit of detail about its background and use cases, set up a basic React toolchain on our local computer, and create and play with a simple starter app, learning a bit about how React works in the process.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">2. Beginning our React todo list</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">2. Beginning our React todo list</a></dt> <dd>Let's say that we’ve been tasked with creating a proof-of-concept in React – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as complete without deleting them. This article will walk you through putting the basic <code>App</code> component structure and styling in place, ready for individual component definition and interactivity, which we'll add later.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">3. Componentizing our React app</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">3. Componentizing our React app</a></dt> <dd>At this point, our app is a monolith. Before we can make it do things, we need to break it apart into manageable, descriptive components. React doesn’t have any hard rules for what is and isn’t a component – that’s up to you! In this article, we will show you a sensible way to break our app up into components.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">4. React interactivity: Events and state</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">4. React interactivity: Events and state</a></dt> <dd>With our component plan worked out, it's now time to start updating our app from a completely static UI to one that actually allows us to interact and change things. In this article we'll do this, digging into events and state along the way.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">5. React interactivity: Editing, filtering, conditional rendering</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">5. React interactivity: Editing, filtering, conditional rendering</a></dt> <dd>As we near the end of our React journey (for now at least), we'll add the finishing touches to the main areas of functionality in our Todo list app. This includes allowing you to edit existing tasks and filtering the list of tasks between all, completed, and incomplete tasks. We'll look at conditional UI rendering along the way.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">6. Accessibility in React</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">6. Accessibility in React</a></dt> <dd>In our final tutorial article, we'll focus on (pun intended) accessibility, including focus management in React, which can improve usability and reduce confusion for both keyboard-only and screen reader users.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">7. React resources</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">7. React resources</a></dt> <dd>Our final article provides you with a list of React resources that you can use to go further in your learning.</dd> </dl> @@ -79,17 +79,17 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks </div> <dl> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">1. Getting started with Ember</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">1. Getting started with Ember</a></dt> <dd>In our first Ember article we will look at how Ember works and what it's useful for, install the Ember toolchain locally, create a sample app, and then do some initial setup to get it ready for development.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">2. Ember app structure and componentization</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">2. Ember app structure and componentization</a></dt> <dd>In this article we'll get right on with planning out the structure of our TodoMVC Ember app, adding in the HTML for it, and then breaking that HTML structure into components.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">3. Ember interactivity: Events, classes and state</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">3. Ember interactivity: Events, classes and state</a></dt> <dd>At this point we'll start adding some interactivity to our app, providing the ability to add and display new todo items. Along the way, we'll look at using events in Ember, creating component classes to contain JavaScript code to control interactive features, and setting up a service to keep track of the data state of our app.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">4. Ember Interactivity: Footer functionality, conditional rendering</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">4. Ember Interactivity: Footer functionality, conditional rendering</a></dt> <dd>Now it's time to start tackling the footer functionality in our app. Here we'll get the todo counter to update to show the correct number of todos still to complete, and correctly apply styling to completed todos (i.e. where the checkbox has been checked). We'll also wire up our "Clear completed" button. Along the way, we'll learn about using conditional rendering in our templates.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">5. Routing in Ember</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">5. Routing in Ember</a></dt> <dd>In this article we learn about routing or URL-based filtering as it is sometimes referred to. We'll use it to provide a unique URL for each of the three todo views — "All", "Active", and "Completed".</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">6. Ember resources and troubleshooting</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">6. Ember resources and troubleshooting</a></dt> <dd>Our final Ember article provides you with a list of resources that you can use to go further in your learning, plus some useful troubleshooting and other information.</dd> </dl> @@ -102,23 +102,23 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks </div> <dl> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">1. Getting started with Vue</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">1. Getting started with Vue</a></dt> <dd>Now let's introduce Vue, the third of our frameworks. In this article, we'll look at a little bit of Vue background, learn how to install it and create a new project, study the high-level structure of the whole project and an individual component, see how to run the project locally, and get it prepared to start building our example.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">2. Creating our first Vue component</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">2. Creating our first Vue component</a></dt> <dd>Now it's time to dive deeper into Vue, and create our own custom component — we'll start by creating a component to represent each item in the todo list. Along the way, we'll learn about a few important concepts such as calling components inside other components, passing data to them via props and saving data state.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">3. Rendering a list of Vue components</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">3. Rendering a list of Vue components</a></dt> <dd><span class="author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwoxz78zz83zz84zz69z2z80zgwxsgnz83zfkt5e5tz70zz68zmsnjz122zz71z">At this point we've got a fully working component; we're now ready to add multiple <code>ToDoItem</code> components to our App. In this article we'll look at adding a set of todo item data to our <code>App.vue</code> component, which we'll then loop through and display inside <code>ToDoItem</code> components using the <code>v-for</code> directive. </span></dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">4. Adding a new todo form: Vue events, methods, and models</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">4. Adding a new todo form: Vue events, methods, and models</a></dt> <dd>We now have sample data in place and a loop that takes each bit of data and renders it inside a <code>ToDoItem</code> in our app. What we really need next is the ability to allow our users to enter their own todo items into the app, and for that, we'll need a text <code><input></code>, an event to fire when the data is submitted, a method to fire upon submission to add the data and rerender the list, and a model to control the data. This is what we'll cover in this article.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">5. Styling Vue components with CSS</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">5. Styling Vue components with CSS</a></dt> <dd>The time has finally come to make our app look a bit nicer. In this article, we'll explore the different ways of styling Vue components with CSS.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">6. Using Vue computed properties</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">6. Using Vue computed properties</a></dt> <dd>In this article we'll add a counter that displays the number of completed todo items, using a feature of Vue called computed properties. These work similarly to methods but only re-run when one of their dependencies changes.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">7. Vue conditional rendering: editing existing todos</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">7. Vue conditional rendering: editing existing todos</a></dt> <dd>Now it is time to add one of the major parts of functionality that we're still missing — the ability to edit existing todo items. To do this, we will take advantage of Vue's conditional rendering capabilities — namely <code>v-if</code> and <code>v-else</code> — to allow us to toggle between the existing todo item view and an edit view where you can update todo item labels. We'll also look at adding functionality to delete todo items.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">8. Focus management with Vue refs</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">8. Focus management with Vue refs</a></dt> <dd>We are nearly done with Vue. The last bit of functionality to look at is focus management, or put another way, how we can improve our app's keyboard accessibility. We'll look at using Vue refs to handle this — an advanced feature that allows you to have direct access to the underlying DOM nodes below the virtual DOM, or direct access from one component to the internal DOM structure of a child component.</dd> - <dt><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">9. Vue resources</a></dt> + <dt><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">9. Vue resources</a></dt> <dd>Now we'll round off our study of Vue by giving you a list of resources that you can use to go further in your learning, plus some other useful tips.</dd> </dl> diff --git a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html index 5114539cca..9aa91534c3 100644 --- a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html +++ b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_getting_started/index.html @@ -95,7 +95,7 @@ translation_of: >- <p>React を使用する方法はたくさんありますが、前述のように、コマンドラインインターフェイス (CLI) ツールの create-react-app を使用します。これにより、いくつかのパッケージをインストールしていくつかを作成することにより、React アプリケーションの開発プロセスをスムーズにします。</p> -<p><code><a href="/en-US/docs/Web/HTML/Element/script"><script></a></code> を HTML ファイルにコピーすることで <a href="https://reactjs.org/docs/add-react-to-a-website.html">create-react-app なしでウェブサイトに React を追加する</a>ことは可能ですが、create-react-app CLI は、React アプリケーションの一般的な始め方です。これを使うことで、アプリの作成に集中でき、セットアップに煩わされなくなります。</p> +<p><code><a href="/ja/docs/Web/HTML/Element/script"><script></a></code> を HTML ファイルにコピーすることで <a href="https://reactjs.org/docs/add-react-to-a-website.html">create-react-app なしでウェブサイトに React を追加する</a>ことは可能ですが、create-react-app CLI は、React アプリケーションの一般的な始め方です。これを使うことで、アプリの作成に集中でき、セットアップに煩わされなくなります。</p> <h3 id="Requirements" name="Requirements">必要条件</h3> diff --git a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html index 7facbcb5ef..2fea62562a 100644 --- a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html +++ b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/react_todo_list_beginning/index.html @@ -22,7 +22,7 @@ translation_of: >- <tr> <th scope="row">前提条件：</th> <td> - <p><a href="/en-US/docs/Learn/HTML">HTML</a> 、<a href="/en-US/docs/Learn/CSS">CSS</a> 、<a href="/en-US/docs/Learn/JavaScript">JavaScript</a> の基本的な知識を持っていること。また <a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">ターミナル/コマンドライン</a> に関する知識を持っていること。</p> + <p><a href="/ja/docs/Learn/HTML">HTML</a> 、<a href="/ja/docs/Learn/CSS">CSS</a> 、<a href="/ja/docs/Learn/JavaScript">JavaScript</a> の基本的な知識を持っていること。また <a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">ターミナル/コマンドライン</a> に関する知識を持っていること。</p> </td> </tr> <tr> @@ -181,7 +181,7 @@ cd ..</pre> ); }</pre> -<p>次に <code>public/index.html</code> を開いて、<code><a href="/en-US/docs/Web/HTML/Element/title"><title></a></code>要素のテキストを <code>TodoMatic</code> に変更します。こうすることでアプリ上部の <code><a href="/en-US/docs/Web/HTML/Element/Heading_Elements"><h1></a></code> と一致します。</p> +<p>次に <code>public/index.html</code> を開いて、<code><a href="/ja/docs/Web/HTML/Element/title"><title></a></code>要素のテキストを <code>TodoMatic</code> に変更します。こうすることでアプリ上部の <code><a href="/ja/docs/Web/HTML/Element/Heading_Elements"><h1></a></code> と一致します。</p> <pre class="brush: html"><title>TodoMatic</title></pre> @@ -192,10 +192,10 @@ cd ..</pre> <p>まだ見た目が整っていなくて、機能もしていませんが、一旦問題はありません。すぐにスタイルを設定します。まず現在の JSX と、それがユーザーストーリーにどのように対応しているかを考えてみます。</p> <ul> - <li>新しいタスクを書き込むための <code><a href="/en-US/docs/Web/HTML/Element/input/text"><input type="text"></a></code> 要素と、フォームを送信するためのボタンを備えた <code><a href="/en-US/docs/Web/HTML/Element/form"><form></a></code> 要素があります。</li> + <li>新しいタスクを書き込むための <code><a href="/ja/docs/Web/HTML/Element/input/text"><input type="text"></a></code> 要素と、フォームを送信するためのボタンを備えた <code><a href="/ja/docs/Web/HTML/Element/form"><form></a></code> 要素があります。</li> <li>タスクのフィルタリングに使用するためのボタンが並んでいます。</li> <li>残っているタスクの数を示す見出しがあります。</li> - <li>3つのタスクがあり、順序付けられていないリストとして配置されています。それぞれのタスクはリストアイテム（<code><a href="/en-US/docs/Web/HTML/Element/li"><li></a></code>）であり、タスクを編集および削除するためのボタンと、完了したことをチェックするためのチェックボックスがあります。</li> + <li>3つのタスクがあり、順序付けられていないリストとして配置されています。それぞれのタスクはリストアイテム（<code><a href="/ja/docs/Web/HTML/Element/li"><li></a></code>）であり、タスクを編集および削除するためのボタンと、完了したことをチェックするためのチェックボックスがあります。</li> </ul> <p>フォームはタスクを作成するためのもので、ボタンはタスクをフィルタリングするためのもの、また見出しとリストはタスクを読むためのものです。今のところタスクを編集するための UI は分かりづらいですが、そちらについては後でコードを書き足していきます。</p> @@ -214,7 +214,7 @@ cd ..</pre> <p><code>visually-hidden</code> というクラスについては、CSS を記述していないので、まだ意味はありません。ただし、スタイルを設定すると、このクラスの要素はすべて目の見えるユーザーからは隠され、スクリーンリーダーのユーザーは引き続き使用できるようになります。これらの単語は、目の見えるユーザーには必要ありません。視覚的な文脈を持たないスクリーンリーダーのユーザーに、ボタンが何をするのかという情報を提供するためにあります。</p> -<p>さらに下には <code><a href="/en-US/docs/Web/HTML/Element/ul"><ul></a></code> 要素があります：</p> +<p>さらに下には <code><a href="/ja/docs/Web/HTML/Element/ul"><ul></a></code> 要素があります：</p> <pre class="brush: html"><ul role="list" @@ -552,40 +552,40 @@ body { <h2 id="In_this_module">In this module</h2> <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Introduction to client-side frameworks</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">Framework main features</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Introduction to client-side frameworks</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">Framework main features</a></li> <li>React <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">Getting started with React</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">Beginning our React todo list</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">Componentizing our React app</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">React interactivity: Events and state</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">React interactivity: Editing, filtering, conditional rendering</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">Accessibility in React</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">React resources</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">Getting started with React</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">Beginning our React todo list</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">Componentizing our React app</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">React interactivity: Events and state</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">React interactivity: Editing, filtering, conditional rendering</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">Accessibility in React</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">React resources</a></li> </ul> </li> <li>Ember <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">Getting started with Ember</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">Ember app structure and componentization</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">Ember interactivity: Events, classes and state</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">Ember Interactivity: Footer functionality, conditional rendering</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">Routing in Ember</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">Ember resources and troubleshooting</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">Getting started with Ember</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">Ember app structure and componentization</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">Ember interactivity: Events, classes and state</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">Ember Interactivity: Footer functionality, conditional rendering</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">Routing in Ember</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">Ember resources and troubleshooting</a></li> </ul> </li> <li>Vue <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">Getting started with Vue</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">Creating our first Vue component</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">Rendering a list of Vue components</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">Adding a new todo form: Vue events, methods, and models</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">Styling Vue components with CSS</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">Using Vue computed properties</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">Vue conditional rendering: editing existing todos</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">Focus management with Vue refs</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">Vue resources</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">Getting started with Vue</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">Creating our first Vue component</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">Rendering a list of Vue components</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">Adding a new todo form: Vue events, methods, and models</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">Styling Vue components with CSS</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">Using Vue computed properties</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">Vue conditional rendering: editing existing todos</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">Focus management with Vue refs</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">Vue resources</a></li> </ul> </li> </ul> diff --git a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html index 4277a7ba9d..7a6278b124 100644 --- a/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html +++ b/files/ja/learn/tools_and_testing/client-side_javascript_frameworks/vue_getting_started/index.html @@ -22,7 +22,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge <tr> <th scope="row">前提条件:</th> <td> - <p>Familiarity with the core <a href="/en-US/docs/Learn/HTML">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, and <a href="/en-US/docs/Learn/JavaScript">JavaScript</a> languages, knowledge of the <a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">terminal/command line</a>.</p> + <p>Familiarity with the core <a href="/ja/docs/Learn/HTML">HTML</a>, <a href="/ja/docs/Learn/CSS">CSS</a>, and <a href="/ja/docs/Learn/JavaScript">JavaScript</a> languages, knowledge of the <a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line">terminal/command line</a>.</p> <p>Vue components are written as a combination of JavaScript objects that manage the app's data and an HTML-based template syntax that maps to the underlying DOM structure. For installation, and to use some of the more advanced features of Vue (like Single File Components or render functions), you'll need a terminal with node + npm installed.</p> </td> @@ -36,7 +36,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge <h2 id="より明確な_Vue">より明確な Vue</h2> -<p>Vue is a modern JavaScript framework that provides useful facilities for progressive enhancement — unlike many other frameworks, you can use Vue to enhance existing HTML. This lets you use Vue as a drop-in replacement for a library like <a href="/en-US/docs/Glossary/jQuery">JQuery</a>.</p> +<p>Vue is a modern JavaScript framework that provides useful facilities for progressive enhancement — unlike many other frameworks, you can use Vue to enhance existing HTML. This lets you use Vue as a drop-in replacement for a library like <a href="/ja/docs/Glossary/jQuery">JQuery</a>.</p> <p>That being said, you can also use Vue to write entire Single Page Applications (SPAs). This allows you to create markup managed entirely by Vue, which can improve developer experience and performance when dealing with complex applications. It also allows you to take advantage of libraries for client-side routing and state management when you need to. Additionally, Vue takes a "middle ground" approach to tooling like client-side routing and state management. While the Vue core team maintains suggested libraries for these functions, they are not directly bundled into Vue. This allows you to select a different routing/state management library if they better fit your application.</p> @@ -47,7 +47,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge <h2 id="取り付け">取り付け</h2> -<p>To use Vue in an existing site, you can drop one of the following <code><a href="/en-US/docs/Web/HTML/Element/script"><script></a></code> elements onto a page. This allows you to start using Vue on existing sites, which is why Vue prides itself on being a progressive framework. This is a great option when migrating an existing project using a library like JQuery to Vue. With this method, you can use a lot of the core features of Vue, such as the attributes, custom components, and data-management.</p> +<p>To use Vue in an existing site, you can drop one of the following <code><a href="/ja/docs/Web/HTML/Element/script"><script></a></code> elements onto a page. This allows you to start using Vue on existing sites, which is why Vue prides itself on being a progressive framework. This is a great option when migrating an existing project using a library like JQuery to Vue. With this method, you can use a lot of the core features of Vue, such as the attributes, custom components, and data-management.</p> <ul> <li> @@ -70,7 +70,7 @@ translation_of: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_ge </ol> <div class="blockIndicator note"> -<p><strong>Note</strong>: If you don't have the above installed, find out <a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line#Adding_powerups">more about installing npm and Node.js</a> here.</p> +<p><strong>Note</strong>: If you don't have the above installed, find out <a href="/ja/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Command_line#Adding_powerups">more about installing npm and Node.js</a> here.</p> </div> <p>To install the CLI, run the following command in your terminal:</p> @@ -205,7 +205,7 @@ export default { <h2 id="いくつかの変更を加える">いくつかの変更を加える</h2> -<p>Let's make our first change to the app — we’ll delete the Vue logo. Open the <code>App.vue</code> file, and delete the <code><a href="/en-US/docs/Web/HTML/Element/img"><img></a></code> element from the template section:</p> +<p>Let's make our first change to the app — we’ll delete the Vue logo. Open the <code>App.vue</code> file, and delete the <code><a href="/ja/docs/Web/HTML/Element/img"><img></a></code> element from the template section:</p> <pre class="brush: html notranslate"><span class="author-d-iz88z86z86za0dz67zz78zz78zz74zz68zjz80zz71z9iz90z8h7gz67ziz76zcz77zz80zz71zncfz69zz69ziaz82zz71zz72zhz77zz122zz90z14mcyd"><img alt="Vue logo" src="./assets/logo.png"></span></pre> @@ -250,52 +250,52 @@ export default { <h2 id="このモジュールでは">このモジュールでは</h2> <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Introduction to client-side frameworks</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">Framework main features</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introduction">Introduction to client-side frameworks</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Main_features">Framework main features</a></li> <li>React <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">Getting started with React</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">Beginning our React todo list</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">Componentizing our React app</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">React interactivity: Events and state</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">React interactivity: Editing, filtering, conditional rendering</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">Accessibility in React</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">React resources</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started">Getting started with React</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_todo_list_beginning">Beginning our React todo list</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_components">Componentizing our React app</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_events_state">React interactivity: Events and state</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_interactivity_filtering_conditional_rendering">React interactivity: Editing, filtering, conditional rendering</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_accessibility">Accessibility in React</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_resources">React resources</a></li> </ul> </li> <li>Ember <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">Getting started with Ember</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">Ember app structure and componentization</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">Ember interactivity: Events, classes and state</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">Ember Interactivity: Footer functionality, conditional rendering</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">Routing in Ember</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">Ember resources and troubleshooting</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started">Getting started with Ember</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_structure_componentization">Ember app structure and componentization</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_interactivity_events_state">Ember interactivity: Events, classes and state</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_conditional_footer">Ember Interactivity: Footer functionality, conditional rendering</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_routing">Routing in Ember</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_resources">Ember resources and troubleshooting</a></li> </ul> </li> <li>Vue <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">Getting started with Vue</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">Creating our first Vue component</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">Rendering a list of Vue components</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">Adding a new todo form: Vue events, methods, and models</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">Styling Vue components with CSS</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">Using Vue computed properties</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">Vue conditional rendering: editing existing todos</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">Focus management with Vue refs</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">Vue resources</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_getting_started">Getting started with Vue</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_first_component">Creating our first Vue component</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_rendering_lists">Rendering a list of Vue components</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_methods_events_models">Adding a new todo form: Vue events, methods, and models</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_styling">Styling Vue components with CSS</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_computed_properties">Using Vue computed properties</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_conditional_rendering">Vue conditional rendering: editing existing todos</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_refs_focus_management">Focus management with Vue refs</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_resources">Vue resources</a></li> </ul> </li> <li>Svelte <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started">Getting started with Svelte</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_Todo_list_beginning">Starting our Svelte Todo list app</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props">Dynamic behavior in Svelte: working with variables and props</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_components">Componentizing our Svelte app</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">Advanced Svelte: Reactivity, lifecycle, accessibility</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_stores">Working with Svelte stores</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_TypeScript">TypeScript support in Svelte</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_deployment_next">Deployment and next steps</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started">Getting started with Svelte</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_Todo_list_beginning">Starting our Svelte Todo list app</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_variables_props">Dynamic behavior in Svelte: working with variables and props</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_components">Componentizing our Svelte app</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_reactivity_lifecycle_accessibility">Advanced Svelte: Reactivity, lifecycle, accessibility</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_stores">Working with Svelte stores</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_TypeScript">TypeScript support in Svelte</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_deployment_next">Deployment and next steps</a></li> </ul> </li> </ul> diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html index 98bf8d9394..abbfe4fa7e 100644 --- a/files/ja/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html +++ b/files/ja/learn/tools_and_testing/cross_browser_testing/automated_testing/index.html @@ -227,7 +227,7 @@ npm install --save-dev @babel/core <li>Add <code>'js'</code> as an item inside the array in the <code>default</code> task.</li> </ol> -<p>Here we grab our <code>main.js</code> file, run <code>jshint</code> on it and output the results to the terminal using <code>jshint.reporter</code>; we then pass the file to babel, which converts it to old style syntax and outputs the result into the <code>build</code> directory. Our original code included a <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">fat arrow function</a>, which babel has modified into an old style function.</p> +<p>Here we grab our <code>main.js</code> file, run <code>jshint</code> on it and output the results to the terminal using <code>jshint.reporter</code>; we then pass the file to babel, which converts it to old style syntax and outputs the result into the <code>build</code> directory. Our original code included a <a href="/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions">fat arrow function</a>, which babel has modified into an old style function.</p> <h4 id="Further_ideas">Further ideas</h4> @@ -607,14 +607,14 @@ function getSessionDetails(session){ <h2 id="In_this_module">In this module</h2> <ul> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></li> - <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></li> </ul> <p> </p> diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html index 62e21f35a2..86ed9a69cb 100644 --- a/files/ja/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html +++ b/files/ja/learn/tools_and_testing/cross_browser_testing/html_and_css/index.html @@ -85,7 +85,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <p>Other popular editors have similar linting packages available. For example, see:</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/www.sublimelinter.com/">SublimeLinter</a> for Sublime Text</li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/www.sublimelinter.com/">SublimeLinter</a> for Sublime Text</li> <li><a href="https://sourceforge.net/projects/notepad-linter/">Notepad++ linter</a></li> </ul> @@ -109,7 +109,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <h3 id="Older_browsers_not_supporting_modern_features">Older browsers not supporting modern features</h3> -<p>This is a common problem, especially when you need to support old browsers (such as old IE versions) or you are using features that are implemented using CSS prefixes. In general, most core HTML and CSS functionality (such as basic HTML elements, CSS basic colors and text styling) works across most browsers you'll want to support; more problems are uncovered when you start wanting to use newer features such as <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a>, or <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery">HTML5 video/audio</a>, or even more nascent, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids#Native_CSS_Grids_with_Grid_Layout">CSS Grids</a> or <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes/Advanced_box_effects#-webkit-background-clip_text">-webkit-background-clip: text</a>.</p> +<p>This is a common problem, especially when you need to support old browsers (such as old IE versions) or you are using features that are implemented using CSS prefixes. In general, most core HTML and CSS functionality (such as basic HTML elements, CSS basic colors and text styling) works across most browsers you'll want to support; more problems are uncovered when you start wanting to use newer features such as <a href="/ja/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a>, or <a href="/ja/docs/Web/Apps/Fundamentals/Audio_and_video_delivery">HTML5 video/audio</a>, or even more nascent, <a href="/ja/docs/Learn/CSS/CSS_layout/Grids#Native_CSS_Grids_with_Grid_Layout">CSS Grids</a> or <a href="/ja/docs/Learn/CSS/Styling_boxes/Advanced_box_effects#-webkit-background-clip_text">-webkit-background-clip: text</a>.</p> <p>Once you've identified a list of potential problem technologies you will be using, it is a good idea to research what browsers they are supported in, and what related techniques are useful. See {{anch("Finding help")}} below.</p> @@ -123,7 +123,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <p><strong>Note</strong>: See {{anch("IE conditional comments")}} for the best way to do this.</p> </div> -<p>More complex elements like HTML <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video"><video></a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio"><audio></a></code>, and <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas"><canvas></a></code> (and other features besides) have natural mechanisms for fallbacks to be added, which work on the same principle as described above. You can add fallback content in between the opening and closing tags, and non-supporting browsers will effectively ignore the outer element and run the nested content.</p> +<p>More complex elements like HTML <code><a href="/ja/docs/Web/HTML/Element/video"><video></a></code>, <code><a href="/ja/docs/Web/HTML/Element/audio"><audio></a></code>, and <code><a href="/ja/docs/Web/HTML/Element/canvas"><canvas></a></code> (and other features besides) have natural mechanisms for fallbacks to be added, which work on the same principle as described above. You can add fallback content in between the opening and closing tags, and non-supporting browsers will effectively ignore the outer element and run the nested content.</p> <p>For example:</p> @@ -143,13 +143,13 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <span class="tag token"><span class="tag token"><span class="punctuation token"><</span>a</span> <span class="attr-name token">href</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>video/tears-of-steel-battle-clip-medium.mp4<span class="punctuation token">"</span></span><span class="punctuation token">></span></span>Download MP4<span class="tag token"><span class="tag token"><span class="punctuation token"></</span>a</span><span class="punctuation token">></span></span> <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>video</span><span class="punctuation token">></span></span></code></pre> -<p>This example (taken from <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player">Creating a cross-browser video player</a>) includes not only a Flash video fallback for older IE versions, but also a simple link allowing you to download the video if even the Flash player doesn't work, so at least the user can still access the video.</p> +<p>This example (taken from <a href="/ja/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player">Creating a cross-browser video player</a>) includes not only a Flash video fallback for older IE versions, but also a simple link allowing you to download the video if even the Flash player doesn't work, so at least the user can still access the video.</p> <div class="note"> <p><strong>Note</strong>: 3rd party libraries like <a href="http://videojs.com/">Video.js</a> and <a href="https://www.jwplayer.com/">JW Player</a> use such fallback mechanisms to provide cross-browser support.</p> </div> -<p>HTML5 form elements also exhibit fallback qualities — HTML5 introduced some special <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"><input></a></code> types for inputting specific information into forms, such as times, dates, colors, numbers, etc. These are very useful, particularly on mobile platforms, where providing a pain-free way of entering data is very important for the user experience. Supporting platforms provide special UI widgets when these input types are used, such as a calendar widget for entering dates.</p> +<p>HTML5 form elements also exhibit fallback qualities — HTML5 introduced some special <code><a href="/ja/docs/Web/HTML/Element/input"><input></a></code> types for inputting specific information into forms, such as times, dates, colors, numbers, etc. These are very useful, particularly on mobile platforms, where providing a pain-free way of entering data is very important for the user experience. Supporting platforms provide special UI widgets when these input types are used, such as a calendar widget for entering dates.</p> <p>The following example shows date and time inputs:</p> @@ -252,14 +252,14 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS inset <span class="number token">-1</span><span class="token unit">px</span> <span class="number token">-1</span><span class="token unit">px</span> <span class="number token">3</span><span class="token unit">px</span> <span class="function token">rgba</span><span class="punctuation token">(</span><span class="number token">255</span><span class="punctuation token">,</span><span class="number token">255</span><span class="punctuation token">,</span><span class="number token">255</span><span class="punctuation token">,</span><span class="number token">0.4</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="punctuation token">}</span></code></pre> -<p>Here we are providing an <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#rgba()">RGBA</a> {{cssxref("background-color")}} that changes opacity on hover to give the user a hint that the button is interactive, and some semi-transparent inset {{cssxref("box-shadow")}} shades to give the button a bit of texture and depth. The trouble is that RGBA colors and box shadows don't work in IE versions older than 9 — in older versions the background just wouldn't show up at all so the text would be unreadable, no good at all!</p> +<p>Here we are providing an <a href="/ja/docs/Web/CSS/color_value#rgba()">RGBA</a> {{cssxref("background-color")}} that changes opacity on hover to give the user a hint that the button is interactive, and some semi-transparent inset {{cssxref("box-shadow")}} shades to give the button a bit of texture and depth. The trouble is that RGBA colors and box shadows don't work in IE versions older than 9 — in older versions the background just wouldn't show up at all so the text would be unreadable, no good at all!</p> <p><img alt="" src="https://mdn.mozillademos.org/files/14135/unreadable-button.png" style="display: block; margin: 0 auto;"></p> <p>To sort this out, we have added a second <code>background-color</code> declaration, which just specifies a hex color — this is supported way back in really old browsers, and acts as a fallback if the modern shiny features don't work. What happens is a browser visiting this page first applies the first <code>background-color</code> value; when it gets to the second <code>background-color</code> declaration, it will override the initial value with this value if it supports RGBA colors. If not, it will just ignore the entire declaration and move on.</p> <div class="note"> -<p><strong>Note</strong>: The same is true for other CSS features like <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries">media queries</a>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face">@font-face</a></code> and <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@supports">@supports</a></code> blocks — if they are not supported, the browser just ignores them.</p> +<p><strong>Note</strong>: The same is true for other CSS features like <a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries">media queries</a>, <code><a href="/ja/docs/Web/CSS/@font-face">@font-face</a></code> and <code><a href="/ja/docs/Web/CSS/@supports">@supports</a></code> blocks — if they are not supported, the browser just ignores them.</p> </div> <h4 id="IE_conditional_comments">IE conditional comments</h4> @@ -292,7 +292,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <h4 id="Selector_support">Selector support</h4> -<p>Of course, no CSS features will apply at all if you don't use the right <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors">selectors</a> to select the element you want to style! If you just write a selector incorrectly so the styling isn't as expected in any browser, you'll just need to troubleshoot and work out what is wrong with your selector. We find that it is helpful to inspect the element you are trying to style using your browser's dev tools, then look at the DOM tree breadcrumb trail that DOM inspectors tend to provide to see if your selector makes sense compared to it.</p> +<p>Of course, no CSS features will apply at all if you don't use the right <a href="/ja/docs/Learn/CSS/Introduction_to_CSS/Selectors">selectors</a> to select the element you want to style! If you just write a selector incorrectly so the styling isn't as expected in any browser, you'll just need to troubleshoot and work out what is wrong with your selector. We find that it is helpful to inspect the element you are trying to style using your browser's dev tools, then look at the DOM tree breadcrumb trail that DOM inspectors tend to provide to see if your selector makes sense compared to it.</p> <p>For example, in the Firefox dev tools, you get this kind of output at the bottom of the DOM inspector:</p> @@ -304,7 +304,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <p>(The <code>date</code> form input isn't directly inside the <code><form></code>; you'd be better off using a general descendant selector instead of a child selector).</p> -<p>However, another issue that appears in versions of IE older than 9 is that none of the newer selectors (mainly pseudo-classes and pseudo-elements like <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type">:nth-of-type</a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:not">:not</a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::selection">::selection</a></code>, etc.) work. If you want to use these in your CSS and you need to support older IE versions, a good move is to use Keith Clark's <a href="http://selectivizr.com/">Selectivizr</a> library — this is a small JavaScript library that works on top of an existing JavaScript library like <a href="http://jquery.com/">jQuery</a> or <a href="http://mootools.net/">MooTools</a>.</p> +<p>However, another issue that appears in versions of IE older than 9 is that none of the newer selectors (mainly pseudo-classes and pseudo-elements like <code><a href="/ja/docs/Web/CSS/:nth-of-type">:nth-of-type</a></code>, <code><a href="/ja/docs/Web/CSS/:not">:not</a></code>, <code><a href="/ja/docs/Web/CSS/::selection">::selection</a></code>, etc.) work. If you want to use these in your CSS and you need to support older IE versions, a good move is to use Keith Clark's <a href="http://selectivizr.com/">Selectivizr</a> library — this is a small JavaScript library that works on top of an existing JavaScript library like <a href="http://jquery.com/">jQuery</a> or <a href="http://mootools.net/">MooTools</a>.</p> <ol> <li>To try this example, make a local copy of <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/html-css/selectivizr-example-start.html">selectivizr-example-start.html</a>. If you look at this running live, you'll see that it contains two paragraphs, one of which is styled. We've selected the paragraph with <code>p:first-child</code>, which won't work in old versions of IE.</li> @@ -345,7 +345,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <p>The first line shows a {{cssxref("transform")}} property with a <code>-webkit-</code> prefix — this was needed to make transforms work in Chrome, etc. until the feature was finalized and such browsers added a prefix-free version of the property (at the time of writing, Chrome supported both versions).</p> -<p>The last three lines show three different versions of the <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient">linear-gradient()</a></code> function, which is used to generate a linear gradient in the background of an element:</p> +<p>The last three lines show three different versions of the <code><a href="/ja/docs/Web/CSS/linear-gradient">linear-gradient()</a></code> function, which is used to generate a linear gradient in the background of an element:</p> <ol> <li>The first one has a <code>-moz-</code> prefix, and shows a slightly older version of the syntax (Firefox)</li> @@ -370,7 +370,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS <ul> <li> </li> - <li>Now try to set a new value for the CSS property you are interested in on that element; you can do this using the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style">style</a> property of the element, for example try typing these into the JavaScript console: + <li>Now try to set a new value for the CSS property you are interested in on that element; you can do this using the <a href="/ja/docs/Web/API/HTMLElement/style">style</a> property of the element, for example try typing these into the JavaScript console: <pre class="brush: js line-numbers language-js"><code class="language-js">test<span class="punctuation token">.</span>style<span class="punctuation token">.</span>transform <span class="operator token">=</span> <span class="string token">'rotate(90deg)'</span> test<span class="punctuation token">.</span>style<span class="punctuation token">.</span>webkitTransform <span class="operator token">=</span> <span class="string token">'rotate(90deg)'</span></code></pre> </li> @@ -443,13 +443,13 @@ test<span class="punctuation token">.</span>style<span class="punctuation token" <h4 id="Support_for_new_layout_features">Support for new layout features</h4> -<p>Much of the layout work on the web today is done using <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Floats">floats</a> — this is because floats are well-supported (way back to IE4, albeit with a number of bugs that would also need to be investigated if you were to try to support IE that far back). However, they are not really meant for layout purposes — using floats the way we do is really a hack — and they do have some serious limitations (e.g. see <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox#Why_Flexbox">Why Flexbox?</a>)</p> +<p>Much of the layout work on the web today is done using <a href="/ja/docs/Learn/CSS/CSS_layout/Floats">floats</a> — this is because floats are well-supported (way back to IE4, albeit with a number of bugs that would also need to be investigated if you were to try to support IE that far back). However, they are not really meant for layout purposes — using floats the way we do is really a hack — and they do have some serious limitations (e.g. see <a href="/ja/docs/Learn/CSS/CSS_layout/Flexbox#Why_Flexbox">Why Flexbox?</a>)</p> -<p>More recently, dedicated layout mechanisms have appeared, like <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a> and <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids#Native_CSS_Grids_with_Grid_Layout">CSS Grids</a>, which make common layout tasks far easier and remove such shortcomings. These however are not as well-supported in browsers:</p> +<p>More recently, dedicated layout mechanisms have appeared, like <a href="/ja/docs/Learn/CSS/CSS_layout/Flexbox">Flexbox</a> and <a href="/ja/docs/Learn/CSS/CSS_layout/Grids#Native_CSS_Grids_with_Grid_Layout">CSS Grids</a>, which make common layout tasks far easier and remove such shortcomings. These however are not as well-supported in browsers:</p> <ul> <li>CSS grids are very new; at the time of writing, they were only <a href="http://gridbyexample.com/browsers/">supported</a> in the very newest versions of modern browsers.</li> - <li>Flexbox is <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox#Cross_browser_compatibility">well-supported</a> in modern browsers, but provides problems in older browsers. IE 9 doesn't support it at all, and IE 10 and old versions of iOS/desktop Safari respectively support incompatible old versions of the flexbox spec. This results in some interesting browser prefix juggling if you want to try to use flexbox across all these browsers (see <a href="https://dev.opera.com/articles/advanced-cross-browser-flexbox/">Advanced Cross-Browser Flexbox</a> to get an idea).</li> + <li>Flexbox is <a href="/ja/docs/Learn/CSS/CSS_layout/Flexbox#Cross_browser_compatibility">well-supported</a> in modern browsers, but provides problems in older browsers. IE 9 doesn't support it at all, and IE 10 and old versions of iOS/desktop Safari respectively support incompatible old versions of the flexbox spec. This results in some interesting browser prefix juggling if you want to try to use flexbox across all these browsers (see <a href="https://dev.opera.com/articles/advanced-cross-browser-flexbox/">Advanced Cross-Browser Flexbox</a> to get an idea).</li> </ul> <p>Layout features aren't as easy to provide graceful fallbacks for than simple colors, shadows, or gradients. If layout properties are ignored, your entire design will likely fall to pieces. Because of this, you need to use feature detection to detect whether visiting browsers support those layout features, and selectively apply different layouts depending on the result (we will cover feature detection in detail in a later article).</p> @@ -457,14 +457,14 @@ test<span class="punctuation token">.</span>style<span class="punctuation token" <p>For example, you could apply a flexbox layout to modern browsers, then instead apply a floated layout to older browsers that don't support flexbox.</p> <div class="note"> -<p><strong>Note</strong>: There is a fairly new feature in CSS called <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@supports">@supports</a></code>, which allows you to implement native feature detection tests.</p> +<p><strong>Note</strong>: There is a fairly new feature in CSS called <code><a href="/ja/docs/Web/CSS/@supports">@supports</a></code>, which allows you to implement native feature detection tests.</p> </div> <h4 id="Responsive_design_problems">Responsive design problems</h4> -<p>Responsive design is the practice of creating web layouts that change to suit different device form factors — for example different screen widths, orientations (portrait or landscape), or resolutions. A desktop layout for example will look terrible when viewed on a mobile device, so you need to provide a suitable mobile layout using <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries">media queries</a>, and make sure it is applied correctly using <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">viewport</a>. You can find a detailed account of such practices in <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Progressive/Responsive/responsive_design_building_blocks">The building blocks of responsive design</a>.</p> +<p>Responsive design is the practice of creating web layouts that change to suit different device form factors — for example different screen widths, orientations (portrait or landscape), or resolutions. A desktop layout for example will look terrible when viewed on a mobile device, so you need to provide a suitable mobile layout using <a href="/ja/docs/Web/CSS/Media_Queries">media queries</a>, and make sure it is applied correctly using <a href="/ja/docs/Mozilla/Mobile/Viewport_meta_tag">viewport</a>. You can find a detailed account of such practices in <a href="/ja/docs/Web/Apps/Progressive/Responsive/responsive_design_building_blocks">The building blocks of responsive design</a>.</p> -<p>Resolution is a big issue too — for example, mobile devices are less likely to need big heavy images than desktop computers, and are more likely to have slower internet connections and possibly even expensive data plans that make wasted bandwidth more of a problem. In addition, different devices can have a range of different resolutions, meaning that smaller images could appear pixellated. There are a number of techniques that allow you to work around such problems, from simple <a href="https://developer.mozilla.org/en-US/Apps/Progressive/Responsive/Mobile_first">mobile first media queries</a>, to more complex <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes">responsive image techniques</a>.</p> +<p>Resolution is a big issue too — for example, mobile devices are less likely to need big heavy images than desktop computers, and are more likely to have slower internet connections and possibly even expensive data plans that make wasted bandwidth more of a problem. In addition, different devices can have a range of different resolutions, meaning that smaller images could appear pixellated. There are a number of techniques that allow you to work around such problems, from simple <a href="/ja/Apps/Progressive/Responsive/Mobile_first">mobile first media queries</a>, to more complex <a href="/ja/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#Resolution_switching_Different_sizes">responsive image techniques</a>.</p> <p>Another difficulty that can present problems is browser support for the features that make the above techniques possible. media queries are not supported in IE 8 or less, so if you want to use a mobile first layout and have the desktop layout then apply to old IE versions, you'll have to apply a media query {{glossary("polyfill")}} to your page, like <a href="https://code.google.com/archive/p/css3-mediaqueries-js/">css3-mediaqueries-js</a>, or <a href="https://github.com/scottjehl/Respond">Respond.js</a>.</p> @@ -477,9 +477,9 @@ test<span class="punctuation token">.</span>style<span class="punctuation token" <p>To use the Mozilla Developer Network (MDN), most people do a search engine search of the technology they are trying to find information on, plus the term "mdn", for example "mdn HTML5 video". MDN contains several useful types of content:</p> <ul> - <li>Reference material with browser support information for client-side web technologies, e.g. the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video"><video> reference page</a>.</li> - <li>Other supporting reference material, e.g. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats">Media formats supported by the HTML audio and video elements</a>.</li> - <li>Useful tutorials that solve specific problems, for example <a href="https://developer.mozilla.org/en-US/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player">Creating a cross-browser video player</a>.</li> + <li>Reference material with browser support information for client-side web technologies, e.g. the <a href="/ja/docs/Web/HTML/Element/video"><video> reference page</a>.</li> + <li>Other supporting reference material, e.g. <a href="/ja/docs/Web/HTML/Supported_media_formats">Media formats supported by the HTML audio and video elements</a>.</li> + <li>Useful tutorials that solve specific problems, for example <a href="/ja/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player">Creating a cross-browser video player</a>.</li> </ul> <p><a href="http://caniuse.com/">caniuse.com</a> provides support information, along with a few useful external resource links. For example, see <a href="http://caniuse.com/#search=video">http://caniuse.com/#search=video</a> (you just have to enter the feature you are searching for into the text box).</p> @@ -497,12 +497,12 @@ test<span class="punctuation token">.</span>style<span class="punctuation token" <h2 id="このモジュール">このモジュール</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Introduction">Introduction to cross browser testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies">Strategies for carrying out testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/JavaScript">Handling common JavaScript problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility">Handling common accessibility problems</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing">Introduction to automated testing</a></li> + <li><a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Your_own_automation_environment">Setting up your own test automation environment</a></li> </ul> diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/introduction/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/introduction/index.html index 3e0e2e7834..3111d63b0e 100644 --- a/files/ja/learn/tools_and_testing/cross_browser_testing/introduction/index.html +++ b/files/ja/learn/tools_and_testing/cross_browser_testing/introduction/index.html @@ -50,7 +50,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/Introduction <p>その一方で、サイトが視力のあるユーザーにとって動作していても、視覚障がいのあるユーザーにとって、スクリーンリーダーアプリケーションがそこにある情報を読み取れないため完全にアクセスできない場合は、OKではありません。</p> -<p>2つ目に、「受け入れられる数のウェブブラウザ間で」と言った時、世界中のブラウザの 100% の意味ではありません — これは不可能です。ユーザーが使うブラウザや端末の情報を呼び出すことができます (このシリーズの2つ目の記事で見ていきましょう — <a href="https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#Gotta_test_%27em_all">Gotta test 'em all?</a>を見てください)が、すべてを保証することはできません。ウェブ開発者としては、ある範囲のブラウザと端末にてコードが完全に動作することをサイトオーナーと同意しておく必要があります。しかしそれを超えて、その他のブラウザでコンテンツを使う機会をできるだけ与えられるよう防衛的なコードを書いておく必要があります。</p> +<p>2つ目に、「受け入れられる数のウェブブラウザ間で」と言った時、世界中のブラウザの 100% の意味ではありません — これは不可能です。ユーザーが使うブラウザや端末の情報を呼び出すことができます (このシリーズの2つ目の記事で見ていきましょう — <a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Testing_strategies#Gotta_test_%27em_all">Gotta test 'em all?</a>を見てください)が、すべてを保証することはできません。ウェブ開発者としては、ある範囲のブラウザと端末にてコードが完全に動作することをサイトオーナーと同意しておく必要があります。しかしそれを超えて、その他のブラウザでコンテンツを使う機会をできるだけ与えられるよう防衛的なコードを書いておく必要があります。</p> <div class="note"> <p><strong>注</strong>: このモジュールの後の方でも、防衛的なコードをカバーします。</p> diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/javascript/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/javascript/index.html index 12c8f274d6..2ee7e93ba0 100644 --- a/files/ja/learn/tools_and_testing/cross_browser_testing/javascript/index.html +++ b/files/ja/learn/tools_and_testing/cross_browser_testing/javascript/index.html @@ -104,7 +104,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/JavaScript <p>You can then point these tools at JavaScript files you want to lint, for example:</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/14171/js-hint-commandline.png" style="display: block; height: 478px; margin: 0px auto; width: 697px;">You can also use these tools with a task runner/build tool such as <a href="http://gulpjs.com/">Gulp</a> or <a href="https://webpack.github.io/">Webpack</a> to automatically lint your JavaScript during development. (see <a href="https://developer.mozilla.org/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing#Using_a_task_runner_to_automate_testing_tools">Using a task runner to automate testing tools</a> in a later article.) See <a href="http://eslint.org/docs/user-guide/integrations">ESLint integrations</a> for ESLint options; JSHint is supported out of the box by Grunt, and also has other integrations available, e.g. <a href="https://github.com/webpack/jshint-loader">JSHint loader for Webpack</a>.</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/14171/js-hint-commandline.png" style="display: block; height: 478px; margin: 0px auto; width: 697px;">You can also use these tools with a task runner/build tool such as <a href="http://gulpjs.com/">Gulp</a> or <a href="https://webpack.github.io/">Webpack</a> to automatically lint your JavaScript during development. (see <a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing#Using_a_task_runner_to_automate_testing_tools">Using a task runner to automate testing tools</a> in a later article.) See <a href="http://eslint.org/docs/user-guide/integrations">ESLint integrations</a> for ESLint options; JSHint is supported out of the box by Grunt, and also has other integrations available, e.g. <a href="https://github.com/webpack/jshint-loader">JSHint loader for Webpack</a>.</p> <div class="note"> <p><strong>注</strong>: ESLint takes a bit more setup and configuration than JSHint, but it is more powerful too.</p> @@ -210,7 +210,7 @@ showHeroes(superHeroes);</pre> </ol> <div class="note"> -<p><strong>注</strong>: We'd like you to try fixing this problem yourself. To give you a clue, you can either <a href="/ja/docs/Web/API/XMLHttpRequest/responseType">tell the XMLHttpRequest object explicitly to return JSON format</a>, or <a href="https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/JSON#Converting_between_objects_and_text">convert the returned text to JSON</a> after the response arrives. If you get stuck, consult our <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/javascript/fixed-ajax.html">fixed-ajax.html</a> example.</p> +<p><strong>注</strong>: We'd like you to try fixing this problem yourself. To give you a clue, you can either <a href="/ja/docs/Web/API/XMLHttpRequest/responseType">tell the XMLHttpRequest object explicitly to return JSON format</a>, or <a href="/ja/docs/Learn/JavaScript/Objects/JSON#Converting_between_objects_and_text">convert the returned text to JSON</a> after the response arrives. If you get stuck, consult our <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/javascript/fixed-ajax.html">fixed-ajax.html</a> example.</p> </div> <div class="note"> @@ -252,7 +252,7 @@ showHeroes(superHeroes);</pre> <p>For example:</p> <ul> - <li><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a> are a great new feature for performing asynchronous operations and making sure those operations are complete before code that relies on their results is used for something else. As an example, the <a href="https://developer.mozilla.org/ja/docs/Web/API/GlobalFetch/fetch">Fetch API</a> (a modern equivalent to <a href="/ja/docs/Web/API/XMLHttpRequest">XMLHTTPRequest</a>) uses promises to fetch resources across the network and make sure that the response has been returned before they are used (for example, displaying an image inside an {{htmlelement("img")}} element). They are not supported in IE at all but are supported across all modern browsers.</li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a> are a great new feature for performing asynchronous operations and making sure those operations are complete before code that relies on their results is used for something else. As an example, the <a href="/ja/docs/Web/API/GlobalFetch/fetch">Fetch API</a> (a modern equivalent to <a href="/ja/docs/Web/API/XMLHttpRequest">XMLHTTPRequest</a>) uses promises to fetch resources across the network and make sure that the response has been returned before they are used (for example, displaying an image inside an {{htmlelement("img")}} element). They are not supported in IE at all but are supported across all modern browsers.</li> <li>Arrow functions provide a shorter, more convenient syntax for writing <a href="/ja/docs/Learn/JavaScript/Building_blocks/Functions#Anonymous_functions">anonymous functions</a>, which also has other advantages (see <a href="/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow functions</a>). For a quick example, see <a href="https://mdn.github.io/learning-area/tools-testing/cross-browser-testing/javascript/arrow-function.html">arrow-function.html</a> (see the <a href="https://github.com/mdn/learning-area/blob/master/tools-testing/cross-browser-testing/javascript/arrow-function.html">source code</a> also). Arrow functions are supported across all modern browsers, except for IE and Safari.</li> <li>Declaring <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> at the top of your JavaScript code causes it to be parsed with a stricter set of rules, meaning that more warnings and errors will be thrown, and some things will be disallowed that would otherwise be acceptable. It is arguably a good idea to use strict mode, as it makes for better, more efficient code, however it has limited/patchy support across browsers (see <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode#Strict_mode_in_browsers">Strict mode in browsers</a>).</li> <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">Typed arrays</a> allow JavaScript code to access and manipulate raw binary data, which is necessary as browser APIs for example start to manipulate streams of raw video and audio data. These are available in IE10 and above, and all modern browsers.</li> diff --git a/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html b/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html index 06f93804ce..8f36e7e65b 100644 --- a/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html +++ b/files/ja/learn/tools_and_testing/cross_browser_testing/your_own_automation_environment/index.html @@ -50,7 +50,7 @@ translation_of: Learn/Tools_and_testing/Cross_browser_testing/Your_own_automatio <h3 id="Setting_up_Selenium_in_Node" name="Setting_up_Selenium_in_Node">Node で Selenium のセットアップ</h3> <ol> - <li>まず、最後の章の <a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing#Setting_up_Node_and_npm">Setting up Node and npm</a> で説明しているように、新しいnpmプロジェクトをセットアップします。<code>selenium-test</code>のように違うものを呼んでください。</li> + <li>まず、最後の章の <a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing/Automated_testing#Setting_up_Node_and_npm">Setting up Node and npm</a> で説明しているように、新しいnpmプロジェクトをセットアップします。<code>selenium-test</code>のように違うものを呼んでください。</li> <li>次に私たちはNodeの内部からSeleniumが機能するようにフレームワークをインストールする必要があります。 更新頻度が高く、よく改善されるため、私たちは<a href="https://www.npmjs.com/package/selenium-webdriver">selenium-webdriver</a>を選択します。もしも他の選択をするならば<a href="http://webdriver.io/">webdriver.io</a> と <a href="http://nightwatchjs.org/">nightwatch.js</a> もいい選択です。selenium-webdriverをインストールするため, プロジェクトフォルダの下で以下のコマンドを走らせます:</li> <li> <pre class="brush: bash"><code>npm install selenium-webdriver</code></pre> diff --git a/files/ja/mdn/about/index.html b/files/ja/mdn/about/index.html index f65c83f6d7..2b570c5e98 100644 --- a/files/ja/mdn/about/index.html +++ b/files/ja/mdn/about/index.html @@ -30,7 +30,7 @@ translation_of: MDN/About <p>私たちはグローバルなコミュニティです。世界中にコンテンツを作成したり、バグを修正したり、コンテンツの変更をレビューしたり、サンプルコードを追加したりして手伝ってくださる、すばらしい協力者の皆さんがいます。</p> -<p>しかし、 MDN を手助けするのにプロのコーダーやライターである必要はありません。 <a href="/en-US/docs/MDN/Contribute">MDN への貢献</a>ページにアクセスしてみて、あなたの専門性や時間的な余裕に応じて手伝っていただけることを見つけてください。</p> +<p>しかし、 MDN を手助けするのにプロのコーダーやライターである必要はありません。 <a href="/ja/docs/MDN/Contribute">MDN への貢献</a>ページにアクセスしてみて、あなたの専門性や時間的な余裕に応じて手伝っていただけることを見つけてください。</p> <h2 id="Using_MDN_Web_Docs_content">MDN Web Docs のコンテンツの利用</h2> @@ -104,6 +104,6 @@ translation_of: MDN/About <p>2017 年 7 月に名前が MDN Web Docs に変更されました。この決定の背景となる理念については <a href="https://blog.mozilla.org/opendesign/future-mdn-focus-web-docs/">The Future of MDN: A Focus on Web Docs</a> をご覧ください。</p> -<p>MDN の歴史については、 <a href="/en-US/docs/MDN/At_ten">10 周年記念ページ</a>に、関係者による口述の歴史が掲載されています。また、ブログ記事 <a href="https://hacks.mozilla.org/2020/07/mdn-web-docs-15-years-young/">MDN Web Docs: 15 years young</a> では、 15 周年記念のレポートが掲載されています。</p> +<p>MDN の歴史については、 <a href="/ja/docs/MDN/At_ten">10 周年記念ページ</a>に、関係者による口述の歴史が掲載されています。また、ブログ記事 <a href="https://hacks.mozilla.org/2020/07/mdn-web-docs-15-years-young/">MDN Web Docs: 15 years young</a> では、 15 周年記念のレポートが掲載されています。</p> <p>2020 年 12 月 14 日には、新しいプラットフォーム Yari に移行し、すべてのコンテンツを <a href="https://github.com/mdn/content">GitHub のリポジトリー</a>に保存するという、さらなる進化を遂げました。詳しくは <a href="https://hacks.mozilla.org/2020/12/welcome-yari-mdn-web-docs-has-a-new-platform/">Welcome Yari: MDN Web Docs has a new platform</a> をお読みください。</p> diff --git a/files/ja/mdn/at_ten/history_of_mdn/index.html b/files/ja/mdn/at_ten/history_of_mdn/index.html index c35e20ddaa..218c57c1e7 100644 --- a/files/ja/mdn/at_ten/history_of_mdn/index.html +++ b/files/ja/mdn/at_ten/history_of_mdn/index.html @@ -95,7 +95,7 @@ Mozilla 開発者のための場所 <article class="chapter chapter-justtext" id="kuma"> <h2 id="Kuma_3_つ目の、そして現行の_Wiki_エンジン">Kuma <small>3 つ目の、そして現行の Wiki エンジン</small></h2> -<p>2011 年初期頃、<a href="https://github.com/mozilla/kitsune">Kitsune</a> から fork され、2012 年 8 月 3 日に立ち上がった <a href="https://github.com/mozilla/kuma">Kuma </a> は Django をベースに Mozilla が構築した Wiki プラットフォームで Node.js を使った <a href="/en-US/docs/MDN/Kuma/Introduction_to_KumaScript">KumaScript</a> マクロシステムも付随してます。</p> +<p>2011 年初期頃、<a href="https://github.com/mozilla/kitsune">Kitsune</a> から fork され、2012 年 8 月 3 日に立ち上がった <a href="https://github.com/mozilla/kuma">Kuma </a> は Django をベースに Mozilla が構築した Wiki プラットフォームで Node.js を使った <a href="/ja/docs/MDN/Kuma/Introduction_to_KumaScript">KumaScript</a> マクロシステムも付随してます。</p> <p>コードは GitHub 上にあるので、コミュニティーは、MDN の CMS にも貢献し始めました。今後、"MDN のハック" には文書を書くことと Kuma のコーディングの両方が含まれることになるでしょう。</p> @@ -160,7 +160,7 @@ Mozilla 開発者のための場所 <article class="chapter chapter-justtext" id="mdn-learning"> <h2 id="Learning_Area">Learning Area</h2> -<p>MDN の <a href="https://developer.mozilla.org/ja/Learn">Learning Area</a> はWeb の基礎スキルを教える新しい取り組みです。 これまでの 10 年を通して、MDN はたくさんの応用的な記事と貴重な情報をエキスパートの為に提供し続けてきました。このプロジェクトでは初心者に焦点を当てた記事を書き、知識ギャップを埋めることを目標としています。</p> +<p>MDN の <a href="/ja/Learn">Learning Area</a> はWeb の基礎スキルを教える新しい取り組みです。 これまでの 10 年を通して、MDN はたくさんの応用的な記事と貴重な情報をエキスパートの為に提供し続けてきました。このプロジェクトでは初心者に焦点を当てた記事を書き、知識ギャップを埋めることを目標としています。</p> </article> <article class="chapter chapter-portrait" id="jeremie"><a class="chapter-portrait-img" href="https://twitter.com/jeremiepat"><img alt="Jérémie Patonnier" src="https://pbs.twimg.com/profile_images/1731588715/jeremie-patonnier-150.jpg" style="height: 128px; width: 128px;"> </a> diff --git a/files/ja/mdn/at_ten/index.html b/files/ja/mdn/at_ten/index.html index a540cc7c94..32305aa409 100644 --- a/files/ja/mdn/at_ten/index.html +++ b/files/ja/mdn/at_ten/index.html @@ -12,13 +12,13 @@ original_slug: MDN_at_ten <p>フリーで、コミュニティが作るWeb 開発者のための新しいオンラインリソースをつくる、という理想に燃えた小さなチームが作業を開始したのが 2005 年でした。彼らの働きが現在の Mozilla Developer Network の礎となっています。それから 10 年後の現在 MDN のコミュニティは大きく成長し、 Web 技術に関するドキュメントやサンプルコード、学習用の教材を作成し続けています。CSS / HTML / JavaScript に代表されるあらゆるオープンな Web 技術をカバーし、オープンな Web の力を支えています。</p> -<p><a class="learnmore" href="/docs/MDN_at_ten/History_of_MDN">詳細はこちら <span class="offscreen">about the history</span></a></p> +<p><a class="learnmore" href="/ja/docs/MDN_at_ten/History_of_MDN">詳細はこちら <span class="offscreen">about the history</span></a></p> <h2 id="MDN_へ参加しよう">MDN へ参加しよう</h2> <p>10 年にわたり、MDN のコミュニティはオープン Web に関するドキュメントを作成し、更新し続けてきました。90,000 を超えるドキュメントが Mozillan によって作成され、翻訳されています。そんなコミュニティのメンバーに参加しませんか？何か大きなことをしなくても大丈夫。新しい Web API に関する記事を 1 から書くことも、単純なタイプミスの修正も、どちらも等しく重要な貢献です。</p> -<p><a class="learnmore" href="/docs/MDN_at_ten/Contributing_to_MDN">詳細はこちら <span class="offscreen">about contributing</span></a></p> +<p><a class="learnmore" href="/ja/docs/MDN_at_ten/Contributing_to_MDN">詳細はこちら <span class="offscreen">about contributing</span></a></p> </div> <div class="column-4"> diff --git a/files/ja/mdn/contribute/fixing_mdn_content_bugs/index.html b/files/ja/mdn/contribute/fixing_mdn_content_bugs/index.html index 158cc7a77d..94863f9fe1 100644 --- a/files/ja/mdn/contribute/fixing_mdn_content_bugs/index.html +++ b/files/ja/mdn/contribute/fixing_mdn_content_bugs/index.html @@ -75,7 +75,7 @@ tags: <tbody> <tr> <td><a href="https://github.com/mdn/sprints/projects/12">Learn docs MDN project board</a></td> - <td><a href="/en-US/docs/Learn">Learn Web Development</a> に関する課題。</td> + <td><a href="/ja/docs/Learn">Learn Web Development</a> に関する課題。</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/11">Content architecture MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/11"> board</a></td> @@ -83,27 +83,27 @@ tags: </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/10">HTTP docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/10"> board</a></td> - <td><a href="/en-US/docs/Web/HTTP">HTTP</a> の文書に関する課題</td> + <td><a href="/ja/docs/Web/HTTP">HTTP</a> の文書に関する課題</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/9">HTML docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/9"> board</a></td> - <td><a href="/en-US/docs/Web/HTML">HTML</a> の文書に関する課題</td> + <td><a href="/ja/docs/Web/HTML">HTML</a> の文書に関する課題</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/8">DevTools docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/8"> board</a></td> - <td>Firefox <a href="/en-US/docs/Tools">DevTools</a> の文書に関する課題</td> + <td>Firefox <a href="/ja/docs/Tools">DevTools</a> の文書に関する課題</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/7">WebExtensions docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/7"> board</a></td> - <td><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a> の文書に関する課題</td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a> の文書に関する課題</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/6">CSS docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/6"> board</a></td> - <td><a href="/en-US/docs/Web/CSS/Reference">CSS</a> の文書に関する課題</td> + <td><a href="/ja/docs/Web/CSS/Reference">CSS</a> の文書に関する課題</td> </tr> <tr> <td><a href="https://github.com/mdn/sprints/projects/5">JavaScript docs MDN </a><a href="https://github.com/mdn/sprints/projects/12">project</a><a href="https://github.com/mdn/sprints/projects/5"> board</a></td> - <td><a href="/en-US/docs/Web/JavaScript">JavaScript</a> の文書に関する課題</td> + <td><a href="/ja/docs/Web/JavaScript">JavaScript</a> の文書に関する課題</td> </tr> </tbody> </table> diff --git a/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html b/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html index 3f8029ddac..882a3e8a69 100644 --- a/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html +++ b/files/ja/mdn/contribute/howto/convert_code_samples_to_be_live/index.html @@ -1,5 +1,5 @@ --- -title: コードサンプルを "ライブ" に変換するには +title: コードサンプルを「ライブ」に変換するには slug: MDN/Contribute/Howto/Convert_code_samples_to_be_live tags: - Beginner @@ -9,28 +9,28 @@ translation_of: MDN/Contribute/Howto/Convert_code_samples_to_be_live --- <div>{{MDNSidebar}}</div> -<p class="summary">MDN には "<a href="/ja/docs/MDN/Contribute/Structures/Live_samples">ライブサンプル</a>" システムがあり、ここではコードサンプルが、そのサンプルの出力を直接表示するのに使われます。しかし、既存の記事にはこのシステムをまだ使っていないコードサンプルが多々あり、変換する必要があります。</p> +<p class="summary">MDN には「<a href="/ja/docs/MDN/Structures/Live_samples">ライブサンプル</a>」システムがあり、ここではコードサンプルが、そのサンプルの出力を直接表示するのに使われます。しかし、既存の記事にはこのシステムをまだ使っていないコードサンプルが多々あり、変換する必要があります。</p> -<p><span class="seoSummary">ライブサンプルは、サンプルの出力がどのようなものかを見ることができ、ドキュメントをよりダイナミックで教育的なものにできます。このガイドは既存サンプルを取り上げて、 "ライブ" 動作を追加する方法を掲載します。</span></p> +<p><span class="seoSummary">ライブサンプルは、サンプルの出力がどのようなものかを見ることができ、ドキュメントをよりダイナミックで教育的なものにできます。このガイドは既存サンプルを取り上げて、「ライブ」動作を追加する方法を掲載します。</span></p> <dl> - <dt><strong>どこのページに行う必要があるか?</strong></dt> - <dd><a href="/ja/docs/tag/NeedsLiveSample">NeedsLiveSample</a> とタグ付けられた記事。</dd> - <dt><strong>タスクを行うのにどんな知識が必要か?</strong></dt> + <dt><strong>行う必要のあるページ</strong></dt> + <dd>静的なコード例 (単なる HTML、CSS、JavaScript のブロック) を掲載している記事で、実際に動いているところを見せた方が良いと思われるもの。</dd> + <dt><strong>タスクを行うのに必要な知識</strong></dt> <dd> <ul> <li>コードサンプルに応じて、 HTML, CSS 及び/あるいは JavaScript を理解すること</li> - <li>MDN 記事内の <a href="/ja/docs/MDN/Contribute/Tools/KumaScript">KumaScript</a> マクロを使う能力</li> + <li>MDN 記事内の <a href="/ja/docs/MDN/Tools/KumaScript">KumaScript</a> マクロを使う能力</li> </ul> </dd> - <dt><strong>タスクを実行するステップは?</strong></dt> + <dt><strong>タスクを実行するステップ</strong></dt> <dd> <ol> - <li><a href="/ja/docs/tag/NeedsLiveSample">NeedsLiveSample</a> とタグ付けされていて、あなたが慣れていると感じる機能向けのコードサンプルがある記事の一覧から1つ選ぶ。</li> - <li>コードサンプルが "ライブ" となるよう変換する。</li> - <li>以前にサンプル出力を表示するために使われていた、あらゆるコードや画像を削除する。</li> + <li>「ライブ」に変換すべきだと思うコード例を見つけてください。</li> + <li>コードサンプルが「ライブ」となるよう変換してください。</li> + <li>以前にサンプル出力を表示するために使われていた、コードや画像を削除してください。</li> </ol> </dd> </dl> -<p>ライブサンプルの作成と編集についての詳細情報は、 <a href="/ja/docs/MDN/Contribute/Structures/Live_samples">ライブサンプルシステムの使用</a>を参照してください。</p> +<p>ライブサンプルの作成と編集についての詳細情報は、 <a href="/ja/docs/MDN/Structures/Live_samples">ライブサンプルシステムの使用</a>を参照してください。</p> diff --git a/files/ja/mdn/contribute/howto/create_an_interactive_exercise_to_help_learning_the_web/index.html b/files/ja/mdn/contribute/howto/create_an_interactive_exercise_to_help_learning_the_web/index.html index 00d20765d7..46b48385ba 100644 --- a/files/ja/mdn/contribute/howto/create_an_interactive_exercise_to_help_learning_the_web/index.html +++ b/files/ja/mdn/contribute/howto/create_an_interactive_exercise_to_help_learning_the_web/index.html @@ -15,7 +15,7 @@ translation_of: MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_lear <h2 id="MDN_ライブサンプル">MDN ライブサンプル</h2> -<p>MDN has a very cool feature called <strong>live samples</strong>. It's a mechanism that turns any HTML, CSS, and JavaScript code inside an MDN page into its executed equivalent. Before using it, you should read over <a href="/en-US/docs/MDN/Contribute/Editor/Live_samples">Using the live sample system</a>, which is our complete documentation for building them. While they're easy to do, there are quirks and tricks you'll learn along the way.</p> +<p>MDN has a very cool feature called <strong>live samples</strong>. It's a mechanism that turns any HTML, CSS, and JavaScript code inside an MDN page into its executed equivalent. Before using it, you should read over <a href="/ja/docs/MDN/Contribute/Editor/Live_samples">Using the live sample system</a>, which is our complete documentation for building them. While they're easy to do, there are quirks and tricks you'll learn along the way.</p> <p>What is interesting is that it's really easy to tweak that feature to use it in order to embed any kind of tool or utility you want into an MDN page.</p> @@ -164,7 +164,7 @@ document.addEventListener('keyup', function () { \{{EmbedLiveSample('hidden_code_example', 120, 120)}} </div></pre> -<p>You can see a more advance example of such a tweak on <a href="/en-US/docs/Web/API/Canvas_API#JavaScript">the Canvas API page</a>.</p> +<p>You can see a more advance example of such a tweak on <a href="/ja/docs/Web/API/Canvas_API#JavaScript">the Canvas API page</a>.</p> <h3 id="Code_from_outside_the_page">Code from outside the page</h3> @@ -178,6 +178,6 @@ document.addEventListener('keyup', function () { <p>Click on the following square to randomly change its color or just type a hexadecimal code color</p> {{EmbedLiveSample('The_example', 120, 120, '', 'MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web/distant_example')}}</div> -<p>This time, if you take a <a href="/en-US/docs/MDN/Contribute/Editor/Source_mode">look at that page's HTML using the MDN editor</a>, you'll see no hidden code. If you want to see the code, just go to <a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web/distant_example">the page that hosts it</a>.</p> +<p>This time, if you take a <a href="/ja/docs/MDN/Contribute/Editor/Source_mode">look at that page's HTML using the MDN editor</a>, you'll see no hidden code. If you want to see the code, just go to <a href="/ja/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web/distant_example">the page that hosts it</a>.</p> -<p>You can see a more advanced example of this usage in our <a href="/en-US/docs/Web/Guide/HTML/Forms/How_to_build_custom_form_widgets">HTML Form tutorial</a>, which uses this technique to allow experimentation with forms.</p> +<p>You can see a more advanced example of this usage in our <a href="/ja/docs/Web/Guide/HTML/Forms/How_to_build_custom_form_widgets">HTML Form tutorial</a>, which uses this technique to allow experimentation with forms.</p> diff --git a/files/ja/mdn/contribute/howto/create_and_edit_pages/index.html b/files/ja/mdn/contribute/howto/create_and_edit_pages/index.html index 7a0cf12f4c..5bc83935d3 100644 --- a/files/ja/mdn/contribute/howto/create_and_edit_pages/index.html +++ b/files/ja/mdn/contribute/howto/create_and_edit_pages/index.html @@ -56,7 +56,7 @@ translation_of: MDN/Contribute/Howto/Create_and_edit_pages <h3 id="Attach_files" name="Attach_files">添付ファイル</h3> -<p>ファイルを添付するには、特殊なユーザー権限が必要です。詳細は <a href="/en-US/docs/MDN/Contribute/Editor/Basics/Attachments">Attachments in the MDN editor</a> をご覧ください。そこにアップロード権限のリクエスト方法も書かれています。</p> +<p>ファイルを添付するには、特殊なユーザー権限が必要です。詳細は <a href="/ja/docs/MDN/Contribute/Editor/Basics/Attachments">Attachments in the MDN editor</a> をご覧ください。そこにアップロード権限のリクエスト方法も書かれています。</p> <h3 id="Publish_Discard_or_Keep_editing" name="Publish_Discard_or_Keep_editing">公開、破棄、編集の続行</h3> @@ -159,18 +159,18 @@ translation_of: MDN/Contribute/Howto/Create_and_edit_pages <ol> <li>既存ページのテキスト内の (意味のある) どこかの場所に新しいページの名前を入力します。</li> - <li>その名前をハイライトしてエディターツールバーから<strong>リンクアイコン (<img alt="" src="https://developer.mozilla.org/files/3810/link-icon.png" style="height: 28px; width: 29px;">) をクリック</strong>します。<strong>'Update Link'</strong> のダイアログが開き、 <strong>'Link To'</strong> 欄が強調されています。</li> + <li>その名前をハイライトしてエディターツールバーから<strong>リンクアイコン (<img alt="" src="/files/3810/link-icon.png" style="height: 28px; width: 29px;">) をクリック</strong>します。<strong>'Update Link'</strong> のダイアログが開き、 <strong>'Link To'</strong> 欄が強調されています。</li> <li>既定では URL 欄の最初に <strong>"/ja/docs/"</strong> が挿入されます。 "/ja/docs/" の後にページ名を入力します。ページ名はリンクテキストと同じである必要はありません。</li> <li><strong>OK</strong> をクリックしてリンクを作成、挿入します。</li> </ol> -<p>ページがまだ存在しない場合、リンクは赤く表示されます。ページがすでに存在する場合、リンクは青く表示されます。新しいページを作成したいが、ページタイトルがすでに取られている場合、まずはすでにあるページの編集を助けたり改良したりするのがもっと意味があるのではないのかを確認してください。そうでない場合、新しいページに別の名前を考えてリンクを作成します。ガイドラインの <a href="https://developer.mozilla.org/Project:en/Page_Naming_Guide" title="Project:en/Page_Naming_Guide">page naming guide</a> を参照してください。</p> +<p>ページがまだ存在しない場合、リンクは赤く表示されます。ページがすでに存在する場合、リンクは青く表示されます。新しいページを作成したいが、ページタイトルがすでに取られている場合、まずはすでにあるページの編集を助けたり改良したりするのがもっと意味があるのではないのかを確認してください。そうでない場合、新しいページに別の名前を考えてリンクを作成します。ガイドラインの <a href="/Project:en/Page_Naming_Guide" title="Project:en/Page_Naming_Guide">page naming guide</a> を参照してください。</p> <p>新しいページに中身を追加するには、 (エディターを保存して閉じた後に) 作成したばかりの赤いリンクをクリックします。新しいページがエディターモードで開かれて、書き始められます。エディターモードの使用については、この記事の<a href="#Editing_an_existing_page">既存のページを編集する</a>節を参照してください。</p> <h2 id="Refreshing_page_content" name="Refreshing_page_content">ページ内容の更新</h2> -<p>KumaScript のマクロの MDN 対応や、他のページの内容の統合は、パフォーマンス上の理由でページをキャッシュする必要により妨げられることがあります。ページはソースから構築され、その出力は将来のリクエストのためにキャッシュされます。そのため、マクロ (テンプレート) や (<span class="templateLink"><code><a href="https://developer.mozilla.org/en-US/docs/Template:Page">Page</a></code></span> マクロを使用した) 統合はマクロやその出力、統合された素材の内容のその後の変更が反映されません。</p> +<p>KumaScript のマクロの MDN 対応や、他のページの内容の統合は、パフォーマンス上の理由でページをキャッシュする必要により妨げられることがあります。ページはソースから構築され、その出力は将来のリクエストのためにキャッシュされます。そのため、マクロ (テンプレート) や (<span class="templateLink"><code><a href="/en-US/docs/Template:Page">Page</a></code></span> マクロを使用した) 統合はマクロやその出力、統合された素材の内容のその後の変更が反映されません。</p> <ul> <li>ページを手動で更新するには、ウェブブラウザーで強制的に再読み込みしてください。 MDN はこれを検知してページの再構築を起動し、更新されたマクロの出力や統合されたページ内容を引き出します。</li> diff --git a/files/ja/mdn/contribute/howto/index.html b/files/ja/mdn/contribute/howto/index.html index 4c8d8f442e..376c851565 100644 --- a/files/ja/mdn/contribute/howto/index.html +++ b/files/ja/mdn/contribute/howto/index.html @@ -12,7 +12,7 @@ translation_of: MDN/Contribute/Howto --- <div>{{MDNSidebar}}</div> -<div class="note">このページでは、日本語訳されたサブページの一覧を表示しています。<a href="/en-US/docs/MDN/Contribute/Howto">英語版</a>に存在していても、日本語訳されていないページは表示されません。日本語訳にご協力ください。</div> +<div class="note">このページでは、日本語訳されたサブページの一覧を表示しています。<a href="/ja/docs/MDN/Contribute/Howto">英語版</a>に存在していても、日本語訳されていないページは表示されません。日本語訳にご協力ください。</div> <p class="summary">ここにある記事は、MDN に貢献する際に具体的な目標を達成するためのステップごとのガイドを提供するものです。</p> diff --git a/files/ja/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html b/files/ja/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html index 0927f045c1..4c2c633bb8 100644 --- a/files/ja/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html +++ b/files/ja/mdn/contribute/howto/write_a_new_entry_in_the_glossary/index.html @@ -30,7 +30,7 @@ translation_of: MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary <p>新たなトピックについての考えがあるならば、新しいタブで以下のボタンを開き、ボタンよりも下にある手順通りにしてください。</p> -<div class="align-center"><a class="button ignore-external mega positive" href="/en-US/docs/new?parent=4391">用語集に新しい項目を書く</a></div> +<div class="align-center"><a class="button ignore-external mega positive" href="/ja/docs/new?parent=4391">用語集に新しい項目を書く</a></div> <h3 id="Step_1_Select_a_term_to_explain" name="Step_1_Select_a_term_to_explain">ステップ1: 説明する用語を選ぶ</h3> diff --git a/files/ja/mdn/contribute/howto/write_an_api_reference/sidebars/index.html b/files/ja/mdn/contribute/howto/write_an_api_reference/sidebars/index.html index eff5daddd8..b57d0918b3 100644 --- a/files/ja/mdn/contribute/howto/write_an_api_reference/sidebars/index.html +++ b/files/ja/mdn/contribute/howto/write_an_api_reference/sidebars/index.html @@ -75,7 +75,7 @@ original_slug: MDN/Structures/API_references/API_reference_sidebars <p>この節では、<code>GroupData</code> 項目に含めることができるすべてのサブメンバーを一覧表示します。</p> -<p>リストされたサブメンバーの中に含まれる値のほとんどは、リンクテキストと、表示されるリンクの最終的な URL を生成するためのメイン API インデックスページ — <code>https://developer.mozilla.org/<em><language-code></em>/docs/Web/API</code> — の最後に追加されたスラッグの両方に相当することに注意してください。そのため、例えば "Body" とすると、 <em>en-US</em> ロケールではこのようなリンクが生成されます。</p> +<p>リストされたサブメンバーの中に含まれる値のほとんどは、リンクテキストと、表示されるリンクの最終的な URL を生成するためのメイン API インデックスページ — <code>/<em><language-code></em>/docs/Web/API</code> — の最後に追加されたスラッグの両方に相当することに注意してください。そのため、例えば "Body" とすると、 <em>en-US</em> ロケールではこのようなリンクが生成されます。</p> <pre class="brush: html notranslate"><li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Body</a></li></pre> diff --git a/files/ja/mdn/contribute/open_source_etiquette/index.html b/files/ja/mdn/contribute/open_source_etiquette/index.html index ccd7afc154..041a12e91e 100644 --- a/files/ja/mdn/contribute/open_source_etiquette/index.html +++ b/files/ja/mdn/contribute/open_source_etiquette/index.html @@ -105,7 +105,7 @@ translation_of: MDN/Contribute/Open_source_etiquette <h2 id="read_the_manual">マニュアルを読みましょう</h2> -<p>優れた OSP は、常に協力者のドキュメントが容易に入手できるようにしています。 GitHub のプロジェクトでは、通常はリポジトリの CONTRIBUTING.md ファイル、またはプロジェクトの README.md ファイルに記載されています。ドキュメントプロジェクトである MDN のコンテンツには <a href="https://github.com/mdn/content/blob/main/README.md">README</a> があり、サイト自体に協力者向けのドキュメントがきちんと用意されています (<a href="/en-US/docs/MDN/Contribute">MDN への貢献</a>を参照)。</p> +<p>優れた OSP は、常に協力者のドキュメントが容易に入手できるようにしています。 GitHub のプロジェクトでは、通常はリポジトリの CONTRIBUTING.md ファイル、またはプロジェクトの README.md ファイルに記載されています。ドキュメントプロジェクトである MDN のコンテンツには <a href="https://github.com/mdn/content/blob/main/README.md">README</a> があり、サイト自体に協力者向けのドキュメントがきちんと用意されています (<a href="/ja/docs/MDN/Contribute">MDN への貢献</a>を参照)。</p> <p>ここで1つお願いしたいのは、「助けを求めることを恐れないで、ただし、必ず質問する前に答えを見つけようとすること」です。そうすることで、プロジェクトに関する知識を深め、より自立した人間になることができ、他の協力者に不必要な負担をかけることもありません。</p> diff --git a/files/ja/mdn/contribute/processes/content_bug_triage/index.html b/files/ja/mdn/contribute/processes/content_bug_triage/index.html new file mode 100644 index 0000000000..f2c0f30482 --- /dev/null +++ b/files/ja/mdn/contribute/processes/content_bug_triage/index.html @@ -0,0 +1,164 @@ +--- +title: MDN コンテンツのバグのトリアージ手順 +slug: MDN/Contribute/Processes/Content_bug_triage +tags: + - MDN + - MDN Meta + - Meta + - Meta Docs + - Content bugs + - Process + - Triage +translation_of: MDN/Contribute/Processes/Content_bug_triage +--- +<p>{{MDNSidebar}}</p> + +<p>この文書では、コンテンツのバグをトリアージし、協力者が効果的に作業できるようにするための手順について説明します。</p> + +<h2 id="reporting_and_working_on_bugs">バグの報告と作業</h2> + +<p>誰でもコンテンツのバグを報告することができます。<a href="https://github.com/mdn/content/issues/new">https://github.com/mdn/content/issues/new</a> で "Content bug" の課題テンプレートを使って課題を書くか、MDN の各ページの下にある "Report a problem with this content on GitHub" リンクを使って報告してください。</p> + +<p>報告されたコンテンツバグは、<a href="https://github.com/mdn/content/issues">https://github.com/mdn/content/issues</a> にリストアップされ、最小限のプロセスで個人が作業できるように設計されています。<a href="/ja/docs/MDN/Contribute/Fixing_MDN_content_bugs">MDN のコンテンツバグの修正</a>で紹介されているプロセスを用いて、誰でもコンテンツのバグに取り組むことができます。</p> + +<h2 id="overall_triage_process">トリアージ手順の概要</h2> + +<p>トリアージの手順を簡単に説明すると、次のようになります。</p> + +<p>トリアージの準備</p> + +<ul> + <li>トリアージ担当者を決める — 誰が通常のトリアージを行うのか？</li> + <li>初期ラベルの設定 — 新しいバグが入ってきたらすぐに、トリアージが必要であることを示すために "needs-triage" ラベルをつけ (これは自動的に行われるはずです)、加えて "Content:" ラベルを付けて (たとえば "Content:HTML" など) どのトピック領域のものであるかを示してください。バグを発見したときに誰でもこれを行うことができますが、MDN コアチームはこれを積極的に監視しています。</li> + <li>トリアージの時間を確保する — 毎週、トリアージを行うための30分の定期的な時間を設定してください。</li> +</ul> + +<p>課題ごとのトリアージ</p> + +<ul> + <li>チェックリスト — トリアージの準備ができているかどうかをチェックリストで確認します。</li> + <li>優先順位を設定 — 優先順位のルールに従います。</li> + <li>他の協力者がより簡単にバグの処理を始められるように、さらなる情報を提供します。</li> + <li>他のラベルを設定 — 作業する課題を選択するのに役立つラベルを他にも設定できます。</li> +</ul> + +<p>古いバグをチェック — 既存のバグを見て、停滞しているバグやクローズが必要なバグなどがないか確認します。</p> + +<h2 id="triage_preparation">トリアージの準備</h2> + +<h3>トリアージ担当者の決定</h3> + +<p>MDN の各コンテンツ領域に寄せられたバグを定期的にトリアージするために、トリアージ担当者が必要です。現在、以下のようなトリアージ担当者が割り当てられています。</p> + +<ul> + <li>Accessibility — Eric Bailey?</li> + <li>CSS — Rachel Andrew</li> + <li>DevTools — Hamish Willee</li> + <li>HTML — Rachel Andrew</li> + <li>HTTP — Florian Scholz</li> + <li>JS — Florian Scholz</li> + <li>Learn — Chris Mills</li> + <li>Learn:CSS — Rachel Andrew</li> + <li>Learn:Express / Learn:Django — Hamish Willee</li> + <li>Media — Ruth John</li> + <li>Other — Ruth John</li> + <li>SVG — André Jaenisch</li> + <li>WebAPI — Ruth John</li> + <li>WebExt — Caitlin/WebExt team</li> +</ul> + +<h3 id="set_initial_labels">初期ラベルの設定</h3> + +<p>新しい課題が提出されるとすぐに、 MDN のコアチームおよび支援を希望する他の誰もが、その課題に以下のラベルを追加します。 + +<ul> + <li><code>needs-triage</code> — この課題が作業可能な状態にするために、適切なトリアージが必要であることを示します (これは自動的に行われます)。</li> + <li><code>Content:<em><area></em></code> — <code>Content:HTML</code> や <code>Content:CSS</code> など、この課題が関連するコンテンツのトピックを指定します。トリアージが特定の分野の課題を見つけられるようにするために必要です。</li> + <li><code>l10n-fr</code>, <code>l10n-zh</code>, <code>l10n-ja</code> — 提出された課題が、米国以外のアクティブなロケールに関係することを指定します。これらのロケールのチームがこれらの課題をピックアップし、トリアージを行います。</li> +</ul> + +<h3 id="set_aside_triage_time">トリアージの時間を確保する</h3> + +<p>トリアージ担当者は、常に積極的にバグをトリアージする必要はありません。その代わりに、毎週 30 分程度の時間を確保して、自分の担当領域のバグをトリアージすることにしましょう。</p> + +<p>これは、同期ミーティングの一環として行う必要はなく、他の人と同じ時間に行う必要もありません。しかし、未処理のバグのバックログが増えすぎないようにするために、週に一度など、定期的に行う必要があります。</p> + +<h2 id="triage_process_for_each_issue">課題ごとのトリアージ手順</h2> + +<h3 id="checklist_to_determine_if_we_have_enough_information">十分な情報があるかどうかのチェックリスト</h3> + +<p>それぞれのバグについて、以下のチェックリストを実行し、誰かがそのバグの作業を開始するのに十分な情報が課題に含まれているかどうかを確認します。</p> + +<p>課題には以下が含まれていますか？</p> + +<ul> + <li>問題が発見された MDN の URL。</li> + <li>適切であれば、そのバグに関連するサンプルページやリポジトリーの URL。</li> + <li>問題が発見された MDN ページの具体的な見出し (問題を見つけるために必要な場合)。</li> + <li>何が問題であるかの明確な説明。</li> +</ul> + +<p>これらの情報がない場合、トリアージ担当者は問題の提出者にこれらの詳細を提供するよう依頼し、これらの詳細が提供されるまで問題のトリアージを続けないようにしてください。</p> + +<h3 id="set_priority_measure">優先度指標の設定</h3> + +<p>各バグについて、(自分が興味を持っているトピックではなく) 最も重要な問題や領域に取り組みたい人のために、優先度の指標となるラベルを設定します。</p> + +<p>優先度のレベルは次の通りです。</p> + +<ul> + <li><code>P0</code> — あらゆる MDN doc の深刻な問題</li> + <li><code>P1</code> — 第一階層 MDN doc の主要な問題</li> + <li><code>P2</code> — 第一階層 MDN doc の主要でない問題</li> + <li><code>P3</code> — 第二階層 MDN doc の主要な問題</li> + <li><code>P4</code> — 第二階層 MDN doc の主要でない問題</li> +</ul> + +<p>定義:</p> + +<ul> + <li>深刻な問題 — MDN の評判をひどく傷つけたり、ユーザーに害を与えたりする可能性があるもので、サイトのどこに表示されるかにかかわらず、できるだけ早く修正する必要があるもの。例としては、本番で使用されると深刻なセキュリティ問題を引き起こす可能性のあるコード例、マルウェア、冒涜、ポルノ、ヘイトスピーチなどの望ましくないコンテンツ、またはそのようなコンテンツへのリンクなどが挙げられます。</li> + <li>主要な問題 — ページの有用性に重大な影響を与える可能性があるもの。例えば、かなりの量の古い情報、複雑で重要なコード例が動作しない、かなりの量の文が散らかっていて理解しにくい、大量のリンク切れ、などが挙げられます。</li> + <li>主要でない問題 — 見た目は悪いが学習に影響を与えないもの、または学習にわずかな影響しか与えないもの。例えば — 誤字、悪い文法、リンク切れ、少量の古い情報や悪意のある散文、動作しない小さなコードスニペットなど。</li> +</ul> + +<p>一般的に言えば、深刻な問題はすぐに修正されるべきであり、おそらく MDN のスタッフや人々によって処理されるでしょう。また、第一階層の問題は第二階層の問題よりも重要です。最優先の MDN 課題に取り組むことに興味がある人は、第一階層、第二階層の課題に移る前に、Tier 0 の課題があれば常にそれに取り組むべきです。</p> + +<div class="note notecard"> + <h4>メモ</h4> + <p>第一階層と第二階層の定義については、<a href="/ja/docs/MDN/Contribute/Documentation_priorities">MDN 文書化の優先順位リスト</a>を参照してください。</p> +</div> + +<h3 id="provide_further_information">さらなる情報の提供</h3> + +<p>他の協力者が問題を解決するのに役立つ更なる情報を提供することは、本当に有益です。私たちは、各バグのトリアージでは、最終的にバグを修正しようとする人を助けるために、トリアージ担当者がそのバグを修正するために取るべきいくつかのステップを素早く説明するために、最大 5 分の時間の余裕を持つことを推奨したいと思います。</p> + +<p>例:</p> + +<pre>この問題を修正する人は、以下のことが必要と思われます。 + +* 見出し X の下の最初の段落を更新して、 Y の問題を修正する。 +* X の説明を追加 +* リンク X の互換性データを更新</pre> + +<h3 id="set_other_labels">その他のラベルの設定</h3> + +<p>次に、必要に応じてその他のラベルを設定します。</p> + +<ul> + <li><code>10 minute task</code>, <code>30 minute task</code>, <code>1 hour task</code>, <code>multiple hour task</code> — 自分が協力できる時間を基準にしてバグを探したい人もいるので、大まかな目安をつけて選択できるようにしたいと思います。これを見積もるのは難しいですし、人によってバグを修正するスピードが違うことは理解していますが、これはあくまでも大まかな目安と考えています。この指標を設定する際には、その分野で中程度の知識を持つ人がバグを修正するのにどれくらいの時間がかかるかを考えてみてください。</li> + <li><code>good first issue</code> — 問題の修正が非常に簡単で、システムに慣れてきたばかりの新人の練習問題として適している場合、このラベルを付けてください。</li> + <li><code>help wanted</code> — これは、オープンソースプロジェクトで何をすべきかを検索する際に人々が使用する非常に人気のあるラベルのようで、これは、トリアージに成功したバグには当然のこととして設定されています。</li> + <li><code>broken-link-internal</code>, <code>broken-link-external</code> — 存在しない内部ページへのリンクや、壊れた外部リンクが問題となっている場合に使用します。</li> + <li>トリアージのプロセスが完了したら、<strong><code>needs-triage</code> のラベルを外すことを忘れないでください。</strong></li> +</ul> + +<h2 id="check_through_old_issues">古い課題のチェック</h2> + +<p>トリアージセッションの最後に、トピック領域でトリアージされた古い課題に目を通し、どの課題も不必要に停滞したり詰まったりしていないかどうかを確認します。</p> + +<ul> + <li>アサインされた課題がまだ残っている場合、アサインされた人が進捗しているかどうかを確認します。割り当てられてから 1 週間経っても何もしていない場合は、その課題にまだ取り組まなければならないのかどうか聞いてみましょう。さらに 1 週間経っても何もしていない場合は、割り当てを解除し、他の人が担当できるようにこの問題を再開することを伝えてください。</li> + <li>問題を修正するための PR が発行されているにもかかわらず、 1 週間もレビューされていない場合は、レビュー担当者に優しくピンを打って、作業ができるかどうか尋ねてください。</li> + <li>PR が 1 週間経ってもレビューのコメントに対応するのを待っている場合は、投稿者にレビューに対応できるかどうかを尋ねてください。さらに 1 週間が経過した場合は、時間があれば自分でレビューコメントを修正するか、時間がなければ PR を閉じてください。</li> +</ul> diff --git a/files/ja/mdn/contribute/processes/index.html b/files/ja/mdn/contribute/processes/index.html index 0927b9c486..f79632726b 100644 --- a/files/ja/mdn/contribute/processes/index.html +++ b/files/ja/mdn/contribute/processes/index.html @@ -5,10 +5,9 @@ tags: - Landing - MDN Meta - Processes - - TopicStub translation_of: MDN/Contribute/Processes --- -<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/ja/docs/MDN")}}</div> +<div>{{MDNSidebar}}</div> <p>MDN 文書作成プロジェクトは非常に大規模です。カバーするべき莫大な数の技術があり、数百人の貢献者が世界中に散らばっています。秩序をもたらすために、従うべき標準の手順を定め、特定の文書化関連の作業を行うときにはこれに従います。ここでは、これらの手順についてのガイドを紹介します。</p> diff --git a/files/ja/mdn/contribute/processes/short_surveys/index.html b/files/ja/mdn/contribute/processes/short_surveys/index.html new file mode 100644 index 0000000000..e41025a2df --- /dev/null +++ b/files/ja/mdn/contribute/processes/short_surveys/index.html @@ -0,0 +1,108 @@ +--- +title: 短いアンケートの実施プロセス +slug: MDN/Contribute/Processes/Short_surveys +tags: + - MDN + - MDN Meta + - Meta + - Meta Docs + - Process + - Surveys + - Short surveys +--- +<p>{{MDNSidebar}}</p> + +<p>この文書では、 MDN での短いアンケートの実施プロセスを定義しています。</p> + +<h2 id="rationale_for_short_surveys">短いアンケートの根拠</h2> + +<p>2019 年から 2020 年にかけて、 MDN チームは MDN Web Developer Needs Assessment (Web DNA) を実施し、その結果を <a href="https://insights.developer.mozilla.org/">MDN Insights site</a> サイトで公開しました。これにより、とても有益な結果が得られ、この間、ブラウザーベンダーや標準化に関わる他の組織の活動を積極的に形成してきました。</p> + +<p>しかし、 Web DNA の運営には、さまざまな企業の膨大な労力とリソースが必要です。そこで私たちは、より小規模で焦点を絞った調査を行い、より簡単に実用的なデータを得られるような仕組みを提供したいと考えました。これにより、特定の問題を解決するための方向性を見出すことができます。</p> + +<p>メリット:</p> + +<ul> + <li>開発者にとっては、短時間でアンケートが完了するため、アンケート疲れが少ない。</li> + <li>特定のトピックについて迅速な判断を得るのに適している。</li> + <li>ステークホルダーが結果を得るまでの時間が短い。</li> + <li>毎月など、定期的に実施することができる。</li> + <li>MDN への来訪者の任意の割合を対象とすることができる。例えば、重要なものは来訪者の 50% に、通常のものは来訪者の 5% に公開できる。</li> +</ul> + +<h2 id="survey_guidelines">調査ガイドライン</h2> + +<p>調査を提案したい人は、<a href="https://www.surveygizmo.com/s3/6306724/Short-survey-proposal-form">短いアンケート提案フォーム</a>にご記入ください。<a href="#survey_process">調査のプロセス</a>に沿って審査されます。</p> + +<p>調査の提案を適切にするためには、以下の点が必要です。</p> + +<ul> + <li>MDN の閲覧者が興味を持つもの。</li> + <li>ステークホルダーが喜んで取り組んだりフォローアップしたりするようなトピックであること。例えば、結果がウェブプラットフォームや MDN の改善に役立つか。</li> + <li>可能な限り具体的かつ詳細なものであり、実用化や対応が難しいハイレベルな質問は避ける。</li> + <li>質問数は3～5問以内で、回答にかかる時間は10分以内であること。</li> + <li>CSS、JavaScript、アクセシビリティ、ドキュメンテーションなど、明確なカテゴリーに属するもの。</li> + <li>調査対象者のプライバシーポリシーに記載されていない個人識別情報 (PII) を求めないこと (または提供される契約に不適切な PII を求めないこと)。</li> +</ul> + +<h2 id="survey_process">調査プロセス</h2> + +<ol> + <li>投稿者は投稿フォームから、概要を記した企画書を提出します。 + <ul> + <li>トピック。</li> + <li>カテゴリー。例えば CSS、JavaScript、アクセシビリティ、ドキュメンテーション...</li> + <li>調査の目的。</li> + <li>理想的なアンケートの実施日 (期間)。</li> + <li>調査結果に基づいて実行されるアクション。</li> + <li>質問と回答の選択肢。 + <div class="note notecard"> + <h4>メモ</h4> + <p>特定の種類のデータについては、そのデータが公表されることを意図しているのか、あるいは他の組織と共有されることを意図しているのかなどの意図とともに、法的な審査が必要となります。詳細は以下の<a href="#legal_requirements">法的要件</a>を参照してください。</p> + </div> + </li> + <li>MDNの中で調査に公開する割合の目安 (例: 3%)。既定の割合は 5% ですが、それ以上の割合を希望する場合は、明確な理由が必要です。例えば、現在多くの開発者に影響を与えている、文書化された重要なウェブプラットフォームのバグの解決策を知らせるためのデータを収集することを目的とした調査の場合、明確な証拠を提示できるのであれば、それは正当な理由になるでしょう。この正当化の根拠となる典型的な基準は、<a href="https://github.com/openwebdocs/project/blob/main/steering-committee/prioritization-criteria.md">OWD prioritization criteria</a> にあります。これらの基準は、MDN コンテンツの優先順位付けを知らせるために書かれたものですが、ここでも関連性があります。 + <li>MDN のどの部分に表示するかを提案します (例: CSS ページ)。</li> + </ul> + <li>レビューチームは、提出されたものを 1 週間以内にレビューます。 + <ul> + <li>必要であれば、さらなる情報提供を求めます。</li> + <li>提案の承認/否認を行います。どのアンケートをどのように実施するかについては、 MDN コンテンツチームが最終的な拒否権を持ちます。</li> + <li>P0、P1 のように、提案に優先度を適用します。これは、提案を積み重ねるための大まかな目安となります。</li> + <li>レビューチームは、ケースバイケースで選ばれた <a href="/ja/docs/MDN/MDN_Product_Advisory_Board">MDN 製品諮問委員会</a>のメンバー 3 名で構成されます。</li> + </ul> + </li> + <li>レビューチームは、提案者の最初の質問に基づいて、提案者と協力して最終的な調査票を作成し、合意します。</li> + <li>調査チームは、アンケートをデスクトップ、Android、iOS で徹底的にテストし、記入に不満を感じるようなレイアウトやレンダリングのエラーがないことを確認します。</li> + <li>レビューチームは、合意した日時に短いアンケートを実施します。</li> + <li>レビューチームは、調査を依頼した人やその他の関係者に調査結果とデータを提供します。</li> + <li>MDN は調査結果を <a href="https://insights.developer.mozilla.org/">insights.developer.mozilla.org</a> で公開します。</li> +</ol> + +<h2 id="legal_requirements">法的要件</h2> + +<p>Mozilla はユーザーのプライバシーに深く配慮しています。そのため、私たちが実施する調査は、どのようなデータを収集するか、どのくらいの期間保存するか、どのように共有・公開するかについて、とても慎重に検討する必要があります。Mozilla の法務担当者は、調査の提案が Mozilla の要件を満たしているかどうかを確認したいと考えることがよくあります。</p> + +<ul> + <li>一般的に、あなたが収集したいと思うほとんどの情報については、法務部のレビューは必要ありません。これには、ユーザーの個人的な好みや意見、ブラウザの選択、職種などの情報が含まれます。</li> + <li>しかし、何らかの個人識別情報 (PII) を収集したり、情報を共有したり、情報を公開したりする場合には、法的な審査が必要となります。これには、氏名、年齢、住所、電子メールアドレス、性的指向、宗教など、誰かを特定したりプロファイリングしたりするのに使われる可能性のあるものが含まれます。</li> +</ul> + +<p>良いガイドラインは、有用な結果を得るために最低限必要なデータ量を考え、必要以上のものを収集しないことです。</p> + +<p>また、以下の質問に対する答えも考えておきましょう。</p> + +<ul> + <li>そのデータにアクセスする必要があるのは誰ですか。データを第三者と共有する予定はありますか？その場合、誰とですか。</li> + <li>データを公開する予定はありますか？もしそうなら、どこで、どのような形で公開しますか。生データ、集約されたデータ、その両方ですか。</li> + <li>データをどのくらいの期間保存する予定ですか？それ以上の期間保存する必要があると明示されていない限り、データは 6 ヶ月後に削除されます。</li> + <li>データ収集のために、何らかの代替ツールを使用する予定はありますか。 Mozilla は、Survey Gizmo/Alchemer アカウントを使用してすべての作業を行う傾向にあります。</li> + <li>調査データにテレメトリーを付加する予定はありますか？</li> +</ul> + +<p>Mozilla の MDN チームは、調査プロセスを所有し、調査の公開に責任を持ち、どの調査をどのように実施するかについて最終的な拒否権を持っています。私たちは、各アンケートのヘッダーページに、適切な法的通知とプライバシーステートメントが含まれるようにします。</p> + +<div class="note notecard"> + <h4>メモ</h4> + <p>最初は、Mozilla 法務チームがすべてのアンケートを確認し、プロジェクトをよりよく理解し、順調に進んでいることを確認します。</p> +</div> diff --git a/files/ja/mdn/guidelines/code_guidelines/css/index.html b/files/ja/mdn/guidelines/code_guidelines/css/index.html index 4f4449ba5c..c237604255 100644 --- a/files/ja/mdn/guidelines/code_guidelines/css/index.html +++ b/files/ja/mdn/guidelines/code_guidelines/css/index.html @@ -139,7 +139,7 @@ font-family: sans-serif;</pre> direction | fill-mode | play-state | name */ animation: 3s ease-in 1s 2 reverse both paused slidein;</pre> -<p>As an example, the first value that can be parsed as a {{cssxref("time", "<time>")}} is assigned to the {{cssxref("animation-duration")}}, and the second one is assigned to {{cssxref("animation-delay")}}. For more details, read the full <a href="/en-US/docs/Web/CSS/animation#Syntax">animation syntax</a> details.</p> +<p>As an example, the first value that can be parsed as a {{cssxref("time", "<time>")}} is assigned to the {{cssxref("animation-duration")}}, and the second one is assigned to {{cssxref("animation-delay")}}. For more details, read the full <a href="/ja/docs/Web/CSS/animation#Syntax">animation syntax</a> details.</p> <h3 id="Use_double_quotes_around_values" name="Use_double_quotes_around_values">値の周りには二重引用符を使用する</h3> @@ -210,7 +210,7 @@ background-image: linear-gradient(to bottom, red, black);</pre> /*CSS for really wide screens*/ }</pre> -<p>This has many advantages, outlined in our <a href="/en-US/docs/Web/Apps/Progressive/Responsive/Mobile_first">Mobile First</a> article.</p> +<p>This has many advantages, outlined in our <a href="/ja/docs/Web/Apps/Progressive/Responsive/Mobile_first">Mobile First</a> article.</p> <h2 id="Selectors" name="Selectors">セレクター</h2> diff --git a/files/ja/mdn/guidelines/code_guidelines/html/index.html b/files/ja/mdn/guidelines/code_guidelines/html/index.html index 167160be4b..e674d8ca22 100644 --- a/files/ja/mdn/guidelines/code_guidelines/html/index.html +++ b/files/ja/mdn/guidelines/code_guidelines/html/index.html @@ -27,7 +27,7 @@ translation_of: MDN/Guidelines/Code_guidelines/HTML </li> <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#General_markup_coding_style">一般的なマークアップコーディングスタイル</a> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#Use_lowercase">小文字を使う</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#Use_lowercase">小文字を使う</a></li> <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#Trailing_slashes">末尾のスラッシュ</a></li> <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#Quoting_attributes">属性の引用</a></li> <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML#Use_double_quotes">ダブルクォートを使う</a></li> diff --git a/files/ja/mdn/guidelines/code_guidelines/index.html b/files/ja/mdn/guidelines/code_guidelines/index.html index 3ce931004f..ed2cb9de33 100644 --- a/files/ja/mdn/guidelines/code_guidelines/index.html +++ b/files/ja/mdn/guidelines/code_guidelines/index.html @@ -25,7 +25,7 @@ translation_of: MDN/Guidelines/Code_guidelines </div> <div class="note"> -<p><strong>Note</strong>: If you want advice on the styling of code as it appears on an MDN article, rather than the code content, see our <a href="/en-US/docs/MDN/Contribute/Guidelines/Writing_style_guide#Code_sample_style_and_formatting">Writing style guide</a>.</p> +<p><strong>Note</strong>: If you want advice on the styling of code as it appears on an MDN article, rather than the code content, see our <a href="/ja/docs/MDN/Contribute/Guidelines/Writing_style_guide#Code_sample_style_and_formatting">Writing style guide</a>.</p> </div> <h2 id="Article_structure">Article structure</h2> @@ -33,11 +33,11 @@ translation_of: MDN/Guidelines/Code_guidelines <p>This article contains general high-level best practices for writing MDN code examples. Its subarticles are as follows:</p> <ul> - <li><a href="/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/General">General guidelines for all code</a> — both syntactical and for styling/displaying examples</li> - <li><a href="/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML">HTML guidelines</a></li> - <li><a href="/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/CSS">CSS guidelines</a></li> - <li><a href="/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/JavaScript">JavaScript guidelines</a></li> - <li><a href="/en-US/docs/MDN/Contribute/Guidelines/Code_guidelines/Shell">Shell prompt guidelines</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/General">General guidelines for all code</a> — both syntactical and for styling/displaying examples</li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/HTML">HTML guidelines</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/CSS">CSS guidelines</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/JavaScript">JavaScript guidelines</a></li> + <li><a href="/ja/docs/MDN/Contribute/Guidelines/Code_guidelines/Shell">Shell prompt guidelines</a></li> </ul> <h2 id="General_best_practices">General best practices</h2> diff --git a/files/ja/mdn/guidelines/conventions_definitions/index.html b/files/ja/mdn/guidelines/conventions_definitions/index.html index 74b90bcc78..e5a5b9a12f 100644 --- a/files/ja/mdn/guidelines/conventions_definitions/index.html +++ b/files/ja/mdn/guidelines/conventions_definitions/index.html @@ -46,7 +46,7 @@ translation_of: MDN/Guidelines/Conventions_definitions <li>仕様の定義が安定していて、変化しそうにない。</li> </ul> -<p>ここでは<em>または</em>が重要です。 — 通常、ある技術に複数の主要なブラウザーが対応した場合、仕様は安定するでしょうが、これは常に言えるわけではありません。また、技術によっては安定した仕様書がありよく使用されてはいるものの、ブラウザーでのネイティブな対応がない場合もあります (<a href="/en-US/docs/Related/IMSC">IMSC</a> などがその例)。</p> +<p>ここでは<em>または</em>が重要です。 — 通常、ある技術に複数の主要なブラウザーが対応した場合、仕様は安定するでしょうが、これは常に言えるわけではありません。また、技術によっては安定した仕様書がありよく使用されてはいるものの、ブラウザーでのネイティブな対応がない場合もあります (<a href="/ja/docs/Related/IMSC">IMSC</a> などがその例)。</p> <h3 id="Archived_pages" name="Archived_pages">アーカイブページ</h3> diff --git a/files/ja/mdn/guidelines/css_style_guide/index.html b/files/ja/mdn/guidelines/css_style_guide/index.html index 7501925e4a..6aa8dff5e9 100644 --- a/files/ja/mdn/guidelines/css_style_guide/index.html +++ b/files/ja/mdn/guidelines/css_style_guide/index.html @@ -215,13 +215,13 @@ function works(){ <ul class="card-grid"> <li><span>CSS リファレンス</span> - <p>An <a href="/en-US/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">exhaustive reference</a> for <u>seasoned Web developers</u> describing every property and concept of CSS.</p> + <p>An <a href="/ja/docs/Web/CSS/Reference" title="en-US/docs/CSS/CSS_Reference">exhaustive reference</a> for <u>seasoned Web developers</u> describing every property and concept of CSS.</p> </li> <li><span>CSS チュートリアル</span> - <p>A <a href="/en-US/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">step-by-step introduction</a> to help <u>complete beginners</u> get started. It presents all the needed fundamentals.</p> + <p>A <a href="/ja/docs/CSS/Getting_Started" title="en-US/docs/CSS/Getting_Started">step-by-step introduction</a> to help <u>complete beginners</u> get started. It presents all the needed fundamentals.</p> </li> <li><span>CSS3 デモ</span> - <p>A <a href="/en-US/demos/tag/tech:css3" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3">collection of demos</a> showing the <u>latest CSS technologies</u> in action: a boost for the creativity.</p> + <p>A <a href="/ja/demos/tag/tech:css3" title="/en-US/demos/tag/tech:css3">collection of demos</a> showing the <u>latest CSS technologies</u> in action: a boost for the creativity.</p> </li> </ul> diff --git a/files/ja/mdn/guidelines/does_this_belong_on_mdn/index.html b/files/ja/mdn/guidelines/does_this_belong_on_mdn/index.html index 1b8f12161e..4ab2aeab2b 100644 --- a/files/ja/mdn/guidelines/does_this_belong_on_mdn/index.html +++ b/files/ja/mdn/guidelines/does_this_belong_on_mdn/index.html @@ -22,7 +22,7 @@ translation_of: MDN/Guidelines/Does_this_belong_on_MDN <li>文書の性質 (これはどんな種類の文書か)</li> </ul> -<p>MDN への寄稿は、すべて特定のオープンソースライセンスに該当することに注意してください。これは <a href="/en-US/docs/MDN/About">MDN について</a>ページに<a href="/ja/docs/MDN/About#copyrights_and_licenses">詳細に記されています</a>。</p> +<p>MDN への寄稿は、すべて特定のオープンソースライセンスに該当することに注意してください。これは <a href="/ja/docs/MDN/About">MDN について</a>ページに<a href="/ja/docs/MDN/About#copyrights_and_licenses">詳細に記されています</a>。</p> <div class="note"> <p><strong>注</strong>: MDN Web Docs を利用したり、投稿したりする際には、Mozilla の<a href="https://www.mozilla.org/en-US/about/legal/terms/mozilla/">ウェブサイトおよびコミュニケーション利用規約</a>が適用されることに注意してください。この文書を確認して、 Mozilla のサイトで投稿できること、できないことを確認してください。</p> diff --git a/files/ja/mdn/guidelines/video/index.html b/files/ja/mdn/guidelines/video/index.html index 4ce9b87b9f..dcd39e1d80 100644 --- a/files/ja/mdn/guidelines/video/index.html +++ b/files/ja/mdn/guidelines/video/index.html @@ -39,7 +39,7 @@ translation_of: MDN/Guidelines/Video <p>We tend to most commonly use video when describing some kind of instruction sequence or multi-step workflow that would be hard to describe concisely in words: <em>"do this, then do that, then this will happen"</em>. It is especially useful when trying to describe processes that cross over multiple applications or windows, and include GUI interactions that might not be simple to describe: <em>"now click on the button near the top-left that looks a bit like a duck"</em>.</p> -<p>In such cases it is often more effective to just <strong>show</strong> what you mean. We most commonly use videos when explaining features of the <a href="/en-US/docs/Tools">Firefox DevTools</a>.</p> +<p>In such cases it is often more effective to just <strong>show</strong> what you mean. We most commonly use videos when explaining features of the <a href="/ja/docs/Tools">Firefox DevTools</a>.</p> <h2 id="What_should_MDN_videos_look_like">What should MDN videos look like?</h2> @@ -57,7 +57,7 @@ translation_of: MDN/Guidelines/Video </li> </ul> -<p>To explain something more complex, you can use a blend of short videos and screenshots, interspersed with text. The text can help reinforce the points made in the video, and the user can rely on the text or the video as they choose. See <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector">Working with the Animation Inspector</a> for a good example.</p> +<p>To explain something more complex, you can use a blend of short videos and screenshots, interspersed with text. The text can help reinforce the points made in the video, and the user can rely on the text or the video as they choose. See <a href="/ja/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector">Working with the Animation Inspector</a> for a good example.</p> <p>In addition, you should consider the following tips:</p> @@ -193,7 +193,7 @@ translation_of: MDN/Guidelines/Video <p>Remember to pause for a second or two at the end, to show the result of the flow.</p> <div class="note"> -<p><strong>Note</strong>: If you are using a really simple tool like QuickTime Player and post production is not an option for some reason, you should get your windows set up in the right size to show the area you want to show. In the Firefox DevTools, you can use the <a href="/en-US/docs/Tools/Rulers">Rulers Tool</a> to make sure the viewport is at the right aspect ratio for the recording.</p> +<p><strong>Note</strong>: If you are using a really simple tool like QuickTime Player and post production is not an option for some reason, you should get your windows set up in the right size to show the area you want to show. In the Firefox DevTools, you can use the <a href="/ja/docs/Tools/Rulers">Rulers Tool</a> to make sure the viewport is at the right aspect ratio for the recording.</p> </div> <h3 id="Post-production">Post-production</h3> @@ -225,6 +225,6 @@ translation_of: MDN/Guidelines/Video <p>\{{EmbedYouTube("you-tube-url-slug")}}</p> -<p>The single property taken by the macro call is the string of characters at the end of the video URL, not the whole URL. For example, the video embedded in our <a href="/en-US/docs/Tools/Page_Inspector/3-pane_mode">Page inspector 3-pane mode</a> article is available at https://www.youtube.com/watch?v=ELS2OOUvxIw, so the required macro call looks like this:</p> +<p>The single property taken by the macro call is the string of characters at the end of the video URL, not the whole URL. For example, the video embedded in our <a href="/ja/docs/Tools/Page_Inspector/3-pane_mode">Page inspector 3-pane mode</a> article is available at https://www.youtube.com/watch?v=ELS2OOUvxIw, so the required macro call looks like this:</p> <p>\{{EmbedYouTube("ELS2OOUvxIw")}}</p> diff --git a/files/ja/mdn/guidelines/writing_style_guide/index.html b/files/ja/mdn/guidelines/writing_style_guide/index.html index 0e9d715f87..b4fcdc4a10 100644 --- a/files/ja/mdn/guidelines/writing_style_guide/index.html +++ b/files/ja/mdn/guidelines/writing_style_guide/index.html @@ -118,7 +118,7 @@ translation_of: MDN/Guidelines/Writing_style_guide <p>ここで、 <code>strokeText()</code> メソッドのより良い概要を見てみましょう。</p> <div class="example-good"> -<p>{{domxref("CanvasRenderingContext2D")}} の <code><strong>strokeText()</strong></code> メソッドは、 <a href="/en-US/docs/Web/API/Canvas_API">Canvas 2D API</a> の一部で、指定された文字列の文字の輪郭を、指定された X 座標と Y 座標で示された位置に描画します。テキストは、コンテキストの現在の {{domxref("CanvasRenderingContext2D.font", "font")}} を使用して描画され、 {{domxref("CanvasRenderingContext2D.textAlign", "textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline")}}, {{domxref("CanvasRenderingContext2D.direction", "direction")}} の各プロパティに従って揃えられます。</p> +<p>{{domxref("CanvasRenderingContext2D")}} の <code><strong>strokeText()</strong></code> メソッドは、 <a href="/ja/docs/Web/API/Canvas_API">Canvas 2D API</a> の一部で、指定された文字列の文字の輪郭を、指定された X 座標と Y 座標で示された位置に描画します。テキストは、コンテキストの現在の {{domxref("CanvasRenderingContext2D.font", "font")}} を使用して描画され、 {{domxref("CanvasRenderingContext2D.textAlign", "textAlign")}}, {{domxref("CanvasRenderingContext2D.textBaseline", "textBaseline")}}, {{domxref("CanvasRenderingContext2D.direction", "direction")}} の各プロパティに従って揃えられます。</p> <p>詳細とさらなる例については、学習エリアの<a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics">図形の描画</a>の<a href="/ja/docs/Learn/JavaScript/Client-side_web_APIs/Drawing_graphics#text">テキスト</a>や、このテーマに関するメインの記事「<a href="/ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text">テキストの描画</a>」を参照してください。</p> </div> @@ -142,7 +142,7 @@ translation_of: MDN/Guidelines/Writing_style_guide <li>If the code is intricate, uses the API being documented, or is technically creative, you should provide a more detailed explanation.</li> </ul> -<p>When adding <a href="/en-US/docs/MDN/Structures/Live_samples">live samples</a>, it's helpful to be aware that all of the {{HTMLElement("pre")}} blocks in the area that contains the sample are concatenated together before running the example, which lets you break any or all of the HTML, CSS, and JavaScript into multiple segments, each optionally with its own descriptions, headings, and so forth. This makes documenting code incredibly powerful and flexible.</p> +<p>When adding <a href="/ja/docs/MDN/Structures/Live_samples">live samples</a>, it's helpful to be aware that all of the {{HTMLElement("pre")}} blocks in the area that contains the sample are concatenated together before running the example, which lets you break any or all of the HTML, CSS, and JavaScript into multiple segments, each optionally with its own descriptions, headings, and so forth. This makes documenting code incredibly powerful and flexible.</p> <h4 id="Overly-short_articles_are_hard_to_find">Overly-short articles are hard to find</h4> @@ -365,7 +365,7 @@ var toolkitProfileService = Components.classes["@mozilla.org/toolkit/profile-ser <h4 id="Expansion">略語の展開</h4> -<p>ある用語についてページ内で初めて言及がある場合は、ユーザにとって馴染みがないと思われる略語を展開しましょう。よく分からなければ、展開するかもしくは記事や、用語の説明をする <a href="/en-US/docs/Glossary">glossary</a> の項目へのリンクを貼りましょう。</p> +<p>ある用語についてページ内で初めて言及がある場合は、ユーザにとって馴染みがないと思われる略語を展開しましょう。よく分からなければ、展開するかもしくは記事や、用語の説明をする <a href="/ja/docs/Glossary">glossary</a> の項目へのリンクを貼りましょう。</p> <ul> <li><span class="correct"><strong>正しい</strong></span>: "XUL (XML User Interface Language) is Mozilla's XML-based language..."</li> diff --git a/files/ja/mdn/mdn_product_advisory_board/index.html b/files/ja/mdn/mdn_product_advisory_board/index.html index c83c16adf5..83b0aa8321 100644 --- a/files/ja/mdn/mdn_product_advisory_board/index.html +++ b/files/ja/mdn/mdn_product_advisory_board/index.html @@ -1,25 +1,25 @@ --- -title: MDN プロダクトアドバイザリーボード +title: MDN 製品諮問委員会 slug: MDN/MDN_Product_Advisory_Board tags: - MDN - PAB - - プロダクトアドバイザリーボード + - 製品諮問委員会 translation_of: MDN/MDN_Product_Advisory_Board --- <p>{{MDNSidebar}}</p> <p>MDN Web Docs は、Wiki 技術に基づいたオープンソースのウェブ開発ドキュメントプラットフォーム上に構築されたウェブ開発者向けの技術ドキュメントの信頼できるソースです。これにより、ほぼ誰でもコンテンツを作成および編集できます。</p> -<p>MDN プロダクトアドバイザリーボードのの使命は、 Mozilla、そのドキュメントチーム、そして MDN コミュニティが、最新のブラウザーやウェブ標準の最も重要な側面を網羅した最も包括的で完全な信頼できるリファレンスとして MDN を維持するための主要な協力組織との間の協力関係を構築することにあります。</p> +<p>MDN 製品諮問委員会 (MDN Product Advisory Board) の使命は、 Mozilla、そのドキュメントチーム、そして MDN コミュニティが、最新のブラウザーやウェブ標準の最も重要な側面を網羅した最も包括的で完全な信頼できるリファレンスとして MDN を維持するための主要な協力組織との間の協力関係を構築することにあります。</p> -<p>プロダクトアドバイザリーボードは外部リーダーからのアドバイスを提供し、MDN がその使命の中で HTML、CSS、JavaScript、および Web API の公平でブラウザーにとらわれないドキュメントを提供し、標準ベースのウェブ開発のトップリファレンスになるのを支援します。</p> +<p>製品諮問委員会は外部リーダーからのアドバイスを提供し、MDN がその使命の中で HTML、CSS、JavaScript、および Web API の公平でブラウザーにとらわれないドキュメントを提供し、標準ベースのウェブ開発のトップリファレンスになることを支援します。</p> -<h2 id="See_also" name="See_also">関連情報</h2> +<h2 id="See_also">関連情報</h2> <ul> <li><a href="https://github.com/mdn/pab">Product Advisory Board meeting minutes</a> (GitHub)</li> - <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Membership">Product Advisory Board Charter & Membership</a></li> - <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Members">Product Advisory Board members</a></li> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Membership">製品諮問委員会憲章および会員資格</a></li> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Members">製品諮問委員会メンバー</a></li> <li><a href="https://www.surveygizmo.com/s3/4024118/MDN-Advisory-Board-Application">Membership application</a></li> </ul> diff --git a/files/ja/mdn/mdn_product_advisory_board/members/index.html b/files/ja/mdn/mdn_product_advisory_board/members/index.html index 65d5ddbbf8..ae2ea52ff9 100644 --- a/files/ja/mdn/mdn_product_advisory_board/members/index.html +++ b/files/ja/mdn/mdn_product_advisory_board/members/index.html @@ -1,88 +1,71 @@ --- -title: プロダクトアドバイザリーボード +title: 製品諮問委員会 slug: MDN/MDN_Product_Advisory_Board/Members tags: - MDN - - PAB - - プロダクトアドバイザリーボード - メンバー + - PAB + - 製品諮問委員会 translation_of: MDN/MDN_Product_Advisory_Board/Members --- <div>{{MDNSidebar}}</div> -<p>MDN プロダクトアドバイザリーボードの現在のメンバーは以下のとおりです。</p> - -<p><strong>Daniel Appelquist</strong><br> - Samsung Internet の Developer Advocacy ディレクター、W3C の Technical Architecture Group の共同議長</p> - -<dl> - <dd>Daniel Appelquist は、Samsung のモバイルおよび VR Web ブラウザである Samsung Internet <<a href="https://samsunginter.net">https://samsunginter.net</a>> の Web Developer Advocacy チームを率いています。2013年から <a href="https://www.w3.org/2001/tag/">W3C の Technical Architecture Group</a> の共同議長も務めています。彼は20年以上にわたって Web に取り組んできました。最初は Web 出版の分野で新興企業を創設し、その後 (99年にニューヨークからロンドンに引っ越した後)、さまざまなプロジェクトとイニシアチブを通じて Web とモバイルの融合に取り組んできました。また彼は、英国政府のオープンスタンダード戦略を指揮し、<a href="https://www.gov.uk/government/groups/open-standards-board">英国政府オープンスタンダード委員会</a>のメンバーであり続けています。この間、彼は活発なコミュニティビルダーおよびイベントオーガナイザーを務めています。</dd> -</dl> - -<p><strong>Jory Burson</strong><br> - COO, Bocoup</p> - -<dl> - <dd>Jory は、いくつかの業界委員会および Bocoup の標準設定団体のメンバーとして、オープンソースおよびオープンスタンダードのコミュニティにおけるコラボレーションの向上に取り組んでいます。彼女は Ecma International の Executive Committee、JS Foundation Technical Architecture Committee、W3C Advisory Council、MDN Board のメンバーであり、Ecma TC39、Ecma TC53、および Web Platform Tests のプロジェクトに取り組んでいます。暇な時に、Jory は標準の歴史と Web プラットフォームの社会的構築について研究し、書いて、話します。</dd> -</dl> - -<p><strong>Dominique Hazael-Massieux</strong><br> - W3C ウェブ技術エキスパート、<a href="https://www.w3.org/Telco/">電気通信分野のバーティカルチャンピオン</a>、<a href="https://www.w3.org/2011/04/webrtc/">Web リアルタイムコミュニケーションワーキンググループ</a>、<a href="https://www.w3.org/das/">デバイスおよびセンサーワーキンググループ</a>。</p> +<p>現在の MDN 製品諮問委員会のメンバーは以下のとおりです。</p> <dl> + <dt><strong>Reeza Ali</strong><br> + シニアプログラムマネージャー、Microsoft Edge 開発経験者</dt> + <dd>Reeza Ali は、マイクロソフトのプログラムマネージャーで、 Edge 開発者リレーションチームのコンテンツ戦略を担当しています。 Microsoft でのキャリアを通じて、開発者の成功を強く支持してきました。過去 5 年間、マイクロソフトでいくつかのウェブコンテンツドキュメンテーションチームとプロジェクトを率いてきました。彼は、製品のコンテンツと学習体験が、開発者の成功に極めて重要な役割を果たすと信じています。彼は、コンテンツ戦略、テクノロジー、テクニカルコミュニケーションに情熱を注いでいます。</dd> + + <dt><strong>Daniel Appelquist</strong><br> + Samsung Internet の Developer Advocacy ディレクター、W3C の Technical Architecture Group の共同議長</dt> + <dd>Daniel Appelquist は、Samsung のモバイルおよび VR ウェブブラウザーである Samsung Internet <<a href="https://samsunginter.net">https://samsunginter.net</a>> の Web Developer Advocacy チームを率いています。 2013 年から <a href="https://www.w3.org/2001/tag/">W3C の Technical Architecture Group</a> の共同議長も務めています。彼は 20 年以上にわたってウェブに取り組んできました。最初はウェブ出版の分野で新興企業を創設し、その後 (99 年にニューヨークからロンドンに引っ越した後)、さまざまなプロジェクトとイニシアチブを通じてウェブとモバイルの融合に取り組んできました。また彼は、英国政府のオープンスタンダード戦略を指揮し、<a href="https://www.gov.uk/government/groups/open-standards-board">英国政府オープンスタンダード委員会</a>のメンバーであり続けています。この間、彼は活発なコミュニティビルダーおよびイベントオーガナイザーを務めています。</dd> + <dt><strong>Sukriti Chadha</strong><br> + <strong>Spotify の製品マネージャー</strong></dt> + <dd>Sukriti Chadha は、 Spotify のモバイル開発者からプロダクトマネージャーに転身し、モバイルにおけるクロスプラットフォームのアクセシビリティと開発者の体験をリードしています。また、<a href="https://www.w3.org/WAI/standards-guidelines/wcag/">W3C WCAG (Web Content Accessibility Guidelines) Working Group</a> および <a href="https://www.w3.org/WAI/standards-guidelines/mobile/">Mobile Accessibility Task Force (MATF)</a> の招待エキスパートとして、アクセシブルなウェブおよびモバイルアプリケーションのための業界ガイドラインに貢献しています。彼女は、先天的な障害を持つユーザーがデータの視覚化にアクセスできるようにする新しい方法を構築し、 <a href="https://developer.yahoo.com/blogs/612790529269366784/">2019 年に Android ソリューションをオープンソース化しました</a>。 Sukriti の製品に関する役割は、開発者体験のロードマップの管理、自動テスト、および製品ライフサイクルへのアクセシビリティの組み込みを含みます。</dd> + <dt><strong>Hermina Condei</strong><br> + <strong>Head of Product CE, Marketing Operations, Mozilla</strong></dt> + <dd>Hermina Condei は、Mozilla で MDN Web Docs のプロダクトマネジメントとエンジニアリング、SUMO のプラットフォームエンジニアリングを担当しています。過去数年間にわたり、従業員やコミュニティのためのアクセスおよびアイデンティティ管理に焦点を当てた全社的なプロジェクトを推進してきました。また、オープンイノベーショングループのプロダクトチームを率い、チームのプロジェクトポートフォリオに対する社内外のステークホルダーの管理に注力していました。</dd> + <dt><strong>Dominique Hazael-Massieux</strong><br> + W3C ウェブ技術エキスパート、<a href="https://www.w3.org/Telco/">電気通信分野のバーティカルチャンピオン</a>、<a href="https://www.w3.org/2011/04/webrtc/">Web リアルタイムコミュニケーションワーキンググループ</a>、<a href="https://www.w3.org/das/">デバイスおよびセンサーワーキンググループ</a>。</dt> <dd>Dominique Hazael-Massieux は W3C スタッフの一員で、開発者との関係における W3C の取り組みを率いています。Dom は2000年から W3C に取り組んでいて、devrel に加えて、現在 WebRTC、デバイス API、および WebVR の標準化に携わっています。</dd> -</dl> - -<p><strong>Joe Medley</strong><br> - Google のシニアテクニカルライター、 Web Developer Relations</p> - -<dl> + <dt><strong>Brian Kardell</strong><br> + Igalia の開発者アドボケート</dt> + <dd>Brian は、Igalia の Developer Advocate です。彼は W3C に参加しており、Igalia の諮問委員会の代表であり、様々なワーキンググループやコミュニティグループに参加しています。また、Open JS Foundation の代表も務めています。</dd> + <dt><strong>Joe Medley</strong><br> + Google のシニアテクニカルライター、 Web Developer Relations</dt> <dd>Joe は、過去5年間ウェブプラットフォームのリファレンス文書を作成する Google の取り組みを主導してきました。つまり、 MDN に多くを費やしています。ウェブ開発者を対象とした Chrome ベータリリースの発表の編集に加えて、彼は web.dev 向けの不定期の記事を執筆しています。 Joe は、中央ミズーリ大学でエンタープライズアプリケーションおよび教育学の学位を取得した開発者向けリファレンス文書を長年執筆してきた後、 Web Developer Relations に参加しました。</dd> -</dl> - -<p><strong>Chris Mills</strong><br> - Mozilla の MDN Web ドキュメントのコンテンツリーダーおよびライターチームマネージャ。</p> - -<dl> - <dd>Chris は、 MDN のコンテンツリーダーとして Mozilla に勤務しており、短期および長期の文書化が必要な場合の戦略をまとめるのに役立ちます。彼はまた、DOM API、HTML と CSS の機能、Web ゲーム、 WebAssembly などをカバーする多数の初心者向けチュートリアルと参考記事を寄稿しています。彼はまた MDN ライターチームを管理します。</dd> -</dl> - -<p><strong>Robert Nyman</strong><br> + <dt><strong>Eric Meyer</strong><br> + Igalia の開発者アドボケート</dt> + <dd><a href="http://meyerweb.com/">Eric</a> (<a href="http://twitter.com/meyerweb">@meyerweb</a>) は、<a href="http://meyerweb.com/eric/writing.html">作家</a>、講演者、ブロガー、時には教師やコンサルタント、<a href="http://igalia.com/">Igalia</a> の開発者アドボケート、 <a href="https://aneventapart.com/">An Event Apart</a> の共同設立者でもあります。1993年からウェブに携わっており、今でもウェブには深い魅力があると感じています。</dd> + <dt><strong>Robert Nyman</strong><br> Google のプログラムとイニシアチブ、Web Developer Relations のグローバルリード。</p> - -<dl> - <dd>Robert Nyman は、Google の Web Platform、開発者フィードバック＆コミュニティのグローバルリーダーです。彼の役割では、Web を開発者にとって最高のプラットフォームにするために働いています。Google に入社する前、Robert は Mozilla の技術的な伝道者でした。Open Web と同社のさまざまな製品や取り組みに焦点を当てていました。彼はストックホルムに住んでおり、旅行や人々との出会いに情熱を注いでいます。彼は42カ国で発表したLanyrdの「最もよく旅されたスピーカー」の称号を主張します。</dd> -</dl> - -<p><strong>Kyle Pflug</strong><br> - シニアプログラムマネージャー、 Microsoft Edge Developer Experiences</p> - -<dl> + <dd>Robert Nyman は、Google のウェブプラットフォーム、開発者フィードバック＆コミュニティのグローバルリーダーです。彼の役割では、ウェブを開発者にとって最高のプラットフォームにするために働いています。Google に入社する前、Robert は Mozilla の技術的な伝道者でした。Open Web と同社のさまざまな製品や取り組みに焦点を当てていました。彼はストックホルムに住んでおり、旅行や人々との出会いに情熱を注いでいます。彼は 42 カ国で発表した Lanyrd の「最もよく旅されたスピーカー」の称号を主張します。</dd> + <dt><strong>Kyle Pflug</strong><br> + シニアプログラムマネージャー、 Microsoft Edge Developer Experiences</dt> <dd>Kyle Pflug は、マイクロソフトのプログラムマネージャーであり、 Microsoft Edge の開発者の関係構築とコミュニティアウトリーチをリードしています。過去5年間、彼はマイクロソフト内でウェブ開発者とパートナーの視点を擁護するために働いてきました。プラットフォームやデバイスを問わず、開発者がウェブをより包括的でアクセスしやすくすることに情熱を傾けています。</dd> + <dt><strong>Ali Spivak</strong><br> + Okta 開発者リレーションズ担当シニアディレクター、製品諮問委員会の前委員長</dt> + <dd>Ali は Mozilla の開発者エコシステムの責任者で、以前は Mozilla の開発者マーケティングを担当していました。それ以前は、 Mozilla に9年間在籍し、 MDN と Developer Relations を担当していました。</dd> </dl> -<p><strong>Ali Spivak</strong><br> - Mozilla の開発者エコシステム責任者、ブロダクトアドバイザリーボードチェア。</p> - -<dl> - <dd>Ali は Mozilla の開発者エコシステムの責任者で、以前は Mozilla の開発者マーケティングを担当していました。彼女は5年以上 MDN を管理しており、相互運用可能なクロスプラットフォームの Web に取り組んでいます。Mozilla 以前は、Cisco、Edmunds.com、および多数のスタートアップで Web 制作を管理していました。</dd> -</dl> - -<p><strong>Kadir Topal</strong><br> - Mozilla の MDN Web Docs プロダクトマネージャ。</p> - -<p><strong>MDN Product Advisory Board Alumni:</strong></p> +<p><strong>MDN 製品諮問委員会の卒業生</strong></p> -<p>Meggin Kearney, Google<br> - Erika Doyle Navara, Microsoft<br> - Patrick Kettner, Microsoft<br> - Travis Leithead, Microsoft</p> +<ul> + <li>Jory Burson, Bocoup</li> + <li>Meggin Kearney, Google</li> + <li>Erika Doyle Navara, Microsoft</li> + <li>Patrick Kettner, Microsoft</li> + <li>Travis Leithead, Microsoft</li> + <li>Chris Mills, Mozilla</li> + <li>Kadir Topal, Mozilla</li> +</ul> -<h2 id="See_also" name="See_also">関連情報</h2> +<h2 id="See_also">関連情報</h2> <ul> - <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board">プロダクトアドバイザリボードホーム</a></li> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board">製品諮問委員会ホーム</a></li> <li><a href="https://github.com/mdn/pab">Product Advisory Board meeting minutes</a> (GitHub)</li> - <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Membership">Product Advisory Board Charter & Membership</a></li> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Membership">製品諮問委員会憲章および会員資格</a></li> <li><a href="https://www.surveygizmo.com/s3/4024118/MDN-Advisory-Board-Application">Membership application</a></li> </ul> diff --git a/files/ja/mdn/mdn_product_advisory_board/membership/index.html b/files/ja/mdn/mdn_product_advisory_board/membership/index.html new file mode 100644 index 0000000000..12f1a0fc79 --- /dev/null +++ b/files/ja/mdn/mdn_product_advisory_board/membership/index.html @@ -0,0 +1,129 @@ +--- +title: 製品諮問委員会憲章および会員資格 +slug: MDN/MDN_Product_Advisory_Board/Membership +tags: + - MDN + - Membership + - PAB + - Product advisory board + - Terms and conditions +translation_of: MDN/MDN_Product_Advisory_Board/Membership +--- +<div>{{MDNSidebar}}</div> + +<h2 id="1._Purpose_and_Objectives">1. 目的および目標</h2> + +<p>製品諮問委員会 (PAB) の主な目的は、コンテンツ戦略、コンテンツの優先順位付け、戦略的方向性、およびプラットフォーム／サイトの機能について、MDN のプロダクトマネージャーとコンテンツリーダーに助言、意見、およびフィードバックを提供することである。Mozilla は PAB からの意見やアドバイスを検討するが、 PAB からの意見や提案には拘束力がない。 PAB の主な目的は以下のとおりとする。</p> + +<ul> + <li>標準化文書のコンテンツ戦略と優先順位付けへのフィードバックを提供する</li> + <li>製品戦略、ロードマップ、および優先順位の決定を支援する + <ul> + <li>OKR (Objectives and Key Results) についての提案とコメント</li> + <li>年間および四半期ごとのコンテンツロードマップの提案とコメント</li> + </ul> + </li> + <li>定義された戦略、ロードマップ、優先順位に基づいて、 MDN に貢献するための組織的および個人的なコミットメントを行う</li> + <li>MDN が進化し続け、ユーザーのニーズや課題を満たすために、ユーザーの要求を代表して推進する</li> + <li>新しい機会を提案し、フィードバックする</li> + <li>協力者 (企業と個人の両方) の募集と維持に関するフィードバックの提供する</li> + <li>経験とベストプラクティスの共有</li> +</ul> + +<h2 id="2._Membership_Selection_and_Termination.">2. メンバーの選定と解任</h2> + +<p>a. PAB は、Mozilla が選出する 10 名から 12 名のメンバー (MDN 製品諮問委員会規約に定義されているとおり、メンバー組織を代表する個人を含む) で構成される。</p> + +<p>b. メンバーシップには、組織メンバーと個人メンバーの 2 種類がある。メンバーシップの基準を満たし、メンバー組織として認められた組織は、PAB の代表者 (「MDN 製品諮問委員会規約」に定義される「メンバー代表」) として、最大 2 名の個人を指名することができる。</p> + +<p>c. 委員会メンバーになることを希望する組織や個人は、MDN Product Advisory Board Interest Form を提出しなければなりません。メンバーになるには、 Mozilla による審査と承認が必要であり、申請から 30 日以内に申請者に通知が送られる。</p> + +<p>d. メンバーシップの開始日は、レビュー会議のスケジュールに基づいて決定され、新しいメンバーは、次に予定されているレビュー会議で委員会の任期を開始する。</p> + +<p>e. 委員会のメンバーは、 1 年の任期を務め、 (いずれかの当事者によって終了させられない限り) 最大3年まで自動的に更新される。</p> + +<p>f. メンバーは、書面により、委員会メーリングリストに電子メールで退会することができる。メンバー組織は、辞任したメンバーの後任を、次の検討会の開始前に指名することができる。</p> + +<p>g. Mozilla は、メンバーが MDN 製品諮問委員会規約に違反した場合、MDN 委員会の行動規範に違反した場合、 Antitrust Policy に違反した場合、あるいはメンバーが予告なしに 2 回連続してレビュー会議に参加しなかった場合には、メンバーを解任することができる。その際には、代表連絡先にメンバーから外れた旨の通知が送られる。</p> + +<h2 id="3._PAB_Membership_Qualifications.">3. PAB 会員の資格</h2> + +<p>a. PAB のメンバーは、深い業界知識と専門性を持っている。また、 MDN の全体的な戦略目標およびコンテンツ計画を、ウェブ標準の進化、業界の方向性、および MDN のドキュメントを使用する開発者のニーズに合わせる能力と経験を有している。</p> + +<p>b. PAB の会員資格は、 MDN および／またはウェブ標準の進歩、開発、および実装に多大な貢献をした組織および個人に限定される。</p> + +<p>c. メンバー組織は、ウェブ標準およびガイドラインの作成、実装、または採用において重要な役割を果たしていなければなりません。また、 PAB メンバー組織は、 W3C のような確立されたウェブ標準化グループのメンバーであることが好ましい。メンバー組織は、最大 2 名の個人代表を理事会に推薦することができる。</p> + +<p>d. PABの個人メンバーは、以下の資格のうち少なくとも 1 つを有していなければならない。</p> + +<ul> + <li>ウェブ標準の作成、実装、または採用において重要な役割を果たしている。</li> + <li>ウェブブラウザーに実装された機能や、ブラウザーに送信されるウェブコンテンツで使用される機能の仕様策定を目的としたウェブ標準化グループに参加していること。 W3C または同様の標準化グループへの参加が望ましいが、必須ではない。また、個人会員は、標準作業部会に参加した経験や、確立されたウェブ標準作業部会に招待された専門家として参加した経験があれば、この資格を満たすことができる。</li> + <li>ウェブに特化した Developer Relations チームのメンバーである。</li> + <li>ウェブ標準の技術文書を作成するグループの一員として活動している、または</li> + <li>ボランティアとして MDN のウェブ標準ドキュメントに重要かつ継続的な貢献をしている。</li> +</ul> + +<h2 id="4._Member_Responsibilities_and_Commitments.">4. メンバーの責任と義務</h2> + +<p>a. メンバーは、タイムリーにフィードバックや回答を提供し、最低数のレビューミーティングに出席することが求められる。全世界からの参加を歓迎する。メンバーに期待されることは以下の通り。</p> + +<p>年次および四半期ごとの会議のスケジュールについて、フィードバックを提供する。</p> + +<ul> + <li>年次総会に出席する</li> + <li>年に 2 回以上の四半期レビューに出席する</li> + <li>提案を検討し、フィードバックを提供する</li> + <li>PABのメーリングリストに参加する</li> + <li>特に MDN 上のコンテンツの作成または編集において、特定の企業または個人のアジェンダを推進しないことに同意すること</li> +</ul> + +<p>b. メンバーは、アナリスト、プレス、および／または業界の出版物やプレスリリースのために、個人情報や資料 (経歴など) の提供を求められることがありる。</p> + +<p>c. すべてのメンバーは、 MDN Product Advisory Board Agreement に署名し、 MDN PAB Code of Conduct および Antitrust Policy に同意する必要がある。</p> + +<h2 id="5._MDN_PAB_Member_Benefits.">5. MDN PAB メンバーの特典</h2> + +<p>PAB メンバーには以下のようなメリットがあると予想されます。</p> + +<ul> + <li>MDN のコンテンツ戦略および優先事項に影響を与える</li> + <li>MDN の戦略的方向性への影響を与えたり、MDN の計画や開発に関する事前知識が得られたりする</li> + <li>MDN の視聴者や貢献度を高めるための機能やプラットフォームの改善を提案する</li> + <li>コンテンツのフィードバックや技術的なレビューを行う</li> +</ul> + +<h2 id="6._Scheduled_and_Ad_Hoc_Meetings.">6. 定期会議と臨時会議</h2> + +<p>a. メンバーは以下の会議に招待される。</p> + +<ul> + <li>毎年10月から12月の間に開催される年次製品戦略検討会</li> + <li>四半期ごとに開催されるコンテンツ戦略および優先順位決定のためのレビューミーティング (以下、「四半期レビュー」)</li> + <li>必要に応じて Mozilla またはメンバーが開始できる、臨時の製品レビュー／チェックインミーティング (以下「臨時会議」という)</li> +</ul> + +<p>b. 年 1 回の製品戦略レビュー会議では、前年度の進捗状況を確認し、次年度の MDN の戦略および目標について提言を行う。</p> + +<p>c. 年次製品戦略レビュー会議は、PAB の投票により決定された、Mozilla 本社またはワールドワイドオフィス、メンバーのオフィス、または外部の場所で出席することができる。直接出席できないメンバーには、バーチャルでの出席にも対応する。</p> + +<p>d. 四半期レビューおよび臨時会議は、主にビデオ/会議電話で行われるが、メンバーの判断により、直接出席することもできる。</p> + +<p>e. 臨時委会議の日程は、開発中の作業に応じて決定される。例えば、製品の発売日や主要な機能に関連した調整や、広範にリリースされる新しい仕様や規格に関連して、四半期レビューを超えたより詳細な調整や計画が必要になるなど、特定の重点が置かれる。</p> + +<h2 id="7._Time_Commitment_and_Costs.">7. 時間的拘束とコスト</h2> + +<p>a. メンバーは、少なくとも 12 ヶ月間、PAB に参加することが求められる。</p> + +<p>b. メンバーは、定期的に開催される PAB 会議や臨時会議の準備、出席 (時には主催)、参加に時間を割くことが求められる。</p> + +<p>c. 参加者の旅費や生活費、その他の関与にかかる費用は、個々のメンバーまたはスポンサー組織が負担すること。</p> + +<h2 id="See_also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board">製品諮問委員会ホーム</a></li> + <li><a href="https://github.com/mdn/pab">Product Advisory Board meeting minutes</a> (GitHub)</li> + <li><a href="/ja/docs/MDN/MDN_Product_Advisory_Board/Members">製品諮問委員会メンバー</a></li> + <li><a href="https://www.surveygizmo.com/s3/4024118/MDN-Advisory-Board-Application">Membership application</a></li> +</ul> diff --git a/files/ja/mdn/structures/banners_and_notices/index.html b/files/ja/mdn/structures/banners_and_notices/index.html index 54cce6a78f..e43794c9cd 100644 --- a/files/ja/mdn/structures/banners_and_notices/index.html +++ b/files/ja/mdn/structures/banners_and_notices/index.html @@ -17,12 +17,12 @@ translation_of: MDN/Structures/Banners_and_notices <p>In most cases, you apply these notices by adding a macro call to inject an appropriate banner into the page content, and by adding a tag to the page's list of tags. Also, if the page includes a compatibility table (most API reference pages do, for example), you should update that table to reflect any compatibility changes.</p> -<p>To do this, you open the editor, then insert the macro call at the top of the article, and change the browser <a href="/en-US/docs/Project:Compatibility_tables" title="/en-US/docs/Project:Compatibility_tables">compatibility table</a> (if any); the table should be near the end of the article. Once that's done, scroll to the bottom of the article to find the tag list, and add the new tag to the list. Once you've done that, click the Save Changes button near the top of the window to commit your updates. From then on, an appropriate banner will appear on the page, and any macros that reference page tags when looking for up-to-date articles will know that the page you've updated is obsolete.</p> +<p>To do this, you open the editor, then insert the macro call at the top of the article, and change the browser <a href="/ja/docs/Project:Compatibility_tables" title="/ja/docs/Project:Compatibility_tables">compatibility table</a> (if any); the table should be near the end of the article. Once that's done, scroll to the bottom of the article to find the tag list, and add the new tag to the list. Once you've done that, click the Save Changes button near the top of the window to commit your updates. From then on, an appropriate banner will appear on the page, and any macros that reference page tags when looking for up-to-date articles will know that the page you've updated is obsolete.</p> <ul> - <li>To learn more about editing, see the <a href="/en-US/docs/Project:MDN/Contributing/Editor_guide" title="/en-US/docs/Project:MDN/Contributing/Editor_guide">MDN editor guide</a>.</li> - <li>For more information about tagging, see our <a href="/en-US/docs/Project:MDN/Contributing/Tagging_standards" title="/en-US/docs/Project:MDN/Contributing/Tagging_standards">Tagging standards</a> guide.</li> - <li>To discover more of our custom macros, see the article <a href="/en-US/docs/Project:MDN/Contributing/Custom_macros" title="/en-US/docs/Project:MDN/Contributing/Custom_macros">Custom macros for MDN</a>.</li> + <li>To learn more about editing, see the <a href="/ja/docs/Project:MDN/Contributing/Editor_guide" title="/ja/docs/Project:MDN/Contributing/Editor_guide">MDN editor guide</a>.</li> + <li>For more information about tagging, see our <a href="/ja/docs/Project:MDN/Contributing/Tagging_standards" title="/ja/docs/Project:MDN/Contributing/Tagging_standards">Tagging standards</a> guide.</li> + <li>To discover more of our custom macros, see the article <a href="/ja/docs/Project:MDN/Contributing/Custom_macros" title="/ja/docs/Project:MDN/Contributing/Custom_macros">Custom macros for MDN</a>.</li> </ul> <p>Sometimes, you might want to flag just a single item in a list of items, or in a table, as obsolete, deprecated, or the like. There are special versions of each of the following macros for that; simply change "_header" to "_inline" to the end of the macro's name.</p> @@ -40,10 +40,10 @@ translation_of: MDN/Structures/Banners_and_notices <pre class="notranslate">\{{obsolete_header(21)}}</pre> -<p>This will make the banner specificy that the technology became obsolete in Gecko 21, with a link to the article <a href="/en-US/docs/Mozilla/Firefox/Releases/21" title="/en-US/docs/Mozilla/Firefox/Releases/21">Firefox 21 for developers</a>.</p> +<p>This will make the banner specificy that the technology became obsolete in Gecko 21, with a link to the article <a href="/ja/docs/Mozilla/Firefox/Releases/21" title="/ja/docs/Mozilla/Firefox/Releases/21">Firefox 21 for developers</a>.</p> </div> -<p>Eventually, once something is very, very obsolete (that is, it's so obsolete that reading the material might actually cause serious problems), we can move content into our <a href="/en-US/docs/Archive">Archive</a> section. If you see material that you think should be archived, <a href="mailto:mdn-admins@mozilla.org?subject=Archival%20of%20content&body=%3C%3CPlease%20list%20the%20page%20to%20archive%20and%20why%20you%20think%20it%20should%20be%20archived%20here%3E%3E">contact an MDN administrator</a>.</p> +<p>Eventually, once something is very, very obsolete (that is, it's so obsolete that reading the material might actually cause serious problems), we can move content into our <a href="/ja/docs/Archive">Archive</a> section. If you see material that you think should be archived, <a href="mailto:mdn-admins@mozilla.org?subject=Archival%20of%20content&body=%3C%3CPlease%20list%20the%20page%20to%20archive%20and%20why%20you%20think%20it%20should%20be%20archived%20here%3E%3E">contact an MDN administrator</a>.</p> <h2 id="Deprecated_content">Deprecated content</h2> diff --git a/files/ja/mdn/structures/macros/commonly-used_macros/index.html b/files/ja/mdn/structures/macros/commonly-used_macros/index.html index f7cc685313..b4e0df23ad 100644 --- a/files/ja/mdn/structures/macros/commonly-used_macros/index.html +++ b/files/ja/mdn/structures/macros/commonly-used_macros/index.html @@ -10,7 +10,7 @@ translation_of: MDN/Structures/Macros/Commonly-used_macros --- <p>{{MDNSidebar}}</p> -<p><span class="seoSummary">このページには MDN で使うために作られた汎用のマクロがたくさん掲載されています。これらのマクロの使い方については、<a href="/ja/docs/MDN/Contribute/Structures/Macros"> マクロの使い方</a> と <a href="/ja/docs/MDN/Contribute/Editor/Links#Using_link_macros">リンクを生成するマクロ</a> を見てください。</span> <a href="/ja/docs/MDN/Contribute/Structures/Macros/Other">その他のマクロ</a> には、めったに使われないマクロ、特殊な文脈でのみ使われるマクロ、使用が推奨されないマクロについての情報が書かれています。また、<a href="/en-US/dashboards/macros">MDNで使用できるマクロの完全な一覧</a>もあります。</p> +<p><span class="seoSummary">このページには MDN で使うために作られた汎用のマクロがたくさん掲載されています。これらのマクロの使い方については、<a href="/ja/docs/MDN/Contribute/Structures/Macros"> マクロの使い方</a> と <a href="/ja/docs/MDN/Contribute/Editor/Links#Using_link_macros">リンクを生成するマクロ</a> を見てください。</span> <a href="/ja/docs/MDN/Contribute/Structures/Macros/Other">その他のマクロ</a> には、めったに使われないマクロ、特殊な文脈でのみ使われるマクロ、使用が推奨されないマクロについての情報が書かれています。また、<a href="/ja/dashboards/macros">MDNで使用できるマクロの完全な一覧</a>もあります。</p> <p><a href="/ja/docs/MDN/Contribute/Guidelines/CSS_style_guide">CSS スタイルガイド</a>も見てください。</p> diff --git a/files/ja/mdn/tools/kumascript/troubleshooting/index.html b/files/ja/mdn/tools/kumascript/troubleshooting/index.html index c7c6a3a8a3..15e47fde67 100644 --- a/files/ja/mdn/tools/kumascript/troubleshooting/index.html +++ b/files/ja/mdn/tools/kumascript/troubleshooting/index.html @@ -17,7 +17,7 @@ translation_of: MDN/Tools/KumaScript/Troubleshooting <h2 id="DocumentParsingError">DocumentParsingError</h2> -<p><code>DocumentParsingError</code> のエラーは KumaScript がドキュメント自体を理解できないときに表示されます。最もよくある原因は <a href="/en-US/docs/MDN/Contribute/Content/Macros">macro</a> 内の文法エラーです。</p> +<p><code>DocumentParsingError</code> のエラーは KumaScript がドキュメント自体を理解できないときに表示されます。最もよくある原因は <a href="/ja/docs/MDN/Contribute/Content/Macros">macro</a> 内の文法エラーです。</p> <p>以下をチェックします:</p> @@ -37,7 +37,7 @@ translation_of: MDN/Tools/KumaScript/Troubleshooting <h2 id="TemplateLoadingError">TemplateLoadingError</h2> -<p><code>TemplateLoadingError</code> のエラーは KumaScript がページにどの <a href="/en-US/docs/MDN/Contribute/Content/Macros">macro</a> を取り込むか探せないときに表示されます。</p> +<p><code>TemplateLoadingError</code> のエラーは KumaScript がページにどの <a href="/ja/docs/MDN/Contribute/Content/Macros">macro</a> を取り込むか探せないときに表示されます。</p> <p>以下をチェックします:</p> diff --git a/files/ja/mdn/tools/sample_server/index.html b/files/ja/mdn/tools/sample_server/index.html index 6673a50016..9ef3383028 100644 --- a/files/ja/mdn/tools/sample_server/index.html +++ b/files/ja/mdn/tools/sample_server/index.html @@ -12,7 +12,7 @@ translation_of: MDN/Tools/Sample_server --- <div>{{MDNSidebar}}</div> -<p><span class="seoSummary">MDN は内蔵の<a href="/en-US/docs/MDN/Structures/Live_samples">ライブサンプルシステム</a>を提供しており、単純な (時にはそう単純でない) コードのサンプルをその出力と共にページの中で表示する機能を提供していますが、サーバーへの通信を必要とするサンプルもあります。私たちは MDN サンプルサーバーを用意し、このような、またその他の問題も合わせて、解決することにしました。</span> この記事は、そのサンプルサーバーを利用するためのガイドです。</p> +<p><span class="seoSummary">MDN は内蔵の<a href="/ja/docs/MDN/Structures/Live_samples">ライブサンプルシステム</a>を提供しており、単純な (時にはそう単純でない) コードのサンプルをその出力と共にページの中で表示する機能を提供していますが、サーバーへの通信を必要とするサンプルもあります。私たちは MDN サンプルサーバーを用意し、このような、またその他の問題も合わせて、解決することにしました。</span> この記事は、そのサンプルサーバーを利用するためのガイドです。</p> <h2 id="Possible_use_cases">想定するユースケース</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/add_a_button_to_the_toolbar/index.html b/files/ja/mozilla/add-ons/webextensions/add_a_button_to_the_toolbar/index.html index b70402a17d..93e076c698 100644 --- a/files/ja/mozilla/add-ons/webextensions/add_a_button_to_the_toolbar/index.html +++ b/files/ja/mozilla/add-ons/webextensions/add_a_button_to_the_toolbar/index.html @@ -85,7 +85,7 @@ browser.browserAction.onClicked.addListener(openPage);</pre> background.js manifest.json</code></pre> -<p>ここで<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">拡張機能をインストールして</a>ボタンをクリックします:</p> +<p>ここで<a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">拡張機能をインストールして</a>ボタンをクリックします:</p> <p>{{EmbedYouTube("kwwTowgT-Ys")}}</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/alarms/index.html b/files/ja/mozilla/add-ons/webextensions/api/alarms/index.html index 3f37d24473..a62c85b880 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/alarms/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/alarms/index.html @@ -5,7 +5,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/alarms --- <div>{{AddonSidebar}}</div> -<p>コードが動作するタイミングを予約します。この API は <code><a href="https://developer.mozilla.org/ja/docs/Web/API/WindowTimers/setTimeout">setTimeout()</a></code> や <code><a href="https://developer.mozilla.org/ja/docs/Web/API/WindowTimers/setInterval">setInterval()</a></code> と似ていますが、 alarms API はバックグラウンドで動作する点が異なります。</p> +<p>コードが動作するタイミングを予約します。この API は <code><a href="/ja/docs/Web/API/WindowTimers/setTimeout">setTimeout()</a></code> や <code><a href="/ja/docs/Web/API/WindowTimers/setInterval">setInterval()</a></code> と似ていますが、 alarms API はバックグラウンドで動作する点が異なります。</p> <p>この API を利用するには "alarms" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> が必要です。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/bookmarks/index.html b/files/ja/mozilla/add-ons/webextensions/api/bookmarks/index.html index c1c073c551..af7b56a722 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/bookmarks/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/bookmarks/index.html @@ -14,9 +14,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/bookmarks --- <p>{{AddonSidebar}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a> {{WebExtAPIRef("bookmarks")}} API を利用すると、拡張機能からブラウザーのブックマークシステムにアクセスしたり、操作することができます。ページをブックマークしたり、既存のブックマークを取得したり、ブックマークを編集・削除・整理することが可能です。</p> +<p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions">WebExtensions</a> {{WebExtAPIRef("bookmarks")}} API を利用すると、拡張機能からブラウザーのブックマークシステムにアクセスしたり、操作することができます。ページをブックマークしたり、既存のブックマークを取得したり、ブックマークを編集・削除・整理することが可能です。</p> -<p>この API を使用する際は、拡張機能の <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a></code> ファイルで "bookmarks" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> を指定する必要があります。</p> +<p>この API を使用する際は、拡張機能の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a></code> ファイルで "bookmarks" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> を指定する必要があります。</p> <p>拡張機能ではブックマークツリーのルートノードではブックマークを作成・編集・削除できません。それをしようとすると次のエラーになります: "<em>The bookmark root cannot be modified</em>"</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/bookmarks/search/index.html b/files/ja/mozilla/add-ons/webextensions/api/bookmarks/search/index.html index 4532e33fdd..673f7a3fa6 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/bookmarks/search/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/bookmarks/search/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/bookmarks/search <p><strong><code>bookmarks.search()</code></strong> 関数は、指定したクエリにマッチするブックマークを検索するものです。マッチしたブックマークは、{{WebExtAPIRef('bookmarks.BookmarkTreeNode')}} オブジェクトの配列として、指定されたコールバック関数の引数に渡されます。</p> -<p>入力引数の値や型が不正だった場合、この関数は例外を送出します。エラーメッセージは<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/%E3%83%87%E3%83%90%E3%83%83%E3%82%B0">コンソール</a>で確認できます。送出された例外はエラー ID を含んでおらず、またメッセージを変更される可能性があるため、これらを解析するようなコードは書かないでください。</p> +<p>入力引数の値や型が不正だった場合、この関数は例外を送出します。エラーメッセージは<a href="/ja/Add-ons/WebExtensions/%E3%83%87%E3%83%90%E3%83%83%E3%82%B0">コンソール</a>で確認できます。送出された例外はエラー ID を含んでおらず、またメッセージを変更される可能性があるため、これらを解析するようなコードは書かないでください。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/browseraction/index.html b/files/ja/mozilla/add-ons/webextensions/api/browseraction/index.html index f5291179ee..1404bbba10 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/browseraction/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/browseraction/index.html @@ -83,7 +83,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/browserAction <p>{{Compat("webextensions.api.browserAction")}}</p> <div class="hidden note"> -<p>The "Chrome incompatibilities" section is included from <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities</a> using the <a href="/ja/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a> macro.</p> +<p>The "Chrome incompatibilities" section is included from <a href="/ja/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities</a> using the <a href="/ja/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a> macro.</p> <p>If you need to update this content, edit <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities">https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities</a>, then shift-refresh this page to see your changes.</p> </div> diff --git a/files/ja/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.html b/files/ja/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.html index 9b632cf33c..5497f9aba2 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/browseraction/onclicked/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/browserAction/onClicked <p>ブラウザアクションアイコンがクリックされたときに発火します。このイベントはブラウザアクションがポップアップを持っているときは発火しません。</p> -<p>右クリックを定義するには、<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus" title="Add items to the browser's context menu, to be displayed in the contexts you specify. For example, you can show the item only when the user clicks on an image, or on an editable element, or when part of a page is selected."><code>contextMenus</code></a> API の"browser_action" <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus/ContextType" title="The different contexts a menu can appear in.">context type</a>を利用してください。</p> +<p>右クリックを定義するには、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus" title="Add items to the browser's context menu, to be displayed in the contexts you specify. For example, you can show the item only when the user clicks on an image, or on an editable element, or when part of a page is selected."><code>contextMenus</code></a> API の"browser_action" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus/ContextType" title="The different contexts a menu can appear in.">context type</a>を利用してください。</p> <h2 id="書式">書式</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/browsersettings/index.html b/files/ja/mozilla/add-ons/webextensions/api/browsersettings/index.html index a9bbf45a6a..de27090435 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/browsersettings/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/browsersettings/index.html @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/browserSettings <div> </div> <div> -<p>この API を使うには "browserSettings" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> +<p>この API を使うには "browserSettings" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> </div> <h2 id="Properties" name="Properties">プロパティ</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.html b/files/ja/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.html index 28cd218da1..3e1e3237f8 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/browsingdata/removecache/index.html @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/browsingData/removeCache <p>この関数は{{WebExtAPIRef("browsingData.RemovalOptions")}} オブジェクトを引数に取りますが無視されます。そのためこの関数を使うとすべてのキャッシュが消去されるため注意してください。</p> -<p>この関数は <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -36,7 +36,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/browsingData/removeCache <h3 id="返り値">返り値</h3> -<p>消去が完了した後に実行される <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> が返されます。この Promise は引数を持ちません。エラーが発生した場合はエラーメッセージを引数にしてrejectを呼び出します。</p> +<p>消去が完了した後に実行される <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> が返されます。この Promise は引数を持ちません。エラーが発生した場合はエラーメッセージを引数にしてrejectを呼び出します。</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.html b/files/ja/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.html index d79122fdae..9925f45900 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/clipboard/setimagedata/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/clipboard/setImageData <p>イメージをクリップボードにコピーします。イメージはクリップボードに書き込まれる前に再エンコードされます。イメージが無効な場合、クリップボードは修正されません。</p> -<p>The image is provided as an <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> containing the encoded image. JPEG and PNG formats are supported.</p> +<p>The image is provided as an <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> containing the encoded image. JPEG and PNG formats are supported.</p> <p>Although this API is based on Chrome's <code><a href="https://developer.chrome.com/apps/clipboard">clipboard.setImageData()</a></code> API, there are some differences:</p> @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/clipboard/setImageData <li>This API does not support the <code>additionalItems</code> parameter.</li> </ul> -<p>これは<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です。</p> +<p>これは<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です。</p> <h2 id="書式">書式</h2> @@ -29,14 +29,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/clipboard/setImageData <dl> <dt><code>imageData</code></dt> - <dd>An <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> containing the encoded image data to copy to the clipboard.</dd> + <dd>An <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> containing the encoded image data to copy to the clipboard.</dd> <dt><code>imageType</code></dt> <dd>A {{domxref("DOMString")}} indicating the type of image contained in <code>imageData</code>: <code>"png"</code> or <code>"jpeg"</code>.</dd> </dl> <h3 id="返り値">返り値</h3> -<p>A <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be resolved with no arguments if the operation succeeded, or rejected if there was an error (for example, because the data did not represent a valid image).</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be resolved with no arguments if the operation succeeded, or rejected if there was an error (for example, because the data did not represent a valid image).</p> <h2 id="ブラウザ互換性">ブラウザ互換性</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/commands/index.html b/files/ja/mozilla/add-ons/webextensions/api/commands/index.html index 0e622b38d2..b1d10465d8 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/commands/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/commands/index.html @@ -12,13 +12,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/commands --- <div>{{AddonSidebar}}</div> -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/commands"><code>commands</code> manifest.json キー</a>を使って、登録したコマンドをユーザーが実行するのをリッスンします。</p> +<p><a href="/ja/Add-ons/WebExtensions/manifest.json/commands"><code>commands</code> manifest.json キー</a>を使って、登録したコマンドをユーザーが実行するのをリッスンします。</p> <h2 id="Types" name="Types">型</h2> <dl> <dt>{{WebExtAPIRef("commands.Command")}}</dt> - <dd>コマンドを表す型。これは <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/commands">manifest.json の <code>commands</code> キー</a>のコマンドで指定された情報が入っています。</dd> + <dd>コマンドを表す型。これは <a href="/ja/Add-ons/WebExtensions/manifest.json/commands">manifest.json の <code>commands</code> キー</a>のコマンドで指定された情報が入っています。</dd> </dl> <h2 id="Functions" name="Functions">関数</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/contentscripts/index.html b/files/ja/mozilla/add-ons/webextensions/api/contentscripts/index.html index d72cf1de1d..5726499a9b 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/contentscripts/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/contentscripts/index.html @@ -18,11 +18,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contentScripts <p>このAPIは<code>manifest.json</code>にある"content_scripts"キーと似ていますが、"content_scripts"ではコンテントスクリプトとURLのパターンは<strong>インストールタイム</strong>に固定されます。<span class="seoSummary">一方<code>content_scripts</code> APIは、<strong>ランタイム（実行時）</strong>でスクリプトを登録・登録解除することが可能です。</span></p> -<p>このAPIは、{{WebExtAPIRef("contentScripts.register()")}} メソッドを呼び出して使用していただけます。その際は、登録するコンテントスクリプト、URLのマッチングパターン、またその他のオプションを実引数(arguments)として渡してください。このメソッドは{{WebExtAPIRef("contentScripts.RegisteredContentScript")}} オブジェクトがresolveされた <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> +<p>このAPIは、{{WebExtAPIRef("contentScripts.register()")}} メソッドを呼び出して使用していただけます。その際は、登録するコンテントスクリプト、URLのマッチングパターン、またその他のオプションを実引数(arguments)として渡してください。このメソッドは{{WebExtAPIRef("contentScripts.RegisteredContentScript")}} オブジェクトがresolveされた <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> <p><code>RegisteredContentScript</code> オブジェクトは <code>register()</code> で登録されたスクリプトを保持し、<code>unregister()</code>でそのスクリプトを登録解除(unregister)できます。また、コンテントスクリプトはそれらを作ったページが消された際にも自動的に登録解除されます。例えば、backgroundページによって登録されたコンテントスクリプトは、backgroundページが消去された際に自動的に登録解除されます。</p> -<p><code>contentScripts</code> API にパーミッションは存在しませんが、拡張機能はregister()でマッチさせるURLにおいては適切な<a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host permissions</a>を持っている必要があります。</p> +<p><code>contentScripts</code> API にパーミッションは存在しませんが、拡張機能はregister()でマッチさせるURLにおいては適切な<a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host permissions</a>を持っている必要があります。</p> <h2 id="Types">Types</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/contentscripts/register/index.html b/files/ja/mozilla/add-ons/webextensions/api/contentscripts/register/index.html index 3f337606a8..e3613e2d4b 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/contentscripts/register/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/contentscripts/register/index.html @@ -16,7 +16,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contentScripts/register <p>manifest.json内の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> に似た一つのオブジェクトを引数に持ちます。<code>content_scripts</code> では配列ですが、この <code>register()</code> ではオブジェクトを引数に持ちます。</p> -<p>これは <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="Syntax" name="Syntax">構文</h2> @@ -64,7 +64,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contentScripts/register <h3 id="Examples" name="Examples">返り値</h3> -<p>登録したコンテントスクリプトを削除することができる {{WebExtAPIRef("contentScripts.RegisteredContentScript")}} オブジェクトを引数に持つ <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> +<p>登録したコンテントスクリプトを削除することができる {{WebExtAPIRef("contentScripts.RegisteredContentScript")}} オブジェクトを引数に持つ <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> <p><br> <span class="message"><span class="content">現在、登録したコンテントスクリプトは、これを登録した拡張機能ページをアンロードしたときに削除されます。</span></span>したがって、コンテントスクリプトを登録する際は、少なくとも登録されたままであってほしいだけ存在する拡張機能ページから登録すべきです。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/contextualidentities/index.html b/files/ja/mozilla/add-ons/webextensions/api/contextualidentities/index.html index 46f956e09e..3b74a702f6 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/contextualidentities/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/contextualidentities/index.html @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/contextualIdentities <p>Contextual identities は現在その他のブラウザーではサポートされていません。</p> -<p>この API を使うには、 <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json </a>ファイル内で "contextualIdentities" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>を入れます。</p> +<p>この API を使うには、 <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json </a>ファイル内で "contextualIdentities" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>を入れます。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/cookies/cookie/index.html b/files/ja/mozilla/add-ons/webextensions/api/cookies/cookie/index.html index 1282d09fa0..a6cf135e1b 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/cookies/cookie/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/cookies/cookie/index.html @@ -27,7 +27,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/cookies/Cookie <dt><code>expirationDate</code>{{optional_inline}}</dt> <dd>cookie の有効期限をUNIX時刻からの秒数で持つ <code>number</code> 型です。セッション cookie はこのプロパティを持っていません。</dd> <dt><code>firstPartyDomain</code></dt> - <dd>cookie に関連付けられたファーストパーティドメインを表す文字列を格納している <code>string</code> 型です。 cookie のFirst-party isolationが無効の間は空文字列になります。詳細は <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/cookies#First-party_isolation">First-party isolation</a> をご覧ください。</dd> + <dd>cookie に関連付けられたファーストパーティドメインを表す文字列を格納している <code>string</code> 型です。 cookie のFirst-party isolationが無効の間は空文字列になります。詳細は <a href="/ja/Add-ons/WebExtensions/API/cookies#First-party_isolation">First-party isolation</a> をご覧ください。</dd> <dt><code>hostOnly</code></dt> <dd><code>boolean</code> 型です。cookie がホストオンリークッキー (リクエストのホストが cookie の指定ドメインと完全一致している場合のみ送信) である場合に <code>true</code> 、でなければ <code>false</code> になります。</dd> <dt><code>httpOnly</code></dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/cookies/index.html b/files/ja/mozilla/add-ons/webextensions/api/cookies/index.html index 63788a4292..644c3ef6b2 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/cookies/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/cookies/index.html @@ -15,7 +15,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/cookies <p>拡張機能に cookie の取得と設定と、変更された時の通知を可能にします。</p> -<p>この API を使用するには、<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで "cookies" の <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a> があることと、同様にアクセスする cookie を持つ <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host パーミッション</a> も必要になります。<a href="/ja/Add-ons/WebExtensions/API/cookies#Permissions">cookie パーミッション</a>を見てください。</p> +<p>この API を使用するには、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで "cookies" の <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a> があることと、同様にアクセスする cookie を持つ <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host パーミッション</a> も必要になります。<a href="/ja/Add-ons/WebExtensions/API/cookies#Permissions">cookie パーミッション</a>を見てください。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html b/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html index 7d32c2801c..83318bdd30 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/eval/index.html @@ -64,7 +64,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval <h3 id="Return_value">Return value</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with an <code>array</code> containing two elements.</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with an <code>array</code> containing two elements.</p> <p>If no error occurred, element 0 will contain the result of evaluating the expression, and element 1 will be <code>undefined</code>.</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html b/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html index 39d50588a4..8a5b774701 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/devtools/inspectedwindow/index.html @@ -14,7 +14,7 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow <div>{{AddonSidebar}}</div> <div class="note"> -<p>このページは Firefox 54 に存在する WebExtensions devtools APIs を記述しています。このAPI は <a class="external external-icon" href="https://developer.chrome.com/extensions/devtools" rel="noopener">Chrome devtools APIs</a> に基づいていますが、Firefoxでは実装されていない多くの機能があり、よってここに文書化されていません。現在欠けている機能を見るには、 <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations of the devtools APIs</a> を見てください。</p> +<p>このページは Firefox 54 に存在する WebExtensions devtools APIs を記述しています。このAPI は <a class="external external-icon" href="https://developer.chrome.com/extensions/devtools" rel="noopener">Chrome devtools APIs</a> に基づいていますが、Firefoxでは実装されていない多くの機能があり、よってここに文書化されていません。現在欠けている機能を見るには、 <a href="/ja/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations of the devtools APIs</a> を見てください。</p> </div> <p><code>devtools.inspectedWindow</code> API によって開発ツール拡張機能では開発ツールが割当てられたウィンドウと相互作用できます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/devtools/network/index.html b/files/ja/mozilla/add-ons/webextensions/api/devtools/network/index.html index 7bc171b612..52d78a9627 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/devtools/network/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/devtools/network/index.html @@ -14,12 +14,12 @@ original_slug: Mozilla/Add-ons/WebExtensions/API/devtools.network <div>{{AddonSidebar}}</div> <div class="note"> -<p>このページは Firefox 54 に存在する WebExtensions devtools APIs を記述しています。このAPI は <a class="external external-icon" href="https://developer.chrome.com/extensions/devtools" rel="noopener">Chrome devtools APIs</a> に基づいていますが、Firefoxでは実装されていない多くの機能があり、よってここに文書化されていません。現在欠けている機能を見るには、 <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations of the devtools APIs</a> を見てください。</p> +<p>このページは Firefox 54 に存在する WebExtensions devtools APIs を記述しています。このAPI は <a class="external external-icon" href="https://developer.chrome.com/extensions/devtools" rel="noopener">Chrome devtools APIs</a> に基づいていますが、Firefoxでは実装されていない多くの機能があり、よってここに文書化されていません。現在欠けている機能を見るには、 <a href="/ja/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">Limitations of the devtools APIs</a> を見てください。</p> </div> <p><code>devtools.network</code> API によって開発ツール拡張機能では開発ツールが付属しているウィンドウ(インスペクト対象ウィンドウ)に関連するネットワークリクエストの情報を取得できます。</p> -<p>すべての <code>devtools</code> API と同様に、この API はmanifest.json <a class="new" href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page" rel="nofollow">devtools_page</a> キー内に定義されたドキュメントや、拡張機能が作成するその他の開発ツールドキュメント(例えば拡張機能が作ったパネル自身のドキュメント)の中だけでコードを利用できます。これ以上は <a class="new" href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools" rel="nofollow">開発ツールを拡張する</a>を見てください。</p> +<p>すべての <code>devtools</code> API と同様に、この API はmanifest.json <a class="new" href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page" rel="nofollow">devtools_page</a> キー内に定義されたドキュメントや、拡張機能が作成するその他の開発ツールドキュメント(例えば拡張機能が作ったパネル自身のドキュメント)の中だけでコードを利用できます。これ以上は <a class="new" href="/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools" rel="nofollow">開発ツールを拡張する</a>を見てください。</p> <h2 id="Events" name="Events">Events</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/downloads/download/index.html b/files/ja/mozilla/add-ons/webextensions/api/downloads/download/index.html index 8616ce3585..b9f5bdb3e2 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/downloads/download/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/downloads/download/index.html @@ -12,7 +12,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/downloads/download <li><code>filename</code> と <code>saveAs</code> が指定されている場合、指定された<code>filename</code>が設定された[名前をつけて保存]のダイアログが開きます。</li> </ul> -<p>この関数は非同期に実行され、<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返します。</p> +<p>この関数は非同期に実行され、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返します。</p> <h2 id="構文">構文</h2> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/downloads/download <dt><code>filename</code>{{optional_inline}}</dt> <dd>A <code>string</code> representing a file path relative to the default downloads directory — this provides the location where you want the file to be saved, and what filename you want to use. Absolute paths, empty paths, and paths containing back-references (<code>../</code>) will cause an error. If omitted, this value will default to the filename already given to the download file, and a location immediately inside the downloads directory.</dd> <dt><code>headers</code>{{optional_inline}}</dt> - <dd>An <code>array</code> of <code>objects</code> representing extra HTTP headers to send with the request if the URL uses the HTTP[s] protocol. Each header is represented as a dictionary object containing the keys <code>name</code> and either <code>value</code> or <code>binaryValue</code>, restricted to those allowed by <code><a href="/en-US/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code>.</dd> + <dd>An <code>array</code> of <code>objects</code> representing extra HTTP headers to send with the request if the URL uses the HTTP[s] protocol. Each header is represented as a dictionary object containing the keys <code>name</code> and either <code>value</code> or <code>binaryValue</code>, restricted to those allowed by <code><a href="/ja/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code>.</dd> <dt><code>incognito</code>{{optional_inline}}</dt> <dd>A <code>boolean</code>: if present and set to true, then associate this download with a private browsing session. This means that it will only appear in the download manager for any private windows that are currently open.</dd> <dt><code>method</code>{{optional_inline}}</dt> @@ -54,7 +54,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/downloads/download <h3 id="戻り値">戻り値</h3> -<p><code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>が返却されます。ダウンロードが成功した場合、new {{WebExtAPIRef("downloads.DownloadItem")}}のidが格納されたpromiseを受け取ります。対して、promiseがrejectされた場合は、エラーメッセージを受け取ります。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>が返却されます。ダウンロードが成功した場合、new {{WebExtAPIRef("downloads.DownloadItem")}}のidが格納されたpromiseを受け取ります。対して、promiseがrejectされた場合は、エラーメッセージを受け取ります。</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/downloads/index.html b/files/ja/mozilla/add-ons/webextensions/api/downloads/index.html index 98dcaef054..13947d80e5 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/downloads/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/downloads/index.html @@ -16,7 +16,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/downloads <p>拡張機能にブラウザーのダウンロードマネージャーとのやりとりを可能にします。このAPI モジュールを、ファイルマネージャーでのファイルのダウンロード、キャンセル、停止、ダウンロードの再開、ダウンロード済みのファイルの表示に使用できます。</p> -<p>このAPIを使うには <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで指定する "downloads" <a href="/JA/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>が必要です。</p> +<p>このAPIを使うには <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで指定する "downloads" <a href="/JA/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>が必要です。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/extensiontypes/index.html b/files/ja/mozilla/add-ons/webextensions/api/extensiontypes/index.html index 3c6424f619..c4e2cac8ca 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/extensiontypes/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/extensiontypes/index.html @@ -26,7 +26,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/extensionTypes <dt>{{WebExtAPIRef("extensionTypes.RunAt")}}</dt> <dd>タブに JavaScript か CSS が挿入されてほんのすぐ</dd> <dt><code>extensionTypes.CSSOrigin</code></dt> - <dd><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/tabs/insertCSS">tabs.insertCSS</a></code> で挿入された CSS スタイルシートが "author" か "user" のスタイルシートのどちらであるかを示す</dd> + <dd><code><a href="/ja/Add-ons/WebExtensions/API/tabs/insertCSS">tabs.insertCSS</a></code> で挿入された CSS スタイルシートが "author" か "user" のスタイルシートのどちらであるかを示す</dd> </dl> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/find/find/index.html b/files/ja/mozilla/add-ons/webextensions/api/find/find/index.html index 61f777789e..a062774466 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/find/find/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/find/find/index.html @@ -29,7 +29,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/find/find <li>{{WebExtAPIRef("find.highlightResults()")}},</li> </ul> -<p>この関数は asynchronous/ 非同期 関数で <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> +<p>この関数は asynchronous/ 非同期 関数で <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。</p> <h2 id="Syntax">Syntax</h2> @@ -65,7 +65,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/find/find <h3 id="Return_value">Return value</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with an object containing up to three properties:</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with an object containing up to three properties:</p> <dl class="reference-values"> <dt><code>count</code></dt> @@ -141,7 +141,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/find/find browser.find.find("banana").then(found);</pre> -<p>Search for "banana" across all tabs (note that this requires the "tabs" <a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions">permission</a>, because it accesses <code>tab.url</code>):</p> +<p>Search for "banana" across all tabs (note that this requires the "tabs" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">permission</a>, because it accesses <code>tab.url</code>):</p> <pre class="brush: js">async function findInAllTabs(allTabs) { for (let tab of allTabs) { diff --git a/files/ja/mozilla/add-ons/webextensions/api/history/index.html b/files/ja/mozilla/add-ons/webextensions/api/history/index.html index d283cb7bcb..ae579d610b 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/history/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/history/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/history <p>ブラウザー履歴とやりとりする <code>history</code> API を使用します。</p> <div class="note"> -<p>downloads は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/history/HistoryItem" title="A HistoryItem object provides information about a page in the browser history."><code>HistoryItem</code></a> オブジェクトとして扱われるのに注意します。このため、ダウンロードのために <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/history/onVisited" title="Fired each time the user visits a page. A history.HistoryItem object is passed to the listener. This event fires before the page has loaded."><code>history.onVisited</code></a> も発火します。</p> +<p>downloads は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/history/HistoryItem" title="A HistoryItem object provides information about a page in the browser history."><code>HistoryItem</code></a> オブジェクトとして扱われるのに注意します。このため、ダウンロードのために <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/history/onVisited" title="Fired each time the user visits a page. A history.HistoryItem object is passed to the listener. This event fires before the page has loaded."><code>history.onVisited</code></a> も発火します。</p> </div> <p>ブラウザー履歴はユーザーが訪れたページの時間順の記録です。history API では次の事ができます:</p> @@ -36,7 +36,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/history <li><a href="/ja/Add-ons/WebExtensions/API/history/deleteRange">所定の期間に訪問したあらゆるページの訪問を削除する</a></li> </ul> -<p>このAPIを使うには <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで指定する "history" <a href="https://developer.mozilla.org/JA/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">パーミッション</a>が必要です。</p> +<p>このAPIを使うには <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> ファイルで指定する "history" <a href="/JA/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">パーミッション</a>が必要です。</p> <h2 id="Types" name="Types">型</h2> @@ -57,7 +57,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/history <dl> <dt>{{WebExtAPIRef("history.search()")}}</dt> - <dd>ブラウザー履歴を検索して、所与の条件にマッチする <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/History/HistoryItem" title="A HistoryItem object provides information about one result from a history query."><code>history.HistoryItem</code></a> オブジェクトを得る</dd> + <dd>ブラウザー履歴を検索して、所与の条件にマッチする <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/History/HistoryItem" title="A HistoryItem object provides information about one result from a history query."><code>history.HistoryItem</code></a> オブジェクトを得る</dd> <dt>{{WebExtAPIRef("history.getVisits()")}}</dt> <dd>所定のページへの訪問についての情報を取得する</dd> <dt>{{WebExtAPIRef("history.addUrl()")}}</dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.html b/files/ja/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.html index 8b28aeee9b..edbd807443 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/i18n/detectlanguage/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/i18n/detectLanguage <p>提供されたテキストの言語を <a href="https://github.com/CLD2Owners/cld2">Compact Language Detector</a> (CLD) を利用して検出します。</p> -<p>これは、<code><a href="/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="Syntax" name="Syntax">構文</h2> @@ -35,7 +35,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/i18n/detectLanguage <h3 id="Return_value" name="Return_value">戻り値</h3> -<p>結果オブジェクトで解決される <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>。結果オブジェクトは 2 個のプロパティを持ちます:</p> +<p>結果オブジェクトで解決される <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>。結果オブジェクトは 2 個のプロパティを持ちます:</p> <dl class="reference-values"> <dt><code>isReliable</code></dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.html b/files/ja/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.html index 8d639e241b..83a6cabb70 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/identity/getredirecturl/index.html @@ -16,7 +16,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/identity/getRedirectURL <p>リダイレクト URL として利用可能な URL を生成します。</p> -<p>この URL は、アドオン ID から生成されるため、使用したい場合、<code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">browser_specific_settings</a></code> キーを使用してアドオン ID を明示的に設定する必要があるでしょう (設定しない場合、アドオンを<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">一時的にインストール</a>するたびに、異なるリダイレクト URL を取得することになります)。</p> +<p>この URL は、アドオン ID から生成されるため、使用したい場合、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">browser_specific_settings</a></code> キーを使用してアドオン ID を明示的に設定する必要があるでしょう (設定しない場合、アドオンを<a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">一時的にインストール</a>するたびに、異なるリダイレクト URL を取得することになります)。</p> <p>リダイレクトURL については、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/identity#Getting_the_redirect_URL">リダイレクトURL を取得する</a>を参照してください。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/identity/index.html b/files/ja/mozilla/add-ons/webextensions/api/identity/index.html index 29d946d813..90200ebbc2 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/identity/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/identity/index.html @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/identity <p>そして、OAuth2 フローを実施して取得した検証済みアクセストークンを、HTTP リクエスト内で使用することで、拡張機能はユーザーから認可された範囲でデータにアクセスできるようになります。</p> -<p>この API を利用するためには、"identity" <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API のパーミッション</a>が必要です。</p> +<p>この API を利用するためには、"identity" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API のパーミッション</a>が必要です。</p> <h2 id="Setup" name="Setup">セットアップ</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/idle/index.html b/files/ja/mozilla/add-ons/webextensions/api/idle/index.html index e92112e732..7978e10527 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/idle/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/idle/index.html @@ -16,7 +16,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/idle <p>ユーザーのシステムがアイドル状態、ロックされた状態、アクティブな状態であるのを発見します。</p> -<p>この API を使うには "idle" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> +<p>この API を使うには "idle" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/index.html b/files/ja/mozilla/add-ons/webextensions/api/index.html index e7ffc434a7..b813ae50d9 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/index.html @@ -8,9 +8,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API <div>{{AddonSidebar}}</div> <div> -<p>WebExtension 用の JavaScript API は拡張機能の<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">バックグラウンドスクリプト</a>と、その他の拡張機能にバンドルした文書 (<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Browser_action">ブラウザーアクション</a>や<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Page_actions">ページアクション</a>ポップアップや<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Sidebars">サイドバー</a>や<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">オプションページ</a>や<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/chrome_url_overrides">新規タブページ</a>を含む) で使用できます。いくつかの API は拡張機能の<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Content_scripts">コンテンツスクリプト</a>からもアクセスできます (<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">コンテンツスクリプトガイドの表</a>を見てください)。</p> +<p>WebExtension 用の JavaScript API は拡張機能の<a href="/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">バックグラウンドスクリプト</a>と、その他の拡張機能にバンドルした文書 (<a href="/ja/Add-ons/WebExtensions/Browser_action">ブラウザーアクション</a>や<a href="/ja/Add-ons/WebExtensions/Page_actions">ページアクション</a>ポップアップや<a href="/ja/Add-ons/WebExtensions/Sidebars">サイドバー</a>や<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">オプションページ</a>や<a href="/ja/Add-ons/WebExtensions/manifest.json/chrome_url_overrides">新規タブページ</a>を含む) で使用できます。いくつかの API は拡張機能の<a href="/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Content_scripts">コンテンツスクリプト</a>からもアクセスできます (<a href="/ja/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">コンテンツスクリプトガイドの表</a>を見てください)。</p> -<p>もっと強力な API を使うには、拡張機能の <code>manifest.json</code> で<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッションをリクエストする</a>必要があります。</p> +<p>もっと強力な API を使うには、拡張機能の <code>manifest.json</code> で<a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッションをリクエストする</a>必要があります。</p> <p><code>browser</code> 名前空間内で API にアクセスできます:</p> @@ -33,7 +33,7 @@ browser<span class="punctuation token">.</span>tabs<span class="punctuation toke <span class="punctuation token">}</span> <span class="keyword token">let</span> setCookie <span class="operator token">=</span> browser<span class="punctuation token">.</span>cookies<span class="punctuation token">.</span><span class="keyword token">set</span><span class="punctuation token">(</span> - <span class="punctuation token">{</span>url<span class="punctuation token">:</span> <span class="string token">"https://developer.mozilla.org/"</span><span class="punctuation token">}</span> + <span class="punctuation token">{</span>url<span class="punctuation token">:</span> <span class="string token">"/"</span><span class="punctuation token">}</span> <span class="punctuation token">)</span><span class="punctuation token">;</span> setCookie<span class="punctuation token">.</span><span class="function token">then</span><span class="punctuation token">(</span>logCookie<span class="punctuation token">,</span> logError<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> </div> @@ -45,7 +45,7 @@ setCookie<span class="punctuation token">.</span><span class="function token">th <p>Microsoft Edge は <code>browser</code> 名前空間を使いますが、promise ベースの非同期 API はサポートされていません。Edge では当面、非同期 API はコールバックを使うのが必須です。</p> -<p>すべてのブラウザーがすべての API をサポートしているわけではありません: 詳しくは<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs"> JavaScript API のブラウザーサポート</a>をご覧ください。</p> +<p>すべてのブラウザーがすべての API をサポートしているわけではありません: 詳しくは<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs"> JavaScript API のブラウザーサポート</a>をご覧ください。</p> <h2 id="JavaScript_API_listing" name="JavaScript_API_listing">JavaScript API 一覧</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/management/index.html b/files/ja/mozilla/add-ons/webextensions/api/management/index.html index 06042d1093..694c72d2c8 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/management/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/management/index.html @@ -24,7 +24,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/management <li>アドオンのインストール・有効・無効の状態に関する通知の取得</li> </ul> -<p>操作のほとんどは "management" <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">API パーミッション</a>を要求します。他のアドオンへのアクセスを提供しない操作はこのパーミッションを要求しません。</p> +<p>操作のほとんどは "management" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">API パーミッション</a>を要求します。他のアドオンへのアクセスを提供しない操作はこのパーミッションを要求しません。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/menus/index.html b/files/ja/mozilla/add-ons/webextensions/api/menus/index.html index 5cb7281ea6..49eafb4bfe 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/menus/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/menus/index.html @@ -21,9 +21,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/menus <p>Firefox 55 より前ではこの API は <code>contextMenus</code> という名前でした。その名称は一応エイリアスにしています。そのため <code>contextMenus</code> という名称を使ってFirefoxや他のブラウザでも動くコードを書くことできます。</p> -<p>このAPIを使用するためには <code>menus</code> <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> 必要です。 <code>menus</code> の代わりにエイリアスの <code>contextMenus</code> を使用することができますが、もし使用するのであれば<code>browser.contextMenus</code> でAPIにアクセスしなければなりません。.</p> +<p>このAPIを使用するためには <code>menus</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> 必要です。 <code>menus</code> の代わりにエイリアスの <code>contextMenus</code> を使用することができますが、もし使用するのであれば<code>browser.contextMenus</code> でAPIにアクセスしなければなりません。.</p> -<p>この API は<code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/menus/getTargetElement">menus.getTargetElement()</a></code>以外はコンテンツスクリプトからは使用できません。バックグラウンドページからは使えます。</p> +<p>この API は<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/menus/getTargetElement">menus.getTargetElement()</a></code>以外はコンテンツスクリプトからは使用できません。バックグラウンドページからは使えます。</p> <h2 id="Creating_menu_items" name="Creating_menu_items">メニューアイテムをつくる</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/notifications/create/index.html b/files/ja/mozilla/add-ons/webextensions/api/notifications/create/index.html index 9230ce54bf..6285222c2b 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/notifications/create/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/notifications/create/index.html @@ -11,7 +11,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/notifications/create <p>You can optionally provide an ID for the notification. If you omit the ID, an ID will be generated. You can use the ID to {{WebExtAPIRef("notifications.update()", "update")}} or {{WebExtAPIRef("notifications.clear()", "clear")}} the notification.</p> -<p>This is an asynchronous function that returns a <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>.</p> +<p>This is an asynchronous function that returns a <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>.</p> <div class="warning"> <p>If you call <code>notifications.create()</code> more than once in rapid succession, Firefox may end up not displaying any notification at all.</p> @@ -36,7 +36,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/notifications/create <h3 id="返り値">返り値</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled when the notification is created and the display process has been started, which is before the notification is actually displayed to the user. It is fulfilled with a string representing the notification's ID.</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled when the notification is created and the display process has been started, which is before the notification is actually displayed to the user. It is fulfilled with a string representing the notification's ID.</p> <h2 id="ブラウザ互換性">ブラウザ互換性</h2> @@ -46,7 +46,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/notifications/create <p>Create and display a basic notification periodically, using an {{WebExtAPIRef("alarms", "alarm")}}. Clicking the browser action dismisses the notification.</p> -<p>Note that you'll need the "alarms" <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> to create alarms (as well as the "notifications" permission to create notifications).</p> +<p>Note that you'll need the "alarms" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> to create alarms (as well as the "notifications" permission to create notifications).</p> <pre class="brush: js">var cakeNotification = "cake-notification" diff --git a/files/ja/mozilla/add-ons/webextensions/api/pageaction/index.html b/files/ja/mozilla/add-ons/webextensions/api/pageaction/index.html index 9aa608ef46..a6b46c9d88 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/pageaction/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/pageaction/index.html @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/pageAction <p><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p> -<p>You can listen for clicks on the icon, or specify a <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Popups">popup</a> that will open when the icon is clicked.</p> +<p>You can listen for clicks on the icon, or specify a <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Popups">popup</a> that will open when the icon is clicked.</p> <p>If you specify a popup, you can define its contents and behavior using HTML, CSS, and JavaScript, just like a normal web page. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts.</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/permissions/index.html b/files/ja/mozilla/add-ons/webextensions/api/permissions/index.html index 34e1e36ae1..468a561d0f 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/permissions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/permissions/index.html @@ -75,7 +75,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/permissions <h2 id="その他">その他</h2> <ul> - <li><code>manifest.json</code> <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> property</li> + <li><code>manifest.json</code> <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> property</li> <li><code>manifest.json</code> <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/optional_permissions">optional_permissions</a></code> property</li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/api/proxy/index.html b/files/ja/mozilla/add-ons/webextensions/api/proxy/index.html index 8b76402361..e85eb9c6fb 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/proxy/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/proxy/index.html @@ -14,7 +14,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/proxy <p>Google Chrome では<a href="https://developer.chrome.com/extensions/proxy"> 同じく"proxy"という拡張機能API</a> が提供されていて、その機能はこの API と似ていて、拡張機能はプロキシポリシーを使うことができます。しかし、Chrome API の設計はこの API とまったく違います。Chrome の API では拡張機能は PAC ファイルを定義できて、明示的なプロキシルールも定義できます。このため拡張機能 PAC ファイルも使用できて、この API は PAC ファイルアプローチのみをサポートします。この API は Chrome <code>proxy</code> API と互換性がないため、この API は <code>browser</code> 名前空間のみで利用できます。</p> -<p>この API を使うには、"proxy" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> +<p>この API を使うには、"proxy" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> <h2 id="Communicating_with_PAC_files" name="Communicating_with_PAC_files">PAC ファイルと通信する</h2> @@ -53,7 +53,7 @@ browser.runtime.onMessage.addListener((message) => { <h3 id="FindProxyForURL()_return_value" name="FindProxyForURL()_return_value">FindProxyForURL() return value</h3> -<p>The standard <code>FindProxyForURL()</code> <a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_%28PAC%29_file#Return_value_format">returns a string</a>. In Firefox 55 and 56, the PAC file used with the proxy API also returns a string. In Firefox 55 <em>only</em>, you must pass an argument to the "DIRECT" return value, even though it doesn't need an argument.</p> +<p>The standard <code>FindProxyForURL()</code> <a href="/ja/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_%28PAC%29_file#Return_value_format">returns a string</a>. In Firefox 55 and 56, the PAC file used with the proxy API also returns a string. In Firefox 55 <em>only</em>, you must pass an argument to the "DIRECT" return value, even though it doesn't need an argument.</p> <p>From Firefox 57 onwards, <code>FindProxyForURL()</code> may still return a string, but may alternatively (and preferably) return an array of objects. Each object has the following properties:</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/runtime/onmessage/index.html b/files/ja/mozilla/add-ons/webextensions/api/runtime/onmessage/index.html index 86eb8d325d..9bfc19370f 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/runtime/onmessage/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/runtime/onmessage/index.html @@ -39,13 +39,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/onMessage <li><code>sendResponse</code> 関数。送信側への返信を送るために使います。</li> </ul> -<p>メッセージに対して同期的に返信するには、<code>sendResponse</code> 関数をリスナーの中で実行します。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_a_synchronous_response">例を参照してください</a>。</p> +<p>メッセージに対して同期的に返信するには、<code>sendResponse</code> 関数をリスナーの中で実行します。<a href="/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_a_synchronous_response">例を参照してください</a>。</p> <p>非同期的に返信するには、二つの方法があります。</p> <ul> - <li>イベントリスナーから <code>true</code> を返す。こうすることで、リスナーから復帰した後でも <code>sendResponse</code> 関数が有効なままになるため、後で実行することができます。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_an_asynchronous_response_using_sendResponse">例を参照してください</a>。</li> - <li>イベントリスナーから <code>Promise</code> を返して、返信が準備できた後にそれを解決する (またはエラーの場合は拒否する)。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_an_asynchronous_response_using_a_Promise">例を参照してください</a>。</li> + <li>イベントリスナーから <code>true</code> を返す。こうすることで、リスナーから復帰した後でも <code>sendResponse</code> 関数が有効なままになるため、後で実行することができます。<a href="/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_an_asynchronous_response_using_sendResponse">例を参照してください</a>。</li> + <li>イベントリスナーから <code>Promise</code> を返して、返信が準備できた後にそれを解決する (またはエラーの場合は拒否する)。<a href="/ja/Add-ons/WebExtensions/API/runtime/onMessage#Sending_an_asynchronous_response_using_a_Promise">例を参照してください</a>。</li> </ul> <div class="warning"> @@ -153,7 +153,7 @@ window<span class="punctuation token">.</span><span class="function token">addEv }</span></code> </pre> -<p>バックグラウンドスクリプトはこのメッセージが送信されるまで待ち、<code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/notifications">notifications</a></code> API を使って通知を表示します。</p> +<p>バックグラウンドスクリプトはこのメッセージが送信されるまで待ち、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/notifications">notifications</a></code> API を使って通知を表示します。</p> <pre class="brush: js line-numbers language-js"><code class="language-js"><span class="comment token">// background-script.js</span> diff --git a/files/ja/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.html b/files/ja/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.html index 44965c6f89..a1bab31eb9 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/runtime/openoptionspage/index.html @@ -19,7 +19,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/openOptionsPage <div> </div> -<p>これは <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="Syntax" name="Syntax">構文</h2> @@ -32,7 +32,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/openOptionsPage <h3 id="Return_value" name="Return_value">返り値</h3> -<p>オプションページの作成が成功した時は、引数のない <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> で、操作が失敗した場合はエラーメッセージつきの rejected が返ります。</p> +<p>オプションページの作成が成功した時は、引数のない <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> で、操作が失敗した場合はエラーメッセージつきの rejected が返ります。</p> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.html b/files/ja/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.html index a358ef3c63..b7e2e90b17 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/runtime/sendmessage/index.html @@ -26,7 +26,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage <ul> </ul> -<p>これは、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <div class="blockIndicator note"> <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#Connection-based_messaging">コネクションベースのメッセージ</a>を使うこともできます。</p> @@ -45,7 +45,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage <dl> <dt><code>extensionId</code>{{optional_inline}}</dt> - <dd><code>string</code> 型。 メッセージを送信する拡張機能の ID。別の拡張機能にメッセージを送信する場合は、この引数を含めてください。受信させることを意図している拡張機能が manifest.json の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーを使って明示的に ID を設定されている場合は、その値を <code>extensionId</code> に指定する必要があります。そうでない場合、受信側の拡張機能のために生成された ID を指定する必要があります。</dd> + <dd><code>string</code> 型。 メッセージを送信する拡張機能の ID。別の拡張機能にメッセージを送信する場合は、この引数を含めてください。受信させることを意図している拡張機能が manifest.json の <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーを使って明示的に ID を設定されている場合は、その値を <code>extensionId</code> に指定する必要があります。そうでない場合、受信側の拡張機能のために生成された ID を指定する必要があります。</dd> <dd>もし <code>extensionId</code> が省略された場合、メッセージは自分自身の拡張機能に送信されます。</dd> <dt><code>message</code></dt> <dd><code>any</code> 型。シリアライズされたクローンに構造化できるオブジェクト。</dd> @@ -83,7 +83,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage <h3 id="戻り値">戻り値</h3> -<p><code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> 型。受信側が応答を送信する場合、その応答を JSON オブジェクトとして使って fulfilled 状態にされます。それ以外の場合、値を持たない fulfilled 状態になります。拡張機能との接続中にエラーが発生した場合、Promise はエラーメッセージを持つ rejected 状態になります。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> 型。受信側が応答を送信する場合、その応答を JSON オブジェクトとして使って fulfilled 状態にされます。それ以外の場合、値を持たない fulfilled 状態になります。拡張機能との接続中にエラーが発生した場合、Promise はエラーメッセージを持つ rejected 状態になります。</p> <h2 id="ブラウザー実装状況">ブラウザー実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/sessions/index.html b/files/ja/mozilla/add-ons/webextensions/api/sessions/index.html index 870cf96426..8847f8d505 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/sessions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/sessions/index.html @@ -21,7 +21,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/sessions <p>この API は拡張機能にタブやウィンドウに関連する追加状態の保存させる関数グループも提供します。それで、タブやウィンドウが閉じられて順次復帰された場合、拡張機能は状態を取得できます。例えば、タブをグループ化する拡張機能は、これを使ってタブがどのグループにいるのかを記憶し、ユーザーがタブを復帰した時に正しいグループに復帰できるようになります。</p> -<p>セッション API を使うには "sessions" <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>が必要です。</p> +<p>セッション API を使うには "sessions" <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>が必要です。</p> <h2 id="Types" name="Types">型</h2> @@ -38,7 +38,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/sessions <dl> <dt>{{WebExtAPIRef("sessions.MAX_SESSION_RESULTS")}}</dt> - <dd><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/sessions/getRecentlyClosed" title="Returns an array Session objects, representing windows and tabs that were closed in the current browsing session (that is: the time since the browser was started)."><code>sessions.getRecentlyClosed()</code></a>の呼び出しで返される最大のセッション数。</dd> + <dd><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/sessions/getRecentlyClosed" title="Returns an array Session objects, representing windows and tabs that were closed in the current browsing session (that is: the time since the browser was started)."><code>sessions.getRecentlyClosed()</code></a>の呼び出しで返される最大のセッション数。</dd> </dl> <h2 id="Functions" name="Functions">関数</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/index.html index 6286012f61..efad165c20 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/index.html @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage <li>複数のキー/値ペアーが同じ API 呼び出しで設定、取得できます。</li> </ul> -<p>この API を利用するためには"storage" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> を <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> に含める必要があります。</p> +<p>この API を利用するためには"storage" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a> を <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> に含める必要があります。</p> <p>各々の拡張機能は独自のストレージ領域を持っています。またそれらは異なる型のストレージに分割することができます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/local/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/local/index.html index e69759effd..9a6b4e5296 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/local/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/local/index.html @@ -10,7 +10,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/local <p>ブラウザーは拡張機能がローカルストレージエリアに保存できるデータ量を制限します。</p> <ul> - <li>Chromeでは、このAPIを使用して、<a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions#Unlimited_storage">"unlimitedStorage"</a>パーミッションを許可しない場合は5MBまで保存できます。</li> + <li>Chromeでは、このAPIを使用して、<a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Unlimited_storage">"unlimitedStorage"</a>パーミッションを許可しない場合は5MBまで保存できます。</li> <li>Firefox ではバージョン56以降で"unlimitedStorage"パーミッションを利用できます。保存できるデータ量は現在では制限していませんが、将来的には制限するため、もし大きなデータ量を保存するのであれば"unlimitedStorage"パーミッションを今から使用するとよいでしょう。</li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.html index b8dc2aec62..02c2c3f04c 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/clear/index.html @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/clear <p>全てのアイテムをストレージ領域から削除します。</p> -<p>この関数は <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -33,7 +33,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/clear <h3 id="返り値">返り値</h3> -<p>成功時は引数の無い <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> +<p>成功時は引数の無い <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> <h2 id="ブラウザ互換性">ブラウザ互換性</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.html index d5ea70153c..c2f145525e 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/get/index.html @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/get <p>ストレージ領域から1つ以上のアイテムを取得します。</p> -<p>この関数は <code style="font-size: 16px !important; line-height: 24px !important;"><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code style="font-size: 16px !important; line-height: 24px !important;"><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -27,7 +27,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/get ) </pre> -<p><code style="font-size: 16px !important; line-height: 24px !important;"><storageType></code> は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync" style="font-size: 16px !important; line-height: 24px !important;" title="sync ストレージ領域を指します。 sync ストレージ内のアイテムはブラウザーによって同期され、ログイン(Firefox sync や Google アカウントなど)しているブラウザー・デバイスの全てのインスタンスで利用できます。"><code style="font-size: 16px !important; line-height: 24px !important;">storage.sync</code></a> または <a class="new" href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/local" rel="nofollow" style="font-size: 16px !important; line-height: 24px !important;" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code style="font-size: 16px !important; line-height: 24px !important;">storage.local</code></a> の書き込み可能なストレージタイプです。</p> +<p><code style="font-size: 16px !important; line-height: 24px !important;"><storageType></code> は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync" style="font-size: 16px !important; line-height: 24px !important;" title="sync ストレージ領域を指します。 sync ストレージ内のアイテムはブラウザーによって同期され、ログイン(Firefox sync や Google アカウントなど)しているブラウザー・デバイスの全てのインスタンスで利用できます。"><code style="font-size: 16px !important; line-height: 24px !important;">storage.sync</code></a> または <a class="new" href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/local" rel="nofollow" style="font-size: 16px !important; line-height: 24px !important;" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code style="font-size: 16px !important; line-height: 24px !important;">storage.local</code></a> の書き込み可能なストレージタイプです。</p> <h3 id="引数">引数</h3> @@ -38,7 +38,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/get <h3 id="返り値">返り値</h3> -<p>成功時は <code style="font-size: 16px !important; line-height: 24px !important;">keys</code> で指定されたストレージ領域内のアイテム全てを含む <code style="font-size: 16px !important; line-height: 24px !important;">results</code> オブジェクトを引数に持つ <code style="font-size: 16px !important; line-height: 24px !important;"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> +<p>成功時は <code style="font-size: 16px !important; line-height: 24px !important;">keys</code> で指定されたストレージ領域内のアイテム全てを含む <code style="font-size: 16px !important; line-height: 24px !important;">results</code> オブジェクトを引数に持つ <code style="font-size: 16px !important; line-height: 24px !important;"><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> <div class="warning"> <p>52 より前の Firefox バージョンのコンテンツスクリプトで使用する場合、 <code>browser.storage.local.get()</code> で返される Promise は1つのオブジェクトを持つ配列を引数に持ちます。配列内のオブジェクトは上記に記述したようにストレージ領域内の <code>keys</code> を持っています。 The Promise is correctly fulfilled with an Object when used in the background context (background scripts, popups, options pages, etc.). When this API is used as <code>chrome.storage.local.get()</code>, it correctly passes an Object to the callback function.</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.html index ae2de4bb9e..e413f19381 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/getbytesinuse/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/getBytesIn <p>1つ以上のストレージ領域内に格納されたアイテムが占めるストレージ空間をバイト単位で取得します。</p> -<p>この関数は <code><a href="/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -37,7 +37,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/getBytesIn <h3 id="返り値">返り値</h3> -<p>成功時は <code>keys</code> で指定されたオブジェクトが占めるストレージ空間を持つ整数 <code>bytesUsed</code> を引数に持つ <code><a href="/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。失敗した場合 Promise はエラーメッセージと共にリジェクトされます。</p> +<p>成功時は <code>keys</code> で指定されたオブジェクトが占めるストレージ空間を持つ整数 <code>bytesUsed</code> を引数に持つ <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返します。失敗した場合 Promise はエラーメッセージと共にリジェクトされます。</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.html index daba7224fb..2afc7c02c3 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/remove/index.html @@ -38,7 +38,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/remove <h3 id="返り値">返り値</h3> -<p>成功時は引数の無い <code style="font-size: 16px !important; line-height: 24px !important;"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> +<p>成功時は引数の無い <code style="font-size: 16px !important; line-height: 24px !important;"><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.html index 6860bc9c19..609fee944a 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/storagearea/set/index.html @@ -20,7 +20,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/set <p>この API を使用して保存や上書きをする場合、{{WebExtAPIRef("storage.onChanged")}} イベントが発火します。</p> -<p>この関数は <code style="font-size: 16px !important; line-height: 24px !important;"><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code style="font-size: 16px !important; line-height: 24px !important;"><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -29,7 +29,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/set ) </pre> -<p><code style="font-size: 16px !important; line-height: 24px !important;"><storageType></code> は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync" style="font-size: 16px !important; line-height: 24px !important;" title="sync ストレージ領域を指します。 sync ストレージ内のアイテムはブラウザーによって同期され、ログイン(Firefox sync や Google アカウントなど)しているブラウザー・デバイスの全てのインスタンスで利用できます。"><code style="font-size: 16px !important; line-height: 24px !important;">storage.sync</code></a> または <a class="new" href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/local" rel="nofollow" style="font-size: 16px !important; line-height: 24px !important;" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code style="font-size: 16px !important; line-height: 24px !important;">storage.local</code></a> の書き込み可能なストレージタイプです。</p> +<p><code style="font-size: 16px !important; line-height: 24px !important;"><storageType></code> は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync" style="font-size: 16px !important; line-height: 24px !important;" title="sync ストレージ領域を指します。 sync ストレージ内のアイテムはブラウザーによって同期され、ログイン(Firefox sync や Google アカウントなど)しているブラウザー・デバイスの全てのインスタンスで利用できます。"><code style="font-size: 16px !important; line-height: 24px !important;">storage.sync</code></a> または <a class="new" href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/local" rel="nofollow" style="font-size: 16px !important; line-height: 24px !important;" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code style="font-size: 16px !important; line-height: 24px !important;">storage.local</code></a> の書き込み可能なストレージタイプです。</p> <h3 id="Parameters">Parameters</h3> @@ -46,7 +46,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/StorageArea/set <h3 id="返り値">返り値</h3> -<p>成功時は引数の無い <code style="font-size: 16px !important; line-height: 24px !important;"><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> +<p>成功時は引数の無い <code style="font-size: 16px !important; line-height: 24px !important;"><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" style="font-size: 16px !important; line-height: 24px !important;">Promise</a></code> を返します。 失敗した場合 promise はエラーメッセージと共にリジェクトされます。</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/storage/sync/index.html b/files/ja/mozilla/add-ons/webextensions/api/storage/sync/index.html index 132df88fae..11e5d90578 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/storage/sync/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/storage/sync/index.html @@ -19,7 +19,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/storage/sync <p>Firefox の場合、ユーザーは <code>"about:preferences"</code> の "Sync 設定" オプションの下にある "アドオン" ボックスにチェックを入れる必要があります。</p> -<p><code>storage.sync</code> の実装はアドオン ID に依存していることに注意してください。もし <code>storage.sync</code> を使うのであれば、 <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">browser_specific_settings</a></code> manifest.json キーを使用して拡張機能に ID を設定する必要があります。</p> +<p><code>storage.sync</code> の実装はアドオン ID に依存していることに注意してください。もし <code>storage.sync</code> を使うのであれば、 <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">browser_specific_settings</a></code> manifest.json キーを使用して拡張機能に ID を設定する必要があります。</p> <p>この API の主な利用例は拡張機能の設定を格納し、異なるプロファイル間で同期させることです。この API は最大100 KB までデータを格納できます。それ以上格納しようとするとエラーメッセージを返して失敗します。 この API は稼働時間やパフォーマンスを保証しません。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.html index 65a036c403..2e527139da 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/capturevisibletab/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/captureVisibleTab <p>指定ウィンドウの選択タブの表示領域の画像をエンコードしたデータ URI を作成します。このメソッドを使うには <code><all_urls></code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> が必要です (Chrome の場合、<code>activeTab</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> があり、ユーザーが許可の操作を行えば、このメソッドを使うことができます)。</p> -<p>これは、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="Syntax" name="Syntax">構文</h2> @@ -38,7 +38,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/captureVisibleTab <h3 id="Return_value" name="Return_value">戻り値</h3> -<p><code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> であり、キャプチャーされたタブの表示領域の画像をエンコードしたデータ URL で fulfilled 状態にされる。このデータ URL は、HTML イメージ要素の 'src' 属性に設定することで、画像を表示できる。もし何らかのエラーが発生した場合、Promise はエラーメッセージによって rejected 状態にされる。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> であり、キャプチャーされたタブの表示領域の画像をエンコードしたデータ URL で fulfilled 状態にされる。このデータ URL は、HTML イメージ要素の 'src' 属性に設定することで、画像を表示できる。もし何らかのエラーが発生した場合、Promise はエラーメッセージによって rejected 状態にされる。</p> <h2 id="Examples" name="Examples">使用例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html index b3142538db..cf41c2b6dd 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/create/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create <p>新しいタブを作ります。</p> -<p>これは<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です.</p> +<p>これは<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です.</p> <h2 id="構文">構文</h2> @@ -26,13 +26,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create <dt><code>active</code>{{optional_inline}}</dt> <dd>タブをアクティブにするかどうかを<code>真理値</code>で指定します。ウィンドウがフォーカスされているかには影響されません({{WebExtAPIRef('windows.update')}}も参照)。デフォルト値は<code>true</code>.</dd> <dt><code>cookieStoreId</code> {{optional_inline}}</dt> - <dd><code>文字列</code> 。タブのcookie store IDが<code>cookieStoreId</code>のタブを作るときに使用します。このオプションは拡張機能が<code>"cookies"</code> <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>を持つときのみ使用できます。</dd> + <dd><code>文字列</code> 。タブのcookie store IDが<code>cookieStoreId</code>のタブを作るときに使用します。このオプションは拡張機能が<code>"cookies"</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>を持つときのみ使用できます。</dd> <dt><code>index</code>{{optional_inline}}</dt> <dd><code>整数値</code>。ウィンドウ中のタブの位置を指定します。数値はゼロからウィンドウ内のタブの数までです。</dd> <dt><code>openerTabId</code>{{optional_inline}}</dt> <dd><code>整数値</code>。開くタブのIDを指定します。指定した場合、開く側のタブは新しいタブと同じウィンドウにある必要があります。</dd> <dt><code>openInReaderMode</code>{{optional_inline}}</dt> - <dd><code>真理値</code>。もし<code>true</code>であれば<a href="/en-US/Add-ons/WebExtensions/API/tabs/toggleReaderMode">リーダーモード</a>で開かれます。 デフォルトは<code>false</code>。</dd> + <dd><code>真理値</code>。もし<code>true</code>であれば<a href="/ja/Add-ons/WebExtensions/API/tabs/toggleReaderMode">リーダーモード</a>で開かれます。 デフォルトは<code>false</code>。</dd> <dt><code>pinned</code>{{optional_inline}}</dt> <dd><code>真理値</code>。タブをピン留めするかを指定します。デフォルトは<code>false</code>。</dd> <dt><code>selected</code>{{optional_inline}}</dt> @@ -63,7 +63,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/create <h3 id="返り値">返り値</h3> -<p>新しく作ったタブに関する{{WebExtAPIRef('tabs.Tab')}}オブジェクトを引数に持つ<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>が返されます。URLが特権URLであるなどして、タブが作られなかった場合はpromiseはエラーメッセージとともにrejectされます。</p> +<p>新しく作ったタブに関する{{WebExtAPIRef('tabs.Tab')}}オブジェクトを引数に持つ<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>が返されます。URLが特権URLであるなどして、タブが作られなかった場合はpromiseはエラーメッセージとともにrejectされます。</p> <h2 id="ブラウザー互換状況">ブラウザー互換状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/duplicate/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/duplicate/index.html index c48c12ae03..a4ef65c343 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/duplicate/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/duplicate/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/duplicate <p>ID で指定されたタブを複製します。</p> -<p>この関数は <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/duplicate <h3 id="戻り値">戻り値</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with a {{WebExtAPIRef('tabs.Tab')}} object containing details about the duplicated tab. The <code>Tab</code> object only contains <code>url</code>, <code>title</code> and <code>favIconUrl</code> if the extension has the <a href="/en-US/Add-ons/WebExtensions/manifest.json/permissions"><code>"tabs"</code> permission</a>. If any error occurs the promise will be rejected with an error message.</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with a {{WebExtAPIRef('tabs.Tab')}} object containing details about the duplicated tab. The <code>Tab</code> object only contains <code>url</code>, <code>title</code> and <code>favIconUrl</code> if the extension has the <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions"><code>"tabs"</code> permission</a>. If any error occurs the promise will be rejected with an error message.</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/executescript/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/executescript/index.html index 82e1ee1686..124d7235a2 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/executescript/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/executescript/index.html @@ -17,7 +17,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/executeScript <p>JavaScript のコードをページに挿入します。</p> -<p>コードを挿入できるページの URL は、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">マッチパターン</a> により指定できます。 つまり、URL の scheme 部は、"http", "https", "file", "ftp" のいずれかでなければなりません。そして、その URL に対する明示的な <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host パーミッション</a>、または <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#activeTab_permission">activeTab パーミッション</a>が必要です。</p> +<p>コードを挿入できるページの URL は、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">マッチパターン</a> により指定できます。 つまり、URL の scheme 部は、"http", "https", "file", "ftp" のいずれかでなければなりません。そして、その URL に対する明示的な <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host パーミッション</a>、または <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#activeTab_permission">activeTab パーミッション</a>が必要です。</p> <p>また、自らの拡張機能パッケージに含まれるページに対してであれば、次の方法でコードを挿入することも可能です。</p> @@ -33,7 +33,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/executeScript <p>挿入するスクリプトのことを、コンテンツスクリプトと呼びます。詳細は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">コンテンツスクリプト</a> で学んでください。</p> -<p>これは、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>これは、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -70,13 +70,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/executeScript <h3 id="戻り値">戻り値</h3> -<p>オブジェクト配列を使って fulfilled 状態にされる <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> です。それぞれのオブジェクトは、フレームに挿入されたスクリプトの結果を表します。</p> +<p>オブジェクト配列を使って fulfilled 状態にされる <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> です。それぞれのオブジェクトは、フレームに挿入されたスクリプトの結果を表します。</p> <p>スクリプトの結果とは最後に評価された文のことです。これは、<a href="/ja/docs/Tools/Web_Console">Webコンソール</a>で実行されたスクリプトの出力 (結果であって、<code>console.log()</code> の出力のことではありません) に似ています。例えば、次のようなスクリプトを挿入したとします。</p> <pre class="brush: js">var foo='my result';foo;</pre> -<p>この場合、結果配列には、文字列 "<code>my result</code>" が含まれます。結果は、<a href="/ja/docs/Web/API/Web_Workers_API/Structured_clone_algorithm">structured clone</a> が可能でなければなりません。最後の文を <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> にすることもできますが、<a href="https://github.com/mozilla/webextension-polyfill#tabsexecutescript">webextension-polyfill</a> ライブラリではサポートされていません。</p> +<p>この場合、結果配列には、文字列 "<code>my result</code>" が含まれます。結果は、<a href="/ja/docs/Web/API/Web_Workers_API/Structured_clone_algorithm">structured clone</a> が可能でなければなりません。最後の文を <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> にすることもできますが、<a href="https://github.com/mozilla/webextension-polyfill#tabsexecutescript">webextension-polyfill</a> ライブラリではサポートされていません。</p> <p>エラーが発生した場合、Promise はエラーメッセージを使って rejected 状態にされます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/get/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/get/index.html index 767b11173d..06df254c61 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/get/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/get/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/get <p>タブのIDを指定し、{{WebExtAPIRef("tabs.Tab")}}オブジェクトとしてタブの詳細を取得します。</p> -<p>これは<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です。</p> +<p>これは<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code>を返す非同期関数です。</p> <h2 id="Syntax">Syntax</h2> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/get <h3 id="Return_value">Return value</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with a {{WebExtAPIRef('tabs.Tab')}} object containing information about the tab. If the tab could not be found or some other error occurs, the promise will be rejected with an error message.</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with a {{WebExtAPIRef('tabs.Tab')}} object containing information about the tab. If the tab could not be found or some other error occurs, the promise will be rejected with an error message.</p> <h2 id="Examples">Examples</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/index.html index 40f6ced315..692fccb284 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/index.html @@ -22,7 +22,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs <p>この API の大半の使用に特別なパーミッションは要りませんが:</p> <ul> - <li><code>Tab.url</code> <code>Tab.title</code> <code>Tab.favIconUrl</code>, のアクセスには "tabs" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。また Firefox では URL による{{WebExtAPIRef("tabs.query", "問い合わせ")}}をするのにも "tabs" が必要です。</li> + <li><code>Tab.url</code> <code>Tab.title</code> <code>Tab.favIconUrl</code>, のアクセスには "tabs" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。また Firefox では URL による{{WebExtAPIRef("tabs.query", "問い合わせ")}}をするのにも "tabs" が必要です。</li> <li>{{WebExtAPIRef("tabs.executeScript()")}} や {{WebExtAPIRef("tabs.insertCSS()")}} を使うには、そのタブの <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#Host_permissions">host パーミッション</a>が必要です。</li> </ul> @@ -39,7 +39,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs <dd>タブがミュートされているかを示す真理値と、最後の変更の理由からなるオブジェクト。</dd> <dt>{{WebExtAPIRef("tabs.PageSettings")}}</dt> <dd> - <p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/saveAsPDF" title="Saves the current page as a PDF. This will open a dialog, supplied by the underlying operating system, asking the user where they want to save the PDF."><code>tabs.saveAsPDF()</code></a>メソッドにおいて、どのように PDF を描画するかを制御する。</p> + <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/saveAsPDF" title="Saves the current page as a PDF. This will open a dialog, supplied by the underlying operating system, asking the user where they want to save the PDF."><code>tabs.saveAsPDF()</code></a>メソッドにおいて、どのように PDF を描画するかを制御する。</p> </dd> <dt>{{WebExtAPIRef("tabs.Tab")}}</dt> <dd>タブについての情報を含む。</dd> @@ -70,7 +70,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs <dt>{{WebExtAPIRef("tabs.captureVisibleTab()")}}</dt> <dd>特定のウィンドウのアクティブなタブの可視エリアの画像をエンコードしたデータURI を作成します。</dd> <dt>{{WebExtAPIRef("tabs.connect()")}}</dt> - <dd>あるタブにおいて、バックグラウンドスクリプト（またはその他ポップアップやオプションページのスクリプトなど特権スクリプト）と <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> 間でのメッセージのやり取り用の経路を確保します。</dd> + <dd>あるタブにおいて、バックグラウンドスクリプト（またはその他ポップアップやオプションページのスクリプトなど特権スクリプト）と <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Content_scripts">content scripts</a> 間でのメッセージのやり取り用の経路を確保します。</dd> <dt>{{WebExtAPIRef("tabs.create()")}}</dt> <dd>新しいタブを作る。</dd> <dt>{{WebExtAPIRef("tabs.detectLanguage()")}}</dt> @@ -86,7 +86,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs <dt>{{WebExtAPIRef("tabs.getAllInWindow()")}} {{deprecated_inline}}</dt> <dd>特定のウィンドウ内のすべてのタブについての情報を取り出す。</dd> <dt>{{WebExtAPIRef("tabs.getCurrent()")}}</dt> - <dd>スクリプトが実行されているタブについての情報を <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/Tabs/Tab" title="This type contains information about a tab."><code>tabs.Tab</code></a> オブジェクトとして取り出す。</dd> + <dd>スクリプトが実行されているタブについての情報を <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/Tabs/Tab" title="This type contains information about a tab."><code>tabs.Tab</code></a> オブジェクトとして取り出す。</dd> <dt>{{WebExtAPIRef("tabs.getSelected()")}} {{deprecated_inline}}</dt> <dd>あるウィンドウにおいてタブが選択されているかを得る。</dd> <dt>{{WebExtAPIRef("tabs.getZoom()")}}</dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/remove/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/remove/index.html index d7ee4d96b9..fdd18cf97a 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/remove/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/remove/index.html @@ -7,7 +7,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/remove <p>１つ以上のタブを閉じます。</p> -<p>この関数は <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> +<p>この関数は <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> を返す非同期関数です。</p> <h2 id="構文">構文</h2> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/remove <h3 id="戻り値">戻り値</h3> -<p>A <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with no arguments when all the specified tabs have been removed or their <code>beforeunload</code> prompts have been handled. If any error occurs, the promise will be rejected with an error message.</p> +<p>A <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code> that will be fulfilled with no arguments when all the specified tabs have been removed or their <code>beforeunload</code> prompts have been handled. If any error occurs, the promise will be rejected with an error message.</p> <h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/tabs/tab/index.html b/files/ja/mozilla/add-ons/webextensions/api/tabs/tab/index.html index 31ee57d609..3e291f4cb6 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/tabs/tab/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/tabs/tab/index.html @@ -25,11 +25,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/Tab <dt><code>autoDiscardable</code> {{optional_inline}}</dt> <dd><code>boolean</code>. Whether the tab can be discarded automatically by the browser when resources are low.</dd> <dt><code>cookieStoreId</code> {{optional_inline}}</dt> - <dd><code>string</code>. タブのクッキーストア。If different tabs can have different cookie stores (for example, to support <a href="https://wiki.mozilla.org/Security/Contextual_Identity_Project/Containers">contextual identity</a>), you can pass this as the <code>storeId</code> option into various methods of the {{WebExtAPIRef("cookies")}} API, to set and get cookies associated with this tab's cookie store. Only present if the extension has the <code>"cookies"</code> <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> + <dd><code>string</code>. タブのクッキーストア。If different tabs can have different cookie stores (for example, to support <a href="https://wiki.mozilla.org/Security/Contextual_Identity_Project/Containers">contextual identity</a>), you can pass this as the <code>storeId</code> option into various methods of the {{WebExtAPIRef("cookies")}} API, to set and get cookies associated with this tab's cookie store. Only present if the extension has the <code>"cookies"</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> <dt><code>discarded</code> {{optional_inline}}</dt> <dd><code>boolean</code>. タブが破棄されたか。 A discarded tab is one whose content has been unloaded from memory, but is still visible in the tab strip. Its content gets reloaded the next time it's activated.</dd> <dt><code>favIconUrl</code> {{optional_inline}}</dt> - <dd><code>string</code>. タブのfaviconのURL。Only present if the extension has the <code>"tabs"</code> <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>. It may also be an empty string if the tab is loading.</dd> + <dd><code>string</code>. タブのfaviconのURL。Only present if the extension has the <code>"tabs"</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>. It may also be an empty string if the tab is loading.</dd> <dt><code>height</code> {{optional_inline}}</dt> <dd><code>integer</code>. タブの高さのピクセル値。</dd> <dt><code>hidden</code></dt> @@ -47,9 +47,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/Tab <dt><code>index</code></dt> <dd><code>integer</code>. 0を底としたウィンドウの中のタブのインデックス。</dd> <dt><code>isArticle</code></dt> - <dd><code>boolean</code>. Trueなら<a href="/en-US/Add-ons/WebExtensions/API/tabs/toggleReaderMode">rendered in Reader Mode</a>で閲覧可能、falseならそれ以外。</dd> + <dd><code>boolean</code>. Trueなら<a href="/ja/Add-ons/WebExtensions/API/tabs/toggleReaderMode">rendered in Reader Mode</a>で閲覧可能、falseならそれ以外。</dd> <dt><code>isInReaderMode</code></dt> - <dd><code>boolean</code>. Trueなら<a href="/en-US/Add-ons/WebExtensions/API/tabs/toggleReaderMode">rendered in Reader Mode</a>で閲覧中、falseならそれ以外。</dd> + <dd><code>boolean</code>. Trueなら<a href="/ja/Add-ons/WebExtensions/API/tabs/toggleReaderMode">rendered in Reader Mode</a>で閲覧中、falseならそれ以外。</dd> <dt><code>lastAccessed</code></dt> <dd><code>double</code>. タブが最後にアクセスされた時刻(単位: <a class="external external-icon" href="https://en.wikipedia.org/wiki/Unix_time">milliseconds since the epoch</a>)。</dd> <dt><code>mutedInfo</code> {{optional_inline}}</dt> @@ -67,9 +67,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/tabs/Tab <dt><code>successorId</code> {{optional_inline}}</dt> <dd><code>integer</code> タブの後継者のID。</dd> <dt><code>title</code> {{optional_inline}}</dt> - <dd><code>string</code>. タブのタイトル。Only present if the extension has the <code>"tabs"</code> <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> + <dd><code>string</code>. タブのタイトル。Only present if the extension has the <code>"tabs"</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> <dt><code>url</code> {{optional_inline}}</dt> - <dd><code>string</code>. タブが表示しているドキュメントのURL。Only present if the extension has the <code>"tabs"</code> <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> + <dd><code>string</code>. タブが表示しているドキュメントのURL。Only present if the extension has the <code>"tabs"</code> <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">permission</a>.</dd> <dt><code>width</code> {{optional_inline}}</dt> <dd><code>integer</code>. タブの横幅のピクセル値。</dd> <dt><code>windowId</code></dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/topsites/index.html b/files/ja/mozilla/add-ons/webextensions/api/topsites/index.html index 5ee5e4386f..8bcb06823c 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/topsites/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/topsites/index.html @@ -18,7 +18,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/topSites <p>ブラウザーはユーザーがこれらの場所に簡単に戻れるようにこれを維持します。Firefoxでは既定で「新しいタブ」ページには最もよく訪れるページのリストが提供されます。</p> -<p>topSites API を使うには "topSites" の <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>必要です。</p> +<p>topSites API を使うには "topSites" の <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#API_permissions">API パーミッション</a>必要です。</p> <h2 id="Types" name="Types">型</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.html b/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.html index 4edae83299..55b9900953 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/webnavigation/index.html @@ -47,7 +47,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webNavigation <p><code>onCommitted</code> イベントリスナーには 2 つの追加プロパティが渡されます: ナビゲーションの原因 (例えばユーザーがリンクをクリックしたり、ユーザーがブックマークを選んだり) を示す{{WebExtAPIRef("webNavigation.TransitionType","TransitionType")}} と、ナビゲーションの詳細情報を提供する{{WebExtAPIRef("webNavigation.TransitionQualifier","TransitionQualifier")}} です。</p> -<p>この API を使うには"webNavigation" <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> +<p>この API を使うには"webNavigation" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>が必要です。</p> <h2 id="Types" name="Types">型</h2> @@ -64,7 +64,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webNavigation <dl> <dt>{{WebExtAPIRef("webNavigation.getFrame()")}}</dt> - <dd>特定フレームについての情報を取得します。フレームにはタブ内のトップレベルのフレームや、ネストされた <a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/iframe">iframe</a> であり、タブ ID とフレーム ID でユニークに識別されます。</dd> + <dd>特定フレームについての情報を取得します。フレームにはタブ内のトップレベルのフレームや、ネストされた <a href="/ja/docs/Web/HTML/Element/iframe">iframe</a> であり、タブ ID とフレーム ID でユニークに識別されます。</dd> <dt>{{WebExtAPIRef("webNavigation.getAllFrames()")}}</dt> <dd> <p>タブ ID を指定すると、そのタブに含まれているすべてのフレームの情報を取得します。</p> @@ -81,9 +81,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webNavigation <dt>{{WebExtAPIRef("webNavigation.onCommitted")}}</dt> <dd>ナビゲーションがコミットされたときに発火します。少なくともサーバーから新しい document がいくらか取得されてブラウザーが新document に切り替えると決決めたとき。</dd> <dt>{{WebExtAPIRef("webNavigation.onDOMContentLoaded")}}</dt> - <dd>ページ内で <a href="https://developer.mozilla.org/ja/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a> イベントが発火したときに発火します。</dd> + <dd>ページ内で <a href="/ja/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a> イベントが発火したときに発火します。</dd> <dt>{{WebExtAPIRef("webNavigation.onCompleted")}}</dt> - <dd>document と、それが参照するリソースが完全にロードされて初期化されたときに発火します。これは DOM <code><a href="https://developer.mozilla.org/ja/docs/Web/Events/load">load</a></code> イベントと等価です。</dd> + <dd>document と、それが参照するリソースが完全にロードされて初期化されたときに発火します。これは DOM <code><a href="/ja/docs/Web/Events/load">load</a></code> イベントと等価です。</dd> <dt>{{WebExtAPIRef("webNavigation.onErrorOccurred")}}</dt> <dd>エラーが起こってナビゲーションが停止したときに発火します。これはネットワークエラーが起きたときや、ユーザーがナビゲーションを停止したときのいずれかで起こりえます。</dd> <dt>{{WebExtAPIRef("webNavigation.onCreatedNavigationTarget")}}</dt> diff --git a/files/ja/mozilla/add-ons/webextensions/api/webrequest/index.html b/files/ja/mozilla/add-ons/webextensions/api/webrequest/index.html index fba97e5f22..3cb7806512 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/webrequest/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/webrequest/index.html @@ -116,7 +116,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webRequest <dl> <dt>{{WebExtAPIRef("webRequest.MAX_HANDLER_BEHAVIOR_CHANGED_CALLS_PER_10_MINUTES")}}</dt> - <dd>10分間に <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/WebRequest/handlerBehaviorChanged" title="Suppose an add-on's job is to block web requests against a pattern, and the following scenario happens:"><code>handlerBehaviorChanged()</code></a></code> を最大限呼べる回数。</dd> + <dd>10分間に <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/WebRequest/handlerBehaviorChanged" title="Suppose an add-on's job is to block web requests against a pattern, and the following scenario happens:"><code>handlerBehaviorChanged()</code></a></code> を最大限呼べる回数。</dd> </dl> <h2 id="Methods" name="Methods">メソッド</h2> @@ -157,7 +157,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/webRequest <p>{{Compat("webextensions.api.webRequest")}}</p> -<p><a href="/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities#webRequest_incompatibilities">Extra notes on Chrome incompatibilities</a>.</p> +<p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities#webRequest_incompatibilities">Extra notes on Chrome incompatibilities</a>.</p> <p>{{WebExtExamples("h2")}}</p> diff --git a/files/ja/mozilla/add-ons/webextensions/api/windows/windowstate/index.html b/files/ja/mozilla/add-ons/webextensions/api/windows/windowstate/index.html index a60ce41391..1710048cea 100644 --- a/files/ja/mozilla/add-ons/webextensions/api/windows/windowstate/index.html +++ b/files/ja/mozilla/add-ons/webextensions/api/windows/windowstate/index.html @@ -19,7 +19,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/API/windows/WindowState <dt><code>"maximized"</code></dt> <dd>ウィンドウはシステムエリアやOSによる予約なしに画面を満たしている(最大化)。</dd> <dt><code>"fullscreen"</code></dt> - <dd>ウィンドウはフルスクリーンアプリケーションとして稼働しているか、タブの内容が<a href="/en-US/docs/Web/API/Fullscreen_API">Fullscreen API</a>を利用している(全画面)。</dd> + <dd>ウィンドウはフルスクリーンアプリケーションとして稼働しているか、タブの内容が<a href="/ja/docs/Web/API/Fullscreen_API">Fullscreen API</a>を利用している(全画面)。</dd> <dt><code>"docked"</code></dt> <dd>A docked window occupies a fixed position relative to other windows owned by the same application.</dd> </dl> diff --git a/files/ja/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html b/files/ja/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html index 4cff21e91d..cb8ee5e3ab 100644 --- a/files/ja/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html +++ b/files/ja/mozilla/add-ons/webextensions/chrome_incompatibilities/index.html @@ -39,7 +39,7 @@ chrome<span class="punctuation token">.</span>cookies<span class="punctuation to logCookie <span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>同様の WebExtensions API では<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise"> promises</a> を利用します:</p> +<p>同様の WebExtensions API では<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise"> promises</a> を利用します:</p> <pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">logCookie</span><span class="punctuation token">(</span>c<span class="punctuation token">)</span> <span class="punctuation token">{</span> console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span>c<span class="punctuation token">)</span><span class="punctuation token">;</span> @@ -62,27 +62,27 @@ setCookie<span class="punctuation token">.</span><span class="function token">th <h3 id="Partially_supported_APIs" name="Partially_supported_APIs"><span class="short_text" id="result_box" lang="ja"><span>部分的にサポートされている API</span></span></h3> -<p><span id="result_box" lang="ja"><span><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">ブラウザーの JavaScript API サポート</a>のページには、Firefox でサポートされているすべての API の互換性テーブルが含まれています。</span><span>特定の API アイテムのサポートに関する警告がある場合は、これらのテーブルにアスタリスク "*" が表示され、API アイテムのリファレンスページにその警告が説明されています。</span></span></p> +<p><span id="result_box" lang="ja"><span><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">ブラウザーの JavaScript API サポート</a>のページには、Firefox でサポートされているすべての API の互換性テーブルが含まれています。</span><span>特定の API アイテムのサポートに関する警告がある場合は、これらのテーブルにアスタリスク "*" が表示され、API アイテムのリファレンスページにその警告が説明されています。</span></span></p> <p><span class="short_text" id="result_box" lang="ja"><span>このテーブルは、<a href="https://github.com/mdn/browser-compat-data">GitHub で JSON ファイル</a>として保存された互換性データから生成されます。</span></span></p> <p><span class="short_text" id="result_box" lang="ja"><span>このセクションの残りの部分では、テーブルにまだ取り込まれていない互換性の問題について説明します。</span></span></p> -<h4 id="notifications" name="notifications"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/notifications">notifications</a></h4> +<h4 id="notifications" name="notifications"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/notifications">notifications</a></h4> <ul> - <li><code>notifications.create()</code>の <code>"basic"</code> <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/notifications/TemplateType">type</a></code>を指定した場合の、 <code>iconUrl</code> は Firefox では任意です。Chrome では必須です。</li> + <li><code>notifications.create()</code>の <code>"basic"</code> <code><a href="/ja/Add-ons/WebExtensions/API/notifications/TemplateType">type</a></code>を指定した場合の、 <code>iconUrl</code> は Firefox では任意です。Chrome では必須です。</li> <li>通知<span class="short_text" id="result_box" lang="ja"><span>はユーザーがクリックするとすぐに消去されます。</span></span> <span class="short_text" id="result_box" lang="ja"><span>これは Chrome では当てはまりません。</span></span></li> <li><code>notifications.create()</code><span id="result_box" lang="ja"><span> を複数回連続して呼び出すと、Firefox が通知を一切表示しなくなることがあります。</span></span> <code>chrome.notifications.create() </code><span lang="ja"><span><code>のコールバック</code>関数内に入るまでの時間は、後続のスクリプトが実行されるまで待つほど十分な時間ではありません。</span></span></li> </ul> -<h4 id="proxy" name="proxy"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/proxy">proxy</a></h4> +<h4 id="proxy" name="proxy"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/proxy">proxy</a></h4> <ul> <li><span class="short_text" id="result_box" lang="ja"><span>この API は Chrome API の設計とはまったく異なります。</span></span> <span id="result_box" lang="ja"><span>Chrome の API を使用すると、</span></span>拡張機能<span lang="ja"><span>で PAC ファイルを登録できますが、明示的なプロキシルールを定義することもできます。</span></span><span id="result_box" lang="ja"><span>これは拡張 PAC ファイルを使用しても可能であるため、この API は PAC ファイルのアプローチのみをサポートしています。</span></span> <span id="result_box" lang="ja"><span>この API は Chrome の <code>proxy</code> API と互換性がないため、この API は <code>browser</code> の名前空間でのみ使用できます。</span></span></li> </ul> -<h4 id="tabs" name="tabs"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs">tabs</a></h4> +<h4 id="tabs" name="tabs"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs">tabs</a></h4> <ul> <li> @@ -97,15 +97,15 @@ setCookie<span class="punctuation token">.</span><span class="function token">th <li><span id="result_box" lang="ja"><span>Firefox では、</span></span><code>beforeunload</code><span lang="ja"><span> イベントの後に </span></span><code>tabs.remove()</code><span lang="ja"><span> の promise が実行されますが、Chrome では コールバック が </span></span><code>beforeunload</code><span lang="ja"><span> を待ちません。</span></span></li> </ul> -<h4 id="webRequest" name="webRequest"><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/webRequest">webRequest</a></h4> +<h4 id="webRequest" name="webRequest"><a href="/ja/Add-ons/WebExtensions/API/webRequest">webRequest</a></h4> <ul> <li><span id="result_box" lang="ja"><span>Firefox では、元の URL が<code>http:</code>または<code>https:</code>を使用する場合にのみ、リクエストを</span></span><span lang="ja"><span>リダイレクトできます。</span></span></li> <li><span id="result_box" lang="ja"><span>Firefox では、システム要求（</span></span>拡張機能<span lang="ja"><span>のアップグレードや検索バーの提案など）でイベントが発生しません。</span></span> <span id="result_box" lang="ja"><span>Firefox 57以降では、Firefox はプロキシ認証のために</span></span>{{WebExtAPIRef("webRequest.onAuthRequired")}}<span lang="ja"><span>を遮断する必要がある拡張機能の例外を生成します。</span></span>{{WebExtAPIRef("webRequest.onAuthRequired")}}のドキュメントをご覧ください。</li> - <li>Firefox では、拡張機能が外部URL (例 HTTPS) から<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages">拡張機能ページ</a>にリダイレクトする場合、拡張機能の manifest.json ファイルは、その拡張機能ページの URL を一覧にした <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a> キーを含むことが必須です。 その URL にあらゆるウェブサイトからリンクやリダイレクトされる可能性があり、拡張機能は、入力データ(例えば POST データ) を、ただ通常のウェブページがそうするように、アントラステッドなソースからとして取り扱うべきであるのに注意します。</li> + <li>Firefox では、拡張機能が外部URL (例 HTTPS) から<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Extension_pages">拡張機能ページ</a>にリダイレクトする場合、拡張機能の manifest.json ファイルは、その拡張機能ページの URL を一覧にした <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a> キーを含むことが必須です。 その URL にあらゆるウェブサイトからリンクやリダイレクトされる可能性があり、拡張機能は、入力データ(例えば POST データ) を、ただ通常のウェブページがそうするように、アントラステッドなソースからとして取り扱うべきであるのに注意します。</li> </ul> -<h4 id="windows" name="windows"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/windows">windows</a></h4> +<h4 id="windows" name="windows"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/windows">windows</a></h4> <ul> <li><span id="result_box" lang="ja"><span>Firefox では、</span></span><code>onFocusChanged</code><span lang="ja"><span> はフォーカス変更に対して複数回トリガされます。</span></span></li> @@ -119,7 +119,7 @@ setCookie<span class="punctuation token">.</span><span class="function token">th <h4 id="Additional_incompatibilities" name="Additional_incompatibilities"><span class="short_text" id="result_box" lang="ja"><span>付加的な非互換性</span></span></h4> -<p>Firefox は、バックグラウンドページからの<code><a href="https://developer.mozilla.org/ja/docs/Web/API/Window/alert">alert()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/Web/API/Window/confirm">confirm()</a></code> または <code><a href="https://developer.mozilla.org/ja/docs/Web/API/Window/prompt">prompt()</a></code>の使用をサポートしていません。</p> +<p>Firefox は、バックグラウンドページからの<code><a href="/ja/docs/Web/API/Window/alert">alert()</a></code>, <code><a href="/ja/docs/Web/API/Window/confirm">confirm()</a></code> または <code><a href="/ja/docs/Web/API/Window/prompt">prompt()</a></code>の使用をサポートしていません。</p> <h4 id="web_accessible_resources" name="web_accessible_resources">web_accessible_resources</h4> @@ -133,11 +133,11 @@ setCookie<span class="punctuation token">.</span><span class="function token">th <h4 id="Content_script_requests_happen_in_the_context_of_extension_not_content_page" name="Content_script_requests_happen_in_the_context_of_extension_not_content_page"><span class="short_text" id="result_box" lang="ja"><span>コンテンツスクリプトのリクエストは、コンテンツページではなく、拡張機能のコンテキストで発生する</span></span></h4> -<p><span id="result_box" lang="ja"><span>chrome では、コンテンツスクリプトから<code>/api</code>のような相対URL にリクエストが呼び出されたとき（たとえば、</span></span><code><a href="https://developer.mozilla.org/ja/docs/Web/API/Fetch_API/Using_Fetch">fetch()</a></code><span lang="ja"><span>を使用して）、<code>https://example.com/api</code>に送信されます。</span></span><span id="result_box" lang="ja"><span>Firefox では、絶対URL を指定する必要があります。</span></span></p> +<p><span id="result_box" lang="ja"><span>chrome では、コンテンツスクリプトから<code>/api</code>のような相対URL にリクエストが呼び出されたとき（たとえば、</span></span><code><a href="/ja/docs/Web/API/Fetch_API/Using_Fetch">fetch()</a></code><span lang="ja"><span>を使用して）、<code>https://example.com/api</code>に送信されます。</span></span><span id="result_box" lang="ja"><span>Firefox では、絶対URL を指定する必要があります。</span></span></p> <h2 id="manifest.json_keys" name="manifest.json_keys">manifest.json のキー</h2> -<p><span id="result_box" lang="ja"><span>メインの</span></span><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json"> manifest.json</a><span lang="ja"><span> ページには、manifest.json のキーのブラウザーサポートを説明する表が含まれています。</span></span> <span id="result_box" lang="ja"><span>特定のキーのサポートに関する警告がある場合、表にアスタリスク "*"付きで示され、キーのリファレンスページには注意事項が説明されています。</span></span></p> +<p><span id="result_box" lang="ja"><span>メインの</span></span><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json"> manifest.json</a><span lang="ja"><span> ページには、manifest.json のキーのブラウザーサポートを説明する表が含まれています。</span></span> <span id="result_box" lang="ja"><span>特定のキーのサポートに関する警告がある場合、表にアスタリスク "*"付きで示され、キーのリファレンスページには注意事項が説明されています。</span></span></p> <p><span class="short_text" id="result_box" lang="ja"><span>これらの表は、</span></span> <a href="https://github.com/mdn/browser-compat-data">GitHub で JSON ファイル</a><span class="short_text" lang="ja"><span>として保存された互換性データから生成されます。</span></span></p> diff --git a/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html b/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html index ee385edde7..00c2bf1668 100644 --- a/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html +++ b/files/ja/mozilla/add-ons/webextensions/content_scripts/index.html @@ -13,7 +13,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_scripts <p>通常のウェブページで読み込まれたスクリプトと同様に、コンテンツスクリプトは、標準の DOM API を使用してページのコンテンツを読み取り、変更することができます。</p> -<p>コンテンツスクリプトは、<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">WebExtension API</a> の小さなサブセット にしかアクセスできませんが、メッセージングシステムを使用して <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">バックグラウンドスクリプトと通信</a>し、WebExtension API に間接的にアクセスすることができます。</p> +<p>コンテンツスクリプトは、<a href="/ja/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs">WebExtension API</a> の小さなサブセット にしかアクセスできませんが、メッセージングシステムを使用して <a href="/ja/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">バックグラウンドスクリプトと通信</a>し、WebExtension API に間接的にアクセスすることができます。</p> <div class="note"> <p>コンテンツスクリプトは次のドメインでブロックされるのに注意してください:</p> @@ -53,13 +53,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_scripts <li> <dl> <dt><strong>インストール時に、URL パターンにマッチするページ内へ</strong></dt> - <dd><code>manifest.json</code> の <code style="font-style: normal;"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> キーを使用して、URL が<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Match_patterns">指定されたパターンにマッチする</a>ページをロードするたびにコンテンツスクリプトを読み込むようブラウザーに依頼できます。</dd> + <dd><code>manifest.json</code> の <code style="font-style: normal;"><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> キーを使用して、URL が<a href="/ja/Add-ons/WebExtensions/Match_patterns">指定されたパターンにマッチする</a>ページをロードするたびにコンテンツスクリプトを読み込むようブラウザーに依頼できます。</dd> </dl> </li> <li> <dl> <dt><strong>実行時に、URL パターンにマッチするページ内へ</strong></dt> - <dd>{{WebExtAPIRef("contentScripts")}} API を使って、URL が<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Match_patterns">指定されたパターンにマッチする</a>ページをロードするたびにコンテンツスクリプトを読み込むようブラウザーに依頼できます。これは method (1) のようなもので、違いは実行時にコンテンツスクリプトを追加/削除できることです。</dd> + <dd>{{WebExtAPIRef("contentScripts")}} API を使って、URL が<a href="/ja/Add-ons/WebExtensions/Match_patterns">指定されたパターンにマッチする</a>ページをロードするたびにコンテンツスクリプトを読み込むようブラウザーに依頼できます。これは method (1) のようなもので、違いは実行時にコンテンツスクリプトを追加/削除できることです。</dd> </dl> </li> <li> @@ -72,7 +72,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_scripts <p><em>フレームごと、拡張機能ごとの</em>グローバルスコープしかありません。これは 1 つのコンテンツスクリプトの変数は、読み込み方にかかわらず、他のコンテンツスクリプトからアクセスできることになります。</p> -<p>方法 (1) と (2) では<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">マッチパターン</a>を使って表現された URL のスクリプトだけを読み込みできます。</p> +<p>方法 (1) と (2) では<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Match_patterns">マッチパターン</a>を使って表現された URL のスクリプトだけを読み込みできます。</p> <p>方法 (3) では、拡張機能と一緒にパッケージされたページのスクリプトも読み込みできますが、"about:debugging" や "about:addons"のような権限つきページにはスクリプトを読み込めません。</p> @@ -191,12 +191,12 @@ window.confirm("Are you sure?"); // calls the original window.confirm()</pre> <p>すべてから:</p> <ul> - <li><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage">storage</a></code></li> + <li><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage">storage</a></code></li> </ul> <h3 id="XHR_and_Fetch" name="XHR_and_Fetch">XHR と Fetch</h3> -<p>コンテンツスクリプトは通常の <code><a href="https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest">window.XMLHttpRequest</a></code> と <code><a href="https://developer.mozilla.org/ja/docs/Web/API/Fetch_API">window.fetch()</a></code> API を使ってリクエストを作成できます。</p> +<p>コンテンツスクリプトは通常の <code><a href="/ja/docs/Web/API/XMLHttpRequest">window.XMLHttpRequest</a></code> と <code><a href="/ja/docs/Web/API/Fetch_API">window.fetch()</a></code> API を使ってリクエストを作成できます。</p> <div class="blockIndicator note"> <p>Firefox では、コンテンツスクリプトの (例えば、<code><a href="/ja/docs/Web/API/Fetch_API/Using_Fetch">fetch()</a></code> を使った) リクエストは、拡張機能のコンテキストで起こるので、ページコンテンツを参照する URL を絶対URL で提供せねばなりません。</p> @@ -204,9 +204,9 @@ window.confirm("Are you sure?"); // calls the original window.confirm()</pre> <p>Chrome では、リクエストはページのコンテ<span class="hidden"> </span>キストで起こるので、相対 URL で行われます。例えば、<code>/api</code> は <code>https://[現在のペー<span class="hidden"> </span>ジの URL]/api</code> に送られます。</p> </div> -<p>コンテンツスクリプトは拡張機能の他の部分と同一のクロスドメイン権限を取得します: よって拡張機能が <code>manifest.json</code> の <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> キーを使ってあるドメインのクロスドメインアクセスを要求している場合、コンテンツスクリプトも同様にそのドメインのアクセスを取得します。</p> +<p>コンテンツスクリプトは拡張機能の他の部分と同一のクロスドメイン権限を取得します: よって拡張機能が <code>manifest.json</code> の <code><a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> キーを使ってあるドメインのクロスドメインアクセスを要求している場合、コンテンツスクリプトも同様にそのドメインのアクセスを取得します。</p> -<p>これはより多く権限付けられた XHR に晒して、コンテンツスクリプトでインスタンスを取得することで達成し、その副作用としてページ自体からのリクエストがそうであるように <code><a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Origin">Origin</a></code> と <code><a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Headers/Referer">Referer</a></code> ヘッダーがセットされず、リクエストからクロスオリジンな性質を隠すことが好ましいことがよくあります。</p> +<p>これはより多く権限付けられた XHR に晒して、コンテンツスクリプトでインスタンスを取得することで達成し、その副作用としてページ自体からのリクエストがそうであるように <code><a href="/ja/docs/Web/HTTP/Headers/Origin">Origin</a></code> と <code><a href="/ja/docs/Web/HTTP/Headers/Referer">Referer</a></code> ヘッダーがセットされず、リクエストからクロスオリジンな性質を隠すことが好ましいことがよくあります。</p> <div class="blockIndicator note"> <p>バージョン 58 以降、コンテンツ自体から送られたかのようなリクエストを必要とする拡張機能は <code>content.XMLHttpRequest</code> と <code>content.fetch()</code> を代わりに使うことができます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/content_security_policy/index.html b/files/ja/mozilla/add-ons/webextensions/content_security_policy/index.html index 4bd247cf03..fff9baffd6 100644 --- a/files/ja/mozilla/add-ons/webextensions/content_security_policy/index.html +++ b/files/ja/mozilla/add-ons/webextensions/content_security_policy/index.html @@ -8,7 +8,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_Security_Policy <div>{{AddonSidebar}}</div> <div class="summary"> -<p>WebExtension APIs で開発される拡張機能には、既定で適用される CSP(Content Security Policy の略) があります。これは<strong><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/script"> </a></strong><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/script"><script></a> と <a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/object"><object></a> リソースから読み込まれるソースを制限し、危険な行動、例えば <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> の使用を非許可にします。</p> +<p>WebExtension APIs で開発される拡張機能には、既定で適用される CSP(Content Security Policy の略) があります。これは<strong><a href="/ja/docs/Web/HTML/Element/script"> </a></strong><a href="/ja/docs/Web/HTML/Element/script"><script></a> と <a href="/ja/docs/Web/HTML/Element/object"><object></a> リソースから読み込まれるソースを制限し、危険な行動、例えば <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> の使用を非許可にします。</p> <p>この記事では CSP とは何かと、デフォルトポリシーとは何で拡張機能にはどんな意味があるのかと、拡張機能が既定の CSP を変更する方法を簡単に説明します。</p> </div> @@ -61,13 +61,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/Content_Security_Policy <ul> <li> - <p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_Security_Policy#Location_of_script_and_object_resources"><script> と <object> リソースは拡張機能のローカルからのみ読み込みできる</a></p> + <p><a href="/ja/Add-ons/WebExtensions/Content_Security_Policy#Location_of_script_and_object_resources"><script> と <object> リソースは拡張機能のローカルからのみ読み込みできる</a></p> </li> <li> - <p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_Security_Policy#eval()_and_friends">拡張機能は JavaScript で文字列を評価 (eval) できない</a></p> + <p><a href="/ja/Add-ons/WebExtensions/Content_Security_Policy#eval()_and_friends">拡張機能は JavaScript で文字列を評価 (eval) できない</a></p> </li> <li> - <p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_Security_Policy#Inline_JavaScript">インライン JavaScript は実行されない</a></p> + <p><a href="/ja/Add-ons/WebExtensions/Content_Security_Policy#Inline_JavaScript">インライン JavaScript は実行されない</a></p> </li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/developing_webextensions_for_thunderbird/index.html b/files/ja/mozilla/add-ons/webextensions/developing_webextensions_for_thunderbird/index.html index 319e8e61de..ec7fe9399e 100644 --- a/files/ja/mozilla/add-ons/webextensions/developing_webextensions_for_thunderbird/index.html +++ b/files/ja/mozilla/add-ons/webextensions/developing_webextensions_for_thunderbird/index.html @@ -12,11 +12,11 @@ original_slug: Mozilla/Add-ons/WebExtensions/ThunderbirdにおけるWebExtension <h2 id="APIの違い">APIの違い</h2> <p>両者ともGeckoベースであるため、いくつかの違いはあるものの、Thunderbirdでは、Firefoxで使えるAPIの多くをサポートしています。<br> - 詳細は、<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">browser compatibility for manifest.json</a> と <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">browser support for JavaScript APIs</a>を参照してください。</p> + 詳細は、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">browser compatibility for manifest.json</a> と <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">browser support for JavaScript APIs</a>を参照してください。</p> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Browser support for JavaScript APIs</a></li> - <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">Browser compatibility for manifest.json</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs">Browser support for JavaScript APIs</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">Browser compatibility for manifest.json</a></li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html b/files/ja/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html index 75fdb38e28..29d054ae0b 100644 --- a/files/ja/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html +++ b/files/ja/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html @@ -13,7 +13,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools <div>{{AddonSidebar}}</div> <div class="note"> -<p>このページでは、Firefox 55に存在するdevtools APIについて説明しています。このAPIは<a href="https://developer.chrome.com/extensions/devtools">Chrome devtools APIs</a>に基づいていますが、まだFirefoxでは実装されていないため、ここでは説明していません。現在欠けている機能を確認するには、<a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">devtools APIの制限</a>を参照してください。</p> +<p>このページでは、Firefox 55に存在するdevtools APIについて説明しています。このAPIは<a href="https://developer.chrome.com/extensions/devtools">Chrome devtools APIs</a>に基づいていますが、まだFirefoxでは実装されていないため、ここでは説明していません。現在欠けている機能を確認するには、<a href="/ja/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs">devtools APIの制限</a>を参照してください。</p> </div> <p><span class="seoSummary">WebExtensions API を使用して、ブラウザの組み込み開発者ツールを拡張できます。</span> devtools 拡張機能を作成するには、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> に "<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a>" キーを含めます:</p> diff --git a/files/ja/mozilla/add-ons/webextensions/implement_a_settings_page/index.html b/files/ja/mozilla/add-ons/webextensions/implement_a_settings_page/index.html index 3c1946e053..7748851616 100644 --- a/files/ja/mozilla/add-ons/webextensions/implement_a_settings_page/index.html +++ b/files/ja/mozilla/add-ons/webextensions/implement_a_settings_page/index.html @@ -50,7 +50,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Implement_a_settings_page <p>これは単にページに青い枠をつけます。</p> -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">この拡張機能をインストール</a>してテストします — お好みのあらゆるウェブページを開きます:</p> +<p><a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">この拡張機能をインストール</a>してテストします — お好みのあらゆるウェブページを開きます:</p> <p>{{EmbedYouTube("E-WUhihF8fw")}}</p> @@ -161,7 +161,7 @@ document.querySelector("form").addEventListener("submit", saveOptions); <p>ローカルストレージがふさわしいと感じる場合、代わりにローカルストレージに設定値を保存できます。</p> <div class="note"> -<p>Firefox の <code>storage.sync</code> の実装はアドオン ID に依存しているのに注意します。<code>storage.sync</code> を使う場合、上記manifest にあるように、manifest.json の <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> キーに拡張機能の ID をセットしておく必要があります。</p> +<p>Firefox の <code>storage.sync</code> の実装はアドオン ID に依存しているのに注意します。<code>storage.sync</code> を使う場合、上記manifest にあるように、manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> キーに拡張機能の ID をセットしておく必要があります。</p> </div> <p>最後に、ストレージから枠の色を読むのに "borderify.js" を更新します:</p> @@ -197,7 +197,7 @@ getting.then(onGot, onError); <p>いま、次を行ってみます:</p> <ul> - <li><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Reloading_a_temporary_add-on">拡張機能を再読み込み</a></li> + <li><a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Reloading_a_temporary_add-on">拡張機能を再読み込み</a></li> <li>ウェブページを読み込む</li> <li>設定ページを開いて枠の色を変える</li> <li>ウェブページを再読み込みして違いを見る</li> diff --git a/files/ja/mozilla/add-ons/webextensions/index.html b/files/ja/mozilla/add-ons/webextensions/index.html index 73ae6f80b2..b8f78cc74b 100644 --- a/files/ja/mozilla/add-ons/webextensions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/index.html @@ -12,7 +12,7 @@ translation_of: Mozilla/Add-ons/WebExtensions <p><span class="seoSummary">拡張機能はブラウザーの能力を拡張・修正するものです。Firefox の拡張機能は WebExtensions API を使ってビルドされ、この API は拡張機能をクロスブラウザーで開発するシステムです。</span>このシステムの大半は Google Chrome と Opera と <a href="https://browserext.github.io/browserext/">W3C Draft Community Group</a> でサポートされている <a class="external-icon external" href="https://developer.chrome.com/extensions">extension API</a> と互換性があります。</p> -<p>これらのブラウザー用に書かれた拡張機能は大抵の場合、<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">ほんの少し変更を加えるだけで</a> Firefox や <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/">Microsoft Edge</a> でも動かすことができます。この API は <a href="https://developer.mozilla.org/ja/Firefox/Multiprocess_Firefox">マルチプロセス Firefox</a> にも完全互換です。</p> +<p>これらのブラウザー用に書かれた拡張機能は大抵の場合、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Porting_from_Google_Chrome">ほんの少し変更を加えるだけで</a> Firefox や <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/">Microsoft Edge</a> でも動かすことができます。この API は <a href="/ja/Firefox/Multiprocess_Firefox">マルチプロセス Firefox</a> にも完全互換です。</p> <p>お持ちのアイデアや質問があったり、レガシーアドオンを WebExtensions API を使うように移行するのに助けが要る場合、<a href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons のメーリングリスト</a> (英語) や <a href="https://chat.mozilla.org/#/room/#addons:mozilla.org">Add-ons room</a> (英語) や <a href="irc://irc.mozilla.org/webextensions">Matrix</a> (英語) にてご連絡ください。</p> @@ -23,7 +23,7 @@ translation_of: Mozilla/Add-ons/WebExtensions <h2 id="Getting_started" name="Getting_started">始めましょう</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions">拡張機能とは何か?</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/What_are_WebExtensions">拡張機能とは何か?</a></li> <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">初めての拡張機能</a></li> <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Walkthrough">2 つめの拡張機能</a></li> <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">拡張機能の中身</a></li> diff --git a/files/ja/mozilla/add-ons/webextensions/internationalization/index.html b/files/ja/mozilla/add-ons/webextensions/internationalization/index.html index 368cba4d29..c0c1694a5d 100644 --- a/files/ja/mozilla/add-ons/webextensions/internationalization/index.html +++ b/files/ja/mozilla/add-ons/webextensions/internationalization/index.html @@ -382,7 +382,7 @@ padding-left: 1.5em;</pre> <h2 id="Testing_out_your_extension" name="Testing_out_your_extension">あなたの拡張機能をテストする</h2> -<p>Firefox 45 からは、拡張機能を一時的にディスクからインストールできます — <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Packaging_and_installation#Loading_from_disk">ディスクから読み込む</a>を見てください。これを行ってから、<a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> 拡張機能をテストしてみます。お好きなウェブサイトに移動してクリックしたリンクの URL を報告した通知が出てくるか見てください。</p> +<p>Firefox 45 からは、拡張機能を一時的にディスクからインストールできます — <a href="/ja/Add-ons/WebExtensions/Packaging_and_installation#Loading_from_disk">ディスクから読み込む</a>を見てください。これを行ってから、<a href="https://github.com/mdn/webextensions-examples/tree/master/notify-link-clicks-i18n">notify-link-clicks-i18n</a> 拡張機能をテストしてみます。お好きなウェブサイトに移動してクリックしたリンクの URL を報告した通知が出てくるか見てください。</p> <p>次に、Firefox のロケールをテストしたい拡張機能がサポートするものに変えます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/author/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/author/index.html index 979997cce2..c0f3959b7c 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/author/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/author/index.html @@ -29,7 +29,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/author </tbody> </table> -<p>拡張機能の作者で、ブラウザーの UI で表示されることを目的とするものです。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/developer">developer</a> キーが与えられてそこに "name" プロパティが含まれる場合、それは author キーを上書きします。複数の作者を指定する方法はありません。</p> +<p>拡張機能の作者で、ブラウザーの UI で表示されることを目的とするものです。<a href="/ja/Add-ons/WebExtensions/manifest.json/developer">developer</a> キーが与えられてそこに "name" プロパティが含まれる場合、それは author キーを上書きします。複数の作者を指定する方法はありません。</p> <p>これは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティ</a>です。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/background/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/background/index.html index 5397e8d919..e6dabc8e88 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/background/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/background/index.html @@ -87,7 +87,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/background <ul> <li><code>true</code> を指定すると、拡張機能が読み込まれるかブラウザーが起動した時から、拡張機能の削除、無効化、もしくはブラウザーが終了するまでの間、バックグラウンドページがメモリー上に保持され続けます（つまり、バックグラウンドページが永続化されます）。</li> - <li><code>false</code> を指定すると、バックグラウンドページはアイドル状態の時にメモリー上からアンロードされ、必要に応じて再生成されます。このようなバックグラウンドページは、リスナーを登録したイベントを処理するためだけにメモリー上に読み込まれるため、イベントページとも呼ばれます。バックグラウンドページがメモリ上からアンロードされていても、リスナーの登録状態は永続化されますが、他の値は永続化されません。イベントページにおいてデータを永続化したい場合は、<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage">storage API</a>を使う必要があります。</li> + <li><code>false</code> を指定すると、バックグラウンドページはアイドル状態の時にメモリー上からアンロードされ、必要に応じて再生成されます。このようなバックグラウンドページは、リスナーを登録したイベントを処理するためだけにメモリー上に読み込まれるため、イベントページとも呼ばれます。バックグラウンドページがメモリ上からアンロードされていても、リスナーの登録状態は永続化されますが、他の値は永続化されません。イベントページにおいてデータを永続化したい場合は、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage">storage API</a>を使う必要があります。</li> </ul> </td> </tr> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html index 3b0dba68a6..a5723c6d5b 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_action/index.html @@ -48,7 +48,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_action <p>browser actionはあなたのブラウザーのツールバーに拡張機能のボタンを追加します。ボタンはアイコンと、オプションでHTML、CSSとJavaScriptを使用した、ポップアップコンテンツを使用できます。</p> -<p>ポップアップを提供する場合は、ユーザーがボタンをクリックしたときポップアップが開かれ、ポップアップで実行されているJavaScriptは、ユーザーの実行を処理できます。ポップアップを提供しない場合、ユーザーがボタンをクリックすると、クリックイベントが拡張機能の<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">バックグラウンドスクリプト</a>に送信されます。</p> +<p>ポップアップを提供する場合は、ユーザーがボタンをクリックしたときポップアップが開かれ、ポップアップで実行されているJavaScriptは、ユーザーの実行を処理できます。ポップアップを提供しない場合、ユーザーがボタンをクリックすると、クリックイベントが拡張機能の<a href="/ja/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#Background_scripts">バックグラウンドスクリプト</a>に送信されます。</p> <p>You can also create and manipulate browser actions programmatically using the <a href="/ja/Add-ons/WebExtensions/API/browserAction">browserAction API</a>.</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html index 577e491a54..fa16b0965e 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/browser_specific_settings/index.html @@ -19,7 +19,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <tr> <th scope="row">必須</th> <td> - <p>通常は不要です (<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID"> いつ Add-on ID が必要か？</a>を参考に) 。Firefox 48 より前と Android版Firefox では必須です。</p> + <p>通常は不要です (<a href="/ja/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID"> いつ Add-on ID が必要か？</a>を参考に) 。Firefox 48 より前と Android版Firefox では必須です。</p> </td> </tr> <tr> @@ -46,7 +46,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_set <p>現在、4 つの文字列属性を含む <code>gecko</code> キーのみが存在します。</p> <ul> - <li><code>id</code> は <a href="https://developer.mozilla.org/ja/Add-ons/Install_Manifests#id">拡張機能ID</a> です。Firefox 48 からオプションですが、Firefox 48 より前では必須です。いつ特定の add-on ID が必要になるかについては、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">拡張機能と Add-on ID</a> を見てください。</li> + <li><code>id</code> は <a href="/ja/Add-ons/Install_Manifests#id">拡張機能ID</a> です。Firefox 48 からオプションですが、Firefox 48 より前では必須です。いつ特定の add-on ID が必要になるかについては、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">拡張機能と Add-on ID</a> を見てください。</li> <li><code>strict_min_version</code>: サポートする Gecko の最小バージョンです。"*" を含むバージョンは、このフィールドでは無効です。既定は "42a1" です。</li> <li><code>strict_max_version</code>: サポートする Gecko の最大バージョンです。拡張機能がこのバージョンを超えた Firefox のバージョンにインストールや実行された場合、拡張機能は無効または、インストールが許可されません。既定は "*" で、最大バージョンのチェックは無効です。</li> <li><code>update_url</code> は <a href="/ja/Add-ons/Updates">add-on update manifest</a> へのリンクです。リンクは "https" で始まっている必要があることに注意してください。このキーは拡張機能が自分自身で更新を管理するためのものです(つまり AMO以外で)。</li> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html index e3d91ef552..209284f3b4 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/chrome_url_overrides/index.html @@ -82,7 +82,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides </tbody> </table> -<p>すべてのプロパティは<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能です</a>。</p> +<p>すべてのプロパティは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能です</a>。</p> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/description/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/description/index.html index 9f8374985c..3951be0947 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/description/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/description/index.html @@ -31,7 +31,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/description <p>ブラウザーのユーザーインターフェースに表示するための、拡張機能の簡単な説明です。</p> -<p>これは<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティ</a>です。</p> +<p>これは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティ</a>です。</p> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html index 64e36c0f53..018dd055f0 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/homepage_url/index.html @@ -31,7 +31,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url <p>拡張機能のホームページの URL です。</p> -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/developer">developer</a> キーが提供されていて、そこに "url" プロパティが含まれている場合、homepage_url キーは上書きされます。</p> +<p><a href="/ja/Add-ons/WebExtensions/manifest.json/developer">developer</a> キーが提供されていて、そこに "url" プロパティが含まれている場合、homepage_url キーは上書きされます。</p> <p>これは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">国際化できるプロパティ</a>です。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/index.html index 34274940de..610c9c222f 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/index.html @@ -13,7 +13,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json <p>manifest.json を使うことで、拡張機能の名前やバージョンといった基本的なメタデータを指定したり、拡張機能の機能的な側面として、例えばバックグラウンドスクリプトやコンテンツスクリプト、ブラウザーアクションを指定することもできます。</p> -<p>これは <a href="https://developer.mozilla.org/ja/docs/Glossary/JSON">JSON</a>形式のファイルですが、１つ例外があります: "<code>//</code>"-形式のコメントが許可されています。</p> +<p>これは <a href="/ja/docs/Glossary/JSON">JSON</a>形式のファイルですが、１つ例外があります: "<code>//</code>"-形式のコメントが許可されています。</p> <p>manifest.json のキー一覧は次の通り:</p> @@ -41,7 +41,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json <p><strong>注:</strong> これはコピー・ペーストできるような使われ方のつもりではないのに注意してください: どのキーが必要かは開発している拡張機能に依存します。</p> </div> -<p>完全な例は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Examples">Example extensions</a> を見てください。</p> +<p>完全な例は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Examples">Example extensions</a> を見てください。</p> <pre class="brush: json">{ "applications": { @@ -116,7 +116,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの実装状況</h2> -<p>マニフェストキーとサブキーのすべてを見るには、<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">完全な manifest.json ブラウザー互換テーブルを見てください。</a></p> +<p>マニフェストキーとサブキーのすべてを見るには、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json">完全な manifest.json ブラウザー互換テーブルを見てください。</a></p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html index 5d49d029eb..4ef2abbd14 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/options_ui/index.html @@ -35,9 +35,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/options_ui <p>オプションページは、拡張機能の設定を含みます。オプションページはブラウザーのアドオンマネージャー、または拡張機能内で {{WebExtAPIRef("runtime.openOptionsPage()")}} を使用することでアクセスできます。</p> -<p><code>options_ui</code> を拡張機能にパッケージされた HTML ファイルへのパスとして指定します。通常のウェブページのように、HTML、CSS、JavaScript ファイルを含めることができます。しかし、通常のページと異なり、拡張機能が<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">権限</a>を持つすべての <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API">WebExtension API</a> を使用できます。しかし、バックグラウンドスクリプトとは異なるスコープで実行されます。</p> +<p><code>options_ui</code> を拡張機能にパッケージされた HTML ファイルへのパスとして指定します。通常のウェブページのように、HTML、CSS、JavaScript ファイルを含めることができます。しかし、通常のページと異なり、拡張機能が<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">権限</a>を持つすべての <a href="/ja/Add-ons/WebExtensions/API">WebExtension API</a> を使用できます。しかし、バックグラウンドスクリプトとは異なるスコープで実行されます。</p> -<p><strong>オプションページ</strong>と<strong>バックグラウンドスクリプト</strong>の JavaScript 上で、データや関数を<strong>共有したい</strong>場合、{{WebExtAPIRef("extension.getBackgroundPage()")}} を使用してバックグラウンドスクリプトの <a href="/ja/docs/Web/API/Window">Window</a> への参照を直接取得するか、{{WebExtAPIRef("extension.getViews()")}} で拡張機能内で実行されているいずれかのページの {{domxref("Window")}} を取得します。あるいは、JavaScript で <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage">runtime.sendMessage()</a></code> や <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessage">runtime.onMessage</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/connect">runtime.connect()</a></code> を使用することで、オプションページとバックグラウンドスクリプト間で相互にコミュニケーションできます。後者の方法 (や同等の <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a></code> ) でも <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#background_scripts">バックグラウンドスクリプト</a>と<strong><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Content_scripts">コンテンツスクリプト</a></strong>とでオプションを共有できます。</p> +<p><strong>オプションページ</strong>と<strong>バックグラウンドスクリプト</strong>の JavaScript 上で、データや関数を<strong>共有したい</strong>場合、{{WebExtAPIRef("extension.getBackgroundPage()")}} を使用してバックグラウンドスクリプトの <a href="/ja/docs/Web/API/Window">Window</a> への参照を直接取得するか、{{WebExtAPIRef("extension.getViews()")}} で拡張機能内で実行されているいずれかのページの {{domxref("Window")}} を取得します。あるいは、JavaScript で <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage">runtime.sendMessage()</a></code> や <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessage">runtime.onMessage</a></code>、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/connect">runtime.connect()</a></code> を使用することで、オプションページとバックグラウンドスクリプト間で相互にコミュニケーションできます。後者の方法 (や同等の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a></code> ) でも <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension#background_scripts">バックグラウンドスクリプト</a>と<strong><a href="/ja/Add-ons/WebExtensions/Content_scripts">コンテンツスクリプト</a></strong>とでオプションを共有できます。</p> <p>一般的に、オプションページで変更されたオプションは、<a href="/ja/Add-ons/WebExtensions/API/storage">storage API</a> を使用して、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync">storage.sync</a> (ユーザーがログインしているすべてのブラウザーインスタンス間で設定を同期する場合) か <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/local">storage.local</a> (現在のマシン / プロファイルのローカル設定にする場合) のいずれかに保存します。バックグラウンドスクリプトに変更を通知する必要がある場合、バックグラウンドスクリプトで <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/storage/onChanged">storage.onChanged</a> にリスナーを追加します。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/permissions/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/permissions/index.html index a139d5c23a..2187d98bec 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/permissions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/permissions/index.html @@ -78,7 +78,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/permissions <h2 id="API_permissions">API 権限</h2> -<p>API 権限には、拡張機能から使用したい <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API">WebExtension API</a> の名前をキーワードとして指定します。</p> +<p>API 権限には、拡張機能から使用したい <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API">WebExtension API</a> の名前をキーワードとして指定します。</p> <p>現時点で使用できるキーワードは以下の通りです。</p> <div class="threecolumns"> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html index f0b3e15f5a..5506ad6991 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/protocol_handlers/index.html @@ -57,7 +57,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/protocol_handlers <dt><code>name</code></dt> <dd>プロトコルハンドラーを表す文字列。これはユーザーがハンドラーにリンクを開くかどうか問い合わせた時に、ユーザーに表示されます。</dd> <dt><code>uriTemplate</code></dt> - <dd>ハンドラーの URL を表す。この文字列はプレースホルダーとして "%s" を入れる必要があります: これは処理される文書の URL がエスケープされたもので置き換えられます。この URL は本当の URL や電話番号、電子メールアドレス、などです。これは<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティ</a>です。</dd> + <dd>ハンドラーの URL を表す。この文字列はプレースホルダーとして "%s" を入れる必要があります: これは処理される文書の URL がエスケープされたもので置き換えられます。この URL は本当の URL や電話番号、電子メールアドレス、などです。これは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティ</a>です。</dd> </dl> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html index 7fe517832c..e815b8789a 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/sidebar_action/index.html @@ -98,7 +98,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <p>このプロパティは必須です。</p> - <p>これは<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティです。</a></p> + <p>これは<a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">ローカライズ可能なプロパティです。</a></p> </td> </tr> <tr> @@ -107,9 +107,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action <td> <p>サイドバーのタイトル。これはブラウザーのUIの中でサイドバーを一覧したり開くのに使われ、サイドバーが開いた時には上に表示されます。</p> - <p>This property is optional: if it is omitted, the sidebar's title is the extension's <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/name">name</a></code>.</p> + <p>This property is optional: if it is omitted, the sidebar's title is the extension's <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/name">name</a></code>.</p> - <p>This is a <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localizable property</a>.</p> + <p>This is a <a href="/ja/Add-ons/WebExtensions/Internationalization#Internationalizing_manifest.json">localizable property</a>.</p> </td> </tr> </tbody> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/theme/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/theme/index.html index 9595d7d2b1..72a48a7615 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/theme/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/theme/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <div>{{AddonSidebar}}</div> <div class="note"> -<p id="Image_formats">Note that you can't yet submit static WebExtension-based themes to addons.mozilla.org. The work to support this is tracked in <a href="https://github.com/mozilla/addons/issues/501">https://github.com/mozilla/addons/issues/501</a>. If you want to share a theme with other users, you'll need to make it either a <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Themes/Lightweight_themes">lightweight theme</a> or a <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/theme">dynamic theme</a>.</p> +<p id="Image_formats">Note that you can't yet submit static WebExtension-based themes to addons.mozilla.org. The work to support this is tracked in <a href="https://github.com/mozilla/addons/issues/501">https://github.com/mozilla/addons/issues/501</a>. If you want to share a theme with other users, you'll need to make it either a <a href="/ja/docs/Mozilla/Add-ons/Themes/Lightweight_themes">lightweight theme</a> or a <a href="/ja/Add-ons/WebExtensions/API/theme">dynamic theme</a>.</p> </div> <table class="fullwidth-table standard-table"> @@ -160,7 +160,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/theme <p>These properties define the colors used for different parts of the browser. They are all optional except <code>"accentcolor"</code> and <code>"textcolor"</code> where either those properties or their chrome counterparts have to be specified.</p> -<p>All these properties can be specified as either a string containing any valid <a href="/ja/docs/Web/CSS/color_value">CSS color string</a> (including hexadecimal), or an RGB array, such as <code>"tab_text": [ 107 , 99 , 23 ]</code>. But note that <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">in Chrome, colors may only be specified as an RGB array</a>.</p> +<p>All these properties can be specified as either a string containing any valid <a href="/ja/docs/Web/CSS/color_value">CSS color string</a> (including hexadecimal), or an RGB array, such as <code>"tab_text": [ 107 , 99 , 23 ]</code>. But note that <a href="/ja/Add-ons/WebExtensions/manifest.json/theme#Chrome_compatibility">in Chrome, colors may only be specified as an RGB array</a>.</p> <p>See <a href="#example-screenshot">the example screenshot below</a> to understand the parts of the browser UI that are affected by these properties.</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/version/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/version/index.html index 1509b55e71..9fddf82a7f 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/version/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/version/index.html @@ -31,7 +31,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version </tbody> </table> -<p>ドットで区切られた数字と ASCII 文字でフォーマットされた拡張機能のバージョンです。バージョンのフォーマットの詳細は <a href="https://developer.mozilla.org/ja/docs/Toolkit_version_format">Version format</a> ページを見てください。</p> +<p>ドットで区切られた数字と ASCII 文字でフォーマットされた拡張機能のバージョンです。バージョンのフォーマットの詳細は <a href="/ja/docs/Toolkit_version_format">Version format</a> ページを見てください。</p> <p><a href="https://developer.chrome.com/extensions/manifest/version">Chrome の <code>version</code> 定義の構文</a>は、Firefox のものよりも制限が厳しいことに注意してください。</p> @@ -40,7 +40,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version <li>Firefox で有効な <code>version</code> の値は Chrome でも有効とは限りません。</li> </ul> -<p>AMOキュー内でバージョンを "beta" にマークする特別ルールについては <a href="https://developer.mozilla.org/ja/Add-ons/Distribution#Beta_versions">maintenance policy</a> を見てください。</p> +<p>AMOキュー内でバージョンを "beta" にマークする特別ルールについては <a href="/ja/Add-ons/Distribution#Beta_versions">maintenance policy</a> を見てください。</p> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/version_name/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/version_name/index.html index 1abd3a61f2..96ca61e667 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/version_name/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/version_name/index.html @@ -29,7 +29,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/version_name </tbody> </table> -<p>アップデート目的で使われる <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/version">version</a> 項目に加えて、<a href="https://developer.chrome.com/extensions/manifest/version">version_name</a> はバージョン説明の文字列をセットできて、存在する場合は表示目的に使われます。</p> +<p>アップデート目的で使われる <a href="/ja/Add-ons/WebExtensions/manifest.json/version">version</a> 項目に加えて、<a href="https://developer.chrome.com/extensions/manifest/version">version_name</a> はバージョン説明の文字列をセットできて、存在する場合は表示目的に使われます。</p> <p><strong>version_name</strong> が存在しない場合、<strong>version</strong> 項目が同様な表示目的で使われます。</p> diff --git a/files/ja/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html b/files/ja/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html index 3adb36d237..8cf3b3e987 100644 --- a/files/ja/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html +++ b/files/ja/mozilla/add-ons/webextensions/manifest.json/web_accessible_resources/index.html @@ -55,7 +55,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/manifest.json/web_accessible_resou images/ my-image.png</code></pre> -<p>ウェブページに、この画像を指す <code>src</code> 属性のある <code><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/img"><img></a></code> 要素を入れるには、 "web_accessible_resources" で次のように指定します:</p> +<p>ウェブページに、この画像を指す <code>src</code> 属性のある <code><a href="/ja/docs/Web/HTML/Element/img"><img></a></code> 要素を入れるには、 "web_accessible_resources" で次のように指定します:</p> <pre class="brush: json no-line-numbers language-json notranslate"><code class="language-json"><span class="key token">"web_accessible_resources":</span> <span class="punctuation token">[</span><span class="string token">"images/my-image.png"</span><span class="punctuation token">]</span></code></pre> diff --git a/files/ja/mozilla/add-ons/webextensions/modify_a_web_page/index.html b/files/ja/mozilla/add-ons/webextensions/modify_a_web_page/index.html index daad4f467b..9a2d92b0b8 100644 --- a/files/ja/mozilla/add-ons/webextensions/modify_a_web_page/index.html +++ b/files/ja/mozilla/add-ons/webextensions/modify_a_web_page/index.html @@ -45,7 +45,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Modify_a_web_page }</pre> -<p><code><a href="/ja/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> キーは URL パターンと一致するページにスクリプトを読み込む方法です。この場合、<code>content_scripts</code> は<a href="https://developer.mozilla.org/"> https://developer.mozilla.org/</a> 以下のすべてのページで "page-eater.js" というスクリプトをロードするようにブラウザーに指示します。</p> +<p><code><a href="/ja/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code> キーは URL パターンと一致するページにスクリプトを読み込む方法です。この場合、<code>content_scripts</code> は<a href="/"> https://developer.mozilla.org/</a> 以下のすべてのページで "page-eater.js" というスクリプトをロードするようにブラウザーに指示します。</p> <div class="note"> <p><code>content_scripts</code> の <code>"js"</code> プロパティ は配列なので、マッチしているページに複数のスクリプトを挿入できます。<span id="result_box" lang="ja"><span>これを行うと、ページによってロードされるいくつかのスクリプトと同じように、ページは同じスコープを共有し、配列にリストされている順序でロードされます。</span></span></p> @@ -63,7 +63,7 @@ var header = document.createElement('h1'); header.textContent = "This page has been eaten"; document.body.appendChild(header);</pre> -<p><a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">拡張機能をインストール</a> して <a href="https://developer.mozilla.org/">https://developer.mozilla.org/</a> を訪れてみましょう。</p> +<p><a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">拡張機能をインストール</a> して <a href="/">https://developer.mozilla.org/</a> を訪れてみましょう。</p> <p>{{EmbedYouTube("lxf2Tkg6U1M")}}</p> @@ -126,7 +126,7 @@ browser.contextMenus.onClicked.addListener(function(info, tab) { manifest.json page-eater.js</code></pre> -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Reloading_a_temporary_add-on">拡張機能を再読み込み</a>して、ページを開きます (任意のページ) コンテキストメニューを有効化し、"Eat this page" を選択します。</p> +<p><a href="/ja/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Reloading_a_temporary_add-on">拡張機能を再読み込み</a>して、ページを開きます (任意のページ) コンテキストメニューを有効化し、"Eat this page" を選択します。</p> <p>{{EmbedYouTube("zX4Bcv8VctA")}}</p> diff --git a/files/ja/mozilla/add-ons/webextensions/native_manifests/index.html b/files/ja/mozilla/add-ons/webextensions/native_manifests/index.html index 079e34adc0..6edd032adf 100644 --- a/files/ja/mozilla/add-ons/webextensions/native_manifests/index.html +++ b/files/ja/mozilla/add-ons/webextensions/native_manifests/index.html @@ -92,9 +92,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/Native_manifests <td><code>allowed_extensions</code></td> <td>Array of String</td> <td> - <p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">Add-on ID</a> の配列です。配列中のそれぞれの値はこのネイティブアプリケーションとの通信が許可されている拡張機能を表します。</p> + <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">Add-on ID</a> の配列です。配列中のそれぞれの値はこのネイティブアプリケーションとの通信が許可されている拡張機能を表します。</p> - <p>つまり、作成する拡張機能の manifest.json ファイルに <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーを含めたくなるものと思われるため、開発中に明示的なIDを設定しておくと良いでしょう。</p> + <p>つまり、作成する拡張機能の manifest.json ファイルに <a href="/ja/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーを含めたくなるものと思われるため、開発中に明示的なIDを設定しておくと良いでしょう。</p> </td> </tr> </tbody> @@ -129,7 +129,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Native_manifests <td><code>name</code></td> <td>String</td> <td> - <p>ストレージにアクセスできる拡張機能の ID で、拡張機能の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーで指定したのと同じものです。</p> + <p>ストレージにアクセスできる拡張機能の ID で、拡張機能の <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーで指定したのと同じものです。</p> </td> </tr> <tr> diff --git a/files/ja/mozilla/add-ons/webextensions/native_messaging/index.html b/files/ja/mozilla/add-ons/webextensions/native_messaging/index.html index 4f8ec385e0..719e59a30a 100644 --- a/files/ja/mozilla/add-ons/webextensions/native_messaging/index.html +++ b/files/ja/mozilla/add-ons/webextensions/native_messaging/index.html @@ -74,7 +74,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Native_messaging <p>アプリマニフェストファイルはネイティブアプリケーションと一緒にインストールする必要があります。ブラウザーはアプリマニフェストファイルを読み込み、検証を行いますが、インストールや管理は行いません。したがって、app manifest ファイルがインストール・アップデートされた時期や方法についてのセキュリティモデルは、WebExtension を使う拡張機能に対してのものというよりはネイティブアプリケーションに対してのものです。</p> -<p>native アプリマニフェストの文法と場所については、<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Native_manifests">Native manifests</a> を見てください。</p> +<p>native アプリマニフェストの文法と場所については、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Native_manifests">Native manifests</a> を見てください。</p> <p>例として、"ping_pong"ネイティブアプリケーションの manifest を以下に示します。</p> @@ -112,7 +112,7 @@ python -u "c:\\path\\to\\native-messaging\\app\\ping_pong.py"</code></pre> <h3 id="Extension_side" name="Extension_side">拡張機能側</h3> -<p>ネイティブメッセージはコンテンツスクリプトで直接使うことはできません; <a href="/en-US/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">バックグラウンドスクリプトで間接的にやりとりする</a>必要があります。</p> +<p>ネイティブメッセージはコンテンツスクリプトで直接使うことはできません; <a href="/ja/Add-ons/WebExtensions/Content_scripts#Communicating_with_background_scripts">バックグラウンドスクリプトで間接的にやりとりする</a>必要があります。</p> <p>これを使うには2つのパターンがあります:ネクションベースのメッセージングとコネクションレスメッセージングです。</p> @@ -124,7 +124,7 @@ python -u "c:\\path\\to\\native-messaging\\app\\ping_pong.py"</code></pre> <ul> <li>アプリマニフェストの完全パス</li> - <li>(Firefox 55 以降で) 起動元のアドオンの ID (manifest.json の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーにて指定)</li> + <li>(Firefox 55 以降で) 起動元のアドオンの ID (manifest.json の <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーにて指定)</li> </ul> <div class="note"> @@ -176,7 +176,7 @@ browser.browserAction.onClicked.addListener(() => { <ul> <li>アプリマニフェストの完全パス</li> - <li>(Firefox 55 以降で) 起動元のアドオンの ID (manifest.json の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーにて指定)</li> + <li>(Firefox 55 以降で) 起動元のアドオンの ID (manifest.json の <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/applications">applications</a> キーにて指定)</li> </ul> <p>アプリからの最初のメッセージは <code>sendNativeMessage()</code> 呼び出しの応答として扱われ、コールバックに渡されます。</p> @@ -355,7 +355,7 @@ while True: <ul> <li> <code>runtime.connectNative()</code> に渡した名前がアプリマニフェスト中の名前と一致しているか確認してください</li> <li>OS X/Linux: アプリマニフェストのファイル名が <name>.json となっていることを確認してください</li> - <li>OS X/Linux: ネイティブアプリのマニフェストの場所が<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Native_manifests#Mac_OS_X">ここ</a>で述べているところにあるのを確認してください</li> + <li>OS X/Linux: ネイティブアプリのマニフェストの場所が<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Native_manifests#Mac_OS_X">ここ</a>で述べているところにあるのを確認してください</li> <li>Windows: レジストリキーが正しい場所にあり、その名前がアプリマニフェスト中の名前と一致していることを確認してください</li> <li>Windows: レジストリキーに指定されたパスがアプリマニフェストを指していることを確認してください</li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/browser_action/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/browser_action/index.html index 64b172591a..48e85bc287 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/browser_action/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/browser_action/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Browser_action <p>よく<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserAction">ブラウザーアクション</a>として参照され、 このユーザーインターフェイスオプションはブラウザーのツールバーに追加されるボタンです。 ユーザーはボタンをクリックして拡張機能とやりとりします。</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/15751/browser-action.png" style="display: block; height: 182px; margin-left: auto; margin-right: auto; width: 350px;"> ツールバーボタン (ブラウザーアクション) はアドレスバーボタン (ページアクション)とよく似ています。違いといつ使うかについてのガイダンスは、<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/user_interface/Page_actions#Page_actions_and_browser_actions">ページアクションとブラウザーアクション</a>を見てください。</p> +<p><img alt="" src="https://mdn.mozillademos.org/files/15751/browser-action.png" style="display: block; height: 182px; margin-left: auto; margin-right: auto; width: 350px;"> ツールバーボタン (ブラウザーアクション) はアドレスバーボタン (ページアクション)とよく似ています。違いといつ使うかについてのガイダンスは、<a href="/ja/Add-ons/WebExtensions/user_interface/Page_actions#Page_actions_and_browser_actions">ページアクションとブラウザーアクション</a>を見てください。</p> <h2 id="Specifying_the_browser_action" name="Specifying_the_browser_action">ブラウザーアクションを指定する</h2> -<p>ブラウザーアクションのプロパティは manifest.json の <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> キーで定義します。</p> +<p>ブラウザーアクションのプロパティは manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> キーで定義します。</p> <pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"browser_action":</span> <span class="punctuation token">{</span> <span class="key token">"default_icon":</span> <span class="punctuation token">{</span> @@ -25,7 +25,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Browser_action <p>唯一不可欠なキーは <code>default_icon</code> です。</p> -<p>ブラウザーアクションの指定には 2 つの方法があります: <a href="/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>がつくのとつかないのです。 ポップアップを指定しないと、ユーザーがボタンをクリックした時に、拡張機能にイベントがディスパッチされ、これを拡張機能が <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/BrowserAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>browserAction.onClicked</code></a> を使ってリッスンします:</p> +<p>ブラウザーアクションの指定には 2 つの方法があります: <a href="/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>がつくのとつかないのです。 ポップアップを指定しないと、ユーザーがボタンをクリックした時に、拡張機能にイベントがディスパッチされ、これを拡張機能が <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/BrowserAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>browserAction.onClicked</code></a> を使ってリッスンします:</p> <pre class="brush: js line-numbers language-js"><code class="language-js">browser<span class="punctuation token">.</span>browserAction<span class="punctuation token">.</span>onClicked<span class="punctuation token">.</span><span class="function token">addListener</span><span class="punctuation token">(</span>handleClick<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> @@ -33,7 +33,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Browser_action <p>拡張機能は 1 つだけのブラウザーアクションを持つ必要があります。</p> -<p>なお、上に示されている任意のプロパティは <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/browserAction">browserAction</a></code> API を使ったコードからも変更できます。</p> +<p>なお、上に示されている任意のプロパティは <code><a href="/ja/Add-ons/WebExtensions/API/browserAction">browserAction</a></code> API を使ったコードからも変更できます。</p> <h2 id="Icons" name="Icons">アイコン</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html index 2df3fb0641..365eff5d3d 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.html @@ -20,9 +20,9 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels <h2 id="Specifying_a_developer_tools_panel" name="Specifying_a_developer_tools_panel">開発ツールパネルを指定する</h2> -<p>開発ツールパネルは <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels">devtools.panels</a></code> API を使って追加され、特別な開発ツールページから順番に実行されます。</p> +<p>開発ツールパネルは <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels">devtools.panels</a></code> API を使って追加され、特別な開発ツールページから順番に実行されます。</p> -<p>開発ツールのページを追加するには、拡張機能の <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> に <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a></code> キーを入れて、 拡張機能内のそのページの HTML ファイルの場所を与えます:</p> +<p>開発ツールのページを追加するには、拡張機能の <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> に <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page">devtools_page</a></code> キーを入れて、 拡張機能内のそのページの HTML ファイルの場所を与えます:</p> <pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"devtools_page":</span> <span class="string token">"devtools-page.html"</span></code></pre> @@ -51,7 +51,7 @@ browser.devtools.panels.create( newPanel.onHidden.addListener(handleHidden); });</pre> -<p>拡張機能はインスペクターウィンドウの中で <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval"><code>devtools</code>.inspectedWindow.eval()</a></code> を使うか、バックグラウンドスクリプトからメッセージを渡してコンテンツスクリプトに挿入することで、コードを実行できます。この方法のより詳しくは <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> を見てください。</p> +<p>拡張機能はインスペクターウィンドウの中で <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval"><code>devtools</code>.inspectedWindow.eval()</a></code> を使うか、バックグラウンドスクリプトからメッセージを渡してコンテンツスクリプトに挿入することで、コードを実行できます。この方法のより詳しくは <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> を見てください。</p> <h2 id="Examples" name="Examples">開発パネルのデザイン</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html index 08210629f2..53bb66dfcb 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/extension_pages/index.html @@ -59,7 +59,7 @@ var creating = browser.windows.create(createData);</pre> browser.history.onVisited.addListener(onVisited);</pre> -<p>History API を使には <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a></code> で "history" <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> をリクエストする必要があります。</p> +<p>History API を使には <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a></code> で "history" <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a> をリクエストする必要があります。</p> <h2 id="ウェブページのデザイン">ウェブページのデザイン</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/index.html index 0b7cd819de..47979aecc1 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/index.html @@ -26,56 +26,56 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface <tbody> <tr> <td> - <p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_action">ブラウザーツールバーボタン</a>(ブラウザーアクション)</p> + <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_action">ブラウザーツールバーボタン</a>(ブラウザーアクション)</p> </td> <td>ブラウザーツールバーのボタンで、クリック時に機能拡張にイベントを送る。既定では全てのタブででこのボタンが表示されている。</td> <td><img alt="Example showing a toolbar button (browser action)." src="https://mdn.mozillademos.org/files/15751/browser-action.png" style="height: 364px; width: 700px;"></td> </tr> <tr> <td> - <p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">ポップアップ</a>付きのツールバーボタン</p> + <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">ポップアップ</a>付きのツールバーボタン</p> </td> <td>ボタンがクリックされた時の、ブラウザーツールバーのボタン上のポップアップ。ポップアップは、ユーザーインタラクションを扱う HTML 文書内で定義される。</td> <td><img alt="Example of the pop-up on a toolbar button" src="https://mdn.mozillademos.org/files/15753/popup-shadow.png" style="height: 624px; width: 700px;"></td> </tr> <tr> <td> - <p><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions">アドレスバーボタン</a>(ページアクション)</p> + <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions">アドレスバーボタン</a>(ページアクション)</p> </td> <td>ブラウザーアドレスバー上のボタンで、クリック時に機能拡張にイベントを送る。既定では、全てのタブでこのボタンは非表示。</td> <td><img alt="Example showing an address bar button (page action) " src="https://mdn.mozillademos.org/files/15745/address_bar_button.png" style="height: 348px; width: 700px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">ポップアップ</a>付きのアドレスバーボタン</td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">ポップアップ</a>付きのアドレスバーボタン</td> <td> <p>ブラウザーアドレスバーのボタン上のポップアップで、クリック時に開く。ポップアップは、ユーザーインタラクションを扱う HTML 文書内で定義される。</p> </td> <td><img alt="Example of a popup on the address bar button" src="https://mdn.mozillademos.org/files/15747/page_action_popup.png" style="height: 524px; width: 700px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items">コンテキストメニュー項目</a></td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items">コンテキストメニュー項目</a></td> <td>ブラウザーのコンテキストメニュー上の、メニュー項目や、チェックボックスや、ラジオボタン。また、メニューはセパレーターを追加して構造化もできる。メニュー項目がクリックされたとき、機能拡張にイベントが送られる。</td> <td><img alt="Example of content menu items added by a WebExtension, from the context-menu-demo example" src="https://mdn.mozillademos.org/files/15756/context_menu_example.png" style="height: 942px; width: 864px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">サイドバー</a></td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">サイドバー</a></td> <td> <p dir="ltr">ウェブページの隣に表示される HTML 文書で、ページ毎に固有なコンテンツを持つ。サイドバーは機能拡張がインストールされた時に開かれて、ユーザーのサイドバー可視化の選択に従う。サイドバー内のユーザーインタラクションは HTML 文書によって扱われる。</p> </td> <td><img alt="Example of a sidebar" src="https://mdn.mozillademos.org/files/15755/bookmarks-sidebar.png" style="height: 846px; width: 700px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">オプションページ</a></td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages">オプションページ</a></td> <td>機能拡張に対してユーザーが変更できる設定値を決めるページ。ユーザーはブラウザーのアドオンマネージャーからこのページにアクセスできる。</td> <td><img alt="Example showing the options page content added in the favorite colors example." src="https://mdn.mozillademos.org/files/15748/options_page.png"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/Add-ons/WebExtensions/user_interface/Extension_pages">Extension page</a></td> + <td><a href="/Add-ons/WebExtensions/user_interface/Extension_pages">Extension page</a></td> <td>ウィンドウやタブの中で、フォームやヘルプやその他必要となるあらゆるコンテンツを提供するには、機能拡張に含めたウェブページを使います。</td> <td><img alt="Example of a simple bundled page displayed as a detached panel." src="https://mdn.mozillademos.org/files/15752/bundled_page_as_panel_small.png" style="height: 432px; width: 700px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications">通知</a></td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications">通知</a></td> <td>OS の通知の仕組みを通じてユーザーに表示される一時的な通知。ユーザーが通知をクリックした時や、(自動的に、あるいはユーザーが要求した場合の両方に)通知が閉じた時、機能拡張にイベントを送る。</td> <td><img alt="Example of an extension triggered system notification" src="https://mdn.mozillademos.org/files/15754/notify-shadowed.png" style="height: 294px; width: 780px;"></td> </tr> @@ -85,7 +85,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface <td><img alt="Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions." src="https://mdn.mozillademos.org/files/15749/omnibox_example_small.png" style="height: 464px; width: 700px;"></td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels">開発ツールパネル</a></td> + <td><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels">開発ツールパネル</a></td> <td>ブラウザーの開発ツール内で表示される、タブと関連 HTML 文書。</td> <td><img alt="Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions." src="https://mdn.mozillademos.org/files/15746/developer_panel_tab.png" style="height: 224px; width: 700px;"></td> </tr> @@ -96,8 +96,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface <ul> <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Accessibility_guidelines">アクセシビリティガイドライン</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">ツールバーにボタンを追加する</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar">ツールバーにボタンを追加する</a></li> <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles">ブラウザースタイル</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">開発ツールを拡張する</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page">設定ページの実装</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">開発ツールを拡張する</a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page">設定ページの実装</a></li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/options_pages/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/options_pages/index.html index 524223bc00..150ebb72f6 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/options_pages/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/options_pages/index.html @@ -17,8 +17,8 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Options_pages <ul> </ul> -<p>このページは、プログラムから <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/Runtime/openOptionsPage" title="If your add-on does not have an options page, or the browser failed to create one for some other reason, runtime.lastError will be set."><code>runtime.openOptionsPage()</code></a> を呼び出して開くこともできます。</p> -オプションページにおけるリソースの読み込み元や、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> のように安全でない処理は Content Security Policy によって制限されます。詳細は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> を参照してください。 +<p>このページは、プログラムから <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/Runtime/openOptionsPage" title="If your add-on does not have an options page, or the browser failed to create one for some other reason, runtime.lastError will be set."><code>runtime.openOptionsPage()</code></a> を呼び出して開くこともできます。</p> +オプションページにおけるリソースの読み込み元や、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> のように安全でない処理は Content Security Policy によって制限されます。詳細は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> を参照してください。 <h2 id="Specifying_the_options_page" name="Specifying_the_options_page">オプションページを指定する</h2> @@ -42,18 +42,18 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Options_pages </html></pre> -<p>ページ内で動く JavaScript はアドオンが<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">権限</a>を持つすべての <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API">WebExtension APIs</a> を使うことができます。特に、設定を保管する <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/Storage" title="Enables WebExtensions to store and retrieve data, and listen for changes to stored items."><code>storage</code></a> API を使えます。</p> +<p>ページ内で動く JavaScript はアドオンが<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions">権限</a>を持つすべての <a href="/ja/Add-ons/WebExtensions/API">WebExtension APIs</a> を使うことができます。特に、設定を保管する <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/Storage" title="Enables WebExtensions to store and retrieve data, and listen for changes to stored items."><code>storage</code></a> API を使えます。</p> <p>ページファイルを拡張機能の中にパッケージします.</p> -<p>manifest.json 内に <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code> キーも必要です、ここではページの URL を与えます。</p> +<p>manifest.json 内に <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code> キーも必要です、ここではページの URL を与えます。</p> <pre class="brush: json">"options_ui": { "page": "options.html", "browser_style": true },</pre> -<p><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code> ページを見てオプションページとバックグラウンド/コンテンツスクリプトとの間で<strong>オプションを共有する</strong>ことができます。</p> +<p><code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/options_ui">options_ui</a></code> ページを見てオプションページとバックグラウンド/コンテンツスクリプトとの間で<strong>オプションを共有する</strong>ことができます。</p> <h2 id="Examples" name="Examples">オプションコンテンツのデザイン</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/page_actions/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/page_actions/index.html index c285ad2670..2867a7f679 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/page_actions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/page_actions/index.html @@ -12,13 +12,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Page_actions <p><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p> -<p>ウェブページに関係する機能のある時だけにこのボタンを使ってください。既定ではアドレスバーのボタンはすべてのタブにて隠されていて、<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/show" title="Shows the page action for a given tab. The page action is shown whenever the given tab is the active tab."><code>pageAction.show()</code></a> と <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/hide" title="Hides the page action for a given tab."><code>pageAction.hide()</code></a> を呼び出すことで、特定のタブ上での表示・非表示を制御します。</p> +<p>ウェブページに関係する機能のある時だけにこのボタンを使ってください。既定ではアドレスバーのボタンはすべてのタブにて隠されていて、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/show" title="Shows the page action for a given tab. The page action is shown whenever the given tab is the active tab."><code>pageAction.show()</code></a> と <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/PageAction/hide" title="Hides the page action for a given tab."><code>pageAction.hide()</code></a> を呼び出すことで、特定のタブ上での表示・非表示を制御します。</p> <p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_action">ツールバーボタン</a>と比較して、似た振る舞いをしますが、そちらは拡張機能の機能が大抵のウェブページに適用できる状況で使われます。</p> <h2 id="Specifying_the_page_action" name="Specifying_the_page_action">ページアクションを指定する</h2> -<p>ページアクションのプロパティは manifest.json の <code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code> キーで定義します。</p> +<p>ページアクションのプロパティは manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a></code> キーで定義します。</p> <pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"page_action":</span> <span class="punctuation token">{</span> <span class="key token">"browser_style":</span> <span class="keyword token">true</span><span class="punctuation token">,</span> @@ -31,15 +31,15 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Page_actions <p>唯一不可欠なキーは <code>default_icon</code> です。</p> -<p>ページアクションの指定には2つの方法があります: <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>がつくのとつかないのです。 ポップアップを指定しないと、ユーザーがボタンをクリックした時に、拡張機能にイベントがディスパッチされ、これを拡張機能が <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>pageAction.onClicked</code></a>を使ってリッスンします:</p> +<p>ページアクションの指定には2つの方法があります: <a href="/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>がつくのとつかないのです。 ポップアップを指定しないと、ユーザーがボタンをクリックした時に、拡張機能にイベントがディスパッチされ、これを拡張機能が <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/pageAction/onClicked" title="Fired when a browser action icon is clicked. This event will not fire if the browser action has a popup."><code>pageAction.onClicked</code></a>を使ってリッスンします:</p> <pre class="brush: js line-numbers language-js"><code class="language-js">browser<span class="punctuation token">.</span>pageAction<span class="punctuation token">.</span>onClicked<span class="punctuation token">.</span><span class="function token">addListener</span><span class="punctuation token">(</span>handleClick<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>ポップアップを指定すると、クリックイベントはディスパッチされません: その代わりに、ユーザーがボタンをクリックした時にポップアップが表示されます。ユーザーはポップアップとやりとりできて、ユーザーが範囲外をクリックした時に自動的にポップアップが閉じます。ポップアップを作成、管理することの詳細は<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>の記事を見てください。</p> +<p>ポップアップを指定すると、クリックイベントはディスパッチされません: その代わりに、ユーザーがボタンをクリックした時にポップアップが表示されます。ユーザーはポップアップとやりとりできて、ユーザーが範囲外をクリックした時に自動的にポップアップが閉じます。ポップアップを作成、管理することの詳細は<a href="/ja/Add-ons/WebExtensions/Popups">ポップアップ</a>の記事を見てください。</p> <p>拡張機能は1つだけのページアクションを持つ必要があります。</p> -<p>なお、上に示されている任意のプロパティは<code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/pageAction">pageAction</a></code> API を使ったコードからも変更できます。</p> +<p>なお、上に示されている任意のプロパティは<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/pageAction">pageAction</a></code> API を使ったコードからも変更できます。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html b/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html index 39fb8332c3..879b2a5e84 100644 --- a/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html +++ b/files/ja/mozilla/add-ons/webextensions/user_interface/popups/index.html @@ -15,17 +15,17 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups <p><img alt="" src="https://mdn.mozillademos.org/files/15747/page_action_popup.png" style="display: block; height: 282px; margin-left: auto; margin-right: auto; width: 350px;"></p> -<p>ユーザーがボタンをクリックした時、ポップアップが表示されます。ポップアップの外をクリックすると、ポップアップは閉じます。ポップアップは、そこで実行しているスクリプトから <code><a href="https://developer.mozilla.org/ja/docs/Web/API/Window/close">window.close()</a></code> を呼ぶとプログラム的に閉じられます。しかし、拡張機能の JavaScript からプログラム的に開くことはできません。つまりユーザー操作への反応としてだけ開きます。</p> +<p>ユーザーがボタンをクリックした時、ポップアップが表示されます。ポップアップの外をクリックすると、ポップアップは閉じます。ポップアップは、そこで実行しているスクリプトから <code><a href="/ja/docs/Web/API/Window/close">window.close()</a></code> を呼ぶとプログラム的に閉じられます。しかし、拡張機能の JavaScript からプログラム的に開くことはできません。つまりユーザー操作への反応としてだけ開きます。</p> <p><code>"_execute_browser_action"</code> と <code>"_execute_page_action"</code> ショートカットを使って、ポップアップを開くキーボードショートカットを定義できます。manifest.json の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/commands">commands</a></code><span class="hidden"> </span> キーの文書を見てください。</p> <h2 id="Specifying_a_popup" name="Specifying_a_popup">ポップアップを指定する</h2> -<p>通常の Web ページと同じく、ポップアップは HTML ファイルで定義されます（ここに CSS や JavaScript も含めることが可能です）。 ただし、拡張機能が持つ<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>の範囲で JavaScript から <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API">WebExtension API</a> にアクセスできる点で通常のものとは異なります。</p> +<p>通常の Web ページと同じく、ポップアップは HTML ファイルで定義されます（ここに CSS や JavaScript も含めることが可能です）。 ただし、拡張機能が持つ<a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">パーミッション</a>の範囲で JavaScript から <a href="/ja/Add-ons/WebExtensions/API">WebExtension API</a> にアクセスできる点で通常のものとは異なります。</p> <p>ポップアップの文書はポップアップが表示されるたびに読み込まれて、ポップアップが閉じるたびに開放されます。</p> -<p>HTML ファイルを拡張機能に入れるには、manifest.json内の <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> か <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> キーの <code>"default_popup"</code> にて指定します:</p> +<p>HTML ファイルを拡張機能に入れるには、manifest.json内の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> か <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> キーの <code>"default_popup"</code> にて指定します:</p> <pre class="brush: json"> "browser_action": { "default_icon": "icons/beasts-32.png", @@ -33,13 +33,13 @@ translation_of: Mozilla/Add-ons/WebExtensions/user_interface/Popups "default_popup": "popup/choose_beast.html" }</pre> -<p>ブラウザーの UI と統一感を持たせるスタイルシートをポップアップに組み込めるようになりました。これを利用するためには、<code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> か <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> キーで <code>"browser_style": true</code> を指定してください。</p> +<p>ブラウザーの UI と統一感を持たせるスタイルシートをポップアップに組み込めるようになりました。これを利用するためには、<code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> か <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/page_action">page_action</a> キーで <code>"browser_style": true</code> を指定してください。</p> -<p>ポップアップにおけるリソースの読み込み元や、<code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> のように安全でない処理は Content Security Policy によって制限されます。詳細は <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> を参照してください。</p> +<p>ポップアップにおけるリソースの読み込み元や、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> のように安全でない処理は Content Security Policy によって制限されます。詳細は <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">Content Security Policy</a> を参照してください。</p> <h2 id="Debugging_popups" name="Debugging_popups">ポップアップのデバッグ</h2> -<p>ポップアップのマークアップと JavaScript をアドオンデバッガーを使ってデバッグできます。しかしポップアップの自動非表示を不可として、ポップアップの外をクリックした時に隠れてしまうのを防ぐ必要があります。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Debugging#Debugging_popups">ポップアップのデバッグを読んでください</a>。</p> +<p>ポップアップのマークアップと JavaScript をアドオンデバッガーを使ってデバッグできます。しかしポップアップの自動非表示を不可として、ポップアップの外をクリックした時に隠れてしまうのを防ぐ必要があります。<a href="/ja/Add-ons/WebExtensions/Debugging#Debugging_popups">ポップアップのデバッグを読んでください</a>。</p> <h2 id="Popup_resizing" name="Popup_resizing">ポップアップのリサイズ</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/what_are_webextensions/index.html b/files/ja/mozilla/add-ons/webextensions/what_are_webextensions/index.html index 18f9ae7071..398dcf175a 100644 --- a/files/ja/mozilla/add-ons/webextensions/what_are_webextensions/index.html +++ b/files/ja/mozilla/add-ons/webextensions/what_are_webextensions/index.html @@ -16,7 +16,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions <p>例: <a href="https://addons.mozilla.org/en-US/firefox/addon/amazon-browser-bar/">Amazon Assistant for Firefox</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/onenote-clipper/">OneNote Web Clipper</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/grammarly-1/">Grammarly for Firefox</a></p> -<p><strong>ユーザーの個性を見せる</strong>: ブラウザー機能拡張はユーザーによってブラウズされるページコンテンツを操作できます。例えば、ユーザーのお気に入りのロゴや写真を、訪れるすべてのページの背景として追加できます。拡張機能は Firefox UI の見た目を更新する力を与えることもできます (スタンドアローンの <a href="https://developer.mozilla.org/ja/Add-ons/Themes/Theme_concepts">テーマアドオン</a>を使っても同様に Firefox UI を更新できます)。</p> +<p><strong>ユーザーの個性を見せる</strong>: ブラウザー機能拡張はユーザーによってブラウズされるページコンテンツを操作できます。例えば、ユーザーのお気に入りのロゴや写真を、訪れるすべてのページの背景として追加できます。拡張機能は Firefox UI の見た目を更新する力を与えることもできます (スタンドアローンの <a href="/ja/Add-ons/Themes/Theme_concepts">テーマアドオン</a>を使っても同様に Firefox UI を更新できます)。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/15809/MyWeb_New_Tab_add_on.png" style="height: 398px; width: 540px;"></p> @@ -28,7 +28,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions <p>例: <a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">uBlock Origin</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/reader/">Reader</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/toolbox-google-play-store/">Toolbox for Google Play Store™</a></p> -<p><strong>ツールや新しいブラウズ機能を追加</strong>: タスクボードに新しい機能を追加したり、URL やハイパーリンクやページのテキストから QR コード画像を生成したりします。<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions">WebExtensions APIs</a> の柔軟な UI オプションや力を得て、ブラウザーに新機能を簡単に追加できます。そしてほぼあらゆるウェブサイトの機能を改良できて、それはあなたのウェブサイトだけとは限りません。</p> +<p><strong>ツールや新しいブラウズ機能を追加</strong>: タスクボードに新しい機能を追加したり、URL やハイパーリンクやページのテキストから QR コード画像を生成したりします。<a href="/ja/Add-ons/WebExtensions">WebExtensions APIs</a> の柔軟な UI オプションや力を得て、ブラウザーに新機能を簡単に追加できます。そしてほぼあらゆるウェブサイトの機能を改良できて、それはあなたのウェブサイトだけとは限りません。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/15806/QR_Code_Image_Generator_add_on.png"></p> @@ -44,7 +44,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions <p>例: <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/react-devtools/">Web React Developer Tools</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/">aXe Developer Tools</a></p> -<p>Firefox 用の拡張機能は <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions">WebExtensions APIs</a> を使って作成され、この API はクロスブラウザーで動作可能な拡張機能を開発するための技術です。この API の大半は、Google Chrome や Opera でサポートされている <a class="external external-icon" href="https://developer.chrome.com/extensions">extension API</a> と互換性があります。これらのブラウザー向けに書かれた拡張機能のほとんどは、少し<a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Porting_from_Google_Chrome">変更を加えるだけで</a> Firefox や Microsoft Edge でも動かせるようになります。この API は完全に<a href="https://developer.mozilla.org/ja/Firefox/Multiprocess_Firefox">マルチプロセス Firefox</a> にも対応しています。</p> +<p>Firefox 用の拡張機能は <a href="/ja/Add-ons/WebExtensions">WebExtensions APIs</a> を使って作成され、この API はクロスブラウザーで動作可能な拡張機能を開発するための技術です。この API の大半は、Google Chrome や Opera でサポートされている <a class="external external-icon" href="https://developer.chrome.com/extensions">extension API</a> と互換性があります。これらのブラウザー向けに書かれた拡張機能のほとんどは、少し<a href="/ja/Add-ons/WebExtensions/Porting_from_Google_Chrome">変更を加えるだけで</a> Firefox や Microsoft Edge でも動かせるようになります。この API は完全に<a href="/ja/Firefox/Multiprocess_Firefox">マルチプロセス Firefox</a> にも対応しています。</p> <p>何かアイデアがあったり、レガシーアドオンを WebExtensions API に移植する手助けが必要な場合、ご連絡は <a class="external external-icon" href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons メーリングリスト</a> や <a href="https://chat.mozilla.org/#/room/#addons:mozilla.org">Add-ons room</a> や <a href="https://wiki.mozilla.org/Matrix">Matrix</a> までお願いします。英語のサポートです。</p> @@ -53,5 +53,5 @@ translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions <ul> <li>シンプルな拡張機能を一通り作成するには、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">初めての拡張機能</a>を参照してください。</li> <li>拡張機能の構成については <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">拡張機能の中身</a>を参照してください。</li> - <li><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Examples">拡張機能サンプル</a>にある拡張機能のサンプルを動かしてみましょう。</li> + <li><a href="/ja/Add-ons/WebExtensions/Examples">拡張機能サンプル</a>にある拡張機能のサンプルを動かしてみましょう。</li> </ul> diff --git a/files/ja/mozilla/add-ons/webextensions/working_with_files/index.html b/files/ja/mozilla/add-ons/webextensions/working_with_files/index.html index 299643f95c..a3ebf3d90f 100644 --- a/files/ja/mozilla/add-ons/webextensions/working_with_files/index.html +++ b/files/ja/mozilla/add-ons/webextensions/working_with_files/index.html @@ -29,7 +29,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Working_with_files <p>ユーザーが <code>saveAs</code> パラメーターで指定した場所にダウンロードさせることもできます。</p> <div class="note"> -<p>Using <a href="https://developer.mozilla.org/ja/docs/Web/API/URL/createObjectURL">URL.createObjectURL()</a> you can also download files and blobs defined in your JavaScript, which can include local content retrieved from IndexedDB.</p> +<p>Using <a href="/ja/docs/Web/API/URL/createObjectURL">URL.createObjectURL()</a> you can also download files and blobs defined in your JavaScript, which can include local content retrieved from IndexedDB.</p> </div> <p>ダウンロード API はダウンロードをキャンセル、停止、再開、消去、削除することもできます; ダウンロードマネージャーでダウンロード済みのファイルを探します; コンピューターのファイルマネージャーでダウンロード済みのファイルを表示します; 関連付けられたアプリケーションでそのファイルを開きます。</p> @@ -137,7 +137,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Working_with_files API References: <a href="https://rpl.github.io/idb-file-storage/">idb-file-storage library</a></p> <div class="note"> -<p>Note: You can also use the full Web <a href="https://developer.mozilla.org/ja/docs/Web/API/IndexedDB_API">IndexedDB API</a> to store data from your extension. This can be useful where you need to store data that isn’t handled well by the simple key/value pairs offered by the DOM <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/Storage">Storage API</a>.</p> +<p>Note: You can also use the full Web <a href="/ja/docs/Web/API/IndexedDB_API">IndexedDB API</a> to store data from your extension. This can be useful where you need to store data that isn’t handled well by the simple key/value pairs offered by the DOM <a href="/ja/Add-ons/WebExtensions/API/Storage">Storage API</a>.</p> </div> <h2 id="Process_files_in_a_local_app" name="Process_files_in_a_local_app">ローカルアプリでファイルを処理する</h2> @@ -147,14 +147,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/Working_with_files <p>You have two options:</p> <ul> - <li>Connection-based messaging. Here you trigger the process with runtime.connectNative(), which returns a <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a> object. You can then pass a JSON message to the native application using the postMessage() function of Port. Using the onMessage.addListener() function of Port you can listen for messages from the native application. The native application is opened if it is not running when runtime.connectNative() is called and the application remains running until the extension calls Port.disconnect() or the page that connected to it is closed.</li> + <li>Connection-based messaging. Here you trigger the process with runtime.connectNative(), which returns a <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/runtime/Port">runtime.Port</a> object. You can then pass a JSON message to the native application using the postMessage() function of Port. Using the onMessage.addListener() function of Port you can listen for messages from the native application. The native application is opened if it is not running when runtime.connectNative() is called and the application remains running until the extension calls Port.disconnect() or the page that connected to it is closed.</li> <li>Connectionless messaging. Here you use runtime.sendNativeMessage() to send a JSON message to a new, temporary instance of the native application. The browser closes the native application after receiving any message back from the native application.</li> </ul> -<p>To add the file or blob you want the native application to process use <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">JSON.stringify()</a>.</p> +<p>To add the file or blob you want the native application to process use <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify">JSON.stringify()</a>.</p> -<p>To use this method the extension must request the "nativeMessaging"<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions"> permission</a> in its manifest.json file. Reciprocally, the native application must grant permission for the extension by including its ID in the "allowed_extensions" field of the app manifest.</p> +<p>To use this method the extension must request the "nativeMessaging"<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/permissions"> permission</a> in its manifest.json file. Reciprocally, the native application must grant permission for the extension by including its ID in the "allowed_extensions" field of the app manifest.</p> <p>Example: <a href="https://github.com/mdn/webextensions-examples/tree/master/native-messaging">Native Messaging</a> (illustrates simple messaging only)<br> - Guides: <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Native_messaging">Native messaging</a><br> - API references: <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/runtime">runtime API</a></p> + Guides: <a href="/ja/Add-ons/WebExtensions/Native_messaging">Native messaging</a><br> + API references: <a href="/ja/Add-ons/WebExtensions/API/runtime">runtime API</a></p> diff --git a/files/ja/mozilla/add-ons/webextensions/your_first_webextension/index.html b/files/ja/mozilla/add-ons/webextensions/your_first_webextension/index.html index 4159864473..55e22732ba 100644 --- a/files/ja/mozilla/add-ons/webextensions/your_first_webextension/index.html +++ b/files/ja/mozilla/add-ons/webextensions/your_first_webextension/index.html @@ -60,7 +60,7 @@ cd borderify</pre> </ul> <div class="warning"> -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">時折、あなたの拡張機能用に ID を指定する必要があります</a>。アドオンの ID が必要なとき、<code>manifest.json</code> 内に <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> キーを入れて <code>gecko.id</code> プロパティをセットします:</p> +<p><a href="/ja/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">時折、あなたの拡張機能用に ID を指定する必要があります</a>。アドオンの ID が必要なとき、<code>manifest.json</code> 内に <code><a href="/ja/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> キーを入れて <code>gecko.id</code> プロパティをセットします:</p> <pre class="brush: json line-numbers language-json"><code class="language-json"><span class="key token">"applications":</span> <span class="punctuation token">{</span> <span class="key token">"gecko":</span> <span class="punctuation token">{</span> @@ -118,7 +118,7 @@ cd borderify</pre> <p>ここでインストールされたアドオンは Firefox を再起動するまで有効です。</p> -<p>あるいは、<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> ツールを使ってコマンドラインから拡張機能を実行することもできます。</p> +<p>あるいは、<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> ツールを使ってコマンドラインから拡張機能を実行することもできます。</p> <h3 id="Testing" name="Testing">テスト</h3> @@ -140,7 +140,7 @@ cd borderify</pre> <h2 id="Packaging_and_publishing" name="Packaging_and_publishing">パッケージ化と公開</h2> -<p>自分が作ったアドオンを他の人にも使ってもらうには、アドオンをパッケージとしてまとめた後、署名するために Mozilla へ送信する必要があります。詳細は<a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Publishing_your_WebExtension">拡張機能の公開</a>を参照してください。</p> +<p>自分が作ったアドオンを他の人にも使ってもらうには、アドオンをパッケージとしてまとめた後、署名するために Mozilla へ送信する必要があります。詳細は<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Publishing_your_WebExtension">拡張機能の公開</a>を参照してください。</p> <h2 id="Whats_next" name="What's_next">次のステップ</h2> diff --git a/files/ja/mozilla/add-ons/webextensions/your_second_webextension/index.html b/files/ja/mozilla/add-ons/webextensions/your_second_webextension/index.html index 97bf97b2e7..08646b2221 100644 --- a/files/ja/mozilla/add-ons/webextensions/your_second_webextension/index.html +++ b/files/ja/mozilla/add-ons/webextensions/your_second_webextension/index.html @@ -7,14 +7,14 @@ translation_of: Mozilla/Add-ons/WebExtensions/Your_second_WebExtension original_slug: Mozilla/Add-ons/WebExtensions/Walkthrough --- <div>{{AddonSidebar}} -<p><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Your_first_WebExtension">初めての拡張機能</a>を一通り読んでいる場合、既に拡張機能の書き方を知っていることと思います。<span class="seoSummary">この記事では、API の使い方をより詳しく説明するため、前回よりも少し複雑なアドオンを書いてみます。</span></p> +<p><a href="/ja/Add-ons/WebExtensions/Your_first_WebExtension">初めての拡張機能</a>を一通り読んでいる場合、既に拡張機能の書き方を知っていることと思います。<span class="seoSummary">この記事では、API の使い方をより詳しく説明するため、前回よりも少し複雑なアドオンを書いてみます。</span></p> <p>この拡張機能では Firefox のツールバーにボタンを新しく追加します。ユーザーがこのボタンをクリックすると、動物を選択できるポップアップが表示されます。ユーザーが動物を選択すると、ウェブページのコンテンツが選択した動物の画像に置き換わります。</p> <p>これらの機能を以下のように実装していきます。</p> <ul> - <li><strong><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_action">ブラウザーアクション </a></strong><strong>（Firefox のツールバーに表示させるボタン）を定義</strong><br> + <li><strong><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_action">ブラウザーアクション </a></strong><strong>（Firefox のツールバーに表示させるボタン）を定義</strong><br> このボタン用に次のものを用意します。 <ul> <li>"beasts-32.png" というアイコン</li> @@ -88,18 +88,18 @@ cd beastify</pre> <span class="punctuation token">}</span></code></pre> <ul> - <li>最初の 3 つのキー <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/manifest_version">manifest_version</a></code>、<code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/name">name</a></code>、<code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/version">version</a></code> は必須であり、拡張機能の基本的なメタデータを指定します</li> - <li><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/description">description</a></code> と <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url">homepage_url</a></code> は省略可能ですが、設定しておくことをお勧めします。これは拡張機能についての役立つ情報となります</li> - <li><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/icons">icons</a></code> は省略可能ですが、設定しておくことをお勧めします。この値は拡張機能のアイコンを指定するものであり、アイコンはアドオンマネージャーに表示されます</li> - <li><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> は拡張機能に必要なパーミッションのリストです。ここでは <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/permissions#activeTab_permission"><code>activeTab</code> パーミッション </a> を要請しています</li> - <li><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> はツールバーのボタンを指定するものです。ここでは 3 つの情報を指定しています + <li>最初の 3 つのキー <code><a href="/ja/Add-ons/WebExtensions/manifest.json/manifest_version">manifest_version</a></code>、<code><a href="/ja/Add-ons/WebExtensions/manifest.json/name">name</a></code>、<code><a href="/ja/Add-ons/WebExtensions/manifest.json/version">version</a></code> は必須であり、拡張機能の基本的なメタデータを指定します</li> + <li><code><a href="/ja/Add-ons/WebExtensions/manifest.json/description">description</a></code> と <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/homepage_url">homepage_url</a></code> は省略可能ですが、設定しておくことをお勧めします。これは拡張機能についての役立つ情報となります</li> + <li><code><a href="/ja/Add-ons/WebExtensions/manifest.json/icons">icons</a></code> は省略可能ですが、設定しておくことをお勧めします。この値は拡張機能のアイコンを指定するものであり、アイコンはアドオンマネージャーに表示されます</li> + <li><code><a href="/ja/Add-ons/WebExtensions/manifest.json/permissions">permissions</a></code> は拡張機能に必要なパーミッションのリストです。ここでは <a href="/ja/Add-ons/WebExtensions/manifest.json/permissions#activeTab_permission"><code>activeTab</code> パーミッション </a> を要請しています</li> + <li><code><a href="/ja/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> はツールバーのボタンを指定するものです。ここでは 3 つの情報を指定しています <ul> <li><code>default_icon</code> ではボタンのアイコンを指定します（必須項目）</li> <li><code>default_title</code> ではツールチップの文字列を指定します（省略可）</li> <li><code>default_popup</code> ではユーザーがボタンをクリックした際に表示されるポップアップを指定します。今回はポップアップを表示させたいので、拡張機能に含める HTML ファイルを <code>defualt_popup</code> キーで指定しています</li> </ul> </li> - <li><code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a></code> はウェブページからアクセスしたいファイルのリストです。この拡張機能では、拡張機能に同梱した画像でウェブページを置き換えるため、画像をウェブページからアクセス可能にする必要があります</li> + <li><code><a href="/ja/Add-ons/WebExtensions/manifest.json/web_accessible_resources">web_accessible_resources</a></code> はウェブページからアクセスしたいファイルのリストです。この拡張機能では、拡張機能に同梱した画像でウェブページを置き換えるため、画像をウェブページからアクセス可能にする必要があります</li> </ul> <p>パスはすべて manifest.json 自身からの相対パスで指定することに注意します。</p> @@ -168,7 +168,7 @@ touch choose_beast.html choose_beast.css choose_beast.js</code></pre> <span class="tag token"><span class="tag token"><span class="punctuation token"></</span>html</span><span class="punctuation token">></span></span></code></pre> -<p><code>"popup-content"</code> という ID の <code><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/div"><div></a></code> 要素があって、動物の選択をする要素が入っています。<code>"error-content"</code> という ID の <code><div></code> 要素と <code>"hidden"</code> クラスもあります。それはポップアップの初期化に問題がある場合に使います。</p> +<p><code>"popup-content"</code> という ID の <code><a href="/ja/docs/Web/HTML/Element/div"><div></a></code> 要素があって、動物の選択をする要素が入っています。<code>"error-content"</code> という ID の <code><div></code> 要素と <code>"hidden"</code> クラスもあります。それはポップアップの初期化に問題がある場合に使います。</p> <p>通常のウェブページと同じように CSS と JS ファイルを読み込んでいることに注意してください。</p> @@ -312,9 +312,9 @@ browser<span class="punctuation token">.</span>tabs<span class="punctuation toke <span class="punctuation token">.</span><span class="function token">then</span><span class="punctuation token">(</span>listenForClicks<span class="punctuation token">)</span> <span class="punctuation token">.</span><span class="keyword token">catch</span><span class="punctuation token">(</span>reportExecuteScriptError<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>開始するのは 96行です。ポップアップスクリプトはポップアップが読み込まれ次第、アクティブなタブのコンテンツスクリプトを実行し、その手段は <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript">browser.tabs.executeScript()</a></code> API です。コンテンツスクリプトの実行が成功したら、タブが閉じられるかユーザーが別のページに移動するまで、コンテンツスクリプトがページにロードされたままになります。</p> +<p>開始するのは 96行です。ポップアップスクリプトはポップアップが読み込まれ次第、アクティブなタブのコンテンツスクリプトを実行し、その手段は <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript">browser.tabs.executeScript()</a></code> API です。コンテンツスクリプトの実行が成功したら、タブが閉じられるかユーザーが別のページに移動するまで、コンテンツスクリプトがページにロードされたままになります。</p> -<p><code>browser.tabs.executeScript()</code> の呼び出しがよく失敗する理由は、コンテンツスクリプトをすべてのページでは実行できないことです。例えば、about:debugging のような権限のあるブラウザーページでは実行できませんし、<a href="https://addons.mozilla.org/">addons.mozilla.org</a> ドメイン内のページでも実行できません。失敗した場合、<code>reportExecuteScriptError()</code> は <code>"popup-content"</code> <code><div></code> を隠して、<code>"error-content"</code> <code><div></code> を表示し、エラーを <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Debugging">console</a> にログ出力します。</p> +<p><code>browser.tabs.executeScript()</code> の呼び出しがよく失敗する理由は、コンテンツスクリプトをすべてのページでは実行できないことです。例えば、about:debugging のような権限のあるブラウザーページでは実行できませんし、<a href="https://addons.mozilla.org/">addons.mozilla.org</a> ドメイン内のページでも実行できません。失敗した場合、<code>reportExecuteScriptError()</code> は <code>"popup-content"</code> <code><div></code> を隠して、<code>"error-content"</code> <code><div></code> を表示し、エラーを <a href="/ja/Add-ons/WebExtensions/Debugging">console</a> にログ出力します。</p> <p>コンテンツスクリプトの実行が成功したら、<code>listenForClicks()</code> を呼び出します。これはポップアップのクリックをリッスンします。</p> @@ -327,14 +327,14 @@ browser<span class="punctuation token">.</span>tabs<span class="punctuation toke <ul> <li>特定の動物画像を指す URL をボタンクリックに割り当てる</li> - <li>CSS を挿入してページの全コンテンツを隠し、その手段は <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/tabs/insertCSS">browser.tabs.insertCSS()</a></code> API</li> - <li>コンテンツスクリプトに "beastify" 送り、その手段は <code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/sendMessage">browser.tabs.sendMessage()</a></code> API。ページを動物化するか尋ねて、動物画像への URL を渡す</li> + <li>CSS を挿入してページの全コンテンツを隠し、その手段は <code><a href="/ja/Add-ons/WebExtensions/API/tabs/insertCSS">browser.tabs.insertCSS()</a></code> API</li> + <li>コンテンツスクリプトに "beastify" 送り、その手段は <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/sendMessage">browser.tabs.sendMessage()</a></code> API。ページを動物化するか尋ねて、動物画像への URL を渡す</li> </ul> <p><code>reset()</code> 関数は動物化を取り消す:</p> <ul> - <li>追加した CSS を削除し、その手段は <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/tabs/removeCSS">browser.tabs.removeCSS()</a></code> API</li> + <li>追加した CSS を削除し、その手段は <code><a href="/ja/Add-ons/WebExtensions/API/tabs/removeCSS">browser.tabs.removeCSS()</a></code> API</li> <li>コンテンツスクリプトにページをリセットする "reset" メッセージを送る</li> </ul> @@ -393,10 +393,10 @@ browser<span class="punctuation token">.</span>tabs<span class="punctuation toke <p>このコンテンツスクリプトが最初にすることは、グローバル変数の <code>window.hasRun</code> のチェックです: セットされていればスクリプトは早くリターンし、そうでなければ <code>window.hasRun</code> をセットして処理し続けます。こうする理由は、ユーザーがポップアップを開くたびに、ポップアップはアクティブなタブのコンテンツスクリプトを実行して、そのために 1 つのタブに複数の実行スクリプトのインスタンスができてしまいます。これが起きると、最初のインスタンスだけが処理するのを確かめる必要があります。</p> -<p>その次に、始まる場所は 40行で、ここでコンテンツスクリプトはポップアップからのメッセージをリッスンし、その手段は <code><a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/API/runtime/onMessage">browser.runtime.onMessage</a></code> API です。上で見たように、ポップアップスクリプトは 2種類の異なるメッセージを送ります: "beastify" と "reset"</p> +<p>その次に、始まる場所は 40行で、ここでコンテンツスクリプトはポップアップからのメッセージをリッスンし、その手段は <code><a href="/ja/Add-ons/WebExtensions/API/runtime/onMessage">browser.runtime.onMessage</a></code> API です。上で見たように、ポップアップスクリプトは 2種類の異なるメッセージを送ります: "beastify" と "reset"</p> <ul> - <li>メッセージが "beastify" なら、動物画像を指す URL が含まれるはずです。以前の "beastify" 呼び出しで追加された動物をすべて削除して、<code><a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/img"><img></a></code> 要素を作成、追加して、その <code>src</code> 属性に動物の URL をセットします。</li> + <li>メッセージが "beastify" なら、動物画像を指す URL が含まれるはずです。以前の "beastify" 呼び出しで追加された動物をすべて削除して、<code><a href="/ja/docs/Web/HTML/Element/img"><img></a></code> 要素を作成、追加して、その <code>src</code> 属性に動物の URL をセットします。</li> <li>メッセージが "reset" なら、ただ追加された動物をすべて削除します。</li> </ul> @@ -445,7 +445,7 @@ browser<span class="punctuation token">.</span>tabs<span class="punctuation toke <h2 id="Developing_from_the_command_line" name="Developing_from_the_command_line">コマンドラインから開発する</h2> -<p>仮インストールを <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> ツールを用いて自動化できます。次を試してください:</p> +<p>仮インストールを <a href="/ja/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> ツールを用いて自動化できます。次を試してください:</p> <pre class="brush: bash line-numbers language-bash"><code class="language-bash">cd beastify web-ext run</code></pre> diff --git a/files/ja/mozilla/firefox/index.html b/files/ja/mozilla/firefox/index.html index 4f8a1ebffa..9b3972f601 100644 --- a/files/ja/mozilla/firefox/index.html +++ b/files/ja/mozilla/firefox/index.html @@ -34,7 +34,7 @@ translation_of: Mozilla/Firefox <h3 id="Firefox_Nightly">Firefox Nightly</h3> -<p>毎晩、私たちは <a href="https://developer.mozilla.org/ja/docs/mozilla-central">mozilla-central</a> の最新コードから Firefox をビルドします。これらのビルドは、Firefox 開発者や、最新の最先端の機能をまだ積極的に開発している最中に試してみたい方向けです。</p> +<p>毎晩、私たちは <a href="/ja/docs/mozilla-central">mozilla-central</a> の最新コードから Firefox をビルドします。これらのビルドは、Firefox 開発者や、最新の最先端の機能をまだ積極的に開発している最中に試してみたい方向けです。</p> <p><a class="external external-icon" href="https://nightly.mozilla.org/" style="width: 250px; display: block; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; border-radius: 4px; background-color: #81BC2E; white-space: nowrap; color: white; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2), 0px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;">Firefox Nightly のダウンロード</a></p> diff --git a/files/ja/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html b/files/ja/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html index d8bd9c829c..f500c316d7 100644 --- a/files/ja/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html +++ b/files/ja/mozilla/firefox/releases/1.5/adapting_xul_applications_for_firefox_1.5/index.html @@ -10,17 +10,17 @@ original_slug: Adapting_XUL_Applications_for_Firefox_1.5 --- <p> </p> -<p>このページでは、<a href="ja/Firefox_1.5">Firefox 1.5</a> の変更点のうち、XUL アプリケーション開発者に影響するものについて、リストで示します。</p> +<p>このページでは、<a href="/ja/Firefox_1.5">Firefox 1.5</a> の変更点のうち、XUL アプリケーション開発者に影響するものについて、リストで示します。</p> <h3 id=".E4.BB.95.E6.A7.98.E3.81.AE.E5.A4.89.E6.9B.B4" name=".E4.BB.95.E6.A7.98.E3.81.AE.E5.A4.89.E6.9B.B4">仕様の変更</h3> <ul> - <li><a href="ja/Tree_Widget_Changes">ツリーウィジェット関連の変更点</a></li> - <li><a href="ja/International_characters_in_XUL_JavaScript">XUL JavaScript での国際文字サポート</a> (拡張 (Extension)で使用する JavaScript に、非 ASCII 文字を含む場合のみ関係します)</li> - <li><a href="ja/XMLHttpRequest_changes_for_Gecko1.8">XMLHttpRequest の変更点</a></li> - <li><a href="ja/XUL_Changes_for_Firefox_1.5">Firefox 1.5 における XUL の変更点</a></li> - <li><a href="ja/XPCNativeWrapper">XPCNativeWrapper</a> がデフォルトになりました。このため、1.0.x と比較して、いくつか挙動 (behavior)が変わっています。</li> - <li>より簡単な <a href="ja/Chrome_Registration">Chrome Registration</a> が採用されたことにより、contents.rdf は、非推奨 (deprecate)になりました。</li> + <li><a href="/ja/Tree_Widget_Changes">ツリーウィジェット関連の変更点</a></li> + <li><a href="/ja/International_characters_in_XUL_JavaScript">XUL JavaScript での国際文字サポート</a> (拡張 (Extension)で使用する JavaScript に、非 ASCII 文字を含む場合のみ関係します)</li> + <li><a href="/ja/XMLHttpRequest_changes_for_Gecko1.8">XMLHttpRequest の変更点</a></li> + <li><a href="/ja/XUL_Changes_for_Firefox_1.5">Firefox 1.5 における XUL の変更点</a></li> + <li><a href="/ja/XPCNativeWrapper">XPCNativeWrapper</a> がデフォルトになりました。このため、1.0.x と比較して、いくつか挙動 (behavior)が変わっています。</li> + <li>より簡単な <a href="/ja/Chrome_Registration">Chrome Registration</a> が採用されたことにより、contents.rdf は、非推奨 (deprecate)になりました。</li> <li>オーバーレイされたコンテキストメニュー関連:<br> 関数 gContextMenu.linkURL() は、gContextMenu.getLinkURL() に名称が変更され、linkURL は、プロパティに変更されました。後方互換性 (backwards-compatible)を確保するためには以下のようにしてください。<br> url = 'getLinkURL' in gContextMenu ? gContextMenu.getLinkURL() : gContextMenu.linkURL();</li> @@ -29,6 +29,6 @@ original_slug: Adapting_XUL_Applications_for_Firefox_1.5 <h3 id=".E3.81.9D.E3.81.AE.E4.BB.96.E3.81.AE.E6.83.85.E5.A0.B1" name=".E3.81.9D.E3.81.AE.E4.BB.96.E3.81.AE.E6.83.85.E5.A0.B1">その他の情報</h3> <ul> - <li><a href="ja/Using_nsIXULAppInfo">nsIXULAppInfo を使用してアプリケーションのバージョンをチェックする方法</a></li> + <li><a href="/ja/Using_nsIXULAppInfo">nsIXULAppInfo を使用してアプリケーションのバージョンをチェックする方法</a></li> <li><a class="external" href="http://kb.mozillazine.org/Dev_:_Extensions_:_Cross-Version_Compatibility_Techniques">MozillaZine</a></li> </ul> diff --git a/files/ja/mozilla/firefox/releases/1.5/changing_the_priority_of_http_requests/index.html b/files/ja/mozilla/firefox/releases/1.5/changing_the_priority_of_http_requests/index.html index 4d7772e52a..4303c2a7d4 100644 --- a/files/ja/mozilla/firefox/releases/1.5/changing_the_priority_of_http_requests/index.html +++ b/files/ja/mozilla/firefox/releases/1.5/changing_the_priority_of_http_requests/index.html @@ -9,11 +9,11 @@ translation_of: Mozilla/Firefox/Releases/1.5/Changing_the_priority_of_HTTP_reque <h3 id="イントロダクション">イントロダクション</h3> -<p>In <a href="/en/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5</a> (Gecko 1.8), an API was added to support changing the priority of <a href="/en/HTTP" title="en/HTTP">HTTP</a> requests. Prior to this, there was no way to directly indicate that a request was of a different priority. The API is defined in <a href="/en/nsISupportsPriority" title="en/nsISupportsPriority">nsISupportsPriority</a>, but is defined in very generic terms so that any object can implement this interface to enable the concept of priority. This article deals specifically with using that interface to change the priority of HTTP requests.</p> +<p>In <a href="/ja/Firefox_1.5_for_developers" title="en/Firefox_1.5_for_developers">Firefox 1.5</a> (Gecko 1.8), an API was added to support changing the priority of <a href="/ja/HTTP" title="en/HTTP">HTTP</a> requests. Prior to this, there was no way to directly indicate that a request was of a different priority. The API is defined in <a href="/ja/nsISupportsPriority" title="en/nsISupportsPriority">nsISupportsPriority</a>, but is defined in very generic terms so that any object can implement this interface to enable the concept of priority. This article deals specifically with using that interface to change the priority of HTTP requests.</p> <p>At the time of this writing, changing the priority of an HTTP request only affects the order in which connection attempts are made. This means that the priority only has an effect when there are more connections (to a server) than are allowed.</p> -<p>The examples in this document are all written in <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a> using <a href="/en/XPCOM" title="en/XPCOM">XPCOM</a>.</p> +<p>The examples in this document are all written in <a href="/ja/JavaScript" title="en/JavaScript">JavaScript</a> using <a href="/ja/XPCOM" title="en/XPCOM">XPCOM</a>.</p> <h3 id="APIの使用">APIの使用</h3> @@ -21,7 +21,7 @@ translation_of: Mozilla/Firefox/Releases/1.5/Changing_the_priority_of_HTTP_reque <h4 id="Accessing_priority_from_an_nsIChannel">Accessing priority from an nsIChannel</h4> -<p>To change the priority of an HTTP request, you need access to the <a href="/en/XPCOM_Interface_Reference/nsIChannel" title="en/XPCOM_Interface_Reference/nsIChannel">nsIChannel</a> that the request is being made on. If you do not have an existing channel, then you can create one as follows:</p> +<p>To change the priority of an HTTP request, you need access to the <a href="/ja/XPCOM_Interface_Reference/nsIChannel" title="en/XPCOM_Interface_Reference/nsIChannel">nsIChannel</a> that the request is being made on. If you do not have an existing channel, then you can create one as follows:</p> <pre class="eval">var ios = Components.classes["@<a class="linkification-ext external" href="http://mozilla.org/network/io-service;1">mozilla.org/network/io-service;1</a>"] .getService(Components.interfaces.nsIIOService); @@ -29,7 +29,7 @@ var ch = ios.newChannel("<a class="linkification-ext external" href="http://www. </pre> <p><br> - Once you have an <a href="/en/XPCOM_Interface_Reference/nsIChannel" title="en/XPCOM_Interface_Reference/nsIChannel">nsIChannel</a>, you can access the priority as follows:</p> + Once you have an <a href="/ja/XPCOM_Interface_Reference/nsIChannel" title="en/XPCOM_Interface_Reference/nsIChannel">nsIChannel</a>, you can access the priority as follows:</p> <pre class="eval">if (ch instanceof Components.interfaces.nsISupportsPriority) { ch.priority = Components.interfaces.nsISupportsPriority.PRIORITY_LOWEST; @@ -40,7 +40,7 @@ var ch = ios.newChannel("<a class="linkification-ext external" href="http://www. <h4 id="Getting_an_nsIChannel_from_XMLHttpRequest">Getting an nsIChannel from XMLHttpRequest</h4> -<p>If you are programming in <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a>, you will probably want to use <a href="/en/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>, a much higher level abstraction of an HTTP request. You can access the <code>channel</code> member of an <a href="/en/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a> once you have called the <code>open</code> method on it, as follows:</p> +<p>If you are programming in <a href="/ja/JavaScript" title="en/JavaScript">JavaScript</a>, you will probably want to use <a href="/ja/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>, a much higher level abstraction of an HTTP request. You can access the <code>channel</code> member of an <a href="/ja/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a> once you have called the <code>open</code> method on it, as follows:</p> <pre class="eval">var req = new XMLHttpRequest(); req.open("GET", "<a class="linkification-ext external" href="http://www.example.com">http://www.example.com</a>", false); @@ -51,11 +51,11 @@ req.send(null); </pre> <p><br> - Note that this example uses a synchronous <a href="/en/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>, which you should not use in practice.</p> + Note that this example uses a synchronous <a href="/ja/XMLHttpRequest" title="en/XMLHttpRequest">XMLHttpRequest</a>, which you should not use in practice.</p> <h4 id="優先順位の調整">優先順位の調整</h4> -<p><a href="/en/nsISupportsPriority#adjustPriority" title="en/nsISupportsPriority#adjustPriority">nsISupportsPriority</a> includes a convenience method named <code>adjustPriority</code>. You should use this if you want to alter the priority of a request by a certain amount. For example, if you would like to make a request have slightly higher priority than it currently has, you could do the following:</p> +<p><a href="/ja/nsISupportsPriority#adjustPriority" title="en/nsISupportsPriority#adjustPriority">nsISupportsPriority</a> includes a convenience method named <code>adjustPriority</code>. You should use this if you want to alter the priority of a request by a certain amount. For example, if you would like to make a request have slightly higher priority than it currently has, you could do the following:</p> <pre class="eval">// assuming we already have a nsIChannel from above if (ch instanceof Components.interfaces.nsISupportsPriority) { diff --git a/files/ja/mozilla/firefox/releases/13/index.html b/files/ja/mozilla/firefox/releases/13/index.html index 3b59a7e858..96c14c3448 100644 --- a/files/ja/mozilla/firefox/releases/13/index.html +++ b/files/ja/mozilla/firefox/releases/13/index.html @@ -28,8 +28,8 @@ translation_of: Mozilla/Firefox/Releases/13 <h3 id="JavaScript">JavaScript</h3> <ul> - <li>ECMAScript 6 の <a href="/en/JavaScript/Reference/Statements/for...of" title="for...of"><code>for..of</code></a> 構造をサポートしました。</li> - <li>ECMAScript 6 の <a href="/en/JavaScript/Reference/Global_Objects/Map" title="en/JavaScript/Reference/Global_Objects/Map"><code>Map</code></a> と <a href="/en/JavaScript/Reference/Global_Objects/Set" title="en/JavaScript/Reference/Global_Objects/Set"><code>Set</code></a> オブジェクトの実験的サポートを実装しました。</li> + <li>ECMAScript 6 の <a href="/ja/JavaScript/Reference/Statements/for...of" title="for...of"><code>for..of</code></a> 構造をサポートしました。</li> + <li>ECMAScript 6 の <a href="/ja/JavaScript/Reference/Global_Objects/Map" title="en/JavaScript/Reference/Global_Objects/Map"><code>Map</code></a> と <a href="/ja/JavaScript/Reference/Global_Objects/Set" title="en/JavaScript/Reference/Global_Objects/Set"><code>Set</code></a> オブジェクトの実験的サポートを実装しました。</li> </ul> <h3 id="DOM">DOM</h3> @@ -52,7 +52,7 @@ translation_of: Mozilla/Firefox/Releases/13 <h3 id="UA_文字列">UA 文字列</h3> <ul> - <li>Android 版 Firefox は、フォームファクタを示すため <a href="/en/Gecko_user_agent_string_reference#Mobile_and_Tablet_indicators" title="en/Gecko_user_agent_string_reference#Mobile_and_Tablet_indicators">UserAgent 文字列に Tablet または Mobile のトークンを含むようになり</a>、Fennec トークンは持たなくなりました。また "Gecko/" に続く数値は、フリーズした日付から Gecko のバージョン番号に変わります。</li> + <li>Android 版 Firefox は、フォームファクタを示すため <a href="/ja/Gecko_user_agent_string_reference#Mobile_and_Tablet_indicators" title="en/Gecko_user_agent_string_reference#Mobile_and_Tablet_indicators">UserAgent 文字列に Tablet または Mobile のトークンを含むようになり</a>、Fennec トークンは持たなくなりました。また "Gecko/" に続く数値は、フリーズした日付から Gecko のバージョン番号に変わります。</li> <li>UA 文字列では、Gecko のパッチ番号やリリース状況をバージョン番号で公開しないようになりました。バージョン番号は常に "X.Y" という形式になり、X はメジャーリリース番号、Y はマイナー番号を表します。例えば、"13.0" や "14.1" となります。"14.0.1b1" のようにはなりません。</li> </ul> @@ -72,7 +72,7 @@ translation_of: Mozilla/Firefox/Releases/13 <ul> <li>{{ MathMLElement("mtable") }} 要素で <code>width</code> 属性をサポートしました ({{ bug("722880") }})。</li> - <li>数学的なテキストで <a class="external" href="http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/" rel="external">MathJax fonts</a> をデフォルトフォントとして使用するようになりました。詳しくは <a href="/en/Mozilla_MathML_Project/Fonts" title="Fonts for Mozilla's MathML engine">Fonts for Mozilla's MathML engine</a> をご覧ください。</li> + <li>数学的なテキストで <a class="external" href="http://cdn.mathjax.org/mathjax/latest/fonts/HTML-CSS/TeX/otf/" rel="external">MathJax fonts</a> をデフォルトフォントとして使用するようになりました。詳しくは <a href="/ja/Mozilla_MathML_Project/Fonts" title="Fonts for Mozilla's MathML engine">Fonts for Mozilla's MathML engine</a> をご覧ください。</li> </ul> <h3 id="Developer_tools">Developer tools</h3> @@ -111,7 +111,7 @@ translation_of: Mozilla/Firefox/Releases/13 <li>ソースエディタの API に、ダーティフラグのサポートを追加しました。</li> <li>ソースエディタは、Orion を利用せずに {{ HTMLElement("textarea") }} へフォールバックする動作をサポートしなくなりました。</li> <li>エディタが focus と blue のイベントを公開するようになりました。</li> - <li><a href="/en/JavaScript_code_modules/source-editor.jsm#getIndentationString%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getIndentationString%28%29"><code>getIndentationString()</code></a> メソッドを追加しました。これは、エディタでテキストのインデントに使用する文字を返します。</li> + <li><a href="/ja/JavaScript_code_modules/source-editor.jsm#getIndentationString%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getIndentationString%28%29"><code>getIndentationString()</code></a> メソッドを追加しました。これは、エディタでテキストのインデントに使用する文字を返します。</li> <li>ソースエディタで、ブレークポイントのリストの管理とブレークポイントのオン・オフを切り替えるユーザインタフェースの表示をサポートしました。ただし実際は、ブレークポイントを実装していません。そのためのデバッガのコードを記述するのはあなた次第です。</li> <li><code>highlightCurrentLine</code> 設定オプションを用いて、カレント行をハイライトする機能をサポートしました。</li> </ul> @@ -119,7 +119,7 @@ translation_of: Mozilla/Firefox/Releases/13 <h3 id="ARIA">ARIA</h3> <ul> - <li>CSS プロパティ {{ cssxref("margin-left") }}、{{ cssxref("margin-right") }}、{{ cssxref("margin-top") }}、および {{ cssxref("margin-bottom") }} はすべて、同じ名前で ARIA オブジェクトに反映されます。詳しくは <a href="/en/Accessibility/AT-APIs/Gecko/Attrs" title="Gecko Object Attributes">Gecko object attributes</a> をご覧ください。</li> + <li>CSS プロパティ {{ cssxref("margin-left") }}、{{ cssxref("margin-right") }}、{{ cssxref("margin-top") }}、および {{ cssxref("margin-bottom") }} はすべて、同じ名前で ARIA オブジェクトに反映されます。詳しくは <a href="/ja/Accessibility/AT-APIs/Gecko/Attrs" title="Gecko Object Attributes">Gecko object attributes</a> をご覧ください。</li> </ul> <h3 id="インタフェースの変更">インタフェースの変更</h3> diff --git a/files/ja/mozilla/firefox/releases/14/index.html b/files/ja/mozilla/firefox/releases/14/index.html index be3496df2a..a294950a5b 100644 --- a/files/ja/mozilla/firefox/releases/14/index.html +++ b/files/ja/mozilla/firefox/releases/14/index.html @@ -24,7 +24,7 @@ translation_of: Mozilla/Firefox/Releases/14 <h3 id="DOM">DOM</h3> <ul> - <li><a href="/ja/DOM/DOM_event_reference/input">input</a> イベントが <a href="/en/DOM/Element.contentEditable" title="en/DOM/Element.contentEditable">contenteditable</a> エディタをホストしている要素および <a href="/en/DOM/document.designMode" title="document.designMode">designMode</a> エディタのルート要素上での編集でも発生するようになりました。</li> + <li><a href="/ja/DOM/DOM_event_reference/input">input</a> イベントが <a href="/ja/DOM/Element.contentEditable" title="en/DOM/Element.contentEditable">contenteditable</a> エディタをホストしている要素および <a href="/ja/DOM/document.designMode" title="document.designMode">designMode</a> エディタのルート要素上での編集でも発生するようになりました。</li> <li>{{ domxref("DOMException", "DOMException.code") }} は最新の DOM Level 4 仕様に従って非推奨になりました。</li> <li>{{ domxref("Range.insertNode()") }} が 折り畳まれた (collapsed) 範囲上で用いられたときに正しく動作するようになりました。</li> <li>{{ domxref("BlobBuilder", "MozBlobBuilder") }} インタフェースが {{ domxref("Blob") }} コンストラクタの利用を促すために非推奨になりました。<code>MozBlobBuilder</code> を利用した場合、Web コンソールに警告が表示されます。</li> @@ -51,7 +51,7 @@ translation_of: Mozilla/Firefox/Releases/14 <h3 id="HTTP">HTTP</h3> -<p>Gecko で新しい <a href="/en/HTTP" title="HTTP">HTTP</a> <a href="/en/HTTP/HTTP_response_codes#308" title="https://developer.mozilla.org/en/HTTP/HTTP_response_codes#308"><code>308 Permanent Redirect</code></a> ステータスコードがサポートされます。Gecko は永続的リダイレクトと一時的リダイレクトを区別しないので、308 ステータスコードは <a href="/en/HTTP/HTTP_response_codes#307" title="https://developer.mozilla.org/en/HTTP/HTTP_response_codes#307"><code>307 Temporary Redirect</code></a> コードのように振る舞います。307 同様に、ユーザエージェントが 2 つのリクエスト間で HTTP メソッドを変更することは禁止されます (<code>POST</code> は <code>POST のままであり、</code><code>GET</code> は <code>GET のままです</code>)。</p> +<p>Gecko で新しい <a href="/ja/HTTP" title="HTTP">HTTP</a> <a href="/ja/HTTP/HTTP_response_codes#308" title="https://developer.mozilla.org/en/HTTP/HTTP_response_codes#308"><code>308 Permanent Redirect</code></a> ステータスコードがサポートされます。Gecko は永続的リダイレクトと一時的リダイレクトを区別しないので、308 ステータスコードは <a href="/ja/HTTP/HTTP_response_codes#307" title="https://developer.mozilla.org/en/HTTP/HTTP_response_codes#307"><code>307 Temporary Redirect</code></a> コードのように振る舞います。307 同様に、ユーザエージェントが 2 つのリクエスト間で HTTP メソッドを変更することは禁止されます (<code>POST</code> は <code>POST のままであり、</code><code>GET</code> は <code>GET のままです</code>)。</p> <h2 id="Mozilla_開発者とアドオン開発者向けの変更点">Mozilla 開発者とアドオン開発者向けの変更点</h2> @@ -62,7 +62,7 @@ translation_of: Mozilla/Firefox/Releases/14 <ul> <li>現在の選択範囲をコメントアウトする、もしくは、コメントアウトを解除するためのキーボードショートカットが追加されました（Ctrl-/ もしくは Mac OS X では Cmd-/）。</li> <li>現在のブロックの開始と終端にテキスト入力位置を移動するための Ctrl-[ および Ctrl-] キーボードショートカットが追加されました。</li> - <li>新しく <a href="/en/JavaScript_code_modules/source-editor.jsm#getLineStart%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getLineStart%28%29"><code>getLineStart()</code></a> <code>および </code><a href="/en/JavaScript_code_modules/source-editor.jsm#getLineEnd%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getLineEnd%28%29"><code>getLineEnd()</code></a> メソッドが追加されました。</li> + <li>新しく <a href="/ja/JavaScript_code_modules/source-editor.jsm#getLineStart%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getLineStart%28%29"><code>getLineStart()</code></a> <code>および </code><a href="/ja/JavaScript_code_modules/source-editor.jsm#getLineEnd%28%29" title="en/JavaScript_code_modules/source-editor.jsm#getLineEnd%28%29"><code>getLineEnd()</code></a> メソッドが追加されました。</li> </ul> <h3 id="XUL">XUL</h3> @@ -75,7 +75,7 @@ translation_of: Mozilla/Firefox/Releases/14 <ul> <li>{{ interface("nsILocalFile") }} インタフェースは {{ interface("nsIFile") }} にマージされました。 (<a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=682360">bug 682360</a>).</li> - <li>ブックマークをインポートするための {{ interface("nsIPlacesImportExportService") }} におけるメソッドは <code><a href="/en/JavaScript_code_modules/BookmarkHTMLUtils.jsm" title="en/JavaScript_code_modules/BookmarkHTMLUtils.jsm">BookmarkHTMLUtils.jsm</a></code> JavaScript コードモジュールの利用を促すために削除されました。</li> + <li>ブックマークをインポートするための {{ interface("nsIPlacesImportExportService") }} におけるメソッドは <code><a href="/ja/JavaScript_code_modules/BookmarkHTMLUtils.jsm" title="en/JavaScript_code_modules/BookmarkHTMLUtils.jsm">BookmarkHTMLUtils.jsm</a></code> JavaScript コードモジュールの利用を促すために削除されました。</li> <li>{{ interface("nsIDOMGeoPositionAddress") }} インターフェースは削除されました。</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/16/index.html b/files/ja/mozilla/firefox/releases/16/index.html index 2231d2c016..fb351b717b 100644 --- a/files/ja/mozilla/firefox/releases/16/index.html +++ b/files/ja/mozilla/firefox/releases/16/index.html @@ -89,7 +89,7 @@ translation_of: Mozilla/Firefox/Releases/16 <h2 id="Open_Web_App_開発者向けの変更点">Open Web App 開発者向けの変更点</h2> <ul> - <li>Initial <a href="https://developer.mozilla.org/en-US/docs/Apps/Getting_Started">Open Web App support</a> has been implemented in the desktop versions of Firefox (that is, on Windows, Mac OS X, and Linux).</li> + <li>Initial <a href="/ja/docs/Apps/Getting_Started">Open Web App support</a> has been implemented in the desktop versions of Firefox (that is, on Windows, Mac OS X, and Linux).</li> </ul> <h2 id="アドオンと_Mozilla_開発者向け">アドオンと Mozilla 開発者向け</h2> diff --git a/files/ja/mozilla/firefox/releases/2/security_changes/index.html b/files/ja/mozilla/firefox/releases/2/security_changes/index.html index 29205f5a8e..9815c0bad4 100644 --- a/files/ja/mozilla/firefox/releases/2/security_changes/index.html +++ b/files/ja/mozilla/firefox/releases/2/security_changes/index.html @@ -9,7 +9,7 @@ translation_of: Mozilla/Firefox/Releases/2/Security_changes <h2 id="Weak_ciphers_disabled_by_default" name="Weak_ciphers_disabled_by_default">Weak ciphers disabled by default</h2> -<p><a href="/en/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2</a> disables SSLv2 and the weak "export" cipher suites (those with key lengths less than 64 bits) by default, in favor of SSLv3. This provides improved security.</p> +<p><a href="/ja/Firefox_2_for_developers" title="en/Firefox_2_for_developers">Firefox 2</a> disables SSLv2 and the weak "export" cipher suites (those with key lengths less than 64 bits) by default, in favor of SSLv3. This provides improved security.</p> <p>The preferred encryption methods are <code>TLS_DHE_DSS_WITH_3DES_EDE_CBC_SHA</code> and <code>TLS_RSA_WITH_3DES_EDE_CBC_SHA</code>. Some servers refer to these as <code>SSL_DHE_DSS_WITH_3DES_EDE_CBC_SHA</code> and <code>SSL_RSA_WITH_3DES_EDE_CBC_SHA</code>.</p> @@ -29,4 +29,4 @@ translation_of: Mozilla/Firefox/Releases/2/Security_changes <h2 id="Security_improved_for_the_jar_protocol">Security improved for the jar: protocol</h2> -<p>In order to correct a potential security problem when using the <code>jar:</code> protocol, it's now necessary to serve JAR files with the MIME type <code>application/java-archive</code>. See <a href="/en/Security_and_the_jar_protocol" title="en/Security and the jar protocol">Security and the jar protocol</a> for further details.</p> +<p>In order to correct a potential security problem when using the <code>jar:</code> protocol, it's now necessary to serve JAR files with the MIME type <code>application/java-archive</code>. See <a href="/ja/Security_and_the_jar_protocol" title="en/Security and the jar protocol">Security and the jar protocol</a> for further details.</p> diff --git a/files/ja/mozilla/firefox/releases/2/updating_extensions/index.html b/files/ja/mozilla/firefox/releases/2/updating_extensions/index.html index 82943ffe55..d993e66fb1 100644 --- a/files/ja/mozilla/firefox/releases/2/updating_extensions/index.html +++ b/files/ja/mozilla/firefox/releases/2/updating_extensions/index.html @@ -11,7 +11,7 @@ original_slug: Updating_extensions_for_Firefox_2 <h2 id="Step_1:_Update_the_install_manifest">ステップ 1: インストール定義ファイルの更新</h2> -<p>最初のステップ -- ほとんどの拡張機能で唯一必要なこと -- は、<a href="ja/Install_Manifests">インストール定義</a>ファイル install.rdf を更新し、Firefox 2 との互換性を持たせることです。 +<p>最初のステップ -- ほとんどの拡張機能で唯一必要なこと -- は、<a href="/ja/Install_Manifests">インストール定義</a>ファイル install.rdf を更新し、Firefox 2 との互換性を持たせることです。 </p> <p>単純に、Firefox の最大互換バージョンを指示する行を探します (次のように Firefox 1.5 向けになっています)。</p> @@ -31,7 +31,7 @@ original_slug: Updating_extensions_for_Firefox_2 <p>Firefox 2 はデフォルトのテーマに変更を加えています。さらに、一部のユーザインタフェース要素が変更、または移動されているため、あなたの拡張機能の XUL オーバーレイに依存する部分が影響を受けます。 </p> -<p>拡張機能の XUL オーバーレイに影響する変更箇所について学ぶには、<a href="ja/Theme_changes_in_Firefox_2">Firefox 2 におけるテーマの変更点</a>の記事に目を通してください。 +<p>拡張機能の XUL オーバーレイに影響する変更箇所について学ぶには、<a href="/ja/Theme_changes_in_Firefox_2">Firefox 2 におけるテーマの変更点</a>の記事に目を通してください。 </p> <h2 id="Step_3:_Test">ステップ 3: テスト</h2> @@ -43,4 +43,4 @@ original_slug: Updating_extensions_for_Firefox_2 <p><a class=" external" href="https://addons.mozilla.org" rel="freelink">http://addons.mozilla.org</a> 上のあなたの拡張機能のエントリーを更新してください。ユーザが更新を見つけられるようになります。</p> -<p>さらに、あなたの拡張機能のインストール定義ファイルで <code><a href="ja/Install_Manifests#updateURL">updateURL</a></code> を提供している場合は、必ず update manifest を更新し、Firefox が自動的に拡張機能の新バージョンを見つけられるようにしてください。こうすることによって、ユーザが Firefox 2 にアップグレードした後で最初にあなたの拡張機能を実行した時、新バージョンを自動的にインストールさせることができます。</p> +<p>さらに、あなたの拡張機能のインストール定義ファイルで <code><a href="/ja/Install_Manifests#updateURL">updateURL</a></code> を提供している場合は、必ず update manifest を更新し、Firefox が自動的に拡張機能の新バージョンを見つけられるようにしてください。こうすることによって、ユーザが Firefox 2 にアップグレードした後で最初にあなたの拡張機能を実行した時、新バージョンを自動的にインストールさせることができます。</p> diff --git a/files/ja/mozilla/firefox/releases/21/index.html b/files/ja/mozilla/firefox/releases/21/index.html index 3be041c1ce..de9437bf6f 100644 --- a/files/ja/mozilla/firefox/releases/21/index.html +++ b/files/ja/mozilla/firefox/releases/21/index.html @@ -21,7 +21,7 @@ translation_of: Mozilla/Firefox/Releases/21 <ul> <li>旧式の JavaScript 拡張である <a href="/ja/docs/E4X" title="/ja/docs/E4X">E4X</a> を削除しました。Gecko しか実装せず、有意な牽引力は得られませんでした ({{bug("788293")}})。</li> - <li><a href="https://developer.mozilla.org/ja/docs/JavaScript/Reference/Global_Objects/parseInt" title="JavaScript/Reference/Global_Objects/parseInt">parseInt</a> は、先頭が "0" の文字列を 8 進数として扱わないようになりました ({{bug("786135")}})。</li> + <li><a href="/ja/docs/JavaScript/Reference/Global_Objects/parseInt" title="JavaScript/Reference/Global_Objects/parseInt">parseInt</a> は、先頭が "0" の文字列を 8 進数として扱わないようになりました ({{bug("786135")}})。</li> </ul> <h3 id="CSS">CSS</h3> diff --git a/files/ja/mozilla/firefox/releases/29/index.html b/files/ja/mozilla/firefox/releases/29/index.html index 1d72ac15d5..ebf97fc6b8 100644 --- a/files/ja/mozilla/firefox/releases/29/index.html +++ b/files/ja/mozilla/firefox/releases/29/index.html @@ -115,7 +115,7 @@ translation_of: Mozilla/Firefox/Releases/29 <h2 id="Changes_for_add-on_and_Mozilla_developers" name="Changes_for_add-on_and_Mozilla_developers">アドオン開発者と Mozilla 開発者向けの変更点</h2> <ul> - <li><a href="/en-US/Firefox/Australis_add-on_compat">Australis and add-on compatibility</a> - Firefox のユーザインターフェイスに関与する拡張機能のほとんどに影響する、Firefox テーマの主要な変更点です。</li> + <li><a href="/ja/Firefox/Australis_add-on_compat">Australis and add-on compatibility</a> - Firefox のユーザインターフェイスに関与する拡張機能のほとんどに影響する、Firefox テーマの主要な変更点です。</li> <li><code>nsISecurityCheckedComponent</code> を削除しました ({{bug(794943)}})。利用者のほとんどは、インターフェイスの定義から nsISecurityCheckedComponent を単純に削除してかまいません。これで動作し続けるでしょう。</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/3.5/index.html b/files/ja/mozilla/firefox/releases/3.5/index.html index ccb733174c..2d05b82163 100644 --- a/files/ja/mozilla/firefox/releases/3.5/index.html +++ b/files/ja/mozilla/firefox/releases/3.5/index.html @@ -153,18 +153,18 @@ translation_of: Mozilla/Firefox/Releases/3.5 <h3 id="Other_improvements">その他の改善</h3> <ul> - <li>Text ノードの <code><a class="internal" href="/en-US/docs/Web/API/Text/wholeText" rel="internal">wholeText</a></code> プロパティ と <code><a class="internal" href="/en-US/docs/Web/API/Text/replaceWholeText" rel="internal">replaceWholeText()</a></code> メソッドが実装されました。</li> - <li><code><a class="internal" href="/en-US/docs/Web/API/Element/children" rel="internal">element.children</a></code> プロパティが追加されました。これは与えられた要素の子要素の<em>コレクション</em>を返します。</li> + <li>Text ノードの <code><a class="internal" href="/ja/docs/Web/API/Text/wholeText" rel="internal">wholeText</a></code> プロパティ と <code><a class="internal" href="/ja/docs/Web/API/Text/replaceWholeText" rel="internal">replaceWholeText()</a></code> メソッドが実装されました。</li> + <li><code><a class="internal" href="/ja/docs/Web/API/Element/children" rel="internal">element.children</a></code> プロパティが追加されました。これは与えられた要素の子要素の<em>コレクション</em>を返します。</li> <li>{{ domxref("element.contentEditable") }} プロパティに対応するようになり、編集可能な要素に対応するようになりました。</li> - <li>DOM <a class="internal" href="/en-US/docs/Web/API/Element" rel="internal">Element</a> オブジェクトで Element Traversal API がサポートされました。</li> - <li>HTML document ノードを <a class="internal" href="/en-US/docs/Web/API/Node/cloneNode"><code>cloneNode()</code></a> を用いて複製できるようになりました。</li> - <li>非標準であるDOM の <code>getBoxObjectFor()</code> メソッドが削除されました。代わりとして <a class="internal" href="/en-US/docs/Web/API/Element/getBoundingClientRect"><code>getBoundingClientRect()</code></a> を利用すべきです。</li> + <li>DOM <a class="internal" href="/ja/docs/Web/API/Element" rel="internal">Element</a> オブジェクトで Element Traversal API がサポートされました。</li> + <li>HTML document ノードを <a class="internal" href="/ja/docs/Web/API/Node/cloneNode"><code>cloneNode()</code></a> を用いて複製できるようになりました。</li> + <li>非標準であるDOM の <code>getBoxObjectFor()</code> メソッドが削除されました。代わりとして <a class="internal" href="/ja/docs/Web/API/Element/getBoundingClientRect"><code>getBoundingClientRect()</code></a> を利用すべきです。</li> <li>伝達された DOM イベントを再伝達できるようになりました。これにより Firefox 3.5 は Acid 3 test 30 をパスします。</li> <li>DOM 2 Range ハンドリングが改善されました。</li> - <li>非 Chrome スコープにおいて、例外でキャッチされるオブジェクトがスローされたオブジェクトを含む <a class="internal" href="/en-US/docs/XPConnect">XPConnect</a> ラッパーではなく実際にスローされたオブジェクトになりました。</li> + <li>非 Chrome スコープにおいて、例外でキャッチされるオブジェクトがスローされたオブジェクトを含む <a class="internal" href="/ja/docs/XPConnect">XPConnect</a> ラッパーではなく実際にスローされたオブジェクトになりました。</li> <li>SVG ID 参照が動的な変更に対応するようになりました。</li> <li>SVG フィルターが <code>foreignObject</code> でも動作するようになりました。</li> - <li>互換性のために <code>GetSVGDocument()</code> メソッドが <a class="internal" href="/en-US/docs/Web/HTML/Element/object"><code>object</code></a> および <a class="internal" href="/en-US/docs/Web/HTML/Element/iframe"><code>iframe</code></a> 要素に追加されました。</li> + <li>互換性のために <code>GetSVGDocument()</code> メソッドが <a class="internal" href="/ja/docs/Web/HTML/Element/object"><code>object</code></a> および <a class="internal" href="/ja/docs/Web/HTML/Element/iframe"><code>iframe</code></a> 要素に追加されました。</li> <li>JavaScript においてオブジェクトおよび配列の初期化子によるプロパティの暗黙的な設定ではセッターの定義を行わないようになりました。詳細は <a href="/web-tech/2009/04/29/object-and-array-initializers-should-not-invoke-setters-when-evaluated" title="web-tech/2009/04/29/object-and-array-initializers-should-not-invoke-setters-when-evaluated/">オブジェクトおよび配列の初期化子は評価時にセッターの定義を行うべきではない</a> というブログ投稿を参照してください。</li> <li><code>gDownloadLastDir.path</code> 変数は、パスではなく {{ interface("nsIFile") }} を参照しているので、 <code>gDownloadLastDir.file</code> に名称変更されました。</li> <li><code>gDownloadLastDirPath</code> 変数は、パスではなく {{ interface("nsIFile") }} を参照しているので、 <code>gDownloadLastDirFile</code> に名称変更されました。</li> @@ -178,31 +178,31 @@ translation_of: Mozilla/Firefox/Releases/3.5 <h4 id="New_components_and_functionality">新しいコンポーネントと機能</h4> <dl> - <dt><a class="internal" href="/en-US/Supporting_private_browsing_mode">プライベートブラウジングモードのサポート</a></dt> + <dt><a class="internal" href="/ja/Supporting_private_browsing_mode">プライベートブラウジングモードのサポート</a></dt> <dd>Firefox 3.5 ではプライベートブラウジングモードが提供されます。これはユーザの活動を記録しません。拡張はこの記事で挙げるガイドラインに従ってプライベートブラウジングをサポートすることができます。</dd> - <dt><a class="internal" href="/en-US/Security_changes_in_Firefox_3.5">Firefox 3.5 でのセキュリティの変更</a></dt> + <dt><a class="internal" href="/ja/Security_changes_in_Firefox_3.5">Firefox 3.5 でのセキュリティの変更</a></dt> <dd>この記事は Firefox 3.5 でのセキュリティ関連の変更をカバーしています。</dd> - <dt><a class="internal" href="/en-US/Theme_changes_in_Firefox_3.5">Firefox 3.5 でのテーマの変更</a></dt> + <dt><a class="internal" href="/ja/Theme_changes_in_Firefox_3.5">Firefox 3.5 でのテーマの変更</a></dt> <dd>この記事は Firefox 3.5 でのテーマ関連の変更をカバーしています。</dd> - <dt><a class="internal" href="/en-US/Monitoring_WiFi_access_points">WiFi アクセスポイントのモニタリング</a></dt> + <dt><a class="internal" href="/ja/Monitoring_WiFi_access_points">WiFi アクセスポイントのモニタリング</a></dt> <dd>UniversalXPConnect 特権を持つコードで有効なアクセスポイントの一覧がモニタリング可能になり、個々の SSIDs、MAC アドレス、シグナル強度の情報が取得できます。 これを Geolocation と連携して用いることで WiFi ベースのロケーションサービスを提供できます。</dd> </dl> <h4 id="Notable_changes_and_improvements">注目すべき変更と改善</h4> <ul> - <li>XUL <code><a class="internal" href="/en-US/docs/XUL/textbox" rel="internal">textbox</a></code> ウィジェットが検索フィールドとして利用するための <code><a class="internal" href="/en-US/docs/XUL/Attribute/textbox.type" rel="internal">search</a></code> type を提供するようになりました。</li> - <li>ウィンドウ間のタブのドラッグ＆ドロップのサポートのために、<a class="internal" href="/en-US/docs/XUL/browser"><code>browser</code></a> ウィジェットに <a class="internal" href="/en-US/XUL/Method/SwapDocShells"><code>swapDocShells()</code></a> メソッドが定義されました。</li> - <li><a class="internal" href="/en-US/docs/XUL/panel"><code>panel</code></a> 要素に <a class="internal" href="/en-US/docs/XUL/Attribute/panel.level"><code>level</code></a> 属性が追加されました。 これは panel を他のアプリケーションの手前に表示するか、単純に panel が含まれるウィンドウの手前に表示するかどうかを指定できます。</li> + <li>XUL <code><a class="internal" href="/ja/docs/XUL/textbox" rel="internal">textbox</a></code> ウィジェットが検索フィールドとして利用するための <code><a class="internal" href="/ja/docs/XUL/Attribute/textbox.type" rel="internal">search</a></code> type を提供するようになりました。</li> + <li>ウィンドウ間のタブのドラッグ＆ドロップのサポートのために、<a class="internal" href="/ja/docs/XUL/browser"><code>browser</code></a> ウィジェットに <a class="internal" href="/ja/XUL/Method/SwapDocShells"><code>swapDocShells()</code></a> メソッドが定義されました。</li> + <li><a class="internal" href="/ja/docs/XUL/panel"><code>panel</code></a> 要素に <a class="internal" href="/ja/docs/XUL/Attribute/panel.level"><code>level</code></a> 属性が追加されました。 これは panel を他のアプリケーションの手前に表示するか、単純に panel が含まれるウィンドウの手前に表示するかどうかを指定できます。</li> <li>XUL 要素が <code>clientHeight</code>、<code>clientWidth</code>、<code>scrollHeight</code>、<code>scrollWidth </code> プロパティをサポートするようになりました。</li> - <li><a class="internal" href="/en-US/docs/XUL/keyset"><code>keyset</code></a>s now include a <code>disabled</code> 要素に <code>disabled</code> 属性が追加されました。</li> - <li>加えて、 <code>keyset</code> 要素はノードの <a class="internal" href="/en-US/docs/Web/API/Node/removeChild"><code>removeChild()</code></a> メソッドを用いて削除可能になりました。</li> - <li><code><a href="/en-US/docs/mozIStorageStatement" rel="internal">mozIStorageStatement</a></code> には <code>initialize()</code> メソッドがありましたが、削除されました。利用者は新しいステートメントオブジェクトを得るための代替として <code><a href="/en-US/docs/mozIStorageConnection#createStatement()" rel="internal">createStatement()</a></code> メソッドを使うべきです。</li> - <li><a class="internal" href="/en-US/docs/Storage">Storage</a> API が非同期リクエストのサポートを提供するようになりました。</li> - <li><a class="internal" href="/en-US/docs/XPCOM_Interface_Reference/nsICookie2"><code>nsICookie2</code></a> インターフェースに新しく <code>creationTime</code> 属性が追加され、Cookie が作成された時間を取得できるようになりました。</li> - <li>プロトコルが登録することを許可されることを保証するために Chrome 登録の間にチェックされる <code><a class="internal" href="/en-US/docs/nsIProtocolHandler" rel="internal">nsIProtocolHandler</a></code> へのフラグが追加されました (<code>URI_IS_LOCAL_RESOURCE</code>)。</li> + <li><a class="internal" href="/ja/docs/XUL/keyset"><code>keyset</code></a>s now include a <code>disabled</code> 要素に <code>disabled</code> 属性が追加されました。</li> + <li>加えて、 <code>keyset</code> 要素はノードの <a class="internal" href="/ja/docs/Web/API/Node/removeChild"><code>removeChild()</code></a> メソッドを用いて削除可能になりました。</li> + <li><code><a href="/ja/docs/mozIStorageStatement" rel="internal">mozIStorageStatement</a></code> には <code>initialize()</code> メソッドがありましたが、削除されました。利用者は新しいステートメントオブジェクトを得るための代替として <code><a href="/ja/docs/mozIStorageConnection#createStatement()" rel="internal">createStatement()</a></code> メソッドを使うべきです。</li> + <li><a class="internal" href="/ja/docs/Storage">Storage</a> API が非同期リクエストのサポートを提供するようになりました。</li> + <li><a class="internal" href="/ja/docs/XPCOM_Interface_Reference/nsICookie2"><code>nsICookie2</code></a> インターフェースに新しく <code>creationTime</code> 属性が追加され、Cookie が作成された時間を取得できるようになりました。</li> + <li>プロトコルが登録することを許可されることを保証するために Chrome 登録の間にチェックされる <code><a class="internal" href="/ja/docs/nsIProtocolHandler" rel="internal">nsIProtocolHandler</a></code> へのフラグが追加されました (<code>URI_IS_LOCAL_RESOURCE</code>)。</li> <li>Linux で Firefox がプラグインを探すために <code>/usr/lib/mozilla/plugins</code> を見るようになりました。以前にサポートされていた場所も同様に検索対象です。</li> - <li>プラグイン API がプライベートブラウジングモードのサポートを含むために更新されました。これにより、<code>NPNprivateModeBool</code> を用いているプライベートブラウジングモードの状態を調べるために、 <a class="internal" href="/en-US/docs/NPN_GetValue"><code>NPN_GetValue()</code></a> を使用できるようになりました。</li> + <li>プラグイン API がプライベートブラウジングモードのサポートを含むために更新されました。これにより、<code>NPNprivateModeBool</code> を用いているプライベートブラウジングモードの状態を調べるために、 <a class="internal" href="/ja/docs/NPN_GetValue"><code>NPN_GetValue()</code></a> を使用できるようになりました。</li> </ul> <h2 id="New_features_for_end_users">エンドユーザ向け新機能</h2> diff --git a/files/ja/mozilla/firefox/releases/3.6/index.html b/files/ja/mozilla/firefox/releases/3.6/index.html index 5439c782c1..9ba4ef27ba 100644 --- a/files/ja/mozilla/firefox/releases/3.6/index.html +++ b/files/ja/mozilla/firefox/releases/3.6/index.html @@ -65,7 +65,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <h3 id="JavaScript">JavaScript</h3> -<p>Gecko 1.9.2 は JavaScript 1.8.2 を採用し、<a href="/En/JavaScript/ECMAScript_5_support_in_Mozilla" title="https://developer.mozilla.org/En/JavaScript/ECMAScript_5_support_in_Mozilla">ECMAScript 5 standard</a> から多くの言語機能が追加されました:</p> +<p>Gecko 1.9.2 は JavaScript 1.8.2 を採用し、<a href="/ja/JavaScript/ECMAScript_5_support_in_Mozilla" title="https://developer.mozilla.org/En/JavaScript/ECMAScript_5_support_in_Mozilla">ECMAScript 5 standard</a> から多くの言語機能が追加されました:</p> <ul> <li><a href="/ja/docs/JavaScript/Reference/Global_Objects/Date/parse" title="Core JavaScript 1.5 Reference/Global Objects/Date/parse"><code>Date.parse()</code></a> は YYYY-MM-DD のような ISO 8601 dates をデコードできるようになりました。</li> @@ -76,7 +76,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <dl> <dt>Web workers が自己終了可能に</dt> - <dd>Workers が <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIWorkerScope#close()">nsIWorkerScope.close()</a></code> メソッドをサポートし、自分自身で終了できるようになりました。</dd> + <dd>Workers が <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIWorkerScope#close()">nsIWorkerScope.close()</a></code> メソッドをサポートし、自分自身で終了できるようになりました。</dd> <dt>ドラッグ＆ドロップがファイルをサポート</dt> <dd>ドラッグリスナーで提供される <a href="/ja/docs/DragDrop/DataTransfer" title="DragDrop/DataTransfer"><code>DataTransfer</code></a> オブジェクトがドラッグされたファイルを含むようになりました。</dd> <dt><a href="/ja/docs/Detecting_device_orientation" title="Detecting device orientation">デバイスの傾きの検出</a></dt> @@ -93,7 +93,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <li>chrome に対してのみアクセス可能な新しい <a class="internal" href="/ja/docs/DOM/window.mozScreenPixelsPerCSSPixel" title="DOM/window.mozScreenPixelsPerCSSPixel"><code>mozScreenPixelsPerCSSPixel</code></a> プロパティは CSS ピクセルとスクリーン・ピクセルの変換率を提供します。この値はコンテンツのズームレベルに応じて変化します。</li> <li>ページ URI の文書フラグメント識別子（"#" (ハッシュ) 文字の後の部分）が変更になったとき、新たな <code>hashchange</code> イベントがページに送られます。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=385434" title="FIXED: Add support for HTML5 onhashchange (event for named anchor changes)">バグ 385434</a>、<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=504837" title="FIXED: hashchange event should not be restricted to firing only when the document's ready state is "complete"">バグ 504837</a>、および <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=504220" title="FIXED: document.body and window should contain onhashchange attribute">バグ 504220</a> を参照してください。</li> <li><code>document.readystate で</code> <code>complete </code>属性がサポートされました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=347174" title='FIXED: Implement document.readystate == "complete"'>バグ 347174</a>。</li> - <li>HTML5 の <code><a class="internal" href="/en/DOM/element.classList" title="element.classList">element.classList</a></code> がサポートされ、クラス属性の処理が容易になりました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=501257" title="FIXED: Implement HTML 5's HTMLElement.classList property">バグ 501257</a></li> + <li>HTML5 の <code><a class="internal" href="/ja/DOM/element.classList" title="element.classList">element.classList</a></code> がサポートされ、クラス属性の処理が容易になりました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=501257" title="FIXED: Implement HTML 5's HTMLElement.classList property">バグ 501257</a></li> <li>HTML 文書の <code>localName</code> と <code>namespaceURI</code> が XHTML 文書と同じように振舞うようになりました。<code>localName</code> は小文字で値を返し、HTML 要素の <code>namespaceURI</code> は <code>"<a class="external" href="http://www.w3.org/1999/xhtml" rel="freelink">http://www.w3.org/1999/xhtml</a>"</code> です。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPositionAddress" title="">nsIDOMGeoPositionAddress</a></code> インタフェースによりジオロケーションの address がサポートされ、新しいフィールドが <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMGeoPosition" title="">nsIDOMGeoPosition</a></code> に追加されました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=503942" title="FIXED: Implement Geolocation Addresses">バグ 503942</a></li> <li><a href="/ja/docs/Web/API/Window/getComputedStyle" title="要素の算出スタイルを返します。算出スタイルは、要素に対して適用される全ての CSS プロパティにおいて最終的に算出された値です。"><code>window.getComputedStyle</code></a> 関数は <code>url()</code> 値の中をクォートして返すようになりました。</li> @@ -125,7 +125,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <ul> <li>Places のクエリーは結果にリダイレクトされたページが含んでいるかどうかを特定できるように <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsINavHistoryQueryOptions" title="">nsINavHistoryQueryOptions</a></code> インタフェースで <code>redirectsMode</code> を利用できるようになりました。</li> - <li>新しい <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIFaviconService#expireAllFavicons()">nsIFaviconService.expireAllFavicons()</a></code> メソッドが <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFaviconService" title="">nsIFaviconService</a></code> インターフェースに追加されました。</li> + <li>新しい <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIFaviconService#expireAllFavicons()">nsIFaviconService.expireAllFavicons()</a></code> メソッドが <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFaviconService" title="">nsIFaviconService</a></code> インターフェースに追加されました。</li> </ul> <h3 id="Storage">Storage</h3> @@ -144,7 +144,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <h3 id="Preferences">Preferences</h3> <ul> - <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIContentPrefService" title="">nsIContentPrefService</a></code> インタフェースが新しく二つのメソッドを持ちました: <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIContentPrefService#getPrefsByName()">nsIContentPrefService.getPrefsByName()</a></code> と <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIContentPrefService#removePrefsByName()">nsIContentPrefService.removePrefsByName()</a></code>。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIContentPrefService" title="">nsIContentPrefService</a></code> インタフェースが新しく二つのメソッドを持ちました: <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIContentPrefService#getPrefsByName()">nsIContentPrefService.getPrefsByName()</a></code> と <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIContentPrefService#removePrefsByName()">nsIContentPrefService.removePrefsByName()</a></code>。</li> </ul> <h3 id="テーマ">テーマ</h3> @@ -165,18 +165,18 @@ translation_of: Mozilla/Firefox/Releases/3.6 <li>オブジェクトに対して <code>container-live-role</code> 属性を持たせるためのサポートが追加されました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=391829" title="FIXED: Add support for container-live-role to object attributes">バグ 391829</a> を参照してください。</li> <li><code>tabs-closebutton</code> バインディングが削除されました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=500971" title="FIXED: Remove obsolete tabs-closebutton binding">バグ 500971</a> を参照してください。</li> <li>発生したイベントに基づいて音を鳴らすための <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISound" title="">nsISound</a></code> に対するサポートが追加されました。 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=502799" title="FIXED: add new nsISound method for the event sounds">バグ 502799</a> を参照してください。</li> - <li>Gecko 1.9 での新しいドラッグ＆ドロップ API をサポートするために <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsITreeView" title="">nsITreeView</a></code> のメソッドである <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsITreeView#canDrop()">nsITreeView.canDrop()</a></code> および <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsITreeView#drop()">nsITreeView.drop()</a></code> の構文が変更になりました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=455590" title="FIXED: Allow new dnd api with tree views">バグ 455590</a> を参照してください。</li> - <li>Windows のダイアログとウィザードのデフォルトボタンへのマウスカーソルの移動がサポートされました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=76053" title='FIXED: Windows mouse integration: "Snap to default button in dialog boxes"'>バグ 76053</a> を参照してください。これはダイアログとウィザード要素によって自動的に行われます。ただし、XUL アプリケーションが <code>window</code> 要素のウィンドウを生成し、それがデフォルトボタンを持つ場合は、ウィンドウの onload イベントで <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIDOMChromeWindow#notifyDefaultButtonLoaded()">nsIDOMChromeWindow.notifyDefaultButtonLoaded()</a></code> をコールする必要があります。</li> + <li>Gecko 1.9 での新しいドラッグ＆ドロップ API をサポートするために <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsITreeView" title="">nsITreeView</a></code> のメソッドである <code><a href="/ja/docs/XPCOM_Interface_Reference/nsITreeView#canDrop()">nsITreeView.canDrop()</a></code> および <code><a href="/ja/docs/XPCOM_Interface_Reference/nsITreeView#drop()">nsITreeView.drop()</a></code> の構文が変更になりました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=455590" title="FIXED: Allow new dnd api with tree views">バグ 455590</a> を参照してください。</li> + <li>Windows のダイアログとウィザードのデフォルトボタンへのマウスカーソルの移動がサポートされました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=76053" title='FIXED: Windows mouse integration: "Snap to default button in dialog boxes"'>バグ 76053</a> を参照してください。これはダイアログとウィザード要素によって自動的に行われます。ただし、XUL アプリケーションが <code>window</code> 要素のウィンドウを生成し、それがデフォルトボタンを持つ場合は、ウィンドウの onload イベントで <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIDOMChromeWindow#notifyDefaultButtonLoaded()">nsIDOMChromeWindow.notifyDefaultButtonLoaded()</a></code> をコールする必要があります。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsILocalFileMac" title="">nsILocalFileMac</a></code> インタフェースが二つのメソッドを持ちました: <code>setFileTypeAndCreatorFromMIMEType()</code> と <code>setFileTypeAndCreatorFromExtension()</code>。</li> <li>新しい <a class="internal" href="/ja/docs/JavaScript_code_modules/NetUtil.jsm" title="JavaScript code modules/NetUtil.jsm"><code>NetUtils.jsm</code></a> コードモジュールは、入力ストリームから出力ストリームに非同期にデータをコピーする簡単に利用できるメソッドを提供します。</li> <li>新しい <a class="internal" href="/ja/docs/JavaScript_code_modules/openLocationLastURL.jsm" title="JavaScript code modules/openLocationLastURL.jsm"><code>openLocationLastURL.jsm</code></a> コードモジュールは、プライベートブラウジングモードであるかを正しく判断して、"Open Location" ダイアログボックスの記憶された URL データの読み込みと変更を容易にします。</li> <li>Windows では、<code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIScreen" title="">nsIScreen</a></code> インタフェースは、グラフィックスドライバーが32ビットをサポートしていても、ピクセルごとに 24 ビットカラーをレポートします。これは24ビットは実際に利用されているカラーピクセルの数をより正確に表現するためです。</li> - <li>Window では <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code> XUL 要素の新しい <code id="a-autohide"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/autohide">autohide</a></code> アトリビュートを用いてメニューバーを隠すことができます。</li> - <li><span id="m-loadOneTab"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/loadOneTab">loadOneTab</a></code></span> と <span id="m-addTab"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/addTab">addTab</a></code></span> メソッドは新しい <code>relatedToCurrent</code> パラメータをサポートし、加えて、多くのパラメータが省略可能であるために名前によるパラメータの指定ができます。</li> + <li>Window では <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar" title="toolbar">toolbar</a></code> XUL 要素の新しい <code id="a-autohide"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/autohide">autohide</a></code> アトリビュートを用いてメニューバーを隠すことができます。</li> + <li><span id="m-loadOneTab"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/loadOneTab">loadOneTab</a></code></span> と <span id="m-addTab"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/addTab">addTab</a></code></span> メソッドは新しい <code>relatedToCurrent</code> パラメータをサポートし、加えて、多くのパラメータが省略可能であるために名前によるパラメータの指定ができます。</li> <li>インストール manifests で "hidden" プロパティはサポートされなくなりました。アドオンマネージャウィンドウ上でユーザが見ることのできないアドオンは不可能になりました。</li> <li>@mozilla.org/webshell;1 コンポーネントはもう存在しません。代わりに @mozilla.org/docshell;1 を使う必要があります。</li> - <li>タイマーイベントをスケジュールするために、タイマーがコールするオブジェクトをインスタンシエイトすることなく update-timer カテゴリで登録できるようになりました。代わりに必要になったときにインスタンシエイトされます。詳細は <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIUpdateTimerManager#registerTimer()">nsIUpdateTimerManager.registerTimer()</a></code> を参照してください。</li> - <li>The <a href="/en/NPN_GetValue" title="en/NPN GetValue"><code>NPN_GetValue()</code></a> 関数はもはや変数値 <code>NPNVserviceManager</code>, <code>NPNVDOMelement</code>, <code>NPNVDOMWindow </code>を経由した XPCOM へのアクセスを提供しません。これは将来のバージョンの Gecko バージョンでプラグインを分離したプロセスで動作させるための作業の一部です。</li> + <li>タイマーイベントをスケジュールするために、タイマーがコールするオブジェクトをインスタンシエイトすることなく update-timer カテゴリで登録できるようになりました。代わりに必要になったときにインスタンシエイトされます。詳細は <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIUpdateTimerManager#registerTimer()">nsIUpdateTimerManager.registerTimer()</a></code> を参照してください。</li> + <li>The <a href="/ja/NPN_GetValue" title="en/NPN GetValue"><code>NPN_GetValue()</code></a> 関数はもはや変数値 <code>NPNVserviceManager</code>, <code>NPNVDOMelement</code>, <code>NPNVDOMWindow </code>を経由した XPCOM へのアクセスを提供しません。これは将来のバージョンの Gecko バージョンでプラグインを分離したプロセスで動作させるための作業の一部です。</li> </ul> <h2 id="FirefoxGecko_開発者向け">Firefox/Gecko 開発者向け</h2> @@ -239,7 +239,7 @@ translation_of: Mozilla/Firefox/Releases/3.6 <ul> <li>メインドキュメントの子どもが変更された時と同様に、frame と iframe の子どもが変更されたときに <span style="font-family: monospace;">EVENT</span><code>_REORDER</code> <a href="/ja/docs/XPCOM_Interface_Reference/nsIAccessibleEvent" title="XPCOM Interface Reference/nsIAccessibleEvent">アクセシビリティイベント</a> が送信されます。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=420845" title="FIXED: Fire event_reorder on any embedded frames/iframes whos document has just loaded.">バグ 420845</a> を参照してください。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIAccessibleTable#selectRow()">nsIAccessibleTable.selectRow()</a></code> は指定された列が選択される前にどんなカレントの選択であっても正しく削除します。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/nsIAccessibleTable#selectRow()">nsIAccessibleTable.selectRow()</a></code> は指定された列が選択される前にどんなカレントの選択であっても正しく削除します。</li> </ul> <h2 id="See_also" name="See_also">参照</h2> diff --git a/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html b/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html index 8a7859aa32..793c4db0bc 100644 --- a/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html +++ b/files/ja/mozilla/firefox/releases/3/updating_extensions/index.html @@ -75,7 +75,7 @@ original_slug: Updating_extensions_for_Firefox_3 <h4 id=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97_.28.E3.83.A1.E3.83.8B.E3.83.A5.E3.83.BC.E3.80.81.E3.82.B3.E3.83.B3.E3.83.86.E3.82.AD.E3.82.B9.E3.83.88.E3.83.A1.E3.83.8B.E3.83.A5.E3.83.BC.E3.80.81.E3.83.84.E3.83.BC.E3.83.AB.E3.83.81.E3.83.83.E3.83.97.E3.80.81.E3.83.91.E3.83.8D.E3.83.AB.29" name=".E3.83.9D.E3.83.83.E3.83.97.E3.82.A2.E3.83.83.E3.83.97_.28.E3.83.A1.E3.83.8B.E3.83.A5.E3.83.BC.E3.80.81.E3.82.B3.E3.83.B3.E3.83.86.E3.82.AD.E3.82.B9.E3.83.88.E3.83.A1.E3.83.8B.E3.83.A5.E3.83.BC.E3.80.81.E3.83.84.E3.83.BC.E3.83.AB.E3.83.81.E3.83.83.E3.83.97.E3.80.81.E3.83.91.E3.83.8D.E3.83.AB.29">ポップアップ (メニュー、コンテキストメニュー、ツールチップ、パネル)</h4> -<p>XUL のポップアップシステムは Firefox 3 で大幅に変更されました。ポップアップシステムには、メインメニュー、コンテキストメニュー、ポップアップパネルが含まれます。新しいシステムの仕組みについては <a href="/ja/XUL/PopupGuide">ポップアップの使用</a> ガイドをご覧ください。特筆すべき点は、<code>popup.<span id="m-showPopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/showPopup">showPopup</a></code></span></code> が非推奨となり、新しい <code>popup.<span id="m-openPopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span></code> と <code>popup.<span id="m-openPopupAtScreen"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/openPopupAtScreen">openPopupAtScreen</a></code></span></code> に置き換えられたことです。</p> +<p>XUL のポップアップシステムは Firefox 3 で大幅に変更されました。ポップアップシステムには、メインメニュー、コンテキストメニュー、ポップアップパネルが含まれます。新しいシステムの仕組みについては <a href="/ja/XUL/PopupGuide">ポップアップの使用</a> ガイドをご覧ください。特筆すべき点は、<code>popup.<span id="m-showPopup"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/showPopup">showPopup</a></code></span></code> が非推奨となり、新しい <code>popup.<span id="m-openPopup"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span></code> と <code>popup.<span id="m-openPopupAtScreen"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/openPopupAtScreen">openPopupAtScreen</a></code></span></code> に置き換えられたことです。</p> <h4 id=".E8.87.AA.E5.8B.95.E8.A3.9C.E5.AE.8C" name=".E8.87.AA.E5.8B.95.E8.A3.9C.E5.AE.8C">自動補完</h4> diff --git a/files/ja/mozilla/firefox/releases/35/index.html b/files/ja/mozilla/firefox/releases/35/index.html index f3e9dbd340..c415aaef70 100644 --- a/files/ja/mozilla/firefox/releases/35/index.html +++ b/files/ja/mozilla/firefox/releases/35/index.html @@ -119,7 +119,7 @@ translation_of: Mozilla/Firefox/Releases/35 <h3 id="XUL_.26_Add-ons" name="XUL_.26_Add-ons">XUL およびアドオン</h3> <ul> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> のプライベートなメソッドである <code>_getTabForBrowser()</code> が非推奨になりました。代わりに、パブリックなメソッドである <span id="m-getTabForBrowser"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getTabForBrowser">getTabForBrowser</a></code></span> を新たに追加しました。予想されているとおり、このメソッドは指定した <code><a href="/ja/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code> を包含する <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> 要素を返します。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> のプライベートなメソッドである <code>_getTabForBrowser()</code> が非推奨になりました。代わりに、パブリックなメソッドである <span id="m-getTabForBrowser"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/getTabForBrowser">getTabForBrowser</a></code></span> を新たに追加しました。予想されているとおり、このメソッドは指定した <code><a href="/ja/docs/Mozilla/Tech/XUL/browser" title="browser">browser</a></code> を包含する <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> 要素を返します。</li> <li><a href="/ja/docs/Web/API/Performance/now" title="performance.now() メソッドは、ミリ秒単位で計測された DOMHighResTimeStamp を返します。"><code>Performance.now()</code></a> と対等である <code>Components.utils.now()</code> を、window 以外の chrome コード向けに実装しました (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=969490" title="FIXED: Implement Components.utils.now() to match Performance.now() for non-window chrome code">バグ 969490</a>)。</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/4/index.html b/files/ja/mozilla/firefox/releases/4/index.html index bad241c386..4c42259e9a 100644 --- a/files/ja/mozilla/firefox/releases/4/index.html +++ b/files/ja/mozilla/firefox/releases/4/index.html @@ -416,20 +416,20 @@ Gecko 2.0 note <ul> <li>TabClose/TabSelect/TabOpen イベントはもはや tabbrowser 要素 (gBrowser) にバブルアップしません。これらのイベントのためのイベントリスナーは gBrowser 直接ではなく gBrowser.tabContainer に追加すべきです。</li> <li>タブコンテキストメニューはもはや tabbrowser の無名の子要素ではありません。それゆえ <a href="/ja/docs/XUL_Overlays">XUL オーバーレイ</a>で直接オーバレイできるようになります。gBrowser.tabContextMenu 経由で JavaScript でより直接的にアクセスすることもできます。詳細は<a href="http://www.gavinsharp.com/blog/2010/03/31/accessingmodifying-the-firefox-tab-context-menu-from-extensions/">このブログ投稿</a>を参照してください。</li> - <li>新たに <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/visibleTabs">visibleTabs</a></span></code> プロパティが追加され、これを用いると、現在表示されているタブの配列を取得することができます。このことにより、現在のタブセットでどのタブが表示されているかを知ることができます。これは例えば、Firefox Panorama で利用されています。</li> - <li>新たに <span id="m-showOnlyTheseTabs"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/showOnlyTheseTabs">showOnlyTheseTabs</a></code></span> メソッドが追加されました。これは Firefox Panorama で用いられています。</li> - <li>新たに <span id="m-getIcon"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getIcon">getIcon</a></code></span> メソッドが追加されました。これを用いると、<code><a href="/ja/docs/Mozilla/Tech/XUL/browser"><xul:browser></a></code> 要素から引っ張り出す必要無しに、 タブのファビコンを得ることができます。</li> - <li>新たに <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabbrowser.tabs">tabbrowser.tabs</a></span></code> プロパティが追加されました。これを用いると、簡単に <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code> 要素内のタブの一覧を取得できます。</li> - <li>新たに <span id="m-pinTab"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/pinTab">pinTab</a></code></span> と <span id="m-unpinTab"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/unpinTab">unpinTab</a></code></span> メソッドが追加されました。これを用いると、タブのアイコン化およびタブのアイコン化の解除ができます（つまり、アイコンタブと通常タブを切り替えます）。</li> - <li><span id="m-getTabModalPromptBox"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getTabModalPromptBox">getTabModalPromptBox</a></code></span> メソッドと <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code> 要素の <code id="a-tabmodalPromptShowing"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabmodalPromptShowing">tabmodalPromptShowing</a></code> 属性がタブモーダルアラートのサポートのために追加されました。</li> + <li>新たに <code><span><a href="/ja/docs/XUL/Property/visibleTabs">visibleTabs</a></span></code> プロパティが追加され、これを用いると、現在表示されているタブの配列を取得することができます。このことにより、現在のタブセットでどのタブが表示されているかを知ることができます。これは例えば、Firefox Panorama で利用されています。</li> + <li>新たに <span id="m-showOnlyTheseTabs"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/showOnlyTheseTabs">showOnlyTheseTabs</a></code></span> メソッドが追加されました。これは Firefox Panorama で用いられています。</li> + <li>新たに <span id="m-getIcon"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/getIcon">getIcon</a></code></span> メソッドが追加されました。これを用いると、<code><a href="/ja/docs/Mozilla/Tech/XUL/browser"><xul:browser></a></code> 要素から引っ張り出す必要無しに、 タブのファビコンを得ることができます。</li> + <li>新たに <code><span><a href="/ja/docs/XUL/Property/tabbrowser.tabs">tabbrowser.tabs</a></span></code> プロパティが追加されました。これを用いると、簡単に <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code> 要素内のタブの一覧を取得できます。</li> + <li>新たに <span id="m-pinTab"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/pinTab">pinTab</a></code></span> と <span id="m-unpinTab"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/unpinTab">unpinTab</a></code></span> メソッドが追加されました。これを用いると、タブのアイコン化およびタブのアイコン化の解除ができます（つまり、アイコンタブと通常タブを切り替えます）。</li> + <li><span id="m-getTabModalPromptBox"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/getTabModalPromptBox">getTabModalPromptBox</a></code></span> メソッドと <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser"><xul:tabbrowser></a></code> 要素の <code id="a-tabmodalPromptShowing"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/tabmodalPromptShowing">tabmodalPromptShowing</a></code> 属性がタブモーダルアラートのサポートのために追加されました。</li> </ul> <h4 id="Changes_to_popups" name="Changes_to_popups">ポップアップに対する変更点</h4> <ul> <li><code><a href="/ja/docs/Mozilla/Tech/XUL/popup"><xul:popup></a></code> 要素がサポートされなくなりました。代わりに <code><a href="/ja/docs/Mozilla/Tech/XUL/menupopup"><xul:menupopup></a></code> 要素を使うべきです。(<code>popup</code> 要素を用い続けた場合、その要素にはもはや何の特別な意味もないため、不具合に遭遇するでしょう。例えば、<code><a href="/ja/docs/Mozilla/Tech/XUL/menuseparator"><xul:menuseparator></a></code> 要素は <code><a href="/ja/docs/Mozilla/Tech/XUL/popup"><xul:popup></a></code> 要素内で用いたときに透明で表示される可能性があります。)</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/menupopup"><xul:menupopup></a></code> XUL 要素に <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/triggerNode">triggerNode</a></span></code> プロパティが追加されました。このプロパティはポップアップを開くイベントが起こったノードを示します。これは <span id="m-openPopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span> メソッドに対するトリガーイベント引数の追加も必要とします。また、 <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/anchorNode">anchorNode</a></span></code> プロパティも追加されました。このプロパティはポップアップが作成されたときに指定されたアンカーを返します。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/panel"><xul:panel></a></code> 要素に <code id="a-fade"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/fade">fade</a></code> および <code id="a-flip"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/flip">flip</a></code> 属性が追加されました。これらの属性は新しい "arrow" スタイル通知パネルの挙動を設定するために用いられます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/menupopup"><xul:menupopup></a></code> XUL 要素に <code><span><a href="/ja/docs/XUL/Property/triggerNode">triggerNode</a></span></code> プロパティが追加されました。このプロパティはポップアップを開くイベントが起こったノードを示します。これは <span id="m-openPopup"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup</a></code></span> メソッドに対するトリガーイベント引数の追加も必要とします。また、 <code><span><a href="/ja/docs/XUL/Property/anchorNode">anchorNode</a></span></code> プロパティも追加されました。このプロパティはポップアップが作成されたときに指定されたアンカーを返します。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/panel"><xul:panel></a></code> 要素に <code id="a-fade"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/fade">fade</a></code> および <code id="a-flip"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/flip">flip</a></code> 属性が追加されました。これらの属性は新しい "arrow" スタイル通知パネルの挙動を設定するために用いられます。</li> </ul> <h4 id="Remote_XUL_support_removed" name="Remote_XUL_support_removed">リモート XUL サポートの削除</h4> @@ -439,26 +439,26 @@ Gecko 2.0 note <h4 id="Miscellaneous_XUL_changes" name="Miscellaneous_XUL_changes">小さな XUL の変更</h4> <ul> - <li><code id="a-readonly"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/readonly">readonly</a></code> 属性がフィールドで正しく動作するようになりました。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/resizer"><xul:resizer></a></code> 要素でウィンドウをリサイズする代わりにリサイズする要素を指定できる <code id="a-element"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/element">element</a></code> 属性を用いることができるようになりました。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/resizer"><xul:resizer></a></code> 要素に <code id="a-resizer.type"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/resizer.type">type</a></code> 属性が追加され、これを用いることで、要素の変わりにウィンドウのリサイズグリップを指定し、ウィンドウのリサイズグリップが 2 度描画されることを防ぐことができます。</li> + <li><code id="a-readonly"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/readonly">readonly</a></code> 属性がフィールドで正しく動作するようになりました。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/resizer"><xul:resizer></a></code> 要素でウィンドウをリサイズする代わりにリサイズする要素を指定できる <code id="a-element"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/element">element</a></code> 属性を用いることができるようになりました。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/resizer"><xul:resizer></a></code> 要素に <code id="a-resizer.type"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/resizer.type">type</a></code> 属性が追加され、これを用いることで、要素の変わりにウィンドウのリサイズグリップを指定し、ウィンドウのリサイズグリップが 2 度描画されることを防ぐことができます。</li> <li>"active" 属性は XUL ウィンドウでは設定されません。背景ウィンドウに異なるスタイルを指定するための新しい <a href="/ja/docs/Web/CSS/:-moz-window-inactive" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>:-moz-window-inactive</code></a> 擬似クラスを利用してください。</li> - <li><code id="a-emptytext"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/emptytext">emptytext</a></code> 属性は非推奨になりました。代わりに <code id="a-placeholder"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/placeholder">placeholder</a></code> を用いるべきです。</li> + <li><code id="a-emptytext"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/emptytext">emptytext</a></code> 属性は非推奨になりました。代わりに <code id="a-placeholder"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/placeholder">placeholder</a></code> を用いるべきです。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XUL/popup"><xul:popup></a></code> 要素はサポートされません。代わりに <code><a href="/ja/docs/Mozilla/Tech/XUL/menupopup"><xul:menupopup></a></code> を持ちいるべきです。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素が <code id="a-accelerated"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/accelerated">accelerated</a></code> 属性を提供するようになりました。true の場合、ハードウェアレイヤーマネージャがウィンドウをアクセラレーションすることが許可されます。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/stack"><xul:stack></a></code> 要素が <code id="a-bottom"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/bottom">bottom</a></code> と <code id="a-right"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/right">right</a></code> 要素をサポートするようになりました。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tree"><xul:tree></a></code> 要素での <code id="a-alternatingbackground"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/alternatingbackground">alternatingbackground</a></code> 属性はサポートされません。代わりに <a href="/ja/docs/Web/CSS/:-moz-tree-row" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>:-moz-tree-row</code></a> 擬似クラスを利用できます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素が <code id="a-accelerated"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/accelerated">accelerated</a></code> 属性を提供するようになりました。true の場合、ハードウェアレイヤーマネージャがウィンドウをアクセラレーションすることが許可されます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/stack"><xul:stack></a></code> 要素が <code id="a-bottom"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/bottom">bottom</a></code> と <code id="a-right"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/right">right</a></code> 要素をサポートするようになりました。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tree"><xul:tree></a></code> 要素での <code id="a-alternatingbackground"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/alternatingbackground">alternatingbackground</a></code> 属性はサポートされません。代わりに <a href="/ja/docs/Web/CSS/:-moz-tree-row" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>:-moz-tree-row</code></a> 擬似クラスを利用できます。</li> <li>anonid chevronPopup を持っていたブックマークツールバーのオーバーフローボタンは無名になりました。それは PlacesChevron の id を持っています。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tabs"><xul:tabs></a></code> 要素に <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabbox">tabbox</a></span></code> プロパティが追加されました。これは古い <code>_tabbox</code> プロパティを置き換えます。古い方のプロパティは非推奨です（そして決してドキュメント化されません）。</li> - <li>XUL <code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-drawintitlebar"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/drawintitlebar">drawintitlebar</a></code> 属性が追加されました。この値が <code>true であれば、</code>ウィンドウのコンテント領域にはタイトルバーが含まれており、タイトルバー内に描画することを許可します。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tabs"><xul:tabs></a></code> 要素に <code><span><a href="/ja/docs/XUL/Property/tabbox">tabbox</a></span></code> プロパティが追加されました。これは古い <code>_tabbox</code> プロパティを置き換えます。古い方のプロパティは非推奨です（そして決してドキュメント化されません）。</li> + <li>XUL <code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-drawintitlebar"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/drawintitlebar">drawintitlebar</a></code> 属性が追加されました。この値が <code>true であれば、</code>ウィンドウのコンテント領域にはタイトルバーが含まれており、タイトルバー内に描画することを許可します。</li> <li>新たに <code>TabPinned</code> および <code>TabUnpinned</code> イベントが追加され、これを用いることで、<a href="/ja/docs/Code_snippets/Tabbed_browser#Notification_when_a_tab_is_pinned_or_unpinned">タブがアイコン化したかアイコン化が解除されたかを検知できます</a>。</li> - <li>新しい <a href="/ja/docs/Code_snippets/Tabbed_browser#Notification_when_a_tab%27s_attributes_change"><code>TabAttrModified</code> イベント</a> はタブの <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code>、<code id="a-crop"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code>、<code id="a-busy"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/busy">busy</a></code>、 <code id="a-image"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code>、あるいは、<code id="a-selected"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/selected">selected</a></code> 属性のいずれかが変化したときに送られます。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tab"><xul:tab></a></code> 要素に <code id="a-pinned"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pinned">pinned</a></code> 属性が追加されました。これを用いることで、タブが現在アイコン化されているかどうか判定できます。</li> + <li>新しい <a href="/ja/docs/Code_snippets/Tabbed_browser#Notification_when_a_tab%27s_attributes_change"><code>TabAttrModified</code> イベント</a> はタブの <code id="a-label"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code>、<code id="a-crop"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code>、<code id="a-busy"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/busy">busy</a></code>、 <code id="a-image"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/image">image</a></code>、あるいは、<code id="a-selected"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/selected">selected</a></code> 属性のいずれかが変化したときに送られます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tab"><xul:tab></a></code> 要素に <code id="a-pinned"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/pinned">pinned</a></code> 属性が追加されました。これを用いることで、タブが現在アイコン化されているかどうか判定できます。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XUL/tree"><xul:tree></a></code> 要素上の <code>setDirectionIndicator</code> クラスは何もしないことがありましたが、一切利用されないようになりました。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-chromemargin"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/chromemargin">chromemargin</a></code> 属性が追加され、これを用いることで、ウィンドウの両端のChrome とコンテントのマージンを設定できます。例えば、タイトルバーに描画するためにこれを用いることができます。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-disablechrome"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disablechrome">disablechrome</a></code> 属性が追加されました。これは <code>about:addons のように</code>ブラウザ内 UI に表示するために用いるときにウィンドウで Chrome のほどんどを隠すために用いることができます。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-disablefastfind"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disablefastfind">disablefastfind</a></code> 属性が追加されました。これを用いることで、ウィンドウ内のページ内検索バーを無効にできます。このときコンテント内でページ検索バーはサポートされません。例えば、これはアドオンパネルで使われています。</li> - <li>ツールバーをツールボックスの外部に置けるようになりました。<code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar"><xul:toolbar></a></code> 要素の <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/toolboxid">toolboxid</a></span></code> プロパティを設定することで、以前のように <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbox"><xul:toolbox></a></code> 要素のメンバーとして扱うことができます。また、<code><a href="/ja/docs/Mozilla/Tech/XUL/toolbox"><xul:toolbox></a></code> 要素に <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/externalToolbars">externalToolbars</a></span></code> プロパティが追加されました。このプロパティによって、そのツールボックスのメンバーとして扱われるツールバーのすべての一覧を取得できます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-chromemargin"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/chromemargin">chromemargin</a></code> 属性が追加され、これを用いることで、ウィンドウの両端のChrome とコンテントのマージンを設定できます。例えば、タイトルバーに描画するためにこれを用いることができます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-disablechrome"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/disablechrome">disablechrome</a></code> 属性が追加されました。これは <code>about:addons のように</code>ブラウザ内 UI に表示するために用いるときにウィンドウで Chrome のほどんどを隠すために用いることができます。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XUL/window"><xul:window></a></code> 要素に <code id="a-disablefastfind"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/disablefastfind">disablefastfind</a></code> 属性が追加されました。これを用いることで、ウィンドウ内のページ内検索バーを無効にできます。このときコンテント内でページ検索バーはサポートされません。例えば、これはアドオンパネルで使われています。</li> + <li>ツールバーをツールボックスの外部に置けるようになりました。<code><a href="/ja/docs/Mozilla/Tech/XUL/toolbar"><xul:toolbar></a></code> 要素の <code><span><a href="/ja/docs/XUL/Property/toolboxid">toolboxid</a></span></code> プロパティを設定することで、以前のように <code><a href="/ja/docs/Mozilla/Tech/XUL/toolbox"><xul:toolbox></a></code> 要素のメンバーとして扱うことができます。また、<code><a href="/ja/docs/Mozilla/Tech/XUL/toolbox"><xul:toolbox></a></code> 要素に <code><span><a href="/ja/docs/XUL/Property/externalToolbars">externalToolbars</a></span></code> プロパティが追加されました。このプロパティによって、そのツールボックスのメンバーとして扱われるツールバーのすべての一覧を取得できます。</li> <li>デバッグ目的向けに <a href="/ja/docs/XUL/Template_Guide/Template_Logging">logging XUL テンプレートのロギング</a> のサポートが追加されました。</li> </ul> @@ -478,9 +478,9 @@ Gecko 2.0 note <ul> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParamsArray" title="">mozIStorageBindingParamsArray</a></code> インタフェースが 配列である<code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParams" title="">mozIStorageBindingParams</a></code> オブジェクトの数を示す length 属性を持つようになりました。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageStatement " title="">mozIStorageStatement </a></code> の メソッド <a href="/ja/docs/mozIStorageStatemt#bindPrameters">bindParameters</a> が 指定された <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIStorageBindingParamsArray" title="">mozIStorageBindingParamsArray</a></code> が空のときにエラーを返すようになりました。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#clone()">mozIStorageConnection.clone()</a></code> メソッドが追加されました。これを用いると、存在するデータベース接続を複製できます。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#asyncClose()">mozIStorageConnection.asyncClose()</a></code> が追加されました。これを用いると、非同期にデータベース接続を閉じることができます。クローズ処理が完了したときに通知されるコールバックを指定します。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#setGrowthIncrement()">mozIStorageConnection.setGrowthIncrement()</a></code> メソッドが追加されました。これを用いると、SQLite のフラグメンテーションを減らすことを助けるために、データベースファイルでの一度の増加量を指定できます。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#clone()">mozIStorageConnection.clone()</a></code> メソッドが追加されました。これを用いると、存在するデータベース接続を複製できます。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#asyncClose()">mozIStorageConnection.asyncClose()</a></code> が追加されました。これを用いると、非同期にデータベース接続を閉じることができます。クローズ処理が完了したときに通知されるコールバックを指定します。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/mozIStorageConnection#setGrowthIncrement()">mozIStorageConnection.setGrowthIncrement()</a></code> メソッドが追加されました。これを用いると、SQLite のフラグメンテーションを減らすことを助けるために、データベースファイルでの一度の増加量を指定できます。</li> <li><code>SQLITE_CONSTRAINT</code> エラーが <code>NS_ERROR_FAILURE</code> の代わりに <code>NS_ERROR_STORAGE_CONSTRAINT</code> を報告するようになりました。</li> </ul> @@ -527,13 +527,13 @@ Gecko 2.0 note <ul> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDocShell" title="">nsIDocShell</a></code> および <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebBrowser" title="">nsIWebBrowser</a></code> インタフェースに新しく <code>isActive</code> 属性が追加されました。これは現在表示されていないドキュメントのためにコードパスを最適化することを許可するために用いることができます。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIMemory" title="">nsIMemory</a></code> のメソッドである <a href="/ja/docs/XPCOM_Interface_Reference/nsIMemory/isLowMemory"><code>isLowMemory()</code></a> は非推奨になりました。低メモリ状況を監視するには <a href="/ja/docs/XPCOM_Interface_Reference/nsIMemory#Low_memory_notifications">"memory-pressure" 通知</a> を用いることが推奨されます。</li> - <li>HTTP チャンネル上でリダイレクトを扱う API が非同期で動作できるように変更されました。<code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIChannelEventSink#onChannelRedirect()">nsIChannelEventSink.onChannelRedirect()</a></code> を用いてリダイレクトを扱う実装を行なっているコードは {ifmethod("nsIChannelEventSink", "asyncOnChannelRedirect")} } を代わりに用いて更新する必要があります。これはリダイレクトが正常に完了したときに呼び出されるコールバックハンドラを受け入れます。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsINavHistoryResultObserver#batching()">nsINavHistoryResultObserver.batching()</a></code> メソッドが追加されました。このメソッドは Places 操作をバッチにグループ化する方法を提供し、送られてくる更新通知の数を減少させ、その結果、オブザーバが（ビューをリフレッシュするような）相対的にタスクを追加するときのパフォーマンスを向上させます。</li> + <li>HTTP チャンネル上でリダイレクトを扱う API が非同期で動作できるように変更されました。<code><a href="/ja/docs/XPCOM_Interface_Reference/nsIChannelEventSink#onChannelRedirect()">nsIChannelEventSink.onChannelRedirect()</a></code> を用いてリダイレクトを扱う実装を行なっているコードは {ifmethod("nsIChannelEventSink", "asyncOnChannelRedirect")} } を代わりに用いて更新する必要があります。これはリダイレクトが正常に完了したときに呼び出されるコールバックハンドラを受け入れます。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/nsINavHistoryResultObserver#batching()">nsINavHistoryResultObserver.batching()</a></code> メソッドが追加されました。このメソッドは Places 操作をバッチにグループ化する方法を提供し、送られてくる更新通知の数を減少させ、その結果、オブザーバが（ビューをリフレッシュするような）相対的にタスクを追加するときのパフォーマンスを向上させます。</li> <li>長い間廃止状態であった <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPref" title="">nsIPref</a></code> インタフェースがついに削除されました。まだ <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrefService" title="">nsIPrefService</a></code> に移行していないなら、今がそのときです。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStore" title="">nsISessionStore</a></code> および <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStartup" title="">nsISessionStartup</a></code> インタフェースがユーザの要求に応じたセッションリストアのサポートへの変更を受けとるようになりました。<code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsISessionStore#restoreLastSession()">nsISessionStore.restoreLastSession()</a></code> メソッドを参照してください。</li> - <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrincipal" title="">nsIPrincipal</a></code> のメソッドである <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIPrincipal#subsumes()">nsIPrincipal.subsumes()</a></code> および <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIPrincipal#checkMayLoad()">nsIPrincipal.checkMayLoad()</a></code> が <code>origin</code>、<code>csp、</code> および <code>URI</code> 属性同様に、スクリプトから利用可能になりました。以前はこれらはネイティブコードからのみ利用可能でした。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStore" title="">nsISessionStore</a></code> および <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsISessionStartup" title="">nsISessionStartup</a></code> インタフェースがユーザの要求に応じたセッションリストアのサポートへの変更を受けとるようになりました。<code><a href="/ja/docs/XPCOM_Interface_Reference/nsISessionStore#restoreLastSession()">nsISessionStore.restoreLastSession()</a></code> メソッドを参照してください。</li> + <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrincipal" title="">nsIPrincipal</a></code> のメソッドである <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIPrincipal#subsumes()">nsIPrincipal.subsumes()</a></code> および <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIPrincipal#checkMayLoad()">nsIPrincipal.checkMayLoad()</a></code> が <code>origin</code>、<code>csp、</code> および <code>URI</code> 属性同様に、スクリプトから利用可能になりました。以前はこれらはネイティブコードからのみ利用可能でした。</li> <li><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIPrompt" title="">nsIPrompt</a></code> インタフェースがタブモーダルアラートをサポートするようになりました。詳細は<a href="/ja/docs/Using_tab-modal_prompts">タブモーダルプロンプトの利用</a>を参照してください。</li> - <li><code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIEffectiveTLDService#getPublicSuffixFromHost()">nsIEffectiveTLDService.getPublicSuffixFromHost()</a></code> メソッドがピリオド (".") で始まるホスト名を正しく拒否するようになりました。</li> + <li><code><a href="/ja/docs/XPCOM_Interface_Reference/nsIEffectiveTLDService#getPublicSuffixFromHost()">nsIEffectiveTLDService.getPublicSuffixFromHost()</a></code> メソッドがピリオド (".") で始まるホスト名を正しく拒否するようになりました。</li> </ul> <h3 id="Memory_management" name="Memory_management">メモリ管理</h3> diff --git a/files/ja/mozilla/firefox/releases/42/index.html b/files/ja/mozilla/firefox/releases/42/index.html index 661cac48f4..d2db592372 100644 --- a/files/ja/mozilla/firefox/releases/42/index.html +++ b/files/ja/mozilla/firefox/releases/42/index.html @@ -153,7 +153,7 @@ Firefox Developer Edition をインストールしてください</a> Firefox 42 <h2 id="Networking">ネットワーク</h2> <ul> - <li>CSP の <code><a href="/docs/docs/Web/HTTP/Headers/Content-Security-Policy#upgrade-insecure-requests">upgrade-insecure-requests</a></code> ディレクティブを実装しました ({{bug(1139297)}})。</li> + <li>CSP の <code><a href="/ja/docs/docs/Web/HTTP/Headers/Content-Security-Policy#upgrade-insecure-requests">upgrade-insecure-requests</a></code> ディレクティブを実装しました ({{bug(1139297)}})。</li> </ul> <h2 id="Security">セキュリティ</h2> diff --git a/files/ja/mozilla/firefox/releases/44/index.html b/files/ja/mozilla/firefox/releases/44/index.html index 72aedcc7f3..4ebf692dd0 100644 --- a/files/ja/mozilla/firefox/releases/44/index.html +++ b/files/ja/mozilla/firefox/releases/44/index.html @@ -84,7 +84,7 @@ translation_of: Mozilla/Firefox/Releases/44 <ul> <li>グローバルレベルにおける <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/let">let</a></code> および <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/const">const</a></code> のバインディングを、ES2015 に準拠させました。{{bug(589199)}} およびブログ記事 <a href="https://blog.mozilla.org/addons/2015/10/14/breaking-changes-let-const-firefox-nightly-44/">"Breaking changes in let and const in Firefox Nightly 44"</a> をご覧ください。また、<code>let</code> がデフォルトで Web JavaScript (strict モードおよび 非 strict モード) で使用できるようになり、バージョンのオプトインが不要になりました ({{bug(932517)}})。</li> <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">型付き配列</a> ({{jsxref("Int8Array", "Int8Array")}} や {{jsxref("ArrayBuffer", "ArrayBuffer")}} など) のコンストラクタを {{jsxref("Operators/new", "new")}} 演算子をつけずに関数として呼び出した場合に、ES6 仕様に従って {{jsxref("TypeError")}} が発生するようになりました ({{bug(980945)}}、{{bug(1214936)}})。</li> - <li>{{jsxref("RegExp")}} のスティッキーフラグが、ES2015 標準の <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky#Anchored_sticky_flag">anchored sticky regular expressions</a> に従うようになりました ({{bug(773687)}})。</li> + <li>{{jsxref("RegExp")}} のスティッキーフラグが、ES2015 標準の <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky#Anchored_sticky_flag">anchored sticky regular expressions</a> に従うようになりました ({{bug(773687)}})。</li> <li><a href="/ja/docs/Mozilla/Projects/SpiderMonkey/Introduction_to_the_JavaScript_shell">JavaScript シェル</a> (SpiderMonkey の REPL) のデフォルト JS バージョンが、Web 互換の JS バージョンになりました (JS1.7 以降ではありません) ({{bug(1192329)}})。</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/55/index.html b/files/ja/mozilla/firefox/releases/55/index.html index 46b19f469f..8c5f93628a 100644 --- a/files/ja/mozilla/firefox/releases/55/index.html +++ b/files/ja/mozilla/firefox/releases/55/index.html @@ -24,7 +24,7 @@ translation_of: Mozilla/Firefox/Releases/55 <h3 id="HTML" name="HTML">HTML</h3> <ul> - <li>{{htmlattrxref("contenteditable")}} を <code>true</code> に設定した要素で、テキストの別の行を分けるために {{htmlelement("div")}} 要素を使用するようになりました。これは、他の現行ブラウザーに Firefox を合わせるためです ({{bug(1297414)}})。詳しくは <a href="/en-US/docs/Web/Guide/HTML/Editable_content#Differences_in_markup_generation">Differences in markup generation</a> をご覧ください。</li> + <li>{{htmlattrxref("contenteditable")}} を <code>true</code> に設定した要素で、テキストの別の行を分けるために {{htmlelement("div")}} 要素を使用するようになりました。これは、他の現行ブラウザーに Firefox を合わせるためです ({{bug(1297414)}})。詳しくは <a href="/ja/docs/Web/Guide/HTML/Editable_content#Differences_in_markup_generation">Differences in markup generation</a> をご覧ください。</li> <li>Nightly で、<code>dom.forms.datetime</code> をデフォルトで有効にしました ({{bug(1366188)}})。</li> </ul> @@ -76,7 +76,7 @@ translation_of: Mozilla/Firefox/Releases/55 <ul> <li>{{domxref("Window")}} の {{domxref("Window.scrollX", "scrollX")}} および {{domxref("Window.scrollY", "scrollY")}} プロパティ (別名である {{domxref("Window.pageXOffset", "pageXOffset")}} および {{domxref("Window.pageYOffset", "pageYOffset")}} も同様) を、サブピクセル精度に更新しました。戻り値が整数ではなく、サブピクセル精度のディスプレイでスクロール位置をより正確に示す浮動小数点数値になります ({{bug(1151421)}})。必要に応じて、整数に変換する {{jsxref("Math.round()")}} を使用できます。</li> <li>{{domxref("MediaQueryList")}} (および他の関連機能) を、最新の仕様に合わせて更新しました。{{bug("1354441")}}、{{domxref("MediaQueryList")}}、{{domxref("MediaQueryListEvent")}} をご覧ください。</li> - <li>リストの値を変更する {{domxref("DOMTokenList")}} のメソッドが、自動的にホワイトスペースの切りつめと重複する値の削除を行うようになりました ({{bug("869788")}}、<a href="/en-us/docs/Web/API/DOMTokenList#Trimming_of_whitespace_and_removal_of_duplicates">Trimming of whitespace and removal of duplicates</a> をご覧ください)。</li> + <li>リストの値を変更する {{domxref("DOMTokenList")}} のメソッドが、自動的にホワイトスペースの切りつめと重複する値の削除を行うようになりました ({{bug("869788")}}、<a href="/ja/docs/Web/API/DOMTokenList#Trimming_of_whitespace_and_removal_of_duplicates">Trimming of whitespace and removal of duplicates</a> をご覧ください)。</li> <li>{{domxref("HTMLInputElement")}} の <code>maxLength</code> プロパティを、同等の HTML が生成された後に JavaScript で動的に変更することが可能になりました ({{bug(1352799)}})。</li> <li>{{domxref("URL.URL", "URL()")}} コンストラクターの base (第 2 引数) が {{domxref("DOMString")}} を受け入れないようになりました。{{domxref("USVString")}} のみ受け入れます。既存の {{domxref("URL")}} オブジェクトを base に使用することは可能であり、それ自体をオブジェクトの {{domxref("DOMString.href","href")}} 属性に文字列化します ({{bug(1368950)}})。</li> </ul> @@ -92,7 +92,7 @@ translation_of: Mozilla/Firefox/Releases/55 <h4 id="Selection_API" name="Selection_API">Selection API</h4> <ul> - <li>内部で選択範囲が動いたときに editing hosts がどのようにフォーカスを得るかについて、他のブラウザーへ合わせるために <a href="/ja/docs/Web/API/Selection_API">Selection API</a> を更新しました ({{bug("1318312")}})。詳しくは <a href="/en-US/docs/Web/API/Selection#Behavior_of_Selection_API_in_terms_of_editing_host_focus_changes">Behavior of Selection API in terms of editing host focus changes</a> をご覧ください。</li> + <li>内部で選択範囲が動いたときに editing hosts がどのようにフォーカスを得るかについて、他のブラウザーへ合わせるために <a href="/ja/docs/Web/API/Selection_API">Selection API</a> を更新しました ({{bug("1318312")}})。詳しくは <a href="/ja/docs/Web/API/Selection#Behavior_of_Selection_API_in_terms_of_editing_host_focus_changes">Behavior of Selection API in terms of editing host focus changes</a> をご覧ください。</li> <li>最近の仕様の変更に合致するよう、{{domxref("Selection")}} API を更新しました ({{bug(1359371)}}): <ul> <li>{{domxref("Selection.collapse", "collapse()")}} および {{domxref("Selection.extend", "extend()")}} メソッドの <code>offset</code> 引数を省略可能にしました。</li> @@ -109,7 +109,7 @@ translation_of: Mozilla/Firefox/Releases/55 <ul> <li>Worker および Shared Worker を、識別用の <code>name</code> プロパティをつけて作成できるようになりました。{{domxref("Worker.Worker", "Worker()")}} および {{domxref("SharedWorker.SharedWorker", "SharedWorker()")}} コンストラクター、{{domxref("DedicatedWorkerGlobalScope")}} および {{domxref("SharedWorkerGlobalScope")}} インターフェイスをご覧ください ({{bug(1364297)}})。</li> - <li>{{domxref("WindowOrWorkerGlobalScope.setTimeout","setTimeout()")}} および {{domxref("WindowOrWorkerGlobalScope.setInterval","setInterval()")}} が、バックグラウンドのタブでトラッキングスクリプトに対して最小間隔の調整を課すようになりました。<a href="/en-us/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Throttling_of_tracking_timeout_scripts">Throttling of tracking timeout scripts</a> をご覧ください ({{bug(1355311)}})。</li> + <li>{{domxref("WindowOrWorkerGlobalScope.setTimeout","setTimeout()")}} および {{domxref("WindowOrWorkerGlobalScope.setInterval","setInterval()")}} が、バックグラウンドのタブでトラッキングスクリプトに対して最小間隔の調整を課すようになりました。<a href="/ja/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Throttling_of_tracking_timeout_scripts">Throttling of tracking timeout scripts</a> をご覧ください ({{bug(1355311)}})。</li> </ul> <h4 id="Service_WorkersPush" name="Service_WorkersPush">Service Workers/Push</h4> @@ -216,7 +216,7 @@ translation_of: Mozilla/Firefox/Releases/55 <li><a href="/ja/Add-ons/WebExtensions/API/proxy">proxy API</a></li> <li><a href="/ja/Add-ons/WebExtensions/manifest.json/chrome_settings_overrides">chrome_settings_overrides キーで、ブラウザーのホームページをオーバーライドできます。</a></li> <li>browser_style プロパティで、<a href="/ja/Add-ons/WebExtensions/manifest.json/browser_action">ブラウザーアクションポップアップ</a>、<a href="/ja/Add-ons/WebExtensions/manifest.json/sidebar_action">サイドバー</a>、<a href="/ja/Add-ons/WebExtensions/manifest.json/options_ui">オプションページ</a> にブラウザーライクなスタイルを適用できます。</li> - <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/permissions">permissions API</a></li> + <li><a href="/ja/Add-ons/WebExtensions/API/permissions">permissions API</a></li> </ul> <h2 id="See_also" name="See_also">関連情報</h2> diff --git a/files/ja/mozilla/firefox/releases/59/index.html b/files/ja/mozilla/firefox/releases/59/index.html index 94e01db4af..d70765e586 100644 --- a/files/ja/mozilla/firefox/releases/59/index.html +++ b/files/ja/mozilla/firefox/releases/59/index.html @@ -180,10 +180,10 @@ translation_of: Mozilla/Firefox/Releases/59 </li> <li>新しい <a href="/ja/Add-ons/WebExtensions/API/browserSettings">ブラウザー設定</a>: <ul> - <li><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/contextMenuShowEvent"><code>contextMenuShowEvent</code></a></li> - <li><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/openBookmarksInNewTabs"><code>openBookmarksInNewTabs</code></a></li> - <li><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/openSearchResultsInNewTabs"><code>openSearchResultsInNewTabs</code></a></li> - <li><a href="https://developer.mozilla.org/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/proxyConfig"><code>proxyConfig</code></a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/contextMenuShowEvent"><code>contextMenuShowEvent</code></a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/openBookmarksInNewTabs"><code>openBookmarksInNewTabs</code></a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/openSearchResultsInNewTabs"><code>openSearchResultsInNewTabs</code></a></li> + <li><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/browserSettings/proxyConfig"><code>proxyConfig</code></a></li> </ul> </li> <li>新しい <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs">tabs</a></code> の API: diff --git a/files/ja/mozilla/firefox/releases/6/index.html b/files/ja/mozilla/firefox/releases/6/index.html index 4ca52ffc09..baaafdc920 100644 --- a/files/ja/mozilla/firefox/releases/6/index.html +++ b/files/ja/mozilla/firefox/releases/6/index.html @@ -14,7 +14,7 @@ translation_of: Mozilla/Firefox/Releases/6 <li>プログレスバーを表す HTML5 の <a href="/ja/docs/Web/HTML/Element/progress" title="HTML の <progress> 要素は、タスクの進捗状況を表示します。プログレスバーとしてよく表示されます。"><code><progress></code></a> 要素がサポートされました。</li> <li>メディア要素にテキストトラックを追加する HTML5 の <a href="/ja/docs/Web/HTML/Element/track" title="HTML の <track> 要素はメディア要素 (<audio> および <video>) の子として使用します。この要素は自動的に処理される字幕など、時間指定されたテキストトラック（または時系列データ）を指定できます。トラックは WebVTT (Web Video Text Tracks) 形式 (.vtt ファイル) 又は Timed Text Markup Language (TTML) で整形します。"><code><track></code></a> 要素について、そのパース処理部分が実装されました。要素そのものは実装されていませんが、DOM に現れるようにはなります。</li> <li><a href="/ja/docs/Web/CSS/border-radius" title="CSS の border-radius プロパティは、要素の境界の外側の角を丸めます。1つの半径を設定すると円の角になり、2つの半径を設定すると楕円の角になります。"><code>border-radius</code></a> プロパティによって角が丸められたコンテナ内の <a href="/ja/docs/Web/HTML/Element/iframe" title="HTML のインラインフレーム要素 (<iframe>) は、入れ子になった閲覧コンテキストを表現し、現在の HTML ページに他のページを埋め込むことができます。"><code><iframe></code></a> についても、適切に角が丸められるようになりました。</li> - <li><a href="/ja/docs/Web/HTML/Element/form" title="HTML の <form> 要素は、ウェブサーバーに情報を送信するための対話型コントロールを含む文書の区間を表します。"><code><form></code></a> 要素の <a href="/ja/docs/Web/HTML/Element/input" title="HTML の <input> 要素は、ユーザーからデータを受け取るための、ウェブベースのフォーム用の対話的なコントロールを作成するために使用します。"><code><input></code></a> テキストフィールドが XUL の <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxwidth">maxwidth</a></span></code> プロパティをサポートしなくなりました。これは意図的なものではなく、また HTML 仕様違反でもあります。要素の最大幅を設定するには、<code><a href="/ja/docs/Web/HTML/Element/input#attr-size">size</a></code> 属性を利用します。</li> + <li><a href="/ja/docs/Web/HTML/Element/form" title="HTML の <form> 要素は、ウェブサーバーに情報を送信するための対話型コントロールを含む文書の区間を表します。"><code><form></code></a> 要素の <a href="/ja/docs/Web/HTML/Element/input" title="HTML の <input> 要素は、ユーザーからデータを受け取るための、ウェブベースのフォーム用の対話的なコントロールを作成するために使用します。"><code><input></code></a> テキストフィールドが XUL の <code><span><a href="/ja/docs/XUL/Property/maxwidth">maxwidth</a></span></code> プロパティをサポートしなくなりました。これは意図的なものではなく、また HTML 仕様違反でもあります。要素の最大幅を設定するには、<code><a href="/ja/docs/Web/HTML/Element/input#attr-size">size</a></code> 属性を利用します。</li> <li><a href="/ja/docs/Web/HTML/Element/canvas" title="HTML の <canvas> 要素 と Canvas スクリプティング API や WebGL API を使用して、グラフィックスやアニメーションを描画することができます。"><code><canvas></code></a> の <a href="/ja/docs/Web/API/CanvasRenderingContext2d" title='このインターフェイスのオブジェクトを取得するには、以下のようにのgetContext()の引数に"2d"を指定して呼び出します。'><code>CanvasRenderingContext2d</code></a> プロパティ <code>fillStyle</code> と <code>strokeStyle</code> はこれまで、妥当な色の指定の後に続く余計なものを無視する処理をしていましたが、適切にエラーとして処理されるように修正されました。たとえば、"red blue" を指定したとき、これまでは "red" と扱われていましたが、これからは指定そのものが無視されます。</li> <li><a href="/ja/docs/Web/HTML/Element/canvas" title="HTML の <canvas> 要素 と Canvas スクリプティング API や WebGL API を使用して、グラフィックスやアニメーションを描画することができます。"><code><canvas></code></a> 要素の width と height を適切に 0px と指定できるようになりました。これまではそう指定しても 300px にされていました。</li> <li>HTML <a href="/ja/docs/HTML/Global_attributes#attr-data-*" title="HTML/Global_attributes#attr-data-*">カスタムデータ属性</a> (data-*) がサポートされました。DOM プロパティ <a href="/ja/docs/Web/API/Element/dataset" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>element.dataset</code></a> からデータにアクセスできます。</li> @@ -119,7 +119,7 @@ translation_of: Mozilla/Firefox/Releases/6 <ul> <li><code>Content-Disposition</code> ヘッダの構文解析が修正され、バックスラッシュでエスケープされた ASCII 文字が適切に文字そのものとして処理されるようになりました。これまではその文字をアンダースコア ("<code>_</code>")に置き換えるという誤った処理がなされていました。</li> <li><code>Set-Cookie</code> ヘッダのパスの値において、クォートが適切に処理されるようになりました。これまでクォートを使った場合はそれがデリミタではなく、パスの文字列として認識されていました。<strong>この変更により、いくつかのサイトで互換性の問題が発生する可能性があります。</strong>製作者はコードをチェックすることが望まれます。</li> - <li><a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.42"><code>Upgrade</code></a> リクエストヘッダがサポートされました。<code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIHttpChannelInternal#HTTPUpgrade()">nsIHttpChannelInternal.HTTPUpgrade()</a></code> を呼ぶことで、HTTP チャネルから他のプロトコルへのアップグレードをリクエストできます。</li> + <li><a class="external" href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.42"><code>Upgrade</code></a> リクエストヘッダがサポートされました。<code><a href="/ja/docs/XPCOM_Interface_Reference/nsIHttpChannelInternal#HTTPUpgrade()">nsIHttpChannelInternal.HTTPUpgrade()</a></code> を呼ぶことで、HTTP チャネルから他のプロトコルへのアップグレードをリクエストできます。</li> </ul> <h3 id="Other_changes" name="Other_changes">その他の変更</h3> <ul> diff --git a/files/ja/mozilla/firefox/releases/71/index.html b/files/ja/mozilla/firefox/releases/71/index.html index bc20d2c322..6a11bf5be6 100644 --- a/files/ja/mozilla/firefox/releases/71/index.html +++ b/files/ja/mozilla/firefox/releases/71/index.html @@ -40,7 +40,7 @@ translation_of: Mozilla/Firefox/Releases/71 <li><a href="/ja/docs/Tools/Network_Monitor/Inspecting_web_sockets">Web sockets インスペクター</a> をデフォルトで有効化しました ({{bug(1573805)}})。</li> <li>要求/応答のボディ、ヘッダー、Cookie の <a href="/ja/docs/Tools/Network_Monitor/request_list#Search_in_requests">全文検索</a> が可能になりました。</li> <li>読み込み時に <a href="/ja/docs/Tools/Network_Monitor/request_list#Blocking_specific_URLs">特定の URL をブロックする</a> パターンを入力できるようになりました。</li> - <li><a href="/docs/Tools/Network_Monitor/request_details#Timings">タイミングタブ</a> で、{{httpheader("Server-Timing")}} ヘッダーで送信したタイミングデータを表示するようになりました ({{bug(1403051)}})。</li> + <li><a href="/ja/docs/Tools/Network_Monitor/request_details#Timings">タイミングタブ</a> で、{{httpheader("Server-Timing")}} ヘッダーで送信したタイミングデータを表示するようになりました ({{bug(1403051)}})。</li> </ul> <p><a href="/ja/docs/Tools/Page_Inspector">インスペクター</a>:</p> diff --git a/files/ja/mozilla/firefox/releases/74/index.html b/files/ja/mozilla/firefox/releases/74/index.html index 4f6fa47dfb..9dd9d7bf41 100644 --- a/files/ja/mozilla/firefox/releases/74/index.html +++ b/files/ja/mozilla/firefox/releases/74/index.html @@ -49,7 +49,7 @@ translation_of: Mozilla/Firefox/Releases/74 <h3 id="JavaScript" name="JavaScript">JavaScript</h3> <ul> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Optional_chaining">Optional chaining operator</a> を実装しました ({{bug(1566143)}})。</li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Optional_chaining">Optional chaining operator</a> を実装しました ({{bug(1566143)}})。</li> <li>JavaScript URL (<code>javascript:</code>) を評価した結果が文字列であるとき、この文字列は HTML 文書を生成するように解析され、そして表示されます。以前は文書の URL (例えば <code><a href="/ja/docs/Web/API/Document/location">document.location</a></code> プロパティで報告されます) が元々の <code>javascript:</code> URL でした。これが <code>javascript:</code> URL を評価した結果の、文書の URL を正しく表すようになりました ({{bug(836567)}})。</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/8/index.html b/files/ja/mozilla/firefox/releases/8/index.html index 0cc545fca1..bbb5b6e27b 100644 --- a/files/ja/mozilla/firefox/releases/8/index.html +++ b/files/ja/mozilla/firefox/releases/8/index.html @@ -130,7 +130,7 @@ translation_of: Mozilla/Firefox/Releases/8 <h3 id="XUL">XUL</h3> <ul> - <li>A bug in <a href="/ja/docs/Web/API/Document/execCommand" title="HTML 文書が designMode に切り替えられた時、 document オブジェクトは、フォーム入力欄や contenteditable を持った要素のように現在編集可能な領域を操作するためにコマンドを実行するために、 execCommand メソッドを公開します。"><code>document.execCommand()</code></a> that occurred when calling it on the value of <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/contentDocument">contentDocument</a></span></code> has been fixed. Since Firefox 3, this resulted in errors instead of working correctly.</li> + <li>A bug in <a href="/ja/docs/Web/API/Document/execCommand" title="HTML 文書が designMode に切り替えられた時、 document オブジェクトは、フォーム入力欄や contenteditable を持った要素のように現在編集可能な領域を操作するためにコマンドを実行するために、 execCommand メソッドを公開します。"><code>document.execCommand()</code></a> that occurred when calling it on the value of <code><span><a href="/ja/docs/XUL/Property/contentDocument">contentDocument</a></span></code> has been fixed. Since Firefox 3, this resulted in errors instead of working correctly.</li> <li><a href="/ja/docs/Extensions/Bootstrapped_extensions" title="Bootstrapped extensions">Bootstrapped add-ons</a> can now load chrome using a <a href="/ja/docs/Chrome_Registration" title="chrome.manifest"><code>chrome.manifest</code></a> file. See the section <a href="/ja/docs/Extensions/Bootstrapped_extensions#Adding_user_interface_with_a_chrome.manifest" title="Extensions/Bootstrapped_extensions#Adding_user_interface_with_a_chrome.manifest">Adding user interface with a chrome.manifest</a> for details.</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/9/index.html b/files/ja/mozilla/firefox/releases/9/index.html index f8cc288282..f8319b32cd 100644 --- a/files/ja/mozilla/firefox/releases/9/index.html +++ b/files/ja/mozilla/firefox/releases/9/index.html @@ -93,10 +93,10 @@ translation_of: Mozilla/Firefox/Releases/9 <h3 id="XUL">XUL</h3> <ul> - <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> element now has a <code id="a-pending"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/pending">pending</a></code> attribute, whose value is <code>true</code>, when the tab is in the process of being restored by the session store service. This can be used for styling the tab in themes. The attribute isn't present on tabs that aren't pending.</li> - <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> element now has an <code id="a-unread"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/unread">unread</a></code> attribute, whose value is <code>true</code>, when the tab has changed since the last time it was the active tab or if it hasn't been selected since the current session began. The attribute isn't present on tabs that are not unread.</li> + <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> element now has a <code id="a-pending"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/pending">pending</a></code> attribute, whose value is <code>true</code>, when the tab is in the process of being restored by the session store service. This can be used for styling the tab in themes. The attribute isn't present on tabs that aren't pending.</li> + <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> element now has an <code id="a-unread"><a href="/ja/docs/Mozilla/Tech/XUL/Attribute/unread">unread</a></code> attribute, whose value is <code>true</code>, when the tab has changed since the last time it was the active tab or if it hasn't been selected since the current session began. The attribute isn't present on tabs that are not unread.</li> <li>You can now use a <code><a href="/ja/docs/Mozilla/Tech/XUL/panel" title="panel">panel</a></code> as a drag image for DOM drag and drop operations. This lets you use the standard drag & drop API for <a href="/ja/docs/DragDrop/Drag_Operations#Using_XUL_panels_as_drag_images" title="DragDrop/Drag_Operations#Using_XUL_panels_as_drag_images">drag and drop of XUL content</a>.</li> - <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/notificationbox" title="notificationbox">notificationbox</a></code> element's <span id="m-appendNotification"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/appendNotification">appendNotification</a></code></span> method now lets you specify a callback that gets called for interesting events related to the notification box. Currently, the only event is "removed", which tells you the box has been removed from its window.</li> + <li>The <code><a href="/ja/docs/Mozilla/Tech/XUL/notificationbox" title="notificationbox">notificationbox</a></code> element's <span id="m-appendNotification"><code><a href="/ja/docs/Mozilla/Tech/XUL/Method/appendNotification">appendNotification</a></code></span> method now lets you specify a callback that gets called for interesting events related to the notification box. Currently, the only event is "removed", which tells you the box has been removed from its window.</li> </ul> <h3 id="JavaScript_code_module_changes">JavaScript code module changes</h3> @@ -125,10 +125,10 @@ translation_of: Mozilla/Firefox/Releases/9 <li><a href="/ja/docs/XPCOM_Interface_Reference/nsISound" title="XPCOM_Interface_Reference/nsISound"><code>nsISound</code></a> インタフェースに新しい定数 <code>EVENT_EDITOR_MAX_LEN</code> が導入され、テキスト欄に入力された文字数が制限を超えた場合にシステム効果音を鳴らせるようになりました。今のところ、これは Windows のみで使用されています。</li> <li><a href="/ja/docs/XPCOM_Interface_Reference/nsIScriptError2" title="XPCOM_Interface_Reference/nsIScriptError2"><code>nsIScriptError2</code></a> インタフェースに新しいプロパティ <code>timeStamp</code> と <code>innerWindowID</code> が追加されました。また、<code>initWithWindowID()</code> メソッドが、外部ウィンドウ ID の代わりに内部ウィンドウ ID を受け取るようになりました。</li> <li><a href="/ja/docs/XPCOM_Interface_Reference/nsIBidiKeyboard" title="XPCOM_Interface_Reference/nsIBidiKeyboard"><code>nsIBidiKeyboard</code></a> インタフェースに <a href="/ja/docs/XPCOM_Interface_Reference/nsIBidiKeyboard#haveBidiKeyboards" title="XPCOM_Interface_Reference/nsIBidiKeyboard#haveBidiKeyboards"><code>haveBidiKeyboards</code></a> 属性が追加されました。これは、OS に少なくともひとつ各方向 (LTR もしくは RTL) のキーボードがインストールされているかどうかを判別できるものです。.</li> - <li>The new <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIEditor#isSelectionEditable">nsIEditor.isSelectionEditable</a></code> attribute lets you determine if the current selection anchor is editable. This helps to support cases where only parts of the document are editable, by letting you see if the current selection is in an editable section.</li> - <li>The <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIBrowserHistory#registerOpenPage()">nsIBrowserHistory.registerOpenPage()</a></code> and <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIBrowserHistory#unregisterOpenPage()">nsIBrowserHistory.unregisterOpenPage()</a></code> methods have been removed as part of a performance overhaul in the Places system. You can use the corresponding methods in <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIPlacesAutoComplete" title="">mozIPlacesAutoComplete</a></code> instead.</li> - <li>The <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils#wrapDOMFile()">nsIDOMWindowUtils.wrapDOMFile()</a></code> method has been added; this returns a DOM <a href="/ja/docs/Web/API/File" title="File インターフェイスは、ファイルについての情報を提供したり、ウェブページ内の JavaScript でその内容にアクセスできるようにしたりします。"><code>File</code></a> object for a given <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFile" title="">nsIFile</a></code>.</li> - <li>The <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIChromeFrameMessageManager#removeDelayedFrameScript()">nsIChromeFrameMessageManager.removeDelayedFrameScript()</a></code> method was added to support removing delayed load scripts. Bootstrapped add-ons should use this, at shutdown, to remove any scripts it loaded using <code><a href="https://developer.mozilla.org/ja/docs/XPCOM_Interface_Reference/nsIChromeFrameMessageManager#loadFrameScript()">nsIChromeFrameMessageManager.loadFrameScript()</a></code> with the delayed load flag set. This is exposed to add-ons as <code>browser.messageManager.removeDelayedFrameScript()</code>.</li> + <li>The new <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIEditor#isSelectionEditable">nsIEditor.isSelectionEditable</a></code> attribute lets you determine if the current selection anchor is editable. This helps to support cases where only parts of the document are editable, by letting you see if the current selection is in an editable section.</li> + <li>The <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIBrowserHistory#registerOpenPage()">nsIBrowserHistory.registerOpenPage()</a></code> and <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIBrowserHistory#unregisterOpenPage()">nsIBrowserHistory.unregisterOpenPage()</a></code> methods have been removed as part of a performance overhaul in the Places system. You can use the corresponding methods in <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/mozIPlacesAutoComplete" title="">mozIPlacesAutoComplete</a></code> instead.</li> + <li>The <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIDOMWindowUtils#wrapDOMFile()">nsIDOMWindowUtils.wrapDOMFile()</a></code> method has been added; this returns a DOM <a href="/ja/docs/Web/API/File" title="File インターフェイスは、ファイルについての情報を提供したり、ウェブページ内の JavaScript でその内容にアクセスできるようにしたりします。"><code>File</code></a> object for a given <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIFile" title="">nsIFile</a></code>.</li> + <li>The <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIChromeFrameMessageManager#removeDelayedFrameScript()">nsIChromeFrameMessageManager.removeDelayedFrameScript()</a></code> method was added to support removing delayed load scripts. Bootstrapped add-ons should use this, at shutdown, to remove any scripts it loaded using <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIChromeFrameMessageManager#loadFrameScript()">nsIChromeFrameMessageManager.loadFrameScript()</a></code> with the delayed load flag set. This is exposed to add-ons as <code>browser.messageManager.removeDelayedFrameScript()</code>.</li> <li>The <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAppStartup" title="">nsIAppStartup</a></code> interface has a new <code>interrupted</code> attribute, which lets you know if the startup process was interrupted at any point by an interactive prompt. This can be helpful, for example, when timing startups during performance evaluation, to be able to drop numbers from sessions that were interrupted.</li> <li>The <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIEditorSpellCheck" title="">nsIEditorSpellCheck</a></code> interface has been revised to support per-site selection of spell checker dictionaries.</li> </ul> diff --git a/files/ja/mozilla/firefox/releases/91/index.html b/files/ja/mozilla/firefox/releases/91/index.html index 44e62cdb71..bd51ce7152 100644 --- a/files/ja/mozilla/firefox/releases/91/index.html +++ b/files/ja/mozilla/firefox/releases/91/index.html @@ -41,7 +41,7 @@ tags: <ul>
<li>{{jsxref("Intl/DateTimeFormat/formatRange", "Intl.DateTimeFormat.prototype.formatRange()")}} および {{jsxref("Intl/DateTimeFormat/formatRangeToParts", "Intl.DateTimeFormat.prototype.formatRangeToParts()")}} を、Release ビルドでサポートしました。<code>formatRange()</code> メソッドは、2 つの {{jsxref("Date")}} オブジェクトの間の期間をローカライズおよび整形した文字列で返します (例: "21/01/05 – 21/01/10")。<code>formatRangeToParts()</code> メソッドは、整形された期間のロケール固有の<em>部品</em>を持つ配列を返します ({{bug(1653024)}})。</li>
<li>{{jsxref("Intl/DateTimeFormat/DateTimeFormat", "Intl.DateTimeFormat() コンストラクター")}} が、タイムゾーンの表示方法を整形するための <code>timeZoneName</code> オプションを新たに 4 種類受け入れるようになりました。これにはローカライズされた GMT 形式の <code>shortOffset</code> および <code>longOffset</code> と、一般的な非ロケーション形式の <code>shortGeneric</code> および <code>longGeneric</code> が含まれます ({{bug(1653024)}})。</li>
- <li>{{jsxref("Global_Objects/Error/Error", "Error() コンストラクター")}} が、<code>option</code> 引数の値として <code>cause</code> をとれるようになりました。これはコードがエラーをキャッチして、元のエラーやスタックトレースを持つ新たなバージョン、または変更したバージョンのエラーを発生させることができます ({{bug(1653024)}})。</li>
+ <li>{{jsxref("Global_Objects/Error/Error", "Error() コンストラクター")}} が、<code>option</code> 引数の値として <code>cause</code> をとれるようになりました。これはコードがエラーをキャッチして、元のエラーやスタックトレースを持つ新たなバージョン、または変更したバージョンのエラーを発生させることができます ({{bug(1679653)}})。</li>
</ul>
diff --git a/files/ja/mozilla/firefox/releases/92/index.html b/files/ja/mozilla/firefox/releases/92/index.html new file mode 100644 index 0000000000..a9fe1a2ee0 --- /dev/null +++ b/files/ja/mozilla/firefox/releases/92/index.html @@ -0,0 +1,79 @@ +---
+title: Firefox 92 for developers
+slug: Mozilla/Firefox/Releases/92
+tags:
+ - '92'
+ - Firefox
+ - Mozilla
+ - Release
+---
+<p>{{FirefoxSidebar}}</p>
+
+<p class="summary">このページでは、開発者に影響する Firefox 92 の変更点をまとめています。Firefox 92 は 2021 年 9 月 7 日にリリースされました。</p>
+
+<div class="note notecard">
+ <h4>補足</h4>
+ <p>Mozilla Hacks の <a href="https://hacks.mozilla.org/2021/09/time-for-a-review-of-firefox-92/">Time for a review of Firefox 92</a> もご覧ください。</p>
+</div>
+
+<h2 id="Changes_for_web_developers">ウェブ開発者向けの変更点一覧</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<p>変更なし。</p>
+
+<h3 id="CSS">CSS</h3>
+
+<ul>
+ <li>{{cssxref("break-inside")}} プロパティの <code>avoid-page</code> および <code>avoid-column</code> キーワードをサポートしました ({{bug(1722945)}})。</li>
+ <li>{{cssxref("font-size-adjust")}} プロパティの二値構文をサポートしました ({{bug(1720131)}})。</li>
+ <li>{{cssxref("@font-face/size-adjust")}} ディスクリプターをサポートしました ({{bug(1720131)}})。</li>
+ <li>{{cssxref("accent-color")}} プロパティをサポートしました ({{bug(1722031)}})。</li>
+ <li>{{cssxref("font-family")}} プロパティの値 <code>system-ui</code> をサポートしました ({{bug(1226042)}})。</li>
+</ul>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<ul>
+ <li>{{jsxref("Object.hasOwn()")}} を、プロパティがオブジェクトで定義されたものか継承されたものかを確認するために使用できるようになりました ({{bug(1721149)}})。</li>
+</ul>
+
+
+<h3 id="APIs">API</h3>
+
+<ul>
+ <li>カスタム要素に <code>disabledFeatures</code> 静的プロパティを実装しました ({{bug(1723396)}})。</li>
+</ul>
+
+<h4 id="DOM">DOM</h4>
+
+<ul>
+ <li><a href="/ja/docs/Web/API/HTMLSlotElement">Imperative Slotting API</a> (<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow Dom API</a> の一部) を実装しました ({{bug(1705141)}})。</li>
+ <li>{{HTMLElement("input")}} および {{HTMLElement("textarea")}} でテキストの選択が変更されたことを、それぞれ {{domxref("HTMLInputElement.selectionchange_event", "HTMLInputElement")}} および {{domxref("HTMLTextAreaElement/selectionchange_event", "HTMLTextAreaElement")}} の <code>selectionchange</code> イベントをリッスンすることで監視できるようになりました ({{bug(1648944)}})。</li>
+</ul>
+
+<h4 id="Media_WebRTC_and_Web_Audio">Media、WebRTC、Web Audio</h4>
+
+<ul>
+ <li>スピーカーやヘッドホンのようなサウンド出力デバイスへのアクセスが、<a href="speaker-selection">speaker-selection</a> 機能ポリシーで保護されるようになりました ({{bug(1577199)}})。</li>
+</ul>
+
+
+<h3 id="webdriver_conformance_marionette">WebDriver conformance (Marionette)</h3>
+
+<ul>
+ <li><code>webSocketUrl</code> 特性のサポートが向上しました。<code>true</code> が渡されて、かつ BiDi がサポートされている場合に、WebDriver BiDi の websocket URL を返すようになりました ({{bug(1692984)}})。</li>
+</ul>
+
+
+<h2 id="Changes_for_add-on_developers">アドオン開発者向けの変更点</h2>
+
+<ul>
+ <li>{{WebExtAPIRef('downloads.download')}}、{{WebExtAPIRef('downloads.DownloadQuery')}}
+{{WebExtAPIRef('downloads.DownloadItem')}} で <code>cookieStoreId</code> をサポートしました。{{WebExtAPIRef('downloads.DownloadQuery')}} および {{WebExtAPIRef('downloads.DownloadItem')}} 型に加えて、{{WebExtAPIRef('downloads.search')}} および {{WebExtAPIRef('downloads.erase')}} でのサポートも提供します。ブラウザー拡張機能が、Container タブ (<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Work_with_contextual_identities">contextual identities</a>) のような特定の Cookie ストアとダウンロードを関連付けできるようになりました ({{bug(1669566)}})。</li>
+</ul>
+
+
+<h2 id="Older_versions">過去のバージョン</h2>
+
+<p>{{Firefox_for_developers(91)}}</p>
diff --git a/files/ja/orphaned/map/index.html b/files/ja/orphaned/map/index.html deleted file mode 100644 index 970083dc95..0000000000 --- a/files/ja/orphaned/map/index.html +++ /dev/null @@ -1,230 +0,0 @@ ---- -title: Map -slug: orphaned/Map -original_slug: Map ---- -<p><span style="line-height: 1.5;">{{ SeeCompatTable() }}</span></p> - -<p>{{ warning("The SpiderMonkey Map implementation is a prototype and the Map API and semantics specifications are unstable. The SpiderMonkey implementation may not reflect the latest specification draft. It is subject to change anytime. It is provided as an experimental feature. Do not rely on it for production code.") }}</p> - -<h2 id="Introduction">Introduction</h2> - -<p><code>Map</code> <span style="line-height: 1.5;">オブジェクトはシンプルなキーバリューマップです。 キーとバリューにあらゆる値（オブジェクトとプリミティブ値）が使用できます。</span></p> - -<p>Key equality is based on the "same-value" algorithm: <code>NaN</code> is considered the same as <code>NaN</code> (even though <code>NaN !== NaN</code>), <code>-0</code> and <code>+0</code> are considered distinct (even though <code>-0 === +0</code>), and all other values are considered equal according to the semantics of the === operator.</p> - -<h2 id="API">API</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th>Constructor</th> - <th>Description</th> - </tr> - <tr> - <td><code>new Map([iterable])</code></td> - <td>Returns a new Map object. If iterable is an Array or other iterable object whose elements are key-value pairs (2-element Arrays), then each of those key-value pairs will be added to the new Map.</td> - </tr> - <tr> - <th>Method</th> - <th>Description</th> - </tr> - <tr> - <td><code>myMap.get(key)</code></td> - <td>Returns the value associated to the <code>key</code>, or <code>undefined</code> if there is none.</td> - </tr> - <tr> - <td><code>myMap.set(key, value)</code></td> - <td>Sets the value for the <code>key</code> in <code>myMap</code>. Returns <code>undefined</code>.</td> - </tr> - <tr> - <td><code>myMap.has(key)</code></td> - <td>Returns a boolean asserting whether a value has been associated to the <code>key</code> in <code>myMap</code> or not</td> - </tr> - <tr> - <td><code>myMap.delete(key)</code></td> - <td>Removes any value associated to the <code>key</code>. After such a call, <code>myMap.has(key)</code> will return <code>false</code>.</td> - </tr> - <tr> - <td><code>myMap.clear()</code></td> - <td>Removes all key/value pairs from <code>myMap</code>.</td> - </tr> - <tr> - <th>Property</th> - <th>Description</th> - </tr> - <tr> - <td><code>myMap.size</code></td> - <td> - <p>Returns the number of key/value pairs in <code>myMap</code>.</p> - In Firefox 18 and earlier, <code>size</code> was a method. In Firefox 19 and later it is a property.</td> - </tr> - </tbody> -</table> - -<p>A Map object can iterate its elements in insertion order - a <code>for..of</code> loop will return an array of <code>[key, value]</code> for each iteration.</p> - -<h2 id="Examples">Examples</h2> - -<pre class="brush: js">var myMap = new Map(); - -var keyObj = {}, - keyFunc = function () {}, - keyString = "a string"; - -// setting the values -myMap.set(keyString, "value associated with 'a string'"); -myMap.set(keyObj, "value associated with keyObj"); -myMap.set(keyFunc, "value associated with keyFunc"); - -myMap.size; // 3 - -// getting the values -myMap.get(keyString); // "value associated with 'a string'" -myMap.get(keyObj); // "value associated with keyObj" -myMap.get(keyFunc); // "value associated with keyFunc" - -myMap.get("a string"); // "value associated with 'a string'" - // because keyString === 'a string' -myMap.get({}); // undefined, because keyObj !== {} -myMap.get(function() {}) // undefined, because keyFunc !== function () {} -</pre> - -<p><code>NaN</code> can also be used as a key. Even though every <code>NaN</code> is not equal to itself (<code>NaN !== NaN</code> is true), the following example works, because <code>NaN</code>s are indistinguishable from each other:</p> - -<pre class="brush: js">var myMap = new Map(); -myMap.set(NaN, "not a number"); - -myMap.get(NaN); // "not a number" - -var otherNaN = Number("foo"); -myMap.get(otherNaN); // "not a number" -</pre> - -<p>Also note that JavaScript has two zero values, +0 and -0. These two zero values are treated as different keys in <code>Map</code>s:</p> - -<pre class="brush: js">var myMap = new Map(); -myMap.set(0, "positive zero"); -myMap.set(-0, "negative zero"); - -0 === -0; // true - -myMap.get(-0); // "negative zero" -myMap.get(0); // "positive zero" -</pre> - -<p>Maps can be iterated using a <code>for..of</code> loop:</p> - -<pre>var myMap = new Map(); -myMap.set(0, "zero"); -myMap.set(1, "one"); -for (var [key, value] of myMap) { - alert(key + " = " + value); -} -// Will show 2 alerts; first with "0 = zero" and second with "1 = one" -</pre> - -<h2 id="Objects_and_maps_compared">Objects and maps compared</h2> - -<p><a href="/en/JavaScript/Reference/Global_Objects/Object" title="en/JavaScript/Reference/Global_Objects/Object"><code>Object</code></a>s are similar to <code>Map</code>s in that both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. Because of this, <code>Object</code>s have been used as <code>Map</code>s historically; however, there are important differences between <code>Object</code>s and <code>Map</code>s that make using a <code>Map</code> better.</p> - -<ul> - <li>An <code>Object</code> has a prototype, so there are default keys in the map. However, this can be bypassed using <code>map = Object.create(null)</code>.</li> - <li>The keys of an <code>Object</code> are <a href="/en/JavaScript/Reference/Global_Objects/String" title="en/JavaScript/Reference/Global_Objects/String">String</a>s, where they can be any value for a <code>Map</code>.</li> - <li>You can get the size of a <code>Map</code> easily while you have to manually keep track of size for an <code>Object</code>.</li> -</ul> - -<p>Use maps over objects when keys are unknown until run time, and when all keys are the same type and all values are the same type.</p> - -<p>Use objects when there is logic that operates on individual elements.</p> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>31 [1]</td> - <td>{{ CompatGeckoDesktop("13") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td>iterable</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoDesktop("17") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td>Map.clear()</td> - <td>31 [1]</td> - <td>{{CompatGeckoDesktop("19")}}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoMobile("13") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td>iterable</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoDesktop("17") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td>Map.clear()</td> - <td>{{ CompatNo() }}</td> - <td>{{CompatGeckoMobile("19")}}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] The feature is available behind a preference. In <code style="font-size: 14px;">chrome://flags</code>, activate the entry “Enable Experimental JavaScript”.</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=697479">Map and Set bug at Mozilla</a></li> - <li><a class="external" href="http://wiki.ecmascript.org/doku.php?id=harmony:simple_maps_and_sets">ECMAScript Harmony proposal</a></li> -</ul> diff --git a/files/ja/orphaned/web/api/navigator/registercontenthandler/index.html b/files/ja/orphaned/web/api/navigator/registercontenthandler/index.html deleted file mode 100644 index d1e788d8cc..0000000000 --- a/files/ja/orphaned/web/api/navigator/registercontenthandler/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: Navigator.registerContentHandler() -slug: orphaned/Web/API/Navigator/registerContentHandler -tags: - - API - - MIME - - Method - - Navigator - - registerContentHandler - - ウェブベースプロトコルハンドラー - - 廃止 -translation_of: Web/API/Navigator/registerContentHandler -original_slug: Web/API/Navigator/registerContentHandler ---- -<div>{{ ApiRef("HTML DOM") }}{{ Obsolete_header }}</div> - -<p><span class="seoSummary">ウェブサイトが自分自身を、特定の MIME タイプのコンテンツのハンドラーとして可能な限り登録します。</span></p> - -<p>{{Note("ウェブサイトは自分自身のコンテンツハンドラーのみを登録できます、。セキュリティ上の理由で、拡張機能やウェブサイトが他のサイトを対象とするコンテンツハンドラーを登録することはできません。")}}</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">navigator.registerContentHandler(<em>mimeType</em>, <em>uri</em>, <em>title</em>);</pre> - -<ul> - <li><code>mimeType</code> は、関連付けたい MIME タイプを表す文字列です。</li> - <li><code>uri</code> は、関連づける URI を表す文字列です。</li> - <li><code>title</code> は、ユーザ向けの関連付けの名称を表す文字列です。</li> -</ul> - -<h2 id="Example" name="Example">例</h2> - -<pre class="brush:js;auto-links:false;">navigator.registerContentHandler( - "application/vnd.mozilla.maybe.feed", - "http://www.example.tld/?foo=%s", - "My Feed Reader" -);</pre> - -<h2 id="Notes" name="Notes">メモ</h2> - -<p><a href="/ja/docs/Firefox_2_for_developers" title="Firefox_2_for_developers">Firefox 2</a> 以降では、 MIME タイプのうち <code>application/vnd.mozilla.maybe.feed</code>, <code>application/atom+xml</code>, <code>application/rss+xml</code> のみに対応しています。これらの値は全て、同じ効果を持っています。また、関連付けは、全てのバージョンの Atom と RSS におけるフィードに対して適用されます。</p> - -<p>Firefox はこの機能が実装された唯一のブラウザーであり、標準には一致していません。この機能は HTML 標準から削除されており、使用しないでください。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML5.2', 'webappapis.html#dom-navigator-registercontenthandler', 'registerContentHandler()')}}</td> - <td>{{Spec2('HTML5.2')}}</td> - <td>この機能は HTML 5.2 に存在するが、 WHATWG HTML Living Standard からは削除済み。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_Compatibility" name="Browser_Compatibility">ブラウザーの対応</h2> - -<p>{{Compat("api.Navigator.registerContentHandler")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web-based_protocol_handlers" title="Web-based_protocol_handlers">ウェブベースのプロトコルハンドラー</a></li> - <li>{{domxref("Navigator.registerProtocolHandler()")}}</li> - <li><a href="/ja/docs/WebAPI/Web_Activities" title="/ja/docs/WebAPI/Web_Activities">Web activities</a>、特に view 及び open</li> - <li><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWebContentHandlerRegistrar#registerContentHandler">XPCOM Interface Reference > nsIWebContentHandlerRegistrar > registerContentHandler</a> - この機能を XPCOM のスコープから使用する方法を紹介</li> -</ul> diff --git a/files/ja/orphaned/web/api/typeinfo/index.html b/files/ja/orphaned/web/api/typeinfo/index.html deleted file mode 100644 index 2fed8f4a87..0000000000 --- a/files/ja/orphaned/web/api/typeinfo/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: TypeInfo -slug: orphaned/Web/API/TypeInfo -tags: - - API - - DOM - - DOM Reference - - Interface - - NeedsContent - - Obsolete - - Reference - - TypeInfo - - Web -translation_of: Web/API/TypeInfo -original_slug: Web/API/TypeInfo ---- -<div>{{APIRef("DOM")}}</div> - -<div>{{obsolete_header}}</div> - -<p><span class="seoSummary"><em>廃止された</em> <code>TypeInfo</code> インターフェイスは、ドキュメントのスキーマ内の名前空間に名前をキー入力することによって DOM データ型を記述するために使用することを目的としていました。</span></p> - -<h2 id="プロパティ">プロパティ</h2> - -<dl> - <dt>{{domxref("TypeInfo.typeName")}} {{Readonlyinline}}</dt> - <dd>型の名前を示す {{domxref("DOMString")}} を返します。</dd> - <dt>{{domxref("TypeInfo.typeNamespace")}} {{Readonlyinline}}</dt> - <dd>スキーマ内の型の名前空間を示す {{domxref("DOMString")}} を返します。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<dl> - <dt>{{domxref("TypeInfo.isDerivedFrom()")}}</dt> - <dd>{{jsxref("Boolean")}}. を返します。</dd> -</dl> - -<h2 id="定数">定数</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">定数</th> - <th scope="col">値</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>DERIVATION_RESTRICTION</code></td> - <td>1</td> - </tr> - <tr> - <td><code>DERIVATION_EXTENSION</code></td> - <td>2</td> - </tr> - <tr> - <td><code>DERIVATION_UNION</code></td> - <td>4</td> - </tr> - <tr> - <td><code>DERIVATION_LIST</code></td> - <td>8</td> - </tr> - </tbody> -</table> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">ステータス</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("DOM3 Core", "core.html#TypeInfo", "TypeInfo")}}</td> - <td>{{Spec2("DOM3 Core")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> diff --git a/files/ja/orphaned/web/api/userproximityevent/near/index.html b/files/ja/orphaned/web/api/userproximityevent/near/index.html deleted file mode 100644 index 4350a1e377..0000000000 --- a/files/ja/orphaned/web/api/userproximityevent/near/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: UserProximityEvent.near -slug: orphaned/Web/API/UserProximityEvent/near -tags: - - B2G - - Firefox OS - - Proximity - - WebAPI -translation_of: Web/API/UserProximityEvent/near -original_slug: Web/API/UserProximityEvent/near ---- -<p>{{APIRef("Proximity Events")}}{{obsolete_header}}</p> - -<p><code>near</code> プロパティは、デバイスの近くにものがあるかどうか（※近接センサーによる）を示す真偽値を返します。ある場合は <code>true</code> が、無い場合は <code>false</code> が返ります。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">var <var>near</var> = instanceOfUserProximityEvent.near;</pre> - -<h2 id="Value" name="Value">値</h2> - -<p>真偽値</p> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Proximity Events', '#user-proximity', 'Proximity Events')}}</td> - <td>{{Spec2('Proximity Events')}}</td> - <td>最初期の定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - - - -<p>{{Compat("api.UserProximityEvent.near")}}</p> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li>{{domxref("UserProximityEvent")}}</li> -</ul> diff --git a/files/ja/orphaned/web/css/@media/index/index.html b/files/ja/orphaned/web/css/@media/index/index.html deleted file mode 100644 index c6e2bb0aaa..0000000000 --- a/files/ja/orphaned/web/css/@media/index/index.html +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: 索引 -slug: orphaned/Web/CSS/@media/Index -tags: - - '@media' - - CSS - - 索引 -translation_of: Web/CSS/@media/Index -original_slug: Web/CSS/@media/Index ---- -<p>{{CSSRef}}</p> - -<p>{{Index("/ja/docs/Web/CSS/@media")}}</p> diff --git a/files/ja/orphaned/web/css/index/index.html b/files/ja/orphaned/web/css/index/index.html deleted file mode 100644 index 59cabe2185..0000000000 --- a/files/ja/orphaned/web/css/index/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -title: CSS 関連ドキュメントの索引 -slug: orphaned/Web/CSS/Index -tags: - - CSS - - Index - - MDN Meta -translation_of: Web/CSS/Index -original_slug: Web/CSS/Index ---- -<p>{{Index("/ja/docs/Web/CSS")}}</p> diff --git a/files/ja/orphaned/web/http/headers/index/index.html b/files/ja/orphaned/web/http/headers/index/index.html deleted file mode 100644 index 3018bbf0eb..0000000000 --- a/files/ja/orphaned/web/http/headers/index/index.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -title: 索引 -slug: orphaned/Web/HTTP/Headers/Index -tags: - - HTTP - - HTTP ヘッダー - - ヘッダー - - 索引 -translation_of: Web/HTTP/Headers/Index -original_slug: Web/HTTP/Headers/Index ---- -<div>{{HTTPSidebar}}</div> - -<p>{{Index("/ja/docs/Web/HTTP/Headers")}}</p> diff --git a/files/ja/tools/browser_console/index.html b/files/ja/tools/browser_console/index.html index 12b87526ca..829bbd96bc 100644 --- a/files/ja/tools/browser_console/index.html +++ b/files/ja/tools/browser_console/index.html @@ -54,7 +54,7 @@ translation_of: Tools/Browser_Console <ul> <li><a href="/ja/docs/Tools/Web_Console#HTTP_requests" title="Tools/Web_Console#HTTP_requests">HTTP 要求</a></li> - <li><a href="/ja/docs/Tools/Web_Console#Warnings_and_errors" title="Tools/Web_Console#Warnings_and_errors">警告とエラー</a> (JavaScript、CSS、セキュリティの警告やエラー、および <a href="https://developer.mozilla.org/ja/docs/Web/API/console" title="Web/API/console">console</a> API を使用して JavaScript コードから明示的に記録されるメッセージを含みます)</li> + <li><a href="/ja/docs/Tools/Web_Console#Warnings_and_errors" title="Tools/Web_Console#Warnings_and_errors">警告とエラー</a> (JavaScript、CSS、セキュリティの警告やエラー、および <a href="/ja/docs/Web/API/console" title="Web/API/console">console</a> API を使用して JavaScript コードから明示的に記録されるメッセージを含みます)</li> <li><a href="/ja/docs/Tools/Web_Console#Input.2Foutput_messages" title="Tools/Web_Console#Input.2Foutput_messages">入力/出力メッセージ</a>: コマンドラインからブラウザーに送信したコマンドと、そのコマンドの実行結果</li> </ul> diff --git a/files/ja/tools/deprecated_tools/index.html b/files/ja/tools/deprecated_tools/index.html index 7364b8da89..b676c73020 100644 --- a/files/ja/tools/deprecated_tools/index.html +++ b/files/ja/tools/deprecated_tools/index.html @@ -92,7 +92,7 @@ translation_of: Tools/Deprecated_tools <p>The Web Audio Editor allowed you to examine an audio context constructed in the page and provided a visualization of its graph. This gave a high-level view of its operation, and enabled you to ensure that all the nodes are connected in the way you expect. It was possible to edit the AudioParam properties for each node in the graph. Some non-AudioParam properties, like an OscillatorNode's type property, were displayed and editable as well. It was deprecated due to lack of use.</p> -<p>More details about the <a href="/en-US/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></p> +<p>More details about the <a href="/ja/docs/Tools/Web_Audio_Editor">Web Audio Editor</a></p> <p><img alt="" src="https://mdn.mozillademos.org/files/16548/webAudio_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p> @@ -110,7 +110,7 @@ translation_of: Tools/Deprecated_tools <p>The Shader Editor allowed users to examine and edit the source of the WebGL vertex and fragment shaders. It was deprecated due to low usage and maintenance costs.</p> -<p>More details about the <a href="/en-US/docs/Tools/Shader_Editor">Shader Editor</a></p> +<p>More details about the <a href="/ja/docs/Tools/Shader_Editor">Shader Editor</a></p> <p><img alt="" src="https://mdn.mozillademos.org/files/16547/shaderEditor_tool.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p> diff --git a/files/ja/tools/firefox_os_simulator_clone/index.html b/files/ja/tools/firefox_os_simulator_clone/index.html index f75ba6fd3c..8d3cbdaaf2 100644 --- a/files/ja/tools/firefox_os_simulator_clone/index.html +++ b/files/ja/tools/firefox_os_simulator_clone/index.html @@ -17,7 +17,7 @@ translation_of: Tools/Firefox_OS_Simulator_clone <p><span style="line-height: 1.5;">シミュレータをインストールするには、<a href="/ja/docs/Tools/WebIDE#Adding_a_Simulator">WebIDE の Manage Simulators ペイン</a> (Firefox 33 以降で利用可能) を使用します。複数のバージョンが用意されており、それらをすべてインストールすることをお勧めします。</span></p> -<p>Simulator を起動するには、WebIDE のランタイムリストから選択します。詳細については、<a href="https://developer.mozilla.org/docs/Tools/WebIDE#Selecting_a_runtime">WebIDE のマニュアル</a>を参照してください。Simulator が実行されると、実際のデバイスと同様に WebIDE を使用して Simulator をデバッグすることで、デバッグができます。</p> +<p>Simulator を起動するには、WebIDE のランタイムリストから選択します。詳細については、<a href="/ja/docs/Tools/WebIDE#Selecting_a_runtime">WebIDE のマニュアル</a>を参照してください。Simulator が実行されると、実際のデバイスと同様に WebIDE を使用して Simulator をデバッグすることで、デバッグができます。</p> <p>アプリケーションマネージャ (WebIDE より前の古いツール) を使用している場合は、次のボタンを使用してシミュレータをインストールできます。</p> @@ -62,14 +62,14 @@ translation_of: Tools/Firefox_OS_Simulator_clone <p>サポートしているハードウェアがデスクトップ上で利用できないため、デバイス上で動作する特定の API はシミュレータ上では機能しません。ジオロケーションなどの一部の API のシミュレーションを実装し、今後のリリースでさらに追加する予定です。ただし、現時点では、次の API はサポートされていません。それらを使用すると、エラーがスローされたり、正しくない結果が返される可能性があります</p> <ul> - <li><a href="/en-US/WebAPI/WebTelephony" title="/en-US/WebAPI/WebTelephony">Telephony</a></li> - <li><a href="/en-US/docs/WebAPI/WebSMS" title="/en-US/docs/WebAPI/WebSMS">WebSMS</a></li> - <li><a href="/en-US/docs/WebAPI/WebBluetooth" title="/en-US/docs/WebAPI/WebBluetooth">WebBluetooth</a></li> - <li><a href="/en-US/docs/WebAPI/Using_Light_Events" title="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light</a></li> - <li><a href="/en-US/docs/WebAPI/Proximity" title="/en-US/docs/WebAPI/Proximity">Proximity</a></li> - <li><a href="/en-US/docs/WebAPI/Network_Information" title="/en-US/docs/WebAPI/Network_Information">Network Information</a></li> - <li><a href="/en-US/docs/Online_and_offline_events" title="/en-US/docs/Online_and_offline_events">navigator.onLine and offline events</a></li> - <li><a href="/en-US/docs/WebAPI/Vibration" title="/en-US/docs/WebAPI/Vibration">Vibration</a></li> + <li><a href="/ja/WebAPI/WebTelephony" title="/en-US/WebAPI/WebTelephony">Telephony</a></li> + <li><a href="/ja/docs/WebAPI/WebSMS" title="/en-US/docs/WebAPI/WebSMS">WebSMS</a></li> + <li><a href="/ja/docs/WebAPI/WebBluetooth" title="/en-US/docs/WebAPI/WebBluetooth">WebBluetooth</a></li> + <li><a href="/ja/docs/WebAPI/Using_Light_Events" title="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light</a></li> + <li><a href="/ja/docs/WebAPI/Proximity" title="/en-US/docs/WebAPI/Proximity">Proximity</a></li> + <li><a href="/ja/docs/WebAPI/Network_Information" title="/en-US/docs/WebAPI/Network_Information">Network Information</a></li> + <li><a href="/ja/docs/Online_and_offline_events" title="/en-US/docs/Online_and_offline_events">navigator.onLine and offline events</a></li> + <li><a href="/ja/docs/WebAPI/Vibration" title="/en-US/docs/WebAPI/Vibration">Vibration</a></li> </ul> <h2 id="ヘルプの利用"><a name="Simulator-help"></a>ヘルプの利用</h2> diff --git a/files/ja/tools/index.html b/files/ja/tools/index.html index ba248e01fc..959c7a2196 100644 --- a/files/ja/tools/index.html +++ b/files/ja/tools/index.html @@ -18,10 +18,10 @@ translation_of: Tools <div class="column-container"> <p>Firefox で利用できるウェブ開発ツールを使う上での情報を探すのに、あなたはうってつけの場所に来ています — このページは主要ツールと追加ツールすべての詳細な情報、Android 用 Firefox への接続やデバッグのやり方といったより詳しい情報、開発ツールの拡張のやり方、ブラウザー全体のデバッグのやり方へのリンクを提供します。</p> -サイドバーにあるリンクを探索して、ページまで読み進めてください。開発ツールに関してのフィードバックや質問があれば、我々のメーリングリストか IRC チャンネル (<a href="https://developer.mozilla.org/ja/docs/Tools#Join_the_Developer_tools_community">ページ最下部のコミュニティリンク</a>をご覧ください) にメッセージを送ってください。もし文書に関しての明確なフィードバックや質問があれば、<a href="https://discourse.mozilla.org/c/mdn">MDN discourse</a> が投書するのに良いサイトです。<br> +サイドバーにあるリンクを探索して、ページまで読み進めてください。開発ツールに関してのフィードバックや質問があれば、我々のメーリングリストか IRC チャンネル (<a href="/ja/docs/Tools#Join_the_Developer_tools_community">ページ最下部のコミュニティリンク</a>をご覧ください) にメッセージを送ってください。もし文書に関しての明確なフィードバックや質問があれば、<a href="https://discourse.mozilla.org/c/mdn">MDN discourse</a> が投書するのに良いサイトです。<br> <div class="note"> -<p><strong>注記</strong>: もしウェブ開発や開発ツールの使用について初心者ならば、<a href="https://developer.mozilla.org/ja/docs/Learn">ウェブ開発を学ぶ</a> が役に立つでしょう — 良いスタートラインとして <a href="https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a> と <a href="https://developer.mozilla.org/ja/docs/Learn/Common_questions/What_are_browser_developer_tools">ブラウザー開発者ツールとは？</a> をご覧ください。</p> +<p><strong>注記</strong>: もしウェブ開発や開発ツールの使用について初心者ならば、<a href="/ja/docs/Learn">ウェブ開発を学ぶ</a> が役に立つでしょう — 良いスタートラインとして <a href="/ja/docs/Learn/Getting_started_with_the_web">ウェブ入門</a> と <a href="/ja/docs/Learn/Common_questions/What_are_browser_developer_tools">ブラウザー開発者ツールとは？</a> をご覧ください。</p> </div> </div> @@ -107,7 +107,7 @@ translation_of: Tools </div> <div class="note"> -<p><strong>注</strong>: 開発ツールの入っている UI の総称は<a href="https://developer.mozilla.org/ja/docs/Tools/Tools_Toolbox">ツールボックス</a>です。</p> +<p><strong>注</strong>: 開発ツールの入っている UI の総称は<a href="/ja/docs/Tools/Tools_Toolbox">ツールボックス</a>です。</p> </div> <div class="column-container"> @@ -142,7 +142,7 @@ translation_of: Tools <dd>ページの DOM 属性や関数などを調査します。</dd> <dt><a href="/ja/docs/Tools/GCLI">開発ツールバー</a></dt> <dd>開発ツール用のコマンドラインインターフェイスです。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Tools/Accessibility_inspector">アクセシビリティインスペクター</a></dt> + <dt><a href="/ja/docs/Tools/Accessibility_inspector">アクセシビリティインスペクター</a></dt> <dd>ページのアクセシビリティツリーへのアクセス手段を提供し、何が足りないのかや注意が必要なのかを確認できるようにします。</dd> <dt><a href="/ja/docs/Tools/Eyedropper">スポイト</a></dt> <dd>ページ内の色を選択します。</dd> @@ -156,9 +156,9 @@ translation_of: Tools <dd>オーディオコンテキストでオーディオノードのグラフの調査や、それらのパラメーターの変更を行います。</dd> <dt><a href="/ja/docs/Tools/Taking_screenshots">スクリーンショットを撮影</a></dt> <dd>ページ全体またはひとつの要素のスクリーンショットを撮影します。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Tools/Measure_a_portion_of_the_page">ページの一部分を計測する</a></dt> + <dt><a href="/ja/docs/Tools/Measure_a_portion_of_the_page">ページの一部分を計測する</a></dt> <dd>ウェブページの特定のエリアを計測します。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Tools/Rulers">定規</a></dt> + <dt><a href="/ja/docs/Tools/Rulers">定規</a></dt> <dd>ウェブページ上に水平、垂直な定規を重ねます。</dd> </dl> </div> diff --git a/files/ja/tools/network_monitor/request_list/index.html b/files/ja/tools/network_monitor/request_list/index.html index ffc68317a5..085fb1e22b 100644 --- a/files/ja/tools/network_monitor/request_list/index.html +++ b/files/ja/tools/network_monitor/request_list/index.html @@ -280,7 +280,7 @@ translation_of: Tools/Network_Monitor/request_list <li>Save Image As (only for images)</li> <li>Edit and Resend</li> <li>Open in New Tab</li> - <li>Start <a href="/en-US/docs/Tools/Network_Monitor#Performance_analysis">Performance Analysis</a> for the page</li> + <li>Start <a href="/ja/docs/Tools/Network_Monitor#Performance_analysis">Performance Analysis</a> for the page</li> </ul> <h4 id="Edit_and_Resend">Edit and Resend</h4> diff --git a/files/ja/tools/page_inspector/3-pane_mode/index.html b/files/ja/tools/page_inspector/3-pane_mode/index.html index a7a9fd3966..a3f602c616 100644 --- a/files/ja/tools/page_inspector/3-pane_mode/index.html +++ b/files/ja/tools/page_inspector/3-pane_mode/index.html @@ -15,12 +15,12 @@ translation_of: Tools/Page_Inspector/3-pane_mode <h2 id="機能の概要">機能の概要</h2> -<p>Firefox 62以降では、<a href="/en-US/docs/Tools/Page_Inspector">ページインスペクター</a> に新しいモード (<strong>3ペインモード</strong>) が用意されています。これを有効にすると、同時に以下を見ることができます：</p> +<p>Firefox 62以降では、<a href="/ja/docs/Tools/Page_Inspector">ページインスペクター</a> に新しいモード (<strong>3ペインモード</strong>) が用意されています。これを有効にすると、同時に以下を見ることができます：</p> <ul> - <li>The <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">HTML pane</a> on the left hand side, as usual.</li> - <li>The <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_CSS_rules">CSS Rules</a> in the middle in their own separate pane, rather than as a tab.</li> - <li>The other CSS related features — such as <a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_computed_CSS">Computed styles view</a>, <a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Animations view</a>, and <a href="/en-US/docs/Tools/Page_Inspector/How_to/View_fonts">Fonts view</a> — in tabs on the right hand side, as usual.</li> + <li>The <a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">HTML pane</a> on the left hand side, as usual.</li> + <li>The <a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_CSS_rules">CSS Rules</a> in the middle in their own separate pane, rather than as a tab.</li> + <li>The other CSS related features — such as <a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS#Examine_computed_CSS">Computed styles view</a>, <a href="/ja/docs/Tools/Page_Inspector/How_to/Work_with_animations">Animations view</a>, and <a href="/ja/docs/Tools/Page_Inspector/How_to/View_fonts">Fonts view</a> — in tabs on the right hand side, as usual.</li> </ul> <p><img alt="The firefox page inspector in 3 pane mode, with HTML pane on left, CSS rules pane in center, and CSS tool tabs on right" src="https://mdn.mozillademos.org/files/15935/3-pane-view-final.png" style="border-style: solid; border-width: 1px; display: block; height: 259px; margin: 0px auto; width: 1195px;"></p> diff --git a/files/ja/tools/performance/call_tree/index.html b/files/ja/tools/performance/call_tree/index.html index d0472584d4..814a035ee3 100644 --- a/files/ja/tools/performance/call_tree/index.html +++ b/files/ja/tools/performance/call_tree/index.html @@ -46,7 +46,7 @@ translation_of: Tools/Performance/Call_Tree <p>現在のバージョンのコールツリーでは、これらが最も重要な列です。<em>Self Cost </em>が比較的高い関数は、実行に時間がかかり、頻繁に呼び出されるため、最適化の候補となります。</p> <div class="note"> -<p><a href="https://developer.mozilla.org/ja/docs/Tools/Performance/Call_Tree$edit#Using_an_inverted_aka_Bottom-Up_Call_Tree">The inverted call tree</a> は、これらの <em>Self Cost </em>値に集中する良い方法です。</p> +<p><a href="/ja/docs/Tools/Performance/Call_Tree$edit#Using_an_inverted_aka_Bottom-Up_Call_Tree">The inverted call tree</a> は、これらの <em>Self Cost </em>値に集中する良い方法です。</p> </div> <p>このスクリーンショットは、私たちがすでに知っていると思われるものを示しています。バブルソートは非常に非効率的なアルゴリズムです。 バブルソートは選択ソートの約6倍、クイックソートの13倍です。</p> diff --git a/files/ja/tools/remote_debugging/firefox_for_android/index.html b/files/ja/tools/remote_debugging/firefox_for_android/index.html index b6b7b74621..ca81cfd27a 100644 --- a/files/ja/tools/remote_debugging/firefox_for_android/index.html +++ b/files/ja/tools/remote_debugging/firefox_for_android/index.html @@ -3,7 +3,7 @@ title: Android 版 Firefox のリモートデバッグ slug: Tools/Remote_Debugging/Firefox_for_Android translation_of: Tools/Remote_Debugging/Firefox_for_Android --- -<div>{{ToolsSidebar}}</div><p>このガイドでは、<a href="/ja/docs/Mozilla/Firefox_for_Android">Android 版 Firefox</a> で実行しているコードを USB 経由で調査あるいはデバッグするために、<a href="/docs/Tools/Remote_Debugging">リモートデバッグ</a>を使用する方法を説明します。</p> +<div>{{ToolsSidebar}}</div><p>このガイドでは、<a href="/ja/docs/Mozilla/Firefox_for_Android">Android 版 Firefox</a> で実行しているコードを USB 経由で調査あるいはデバッグするために、<a href="/ja/docs/Tools/Remote_Debugging">リモートデバッグ</a>を使用する方法を説明します。</p> <div class="note"> <p>最近、Android 版 Firefox に開発ツールを接続する方法を大幅にシンプル化しました。デスクトップ版 の Firefox 36 以降および Android 版の Firefox 35 以降を使用している場合は、本記事の代わりに<a href="/ja/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">新しい方法をご確認ください</a>。</p> diff --git a/files/ja/tools/remote_debugging/index.html b/files/ja/tools/remote_debugging/index.html index d922cf39b0..a74a176b92 100644 --- a/files/ja/tools/remote_debugging/index.html +++ b/files/ja/tools/remote_debugging/index.html @@ -16,6 +16,6 @@ translation_of: Tools/Remote_Debugging <ul> <li><a href="/ja/docs/Tools/Remote_Debugging/Debugging_Firefox_Desktop">デスクトップ版 Firefox</a></li> - <li>Android 版 Firefox を<a href="/docs/Tools/about:debugging">USB 経由</a>で</li> + <li>Android 版 Firefox を<a href="/ja/docs/Tools/about:debugging">USB 経由</a>で</li> <li><a href="/ja/docs/Tools/Remote_Debugging/Thunderbird">Thunderbird</a></li> </ul> diff --git a/files/ja/tools/tips/index.html b/files/ja/tools/tips/index.html index 6abb84f7fc..925f1e61cd 100644 --- a/files/ja/tools/tips/index.html +++ b/files/ja/tools/tips/index.html @@ -82,7 +82,7 @@ translation_of: Tools/Tips <br> <code>Screen Shot date at time.png</code><br> <br> - --fullpage パラメーターはオプションです。それを含めると、スクリーンショットはブラウザウィンドウに表示されるセクションだけでなくページ全体になります。ファイル名にも -fullpage が付加されます。<a href="https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Helpers">Web コンソールヘルパー</a>の全てのパラメータを参照してください。</li> + --fullpage パラメーターはオプションです。それを含めると、スクリーンショットはブラウザウィンドウに表示されるセクションだけでなくページ全体になります。ファイル名にも -fullpage が付加されます。<a href="/ja/docs/Tools/Web_Console/Helpers">Web コンソールヘルパー</a>の全てのパラメータを参照してください。</li> </ul> <p>コンソールの出力:</p> diff --git a/files/ja/tools/web_audio_editor/index.html b/files/ja/tools/web_audio_editor/index.html index 0a56bfa7f6..48cf967cf9 100644 --- a/files/ja/tools/web_audio_editor/index.html +++ b/files/ja/tools/web_audio_editor/index.html @@ -10,7 +10,7 @@ translation_of: Tools/Web_Audio_Editor <div> </div> <div class="blockIndicator note"> -<p>注意：このツールは廃止予定であり、まもなくFirefoxから削除される予定です。 詳しくは、<a href="https://developer.mozilla.org/en-US/docs/Tools/Deprecated_tools">非推奨ツール</a>を参照してください。</p> +<p>注意：このツールは廃止予定であり、まもなくFirefoxから削除される予定です。 詳しくは、<a href="/ja/docs/Tools/Deprecated_tools">非推奨ツール</a>を参照してください。</p> </div> <p><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a> を使うとき、開発者は {{domxref ("AudioContext")}} を生成します。そのコンテキストでは、以下のようないくつもの {{domxref ("AudioNode")}} を構築します:</p> diff --git a/files/ja/tools/web_console/helpers/index.html b/files/ja/tools/web_console/helpers/index.html index a460b6915c..264fd2b032 100644 --- a/files/ja/tools/web_console/helpers/index.html +++ b/files/ja/tools/web_console/helpers/index.html @@ -27,7 +27,7 @@ translation_of: Tools/Web_Console/Helpers <dt id="$_"><code>$_</code></dt> <dd>コンソールのコマンドラインで最後に実行した式の結果を保持します。例えば "2+2 <enter>" と入力した後に "$_ <enter>" と入力すると、コンソールは 4 と出力します。</dd> <dt id="$x"><code>$x(xpath, element, resultType)</code></dt> - <dd><code>element</code> のコンテキストで <a href="/ja/docs/XPath">XPath</a> <code>xpath</code> 式を評価し、一致するノードの配列を返します。 未指定の場合、<code>element</code> のデフォルトは <code>document</code> です。<code>resultType</code>には戻り値の型を指定します。取りうる値は <a href="https://developer.mozilla.org/ja/docs/Web/API/XPathResult#Constants">XPathResult定数</a>か <code>"number"</code>、 <code>"string"</code>、 <code>"bool"</code>、 <code>"node"</code>、 <code>"nodes"</code> のいずれかです。指定されなかった場合、 <code>ANY_TYPE</code> になります。</dd> + <dd><code>element</code> のコンテキストで <a href="/ja/docs/XPath">XPath</a> <code>xpath</code> 式を評価し、一致するノードの配列を返します。 未指定の場合、<code>element</code> のデフォルトは <code>document</code> です。<code>resultType</code>には戻り値の型を指定します。取りうる値は <a href="/ja/docs/Web/API/XPathResult#Constants">XPathResult定数</a>か <code>"number"</code>、 <code>"string"</code>、 <code>"bool"</code>、 <code>"node"</code>、 <code>"nodes"</code> のいずれかです。指定されなかった場合、 <code>ANY_TYPE</code> になります。</dd> <dt id="keys"><code>keys()</code></dt> <dd>オブジェクトを与えると、そのオブジェクトのキー (またはプロパティ名) の一覧を返します。これは <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/keys"><code>Object.keys</code></a> のショートカットです。</dd> <dt id="values"><code>values()</code></dt> diff --git a/files/ja/tools/web_console/remoting/index.html b/files/ja/tools/web_console/remoting/index.html index d134c5b1f4..ea9a9354ad 100644 --- a/files/ja/tools/web_console/remoting/index.html +++ b/files/ja/tools/web_console/remoting/index.html @@ -262,7 +262,7 @@ debuggerClient.attachConsole(tab.consoleActor, listeners, onAttachConsole) <h2 id="ページエラー">ページエラー</h2> -<p>ページエラーは <a href="/ja/docs/XPCOM_Interface_Reference/nsIConsoleService" title="/en-US/docs/XPCOM_Interface_Reference/nsIConsoleService"><code>nsIConsoleService</code></a> から発生します。許可される各ページエラーは <a href="https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIScriptError" title="/en-US/docs/XPCOM_Interface_Reference/nsIScriptError"><code>nsIScriptError</code></a> オブジェクトです。</p> +<p>ページエラーは <a href="/ja/docs/XPCOM_Interface_Reference/nsIConsoleService" title="/en-US/docs/XPCOM_Interface_Reference/nsIConsoleService"><code>nsIConsoleService</code></a> から発生します。許可される各ページエラーは <a href="/ja/docs/XPCOM_Interface_Reference/nsIScriptError" title="/en-US/docs/XPCOM_Interface_Reference/nsIScriptError"><code>nsIScriptError</code></a> オブジェクトです。</p> <p><code>pageError</code> パケットは次のとおりです。</p> @@ -302,7 +302,7 @@ debuggerClient.attachConsole(tab.consoleActor, listeners, onAttachConsole) <p>Firefox 23以前は、プロトコルを通じてJavaScriptオブジェクトを操作するために、別のアクタ<code>(WebConsoleObjectActor</code>)を使用しました。<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=783499">bug 783499</a>では、デバッガから<code>ObjectActor</code>を再利用するためにいくつかの変更を行いました。</p> </div> -<p>コンソール API メッセージは <a href="https://developer.mozilla.org/en-US/docs/XPCOM_Interface_Reference/nsIObserverService" title="/en-US/docs/XPCOM_Interface_Reference/nsIObserverService"><code>nsIObserverService</code></a> を経由します。コンソールオブジェクトの実装は <a href="http://mxr.mozilla.org/mozilla-central/source/dom/base/ConsoleAPI.js"><code>dom/base/ConsoleAPI.js</code></a> にあります。</p> +<p>コンソール API メッセージは <a href="/ja/docs/XPCOM_Interface_Reference/nsIObserverService" title="/en-US/docs/XPCOM_Interface_Reference/nsIObserverService"><code>nsIObserverService</code></a> を経由します。コンソールオブジェクトの実装は <a href="http://mxr.mozilla.org/mozilla-central/source/dom/base/ConsoleAPI.js"><code>dom/base/ConsoleAPI.js</code></a> にあります。</p> <p>サーバーで受信したコンソールメッセージごとに、次の <code>consoleAPICall</code> パケットをクライアントに送信します。</p> diff --git a/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html b/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html index 8e3ab5e104..b9a5e54406 100644 --- a/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html +++ b/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html @@ -91,23 +91,15 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <p>開発者は UI ウィジェット要素の状態を示すために ARIA のステートを使用して、ステートの変化に基づく視覚的外見の変更に (スクリプトを使用して要素のクラス名を変更するのではなく) CSS の属性セレクタを使用しましょう。</p> -<p><em>注意: この例(</em><s><em><a class="external external-icon" href="http://www.oaa-accessibility.org/example/25/" rel="freelink">http://www.oaa-accessibility.org/example/25/</a></em></s><em>) はもう利用できません。状況が変わったので、W3C ARIA オーサリングプラクティスガイドの例</em> <em>(<a class="external external-icon" href="http://www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/checkbox-1.html">www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/checkbox-1.html</a>) を見てください。</em></p> - -<p><s>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/25/">ARIA のステートに基づく CSS 属性セレクタの例</a>があります。この例では、動的なメニューシステムによる WYSIWYG エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。</s></p> - -<p><s>この例でメニュー用の HTML は、例 1a で示す形式になっています。7 行目と 13 行目で、メニュー項目の選択状態を表すために <strong><code>aria-checked</code></strong> プロパティを使用していることに注意してください。</s></p> - -<p><s><em>例 1a: 選択可能なメニュー用の HTML (<a href="http://www.oaa-accessibility.org/example/25/" rel="freelink">http://www.oaa-accessibility.org/example/25/</a> をもとに改作)。</em></s></p> - <h4 id="Visibility_changes" name="Visibility_changes">可視性の変化</h4> <p>コンテンツの可視性を変えるとき (例えば要素を隠したり表示したりする)、開発者は <strong><code>aria-hidden</code></strong> プロパティの値を変更するとよいでしょう。先に説明した手法を、<code>display:none</code> を使用して要素を視覚的に隠すという CSS を示すために使用しましょう。</p> -<p>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/39/">可視性の制御に <strong><code>aria-hidden</code></strong> を使用するツールチップの例</a>があります。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。</p> +<p>これは、可視性の制御に <strong><code>aria-hidden</code></strong> を使用するツールチップの例です。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。</p> <p>この例でツールチップ用の HTML は、例 2a で示す形式になっています。9 行目で <strong><code>aria-hidden</code></strong> を <code>true</code> に設定しています。</p> -<p><em>例 2a: ツールチップ用の HTML (<a href="http://www.oaa-accessibility.org/example/39/" rel="freelink">http://www.oaa-accessibility.org/example/39/</a> をもとに改作)。</em></p> +<p><em>例 2a: ツールチップ用の HTML</em></p> <pre class="brush: html"><div class="text"> <label id="tp1-label" for="first">First Name:</label> @@ -123,7 +115,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <p>このマークアップ用の CSS を例 2b で示します。ここでは独自のクラス名を使用せず、1 行目で <strong><code>aria-hidden</code></strong> 属性の状態のみを使用していることに注意してください。</p> -<p><em>例 2b: 状態を示すための、属性セレクタ (<a href="http://www.oaa-accessibility.org/example/39/" rel="freelink">http://www.oaa-accessibility.org/example/39/</a> より)。</em></p> +<p><em>例 2b: 状態を示すための、属性セレクタ</em></p> <pre class="brush: css">div.tooltip[aria-hidden="true"] { display: none; @@ -132,7 +124,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <p><strong>><code>aria-hidden</code></strong> プロパティを更新するための JavaScript は、例 2c で示す形式になっています。このスクリプトは <strong>><code>aria-hidden</code></strong> 属性しか更新しないことに注意してください (2 行目)。独自のクラス名の追加や削除は不要です。</p> -<p><em>例 2c: aria-hidden 属性を更新する JavaScript (<a href="http://www.oaa-accessibility.org/example/39/" rel="freelink">http://www.oaa-accessibility.org/example/39/</a> に基づく)。</em></p> +<p><em>例 2c: aria-hidden 属性を更新する JavaScript</em></p> <pre class="brush: js">var showTip = function(el) { el.setAttribute('aria-hidden', 'false'); diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html index 82207358d0..192b9a498b 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html @@ -104,13 +104,6 @@ document.getElementById("formInstruction").setAttribute("role", "alert");</pre> <pre class="brush: js">// removing the 'hidden' class makes the element visible, which will make the screen reader announce the alert: document.getElementById("expirationWarning").className = ""; </pre> -<h4 id="実施例">実施例:</h4> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/example/1/">Alert role example using an ARIA alert box</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/alertdialog1/">Alert example using a modal ARIA dialog box</a></li> -</ul> - <h3 id="注記">注記 </h3> <ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html index 95da78a286..1114fabe9a 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html @@ -7,27 +7,25 @@ tags: - Attribute translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute --- -<h3 id="Description" name="Description">説明</h3> +<h3 id="Description">説明</h3> -<p><span class="seoSummary"><code><a href="https://www.w3.org/TR/wai-aria/#aria-describedby">aria-describedby</a></code> 属性は、オブジェクトを説明する要素の ID を示すために使用されます。 これは、ウィジェットまたはグループとそれらを記述するテキストの間の関係を確立するために使用されます。 これは、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby</a></code> と非常によく似ています。 ラベルはオブジェクトの本質を表し、説明はユーザーが必要とする可能性のある詳細を提供します。</span></p> +<p><span class="seoSummary"><a href="https://www.w3.org/TR/wai-aria/#aria-describedby" rel="external"><code>aria-describedby</code></a> 属性は、オブジェクトを説明する要素の ID を示すために使用されます。これは、ウィジェットまたはグループとそれらを記述するテキストの間の関係を確立するために使用されます。これは、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby</a></code> と非常によく似ています。 ラベルはオブジェクトの本質を表し、説明はユーザーが必要とする可能性のある詳細を提供します。</span></p> <p><code>aria-describedby</code> 属性はフォーム要素にのみ使用されるものではありません。 静的テキストをウィジェット、要素のグループ、ペイン、見出しを持つ領域、定義等々に関連付けるためにも使用されます。 以下の{{ anch("Examples","例") }}のセクションでは、これらの場合に属性を使用する方法の詳細について説明します。</p> <p>この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の <code>role</code> が割り当てられている要素に限定されるものではありません。</p> -<h3 id="Value" name="Value">値</h3> +<h3 id="Value">値</h3> <p>スペースで区切られた要素の ID のリスト</p> -<h3 id='Possible_effects_on_user_agents_and_assistive_technology""' name='Possible_effects_on_user_agents_and_assistive_technology""'>ユーザーエージェントと支援技術への影響</h3> +<h3 id="Possible_effects_on_user_agents_and_assistive_technology">ユーザーエージェントと支援技術への影響</h3> -<p> </p> +<div class="note"><strong>注:</strong> 支援技術がこの手法をどのように扱うべきかについての意見は異なる場合があります。 上記の情報は、これらの意見の 1 つで、したがって規範的ではありません。</div> -<div class="note"><strong>注:</strong> 支援技術がこの手法をどのように扱うべきかについての意見は異なる場合があります。 上記の情報は、これらの意見の1つで、したがって規範的ではありません。</div> +<h3 id="Examples">例</h3> -<h3 id="Examples" name="Examples">例</h3> - -<h4 id="Example_1_Application_Landmark_Descriptions" name="Example_1_Application_Landmark_Descriptions">例 1: アプリケーションのランドマークの説明</h4> +<h4 id="Example_1_Application_Landmark_Descriptions">例 1: アプリケーションのランドマークの説明</h4> <p>以下の例では、導入の段落でカレンダーアプリケーションについて説明します。 <code>aria-describedby</code> は、段落をアプリケーションのコンテナに関連付けるために使用されます。</p> @@ -42,7 +40,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedb </div> </pre> -<h4 id="Example_2_A_Close_Button" name="Example_2_A_Close_Button">例 2: 閉じるボタン</h4> +<h4 id="Example_2_A_Close_Button">例 2: 閉じるボタン</h4> <p>以下の例では、ダイアログの [閉じる] ボタンとして機能するリンクが、ドキュメントの別の場所で説明されています。 <code>aria-describedby</code> 属性は、説明をリンクに関連付けるために使用されます。</p> @@ -55,34 +53,27 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedb メインページに戻ります</div> </pre> -<h3 id="Working_Examples" name="Working_Examples">動作する例</h3> - -<ul> - <li><code>aria-describedby</code> を使用した<a href="http://www.oaa-accessibility.org/examplep/checkbox1/">チェックボックスの例</a></li> - <li><code>aria-describedby</code> を使用した<a href="http://www.oaa-accessibility.org/examplep/tooltip1/">ツールチップの例</a></li> -</ul> - -<h3 id="Notes" name="Notes">注</h3> +<h3 id="Notes">注</h3> <ul> <li><code>aria-describedby</code> 属性は、外部リソースの記述を参照するようには設計されていません。 ID であるため、同じ DOM ドキュメント内の要素を参照する必要があります。</li> </ul> -<h3 id="Used_by_ARIA_roles" name="Used_by_ARIA_roles">ARIA ロールによって使用される</h3> +<h3 id="Used_by_ARIA_roles">ARIA ロールによって使用される</h3> <p>ベースマークアップのすべての要素</p> -<h3 id="Related_ARIA_techniques" name="Related_ARIA_techniques">関連する ARIA 技術</h3> +<h3 id="Related_ARIA_techniques">関連する ARIA 技術</h3> <ul> <li><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby 属性の使用</a></li> </ul> -<h3 id="Compatibility" name="Compatibility">互換性</h3> +<h3 id="Compatibility">互換性</h3> <p class="comment">TBD: 一般的な UA と AT 製品の組み合わせに関するサポート情報を追加する</p> -<h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> +<h3 id="Additional_resources">その他のリソース</h3> <ul> <li><a href="https://www.w3.org/TR/wai-aria/#aria-describedby">aria-describedby の WAI-ARIA 仕様</a>（英語）</li> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html index 03c6496c1f..3730efb1f7 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html @@ -52,12 +52,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio </a> </pre> -<h4 id="Working_Examples" name="Working_Examples">動作する例</h4> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> -</ul> - <h3 id="Notes" name="Notes">注</h3> <h3 id="Used_With_ARIA_Roles" name="Used_With_ARIA_Roles">ARIA ロールで使用</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html index 1f69f16e2f..55b961e20d 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html @@ -42,10 +42,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a </form> </pre> -<h4 id="Working_Examples" name="Working_Examples">動作する例</h4> - -<p><a class="external" href="http://www.oaa-accessibility.org/examplep/tooltip1/">ツールチップの例</a>（<code>aria-required</code> 属性の使用を含む）</p> - <h3 id="Notes" name="Notes">注</h3> <h3 id="Used_in_ARIA_roles" name="Used_in_ARIA_roles">ARIA ロールで使用</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html index 131a8b50cd..18cff00666 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html @@ -33,14 +33,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_a <pre class="deki-transform"><span class="tag"><div role=<span class="str">"slider"</span> aria-valuenow=<span class="str">"4"</span> aria-valuemin=<span class="str">"1"</span> aria-valuemax=<span class="str">"10"</span>></span> </pre> -<h4 id="Working_Examples" name="Working_Examples">動作する例</h4> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> -</ul> - <h3 id="Notes" name="Notes">注 </h3> <h3 id="Used_With_ARIA_Roles" name="Used_With_ARIA_Roles">ARIA ロールで使用</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html index 96a4857b74..b73802eb9c 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html @@ -29,14 +29,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a <pre class="brush: html"><span class="tag"><div role=<span class="str">"slider"</span> aria-valuenow=<span class="str">"4"</span> aria-valuemin=<span class="str">"1"</span> aria-valuemax=<span class="str">"10"</span>></span> </pre> -<h4 id="Working_Examples.3A" name="Working_Examples.3A">動作する例</h4> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> -</ul> - <h3 id="Notes" name="Notes">注</h3> <h3 id="Used_With_ARIA_Roles" name="Used_With_ARIA_Roles">ARIA ロールで使用</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html index 94ec9f7f50..e53607131c 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html @@ -33,14 +33,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a <pre class="brush: html"><span class="tag"><div role=<span class="str">"slider"</span> aria-valuenow=<span class="str">"4"</span> aria-valuemin=<span class="str">"1"</span> aria-valuemax=<span class="str">"10"</span>></span> </pre> -<h4 id="Working_Examples.3A" name="Working_Examples.3A">動作する例</h4> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> -</ul> - <h3 id="Notes" name="Notes">注 </h3> <h3 id="Used_With_ARIA_Roles" name="Used_With_ARIA_Roles">ARIA ロールで使用</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html index dbe13c701e..1ab569de6c 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html @@ -98,12 +98,6 @@ var updateSlider = function (newValue) { }; </pre> -<h3 id="Working_Examples" name="Working_Examples">動作する例</h3> - -<ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> -</ul> - <h2 id="Notes" name="Notes">注</h2> <p> </p> diff --git a/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html b/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html index f1a4dc9646..65ce604cd9 100644 --- a/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html +++ b/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html @@ -43,8 +43,6 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints <p>以下の例では、順不同リストを使用して実装したラジオボタングループを示しています。3 行目で {{HTMLElement("li")}} 要素の <strong>aria-labelledby</strong> 属性に、1 行目の {{HTMLElement("h3")}} 要素の <strong>id</strong> である "rg1_label" を設定しており、h3 要素がラジオボタングループのラベルです。</p> -<p><em>例 2. 順不同リストを使用して実装したラジオボタングループ (<a href="http://www.oaa-accessibility.org/examplep/radio1/">http://www.oaa-accessibility.org/examplep/radio1/</a> をもとに改作)</em></p> - <pre class="brush: html"><h3 id="rg1_label">Lunch Options</h3> <ul class="radiogroup" id="rg1" role="radiogroup" aria-labelledby="rg1_label"> diff --git a/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html b/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html index 72a23044f3..d6c3556643 100644 --- a/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html +++ b/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html @@ -136,7 +136,7 @@ translation_of: Web/Accessibility/Keyboard-navigable_JavaScript_widgets <p>このテクニックでは、単一のイベントハンドラをコンテナウィジェットにバインドし、<code>aria-activedescendant</code> を使用して「仮想」フォーカスを追跡します。 （ARIA に関する詳細は、<a href="/ja/docs/Web/Accessibility/An_Overview_of_Accessible_Web_Applications_and_Widgets">アクセス可能なウェブアプリケーションとウィジェットの概要</a>を参照してください。）</p> -<p><code>aria-activedescendant</code> プロパティは、現在仮想フォーカスを持っている子孫要素の ID を識別します。 コンテナのイベントハンドラーは、<code>aria-activedescendant</code> の値を更新し、（例えば、境界線や背景色で）現在の項目が適切にスタイル設定されていることを確実にすることで、キーイベントおよびマウスイベントに応答する必要があります。 これがどのように機能するかの直接的な説明については、この <a href="http://www.oaa-accessibility.org/example/28/">ARIA ラジオグループの例</a>のソースコードを参照してください。</p> +<p><code>aria-activedescendant</code> プロパティは、現在仮想フォーカスを持っている子孫要素の ID を識別します。 コンテナのイベントハンドラーは、<code>aria-activedescendant</code> の値を更新し、（例えば、境界線や背景色で）現在の項目が適切にスタイル設定されていることを確実にすることで、キーイベントおよびマウスイベントに応答する必要があります。</p> <h3 id="General_Guidelines" name="General_Guidelines">一般的なガイドライン</h3> diff --git a/files/ja/web/api/analysernode/index.html b/files/ja/web/api/analysernode/index.html index 01cf83481e..bd10222089 100644 --- a/files/ja/web/api/analysernode/index.html +++ b/files/ja/web/api/analysernode/index.html @@ -171,5 +171,5 @@ function draw() { <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/animation/animation/index.html b/files/ja/web/api/animation/animation/index.html index 21128281dc..14be29c34c 100644 --- a/files/ja/web/api/animation/animation/index.html +++ b/files/ja/web/api/animation/animation/index.html @@ -55,6 +55,6 @@ translation_of: Web/API/Animation/Animation <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a></li> + <li><a href="/ja/docs/Web/API/Web_Animations_API">Web Animations API</a></li> <li>{{domxref("Animation")}}</li> </ul> diff --git a/files/ja/web/api/animation/index.html b/files/ja/web/api/animation/index.html index c4125a26e6..ef95a327a7 100644 --- a/files/ja/web/api/animation/index.html +++ b/files/ja/web/api/animation/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/Animation --- <div>{{ APIRef("ウェブアニメーション") }}{{SeeCompatTable}}</div> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Animations_API">ウェブアニメーション API</a><strong> </strong>における<strong> <code>Animation</code></strong> インターフェースは単一のアニメーションプレーヤーを表し、アニメーションノードやソースに対する再生制御やタイムラインを提供します。</p> +<p><a href="/ja/docs/Web/API/Web_Animations_API">ウェブアニメーション API</a><strong> </strong>における<strong> <code>Animation</code></strong> インターフェースは単一のアニメーションプレーヤーを表し、アニメーションノードやソースに対する再生制御やタイムラインを提供します。</p> <h2 id="コンストラクタ">コンストラクタ</h2> diff --git a/files/ja/web/api/atob/index.html b/files/ja/web/api/atob/index.html index 96eb707a54..7dd4eaeb6f 100644 --- a/files/ja/web/api/atob/index.html +++ b/files/ja/web/api/atob/index.html @@ -86,7 +86,7 @@ const decodedData = window.atob(encodedData); // 文字列をデコード</pre> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs"><code>data</code> URIs</a></li> + <li><a href="/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URIs"><code>data</code> URIs</a></li> <li>{{domxref("WindowOrWorkerGlobalScope.btoa","btoa()")}}</li> <li><a href="/ja/docs/Mozilla/Tech/XPCOM/Language_Bindings/Components.utils.importGlobalProperties">Components.utils.importGlobalProperties</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/copytochannel/index.html b/files/ja/web/api/audiobuffer/copytochannel/index.html index b539665363..106c72b7d8 100644 --- a/files/ja/web/api/audiobuffer/copytochannel/index.html +++ b/files/ja/web/api/audiobuffer/copytochannel/index.html @@ -58,5 +58,5 @@ myArrayBuffer.copyToChannel (anotherArray,0,0); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/duration/index.html b/files/ja/web/api/audiobuffer/duration/index.html index c8dfee85ac..fb925a49e4 100644 --- a/files/ja/web/api/audiobuffer/duration/index.html +++ b/files/ja/web/api/audiobuffer/duration/index.html @@ -68,5 +68,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/getchanneldata/index.html b/files/ja/web/api/audiobuffer/getchanneldata/index.html index db0c636b2e..70705e5584 100644 --- a/files/ja/web/api/audiobuffer/getchanneldata/index.html +++ b/files/ja/web/api/audiobuffer/getchanneldata/index.html @@ -91,5 +91,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/index.html b/files/ja/web/api/audiobuffer/index.html index 51f0f99230..77d1b20762 100644 --- a/files/ja/web/api/audiobuffer/index.html +++ b/files/ja/web/api/audiobuffer/index.html @@ -99,5 +99,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/length/index.html b/files/ja/web/api/audiobuffer/length/index.html index 433ab9a650..3ec8ddaab5 100644 --- a/files/ja/web/api/audiobuffer/length/index.html +++ b/files/ja/web/api/audiobuffer/length/index.html @@ -67,5 +67,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/numberofchannels/index.html b/files/ja/web/api/audiobuffer/numberofchannels/index.html index e15341204d..3dd2cdf490 100644 --- a/files/ja/web/api/audiobuffer/numberofchannels/index.html +++ b/files/ja/web/api/audiobuffer/numberofchannels/index.html @@ -67,5 +67,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffer/samplerate/index.html b/files/ja/web/api/audiobuffer/samplerate/index.html index 78e5e20f6d..4667c44428 100644 --- a/files/ja/web/api/audiobuffer/samplerate/index.html +++ b/files/ja/web/api/audiobuffer/samplerate/index.html @@ -67,5 +67,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffersourcenode/index.html b/files/ja/web/api/audiobuffersourcenode/index.html index 13c9144da1..aed5b723f0 100644 --- a/files/ja/web/api/audiobuffersourcenode/index.html +++ b/files/ja/web/api/audiobuffersourcenode/index.html @@ -83,7 +83,7 @@ translation_of: Web/API/AudioBufferSourceNode <h2 id="例">例</h2> -<p>次の例は、2秒間のバッファを生成し、ホワイトノイズを書き込み、<a href="https://developer.mozilla.org/ja/docs/Web/API/AudioBufferSourceNode" title="The AudioBufferSourceNode インタフェーエスはメモリ上にある音声データ (AudioBuffer) を扱うオーディオソースを表します。このオブジェクトはオーディオソースとなる AudioNode です。"><code>AudioBufferSourceNode</code></a>で再生します。コメントは何をしているかを簡単に説明しています。</p> +<p>次の例は、2秒間のバッファを生成し、ホワイトノイズを書き込み、<a href="/ja/docs/Web/API/AudioBufferSourceNode" title="The AudioBufferSourceNode インタフェーエスはメモリ上にある音声データ (AudioBuffer) を扱うオーディオソースを表します。このオブジェクトはオーディオソースとなる AudioNode です。"><code>AudioBufferSourceNode</code></a>で再生します。コメントは何をしているかを簡単に説明しています。</p> <div class="note"> <p><strong>注: </strong><a class="external external-icon" href="https://mdn.github.io/webaudio-examples/audio-buffer/">コードをすぐに実行する</a>ことや、<a class="external external-icon" href="https://github.com/mdn/webaudio-examples/blob/master/audio-buffer/index.html">ソースコードを閲覧する</a>こともできます。</p> @@ -162,5 +162,5 @@ button<span class="punctuation token">.</span>onclick <span class="operator toke <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiobuffersourcenode/start/index.html b/files/ja/web/api/audiobuffersourcenode/start/index.html index bda21903e6..965f8fc7ae 100644 --- a/files/ja/web/api/audiobuffersourcenode/start/index.html +++ b/files/ja/web/api/audiobuffersourcenode/start/index.html @@ -68,5 +68,5 @@ source.start(when, offset, duration); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiocontext/close/index.html b/files/ja/web/api/audiocontext/close/index.html index 09ffb94e32..369302f9c3 100644 --- a/files/ja/web/api/audiocontext/close/index.html +++ b/files/ja/web/api/audiocontext/close/index.html @@ -60,6 +60,6 @@ audioCtx.close().then(function() { ... }); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> - <li><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiocontext/createmediaelementsource/index.html b/files/ja/web/api/audiocontext/createmediaelementsource/index.html index 6b459c6dfe..bbf25e1b2a 100644 --- a/files/ja/web/api/audiocontext/createmediaelementsource/index.html +++ b/files/ja/web/api/audiocontext/createmediaelementsource/index.html @@ -99,5 +99,5 @@ gainNode.connect(audioCtx.destination);</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Web Audio APIの利用</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Web Audio APIの利用</a></li> </ul> diff --git a/files/ja/web/api/audiocontext/createmediastreamsource/index.html b/files/ja/web/api/audiocontext/createmediastreamsource/index.html index 99909f1b7f..8583891782 100644 --- a/files/ja/web/api/audiocontext/createmediastreamsource/index.html +++ b/files/ja/web/api/audiocontext/createmediastreamsource/index.html @@ -142,5 +142,5 @@ pre.innerHTML = myScript.innerHTML;</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiocontext/resume/index.html b/files/ja/web/api/audiocontext/resume/index.html index d6e8ac7e27..e3c1a6eb65 100644 --- a/files/ja/web/api/audiocontext/resume/index.html +++ b/files/ja/web/api/audiocontext/resume/index.html @@ -69,6 +69,6 @@ translation_of: Web/API/AudioContext/resume <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> - <li><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiocontext/suspend/index.html b/files/ja/web/api/audiocontext/suspend/index.html index fd69565f65..4e72c71700 100644 --- a/files/ja/web/api/audiocontext/suspend/index.html +++ b/files/ja/web/api/audiocontext/suspend/index.html @@ -64,6 +64,6 @@ audioCtx.suspend().then(function() { ... }); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> - <li><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiodestinationnode/index.html b/files/ja/web/api/audiodestinationnode/index.html index ebf325f638..831169ca64 100644 --- a/files/ja/web/api/audiodestinationnode/index.html +++ b/files/ja/web/api/audiodestinationnode/index.html @@ -86,5 +86,5 @@ gainNode.connect(audioCtx.destination);</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiodestinationnode/maxchannelcount/index.html b/files/ja/web/api/audiodestinationnode/maxchannelcount/index.html index c2eae208a6..00ca7d6234 100644 --- a/files/ja/web/api/audiodestinationnode/maxchannelcount/index.html +++ b/files/ja/web/api/audiodestinationnode/maxchannelcount/index.html @@ -58,5 +58,5 @@ gainNode.connect(audioCtx.destination);</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audiolistener/index.html b/files/ja/web/api/audiolistener/index.html index 807698366d..875e4a88cc 100644 --- a/files/ja/web/api/audiolistener/index.html +++ b/files/ja/web/api/audiolistener/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/AudioListener --- <p>{{ APIRef("Web Audio API") }}</p> -<p><code>AudioListener</code>インターフェースは特定の人物が聞いている音場の位置と方向を表します、そしてそれは<a href="/en-US/docs/Web/API/Web_Audio_API/Web_audio_spatialisation_basics">audio spatialization</a>に使用されます。すべての{{domxref("PannerNode")}}は、{{domxref("BaseAudioContext.listener")}}属性に格納されている<code>AudioListener</code>に関連して空間化されます。</p> +<p><code>AudioListener</code>インターフェースは特定の人物が聞いている音場の位置と方向を表します、そしてそれは<a href="/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialisation_basics">audio spatialization</a>に使用されます。すべての{{domxref("PannerNode")}}は、{{domxref("BaseAudioContext.listener")}}属性に格納されている<code>AudioListener</code>に関連して空間化されます。</p> <p>コンテキストごとにリスナーは1つだけであり、{{domxref("AudioNode")}}ではないことに注意することが重要です。</p> @@ -105,5 +105,5 @@ translation_of: Web/API/AudioListener <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audionode/index.html b/files/ja/web/api/audionode/index.html index 4e85183593..811b7e39b6 100644 --- a/files/ja/web/api/audionode/index.html +++ b/files/ja/web/api/audionode/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/AudioNode <p>AudioNodeは複数の入力、出力を持ち、それぞれがチャンネルを持ちます。入力が無く、一つの出力を持つAudioNodeは、ソースノードと呼ばれます。厳密な処理はAudioNodeによって異なりますが, 基本的に、ノードは入力を読み込み、何らかの音声関連の処理を行ってから、出力のための新しい値を出力します。</p> -<p>Different nodes can be linked together to build a <em>processing graph</em>. Such a graph is contained in an {{domxref("AudioContext")}}. Each <code>AudioNode</code> participates in exactly one such context. In general, processing nodes inherit the properties and methods of <code>AudioNode</code>, but also define their own functionality on top. See the individual node pages for more details, as listed on the <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> homepage.</p> +<p>Different nodes can be linked together to build a <em>processing graph</em>. Such a graph is contained in an {{domxref("AudioContext")}}. Each <code>AudioNode</code> participates in exactly one such context. In general, processing nodes inherit the properties and methods of <code>AudioNode</code>, but also define their own functionality on top. See the individual node pages for more details, as listed on the <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> homepage.</p> <p>ノードは音声処理のグラフを構築するため、互いに関連付けることができます。そのようなグラフは一つの{{domxref("AudioContext")}}に含まれます。それぞれのAudioNodeは必ず一つのcontextに含まれます。一般に、ノードはAudioNodeのプロパティやメソッドを継承し、独自の機能が定義されています。個々のノードについての詳細を知りたい場合は、「Web Audio API」ホームページを御覧ください。</p> @@ -47,14 +47,14 @@ translation_of: Web/API/AudioNode <dl> <dt>{{domxref("AudioNode.channelCount")}}</dt> - <dd>Represents an integer used to determine how many channels are used when <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> connections to any inputs to the node. Its usage and precise definition depend on the value of {{domxref("AudioNode.channelCountMode")}}.</dd> + <dd>Represents an integer used to determine how many channels are used when <a href="/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> connections to any inputs to the node. Its usage and precise definition depend on the value of {{domxref("AudioNode.channelCountMode")}}.</dd> </dl> <dl> <dt>{{domxref("AudioNode.channelCountMode")}}</dt> <dd>Represents an enumerated value describing the way channels must be matched between the node's inputs and outputs.</dd> <dt>{{domxref("AudioNode.channelInterpretation")}}</dt> - <dd>Represents an enumerated value describing the meaning of the channels. This interpretation will define how audio <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> will happen.<br> + <dd>Represents an enumerated value describing the meaning of the channels. This interpretation will define how audio <a href="/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Up-mixing_and_down-mixing">up-mixing and down-mixing</a> will happen.<br> The possible values are <code>"speakers"</code> or <code>"discrete"</code>.</dd> </dl> @@ -73,7 +73,7 @@ translation_of: Web/API/AudioNode <h2 id="例">例</h2> -<p>This simple snippet of code shows the creation of some audio nodes, and how the AudioNode properties and methods can be used. You can find examples of such usage on any of the examples linked to on the <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> landing page (for example <a href="https://github.com/mdn/violent-theremin">Violent Theremin</a>.)<span class="p"> </span></p> +<p>This simple snippet of code shows the creation of some audio nodes, and how the AudioNode properties and methods can be used. You can find examples of such usage on any of the examples linked to on the <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> landing page (for example <a href="https://github.com/mdn/violent-theremin">Violent Theremin</a>.)<span class="p"> </span></p> <pre class="brush: js;highlight[8,9,11,12,13,14]">var AudioContext = window.AudioContext || window.webkitAudioContext; @@ -114,5 +114,5 @@ oscillator.channelCount;</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API の利用</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API の利用</a></li> </ul> diff --git a/files/ja/web/api/audioparam/index.html b/files/ja/web/api/audioparam/index.html index 7045f06922..d82a6991db 100644 --- a/files/ja/web/api/audioparam/index.html +++ b/files/ja/web/api/audioparam/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/AudioParam </div> <ul> - <li><em>a-rate</em> <code>AudioParam</code> は、オーディオ信号の各 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Audio_buffers.3A_frames.2C_samples_and_channels">sample frame</a> の現在のオーディオパラメータ値を取ります。</li> + <li><em>a-rate</em> <code>AudioParam</code> は、オーディオ信号の各 <a href="/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Audio_buffers.3A_frames.2C_samples_and_channels">sample frame</a> の現在のオーディオパラメータ値を取ります。</li> <li><em>k-rate</em> <code>AudioParam</code> は、処理されるブロック全体に対して同じ初期オーディオパラメータ値、つまり128サンプルフレームを使用します。</li> </ul> @@ -22,7 +22,7 @@ translation_of: Web/API/AudioParam <h2 id="Properties">Properties</h2> -<p>親である<a href="https://developer.mozilla.org/ja/docs/Web/API/AudioNode" title="The AudioNode interface is a generic interface for representing an audio processing module like an audio source (e.g. an HTML <audio> or <video> element), audio destination, intermediate processing module (e.g. a filter like BiquadFilterNode or ConvolverNode), or volume control (like GainNode).AudioNodeインターフェースは、オーディオソース（例：、, OscillatorNode、音声出力、中間処理モジュール（BiquadFilterNodeやConvolverNodeのようなフィルター）、GainNodeのような音量コントロール）などの音声処理モジュールを表現するための、一般的なインターフェースです。"><code>AudioNode</code></a>の属性を継承します。</p> +<p>親である<a href="/ja/docs/Web/API/AudioNode" title="The AudioNode interface is a generic interface for representing an audio processing module like an audio source (e.g. an HTML <audio> or <video> element), audio destination, intermediate processing module (e.g. a filter like BiquadFilterNode or ConvolverNode), or volume control (like GainNode).AudioNodeインターフェースは、オーディオソース（例：、, OscillatorNode、音声出力、中間処理モジュール（BiquadFilterNodeやConvolverNodeのようなフィルター）、GainNodeのような音量コントロール）などの音声処理モジュールを表現するための、一般的なインターフェースです。"><code>AudioNode</code></a>の属性を継承します。</p> <dl> <dt>{{domxref("AudioParam.defaultValue")}} {{readonlyInline}}</dt> @@ -37,7 +37,7 @@ translation_of: Web/API/AudioParam <h2 id="Methods">Methods</h2> -<p>親である<a href="https://developer.mozilla.org/ja/docs/Web/API/AudioNode" title="The AudioNode interface is a generic interface for representing an audio processing module like an audio source (e.g. an HTML <audio> or <video> element), audio destination, intermediate processing module (e.g. a filter like BiquadFilterNode or ConvolverNode), or volume control (like GainNode).AudioNodeインターフェースは、オーディオソース（例：、, OscillatorNode、音声出力、中間処理モジュール（BiquadFilterNodeやConvolverNodeのようなフィルター）、GainNodeのような音量コントロール）などの音声処理モジュールを表現するための、一般的なインターフェースです。"><code>AudioNode</code></a>のメソッドを継承します。</p> +<p>親である<a href="/ja/docs/Web/API/AudioNode" title="The AudioNode interface is a generic interface for representing an audio processing module like an audio source (e.g. an HTML <audio> or <video> element), audio destination, intermediate processing module (e.g. a filter like BiquadFilterNode or ConvolverNode), or volume control (like GainNode).AudioNodeインターフェースは、オーディオソース（例：、, OscillatorNode、音声出力、中間処理モジュール（BiquadFilterNodeやConvolverNodeのようなフィルター）、GainNodeのような音量コントロール）などの音声処理モジュールを表現するための、一般的なインターフェースです。"><code>AudioNode</code></a>のメソッドを継承します。</p> <dl> <dt>{{domxref("AudioParam.setValueAtTime()")}}</dt> @@ -105,5 +105,5 @@ biquadFilter.gain.value = 25;</pre> <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audioprocessingevent/index.html b/files/ja/web/api/audioprocessingevent/index.html index 206230bd51..257f9547c5 100644 --- a/files/ja/web/api/audioprocessingevent/index.html +++ b/files/ja/web/api/audioprocessingevent/index.html @@ -6,10 +6,10 @@ translation_of: Web/API/AudioProcessingEvent <p>{{APIRef("Web Audio API")}}</p> <div> -<p>The <a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> <code>AudioProcessingEvent</code> represents events that occur when a {{domxref("ScriptProcessorNode")}} input buffer is ready to be processed.</p> +<p>The <a href="/ja/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> <code>AudioProcessingEvent</code> represents events that occur when a {{domxref("ScriptProcessorNode")}} input buffer is ready to be processed.</p> <div class="note"> -<p><strong>Note</strong>: As of the August 29 2014 Web Audio API spec publication, this feature has been marked as deprecated, and is soon to be replaced by <a href="/en-US/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a>.</p> +<p><strong>Note</strong>: As of the August 29 2014 Web Audio API spec publication, this feature has been marked as deprecated, and is soon to be replaced by <a href="/ja/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a>.</p> </div> </div> @@ -92,5 +92,5 @@ translation_of: Web/API/AudioProcessingEvent <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/audioscheduledsourcenode/index.html b/files/ja/web/api/audioscheduledsourcenode/index.html index 7531a2b283..c68fe79b06 100644 --- a/files/ja/web/api/audioscheduledsourcenode/index.html +++ b/files/ja/web/api/audioscheduledsourcenode/index.html @@ -72,6 +72,6 @@ translation_of: Web/API/AudioScheduledSourceNode <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> <li>{{domxref("AudioNode")}}</li> </ul> diff --git a/files/ja/web/api/audioscheduledsourcenode/onended/index.html b/files/ja/web/api/audioscheduledsourcenode/onended/index.html index 40ce8a7222..9584cc2f12 100644 --- a/files/ja/web/api/audioscheduledsourcenode/onended/index.html +++ b/files/ja/web/api/audioscheduledsourcenode/onended/index.html @@ -54,5 +54,5 @@ source.onended = function() { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a>を使う</li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Web Audio API</a>を使う</li> </ul> diff --git a/files/ja/web/api/audioscheduledsourcenode/stop/index.html b/files/ja/web/api/audioscheduledsourcenode/stop/index.html index 0b07d5002b..a1fc66843e 100644 --- a/files/ja/web/api/audioscheduledsourcenode/stop/index.html +++ b/files/ja/web/api/audioscheduledsourcenode/stop/index.html @@ -28,7 +28,7 @@ source.stop(when); <pre class="brush: js">source.stop(3);</pre> <div class="note"> -<p><strong>注: </strong>stop()の使い方の完全な例は<a href="https://developer.mozilla.org/ja/docs/Web/API/AudioContext/decodeAudioData" title="これはオーディオトラックからWeb Audio APIで音源を生成するよい方法です。"><code>AudioContext.decodeAudioData</code></a>を参照してください。<a class="external-icon external" href="http://mdn.github.io/decode-audio-data/">コードをすぐに実行する</a>ことや、<a class="external-icon external" href="https://github.com/mdn/decode-audio-data">ソースコードを閲覧する</a>こともできます。</p> +<p><strong>注: </strong>stop()の使い方の完全な例は<a href="/ja/docs/Web/API/AudioContext/decodeAudioData" title="これはオーディオトラックからWeb Audio APIで音源を生成するよい方法です。"><code>AudioContext.decodeAudioData</code></a>を参照してください。<a class="external-icon external" href="http://mdn.github.io/decode-audio-data/">コードをすぐに実行する</a>ことや、<a class="external-icon external" href="https://github.com/mdn/decode-audio-data">ソースコードを閲覧する</a>こともできます。</p> </div> <h2 id="引数">引数</h2> @@ -66,5 +66,5 @@ source.stop(when); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createanalyser/index.html b/files/ja/web/api/baseaudiocontext/createanalyser/index.html index ff178c4843..31665413b9 100644 --- a/files/ja/web/api/baseaudiocontext/createanalyser/index.html +++ b/files/ja/web/api/baseaudiocontext/createanalyser/index.html @@ -100,5 +100,5 @@ function draw() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createbiquadfilter/index.html b/files/ja/web/api/baseaudiocontext/createbiquadfilter/index.html index 78a1e6da02..c9e479ce16 100644 --- a/files/ja/web/api/baseaudiocontext/createbiquadfilter/index.html +++ b/files/ja/web/api/baseaudiocontext/createbiquadfilter/index.html @@ -72,5 +72,5 @@ biquadFilter.gain.value = 25;</pre> <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createbuffer/index.html b/files/ja/web/api/baseaudiocontext/createbuffer/index.html index 784f1cf2dc..eb02649fb8 100644 --- a/files/ja/web/api/baseaudiocontext/createbuffer/index.html +++ b/files/ja/web/api/baseaudiocontext/createbuffer/index.html @@ -22,7 +22,7 @@ var buffer = audioCtx.createBuffer(numOfChannels, length, sampleRate);</pre> <h3 id="引数">引数</h3> <div class="note"> -<p><strong>Note</strong>: For an in-depth explanation of how audio buffers work, and what these parameters mean, read <a href="/en-US/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Audio_buffers.3A_frames.2C_samples_and_channels">Audio buffers: frames, samples and channels</a> from our Basic concepts guide.</p> +<p><strong>Note</strong>: For an in-depth explanation of how audio buffers work, and what these parameters mean, read <a href="/ja/docs/Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API#Audio_buffers.3A_frames.2C_samples_and_channels">Audio buffers: frames, samples and channels</a> from our Basic concepts guide.</p> </div> <dl> @@ -120,5 +120,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createbuffersource/index.html b/files/ja/web/api/baseaudiocontext/createbuffersource/index.html index c5dfe70ded..37db2586f9 100644 --- a/files/ja/web/api/baseaudiocontext/createbuffersource/index.html +++ b/files/ja/web/api/baseaudiocontext/createbuffersource/index.html @@ -89,5 +89,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createchannelmerger/index.html b/files/ja/web/api/baseaudiocontext/createchannelmerger/index.html index 003d0a95b3..94dab7f8e1 100644 --- a/files/ja/web/api/baseaudiocontext/createchannelmerger/index.html +++ b/files/ja/web/api/baseaudiocontext/createchannelmerger/index.html @@ -79,5 +79,5 @@ ac.decodeAudioData(someStereoBuffer, function(data) { <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createchannelsplitter/index.html b/files/ja/web/api/baseaudiocontext/createchannelsplitter/index.html index b9745de167..bb4ee13ff1 100644 --- a/files/ja/web/api/baseaudiocontext/createchannelsplitter/index.html +++ b/files/ja/web/api/baseaudiocontext/createchannelsplitter/index.html @@ -79,5 +79,5 @@ ac.decodeAudioData(someStereoBuffer, function(data) { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createconvolver/index.html b/files/ja/web/api/baseaudiocontext/createconvolver/index.html index a52837bdda..b74bc890c9 100644 --- a/files/ja/web/api/baseaudiocontext/createconvolver/index.html +++ b/files/ja/web/api/baseaudiocontext/createconvolver/index.html @@ -77,5 +77,5 @@ convolver.buffer = concertHallBuffer;</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createdelay/index.html b/files/ja/web/api/baseaudiocontext/createdelay/index.html index ef7853cc37..4aa09dc80e 100644 --- a/files/ja/web/api/baseaudiocontext/createdelay/index.html +++ b/files/ja/web/api/baseaudiocontext/createdelay/index.html @@ -89,5 +89,5 @@ synthDelay.delayTime.value = delay1; <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createdynamicscompressor/index.html b/files/ja/web/api/baseaudiocontext/createdynamicscompressor/index.html index 8b37e2e0f5..a4c6d033fe 100644 --- a/files/ja/web/api/baseaudiocontext/createdynamicscompressor/index.html +++ b/files/ja/web/api/baseaudiocontext/createdynamicscompressor/index.html @@ -84,5 +84,5 @@ button.onclick = function() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/creategain/index.html b/files/ja/web/api/baseaudiocontext/creategain/index.html index 878a58ae32..bccbd975a4 100644 --- a/files/ja/web/api/baseaudiocontext/creategain/index.html +++ b/files/ja/web/api/baseaudiocontext/creategain/index.html @@ -74,5 +74,5 @@ function voiceMute() { <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createoscillator/index.html b/files/ja/web/api/baseaudiocontext/createoscillator/index.html index 2ee41f0a65..10ddcbc9f3 100644 --- a/files/ja/web/api/baseaudiocontext/createoscillator/index.html +++ b/files/ja/web/api/baseaudiocontext/createoscillator/index.html @@ -57,5 +57,5 @@ oscillator.start();</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createpanner/index.html b/files/ja/web/api/baseaudiocontext/createpanner/index.html index 260932dac3..6ee4752b5e 100644 --- a/files/ja/web/api/baseaudiocontext/createpanner/index.html +++ b/files/ja/web/api/baseaudiocontext/createpanner/index.html @@ -140,5 +140,5 @@ function positionPanner() { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createperiodicwave/index.html b/files/ja/web/api/baseaudiocontext/createperiodicwave/index.html index 5bd9fb86ba..3516dc9c2f 100644 --- a/files/ja/web/api/baseaudiocontext/createperiodicwave/index.html +++ b/files/ja/web/api/baseaudiocontext/createperiodicwave/index.html @@ -83,5 +83,5 @@ osc.stop(2);</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/createstereopanner/index.html b/files/ja/web/api/baseaudiocontext/createstereopanner/index.html index 8945d1f6ad..cf2a3166f1 100644 --- a/files/ja/web/api/baseaudiocontext/createstereopanner/index.html +++ b/files/ja/web/api/baseaudiocontext/createstereopanner/index.html @@ -75,5 +75,5 @@ panNode.connect(audioCtx.destination);</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/currenttime/index.html b/files/ja/web/api/baseaudiocontext/currenttime/index.html index 8bc98a78ce..7efd053c29 100644 --- a/files/ja/web/api/baseaudiocontext/currenttime/index.html +++ b/files/ja/web/api/baseaudiocontext/currenttime/index.html @@ -58,5 +58,5 @@ console.log(audioCtx.currentTime); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/destination/index.html b/files/ja/web/api/baseaudiocontext/destination/index.html index b4ccabd0dc..2127b33274 100644 --- a/files/ja/web/api/baseaudiocontext/destination/index.html +++ b/files/ja/web/api/baseaudiocontext/destination/index.html @@ -60,5 +60,5 @@ gainNode.connect(audioCtx.destination); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/listener/index.html b/files/ja/web/api/baseaudiocontext/listener/index.html index fa17cf5a19..1a6d1e5f76 100644 --- a/files/ja/web/api/baseaudiocontext/listener/index.html +++ b/files/ja/web/api/baseaudiocontext/listener/index.html @@ -58,5 +58,5 @@ var myListener = audioCtx.listener; <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/onstatechange/index.html b/files/ja/web/api/baseaudiocontext/onstatechange/index.html index c234680352..37a15457e9 100644 --- a/files/ja/web/api/baseaudiocontext/onstatechange/index.html +++ b/files/ja/web/api/baseaudiocontext/onstatechange/index.html @@ -48,5 +48,5 @@ audioCtx.onstatechange = function() { ... };</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/samplerate/index.html b/files/ja/web/api/baseaudiocontext/samplerate/index.html index 6cd9ebad39..fd2b9cfb1f 100644 --- a/files/ja/web/api/baseaudiocontext/samplerate/index.html +++ b/files/ja/web/api/baseaudiocontext/samplerate/index.html @@ -58,5 +58,5 @@ console.log(audioCtx.sampleRate); <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/baseaudiocontext/state/index.html b/files/ja/web/api/baseaudiocontext/state/index.html index a0307dedf6..64e9a094ab 100644 --- a/files/ja/web/api/baseaudiocontext/state/index.html +++ b/files/ja/web/api/baseaudiocontext/state/index.html @@ -63,5 +63,5 @@ original_slug: Web/API/AudioContext/state <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/blob/arraybuffer/index.html b/files/ja/web/api/blob/arraybuffer/index.html index 498d41fd5f..85f4a4ef0e 100644 --- a/files/ja/web/api/blob/arraybuffer/index.html +++ b/files/ja/web/api/blob/arraybuffer/index.html @@ -68,6 +68,6 @@ var <em>buffer</em> = await <em>blob</em>.arrayBuffer();</pre> <ul> <li>{{domxref("Body.arrayBuffer()")}}</li> - <li><a href="/en-US/docs/Web/API/Streams_API">Streams API</a></li> + <li><a href="/ja/docs/Web/API/Streams_API">Streams API</a></li> <li>{{domxref("FileReader.readAsArrayBuffer()")}}</li> </ul> diff --git a/files/ja/web/api/blob/stream/index.html b/files/ja/web/api/blob/stream/index.html index b020eedb7b..083f2f2b96 100644 --- a/files/ja/web/api/blob/stream/index.html +++ b/files/ja/web/api/blob/stream/index.html @@ -65,5 +65,5 @@ translation_of: Web/API/Blob/stream <ul> <li>{{domxref("Body.body")}}</li> - <li><a href="/en-US/docs/Web/API/Streams_API">Streams API</a></li> + <li><a href="/ja/docs/Web/API/Streams_API">Streams API</a></li> </ul> diff --git a/files/ja/web/api/blobbuilder/index.html b/files/ja/web/api/blobbuilder/index.html index b00ee19f36..74910e2a98 100644 --- a/files/ja/web/api/blobbuilder/index.html +++ b/files/ja/web/api/blobbuilder/index.html @@ -14,19 +14,19 @@ translation_of: Web/API/BlobBuilder <table class="standard-table"> <tbody> <tr> - <td><code>void <a href="/en-US/docs/Web/API/BlobBuilder#append()">append</a>(in ArrayBuffer data);</code></td> + <td><code>void <a href="/ja/docs/Web/API/BlobBuilder#append()">append</a>(in ArrayBuffer data);</code></td> </tr> <tr> - <td><code>void <a href="/en-US/docs/Web/API/BlobBuilder#append()">append</a>(in Blob data);</code></td> + <td><code>void <a href="/ja/docs/Web/API/BlobBuilder#append()">append</a>(in Blob data);</code></td> </tr> <tr> - <td><code>void <a href="/en-US/docs/Web/API/BlobBuilder#append()">append</a>(in String data, [optional] in String endings);</code></td> + <td><code>void <a href="/ja/docs/Web/API/BlobBuilder#append()">append</a>(in String data, [optional] in String endings);</code></td> </tr> <tr> - <td><code>Blob <a href="/en-US/docs/Web/API/BlobBuilder#getBlob()">getBlob</a>([optional] in DOMString contentType);</code></td> + <td><code>Blob <a href="/ja/docs/Web/API/BlobBuilder#getBlob()">getBlob</a>([optional] in DOMString contentType);</code></td> </tr> <tr> - <td><code>File <a href="/en-US/docs/Web/API/BlobBuilder#getFile()">getFile</a>(in DOMString name, [optional] in DOMString contentType);</code></td> + <td><code>File <a href="/ja/docs/Web/API/BlobBuilder#getFile()">getFile</a>(in DOMString name, [optional] in DOMString contentType);</code></td> </tr> </tbody> </table> @@ -35,7 +35,7 @@ translation_of: Web/API/BlobBuilder <h3 id="append">append()</h3> -<p>生成中の {{domxref("Blob")}} に対して、指定されたJavaScriptオブジェクトの内容を付け足します。もし指定した値が {{domxref("Blob")}} 、<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> または <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String"><code>String</code></a> のいずれでもなければ、強制的に文字列に変換されたのち、blobに付け足されます。</p> +<p>生成中の {{domxref("Blob")}} に対して、指定されたJavaScriptオブジェクトの内容を付け足します。もし指定した値が {{domxref("Blob")}} 、<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a></code> または <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String"><code>String</code></a> のいずれでもなければ、強制的に文字列に変換されたのち、blobに付け足されます。</p> <pre class="syntaxbox notranslate">void append( in ArrayBuffer data diff --git a/files/ja/web/api/cache/add/index.html b/files/ja/web/api/cache/add/index.html index 56d7ee6e25..8ed218f4a4 100644 --- a/files/ja/web/api/cache/add/index.html +++ b/files/ja/web/api/cache/add/index.html @@ -108,7 +108,7 @@ translation_of: Web/API/Cache/add <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">サービスワーカーの使用</a></li> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">サービスワーカーの使用</a></li> <li>{{domxref("Cache")}}</li> <li>{{domxref("WorkerGlobalScope.caches")}}</li> </ul> diff --git a/files/ja/web/api/cache/matchall/index.html b/files/ja/web/api/cache/matchall/index.html index efeb1cdc96..275c1d22ba 100644 --- a/files/ja/web/api/cache/matchall/index.html +++ b/files/ja/web/api/cache/matchall/index.html @@ -83,7 +83,7 @@ translation_of: Web/API/Cache/matchAll <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> + <li><a href="/ja/docs/Web/API/Service_Worker_API/Using_Service_Workers">Service worker の使用</a></li> <li>{{domxref("Cache")}}</li> <li>{{domxref("WorkerGlobalScope.caches")}}</li> </ul> diff --git a/files/ja/web/api/canvas_api/tutorial/advanced_animations/index.html b/files/ja/web/api/canvas_api/tutorial/advanced_animations/index.html index c30d28749b..00e6f95b4d 100644 --- a/files/ja/web/api/canvas_api/tutorial/advanced_animations/index.html +++ b/files/ja/web/api/canvas_api/tutorial/advanced_animations/index.html @@ -11,7 +11,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Advanced_animations <div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_animations", "Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas")}}</div> <div class="summary"> -<p>前の章では、いくつかの<a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">基本的なアニメーション</a>を作成して、物の動かし方を学びました。このパートでは、 運動そのものをより詳細に見て、 アニメーションをより高度にするための物理を追加していきましょう。</p> +<p>前の章では、いくつかの<a href="/ja/docs/Web/API/Canvas_API/Tutorial/Basic_animations">基本的なアニメーション</a>を作成して、物の動かし方を学びました。このパートでは、 運動そのものをより詳細に見て、 アニメーションをより高度にするための物理を追加していきましょう。</p> </div> <h2 id="ボールを描く">ボールを描く</h2> @@ -46,7 +46,7 @@ ball.draw();</pre> <h2 id="速度の追加">速度の追加</h2> -<p>ボールが手に入りましたので、このチュートリアルの<a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">前の章</a>で習ったように、基本的なアニメーションを加えていきましょう。また {{domxref("window.requestAnimationFrame()")}} がアニメーションの制御を手助けしてくれます。The ball gets moving by adding a velocity vector to the position. For each frame, we also {{domxref("CanvasRenderingContext2D.clearRect", "clear", "", 1)}} the canvas to remove old circles from prior frames.</p> +<p>ボールが手に入りましたので、このチュートリアルの<a href="/ja/docs/Web/API/Canvas_API/Tutorial/Basic_animations">前の章</a>で習ったように、基本的なアニメーションを加えていきましょう。また {{domxref("window.requestAnimationFrame()")}} がアニメーションの制御を手助けしてくれます。The ball gets moving by adding a velocity vector to the position. For each frame, we also {{domxref("CanvasRenderingContext2D.clearRect", "clear", "", 1)}} the canvas to remove old circles from prior frames.</p> <pre class="brush: js; highlight:[8,9,24,25] notranslate">var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); @@ -291,7 +291,7 @@ ball.draw();</pre> <h2 id="マウスコントロールの追加">マウスコントロールの追加</h2> -<p>ボールに対するちょっとした制御をするために、たとえば <code><a href="/en-US/docs/Web/Reference/Events/mousemove">mousemove</a></code> イベントを使用してボールをマウスの動きに従わせる。といったことができます。<code><a href="/en-US/docs/Web/Events/click">click </a></code>イベントでボールを開放して、またバウンドさせる。といったことも可能です。</p> +<p>ボールに対するちょっとした制御をするために、たとえば <code><a href="/ja/docs/Web/Reference/Events/mousemove">mousemove</a></code> イベントを使用してボールをマウスの動きに従わせる。といったことができます。<code><a href="/ja/docs/Web/Events/click">click </a></code>イベントでボールを開放して、またバウンドさせる。といったことも可能です。</p> <div class="hidden"> <pre class="brush: html notranslate"><canvas id="canvas" style="border: 1px solid" width="600" height="300"></canvas></pre> @@ -369,13 +369,13 @@ ball.draw(); <h2 id="ブロック崩し">ブロック崩し</h2> -<p>This short chapter only explains some techniques to create more advanced animations. There are many more! How about adding a paddle, some bricks, and turn this demo into a <a href="http://en.wikipedia.org/wiki/Breakout_%28video_game%29">Breakout</a> game? Checkout our <a href="/en-US/docs/Games">Game development</a> area for more gaming related articles.</p> +<p>This short chapter only explains some techniques to create more advanced animations. There are many more! How about adding a paddle, some bricks, and turn this demo into a <a href="http://en.wikipedia.org/wiki/Breakout_%28video_game%29">Breakout</a> game? Checkout our <a href="/ja/docs/Games">Game development</a> area for more gaming related articles.</p> <h2 id="関連項目">関連項目</h2> <ul> <li>{{domxref("window.requestAnimationFrame()")}}</li> - <li><a href="/en-US/docs/Games/Techniques/Efficient_animation_for_web_games">Efficient animation for web games</a></li> + <li><a href="/ja/docs/Games/Techniques/Efficient_animation_for_web_games">Efficient animation for web games</a></li> </ul> <p>{{PreviousNext("Web/API/Canvas_API/Tutorial/Basic_animations", "Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas")}}</p> diff --git a/files/ja/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html b/files/ja/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html index b712ab8f22..effa055a25 100644 --- a/files/ja/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html +++ b/files/ja/web/api/canvas_api/tutorial/applying_styles_and_colors/index.html @@ -7,7 +7,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Applying_styles_and_colors <div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Drawing_shapes", "Web/API/Canvas_API/Tutorial/Drawing_text")}}</div> <div class="summary"> -<p>「<a href="https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes">canvas に図形を描く</a>」の章ではデフォルトの線と塗りのスタイルのみを使いました。ここではより魅力的に描くために使うことのできるcanvasのオプションについて見ていきます。具体的には、色、線のスタイル、グラデーション、パターンや影を追加する方法について学びます。</p> +<p>「<a href="/ja/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes">canvas に図形を描く</a>」の章ではデフォルトの線と塗りのスタイルのみを使いました。ここではより魅力的に描くために使うことのできるcanvasのオプションについて見ていきます。具体的には、色、線のスタイル、グラデーション、パターンや影を追加する方法について学びます。</p> </div> <h2 id="Colors" name="Colors">色</h2> @@ -424,7 +424,7 @@ draw();</pre> <p>The <code>setLineDash</code> method and the <code>lineDashOffset</code> property specify the dash pattern for lines. The <code>setLineDash</code> method accepts a list of numbers that specifies distances to alternately draw a line and a gap and the <code>lineDashOffset</code> property sets an offset where to start the pattern.</p> -<p>In this example we are creating a marching ants effect. It is an animation technique often found in <span class="new">selection</span> tools of computer graphics programs. It helps the user to distinguish the selection border from the image background by animating the border. In a later part of this tutorial, you can learn how to do this and other <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_animations">basic animations</a>.</p> +<p>In this example we are creating a marching ants effect. It is an animation technique often found in <span class="new">selection</span> tools of computer graphics programs. It helps the user to distinguish the selection border from the image background by animating the border. In a later part of this tutorial, you can learn how to do this and other <a href="/ja/docs/Web/API/Canvas_API/Tutorial/Basic_animations">basic animations</a>.</p> <div class="hidden"> <pre class="brush: html notranslate"><canvas id="canvas" width="110" height="110"></canvas></pre> @@ -663,7 +663,7 @@ var ptrn = ctx.createPattern(img,'repeat'); <p>The <code>shadowColor</code> property is a standard CSS color value indicating the color of the shadow effect; by default, it is fully-transparent black.</p> <div class="note"> -<p><strong>Note:</strong> Shadows are only drawn for <code>source-over</code> <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Web/Guide/HTML/Canvas_tutorial/Compositing">compositing operations</a>.</p> +<p><strong>Note:</strong> Shadows are only drawn for <code>source-over</code> <a href="/ja/docs/Web/API/Canvas_API/Tutorial/Compositing" title="Web/Guide/HTML/Canvas_tutorial/Compositing">compositing operations</a>.</p> </div> <h3 id="A_shadowed_text_example">A shadowed text example</h3> @@ -692,7 +692,7 @@ var ptrn = ctx.createPattern(img,'repeat'); <p>{{EmbedLiveSample("A_shadowed_text_example", "180", "100", "https://mdn.mozillademos.org/files/2505/shadowed-string.png")}}</p> -<p>We will look at the <code>font</code> property and <code>fillText</code> method in the next chapter about <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text">drawing text</a>.</p> +<p>We will look at the <code>font</code> property and <code>fillText</code> method in the next chapter about <a href="/ja/docs/Web/API/Canvas_API/Tutorial/Drawing_text">drawing text</a>.</p> <h2 id="Canvas_fill_rules">Canvas fill rules</h2> diff --git a/files/ja/web/api/canvas_api/tutorial/basic_usage/index.html b/files/ja/web/api/canvas_api/tutorial/basic_usage/index.html index b258301bff..52335c8095 100644 --- a/files/ja/web/api/canvas_api/tutorial/basic_usage/index.html +++ b/files/ja/web/api/canvas_api/tutorial/basic_usage/index.html @@ -15,15 +15,15 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Basic_usage <pre class="brush: html"><canvas id="tutorial" width="150" height="150"></canvas> </pre> -<p>{{HTMLElement("canvas")}} は {{HTMLElement("img")}} と似ています。<code>src</code> 属性と <code>alt</code> 属性がない点が明確に異なりますが、{{htmlattrxref("width", "canvas")}} と {{htmlattrxref("height", "canvas")}} の属性がある点などは共通しています。 これらの属性は必ず指定しなければならないものではありません。このほかに様々な {{Glossary("DOM")}} <a href="/docs/Web/API/HTMLCanvasElement">属性</a>を利用できます。 <code>width</code> と <code>height</code> 属性が指定されなかった場合、canvas は幅 <strong>300 ピクセル</strong>、高さ <strong>150 ピクセル</strong>の要素として初期化されます。画面上の大きさは {{Glossary("CSS")}} によって変更できますが、その場合 canvas に描画される画像は CSS の指定に合わせて拡大 / 縮小されます。この際、元の画像のアスペクト比は考慮されないため、指定の仕方によっては画像が歪んで表示されます。</p> +<p>{{HTMLElement("canvas")}} は {{HTMLElement("img")}} と似ています。<code>src</code> 属性と <code>alt</code> 属性がない点が明確に異なりますが、{{htmlattrxref("width", "canvas")}} と {{htmlattrxref("height", "canvas")}} の属性がある点などは共通しています。 これらの属性は必ず指定しなければならないものではありません。このほかに様々な {{Glossary("DOM")}} <a href="/ja/docs/Web/API/HTMLCanvasElement">属性</a>を利用できます。 <code>width</code> と <code>height</code> 属性が指定されなかった場合、canvas は幅 <strong>300 ピクセル</strong>、高さ <strong>150 ピクセル</strong>の要素として初期化されます。画面上の大きさは {{Glossary("CSS")}} によって変更できますが、その場合 canvas に描画される画像は CSS の指定に合わせて拡大 / 縮小されます。この際、元の画像のアスペクト比は考慮されないため、指定の仕方によっては画像が歪んで表示されます。</p> <div class="note"> <p><strong>付記:</strong> 画像が歪んでいると感じた時は、<code><canvas> </code>の <code>width</code> と <code>height</code> 属性の値を設定して、CSS によるサイズの変更をしないようにしましょう。</p> </div> -<p><a href="/en-US/docs/Web/HTML/Global_attributes/id"><code>id</code></a> 属性は <a href="/docs/Web/HTML/Global_attributes">全ての要素が持つ属性</a> で <code><canvas></code> に固有なものではありません。これを利用することで、ユニークな ID を要素に持たせられます。ID を持たせることで、JavaScript の中から、その要素を探すのが簡単になります。</p> +<p><a href="/ja/docs/Web/HTML/Global_attributes/id"><code>id</code></a> 属性は <a href="/ja/docs/Web/HTML/Global_attributes">全ての要素が持つ属性</a> で <code><canvas></code> に固有なものではありません。これを利用することで、ユニークな ID を要素に持たせられます。ID を持たせることで、JavaScript の中から、その要素を探すのが簡単になります。</p> -<p><code><canvas></code> 要素は通常の画像と同じようにレイアウトされます。({{cssxref("margin")}} や {{cssxref("border")}}、 {{cssxref("background")}} といったルールも利用可能ですが、これらは実際に描画される画像には影響を与えません。スタイルが何も設定されていない場合、canvas は最初透明なものとして描画されます。スタイルとレイアウトに関しては<a href="/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">専用のページ</a>を設けています。詳細は、そちらをご覧ください。</p> +<p><code><canvas></code> 要素は通常の画像と同じようにレイアウトされます。({{cssxref("margin")}} や {{cssxref("border")}}、 {{cssxref("background")}} といったルールも利用可能ですが、これらは実際に描画される画像には影響を与えません。スタイルが何も設定されていない場合、canvas は最初透明なものとして描画されます。スタイルとレイアウトに関しては<a href="/ja/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">専用のページ</a>を設けています。詳細は、そちらをご覧ください。</p> <div id="section_2"> <h3 id="代替コンテンツ">代替コンテンツ</h3> @@ -43,7 +43,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Basic_usage </canvas> </pre> -<p>使用するブラウザを変更するよう利用者に伝えることは、利用者のために全くなりません。どのような代替テキスト / コンテンツを設定するのが適切かは <a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">make the canvas more accessible</a> をご覧ください。</p> +<p>使用するブラウザを変更するよう利用者に伝えることは、利用者のために全くなりません。どのような代替テキスト / コンテンツを設定するのが適切かは <a href="/ja/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility">make the canvas more accessible</a> をご覧ください。</p> <h3 id="<canvas>：閉じタグが必須です"><code></canvas>：</code>閉じタグが必須です</h3> diff --git a/files/ja/web/api/canvas_api/tutorial/compositing/example/index.html b/files/ja/web/api/canvas_api/tutorial/compositing/example/index.html index 65e56da8d4..8a152c0313 100644 --- a/files/ja/web/api/canvas_api/tutorial/compositing/example/index.html +++ b/files/ja/web/api/canvas_api/tutorial/compositing/example/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/Canvas_API/Tutorial/Compositing/Example --- <div>{{CanvasSidebar}}</div> -<p>This sample program demonstrates a number of <a href="/en-US/docs/Web/API/CanvasRenderingContext2D.globalCompositeOperation" title="/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing">compositing operations</a>. The output looks like this:</p> +<p>This sample program demonstrates a number of <a href="/ja/docs/Web/API/CanvasRenderingContext2D.globalCompositeOperation" title="/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Compositing">compositing operations</a>. The output looks like this:</p> <p>{{EmbedLiveSample("Compositing_example", "100%", 7250)}}</p> diff --git a/files/ja/web/api/canvas_api/tutorial/finale/index.html b/files/ja/web/api/canvas_api/tutorial/finale/index.html index 735c71c693..9ced4ec521 100644 --- a/files/ja/web/api/canvas_api/tutorial/finale/index.html +++ b/files/ja/web/api/canvas_api/tutorial/finale/index.html @@ -11,7 +11,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Finale <div>{{CanvasSidebar}} {{PreviousNext("Web/API/Canvas_API/Tutorial/Optimizing_canvas")}}</div> <div class="summary"> -<p>おめでとう! <a href="/en-US/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a>は終了です! ここでのナレッジはWebで2Dグラフィックスを作成する際に役立つでしょう。</p> +<p>おめでとう! <a href="/ja/docs/Web/API/Canvas_API/Tutorial">Canvas tutorial</a>は終了です! ここでのナレッジはWebで2Dグラフィックスを作成する際に役立つでしょう。</p> </div> <h2 id="他の例とチュートリアル">他の例とチュートリアル</h2> @@ -23,7 +23,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Finale <dd>ブラウザ上のフロントエンドディベロッパー向けのプレイグラウンドとコードエディターです。</dd> <dt><a href="http://www.html5canvastutorials.com/">HTML5 Canvas Tutorials</a></dt> <dd>Canvas APIsの例です。</dd> - <dt><a href="/en-US/docs/Games">Game development</a></dt> + <dt><a href="/ja/docs/Games">Game development</a></dt> <dd>ゲームは最も人気な活動の一つです。標準に準拠したWebブラウザで実行できる、より良くより強力なゲームを開発するための新しい技術が定期的に登場しています。</dd> </dl> @@ -32,11 +32,11 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Finale <p>これらのAPIはcanvasとグラフィックスを更に動かす際におそらく使われます</p> <dl> - <dt><a href="/en-US/docs/Web/WebGL">WebGL</a></dt> + <dt><a href="/ja/docs/Web/WebGL">WebGL</a></dt> <dd>複雑なグラフィックスや3Dを含んだレンダリングのためのアドバンスドなAPIです。</dd> - <dt><a href="/en-US/docs/Web/SVG">SVG</a></dt> + <dt><a href="/ja/docs/Web/SVG">SVG</a></dt> <dd>スケーラブル・ベクター・グラフィックスを使用すると、スムーズなスケールを行うために描画されるサイズには関係なく、ベクター(ライン)とシェイプのセットとして画像を描画します。</dd> - <dt><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio</a></dt> + <dt><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio</a></dt> <dd>WebAudioAPIは、Web上のオーディオを制御したり、ディベロッパーがオーディオのリソースを選択したり、エフェクトをオーディオに追加したり、オーディオ・ビジュアライザーを作成したり、空間的エフェクト(音響のような)を適用したり、他にも様々な処理を行うためのオーディオの多目的なシステムを提供します。</dd> </dl> @@ -45,7 +45,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Finale <dl> <dt><a href="http://stackoverflow.com/questions/tagged/canvas">Stackoverflow</a></dt> <dd>質問のタグは"canvas"となります。</dd> - <dt><a href="/en-US/docs/MDN">Comments about this tutorial – the MDN documentation community</a></dt> + <dt><a href="/ja/docs/MDN">Comments about this tutorial – the MDN documentation community</a></dt> <dd>このチュートリアルに対するコメントや感謝の言葉があるなら、是非我々に届けてほしいです。</dd> </dl> diff --git a/files/ja/web/api/canvas_api/tutorial/using_images/index.html b/files/ja/web/api/canvas_api/tutorial/using_images/index.html index bc2940554a..d3d7554a02 100644 --- a/files/ja/web/api/canvas_api/tutorial/using_images/index.html +++ b/files/ja/web/api/canvas_api/tutorial/using_images/index.html @@ -54,7 +54,7 @@ original_slug: Web/Guide/HTML/Canvas_tutorial/Using_images <h3 id="Using_images_from_other_domains" name="Using_images_from_other_domains">ほかのドメインにある画像を使用する</h3> -<p>{{HTMLElement("img")}} 要素の {{htmlattrxref("crossorigin", "img")}} 属性 ({{domxref("HTMLImageElement.crossOrigin")}} プロパティに反映されます) を使用して、<code>drawImage()</code> を呼び出してほかのドメインから画像を読み込む許可を求めることができます。ホスティングドメインが画像のクロスドメインアクセスを許可している場合は、canvas を汚染せずに画像を使用できます。そうでない場合は、画像を使用すると <a href="https://developer.mozilla.org/en-US/docs/HTML/CORS_Enabled_Image#What_is_a_.22tainted.22_canvas.3F" rel="internal">canvas を汚染します</a>。</p> +<p>{{HTMLElement("img")}} 要素の {{htmlattrxref("crossorigin", "img")}} 属性 ({{domxref("HTMLImageElement.crossOrigin")}} プロパティに反映されます) を使用して、<code>drawImage()</code> を呼び出してほかのドメインから画像を読み込む許可を求めることができます。ホスティングドメインが画像のクロスドメインアクセスを許可している場合は、canvas を汚染せずに画像を使用できます。そうでない場合は、画像を使用すると <a href="/ja/docs/HTML/CORS_Enabled_Image#What_is_a_.22tainted.22_canvas.3F" rel="internal">canvas を汚染します</a>。</p> <h3 id="Using_other_canvas_elements" name="Using_other_canvas_elements">ほかの canvas 要素を使用する</h3> diff --git a/files/ja/web/api/canvascapturemediastreamtrack/index.html b/files/ja/web/api/canvascapturemediastreamtrack/index.html index 26c00af3eb..1a09d91f51 100644 --- a/files/ja/web/api/canvascapturemediastreamtrack/index.html +++ b/files/ja/web/api/canvascapturemediastreamtrack/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/CanvasCaptureMediaStreamTrack <p><span class="seoSummary">The <strong><code>CanvasCaptureMediaStreamTrack</code></strong> interface represents the video track contained in a {{domxref("MediaStream")}} being generated from a {{HTMLElement("canvas")}} following a call to {{domxref("HTMLCanvasElement.captureStream()")}}.</span></p> -<p>Part of the <a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a>.</p> +<p>Part of the <a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a>.</p> <h2 id="Properties">Properties</h2> diff --git a/files/ja/web/api/canvasrenderingcontext2d/fillstyle/index.html b/files/ja/web/api/canvasrenderingcontext2d/fillstyle/index.html index e12cd42f3b..849b1d48d3 100644 --- a/files/ja/web/api/canvasrenderingcontext2d/fillstyle/index.html +++ b/files/ja/web/api/canvasrenderingcontext2d/fillstyle/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fillStyle <p>Canvas 2D API の<code><strong>CanvasRenderingContext2D</strong></code><strong><code>.fillStyle</code></strong> プロパティは、図形の内側を塗りつぶすために使用する色、グラデーション、またはパターンを指定します。デフォルト値は <code>#000</code> (黒色)です。</p> <div class="note"> -<p>輪郭と塗りつぶしのスタイル例については、 <a href="https://developer.mozilla.org/ja/docs/Web/API/Canvas_API/Tutorial">canvas チュートリアル</a>の <a href="https://developer.mozilla.org/ja/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors" rel="nofollow">スタイルと色を適用する</a> をご覧ください。</p> +<p>輪郭と塗りつぶしのスタイル例については、 <a href="/ja/docs/Web/API/Canvas_API/Tutorial">canvas チュートリアル</a>の <a href="/ja/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors" rel="nofollow">スタイルと色を適用する</a> をご覧ください。</p> </div> <h2 id="構文">構文</h2> @@ -22,7 +22,7 @@ translation_of: Web/API/CanvasRenderingContext2D/fillStyle <dl> <dt><code>color</code></dt> - <dd><a href="/en-US/docs/Web/CSS">CSS</a> の {{cssxref("<color>")}} として解析される {{domxref("DOMString")}} 。</dd> + <dd><a href="/ja/docs/Web/CSS">CSS</a> の {{cssxref("<color>")}} として解析される {{domxref("DOMString")}} 。</dd> <dt><code>gradient</code></dt> <dd>{{domxref("CanvasGradient")}} オブジェクト (線形または放射状のグラデーション) 。</dd> <dt><code>pattern</code></dt> @@ -117,7 +117,7 @@ setFillColor(c, m, y, k, a); <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Canvas_API">Canvas API</a></li> + <li><a href="/ja/docs/Web/API/Canvas_API">Canvas API</a></li> <li>このプロパティを定義しているインターフェース: {{domxref("CanvasRenderingContext2D")}}</li> <li>このプロパティで使われる値: <ul> diff --git a/files/ja/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.html b/files/ja/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.html index 146d2efc72..160b041be6 100644 --- a/files/ja/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.html +++ b/files/ja/web/api/canvasrenderingcontext2d/globalcompositeoperation/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/CanvasRenderingContext2D/globalCompositeOperation <p><code><strong>CanvasRenderingContext2D.globalCompositeOperation</strong></code>プロパティは、新たな図形を描くときに適用する合成処理の種類を定めます。種類は文字列で、合成やブレンドモードのいずれが用いられるのかを決めます。</p> -<p>なお、<a href="/docs/Web/API/Canvas_API/Tutorial">Canvas Tutorial</a>の<a href="/docs/Web/API/Canvas_API/Tutorial/Compositing">Compositing and clipping</a>の章をご参照ください。</p> +<p>なお、<a href="/ja/docs/Web/API/Canvas_API/Tutorial">Canvas Tutorial</a>の<a href="/ja/docs/Web/API/Canvas_API/Tutorial/Compositing">Compositing and clipping</a>の章をご参照ください。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/canvasrenderingcontext2d/linecap/index.html b/files/ja/web/api/canvasrenderingcontext2d/linecap/index.html index 002363d26b..9e761f6ef3 100644 --- a/files/ja/web/api/canvasrenderingcontext2d/linecap/index.html +++ b/files/ja/web/api/canvasrenderingcontext2d/linecap/index.html @@ -127,5 +127,5 @@ for (let i = 0; i < lineCap.length; i++) { <li>The interface defining this property: {{domxref("CanvasRenderingContext2D")}}</li> <li>{{domxref("CanvasRenderingContext2D.lineWidth")}}</li> <li>{{domxref("CanvasRenderingContext2D.lineJoin")}}</li> - <li><a href="/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a></li> + <li><a href="/ja/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors">Applying styles and color</a></li> </ul> diff --git a/files/ja/web/api/channelmergernode/index.html b/files/ja/web/api/channelmergernode/index.html index 784fde0bc0..338b8564bc 100644 --- a/files/ja/web/api/channelmergernode/index.html +++ b/files/ja/web/api/channelmergernode/index.html @@ -85,5 +85,5 @@ translation_of: Web/API/ChannelMergerNode <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/compositionevent/index.html b/files/ja/web/api/compositionevent/index.html index 4f3b40070a..9ef0441801 100644 --- a/files/ja/web/api/compositionevent/index.html +++ b/files/ja/web/api/compositionevent/index.html @@ -74,8 +74,8 @@ translation_of: Web/API/CompositionEvent <ul> <li><a href="/ja/docs/Web/API/Element/compositionstart_event">compositionstart</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Reference/Events/compositionend">compositionend</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Element/compositionupdate_event">compositionupdate</a></li> + <li><a href="/ja/docs/Web/Reference/Events/compositionend">compositionend</a></li> + <li><a href="/ja/docs/Web/API/Element/compositionupdate_event">compositionupdate</a></li> <li><a href="/ja/docs/DOM/Event/UIEvent" title="UIEvent">UIEvent</a></li> <li><a href="/ja/docs/DOM/event" title="Event">Event</a></li> </ul> diff --git a/files/ja/web/api/console/assert/index.html b/files/ja/web/api/console/assert/index.html index eb8b92bbf7..df96e31b21 100644 --- a/files/ja/web/api/console/assert/index.html +++ b/files/ja/web/api/console/assert/index.html @@ -45,7 +45,7 @@ console.assert(<em>assertion</em>, <em>msg</em> [, <em>subst1</em>, ..., <em>sub for (let number = 2; number <= 5; number += 1) { console.log('the # is ' + number); console.assert(number % 2 === 0, {number: number, errorMsg: errorMsg}); - // <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015">ES2015 object property shorthand</a> を使った版 + // <a href="/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer#New_notations_in_ECMAScript_2015">ES2015 object property shorthand</a> を使った版 // console.assert(number % 2 === 0, {number, errorMsg}); } // 出力: diff --git a/files/ja/web/api/console/error/index.html b/files/ja/web/api/console/error/index.html index 5655e1e99a..7b6c677eb9 100644 --- a/files/ja/web/api/console/error/index.html +++ b/files/ja/web/api/console/error/index.html @@ -39,7 +39,7 @@ console.exception(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]); <dd><code>msg</code> 内の置換文字列を置換するJavaScript オブジェクト。これにより、出力の書式の詳細な制御が可能となります。</dd> </dl> -<p>詳細については、{{domxref("console")}} ドキュメント内の <a href="/docs/Web/API/console#Outputting_text_to_the_console">コンソールへのテキスト出力</a> を参照してください。</p> +<p>詳細については、{{domxref("console")}} ドキュメント内の <a href="/ja/docs/Web/API/console#Outputting_text_to_the_console">コンソールへのテキスト出力</a> を参照してください。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/api/convolvernode/index.html b/files/ja/web/api/convolvernode/index.html index 66321d75d7..6409ec786d 100644 --- a/files/ja/web/api/convolvernode/index.html +++ b/files/ja/web/api/convolvernode/index.html @@ -78,5 +78,5 @@ translation_of: Web/API/ConvolverNode <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.html b/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.html index 7a73cb4b15..c5b2d9a3b2 100644 --- a/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.html +++ b/files/ja/web/api/css_object_model/using_dynamic_styling_information/index.html @@ -89,11 +89,11 @@ function resetStyle(elemId) { <p>{{ EmbedLiveSample('Modify_an_element_style') }}</p> -<p><code>document.defaultView</code> オブジェクトの {{domxref("window.getComputedStyle", "getComputedStyle()")}} メソッドは、その要素に対して計算された全てのスタイルを返します。このメソッドの使い方について詳しくはサンプルの <a href="/en/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle" title="en/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle">Example 6: getComputedStyle</a> を参照してください。</p> +<p><code>document.defaultView</code> オブジェクトの {{domxref("window.getComputedStyle", "getComputedStyle()")}} メソッドは、その要素に対して計算された全てのスタイルを返します。このメソッドの使い方について詳しくはサンプルの <a href="/ja/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle" title="en/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle">Example 6: getComputedStyle</a> を参照してください。</p> <h2 id="DOM_Style_Object" name="DOM_Style_Object">DOM Style オブジェクト</h2> -<p><code>style</code> オブジェクトは独立したスタイル指定です。 <code><a href="/en/DOM/document.styleSheets" title="en/DOM/document.styleSheets">document.styleSheets</a></code> から個別にルールを取得するのとは異なり、 style オブジェクトは <code>document</code> またはスタイルが適用される要素から取得されます。ある特定の要素の<em>インライン</em>スタイルを表します。</p> +<p><code>style</code> オブジェクトは独立したスタイル指定です。 <code><a href="/ja/DOM/document.styleSheets" title="en/DOM/document.styleSheets">document.styleSheets</a></code> から個別にルールを取得するのとは異なり、 style オブジェクトは <code>document</code> またはスタイルが適用される要素から取得されます。ある特定の要素の<em>インライン</em>スタイルを表します。</p> <p>この記事で例示した CSS プロパティに限らず、 <code>style</code> オブジェクトを通して要素のスタイルを個別に操作できるという点が重要です。</p> @@ -128,7 +128,7 @@ function resetStyle(elemId) { <h3 id="DOM_Style_Object_SetAttribue" name="DOM_Style_Object_SetAttribue">setAttribute メソッドの利用</h3> -<p>要素のスタイルの変更には、要素の <code><a href="/en/DOM/element.setAttribute" title="en/DOM/element.setAttribute">setAttribute</a></code> メソッドを使うこともできます。</p> +<p>要素のスタイルの変更には、要素の <code><a href="/ja/DOM/element.setAttribute" title="en/DOM/element.setAttribute">setAttribute</a></code> メソッドを使うこともできます。</p> <pre class="brush: js notranslate">var el = document.getElementById('some-element'); el.setAttribute('style', 'background-color:darkblue;'); diff --git a/files/ja/web/api/cssstyledeclaration/index.html b/files/ja/web/api/cssstyledeclaration/index.html index 43e40972cb..5699356552 100644 --- a/files/ja/web/api/cssstyledeclaration/index.html +++ b/files/ja/web/api/cssstyledeclaration/index.html @@ -83,5 +83,5 @@ console.log(styleObj.cssText);</pre> <h2 id="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Properties_Reference">CSS Properties Reference</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Properties_Reference">CSS Properties Reference</a></li> </ul> diff --git a/files/ja/web/api/cssstylerule/selectortext/index.html b/files/ja/web/api/cssstylerule/selectortext/index.html index 8c72385fd9..0854b6887d 100644 --- a/files/ja/web/api/cssstylerule/selectortext/index.html +++ b/files/ja/web/api/cssstylerule/selectortext/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/CSSStyleRule/selectorText --- <div>{{APIRef("CSSOM") }}</div> -<p><code><strong>CSSRule.selectorText</strong></code>プロパティは、この規則集合のセレクターのテキスト表現を取得します。これは、一部のブラウザーで読み取り専用で実装されています。スタイルシート規則をクロスブラウザーで動的に設定するには、 <a href="/docs/DOM/Using_dynamic_styling_information">動的なスタイル情報の利用</a> を参照してください。</p> +<p><code><strong>CSSRule.selectorText</strong></code>プロパティは、この規則集合のセレクターのテキスト表現を取得します。これは、一部のブラウザーで読み取り専用で実装されています。スタイルシート規則をクロスブラウザーで動的に設定するには、 <a href="/ja/docs/DOM/Using_dynamic_styling_information">動的なスタイル情報の利用</a> を参照してください。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/cssstylesheet/index.html b/files/ja/web/api/cssstylesheet/index.html index d34d904d14..d17ee62590 100644 --- a/files/ja/web/api/cssstylesheet/index.html +++ b/files/ja/web/api/cssstylesheet/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/CSSStyleSheet --- <div>{{APIRef("CSSOM")}}</div> -<p><strong><code>CSSStyleSheet</code></strong> インターフェイスは、1 枚の <a href="/docs/Web/CSS">CSS</a> スタイルシートを表します。これは、その親の {{domxref("StyleSheet")}} からプロパティとメソッドを継承します。</p> +<p><strong><code>CSSStyleSheet</code></strong> インターフェイスは、1 枚の <a href="/ja/docs/Web/CSS">CSS</a> スタイルシートを表します。これは、その親の {{domxref("StyleSheet")}} からプロパティとメソッドを継承します。</p> <p>スタイルシートは、<em>{{domxref("CSSStyleRule", "スタイル規則", "", 1)}}</em><em> </em>("<code>h1,h2 { font-size: 16pt }"</code>)、様々な <em>@-規則</em> (<code>@import</code>, <code>@media</code>, ...) 等の <em>{{domxref("CSSRule", "規則", "", 1)}}</em> から構成されます。このインターフェイスは、スタイルシート内の規則のリストを調査および変更できます。</p> @@ -132,5 +132,5 @@ translation_of: Web/API/CSSStyleSheet <h2 id="See also" name="See also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information">動的なスタイル情報の利用</a></li> + <li><a href="/ja/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information">動的なスタイル情報の利用</a></li> </ul> diff --git a/files/ja/web/api/csssupportsrule/index.html b/files/ja/web/api/csssupportsrule/index.html index ef02d829cb..a64470f070 100644 --- a/files/ja/web/api/csssupportsrule/index.html +++ b/files/ja/web/api/csssupportsrule/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/CSSSupportsRule --- <p>{{APIRef("CSSOM")}}</p> -<p><strong><code>CSSSupportsRule</code></strong> インターフェイスは、1 個の CSS {{cssxref("@supports")}} <a href="/docs/Web/CSS/At-rule">@-規則</a> を表すオブジェクトを表します。これは、{{domxref("CSSConditionRule")}} インターフェイス、さらに型定数の値が <code>12</code> (<code>CSSRule.SUPPORTS_RULE</code>) の {{domxref("CSSRule")}} インターフェイスと {{domxref("CSSGroupingRule")}} インターフェイスを実装します。</p> +<p><strong><code>CSSSupportsRule</code></strong> インターフェイスは、1 個の CSS {{cssxref("@supports")}} <a href="/ja/docs/Web/CSS/At-rule">@-規則</a> を表すオブジェクトを表します。これは、{{domxref("CSSConditionRule")}} インターフェイス、さらに型定数の値が <code>12</code> (<code>CSSRule.SUPPORTS_RULE</code>) の {{domxref("CSSRule")}} インターフェイスと {{domxref("CSSGroupingRule")}} インターフェイスを実装します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/customelementregistry/index.html b/files/ja/web/api/customelementregistry/index.html index 79c8a11eca..e127680a70 100644 --- a/files/ja/web/api/customelementregistry/index.html +++ b/files/ja/web/api/customelementregistry/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/CustomElementRegistry <dl> <dt>{{domxref("CustomElementRegistry.define()")}}</dt> - <dd>新しい<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">カスタムエレメント</a>を定義。</dd> + <dd>新しい<a href="/ja/docs/Web/Web_Components/Using_custom_elements">カスタムエレメント</a>を定義。</dd> <dt>{{domxref("CustomElementRegistry.get()")}}</dt> <dd>指定されたカスタムエレメントへのコンストラクタか、またはカスタムエレメントが定義されていない場合は <code>undefined</code> を返す。</dd> <dt>{{domxref("CustomElementRegistry.whenDefined()")}}</dt> diff --git a/files/ja/web/api/dedicatedworkerglobalscope/index.html b/files/ja/web/api/dedicatedworkerglobalscope/index.html index 735a47c297..ebcf8abd58 100644 --- a/files/ja/web/api/dedicatedworkerglobalscope/index.html +++ b/files/ja/web/api/dedicatedworkerglobalscope/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/DedicatedWorkerGlobalScope --- <p>{{APIRef("Web Workers API")}}</p> -<p>The <strong><code>DedicatedWorkerGlobalScope</code></strong> object (the {{domxref("Worker")}} global scope) is accessible through the {{domxref("window.self","self")}} keyword. Some additional global functions, namespaces objects, and constructors, not typically associated with the worker global scope, but available on it, are listed in the <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript Reference</a>. See also: <a href="/en-US/docs/Web/Guide/Needs_categorization/Functions_available_to_workers">Functions available to workers</a>.</p> +<p>The <strong><code>DedicatedWorkerGlobalScope</code></strong> object (the {{domxref("Worker")}} global scope) is accessible through the {{domxref("window.self","self")}} keyword. Some additional global functions, namespaces objects, and constructors, not typically associated with the worker global scope, but available on it, are listed in the <a href="/ja/docs/Web/JavaScript/Reference">JavaScript Reference</a>. See also: <a href="/ja/docs/Web/Guide/Needs_categorization/Functions_available_to_workers">Functions available to workers</a>.</p> <h2 id="プロパティ">プロパティ</h2> @@ -103,6 +103,6 @@ translation_of: Web/API/DedicatedWorkerGlobalScope <ul> <li>{{domxref("Worker")}}</li> <li>{{domxref("WorkerGlobalScope")}}</li> - <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Web worker を使用する</a></li> - <li><a href="/en-US/docs/Web/Guide/Needs_categorization/Functions_available_to_workers">Web Worker が使用できる関数とクラス</a></li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers">Web worker を使用する</a></li> + <li><a href="/ja/docs/Web/Guide/Needs_categorization/Functions_available_to_workers">Web Worker が使用できる関数とクラス</a></li> </ul> diff --git a/files/ja/web/api/delaynode/delaytime/index.html b/files/ja/web/api/delaynode/delaytime/index.html index 3d0259ad0b..9a64cc564f 100644 --- a/files/ja/web/api/delaynode/delaytime/index.html +++ b/files/ja/web/api/delaynode/delaytime/index.html @@ -54,5 +54,5 @@ myDelay.delayTime.value = 3.0; <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/delaynode/index.html b/files/ja/web/api/delaynode/index.html index dedae1c659..fe7a552956 100644 --- a/files/ja/web/api/delaynode/index.html +++ b/files/ja/web/api/delaynode/index.html @@ -79,5 +79,5 @@ translation_of: Web/API/DelayNode <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/devicemotionevent/index.html b/files/ja/web/api/devicemotionevent/index.html index c165e8e1c2..b3d7fc6eb4 100644 --- a/files/ja/web/api/devicemotionevent/index.html +++ b/files/ja/web/api/devicemotionevent/index.html @@ -78,5 +78,5 @@ translation_of: Web/API/DeviceMotionEvent <li>{{ domxref("DeviceMotionEvent") }}</li> <li>{{ event("devicemotion") }}</li> <li><a href="/ja/docs/WebAPI/Detecting_device_orientation" title="/ja/docs/WebAPI/Detecting_device_orientation">デバイスの方向検出</a></li> - <li><a href="https://developer.mozilla.org/ja/DOM/Orientation_and_motion_data_explained" title="向きと動作データの説明">向きと動作データの説明</a></li> + <li><a href="/ja/DOM/Orientation_and_motion_data_explained" title="向きと動作データの説明">向きと動作データの説明</a></li> </ul> diff --git a/files/ja/web/api/directoryentrysync/index.html b/files/ja/web/api/directoryentrysync/index.html index 3a5a4cdd03..bb267d6467 100644 --- a/files/ja/web/api/directoryentrysync/index.html +++ b/files/ja/web/api/directoryentrysync/index.html @@ -37,16 +37,16 @@ translation_of: Web/API/DirectoryEntrySync <table class="standard-table"> <tbody> <tr> - <td><code>DirectoryReaderSync <a href="#createReader" title="#createReader">createReader</a> () raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>DirectoryReaderSync <a href="#createReader" title="#createReader">createReader</a> () raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> - <td><code><a href="/en/DOM/File_API/File_System_API/FileEntrySync" title="en/DOM/File_API/File_System_API/FileEntrySync">FileEntrySync</a> <a href="#getFile" title="#getFile">getFile</a> (in DOMString <em>path</em>, in optional Flags <em>options</em>) raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code><a href="/ja/DOM/File_API/File_System_API/FileEntrySync" title="en/DOM/File_API/File_System_API/FileEntrySync">FileEntrySync</a> <a href="#getFile" title="#getFile">getFile</a> (in DOMString <em>path</em>, in optional Flags <em>options</em>) raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> - <td><code>DirectoryEntrySync <a href="#getDirectory" title="#getDirectory">getDirectory</a> (in DOMString path, in optional Flags <em>options</em>) raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>DirectoryEntrySync <a href="#getDirectory" title="#getDirectory">getDirectory</a> (in DOMString path, in optional Flags <em>options</em>) raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> - <td><code>void <a href="#removeRecursively" title="#removeRecursively">removeRecursively</a> () raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>); </code></td> + <td><code>void <a href="#removeRecursively" title="#removeRecursively">removeRecursively</a> () raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>); </code></td> </tr> </tbody> </table> @@ -58,12 +58,12 @@ translation_of: Web/API/DirectoryEntrySync <p>このディレクトリからエントリを読み込むための新しい <code>DirectoryReaderSync</code> を作成します。</p> <pre class="notranslate">DirectoryReaderSync createReader ( -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="戻り値">戻り値</h5> <dl> - <dt><code><a href="/en/DOM/File_API/File_System_API/DirectoryReaderSync" title="en/DOM/File_API/File_System_API/DirectoryReaderSync">DirectoryReaderSync</a></code></dt> + <dt><code><a href="/ja/DOM/File_API/File_System_API/DirectoryReaderSync" title="en/DOM/File_API/File_System_API/DirectoryReaderSync">DirectoryReaderSync</a></code></dt> <dd>ファイルシステム内のディレクトリを表します。</dd> </dl> @@ -100,7 +100,7 @@ translation_of: Web/API/DirectoryEntrySync <pre class="notranslate">void getFile ( in DOMString <em>path</em>, in optional Flags <em>options</em> -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="パラメータ">パラメータ</h5> @@ -156,7 +156,7 @@ translation_of: Web/API/DirectoryEntrySync <h5 id="戻り値_2">戻り値</h5> <dl> - <dt><a href="/en/DOM/File_API/File_System_API/FileEntrySync" title="en/DOM/File_API/File_System_API/FileEntrySync"><code>FileEntrySync</code></a></dt> + <dt><a href="/ja/DOM/File_API/File_System_API/FileEntrySync" title="en/DOM/File_API/File_System_API/FileEntrySync"><code>FileEntrySync</code></a></dt> <dd>ファイルシステム内のファイルを表します。</dd> </dl> @@ -209,7 +209,7 @@ translation_of: Web/API/DirectoryEntrySync <pre class="notranslate">void getDirectory ( in DOMString <em>path</em>, in optional Flags <em>options</em> -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="Parameter">Parameter</h5> @@ -265,7 +265,7 @@ translation_of: Web/API/DirectoryEntrySync <h5 id="Returns">Returns</h5> <dl> - <dt><a href="/en/DOM/File_API/File_System_API/DirectoryReaderSync" title="en/DOM/File_API/File_System_API/DirectoryReaderSync"><code>DirectoryEntrySync</code></a></dt> + <dt><a href="/ja/DOM/File_API/File_System_API/DirectoryReaderSync" title="en/DOM/File_API/File_System_API/DirectoryReaderSync"><code>DirectoryEntrySync</code></a></dt> <dd>ファイルシステム内のディレクトリを表します。</dd> </dl> @@ -319,7 +319,7 @@ translation_of: Web/API/DirectoryEntrySync <p>削除できないファイルを含むディレクトリを削除した場合や、削除中にエラーが発生した場合、内容の一部が削除されないことがあります。このような場合は、エラーコールバックでキャッチし、削除を再試行してください。</p> <pre class="notranslate">void removeRecursively ( -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="引数_2">引数</h5> @@ -372,6 +372,6 @@ translation_of: Web/API/DirectoryEntrySync <p>仕様書: {{ spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD") }}</p> -<p>リファレンス: <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> +<p>リファレンス: <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> -<p>イントロダクション: <a href="/en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>イントロダクション: <a href="/ja/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/document/copy_event/index.html b/files/ja/web/api/document/copy_event/index.html index 83cde410c0..00c2a97df8 100644 --- a/files/ja/web/api/document/copy_event/index.html +++ b/files/ja/web/api/document/copy_event/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/Document/copy_event </tbody> </table> -<p>このイベントの本来の対象は、コピー操作の意図の対象である {{domxref("Element")}} です。このイベントを {{domxref("Document")}} インターフェイス上で待ち受けし、キャプチャやバブリングの局面で処理することができます。このイベントの局面について完全な詳細は、 <a href="/en-US/docs/Web/API/Element/copy_event">Element: copy イベント</a>を参照してください。</p> +<p>このイベントの本来の対象は、コピー操作の意図の対象である {{domxref("Element")}} です。このイベントを {{domxref("Document")}} インターフェイス上で待ち受けし、キャプチャやバブリングの局面で処理することができます。このイベントの局面について完全な詳細は、 <a href="/ja/docs/Web/API/Element/copy_event">Element: copy イベント</a>を参照してください。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/api/document/designmode/index.html b/files/ja/web/api/document/designmode/index.html index ce879d87d5..c0a2da4cde 100644 --- a/files/ja/web/api/document/designmode/index.html +++ b/files/ja/web/api/document/designmode/index.html @@ -59,6 +59,6 @@ document.designMode = <em>value</em>;</pre> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Rich-Text_Editing_in_Mozilla">Mozilla におけるリッチテキスト編集</a></li> + <li><a href="/ja/docs/Rich-Text_Editing_in_Mozilla">Mozilla におけるリッチテキスト編集</a></li> <li>{{domxref("HTMLElement.contentEditable")}}</li> </ul> diff --git a/files/ja/web/api/document/evaluate/index.html b/files/ja/web/api/document/evaluate/index.html index 493d923a99..98eacb4ef8 100644 --- a/files/ja/web/api/document/evaluate/index.html +++ b/files/ja/web/api/document/evaluate/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/Document/evaluate --- <div>{{ ApiRef("DOM") }}</div> -<div><a href="/en-US/docs/XPath" title="XPath">XPath</a> 式やその他与えられたパラメータに基づいて <code><a href="/en-US/docs/XPathResult" title="XPathResult">XPathResult</a></code> を返します。</div> +<div><a href="/ja/docs/XPath" title="XPath">XPath</a> 式やその他与えられたパラメータに基づいて <code><a href="/ja/docs/XPathResult" title="XPathResult">XPathResult</a></code> を返します。</div> <div> </div> @@ -50,7 +50,7 @@ alert(alertText); // Alerts the text of all h2 elements <p>Notice in the above <code>document.body</code> has been used as the context instead of <code>document</code> so the XPath starts from the body element. (In this example, the <code>"."</code> is important to indicate that the querying should start from the context node, document.body. If the "." was left out (leaving <code>//h2</code>) the query would start from the root node (<code>html</code>) which would be more wasteful.)</p> -<p>See <a href="/en-US/docs/Introduction_to_using_XPath_in_JavaScript" title="Introduction to using XPath in JavaScript">Introduction to using XPath in JavaScript</a> for more information.</p> +<p>See <a href="/ja/docs/Introduction_to_using_XPath_in_JavaScript" title="Introduction to using XPath in JavaScript">Introduction to using XPath in JavaScript</a> for more information.</p> <h2 id="Notes" name="Notes">注釈</h2> @@ -155,7 +155,7 @@ alert(alertText); // Alerts the text of all h2 elements <h2 id="See_also" name="See_also">関連項目</h2> <ul> - <li><a href="/en-US/docs/DOM/document.createExpression" title="DOM/document.createExpression">DOM:document.createExpression</a></li> - <li><a href="/en-US/docs/Code_snippets/XPath" title="Code_snippets/XPath">XPath Code Snippets</a></li> + <li><a href="/ja/docs/DOM/document.createExpression" title="DOM/document.createExpression">DOM:document.createExpression</a></li> + <li><a href="/ja/docs/Code_snippets/XPath" title="Code_snippets/XPath">XPath Code Snippets</a></li> <li><a href="http://codepen.io/johan/full/ckFgn">Check for browser support</a></li> </ul> diff --git a/files/ja/web/api/document/getelementsbyname/index.html b/files/ja/web/api/document/getelementsbyname/index.html index 61d75e85f5..d21b02a8ed 100644 --- a/files/ja/web/api/document/getelementsbyname/index.html +++ b/files/ja/web/api/document/getelementsbyname/index.html @@ -92,6 +92,6 @@ translation_of: Web/API/Document/getElementsByName <ul> <li>{{domxref("document.getElementById()")}} : 固有の <code>id</code> を持つ要素への参照を返す</li> - <li>{{domxref("document.getElementsByTagName()")}} : 同じ<a href="/en-US/docs/Web/API/Element/tagName">タグ名</a>の要素への参照を返す</li> + <li>{{domxref("document.getElementsByTagName()")}} : 同じ<a href="/ja/docs/Web/API/Element/tagName">タグ名</a>の要素への参照を返す</li> <li>{{domxref("document.querySelector()")}} : <code>'div.myclass'</code> のような CSS セレクターによって要素への参照をかえす</li> </ul> diff --git a/files/ja/web/api/document/hasfocus/index.html b/files/ja/web/api/document/hasfocus/index.html index 2cbc9b8524..d228acbe5a 100644 --- a/files/ja/web/api/document/hasfocus/index.html +++ b/files/ja/web/api/document/hasfocus/index.html @@ -16,7 +16,7 @@ translation_of: Web/API/Document/hasFocus <p><code><strong>hasFocus()</strong></code> は {{domxref("Document")}} インターフェイスのメソッドで、 {{jsxref("Boolean")}} の値を返し、文書または文書内の何れかの要素がフォーカスを持っているかどうかを示します。このメソッドは、文書内のアクティブな要素がフォーカスを持っているかどうかを特定するために使用することができます。</p> <div class="note"> -<p>文書を見ている時、文書内でフォーカスを持つ要素は常に<a href="/en-US/docs/Web/API/DocumentOrShadowRoot/activeElement">アクティブ要素</a>ですが、アクティブ要素がフォーカスを持っているとは限りません。例えば、フォアグラウンドになっていないポップアップウィンドウ内のアクティブ要素はフォーカスを持ちません。</p> +<p>文書を見ている時、文書内でフォーカスを持つ要素は常に<a href="/ja/docs/Web/API/DocumentOrShadowRoot/activeElement">アクティブ要素</a>ですが、アクティブ要素がフォーカスを持っているとは限りません。例えば、フォアグラウンドになっていないポップアップウィンドウ内のアクティブ要素はフォーカスを持ちません。</p> </div> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/document/lastmodified/index.html b/files/ja/web/api/document/lastmodified/index.html index a2f24d0270..682e0341ff 100644 --- a/files/ja/web/api/document/lastmodified/index.html +++ b/files/ja/web/api/document/lastmodified/index.html @@ -45,7 +45,7 @@ translation_of: Web/API/Document/lastModified <h2 id="Notes" name="Notes">注</h2> -<p><code>lastModified</code> は文字列なので、文書の更新日の比較には<em>簡単には</em>使用できないことに注意してください。こちらはいつページが変更されたかをアラートメッセージで表示する方法の例です (<a href="/en-US/docs/DOM/document.cookie">JavaScript cookies API</a> も参照)。</p> +<p><code>lastModified</code> は文字列なので、文書の更新日の比較には<em>簡単には</em>使用できないことに注意してください。こちらはいつページが変更されたかをアラートメッセージで表示する方法の例です (<a href="/ja/docs/DOM/document.cookie">JavaScript cookies API</a> も参照)。</p> <pre class="brush: js notranslate">if (Date.parse(document.lastModified) > parseFloat(document.cookie.replace(/(?:(?:^|.*;)\s*last_modif\s*\=\s*([^;]*).*$)|^.*$/, "$1") || "0")) { document.cookie = "last_modif=" + Date.now() + "; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=" + location.pathname; diff --git a/files/ja/web/api/document/open/index.html b/files/ja/web/api/document/open/index.html index 2c2d46aaf8..a6d2629093 100644 --- a/files/ja/web/api/document/open/index.html +++ b/files/ja/web/api/document/open/index.html @@ -56,7 +56,7 @@ document.close(); <p>Gecko 1.9 以降、このメソッドは他のプロパティと同一オリジンポリシーが同じになるようになり、文書のオリジンを変更しようとした場合に動作しません。</p> -<p>Gecko 1.9.2 以降、 <code>document.open()</code> は<a href="/docs/Security_check_basics">プリンシパル</a>をスタックからフェッチするのではなく、 URI を使用する文書のプリンシパルを使用します。その結果、 <a class="internal" href="/ja/wrappedJSObject"><code>wrappedJSObject</code></a> を使用しても、 {{domxref("document.write()")}} を{{Glossary("chrome", "クローム")}}からの信頼できない文書に呼び出すことはできません。考え方については<a href="/ja/Security_check_basics">セキュリティチェックの基本</a>を参照してください。</p> +<p>Gecko 1.9.2 以降、 <code>document.open()</code> は<a href="/ja/docs/Security_check_basics">プリンシパル</a>をスタックからフェッチするのではなく、 URI を使用する文書のプリンシパルを使用します。その結果、 <a class="internal" href="/ja/wrappedJSObject"><code>wrappedJSObject</code></a> を使用しても、 {{domxref("document.write()")}} を{{Glossary("chrome", "クローム")}}からの信頼できない文書に呼び出すことはできません。考え方については<a href="/ja/Security_check_basics">セキュリティチェックの基本</a>を参照してください。</p> <h2 id="Three-argument_document.open" name="Three-argument_document.open">引数3つの document.open()</h2> diff --git a/files/ja/web/api/document/selectstart_event/index.html b/files/ja/web/api/document/selectstart_event/index.html index 448225df42..70b7d59de9 100644 --- a/files/ja/web/api/document/selectstart_event/index.html +++ b/files/ja/web/api/document/selectstart_event/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/Document/selectstart_event <div>{{APIRef}}</div> <div> -<p><a href="/en-US/docs/Web/API/Selection">Selection API</a> の <code><strong>selectstart</strong></code> イベントは新しい選択範囲をユーザが指定した際に発火します。</p> +<p><a href="/ja/docs/Web/API/Selection">Selection API</a> の <code><strong>selectstart</strong></code> イベントは新しい選択範囲をユーザが指定した際に発火します。</p> <p>イベントがキャンセルされた場合、選択範囲は変更されません。</p> </div> diff --git a/files/ja/web/api/domexception/name/index.html b/files/ja/web/api/domexception/name/index.html index d708e5d710..cae6d4027c 100644 --- a/files/ja/web/api/domexception/name/index.html +++ b/files/ja/web/api/domexception/name/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/DOMException/name --- <p>{{ APIRef("DOM") }}</p> -<p><strong><code>name</code></strong> は {{domxref("DOMException")}} インターフェイスの読取専用プロパティで、 <a href="/en-US/docs/Web/API/DOMException#Error_names">エラー名</a>に結びつけられた文字列のうちの一つを含む {{domxref("DOMString")}} を返します。</p> +<p><strong><code>name</code></strong> は {{domxref("DOMException")}} インターフェイスの読取専用プロパティで、 <a href="/ja/docs/Web/API/DOMException#Error_names">エラー名</a>に結びつけられた文字列のうちの一つを含む {{domxref("DOMString")}} を返します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/effecttiming/index.html b/files/ja/web/api/effecttiming/index.html index 2488aa9749..ba4e93cb98 100644 --- a/files/ja/web/api/effecttiming/index.html +++ b/files/ja/web/api/effecttiming/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/EffectTiming --- <div>{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}</div> -<p>The <strong><code>EffectTiming</code></strong> dictionary, part of the <a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a>, is used by {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}, and {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} to describe timing properties for animation effects. These properties are all optional, although without setting a <code>duration</code> the animation will not play.</p> +<p>The <strong><code>EffectTiming</code></strong> dictionary, part of the <a href="/ja/docs/Web/API/Web_Animations_API">Web Animations API</a>, is used by {{domxref("Element.animate()")}}, {{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}, and {{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}} to describe timing properties for animation effects. These properties are all optional, although without setting a <code>duration</code> the animation will not play.</p> <p>Simply put, these properties describe how the {{Glossary("user agent")}} should go about making the transition from from keyframe to keyframe, and how to behave when the animation begins and ends.</p> @@ -56,8 +56,8 @@ translation_of: Web/API/EffectTiming <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a></li> - <li><a href="/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API">Using the Web Animations API</a></li> + <li><a href="/ja/docs/Web/API/Web_Animations_API">Web Animations API</a></li> + <li><a href="/ja/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API">Using the Web Animations API</a></li> <li>{{domxref("Element.animate()")}}</li> <li>{{domxref("KeyframeEffect.KeyframeEffect", "KeyframeEffect()")}}</li> <li>{{domxref("KeyframeEffectReadOnly.KeyframeEffectReadOnly", "KeyframeEffectReadOnly()")}}</li> diff --git a/files/ja/web/api/element/animate/index.html b/files/ja/web/api/element/animate/index.html index a0108d9f60..661f224477 100644 --- a/files/ja/web/api/element/animate/index.html +++ b/files/ja/web/api/element/animate/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/Element/animate </ol> <dl> - <dd>のどちらかを指定します。keyframes 形式の詳細については <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats">Keyframe Formats</a> で確認できます。</dd> + <dd>のどちらかを指定します。keyframes 形式の詳細については <a href="/ja/docs/Web/API/Web_Animations_API/Keyframe_Formats">Keyframe Formats</a> で確認できます。</dd> <dd> <ol> <li>変化させたい CSS プロパティをキーとし、そのプロパティ値を遷移の順番に並べた配列を値としたオブジェクト @@ -49,7 +49,7 @@ translation_of: Web/API/Element/animate </ol> </dd> <dt><code>options</code></dt> - <dd>アニメーションの再生時間を表す ms 単位の整数値、または <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Animation_timing_options">animation timing options</a> を含むオブジェクトを渡す必要があります。後者の場合、<a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Animation_timing_options">animation timing options</a> のプロパティに加え、以下のようなプロパティも追加して <code>animate()</code> に渡すことができます。</dd> + <dd>アニメーションの再生時間を表す ms 単位の整数値、または <a href="/ja/docs/Web/API/Web_Animations_API/Animation_timing_options">animation timing options</a> を含むオブジェクトを渡す必要があります。後者の場合、<a href="/ja/docs/Web/API/Web_Animations_API/Animation_timing_options">animation timing options</a> のプロパティに加え、以下のようなプロパティも追加して <code>animate()</code> に渡すことができます。</dd> </dl> <h4 id="keyframeOptions_に追加できるプロパティ">keyframeOptions に追加できるプロパティ</h4> diff --git a/files/ja/web/api/element/blur_event/index.html b/files/ja/web/api/element/blur_event/index.html index 374419a1e3..a91dd6fcc8 100644 --- a/files/ja/web/api/element/blur_event/index.html +++ b/files/ja/web/api/element/blur_event/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Element/blur_event --- <div>{{APIRef}}</div> -<p><strong><code>blur</code></strong> イベントは、要素がフォーカスを失ったときに発生します。このイベントと {{domxref("Element/focusout_event", "focusout")}} との違いは、 <code>focusout</code> が<a href="/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture">バブリング</a>を行うのに対し <code>blur</code> は行わないことです。</p> +<p><strong><code>blur</code></strong> イベントは、要素がフォーカスを失ったときに発生します。このイベントと {{domxref("Element/focusout_event", "focusout")}} との違いは、 <code>focusout</code> が<a href="/ja/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture">バブリング</a>を行うのに対し <code>blur</code> は行わないことです。</p> <p><code>blur</code> の反対は {{domxref("Element/focus_event", "focus")}} です。</p> diff --git a/files/ja/web/api/element/getattribute/index.html b/files/ja/web/api/element/getattribute/index.html index ae9a08953c..4ee84122ba 100644 --- a/files/ja/web/api/element/getattribute/index.html +++ b/files/ja/web/api/element/getattribute/index.html @@ -51,7 +51,7 @@ alert(align); // id="div1" の要素の align の値を表示します。</pre> // 空文字列が返される </pre> -<p>コンテンツ属性のノンスをるには、代わりに <code><a href="/en-US/docs/Web/API/HTMLOrForeignElement/nonce">nonce</a></code> プロパティを使用してください。</p> +<p>コンテンツ属性のノンスをるには、代わりに <code><a href="/ja/docs/Web/API/HTMLOrForeignElement/nonce">nonce</a></code> プロパティを使用してください。</p> <pre class="brush: js">let nonce = script.nonce;</pre> diff --git a/files/ja/web/api/element/getattributens/index.html b/files/ja/web/api/element/getattributens/index.html index 974483920a..ee03de1cab 100644 --- a/files/ja/web/api/element/getattributens/index.html +++ b/files/ja/web/api/element/getattributens/index.html @@ -36,7 +36,7 @@ alert(a); // div の align 属性の値を表示します。 <h3 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">注記</h3> -<p><code>getAttributeNS</code> は <a href="ja/DOM/element.getAttribute">getAttribute</a> と異なります。<code>getAttributeNS</code> は特定の名前空間に属している要求された属性をより深く特定することができます。上記の例では、属性は mozilla の架空の "specialspace" 名前空間に属しています。</p> +<p><code>getAttributeNS</code> は <a href="/ja/DOM/element.getAttribute">getAttribute</a> と異なります。<code>getAttributeNS</code> は特定の名前空間に属している要求された属性をより深く特定することができます。上記の例では、属性は mozilla の架空の "specialspace" 名前空間に属しています。</p> <p>DOM4 より前の仕様では、このメソッドは属性が存在しない場合に <code>null</code> ではなく空文字列を返すように指定されていました。しかし、ほとんどのウェブ・ブラウザは <code>null</code> を返していました。DOM4 以降は、仕様でも <code>null</code> を返すように指定されました。しかしながら、いくつかの古いウェブ・ブラウザは空文字列を返します。そのため、指定の要素に指定の属性が存在しない可能性があるなら <code>getAttributeNS</code> を呼ぶ前に <a href="/ja/docs/Web/API/Element/hasAttributeNS"><code>hasAttributeNS</code></a> を使用して属性の存在を確かめる必要があります。</p> diff --git a/files/ja/web/api/element/getelementsbytagname/index.html b/files/ja/web/api/element/getelementsbytagname/index.html index c8e6024316..248bf36639 100644 --- a/files/ja/web/api/element/getelementsbytagname/index.html +++ b/files/ja/web/api/element/getelementsbytagname/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/Element/getElementsByTagName <h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3> -<p>指定された <a href="ja/DOM/element.tagName">タグ名</a> による要素のリストを返します。指定された要素以下のサブツリーが検索対象となり、その要素自体は除外されます。</p> +<p>指定された <a href="/ja/DOM/element.tagName">タグ名</a> による要素のリストを返します。指定された要素以下のサブツリーが検索対象となり、その要素自体は除外されます。</p> <h3 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">構文</h3> @@ -44,7 +44,7 @@ for (var i = 0; i < cells.length; i++) { <h3 id=".E6.B3.A8.E6.84.8F.E7.82.B9" name=".E6.B3.A8.E6.84.8F.E7.82.B9">注意点</h3> -<p><code>element.getElementsByTagName</code> は、検索対象が指定された要素の子孫要素に限られるという点を除けば、<a href="ja/DOM/document.getElementsByTagName">document.getElementsByTagName</a> と似ています。</p> +<p><code>element.getElementsByTagName</code> は、検索対象が指定された要素の子孫要素に限られるという点を除けば、<a href="/ja/DOM/document.getElementsByTagName">document.getElementsByTagName</a> と似ています。</p> <h3 id=".E4.BB.95.E6.A7.98.E6.9B.B8" name=".E4.BB.95.E6.A7.98.E6.9B.B8">仕様書</h3> diff --git a/files/ja/web/api/element/getelementsbytagnamens/index.html b/files/ja/web/api/element/getelementsbytagnamens/index.html index 8bfa3bec21..f0344fd357 100644 --- a/files/ja/web/api/element/getelementsbytagnamens/index.html +++ b/files/ja/web/api/element/getelementsbytagnamens/index.html @@ -20,8 +20,8 @@ translation_of: Web/API/Element/getElementsByTagNameNS <ul> <li><code>elements</code> は見付かった要素のツリーに出現した順に生きた <code>NodeList</code> です。</li> <li><code>element</code> は検索を始める要素です。この要素の子孫のみが検索対象になり、そのノード自身は対象になりません。</li> - <li><code>namespaceURI</code> は検索される要素の名前空間 URI です(<code><a href="ja/DOM/element.namespaceURI">element.namespaceURI</a></code> を参照)。例えば、XHTML 要素を検索する必要があるなら、XHTML の名前空間 URI <code><span class="nowiki">http://www.w3.org/1999/xhtml</span></code> を使ってください。</li> - <li><code>localName</code> は探す要素のローカル名か全ての要素にマッチする特別な値 <code>"*"</code> のどちらかです(<code><a href="ja/DOM/element.localName">element.localName</a></code> 参照)。</li> + <li><code>namespaceURI</code> は検索される要素の名前空間 URI です(<code><a href="/ja/DOM/element.namespaceURI">element.namespaceURI</a></code> を参照)。例えば、XHTML 要素を検索する必要があるなら、XHTML の名前空間 URI <code><span class="nowiki">http://www.w3.org/1999/xhtml</span></code> を使ってください。</li> + <li><code>localName</code> は探す要素のローカル名か全ての要素にマッチする特別な値 <code>"*"</code> のどちらかです(<code><a href="/ja/DOM/element.localName">element.localName</a></code> 参照)。</li> </ul> <h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3> diff --git a/files/ja/web/api/element/namespaceuri/index.html b/files/ja/web/api/element/namespaceuri/index.html index 476f51c8b1..ebf84fb77c 100644 --- a/files/ja/web/api/element/namespaceuri/index.html +++ b/files/ja/web/api/element/namespaceuri/index.html @@ -19,7 +19,7 @@ original_slug: Web/API/Node/namespaceURI <li><code>namespace</code> は指定されたノードの名前空間 URI を表す文字列です。</li> </ul> <h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3> -<p>この断片では、ノードの <a href="ja/DOM/element.localName">localName</a> と <code>namespaceURI</code> が試験されます。もし、<code>namespaceURI</code> が XUL の名前空間を返し、<code>localName</code> が "browser" を返せば、そのノードは XUL の <code><browser/></code> と理解されます。</p> +<p>この断片では、ノードの <a href="/ja/DOM/element.localName">localName</a> と <code>namespaceURI</code> が試験されます。もし、<code>namespaceURI</code> が XUL の名前空間を返し、<code>localName</code> が "browser" を返せば、そのノードは XUL の <code><browser/></code> と理解されます。</p> <pre>if (node.localName == "browser" && node.namespaceURI == "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") { // これは XUL browser です。 @@ -27,8 +27,8 @@ original_slug: Web/API/Node/namespaceURI </pre> <h3 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">注記</h3> <p>これは、スコープ中の名前空間宣言の調査を基づいた、名前空間検索の結果である、計算された値ではありません。単に作成時に与えられた名前空間 URI です。</p> -<p><code>ELEMENT_NODE</code> と <code>ATTRIBUTE_NODE</code> 以外の<a href="ja/DOM/element.nodeType">種類</a>全てに属すノードと, <code><a href="ja/DOM/document.createElement">document.createElement</a></code> のような DOM Level 1 のメソッドで作られたノードでは、常に <code>namespaceURI</code> は <code>null</code> です。</p> -<p>DOM Level 2 の <a href="ja/DOM/document.createElementNS">document.createElementNS</a> メソッドを使うことで、特定の <code>namespaceURI</code> を持った要素を作ることができます。</p> +<p><code>ELEMENT_NODE</code> と <code>ATTRIBUTE_NODE</code> 以外の<a href="/ja/DOM/element.nodeType">種類</a>全てに属すノードと, <code><a href="/ja/DOM/document.createElement">document.createElement</a></code> のような DOM Level 1 のメソッドで作られたノードでは、常に <code>namespaceURI</code> は <code>null</code> です。</p> +<p>DOM Level 2 の <a href="/ja/DOM/document.createElementNS">document.createElementNS</a> メソッドを使うことで、特定の <code>namespaceURI</code> を持った要素を作ることができます。</p> <p><a class="external" href="http://www.w3.org/TR/xml-names11/">Namespaces in XML</a> によれば、属性はその要素から名前空間を継承しません。もし属性が特定の名前空間を与えられていなければ、その属性は名前空間をもちません。</p> <h3 id=".E4.BB.95.E6.A7.98" name=".E4.BB.95.E6.A7.98">仕様</h3> <p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-NodeNSname">DOM Level 2 Core: namespaceURI</a></p> diff --git a/files/ja/web/api/element/queryselector/index.html b/files/ja/web/api/element/queryselector/index.html index 12c10525d5..1aec9dde2d 100644 --- a/files/ja/web/api/element/queryselector/index.html +++ b/files/ja/web/api/element/queryselector/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/Element/querySelector <ul> <li><code>element</code>と<code>baseElement</code>は{{domxref("element")}}オブジェクトを表します。</li> - <li><code>selectors</code>はマッチさせたい1つ以上の<a href="/en-US/docs/Web/Guide/CSS/Getting_Started/Selectors">セレクタ</a>を表します。</li> + <li><code>selectors</code>はマッチさせたい1つ以上の<a href="/ja/docs/Web/Guide/CSS/Getting_Started/Selectors">セレクタ</a>を表します。</li> </ul> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/web/api/element/setattributenode/index.html b/files/ja/web/api/element/setattributenode/index.html index d29967758d..130f233e17 100644 --- a/files/ja/web/api/element/setattributenode/index.html +++ b/files/ja/web/api/element/setattributenode/index.html @@ -39,7 +39,7 @@ alert(d2.attributes[1].value) <p>If the attribute named already exists on the element, that attribute is replaced with the new one and the replaced one is returned.</p> -<p>This method is seldom used, with <code><a href="ja/DOM/element.setAttribute">setAttribute()</a></code> usually being used to change element's attributes.</p> +<p>This method is seldom used, with <code><a href="/ja/DOM/element.setAttribute">setAttribute()</a></code> usually being used to change element's attributes.</p> <p>{{ DOMAttributeMethods() }}</p> diff --git a/files/ja/web/api/element/show_event/index.html b/files/ja/web/api/element/show_event/index.html index eedb67fb18..aefcfb4073 100644 --- a/files/ja/web/api/element/show_event/index.html +++ b/files/ja/web/api/element/show_event/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Element/show_event --- <div>{{APIRef}}{{deprecated_header}}</div> -<p><strong><code>show</code></strong> イベントは、 {{domxref("Element/contextmenu_event", "contextmenu")}} イベントが <a href="/en-US/docs/Web/HTML/Global_attributes/contextmenu"><code>contextmenu</code> 属性</a>を持つ要素に発生またはバブリングしたときに発生します。</p> +<p><strong><code>show</code></strong> イベントは、 {{domxref("Element/contextmenu_event", "contextmenu")}} イベントが <a href="/ja/docs/Web/HTML/Global_attributes/contextmenu"><code>contextmenu</code> 属性</a>を持つ要素に発生またはバブリングしたときに発生します。</p> <table class="properties"> <tbody> diff --git a/files/ja/web/api/element/touchcancel_event/index.html b/files/ja/web/api/element/touchcancel_event/index.html index c9c1558a44..45332083b9 100644 --- a/files/ja/web/api/element/touchcancel_event/index.html +++ b/files/ja/web/api/element/touchcancel_event/index.html @@ -67,5 +67,5 @@ translation_of: Web/API/Element/touchcancel_event <ul> <li>{{ domxref("GlobalEventHandlers.ontouchcancel","ontouchcancel")}}</li> - <li>This event on <code><a href="/en-US/docs/Web/API/Document">Document</a></code> targets: <code><a href="/en-US/docs/Web/API/Document/touchcancel_event">touchcancel</a> </code></li> + <li>This event on <code><a href="/ja/docs/Web/API/Document">Document</a></code> targets: <code><a href="/ja/docs/Web/API/Document/touchcancel_event">touchcancel</a> </code></li> </ul> diff --git a/files/ja/web/api/errorevent/index.html b/files/ja/web/api/errorevent/index.html index 08079763e1..d829192309 100644 --- a/files/ja/web/api/errorevent/index.html +++ b/files/ja/web/api/errorevent/index.html @@ -74,5 +74,5 @@ translation_of: Web/API/ErrorEvent <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers" title="/en-US/docs/Web/Guide/Performance/Using_web_workers">web worker を使用して</a>、 その様なイベントを発生させる可能性が最も高いオブジェクト</li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers" title="/en-US/docs/Web/Guide/Performance/Using_web_workers">web worker を使用して</a>、 その様なイベントを発生させる可能性が最も高いオブジェクト</li> </ul> diff --git a/files/ja/web/api/event/initevent/index.html b/files/ja/web/api/event/initevent/index.html index 30c357e677..858bbe38be 100644 --- a/files/ja/web/api/event/initevent/index.html +++ b/files/ja/web/api/event/initevent/index.html @@ -10,7 +10,7 @@ translation_of: Web/API/Event/initEvent <h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3> -<p><code>initEvent</code> メソッドは <a href="ja/DOM/document.createEvent">document.createEvent</a> によって作成された <a href="ja/DOM/event">event</a> の値を初期化するために使われます。</p> +<p><code>initEvent</code> メソッドは <a href="/ja/DOM/document.createEvent">document.createEvent</a> によって作成された <a href="/ja/DOM/event">event</a> の値を初期化するために使われます。</p> <div class="note"> <p><strong>このメソッドは廃止されているため、使用しないでください。</strong></p> @@ -40,7 +40,7 @@ event.initEvent("click", true, false); <h3 id=".E6.B3.A8.E6.84.8F.E7.82.B9" name=".E6.B3.A8.E6.84.8F.E7.82.B9">注意点</h3> -<p>この方法で初期化されるイベントは、<a href="ja/DOM/document.createEvent">document.createEvent</a> メソッドで作成されたものでなければなりません。<code>initEvent</code> によるイベントの設定は、イベントを <a href="ja/DOM/element.dispatchEvent">割り当てる</a> 前に呼び出す必要があります。</p> +<p>この方法で初期化されるイベントは、<a href="/ja/DOM/document.createEvent">document.createEvent</a> メソッドで作成されたものでなければなりません。<code>initEvent</code> によるイベントの設定は、イベントを <a href="/ja/DOM/element.dispatchEvent">割り当てる</a> 前に呼び出す必要があります。</p> <h3 id=".E4.BB.95.E6.A7.98.E6.9B.B8" name=".E4.BB.95.E6.A7.98.E6.9B.B8">仕様書</h3> diff --git a/files/ja/web/api/eventlistener/index.html b/files/ja/web/api/eventlistener/index.html index dfe0c90aa0..24bce69f66 100644 --- a/files/ja/web/api/eventlistener/index.html +++ b/files/ja/web/api/eventlistener/index.html @@ -86,7 +86,7 @@ buttonElement.addEventListener('click', { <h3 id="See_Also">See Also:</h3> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></li> + <li><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener</a></li> </ul> <h2 id="See_also" name="See_also">関連情報</h2> diff --git a/files/ja/web/api/eventtarget/addeventlistener/index.html b/files/ja/web/api/eventtarget/addeventlistener/index.html index a9703668ae..30d9148491 100644 --- a/files/ja/web/api/eventtarget/addeventlistener/index.html +++ b/files/ja/web/api/eventtarget/addeventlistener/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/EventTarget/addEventListener <dl> <dt><code><var>type</var></code></dt> - <dd>対象とする<a href="/en-US/docs/Web/Events">イベントの種類</a>を表す文字列</dd> + <dd>対象とする<a href="/ja/docs/Web/Events">イベントの種類</a>を表す文字列</dd> <dt><code><var>listener</var></code></dt> <dd>指定された型のイベントが発生するときに通知 ({{domxref("Event")}} インターフェースを実装しているオブジェクト) を受け取るオブジェクト。これは、 {{domxref("EventListener")}} インタフェースを実装するオブジェクト、あるいは、単純に、JavaScript の<a href="/ja/docs/Web/JavaScript/Guide/Functions">関数</a>でなければなりません。コールバックについて詳しくは、{{anch("The event listener callback", "イベントリスナーのコールバック")}}を参照してください。</dd> <dt><code><var>options</var></code> {{optional_inline}}</dt> @@ -237,7 +237,7 @@ el.addEventListener("click", () => { modifyText("four"); }, false); <a class="inner1" href="https://www.mozilla.org" target="_blank"> inner1, passive & preventDefault(which is not allowed) </a> - <a class="inner2" href="https://developer.mozilla.org/" target="_blank"> + <a class="inner2" href="/" target="_blank"> inner2, none-passive & preventDefault(not open new page) </a> </div> diff --git a/files/ja/web/api/fetch_api/using_fetch/index.html b/files/ja/web/api/fetch_api/using_fetch/index.html index 7f506b1018..6860b33e2e 100644 --- a/files/ja/web/api/fetch_api/using_fetch/index.html +++ b/files/ja/web/api/fetch_api/using_fetch/index.html @@ -44,7 +44,7 @@ translation_of: Web/API/Fetch_API/Using_Fetch <p><strong>メモ</strong>: Body ミックスインは本文の内容を他の mime タイプとして展開する似たようなメソッドを提供しています。詳細は {{anch("Body")}} の節をご覧ください。</p> </div> -<p>Fetch リクエストは、検索したリソースからの指示よりも <a href="https://developer.mozilla.org/ja/docs/Security/CSP/CSP_policy_directives">Content Security Policy</a> の <code>connect-src</code> ディレクティブによって制御されます。</p> +<p>Fetch リクエストは、検索したリソースからの指示よりも <a href="/ja/docs/Security/CSP/CSP_policy_directives">Content Security Policy</a> の <code>connect-src</code> ディレクティブによって制御されます。</p> <h3 id="Supplying_request_options" name="Supplying_request_options">リクエストにオプションを適用する</h3> diff --git a/files/ja/web/api/file/lastmodifieddate/index.html b/files/ja/web/api/file/lastmodifieddate/index.html index c58c72cc49..2bae6e492c 100644 --- a/files/ja/web/api/file/lastmodifieddate/index.html +++ b/files/ja/web/api/file/lastmodifieddate/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/File/lastModifiedDate <h3 id="値">値</h3> -<p>ファイルが最後に変更された日時を示す <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a></code> オブジェクトです。</p> +<p>ファイルが最後に変更された日時を示す <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a></code> オブジェクトです。</p> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/web/api/file/webkitrelativepath/index.html b/files/ja/web/api/file/webkitrelativepath/index.html index 9953f2311c..fffef9b4d3 100644 --- a/files/ja/web/api/file/webkitrelativepath/index.html +++ b/files/ja/web/api/file/webkitrelativepath/index.html @@ -82,7 +82,7 @@ translation_of: Web/API/File/webkitRelativePath <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> <li>{{domxref("HTMLInputElement.webkitEntries")}}</li> <li>{{domxref("HTMLInputElement.webkitdirectory")}}</li> </ul> diff --git a/files/ja/web/api/file_and_directory_entries_api/index.html b/files/ja/web/api/file_and_directory_entries_api/index.html index 2fbd94322c..dc3d377e39 100644 --- a/files/ja/web/api/file_and_directory_entries_api/index.html +++ b/files/ja/web/api/file_and_directory_entries_api/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/File_and_Directory_Entries_API <p>Two very similar APIs exist depending on whether you desire asynchronous or synchronous behavior. The synchronous API is indended to be used inside a {{domxref("Worker")}} and will return the values you desire. The asynchronous API will not block and functions and the API will not return values; instead, you will need to supply a callback function to handle the response whenever it arrives.</p> <div class="warning"> -<p>The Firefox implementation of the File and Directory Entries API is very limited; there is no support for creating files. Only for accessing files which are selected by the user in a file {{HTMLElement("input")}} element (see {{domxref("HTMLInputElement")}} as well) or when a file or directory is provided to the Web site or app using <a href="/en-US/docs/Web/API/HTML_Drag_and_Drop_API">drag and drop</a>. Firefox also does not implement the synchronous API. Check the browser compatibility for any part of the API you use carefully, and see <a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox</a> for more details.</p> +<p>The Firefox implementation of the File and Directory Entries API is very limited; there is no support for creating files. Only for accessing files which are selected by the user in a file {{HTMLElement("input")}} element (see {{domxref("HTMLInputElement")}} as well) or when a file or directory is provided to the Web site or app using <a href="/ja/docs/Web/API/HTML_Drag_and_Drop_API">drag and drop</a>. Firefox also does not implement the synchronous API. Check the browser compatibility for any part of the API you use carefully, and see <a href="/ja/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox</a> for more details.</p> </div> <h2 id="Getting_access_to_a_file_system">Getting access to a file system</h2> @@ -52,7 +52,7 @@ translation_of: Web/API/File_and_Directory_Entries_API <dt>{{domxref("FileSystemDirectoryReader")}}</dt> <dd>Created by calling {{domxref("FileSystemDirectoryEntry.createReader()")}}, this interface provides the functionality which lets you read the contents of a directory.</dd> <dt>{{domxref("FileSystemFlags")}}</dt> - <dd>Defines a set of values which are used when specifying option flags when calling certain methods in the <a href="https://developer.mozilla.org/en-US/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a>.</dd> + <dd>Defines a set of values which are used when specifying option flags when calling certain methods in the <a href="/ja/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a>.</dd> <dt>{{DOMxRef("FileError")}} {{Obsolete_Inline}}</dt> <dd>Represents an error which is generated by asynchronous file system calls.</dd> </dl> @@ -134,6 +134,6 @@ translation_of: Web/API/File_and_Directory_Entries_API <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introduction to the File and Directory Entries API</a></li> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introduction to the File and Directory Entries API</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API/Firefox_support">File and Directory Entries API support in Firefox</a></li> </ul> diff --git a/files/ja/web/api/file_and_directory_entries_api/introduction/index.html b/files/ja/web/api/file_and_directory_entries_api/introduction/index.html index 393a110756..9e0cda7c4e 100644 --- a/files/ja/web/api/file_and_directory_entries_api/introduction/index.html +++ b/files/ja/web/api/file_and_directory_entries_api/introduction/index.html @@ -16,7 +16,7 @@ translation_of: Web/API/File_and_Directory_Entries_API/Introduction --- <div>{{DefaultAPISidebar("File System API")}}{{Non-standard_header}}</div> -<p><span class="seoSummary"><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API">ファイルとディレクトリエントリ API</a> は、ウェブアプリケーションがナビゲートできるローカルファイルシステムをシミュレートします。サンドボックス化された仮想ファイルシステムでファイルやディレクトリの読み取り、書き込み、作成ができるアプリを開発できます。</span></p> +<p><span class="seoSummary"><a href="/ja/docs/Web/API/File_and_Directory_Entries_API">ファイルとディレクトリエントリ API</a> は、ウェブアプリケーションがナビゲートできるローカルファイルシステムをシミュレートします。サンドボックス化された仮想ファイルシステムでファイルやディレクトリの読み取り、書き込み、作成ができるアプリを開発できます。</span></p> <p>ファイルおよびディレクトリエントリ API は、他の関連 API と相互作用します。 これは File Writer API 上に構築され、 File API 上に構築されています。 各 API は異なる機能を追加します。 これらの API は、大量のデータをキャッシュして処理することができるウェブアプリケーションの巨大な進歩的な飛躍です。</p> @@ -242,6 +242,6 @@ translation_of: Web/API/File_and_Directory_Entries_API/Introduction <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> <li><a class="external" href="http://www.html5rocks.com/en/tutorials/file/filesystem/">Exploring the FileSystem APIs</a> (HTML5 Rocks)</li> </ul> diff --git a/files/ja/web/api/file_handle_api/index.html b/files/ja/web/api/file_handle_api/index.html index 6dd05a2578..b1538e660a 100644 --- a/files/ja/web/api/file_handle_api/index.html +++ b/files/ja/web/api/file_handle_api/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/File_Handle_API --- <p>{{non-standard_header}}</p> -<p>FileHandle API は、ファイルの作成や内容の変更など、ファイルを操作するための API です (<a href="/docs/DOM/File" title="DOM/File">File API</a> とは異なります)。この API を通じたファイル操作は、デバイス上に物理的に格納でき、部分的な編集には、競合問題を避けるためにターンベースのロック機構が使用されています。</p> +<p>FileHandle API は、ファイルの作成や内容の変更など、ファイルを操作するための API です (<a href="/ja/docs/DOM/File" title="DOM/File">File API</a> とは異なります)。この API を通じたファイル操作は、デバイス上に物理的に格納でき、部分的な編集には、競合問題を避けるためにターンベースのロック機構が使用されています。</p> <h2 id="API_概観">API 概観</h2> @@ -30,7 +30,7 @@ translation_of: Web/API/File_Handle_API <h3 id="FileHandle_インスタンスの作成">FileHandle インスタンスの作成</h3> -<p>このインテントは IndexedDB を通じてファイルを保存しているため、{{domxref("FileHandle")}} インスタンスを作成するのに <a href="/docs/IndexedDB/IDBFactory#open" title="IndexedDB/IDBFactory#open">IndexedDB Database</a> が必要です。</p> +<p>このインテントは IndexedDB を通じてファイルを保存しているため、{{domxref("FileHandle")}} インスタンスを作成するのに <a href="/ja/docs/IndexedDB/IDBFactory#open" title="IndexedDB/IDBFactory#open">IndexedDB Database</a> が必要です。</p> <div style="overflow: hidden;"> <pre class="brush: js">var IDBReq = indexedDB.open("myFileStorageDataBase"); diff --git a/files/ja/web/api/fileerror/index.html b/files/ja/web/api/fileerror/index.html index a54d750c9a..07e4aa7651 100644 --- a/files/ja/web/api/fileerror/index.html +++ b/files/ja/web/api/fileerror/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/FileError <p><strong>メモ:</strong> このインターフェイスは、最新の仕様では廃止されています。代わりに新しい DOM4 {{domxref("DOMError")}} インターフェイスを使用してください。</p> </div> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/File_System_API/Introduction">File System API</a> では、<code>FileError</code> は非同期 API を使用してファイルシステムにアクセスする際に発生する可能性があるエラーの状態を表します。<a class="external external-icon" href="http://dev.w3.org/2009/dap/file-system/pub/FileSystem/#bib-FILE-WRITER">File Writer</a> で説明されている <code>FileError</code> インターフェイスを拡張し、いくつかの新しいエラーコードを追加します。</p> +<p><a href="/ja/docs/Web/API/File_System_API/Introduction">File System API</a> では、<code>FileError</code> は非同期 API を使用してファイルシステムにアクセスする際に発生する可能性があるエラーの状態を表します。<a class="external external-icon" href="http://dev.w3.org/2009/dap/file-system/pub/FileSystem/#bib-FILE-WRITER">File Writer</a> で説明されている <code>FileError</code> インターフェイスを拡張し、いくつかの新しいエラーコードを追加します。</p> <p><code>FileError</code> オブジェクトはエラーコールバックに渡されます。オブジェクトには、発生したエラーの種類を示すコードがあります。</p> @@ -133,7 +133,7 @@ translation_of: Web/API/FileError <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/File_System_API/Introduction">Basic Concepts About the File System API</a></li> + <li><a href="/ja/docs/Web/API/File_System_API/Introduction">Basic Concepts About the File System API</a></li> <li>{{domxref("FileReader")}}</li> <li>{{domxref("File")}}</li> <li>{{domxref("Blob")}}</li> diff --git a/files/ja/web/api/fileexception/index.html b/files/ja/web/api/fileexception/index.html index 0b1486bf7e..187365d422 100644 --- a/files/ja/web/api/fileexception/index.html +++ b/files/ja/web/api/fileexception/index.html @@ -138,6 +138,6 @@ var fileEntry = fs.root.getFile('log.txt', {create: true, exclusive:true}0; <p>仕様: {{spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD")}}</p> -<p>リファレンス: <a href="/en-US/docs/DOM/File_API/File_System_API" title="DOM/File_API/File_System_API">File System API</a></p> +<p>リファレンス: <a href="/ja/docs/DOM/File_API/File_System_API" title="DOM/File_API/File_System_API">File System API</a></p> -<p>イントロダクション: <a href="/en-US/docs/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>イントロダクション: <a href="/ja/docs/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/filereader/onabort/index.html b/files/ja/web/api/filereader/onabort/index.html index 7c2c2d0d0a..594a867ef5 100644 --- a/files/ja/web/api/filereader/onabort/index.html +++ b/files/ja/web/api/filereader/onabort/index.html @@ -9,7 +9,7 @@ tags: - Reference translation_of: Web/API/FileReader/onabort --- -<p><strong><code>FileReader.onabort</code></strong> プロパティには、<code><a href="/en-US/docs/Web/Events/abort">abort</a></code> イベントが発生したとき、つまりファイルの読み取り処理が中止されたときに実行されるイベント ハンドラが含まれています。</p> +<p><strong><code>FileReader.onabort</code></strong> プロパティには、<code><a href="/ja/docs/Web/Events/abort">abort</a></code> イベントが発生したとき、つまりファイルの読み取り処理が中止されたときに実行されるイベント ハンドラが含まれています。</p> <h2 id="シンタックス">シンタックス</h2> diff --git a/files/ja/web/api/filereader/onerror/index.html b/files/ja/web/api/filereader/onerror/index.html index 27b1cafbfa..77ee74e4c9 100644 --- a/files/ja/web/api/filereader/onerror/index.html +++ b/files/ja/web/api/filereader/onerror/index.html @@ -3,7 +3,7 @@ title: onerror slug: Web/API/FileReader/onerror translation_of: Web/API/FileReader/onerror --- -<p><a href="/en-US/docs/Web/API/FileReader">FileReader</a> の onerror ハンドラは、Error オブジェクトではなく Event オブジェクトをパラメータとして受け取りますが、エラーは FileReader オブジェクトから <code><a href="/en-US/docs/Web/API/FileReader/error">instanceOfFileReader.error</a></code> のようにアクセスすることができます。</p> +<p><a href="/ja/docs/Web/API/FileReader">FileReader</a> の onerror ハンドラは、Error オブジェクトではなく Event オブジェクトをパラメータとして受け取りますが、エラーは FileReader オブジェクトから <code><a href="/ja/docs/Web/API/FileReader/error">instanceOfFileReader.error</a></code> のようにアクセスすることができます。</p> <pre class="brush:js; line-numbers language-js notranslate"><code class="language-js"><span class="comment token">// </span></code><input type="file" onchange="onChange(event)"> からのコールバック<code class="language-js"> <span class="keyword token">function</span> <span class="function token">onChange</span><span class="punctuation token">(</span>event<span class="punctuation token">)</span> <span class="punctuation token">{</span> diff --git a/files/ja/web/api/filereader/readasdataurl/index.html b/files/ja/web/api/filereader/readasdataurl/index.html index 0c0bde9dfe..4c537dcafe 100644 --- a/files/ja/web/api/filereader/readasdataurl/index.html +++ b/files/ja/web/api/filereader/readasdataurl/index.html @@ -96,7 +96,7 @@ translation_of: Web/API/FileReader/readAsDataURL }</pre> -<div class="note"><strong>メモ:</strong> Internet Explorer 10 以前では <a href="/en-US/docs/Web/API/FileReader"><code>FileReader()</code></a> コンストラクターに対応していません。十分な互換性が必要とされるときは <a class="internal" href="https://mdn.mozillademos.org/files/3699/crossbrowser_image_preview.html" title="crossbrowser_image_preview.html">crossbrowser possible solution for image preview</a> または <a href="https://mdn.mozillademos.org/files/3698/image_upload_preview.html">this more powerful example</a> を参照してください。</div> +<div class="note"><strong>メモ:</strong> Internet Explorer 10 以前では <a href="/ja/docs/Web/API/FileReader"><code>FileReader()</code></a> コンストラクターに対応していません。十分な互換性が必要とされるときは <a class="internal" href="https://mdn.mozillademos.org/files/3699/crossbrowser_image_preview.html" title="crossbrowser_image_preview.html">crossbrowser possible solution for image preview</a> または <a href="https://mdn.mozillademos.org/files/3698/image_upload_preview.html">this more powerful example</a> を参照してください。</div> <h2 id="Specifications" name="Specifications">仕様</h2> diff --git a/files/ja/web/api/filesystementrysync/index.html b/files/ja/web/api/filesystementrysync/index.html index 2a77b88535..a673fac09d 100644 --- a/files/ja/web/api/filesystementrysync/index.html +++ b/files/ja/web/api/filesystementrysync/index.html @@ -25,7 +25,7 @@ translation_of: Web/API/FileSystemEntrySync <h2 id="basic" name="basic">基本のコンセプト</h2> -<p><code>FileSystemEntrySync</code> インターフェイスには、ファイルやディレクトリの操作に必要なメソッドが含まれていますが、<code><a href="https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntrySync$translate?tolocale=ja#toURL">toURL()</a></code>というエントリの URL を取得するための便利なメソッドもあります。 また新しい URL スキーム <code>filesystem:</code> を紹介します。</p> +<p><code>FileSystemEntrySync</code> インターフェイスには、ファイルやディレクトリの操作に必要なメソッドが含まれていますが、<code><a href="/ja/docs/Web/API/FileSystemEntrySync$translate?tolocale=ja#toURL">toURL()</a></code>というエントリの URL を取得するための便利なメソッドもあります。 また新しい URL スキーム <code>filesystem:</code> を紹介します。</p> <p>Google Chromeで <code>filesystem:</code> スキームを使用すると、アプリのルートに保存されているすべてのファイルとフォルダを表示できます。 アプリの起源のルートディレクトリに <code>filesystem:</code> スキームを使用するだけです。たとえば、アプリが <code><a class="external external-icon" href="http://ww.html5rocks.com" rel="freelink">http://ww.html5rocks.com</a></code> にある場合は、 <code>filesystem:<a class="external external-icon" href="http://www.html5rocks.com/temporary/" rel="freelink">http://www.html5rocks.com/temporary/</a></code> をタブで開きます。Chrome は、アプリのオリジンに保存されているすべてのファイルとフォルダの読み取り専用リストを表示します。</p> @@ -34,19 +34,19 @@ translation_of: Web/API/FileSystemEntrySync <table class="standard-table"> <tbody> <tr> - <td><code>Metadata <a href="#getMetada" title="#getMetada">getMetadata</a> () raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>Metadata <a href="#getMetada" title="#getMetada">getMetadata</a> () raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> - <td><code>FileSystemEntrySync <a href="#moveTo" title="#moveTo">moveTo</a> (in <a href="/en/DOM/File_API/File_System_API/DirectoryEntrySync" title="en/DOM/File_API/File_System_API/DirectoryEntrySync">DirectoryEntrySync</a> <em>parent</em>, optional DOMString <em>newName</em>) raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>FileSystemEntrySync <a href="#moveTo" title="#moveTo">moveTo</a> (in <a href="/ja/DOM/File_API/File_System_API/DirectoryEntrySync" title="en/DOM/File_API/File_System_API/DirectoryEntrySync">DirectoryEntrySync</a> <em>parent</em>, optional DOMString <em>newName</em>) raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> - <td><code>FileSystemEntrySync <a href="#copyTo" title="#copyTo">copyTo</a>(in <a href="/en/DOM/File_API/File_System_API/DirectoryEntrySync" title="en/DOM/File_API/File_System_API/DirectoryEntrySync">DirectoryEntrySync</a> <em>parent</em>, optional DOMString <em>newName</em>) raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>FileSystemEntrySync <a href="#copyTo" title="#copyTo">copyTo</a>(in <a href="/ja/DOM/File_API/File_System_API/DirectoryEntrySync" title="en/DOM/File_API/File_System_API/DirectoryEntrySync">DirectoryEntrySync</a> <em>parent</em>, optional DOMString <em>newName</em>) raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> <td><code>DOMString <a href="#toURL" title="#toURL">toURL</a>();</code></td> </tr> <tr> - <td><code>void <a href="#remove" title="#remove">remove</a>() raises (<a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> + <td><code>void <a href="#remove" title="#remove">remove</a>() raises (<a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>);</code></td> </tr> <tr> <td><code>DirectoryEntrySync <a href="#getParent" title="#getParent">getParent</a>();</code></td> @@ -104,7 +104,7 @@ translation_of: Web/API/FileSystemEntrySync <p>このエントリに関するメタデータを検索します。 [ todo: どのような種類のメタデータを指定するか]</p> <pre>Metadata getMetada () - raises <code>(<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>)</code>;</pre> + raises <code>(<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>)</code>;</pre> <h5 id="引数">引数</h5> @@ -158,7 +158,7 @@ translation_of: Web/API/FileSystemEntrySync <pre>FileSystemEntrySync moveTo ( in DirectoryEntrySync <em>parent</em>, optional DOMString <em>newName</em> -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="引数_2">引数</h5> @@ -220,7 +220,7 @@ translation_of: Web/API/FileSystemEntrySync <pre>void copyTo ( in DirectoryEntrySync <em>parent</em>, optional DOMString <em>newName</em> -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="引数_3">引数</h5> @@ -312,7 +312,7 @@ translation_of: Web/API/FileSystemEntrySync <p>ファイルまたはディレクトリを削除します。 空のディレクトリやファイルシステムのルートディレクトリは削除できません。 空のディレクトリを削除する場合は、代わりに <a href="/ja/docs/Web/API/DirectoryEntrySync#removeRecursively()" rel="internal" title="https://developer.mozilla.org/en/DOM/File_API/File_System_API/DirectoryEntrySync#removeRecursively()"><code>removeRecursively()</code></a> を使用してください。</p> <pre>void remove ( -) raises (<a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> +) raises (<a href="/ja/DOM/File_API/File_System_API/FileException">FileException</a>);</pre> <h5 id="引数_5">引数</h5> @@ -382,6 +382,6 @@ translation_of: Web/API/FileSystemEntrySync <p>仕様:{{ spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD") }}</p> -<p>リファレンス: <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> +<p>リファレンス: <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> -<p>イントロダクション: <a href="/en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>イントロダクション: <a href="/ja/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/filesystemfileentry/index.html b/files/ja/web/api/filesystemfileentry/index.html index 09b6950748..7cb09ee42c 100644 --- a/files/ja/web/api/filesystemfileentry/index.html +++ b/files/ja/web/api/filesystemfileentry/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/FileSystemFileEntry --- <div>{{APIRef("File System API")}}{{SeeCompatTable}}</div> -<p><a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a> の <strong><code>FileSystemFileEntry</code></strong> インターフェイスは、ファイルシステム内のファイルを表します。<br> +<p><a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a> の <strong><code>FileSystemFileEntry</code></strong> インターフェイスは、ファイルシステム内のファイルを表します。<br> このファイルには、ファイルの属性と、ファイルを読むために使用可能な {{domxref("File")}} オブジェクトを作成する {{domxref("FileSystemFileEntry.file", "file()")}} メソッドも含まれます。</p> <h2 id="プロパティ" style="line-height: 30px; font-size: 2.14285714285714rem;">プロパティ</h2> @@ -96,6 +96,6 @@ window.requestFileSystem(window.TEMPORARY, 1024*1024, onInitFs, errorHandler);</ <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> - <li><a href="/en-US/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introduction to the File System API</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API">File and Directory Entries API</a></li> + <li><a href="/ja/docs/Web/API/File_and_Directory_Entries_API/Introduction">Introduction to the File System API</a></li> </ul> diff --git a/files/ja/web/api/filesystemsync/index.html b/files/ja/web/api/filesystemsync/index.html index c995e3655b..2d12046dfe 100644 --- a/files/ja/web/api/filesystemsync/index.html +++ b/files/ja/web/api/filesystemsync/index.html @@ -58,6 +58,6 @@ translation_of: Web/API/FileSystemSync <p>仕様:{{ spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD") }}</p> -<p>リファレンス: <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> +<p>リファレンス: <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> -<p>イントロダクション: <a href="/en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>イントロダクション: <a href="/ja/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/formdata/append/index.html b/files/ja/web/api/formdata/append/index.html index 1eda622273..253ec34e4d 100644 --- a/files/ja/web/api/formdata/append/index.html +++ b/files/ja/web/api/formdata/append/index.html @@ -93,7 +93,7 @@ formData.getAll('name'); // ["true", "74", "John"] <ul> <li>{{domxref("XMLHTTPRequest")}}</li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> <li>{{HTMLElement("Form")}}</li> </ul> diff --git a/files/ja/web/api/formdata/entries/index.html b/files/ja/web/api/formdata/entries/index.html index 9e9369f4a1..4b899ef581 100644 --- a/files/ja/web/api/formdata/entries/index.html +++ b/files/ja/web/api/formdata/entries/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/FormData/entries <p><code><strong>FormData.entries()</strong></code> メソッドは、 {{jsxref("Iteration_protocols",'iterator')}} を返し、このオブジェクトに含まれる全ての キー/バリュー ペアを通過できるようにします。 各ペアのキーは {{domxref("USVString")}} オブジェクトで、 {{domxref("USVString")}} 、または {{domxref("Blob")}} のいずれかの値。</p> <div class="note"> -<p><strong>Note</strong>: このメソッドは <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> +<p><strong>Note</strong>: このメソッドは <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> </div> <h2 id="構文">構文</h2> @@ -71,7 +71,7 @@ key2, value2</pre> <ul> <li>{{domxref("XMLHTTPRequest")}}</li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> <li>{{HTMLElement("Form")}}</li> </ul> diff --git a/files/ja/web/api/formdata/formdata/index.html b/files/ja/web/api/formdata/formdata/index.html index 04c74264b2..e2811babfc 100644 --- a/files/ja/web/api/formdata/formdata/index.html +++ b/files/ja/web/api/formdata/formdata/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/FormData/FormData <p><code><strong>FormData()</strong></code> コンストラクターは、新しい {{domxref("FormData")}} オブジェクトを生成します。</p> <div class="note"> -<p><strong>Note</strong>: このメソッドは <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> +<p><strong>Note</strong>: このメソッドは <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> </div> <h2 id="構文">構文</h2> @@ -93,7 +93,7 @@ let formData = new FormData(myForm);</pre> <ul> <li>{{domxref("XMLHTTPRequest")}}</li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> <li>{{HTMLElement("Form")}}</li> </ul> diff --git a/files/ja/web/api/formdata/keys/index.html b/files/ja/web/api/formdata/keys/index.html index 0e9fd69673..534af4333c 100644 --- a/files/ja/web/api/formdata/keys/index.html +++ b/files/ja/web/api/formdata/keys/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/FormData/keys <p><code><strong>FormData.keys()</strong></code> メソッドは、 {{jsxref("Iteration_protocols",'iterator')}} を返し、このオブジェクトに含まれる全てのキーを通過できるようにします。キーは {{domxref("USVString")}} オブジェクトです。</p> <div class="note"> -<p><strong>Note</strong>: このメソッドは <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> +<p><strong>Note</strong>: このメソッドは <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> </div> <h2 id="構文">構文</h2> @@ -71,7 +71,7 @@ key2</pre> <ul> <li>{{domxref("XMLHTTPRequest")}}</li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> <li>{{HTMLElement("Form")}}</li> </ul> diff --git a/files/ja/web/api/formdata/values/index.html b/files/ja/web/api/formdata/values/index.html index 6f2ffd1dce..57373586b4 100644 --- a/files/ja/web/api/formdata/values/index.html +++ b/files/ja/web/api/formdata/values/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/FormData/values <p><code><strong>FormData.values()</strong></code> メソッドは {{jsxref("Iteration_protocols",'iterator')}} を返し、このオブジェクトに含まれる全ての値を通過できるようにします。値は {{domxref("USVString")}} または {{domxref("Blob")}} オブジェクトです。</p> <div class="note"> -<p><strong>Note</strong>: このメソッドは <a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> +<p><strong>Note</strong>: このメソッドは <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> </div> <h2 id="構文">構文</h2> @@ -71,7 +71,7 @@ value2</pre> <ul> <li>{{domxref("XMLHTTPRequest")}}</li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> - <li><a href="/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects" title="DOM/XMLHttpRequest/FormData/Using_FormData_objects">Using FormData objects</a></li> <li>{{HTMLElement("Form")}}</li> </ul> diff --git a/files/ja/web/api/frame_timing_api/index.html b/files/ja/web/api/frame_timing_api/index.html index 7f2a31ec71..abf14b743d 100644 --- a/files/ja/web/api/frame_timing_api/index.html +++ b/files/ja/web/api/frame_timing_api/index.html @@ -51,6 +51,6 @@ translation_of: Web/API/Frame_Timing_API <h2 id="See_also">See also</h2> <ul> - <li><a href="/docs/Tools/Performance/Frame_rate">Frame Rate (Firefox Performance Tool)</a></li> + <li><a href="/ja/docs/Tools/Performance/Frame_rate">Frame Rate (Firefox Performance Tool)</a></li> <li><a href="/Web/API/Frame_Timing_API/Using_the_Frame_Timing_API">Using the Frame Timing API</a></li> </ul> diff --git a/files/ja/web/api/frame_timing_api/using_the_frame_timing_api/index.html b/files/ja/web/api/frame_timing_api/using_the_frame_timing_api/index.html index fa1be473f4..ae5be9ee24 100644 --- a/files/ja/web/api/frame_timing_api/using_the_frame_timing_api/index.html +++ b/files/ja/web/api/frame_timing_api/using_the_frame_timing_api/index.html @@ -119,11 +119,11 @@ observe_frame.observe({entryTypes: ['frame']}); <h3 id="Firefox_performance_tool">Firefox performance tool</h3> -<p>Firefox's performance tool allows the developer to <em>record</em> a piece of the user's interaction and the data obtained during the recording is used to create a <em>profile</em> of the browser's activity. The profile includes a <em><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Waterfall">waterfall</a></em> of the activity such as event handling, layout, painting, scripting, etc.</p> +<p>Firefox's performance tool allows the developer to <em>record</em> a piece of the user's interaction and the data obtained during the recording is used to create a <em>profile</em> of the browser's activity. The profile includes a <em><a href="/ja/docs/Tools/Performance/Waterfall">waterfall</a></em> of the activity such as event handling, layout, painting, scripting, etc.</p> -<p>Firefox's performance tool also includes a <em><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Frame_rate">frame rate graph</a></em> which provides timestamps for each frame including the average frame rate and the minimum and maximum rates (for a specific recording session). This data, along with the waterfall data, gives an indication of where a site might be having frame related performance problems (for example, by correlating the recording's minimum rates with their respective waterfall events).</p> +<p>Firefox's performance tool also includes a <em><a href="/ja/docs/Tools/Performance/Frame_rate">frame rate graph</a></em> which provides timestamps for each frame including the average frame rate and the minimum and maximum rates (for a specific recording session). This data, along with the waterfall data, gives an indication of where a site might be having frame related performance problems (for example, by correlating the recording's minimum rates with their respective waterfall events).</p> -<p>The performance tool's <em><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Flame_Chart">flame chart</a></em> and <em><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Call_Tree">call tree</a></em> tabs provide data to help analyze the site's JavaScript usage. The call tree shows where the application is spending most of its time, whereas the flame chart shows the state of the JavaScript stack for the code at every millisecond during the performance profile. This provides a way to know exactly which function was executing at any point during the recording, how long it ran, and where it was called from.</p> +<p>The performance tool's <em><a href="/ja/docs/Tools/Performance/Flame_Chart">flame chart</a></em> and <em><a href="/ja/docs/Tools/Performance/Call_Tree">call tree</a></em> tabs provide data to help analyze the site's JavaScript usage. The call tree shows where the application is spending most of its time, whereas the flame chart shows the state of the JavaScript stack for the code at every millisecond during the performance profile. This provides a way to know exactly which function was executing at any point during the recording, how long it ran, and where it was called from.</p> <h3 id="Chrome_performance_tool">Chrome performance tool</h3> @@ -132,6 +132,6 @@ observe_frame.observe({entryTypes: ['frame']}); <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="/docs/Tools/Performance/Frame_rate">Frame Rate (Firefox Performance Tool)</a></li> + <li><a href="/ja/docs/Tools/Performance/Frame_rate">Frame Rate (Firefox Performance Tool)</a></li> <li><a href="https://w3c.github.io/frame-timing/">Frame Timing</a>; W3C Editor's Draft</li> </ul> diff --git a/files/ja/web/api/gamepad/axes/index.html b/files/ja/web/api/gamepad/axes/index.html index 12c5e43863..c1cb9827e4 100644 --- a/files/ja/web/api/gamepad/axes/index.html +++ b/files/ja/web/api/gamepad/axes/index.html @@ -76,4 +76,4 @@ translation_of: Web/API/Gamepad/axes <h2 id="参照">参照</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> diff --git a/files/ja/web/api/gamepad/buttons/index.html b/files/ja/web/api/gamepad/buttons/index.html index d9f847ba44..d335b132b6 100644 --- a/files/ja/web/api/gamepad/buttons/index.html +++ b/files/ja/web/api/gamepad/buttons/index.html @@ -95,4 +95,4 @@ translation_of: Web/API/Gamepad/buttons <h2 id="参照">参照</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> diff --git a/files/ja/web/api/gamepad/connected/index.html b/files/ja/web/api/gamepad/connected/index.html index df4ef22e8d..d614c6ebf4 100644 --- a/files/ja/web/api/gamepad/connected/index.html +++ b/files/ja/web/api/gamepad/connected/index.html @@ -54,4 +54,4 @@ console.log(gp.connected);</pre> <h2 id="参照">参照</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API を利用する</a></p> diff --git a/files/ja/web/api/gamepad/displayid/index.html b/files/ja/web/api/gamepad/displayid/index.html index 05b4ef212a..c042964ee0 100644 --- a/files/ja/web/api/gamepad/displayid/index.html +++ b/files/ja/web/api/gamepad/displayid/index.html @@ -59,6 +59,6 @@ translation_of: Web/API/Gamepad/displayId <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/gamepad/hand/index.html b/files/ja/web/api/gamepad/hand/index.html index 605d0dbe66..195359d877 100644 --- a/files/ja/web/api/gamepad/hand/index.html +++ b/files/ja/web/api/gamepad/hand/index.html @@ -57,5 +57,5 @@ translation_of: Web/API/Gamepad/hand <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepad/hapticactuators/index.html b/files/ja/web/api/gamepad/hapticactuators/index.html index f02b29bb70..e52accfb20 100644 --- a/files/ja/web/api/gamepad/hapticactuators/index.html +++ b/files/ja/web/api/gamepad/hapticactuators/index.html @@ -51,5 +51,5 @@ translation_of: Web/API/Gamepad/hapticActuators <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepad/id/index.html b/files/ja/web/api/gamepad/id/index.html index 5a90c6a4fa..76332829f4 100644 --- a/files/ja/web/api/gamepad/id/index.html +++ b/files/ja/web/api/gamepad/id/index.html @@ -65,4 +65,4 @@ translation_of: Web/API/Gamepad/id <h2 id="参照">参照</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> diff --git a/files/ja/web/api/gamepad/index.html b/files/ja/web/api/gamepad/index.html index ba042a97fc..1621300235 100644 --- a/files/ja/web/api/gamepad/index.html +++ b/files/ja/web/api/gamepad/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/Gamepad --- <div>{{APIRef("Gamepad API")}}</div> -<p><a href="/docs/Web/API/Gamepad_API">Gamepad API</a> の <strong><code>Gamepad</code></strong> インターフェースはそれぞれのゲームパッドやその他のコントローラーを定義し、ボタンのプッシュや軸位置やIDといった情報にアクセスできるようにします。</p> +<p><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> の <strong><code>Gamepad</code></strong> インターフェースはそれぞれのゲームパッドやその他のコントローラーを定義し、ボタンのプッシュや軸位置やIDといった情報にアクセスできるようにします。</p> <p>Gamepad オブジェクトは２つのうちのどちらかの方法で取得できます : <span class="tlid-translation translation"><span title="">Gamepadオブジェクトは、</span></span>{{event("gamepadconnected")}} <span class="tlid-translation translation"><span title="">イベントと </span></span>{{event("gamepaddisconnected")}} <span class="tlid-translation translation"><span title="">イベントの </span></span><code>gamepad</code><span class="tlid-translation translation"><span title=""> プロパティを使用する方法、</span></span>{{domxref("Navigator.getGamepads()")}} <span class="tlid-translation translation"><span title="">メソッドが返した配列内の任意の位置を取得する方法のいずれかで返すことができます。</span></span></p> @@ -97,6 +97,6 @@ translation_of: Web/API/Gamepad <h2 id="参照">参照</h2> <ul> - <li><a href="/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></li> - <li><a href="/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepad/mapping/index.html b/files/ja/web/api/gamepad/mapping/index.html index fdc4924aed..a9fadb2776 100644 --- a/files/ja/web/api/gamepad/mapping/index.html +++ b/files/ja/web/api/gamepad/mapping/index.html @@ -54,4 +54,4 @@ console.log(gp.mapping);</pre> <h2 id="関連項目">関連項目</h2> -<p><a href="/en-US/docs/Web/Guide/API/Gamepad">Using the Gamepad API</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Using the Gamepad API</a></p> diff --git a/files/ja/web/api/gamepad/pose/index.html b/files/ja/web/api/gamepad/pose/index.html index 267ae3d0ee..1aa481bb89 100644 --- a/files/ja/web/api/gamepad/pose/index.html +++ b/files/ja/web/api/gamepad/pose/index.html @@ -51,6 +51,6 @@ translation_of: Web/API/Gamepad/pose <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a></li> </ul> diff --git a/files/ja/web/api/gamepad_api/index.html b/files/ja/web/api/gamepad_api/index.html index ca782b6de0..54e2095bad 100644 --- a/files/ja/web/api/gamepad_api/index.html +++ b/files/ja/web/api/gamepad_api/index.html @@ -17,28 +17,28 @@ translation_of: Web/API/Gamepad_API <h2 id="Interfaces" name="Interfaces">インターフェイス</h2> <dl> - <dt><a href="/docs/Web/API/Gamepad" title="The Gamepad interface of the Gamepad API defines an individual gamepad or other controller, allowing access to information such as button presses, axis positions, and id."><code>Gamepad</code></a></dt> + <dt><a href="/ja/docs/Web/API/Gamepad" title="The Gamepad interface of the Gamepad API defines an individual gamepad or other controller, allowing access to information such as button presses, axis positions, and id."><code>Gamepad</code></a></dt> <dd>コンピュータに接続しているゲームパッド・コントローラーを表します。</dd> - <dt><a href="/docs/Web/API/GamepadButton" title="The GamepadButton interface defines an individual button of a gamepad or other controller, allowing access to the current state of different types of buttons available on the control device."><code>GamepadButton</code></a></dt> + <dt><a href="/ja/docs/Web/API/GamepadButton" title="The GamepadButton interface defines an individual button of a gamepad or other controller, allowing access to the current state of different types of buttons available on the control device."><code>GamepadButton</code></a></dt> <dd><span class="tlid-translation translation"><span title="">接続されているコントローラーのいずれかのボタンを表します。</span></span></dd> - <dt><a href="/docs/Web/API/GamepadEvent" title="The GamepadEvent interface of the Gamepad API contains references to gamepads connected to the system, which is what the gamepad events Window.gamepadconnected and Window.gamepaddisconnected are fired in response to."><code>GamepadEvent</code></a></dt> + <dt><a href="/ja/docs/Web/API/GamepadEvent" title="The GamepadEvent interface of the Gamepad API contains references to gamepads connected to the system, which is what the gamepad events Window.gamepadconnected and Window.gamepaddisconnected are fired in response to."><code>GamepadEvent</code></a></dt> <dd><span class="tlid-translation translation"><span title="">ゲームパッドに関連するイベントを表すイベントオブジェクトです。</span></span></dd> </dl> <h3 id="Gamepad_の実験的な拡張機能">Gamepad の実験的な拡張機能</h3> <dl> - <dt><a href="/docs/Web/API/GamepadHapticActuator" title="The GamepadHapticActuator interface of the Gamepad API represents hardware in the controller designed to provide haptic feedback to the user (if available), most commonly vibration hardware."><code>GamepadHapticActuator</code></a></dt> + <dt><a href="/ja/docs/Web/API/GamepadHapticActuator" title="The GamepadHapticActuator interface of the Gamepad API represents hardware in the controller designed to provide haptic feedback to the user (if available), most commonly vibration hardware."><code>GamepadHapticActuator</code></a></dt> <dd><span class="tlid-translation translation"><span title="">ユーザに触覚フィードバックを提供するように設計されたコントローラー内のハードウェア (使用可能な場合)、最も一般的には振動ハードウェアを表します。</span></span></dd> - <dt><a href="/docs/Web/API/GamepadPose" title="The GamepadPose interface of the Gamepad API represents the pose of a WebVR controller at a given timestamp (which includes orientation, position, velocity, and acceleration information.)"><code>GamepadPose</code></a></dt> + <dt><a href="/ja/docs/Web/API/GamepadPose" title="The GamepadPose interface of the Gamepad API represents the pose of a WebVR controller at a given timestamp (which includes orientation, position, velocity, and acceleration information.)"><code>GamepadPose</code></a></dt> <dd> <div class="text-wrap tlid-copy-target"> - <div class="result-shield-container tlid-copy-target"><a href="/docs/Web/API/WebVR_API">WebVR </a><span class="tlid-translation translation"><span title="">コントローラーの場合のコントローラーの姿勢 (3D 空間内の位置と向きなど) を表します。これはより新しい <a href="/docs/Web/API/WebXR_Device_API">WebXR</a> 標準では使用<em>されません。</em></span></span></div> + <div class="result-shield-container tlid-copy-target"><a href="/ja/docs/Web/API/WebVR_API">WebVR </a><span class="tlid-translation translation"><span title="">コントローラーの場合のコントローラーの姿勢 (3D 空間内の位置と向きなど) を表します。これはより新しい <a href="/ja/docs/Web/API/WebXR_Device_API">WebXR</a> 標準では使用<em>されません。</em></span></span></div> </div> </dd> </dl> -<p><span class="tlid-translation translation"><span title="">上記の情報にアクセスできる機能については、</span></span><a href="/docs/Web/API/Gamepad#Experimental_extensions_to_Gamepad">Gamepad インターフェースの拡張機能</a>を参照してください。</p> +<p><span class="tlid-translation translation"><span title="">上記の情報にアクセスできる機能については、</span></span><a href="/ja/docs/Web/API/Gamepad#Experimental_extensions_to_Gamepad">Gamepad インターフェースの拡張機能</a>を参照してください。</p> <h3 id="他のインターフェースの拡張">他のインターフェースの拡張</h3> @@ -61,8 +61,8 @@ translation_of: Web/API/Gamepad_API <h2 id="Tutorials_and_guides" name="Tutorials_and_guides">チュートリアルとガイド</h2> <ul> - <li><a href="https://developer.mozilla.org/docs/Web/API/Gamepad_API/Using_the_Gamepad_API">Gamepad API の利用</a></li> - <li><a href="/docs/Games/Techniques/Controls_Gamepad_API">Gamepad API を利用したコントロールの実装</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API/Using_the_Gamepad_API">Gamepad API の利用</a></li> + <li><a href="/ja/docs/Games/Techniques/Controls_Gamepad_API">Gamepad API を利用したコントロールの実装</a></li> </ul> <h2 id="Specifications" name="Specifications">仕様</h2> diff --git a/files/ja/web/api/gamepadbutton/index.html b/files/ja/web/api/gamepadbutton/index.html index e3d77c59c3..4cf39c47bc 100644 --- a/files/ja/web/api/gamepadbutton/index.html +++ b/files/ja/web/api/gamepadbutton/index.html @@ -89,4 +89,4 @@ translation_of: Web/API/GamepadButton <h2 id="関連項目">関連項目</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> diff --git a/files/ja/web/api/gamepadevent/index.html b/files/ja/web/api/gamepadevent/index.html index 7b53c17c45..232f8cd561 100644 --- a/files/ja/web/api/gamepadevent/index.html +++ b/files/ja/web/api/gamepadevent/index.html @@ -67,4 +67,4 @@ translation_of: Web/API/GamepadEvent <h2 id="参照">参照</h2> -<p><a href="/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> +<p><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></p> diff --git a/files/ja/web/api/gamepadhapticactuator/index.html b/files/ja/web/api/gamepadhapticactuator/index.html index 5aaf8b9865..ccf96299a3 100644 --- a/files/ja/web/api/gamepadhapticactuator/index.html +++ b/files/ja/web/api/gamepadhapticactuator/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/GamepadHapticActuator --- <div>{{APIRef("Gamepad API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> の <strong><code>GamepadHapticActuator</code></strong> インターフェイスは、ユーザーに触覚フィードバックを提供するように設計されたコントローラー内のハードウェア (可能な場合) を表し、最も一般的には振動ハードウェアです。</p> +<p><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> の <strong><code>GamepadHapticActuator</code></strong> インターフェイスは、ユーザーに触覚フィードバックを提供するように設計されたコントローラー内のハードウェア (可能な場合) を表し、最も一般的には振動ハードウェアです。</p> <p>このインターフェイスには、 {{domxref("Gamepad.hapticActuators")}} プロパティからアクセスできます。</p> @@ -61,5 +61,5 @@ translation_of: Web/API/GamepadHapticActuator <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepadhapticactuator/type/index.html b/files/ja/web/api/gamepadhapticactuator/type/index.html index 4ffc3a23ef..6899a54ce8 100644 --- a/files/ja/web/api/gamepadhapticactuator/type/index.html +++ b/files/ja/web/api/gamepadhapticactuator/type/index.html @@ -56,5 +56,5 @@ translation_of: Web/API/GamepadHapticActuator/type <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepadpose/hasorientation/index.html b/files/ja/web/api/gamepadpose/hasorientation/index.html index 3079ad7eab..9360ec241d 100644 --- a/files/ja/web/api/gamepadpose/hasorientation/index.html +++ b/files/ja/web/api/gamepadpose/hasorientation/index.html @@ -53,6 +53,6 @@ translation_of: Web/API/GamepadPose/hasOrientation <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a></li> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/gamepadpose/index.html b/files/ja/web/api/gamepadpose/index.html index 05f7350392..d08cf32c67 100644 --- a/files/ja/web/api/gamepadpose/index.html +++ b/files/ja/web/api/gamepadpose/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/GamepadPose --- <div>{{APIRef("Gamepad API")}}{{SeeCompatTable}}</div> -<p>The <strong><code>GamepadPose</code></strong> interface of the <a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> represents the pose of a <a href="/en-US/docs/Web/API/WebVR_API">WebVR</a> controller at a given timestamp (which includes orientation, position, velocity, and acceleration information.)</p> +<p>The <strong><code>GamepadPose</code></strong> interface of the <a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> represents the pose of a <a href="/ja/docs/Web/API/WebVR_API">WebVR</a> controller at a given timestamp (which includes orientation, position, velocity, and acceleration information.)</p> <p>This interface is accessible through the {{domxref("Gamepad.pose")}} property.</p> @@ -70,6 +70,6 @@ translation_of: Web/API/GamepadPose <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a></li> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/geolocation/watchposition/index.html b/files/ja/web/api/geolocation/watchposition/index.html index b3e383cf65..cb7f4b91a4 100644 --- a/files/ja/web/api/geolocation/watchposition/index.html +++ b/files/ja/web/api/geolocation/watchposition/index.html @@ -90,7 +90,7 @@ id = navigator.geolocation.watchPosition(success, error, options); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Geolocation_API/Using">Geolocation API の使用</a></li> + <li><a href="/ja/docs/Web/API/Geolocation_API/Using">Geolocation API の使用</a></li> <li>所属するインターフェイス {{domxref("Geolocation")}} と、アクセス方法である {{domxref("NavigatorGeolocation.geolocation")}}。</li> <li>逆の操作: {{domxref("Geolocation.clearWatch()")}}</li> <li>類似のメソッド: {{domxref("Geolocation.getCurrentPosition()")}}</li> diff --git a/files/ja/web/api/globaleventhandlers/onclose/index.html b/files/ja/web/api/globaleventhandlers/onclose/index.html index 8c0429e233..3d8a3e6a08 100644 --- a/files/ja/web/api/globaleventhandlers/onclose/index.html +++ b/files/ja/web/api/globaleventhandlers/onclose/index.html @@ -30,7 +30,7 @@ translation_of: Web/API/GlobalEventHandlers/onclose <h3 id="値">値</h3> -<p><code>functionRef</code> は、関数名または<a href="/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。この関数は、{{domxref("Event")}} オブジェクトを唯一の引数として受け取ります。</p> +<p><code>functionRef</code> は、関数名または<a href="/ja/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。この関数は、{{domxref("Event")}} オブジェクトを唯一の引数として受け取ります。</p> <p>一度に1つのオブジェクトに割り当てることができる <code>onclose</code> ハンドラーは1つだけです。代わりに、より柔軟性のある {{domxref("EventTarget.addEventListener()")}} メソッドを使用することをお勧めします。</p> diff --git a/files/ja/web/api/globaleventhandlers/onmousedown/index.html b/files/ja/web/api/globaleventhandlers/onmousedown/index.html index ec56405a60..bf143fc699 100644 --- a/files/ja/web/api/globaleventhandlers/onmousedown/index.html +++ b/files/ja/web/api/globaleventhandlers/onmousedown/index.html @@ -28,7 +28,7 @@ translation_of: Web/API/GlobalEventHandlers/onmousedown <h3 id="Value">値</h3> -<p><code>functionRef</code> は、関数名または<a href="/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。この関数は、唯一の引数として {{domxref("MouseEvent")}} オブジェクトを受け取ります。</p> +<p><code>functionRef</code> は、関数名または<a href="/ja/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。この関数は、唯一の引数として {{domxref("MouseEvent")}} オブジェクトを受け取ります。</p> <h2 id="Example">例</h2> diff --git a/files/ja/web/api/globaleventhandlers/onmouseenter/index.html b/files/ja/web/api/globaleventhandlers/onmouseenter/index.html index 5e78df7bfe..12014ca918 100644 --- a/files/ja/web/api/globaleventhandlers/onmouseenter/index.html +++ b/files/ja/web/api/globaleventhandlers/onmouseenter/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/GlobalEventHandlers/onmouseenter var <em>handlerFunction</em> = <em><var>element</var></em>.onmouseenter; </pre> -<p><code>handlerFunction</code> は、イベントのハンドラを指定する <code>null</code> または <a href="/docs/Web/JavaScript/Reference/Functions">JavaScript 関数</a> です。</p> +<p><code>handlerFunction</code> は、イベントのハンドラを指定する <code>null</code> または <a href="/ja/docs/Web/JavaScript/Reference/Functions">JavaScript 関数</a> です。</p> <h2 id="仕様">仕様</h2> @@ -50,5 +50,5 @@ var <em>handlerFunction</em> = <em><var>element</var></em>.onmouseenter; <ul> <li>{{event("mouseenter")}}</li> - <li><a href="/docs/Web/Guide/Events/Event_handlers">DOM onevent ハンドラー</a></li> + <li><a href="/ja/docs/Web/Guide/Events/Event_handlers">DOM onevent ハンドラー</a></li> </ul> diff --git a/files/ja/web/api/globaleventhandlers/onmouseleave/index.html b/files/ja/web/api/globaleventhandlers/onmouseleave/index.html index b6065b7161..437744245b 100644 --- a/files/ja/web/api/globaleventhandlers/onmouseleave/index.html +++ b/files/ja/web/api/globaleventhandlers/onmouseleave/index.html @@ -21,7 +21,7 @@ translation_of: Web/API/GlobalEventHandlers/onmouseleave var <em>handlerFunction</em> = <em><var>element</var></em>.onmouseleave; </pre> -<p><code>handlerFunction</code> は、イベントのハンドラを指定する <code>null</code> または <a href="/docs/Web/JavaScript/Reference/Functions">JavaScript 関数 </a> です。</p> +<p><code>handlerFunction</code> は、イベントのハンドラを指定する <code>null</code> または <a href="/ja/docs/Web/JavaScript/Reference/Functions">JavaScript 関数 </a> です。</p> <h2 id="仕様">仕様</h2> @@ -50,5 +50,5 @@ var <em>handlerFunction</em> = <em><var>element</var></em>.onmouseleave; <ul> <li>{{event("mouseleave")}}</li> - <li><a href="/docs/Web/Guide/Events/Event_handlers">DOM onevent ハンドラー</a></li> + <li><a href="/ja/docs/Web/Guide/Events/Event_handlers">DOM onevent ハンドラー</a></li> </ul> diff --git a/files/ja/web/api/globaleventhandlers/onmousemove/index.html b/files/ja/web/api/globaleventhandlers/onmousemove/index.html index 7a3e4a8764..c0fb8001ce 100644 --- a/files/ja/web/api/globaleventhandlers/onmousemove/index.html +++ b/files/ja/web/api/globaleventhandlers/onmousemove/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/GlobalEventHandlers/onmousemove <h3 id="値">値</h3> -<p><code>functionRef</code> は、関数名または<a href="/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。 この関数は、唯一の引数として {{domxref("MouseEvent")}} オブジェクトを受け取ります。</p> +<p><code>functionRef</code> は、関数名または<a href="/ja/docs/Web/JavaScript/Reference/Operators/function">関数式</a>です。 この関数は、唯一の引数として {{domxref("MouseEvent")}} オブジェクトを受け取ります。</p> <h2 id="例">例</h2> diff --git a/files/ja/web/api/headers/delete/index.html b/files/ja/web/api/headers/delete/index.html index 9f85c85af3..10ff2dc0f3 100644 --- a/files/ja/web/api/headers/delete/index.html +++ b/files/ja/web/api/headers/delete/index.html @@ -81,7 +81,7 @@ myHeaders.get('Content-Type'); // Returns null, as it has been deleted</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/headers/entries/index.html b/files/ja/web/api/headers/entries/index.html index 1899112dca..244cb3d1ab 100644 --- a/files/ja/web/api/headers/entries/index.html +++ b/files/ja/web/api/headers/entries/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/Headers/entries <p><code><strong>Headers.entries()</strong></code> メソッドは {{jsxref("Iteration_protocols",'iterator')}} を返し、このオブジェクトに含まれるすべてのキーと値のペアを通過できるようにします。各ペアのキーと値は両方とも {{domxref("ByteString")}} オブジェクトです。</p> <div class="注"> -<p><strong>Note</strong>: このメソッドは <a href="/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> +<p><strong>Note</strong>: このメソッドは <a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a> で使用できます。</p> </div> <h2 id="構文">構文</h2> @@ -48,7 +48,7 @@ vary: Accept-Language</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/headers/get/index.html b/files/ja/web/api/headers/get/index.html index cbb371c5f1..2287e335d6 100644 --- a/files/ja/web/api/headers/get/index.html +++ b/files/ja/web/api/headers/get/index.html @@ -83,7 +83,7 @@ myHeaders.get('Accept-Encoding'); // "deflate,gzip" を返します <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/headers/headers/index.html b/files/ja/web/api/headers/headers/index.html index 4321d44a03..36cb2db4b9 100644 --- a/files/ja/web/api/headers/headers/index.html +++ b/files/ja/web/api/headers/headers/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Headers/Headers <dl> <dt><code>init</code> {{optional_inline}}</dt> - <dd><code>Headers</code> に前もって設定したい <a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a> を含むオブジェクト。これは {{domxref("ByteString")}} を持つ単純なオブジェクトリテラルか、既存の <code>Headers</code> オブジェクトのどちらかです。最後の例では、新しい <code>Headers</code> オブジェクトは既存の <code>Headers</code> オブジェクトからデータを継承します。</dd> + <dd><code>Headers</code> に前もって設定したい <a href="/ja/docs/Web/HTTP/Headers">HTTP headers</a> を含むオブジェクト。これは {{domxref("ByteString")}} を持つ単純なオブジェクトリテラルか、既存の <code>Headers</code> オブジェクトのどちらかです。最後の例では、新しい <code>Headers</code> オブジェクトは既存の <code>Headers</code> オブジェクトからデータを継承します。</dd> </dl> <h2 id="例">例</h2> @@ -65,7 +65,7 @@ secondHeadersObj.get('Content-Type'); // Would return 'image/jpeg' — it inheri <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">サービスワーカー API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP アクセス制御 (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">サービスワーカー API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP アクセス制御 (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/history/replacestate/index.html b/files/ja/web/api/history/replacestate/index.html index 0cbcbcb37e..c06e22398e 100644 --- a/files/ja/web/api/history/replacestate/index.html +++ b/files/ja/web/api/history/replacestate/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/History/replaceState <pre class="brush: js line-numbers language-js notranslate"><code class="language-js"><span class="keyword token">const </span>stateObj <span class="operator token">=</span> <span class="punctuation token">{</span> foo<span class="punctuation token">:</span> '<span class="string token">bar'</span> <span class="punctuation token">}</span><span class="punctuation token">;</span> history<span class="punctuation token">.</span><span class="function token">pushState</span><span class="punctuation token">(</span>stateObj<span class="punctuation token">,</span> <span class="string token">''</span><span class="punctuation token">,</span> '<span class="string token">bar.html'</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>上記の 2行の説明は、「<a href="https://developer.mozilla.org/ja/docs/Web/API/History_API/Working_with_the_History_API">History API を取り扱う</a>」の記事の「<a href="https://developer.mozilla.org/ja/docs/Web/API/History_API/Working_with_the_History_API#pushState_%E3%81%AE%E4%BE%8B"><code>pushState()</code> の例</a>」にあります。次に、https://www.mozilla.org/bar.html が以下の JavaScript を実行したとします:</p> +<p>上記の 2行の説明は、「<a href="/ja/docs/Web/API/History_API/Working_with_the_History_API">History API を取り扱う</a>」の記事の「<a href="/ja/docs/Web/API/History_API/Working_with_the_History_API#pushState_%E3%81%AE%E4%BE%8B"><code>pushState()</code> の例</a>」にあります。次に、https://www.mozilla.org/bar.html が以下の JavaScript を実行したとします:</p> <pre class="brush: js line-numbers language-js notranslate"><code class="language-js">history<span class="punctuation token">.</span><span class="function token">replaceState</span><span class="punctuation token">(</span>stateObj<span class="punctuation token">,</span> <span class="string token">''</span><span class="punctuation token">,</span> '<span class="string token">bar2.html'</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> diff --git a/files/ja/web/api/history_api/index.html b/files/ja/web/api/history_api/index.html index e10f1e7498..f9a577390c 100644 --- a/files/ja/web/api/history_api/index.html +++ b/files/ja/web/api/history_api/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/History_API --- <div>{{DefaultAPISidebar("History API")}}</div> -<p>DOM の {{DOMxRef("Window")}} オブジェクトは、ブラウザーのセッション履歴 (<a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/history">WebExtensions history</a> と混同しないように) へのアクセスを {{DOMxRef("Window.history","history")}} オブジェクトを介して提供しています。このオブジェクトは、ユーザーの履歴の中を前のページや後のページへ移動したり、履歴スタックの中を操作したりするのに便利なメソッドやプロパティが提供されています。</p> +<p>DOM の {{DOMxRef("Window")}} オブジェクトは、ブラウザーのセッション履歴 (<a href="/ja/docs/Mozilla/Add-ons/WebExtensions/API/history">WebExtensions history</a> と混同しないように) へのアクセスを {{DOMxRef("Window.history","history")}} オブジェクトを介して提供しています。このオブジェクトは、ユーザーの履歴の中を前のページや後のページへ移動したり、履歴スタックの中を操作したりするのに便利なメソッドやプロパティが提供されています。</p> <h2 id="Concepts_and_usage" name="Concepts_and_usage">概念と使用方法</h2> diff --git a/files/ja/web/api/history_api/working_with_the_history_api/index.html b/files/ja/web/api/history_api/working_with_the_history_api/index.html index a2fb053d73..a031ada67c 100644 --- a/files/ja/web/api/history_api/working_with_the_history_api/index.html +++ b/files/ja/web/api/history_api/working_with_the_history_api/index.html @@ -67,7 +67,7 @@ history.pushState(stateObj, "page 2", "bar.html"); <p>新しい URLが、変更前のURLから hash のみを変更した URL である場合であっても、 <code>pushState()</code> は <code>hashchange</code> イベントを発火させることはないと注記しておきます。</p> -<p>In a <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a> document, it creates the specified XUL element.</p> +<p>In a <a href="/ja/docs/Mozilla/Tech/XUL">XUL</a> document, it creates the specified XUL element.</p> <p>In other documents, it creates an element with a <code>null</code> namespace URI.</p> @@ -86,7 +86,7 @@ history.pushState(stateObj, "page 2", "bar.html"); <pre class="brush: js">var stateObj = { foo: "bar" }; history.pushState(stateObj, "page 2", "bar.html");</pre> -<p>この2行のコードの説明は <a href="ja/docs/Web/API/History_API/Working_with_the_History_API$edit#Example_of_pushState_method">pushState()の例 </a><em>のセクションで見ることができます。次に、</em><code>http://mozilla.org/bar.html</code> が次の JavaScript を実行するものとします。</p> +<p>この2行のコードの説明は <a href="/ja/docs/Web/API/History_API/Working_with_the_History_API$edit#Example_of_pushState_method">pushState()の例 </a><em>のセクションで見ることができます。次に、</em><code>http://mozilla.org/bar.html</code> が次の JavaScript を実行するものとします。</p> <pre class="brush: js">history.replaceState(stateObj, "page 3", "bar2.html");</pre> diff --git a/files/ja/web/api/html_drag_and_drop_api/index.html b/files/ja/web/api/html_drag_and_drop_api/index.html index 6f38581411..df4bb50631 100644 --- a/files/ja/web/api/html_drag_and_drop_api/index.html +++ b/files/ja/web/api/html_drag_and_drop_api/index.html @@ -234,7 +234,7 @@ function drop_handler(ev) { <p>詳しくは、以下を参照してください。</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Drag_operations#droptargets">ドロップ先の指定</a></li> + <li><a href="/ja/docs/Web/Guide/HTML/Drag_operations#droptargets">ドロップ先の指定</a></li> </ul> <h3 id="ドロップ効果を扱う">ドロップ<em>効果</em>を扱う</h3> @@ -270,7 +270,7 @@ function drop_handler(ev) { <p>詳しくは、以下を参照してください。</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Drag_operations#drop">ドロップの実行</a></li> + <li><a href="/ja/docs/Web/Guide/HTML/Drag_operations#drop">ドロップの実行</a></li> </ul> <h3 id="Drag_end" name="Drag_end">ドラッグの終了</h3> diff --git a/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.html b/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.html index ba6fbd27e3..c1e1ea0794 100644 --- a/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.html +++ b/files/ja/web/api/html_drag_and_drop_api/recommended_drag_types/index.html @@ -87,7 +87,7 @@ dt.setData("text/plain", "こんにちは、見知らぬ人"); <h2 id="file" name="file">ファイルのドラッグ</h2> -<p>ローカルのファイルは <code>application/x-moz-file</code> 型で、 <a href="/en/XPCOM_Interface_Reference/nsIFile" title="nsIFile">nsIFile</a> のオブジェクトとしてドラッグされます。特権を持っていない Web ページでは、この型のデータを取得することも変更することもできません。</p> +<p>ローカルのファイルは <code>application/x-moz-file</code> 型で、 <a href="/ja/XPCOM_Interface_Reference/nsIFile" title="nsIFile">nsIFile</a> のオブジェクトとしてドラッグされます。特権を持っていない Web ページでは、この型のデータを取得することも変更することもできません。</p> <p>ファイルを文字列にはできないため、データを登録するには {{domxref("DataTransfer.mozSetDataAt","mozSetDataAt()")}} メソッドを使用する必要があります。同様に、データを取得するには {{domxref("DataTransfer.mozGetDataAt","mozGetDataAt()")}} メソッドを使わなくてはなりません。</p> @@ -124,7 +124,7 @@ function doDrop(event) { <p>最新の仕様では、{{domxref("DataTransfer.types")}} は {{domxref("DOMStringList")}} ではなく、{{domxref("DOMString")}} で固定した配列を返すようになっています（これは Firefox 52 以上でサポートされています）。</p> -<p>その結果、<a href="/docs/Web/API/Node/contains">contains</a> メソッドはもう機能しません。代わりに <a href="/docs/Web/JavaScript/Reference/Global_Objects/Array/includes">includes</a> メソッドを使用し、以下のようなコードで特定の形式のデータが提供されているかどうかを確認する必要があります。</p> +<p>その結果、<a href="/ja/docs/Web/API/Node/contains">contains</a> メソッドはもう機能しません。代わりに <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/includes">includes</a> メソッドを使用し、以下のようなコードで特定の形式のデータが提供されているかどうかを確認する必要があります。</p> <pre class="brush: js notranslate">if ([...event.dataTransfer.types].includes('text/html')) { // 実行するコード @@ -134,11 +134,11 @@ function doDrop(event) { <h2 id="image" name="image">画像のドラッグ</h2> -<p>画像の直接のドラッグは一般的ではありません。そのため、Mozilla は Mac と Linux での画像の直接のドラッグをサポートしていません。その代わり、画像は通常その URL としてドラッグされます。そのためには、他の URL と同様に <code>text/uri-list</code> 型を使用します。データは、画像の URL、または画像がWeb上やディスク上に無い場合は <a href="/docs/Web/HTTP/Basics_of_HTTP/Data_URIs">データ URL</a> である必要があります。</p> +<p>画像の直接のドラッグは一般的ではありません。そのため、Mozilla は Mac と Linux での画像の直接のドラッグをサポートしていません。その代わり、画像は通常その URL としてドラッグされます。そのためには、他の URL と同様に <code>text/uri-list</code> 型を使用します。データは、画像の URL、または画像がWeb上やディスク上に無い場合は <a href="/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URIs">データ URL</a> である必要があります。</p> -<p>リンクと同様に、<code>text/plain</code> 型のデータには URL も含まれている必要があります。しかし、<a href="/docs/Web/HTTP/Basics_of_HTTP/Data_URIs">データ URL</a> は通常のテキストの内容には有用ではないので、このような状況では <code>text/plain</code> 型のデータを除外した方がよいでしょう。</p> +<p>リンクと同様に、<code>text/plain</code> 型のデータには URL も含まれている必要があります。しかし、<a href="/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URIs">データ URL</a> は通常のテキストの内容には有用ではないので、このような状況では <code>text/plain</code> 型のデータを除外した方がよいでしょう。</p> -<p>Chrome などの特権的なコードでは、画像の種類に応じて、<code>image/jpeg</code>、<code>image/png</code>、<code>image/gif</code> のいずれかの形式を使用することもできます。データは、<a href="/en/XPCOM_Interface_Reference/nsIInputStream" title="nsIInputStream">nsIInputStream</a> インターフェースを実装したオブジェクトでなければなりません。このストリームが読み込まれる時には、そのファイル形式での画像のデータビットを提供しなければなりません。</p> +<p>Chrome などの特権的なコードでは、画像の種類に応じて、<code>image/jpeg</code>、<code>image/png</code>、<code>image/gif</code> のいずれかの形式を使用することもできます。データは、<a href="/ja/XPCOM_Interface_Reference/nsIInputStream" title="nsIInputStream">nsIInputStream</a> インターフェースを実装したオブジェクトでなければなりません。このストリームが読み込まれる時には、そのファイル形式での画像のデータビットを提供しなければなりません。</p> <p>画像がディスク上にある場合は、<code>application/x-moz-file</code> 型も含める必要があります。実際に、これは画像ファイルをドラッグする一般的なやり方です。</p> diff --git a/files/ja/web/api/htmlcanvaselement/todataurl/index.html b/files/ja/web/api/htmlcanvaselement/todataurl/index.html index f955a994a5..f04437dc82 100644 --- a/files/ja/web/api/htmlcanvaselement/todataurl/index.html +++ b/files/ja/web/api/htmlcanvaselement/todataurl/index.html @@ -5,10 +5,10 @@ translation_of: Web/API/HTMLCanvasElement/toDataURL --- <div>{{APIRef("Canvas API")}}</div> -<p><strong><code>HTMLCanvasElement.toDataURL()</code></strong> メソッドは、 <code>type</code> パラメータ（デフォルトは<a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a>形式）で指定される画像フォーマット形式の <a href="/en-US/docs/Web/HTTP/data_URIs">data URI</a> を返すメソッドです。返り値となる画像の解像度は96 dpiです。</p> +<p><strong><code>HTMLCanvasElement.toDataURL()</code></strong> メソッドは、 <code>type</code> パラメータ（デフォルトは<a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a>形式）で指定される画像フォーマット形式の <a href="/ja/docs/Web/HTTP/data_URIs">data URI</a> を返すメソッドです。返り値となる画像の解像度は96 dpiです。</p> <ul> - <li>キャンバスの幅か高さが、<code>0</code> もしくは <a href="/en-US/docs/Web/HTML/Element/canvas#Maximum_canvas_size">maximum canvas size</a> より大きい場合、文字列 <code>"data:,"</code>を返します。</li> + <li>キャンバスの幅か高さが、<code>0</code> もしくは <a href="/ja/docs/Web/HTML/Element/canvas#Maximum_canvas_size">maximum canvas size</a> より大きい場合、文字列 <code>"data:,"</code>を返します。</li> <li><code>image/png</code> 形式を指定したにもかかわらず返り値が <code>data:image/png</code> で始まる場合、要求された形式には対応していません。</li> <li>Chrome は <code>image/webp</code> 形式に対応します。</li> </ul> @@ -30,7 +30,7 @@ translation_of: Web/API/HTMLCanvasElement/toDataURL <h3 id="戻り値">戻り値</h3> -<p>要求された<a href="/en-US/docs/Web/HTTP/data_URIs">data URI</a>を含む {{domxref("DOMString")}} 。</p> +<p>要求された<a href="/ja/docs/Web/HTTP/data_URIs">data URI</a>を含む {{domxref("DOMString")}} 。</p> <h3 id="例外">例外</h3> @@ -151,5 +151,5 @@ function removeColors() { <ul> <li>The interface defining it, {{domxref("HTMLCanvasElement")}}.</li> - <li><a href="/en-US/docs/Web/HTTP/data_URIs">Data URIs</a> in the <a href="/en-US/docs/Web/HTTP">HTTP</a> reference.</li> + <li><a href="/ja/docs/Web/HTTP/data_URIs">Data URIs</a> in the <a href="/ja/docs/Web/HTTP">HTTP</a> reference.</li> </ul> diff --git a/files/ja/web/api/htmlcontentelement/index.html b/files/ja/web/api/htmlcontentelement/index.html index 8fd3d16824..dbbe6a69d7 100644 --- a/files/ja/web/api/htmlcontentelement/index.html +++ b/files/ja/web/api/htmlcontentelement/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/HTMLContentElement <p>{{Deprecated_header}}</p> -<p><code><strong>HTMLContentElement</strong></code> インターフェースは {{HTMLElement("content")}} HTML要素を表しており、<a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a> で使用されています。</p> +<p><code><strong>HTMLContentElement</strong></code> インターフェースは {{HTMLElement("content")}} HTML要素を表しており、<a href="/ja/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a> で使用されています。</p> <h2 id="Properties" name="Properties">プロパティ</h2> @@ -47,7 +47,7 @@ translation_of: Web/API/HTMLContentElement <ul> <li>このインターフェースを実装している {{HTMLElement("content")}} HTML 要素</li> - <li><a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a></li> + <li><a href="/ja/docs/Web/Web_Components/Shadow_DOM">Shadow DOM</a></li> </ul> <dl> diff --git a/files/ja/web/api/htmlelement/accesskey/index.html b/files/ja/web/api/htmlelement/accesskey/index.html index 17933c4dbe..0d9feb78dd 100644 --- a/files/ja/web/api/htmlelement/accesskey/index.html +++ b/files/ja/web/api/htmlelement/accesskey/index.html @@ -20,5 +20,5 @@ original_slug: Web/API/Element/accessKey <h4 id="See_also">See also </h4> <ul> - <li><a href="/en-US/docs/Web/HTML/Global_attributes/accesskey">HTML Global attributes, accesskey</a></li> + <li><a href="/ja/docs/Web/HTML/Global_attributes/accesskey">HTML Global attributes, accesskey</a></li> </ul> diff --git a/files/ja/web/api/htmlelement/transitionstart_event/index.html b/files/ja/web/api/htmlelement/transitionstart_event/index.html index 12eb281715..d31100a811 100644 --- a/files/ja/web/api/htmlelement/transitionstart_event/index.html +++ b/files/ja/web/api/htmlelement/transitionstart_event/index.html @@ -45,7 +45,7 @@ translation_of: Web/API/HTMLElement/transitionstart_event console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span><span class="string token">'Started transitioning'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> <span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>似ていますが、 <code>addEventListener()</code>の代わりに <code><a href="https://developer.mozilla.org/ja/docs/Web/API/GlobalEventHandlers/ontransitionrun">ontransitionstart</a></code> プロパティを使っています:</p> +<p>似ていますが、 <code>addEventListener()</code>の代わりに <code><a href="/ja/docs/Web/API/GlobalEventHandlers/ontransitionrun">ontransitionstart</a></code> プロパティを使っています:</p> <pre class="brush: js line-numbers language-js"><code class="language-js">element<span class="punctuation token">.</span><span class="function function-variable token">ontransitionrun</span> <span class="operator token">=</span> <span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="operator token">=></span> <span class="punctuation token">{</span> console<span class="punctuation token">.</span><span class="function token">log</span><span class="punctuation token">(</span><span class="string token">'Started transitioning'</span><span class="punctuation token">)</span><span class="punctuation token">;</span> diff --git a/files/ja/web/api/htmlformelement/elements/index.html b/files/ja/web/api/htmlformelement/elements/index.html index 9ed8ea236d..a52442f8f5 100644 --- a/files/ja/web/api/htmlformelement/elements/index.html +++ b/files/ja/web/api/htmlformelement/elements/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/HTMLFormElement/elements {{ApiRef()}}</div> <h2 id="Summary" name="Summary">概要</h2> <p><b>elements</b> は、form 要素に含まれるすべてのフォームコントロールを含む <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506"><code>HTMLCollection</code></a> を返します。</p> -<p>index 、または要素の <a href="/ja/docs/DOM/element.name">name</a> か <a href="ja/docs/DOM/element.id">id</a> の何れかを使って個々の要素にアクセスすることができます。</p> +<p>index 、または要素の <a href="/ja/docs/DOM/element.name">name</a> か <a href="/ja/docs/DOM/element.id">id</a> の何れかを使って個々の要素にアクセスすることができます。</p> <h2 id="Syntax" name="Syntax">構文</h2> <pre class="syntaxbox"><code><i>nodeList</i> =<i>HTMLFormElement</i>.elements</code></pre> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/web/api/htmliframeelement/contentwindow/index.html b/files/ja/web/api/htmliframeelement/contentwindow/index.html index 6385634edc..1b76baba2b 100644 --- a/files/ja/web/api/htmliframeelement/contentwindow/index.html +++ b/files/ja/web/api/htmliframeelement/contentwindow/index.html @@ -5,4 +5,4 @@ translation_of: Web/API/HTMLIFrameElement/contentWindow --- <div>{{APIRef("HTML DOM")}}</div> -<p><span class="seoSummary"><strong><code>contentWindow</code></strong> プロパティは、<a href="/en-US/docs/Web/HTML/Element/iframe"><iframe> 要素</a> の <a href="/en-US/docs/Web/API/Window">Window</a> オブジェクトを返します。この Window オブジェクトを使用して iframe のドキュメントとその内部 DOM にアクセスできます。この属性は読み取り専用ですが、そのプロパティはグローバルな Window オブジェクトのように操作できます。</span></p> +<p><span class="seoSummary"><strong><code>contentWindow</code></strong> プロパティは、<a href="/ja/docs/Web/HTML/Element/iframe"><iframe> 要素</a> の <a href="/ja/docs/Web/API/Window">Window</a> オブジェクトを返します。この Window オブジェクトを使用して iframe のドキュメントとその内部 DOM にアクセスできます。この属性は読み取り専用ですが、そのプロパティはグローバルな Window オブジェクトのように操作できます。</span></p> diff --git a/files/ja/web/api/htmliframeelement/index.html b/files/ja/web/api/htmliframeelement/index.html index ae547880c5..cc0f451541 100644 --- a/files/ja/web/api/htmliframeelement/index.html +++ b/files/ja/web/api/htmliframeelement/index.html @@ -19,7 +19,7 @@ translation_of: Web/API/HTMLIFrameElement <dt>{{domxref("HTMLIFrameElement.align")}} {{obsolete_inline}}</dt> <dd>Is a {{domxref("DOMString")}} that specifies the alignment of the frame with respect to the surrounding context.</dd> <dt>{{domxref("HTMLIFrameElement.allowfullscreen")}} {{experimental_inline}}</dt> - <dd>Is a {{domxref("Boolean")}} that indicates whether or not the inline frame is willing to be placed into full screen mode. See <a href="/en-US/docs/DOM/Using_full-screen_mode" title="https://developer.mozilla.org/en/DOM/Using_full-screen_mode">Using full-screen mode</a> for details.</dd> + <dd>Is a {{domxref("Boolean")}} that indicates whether or not the inline frame is willing to be placed into full screen mode. See <a href="/ja/docs/DOM/Using_full-screen_mode" title="https://developer.mozilla.org/en/DOM/Using_full-screen_mode">Using full-screen mode</a> for details.</dd> <dt>{{domxref("HTMLIFrameElement.contentDocument")}} {{readonlyInline}}</dt> <dd>Returns a {{domxref("Document")}}, the active document in the inline frame's nested browsing context.</dd> <dt>{{domxref("HTMLIFrameElement.contentWindow")}} {{readonlyInline}}</dt> diff --git a/files/ja/web/api/htmlinputelement/multiple/index.html b/files/ja/web/api/htmlinputelement/multiple/index.html index ac49c3954f..8415f39c16 100644 --- a/files/ja/web/api/htmlinputelement/multiple/index.html +++ b/files/ja/web/api/htmlinputelement/multiple/index.html @@ -27,7 +27,7 @@ if (fileInput.multiple == true) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en/DOM/FileList" title="en/DOM/FileList">FileList</a></li> + <li><a href="/ja/DOM/FileList" title="en/DOM/FileList">FileList</a></li> <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=523771">Bug 523771</a> - <span class="bz_default_hidden" id="summary_alias_container" style="display: inline;"> <span id="short_desc_nonedit_display">Support <input type=file multiple></span> </span></li> </ul> diff --git a/files/ja/web/api/htmlkeygenelement/index.html b/files/ja/web/api/htmlkeygenelement/index.html index ba197eb5cb..eb19804f84 100644 --- a/files/ja/web/api/htmlkeygenelement/index.html +++ b/files/ja/web/api/htmlkeygenelement/index.html @@ -32,32 +32,32 @@ translation_of: Web/API/HTMLKeygenElement <tbody> <tr> <td><code>autofocus</code></td> - <td><code><a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> + <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> <td>{{ htmlattrxref("autofocus", "keygen") }} HTML 属性の反映です。ページがロードされたとき、フォームコントローが input にフォーカスされているべきことを表します。</td> </tr> <tr> <td><code>challenge</code></td> - <td><code><a href="/En/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> + <td><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> <td>{{ htmlattrxref("challenge", "keygen") }} HTML 属性の繁栄です。送信されたキーにパッケージされた challenge 文字列を含みます。</td> </tr> <tr> <td><code>disabled</code></td> - <td><code><a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> + <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> <td>{{ htmlattrxref("disabled", "keygen") }} HTML 属性の繁栄です。コントロールが操作できないことを示します。</td> </tr> <tr> <td><code>form</code></td> - <td><code>readonly <a href="/en/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a></code></td> + <td><code>readonly <a href="/ja/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a></code></td> <td>コントロールの form オーナーを表します。定義されていた場合、 {{ htmlattrxref("form", "keygen") }} HTML 属性を反映します。</td> </tr> <tr> <td><code>keytype</code></td> - <td><code><a href="/En/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> + <td><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> <td>{{ htmlattrxref("keytype", "keygen") }} HTML 属性を反映します。使用されるキーの種類を含みます。</td> </tr> <tr> <td><code>labels </code>{{ unimplemented_inline(556743) }}</td> - <td><code>readonly <a href="/En/DOM/NodeList" title="En/DOM/NodeList">NodeList</a></code></td> + <td><code>readonly <a href="/ja/DOM/NodeList" title="En/DOM/NodeList">NodeList</a></code></td> <td>keygen 要素に関連する label 要素のリストです。</td> </tr> <tr> @@ -67,22 +67,22 @@ translation_of: Web/API/HTMLKeygenElement </tr> <tr> <td><code>type</code></td> - <td><code>readonly </code><code><a href="/En/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> + <td><code>readonly </code><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> <td><code>keygen</code> の値です。</td> </tr> <tr> <td><code>validationMessage</code></td> - <td><code>readonly </code><code><a href="/En/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> + <td><code>readonly </code><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td> <td>（もしあれば） コントロールが満たさない制約検証を表示するためのローカライズされたメッセージです。コントロールが制約検証の対象ではない場合（<strong>willValidate</strong> が false）や制約を満たしている場合、空文字です。</td> </tr> <tr> <td><code>validity</code></td> - <td><code>readonly <a href="/en/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a></code></td> + <td><code>readonly <a href="/ja/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a></code></td> <td>この要素の有効性です。</td> </tr> <tr> <td><code>willValidate</code></td> - <td><code><a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> + <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> <td><code>keygen</code> オブジェクトは決して制約検証の候補にならないため、常に false を返します。</td> </tr> </tbody> @@ -101,7 +101,7 @@ translation_of: Web/API/HTMLKeygenElement <tbody> <tr> <td><code>checkValidity()</code></td> - <td><code><a href="/en/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> + <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td> <td><code>keygen</code> オブジェクトは決して制約検証の候補にならないため、常に true を返します。</td> </tr> <tr> diff --git a/files/ja/web/api/htmlmediaelement/index.html b/files/ja/web/api/htmlmediaelement/index.html index bfe66b59ff..2096213ce7 100644 --- a/files/ja/web/api/htmlmediaelement/index.html +++ b/files/ja/web/api/htmlmediaelement/index.html @@ -39,7 +39,7 @@ translation_of: Web/API/HTMLMediaElement <dt>{{domxref("HTMLMediaElement.controlsList")}} {{readonlyinline}}</dt> <dd>ユーザーエージェントが独自のコントロールセットを表示するたびに、メディア要素に表示するコントロールをユーザーエージェントが選択するのに役立つ{{domxref("DOMTokenList")}}を返します。 <code>DOMTokenList</code>は、<code>nodownload</code>、<code>nofullscreen</code>、<code>noremoteplayback</code>の3つの値のうち1つ以上を取ります。</dd> <dt>{{domxref("HTMLMediaElement.crossOrigin")}}</dt> - <dd>このメディア要素の <a href="/docs/Web/HTML/CORS_settings_attributes">CORS 設定</a> を {{domxref("DOMString")}} で参照できます。</dd> + <dd>このメディア要素の <a href="/ja/docs/Web/HTML/CORS_settings_attributes">CORS 設定</a> を {{domxref("DOMString")}} で参照できます。</dd> <dt>{{domxref("HTMLMediaElement.currentSrc")}}{{readonlyinline}}</dt> <dd>選択されたメディアリソースの絶対 URL を {{domxref("DOMString")}} で返します。</dd> <dt>{{domxref("HTMLMediaElement.currentTime")}}</dt> @@ -70,7 +70,7 @@ translation_of: Web/API/HTMLMediaElement <dd> <p>Is a <code>unsigned long</code> that indicates the number of samples that will be returned in the framebuffer of each <code>MozAudioAvailable</code> event. This number is a total for all channels, and by default is set to be the number of channels * 1024 (e.g., 2 channels * 1024 samples = 2048 total).</p> - <p>The <code>mozFrameBufferLength</code> property can be set to a new value for lower latency, larger amounts of data, etc. The size given <em>must</em> be a number between 512 and 16384. Using any other size results in an exception being thrown. The best time to set a new length is after the <a href="/en-US/docs/Web/Events/loadedmetadata">loadedmetadata</a> event fires, when the audio info is known, but before the audio has started or <code>MozAudioAvailable</code> events have begun firing.</p> + <p>The <code>mozFrameBufferLength</code> property can be set to a new value for lower latency, larger amounts of data, etc. The size given <em>must</em> be a number between 512 and 16384. Using any other size results in an exception being thrown. The best time to set a new length is after the <a href="/ja/docs/Web/Events/loadedmetadata">loadedmetadata</a> event fires, when the audio info is known, but before the audio has started or <code>MozAudioAvailable</code> events have begun firing.</p> </dd> <dt>{{domxref("HTMLMediaElement.mozSampleRate")}} {{readonlyinline}} {{non-standard_inline}} {{deprecated_inline}}</dt> <dd>Returns a <code>double</code> representing the number of samples per second that will be played. For example, 44100 samples per second is the sample rate used by CD audio.</dd> @@ -161,7 +161,7 @@ translation_of: Web/API/HTMLMediaElement <dt>{{domxref("HTMLMediaElement.mozCaptureStreamUntilEnded()")}} {{non-standard_inline}}</dt> <dd>[enter description]</dd> <dt>{{domxref("HTMLMediaElement.mozGetMetadata()")}} {{non-standard_inline}}</dt> - <dd>再生中のメディアデータに対するメタデータを {{jsxref('Object')}} として返します。呼び出すたびに、オブジェクトのコピーが新しく作られます。このメソッドを呼び出すには、<a href="/en-US/docs/Web/Events/loadedmetadata">loadedmetadata</a> イベント発火している必要があります。</dd> + <dd>再生中のメディアデータに対するメタデータを {{jsxref('Object')}} として返します。呼び出すたびに、オブジェクトのコピーが新しく作られます。このメソッドを呼び出すには、<a href="/ja/docs/Web/Events/loadedmetadata">loadedmetadata</a> イベント発火している必要があります。</dd> <dt>{{domxref("HTMLMediaElement.pause()")}}</dt> <dd>再生を一時停止します。</dd> <dt>{{domxref("HTMLMediaElement.play()")}}</dt> @@ -185,7 +185,7 @@ translation_of: Web/API/HTMLMediaElement <h2 id="Events" name="Events">イベント</h2> -<p><em>Inherits methods from its parent, {{domxref("HTMLElement")}} </em>, defined in the {{domxref('GlobalEventHandlers')}} mixin. Listen to these events using <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> or by assigning an event listener to the <code>on<em>eventname</em></code> property of this interface.</p> +<p><em>Inherits methods from its parent, {{domxref("HTMLElement")}} </em>, defined in the {{domxref('GlobalEventHandlers')}} mixin. Listen to these events using <code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> or by assigning an event listener to the <code>on<em>eventname</em></code> property of this interface.</p> <dl> <dt>{{domxref("HTMLMediaElement.abort_event", 'abort')}}</dt> @@ -283,7 +283,7 @@ translation_of: Web/API/HTMLMediaElement </li> <li>記事 <ul> - <li><a class="internal" href="/docs/Using_HTML5_audio_and_video">HTML5 での音声と動画の利用</a></li> + <li><a class="internal" href="/ja/docs/Using_HTML5_audio_and_video">HTML5 での音声と動画の利用</a></li> <li><a class="internal" href="/ja/docs/Media_formats_supported_by_the_audio_and_video_elements">audio 要素と video 要素が対応しているメディア形式</a></li> <li><a href="/ja/docs/Web_Audio_API">Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/htmlolistelement/index.html b/files/ja/web/api/htmlolistelement/index.html index c3e48c8502..d8f6f326e6 100644 --- a/files/ja/web/api/htmlolistelement/index.html +++ b/files/ja/web/api/htmlolistelement/index.html @@ -12,13 +12,13 @@ translation_of: Web/API/HTMLOListElement <div>{{ APIRef("HTML DOM") }}</div> </div> -<p><strong><code>HTMLOListElement</code></strong> インターフェイスは インターフェイスは、 (<a href="https://developer.mozilla.org/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> から継承したものより詳細に) <a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/ol" title="HTML の <button> 要素はクリックできるボタンを表し、フォームや、文書で単純なボタン機能が必要なあらゆる場所で使用することができます。"><code><ol></code></a> 要素を操作するためのプロパティやメソッドを提供します。</p> +<p><strong><code>HTMLOListElement</code></strong> インターフェイスは インターフェイスは、 (<a href="/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> から継承したものより詳細に) <a href="/ja/docs/Web/HTML/Element/ol" title="HTML の <button> 要素はクリックできるボタンを表し、フォームや、文書で単純なボタン機能が必要なあらゆる場所で使用することができます。"><code><ol></code></a> 要素を操作するためのプロパティやメソッドを提供します。</p> <p>{{InheritanceDiagram(600, 120)}}</p> <h2 id="Properties">Properties</h2> -<p><em>親である <a href="https://developer.mozilla.org/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> からプロパティを継承しています。</em></p> +<p><em>親である <a href="/ja/docs/Web/API/HTMLElement"><code>HTMLElement</code></a> からプロパティを継承しています。</em></p> <dl> <dt>{{domxref("HTMLOListElement.reversed")}}</dt> diff --git a/files/ja/web/api/htmlscriptelement/index.html b/files/ja/web/api/htmlscriptelement/index.html index 738703ba6d..f7ace89728 100644 --- a/files/ja/web/api/htmlscriptelement/index.html +++ b/files/ja/web/api/htmlscriptelement/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/HTMLScriptElement --- <p>{{ApiRef}}</p> -<p>DOMの <code>Script</code>オブジェクトは<a class="external" href="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script-element">HTMLScriptElement</a> (または {{ HTMLVersionInline(4) }} <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-81598695"><code>HTMLScriptElement</code></a>)インターフェイスに具現化されます．それは通常の<a href="/en-US/docs/DOM/element" rel="internal">element</a>オブジェクトインターフェイスに加えて(継承によって利用可能)，{{ HTMLElement("script") }} 要素のレイアウトおよび表現を扱う特別なプロパティとメソッドを提供します．</p> +<p>DOMの <code>Script</code>オブジェクトは<a class="external" href="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script-element">HTMLScriptElement</a> (または {{ HTMLVersionInline(4) }} <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-81598695"><code>HTMLScriptElement</code></a>)インターフェイスに具現化されます．それは通常の<a href="/ja/docs/DOM/element" rel="internal">element</a>オブジェクトインターフェイスに加えて(継承によって利用可能)，{{ HTMLElement("script") }} 要素のレイアウトおよび表現を扱う特別なプロパティとメソッドを提供します．</p> <h2 id="Properties" name="Properties">プロパティ</h2> @@ -49,11 +49,11 @@ translation_of: Web/API/HTMLScriptElement <td><code id="async_property">async</code></td> <td>{{domxref("Boolean")}}</td> <td rowspan="2"> - <p><code>async</code>と<code>defer</code>属性は<a href="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">boolean</a>属性です．スクリプトがどのように実行されるべきかを示します． <strong><code>defer</code> および <code>async</code> 属性は</strong><strong><code>，src</code> </strong><strong>属性が無ければ指定してはならない．</strong></p> + <p><code>async</code>と<code>defer</code>属性は<a href="/ja/docs/JavaScript/Reference/Global_Objects/Boolean" title="/en-US/docs/JavaScript/Reference/Global_Objects/Boolean">boolean</a>属性です．スクリプトがどのように実行されるべきかを示します． <strong><code>defer</code> および <code>async</code> 属性は</strong><strong><code>，src</code> </strong><strong>属性が無ければ指定してはならない．</strong></p> <p>これら2つの属性値を用いて選択可能な3つのモードがあります．<code>async</code>属性があれば，スクリプトは可能な限り非同期的に実行されます．<code>async</code>属性が無く<code>defer</code>属性があれば. スクリプトはページのパースが完了した時点で実行されます．両方の属性があれば，スクリプトはユーザーエージェントによるページのパース完了を待つこと無く，フェッチ後，直ちに実行されます．</p> - <div class="note"><strong>注記:</strong> これらの属性の正確な処理の詳細は，大部分が歴史的な理由により，幾分複雑でHTMLの様々な局面に関連しています．従って，実装の要件は，仕様の至る所に散らばっている必要性によります．<a href="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#prepare-a-script" title="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#prepare-a-script">These algorithms</a> describe the core of this processing, but these algorithms reference and are referenced by the parsing rules for {{ HTMLElement("script") }} <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptTag" title="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptTag">start</a> and <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptEndTag" title="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptEndTag">end</a> tags in HTML, <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptForeignEndTag">in foreign content</a>, and <a href="http://www.w3.org/html/wg/drafts/html/master/the-xhtml-syntax.html#scriptTagXML">in XML</a>, the rules for the <a href="/en-US/docs/DOM/document.write" title="/en-US/docs/DOM/document.write"><code>document.write()</code></a> method, the handling of <a href="http://www.w3.org/html/wg/drafts/html/master/webappapis.html#scripting">scripting</a>, etc.</div> + <div class="note"><strong>注記:</strong> これらの属性の正確な処理の詳細は，大部分が歴史的な理由により，幾分複雑でHTMLの様々な局面に関連しています．従って，実装の要件は，仕様の至る所に散らばっている必要性によります．<a href="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#prepare-a-script" title="http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#prepare-a-script">These algorithms</a> describe the core of this processing, but these algorithms reference and are referenced by the parsing rules for {{ HTMLElement("script") }} <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptTag" title="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptTag">start</a> and <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptEndTag" title="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptEndTag">end</a> tags in HTML, <a href="http://www.w3.org/html/wg/drafts/html/master/syntax.html#scriptForeignEndTag">in foreign content</a>, and <a href="http://www.w3.org/html/wg/drafts/html/master/the-xhtml-syntax.html#scriptTagXML">in XML</a>, the rules for the <a href="/ja/docs/DOM/document.write" title="/en-US/docs/DOM/document.write"><code>document.write()</code></a> method, the handling of <a href="http://www.w3.org/html/wg/drafts/html/master/webappapis.html#scripting">scripting</a>, etc.</div> <p>The <code>defer</code> attribute may be specified even if the <code>async</code> attribute is specified, to cause legacy Web browsers that only support <code>defer</code> (and not <code>async</code>) to fall back to the <code>defer</code> behavior instead of the synchronous blocking behavior that is the default.</p> </td> @@ -65,15 +65,15 @@ translation_of: Web/API/HTMLScriptElement <tr> <td><code id="crossOrigin_property">crossOrigin</code> {{experimental_inline}}</td> <td>{{domxref("DOMString")}}</td> - <td>Is a {{domxref("DOMString")}} that corresponds to the CORS setting for this script element. See <a href="/en-US/docs/HTML/CORS_settings_attributes" title="HTML/CORS settings attributes">CORS settings attributes</a> for details. It controls, for scripts that are obtained from other <a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#origin-0">origins</a>, whether error information will be exposed.</td> + <td>Is a {{domxref("DOMString")}} that corresponds to the CORS setting for this script element. See <a href="/ja/docs/HTML/CORS_settings_attributes" title="HTML/CORS settings attributes">CORS settings attributes</a> for details. It controls, for scripts that are obtained from other <a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#origin-0">origins</a>, whether error information will be exposed.</td> </tr> <tr> <td><code id="text_property">text</code></td> <td>{{domxref("DOMString")}}</td> <td> - <p>IDLの<code>text</code>属性は，すべてのテキストノード(<a href="/en-US/docs/DOM/Text" title="/en-US/docs/DOM/Text"><code>Text</code> nodes</a>)内容の連結を返さなければなりません．(コメントや要素のような他のノードを無視すれば)テキストノードは，木構造(tree)上の順序でscript要素の子要素です．設定上，これはIDLの<a href="/en-US/docs/DOM/Node.textContent" title="/en-US/docs/DOM/Node.textContent"><code>textContent</code></a>属性と同様に機能せねばなりません．</p> + <p>IDLの<code>text</code>属性は，すべてのテキストノード(<a href="/ja/docs/DOM/Text" title="/en-US/docs/DOM/Text"><code>Text</code> nodes</a>)内容の連結を返さなければなりません．(コメントや要素のような他のノードを無視すれば)テキストノードは，木構造(tree)上の順序でscript要素の子要素です．設定上，これはIDLの<a href="/ja/docs/DOM/Node.textContent" title="/en-US/docs/DOM/Node.textContent"><code>textContent</code></a>属性と同様に機能せねばなりません．</p> - <p><strong>注記:</strong> <a href="/en-US/docs/DOM/document.write" title="/en-US/docs/DOM/document.write"><code>document.write()</code></a> メソッドを用いて, {{HTMLElement("script") }} 要素を挿入した時，実行されます(典型的には同期的に)．しかし, <a href="/en-US/docs/DOM/element.innerHTML" title="/en-US/docs/DOM/element.innerHTML"><code>innerHTML</code></a> and <a href="/en-US/docs/DOM/element.outerHTML" title="/en-US/docs/DOM/element.outerHTML"><code>outerHTML</code></a> 属性を用いて挿入した場合,結局何も実行されません．</p> + <p><strong>注記:</strong> <a href="/ja/docs/DOM/document.write" title="/en-US/docs/DOM/document.write"><code>document.write()</code></a> メソッドを用いて, {{HTMLElement("script") }} 要素を挿入した時，実行されます(典型的には同期的に)．しかし, <a href="/ja/docs/DOM/element.innerHTML" title="/en-US/docs/DOM/element.innerHTML"><code>innerHTML</code></a> and <a href="/ja/docs/DOM/element.outerHTML" title="/en-US/docs/DOM/element.outerHTML"><code>outerHTML</code></a> 属性を用いて挿入した場合,結局何も実行されません．</p> </td> </tr> </tbody> @@ -170,6 +170,6 @@ alert("You read this alert because the script \"myScript2.js\" has been correctl <li>HTML {{ HTMLElement("script") }} element</li> <li>HTML {{ HTMLElement("noscript") }} element</li> <li>{{domxref("document.currentScript")}}</li> - <li><a href="/en-US/docs/DOM/Using_web_workers" title="/en-US/docs/DOM/Using_web_workers">Web Workers</a> (code snippets similar to scripts but executed in <a href="/en-US/docs/JavaScript/DedicatedWorkerGlobalScope" title="/en-US/docs/JavaScript/DedicatedWorkerGlobalScope">another global context</a>)</li> + <li><a href="/ja/docs/DOM/Using_web_workers" title="/en-US/docs/DOM/Using_web_workers">Web Workers</a> (code snippets similar to scripts but executed in <a href="/ja/docs/JavaScript/DedicatedWorkerGlobalScope" title="/en-US/docs/JavaScript/DedicatedWorkerGlobalScope">another global context</a>)</li> <li><a href="http://pieisgood.org/test/script-link-events/">Ryan Grove's <script> and <link> node event compatibility chart</a></li> </ul> diff --git a/files/ja/web/api/htmlslotelement/index.html b/files/ja/web/api/htmlslotelement/index.html index 99c3e82aae..9cd32b0ce9 100644 --- a/files/ja/web/api/htmlslotelement/index.html +++ b/files/ja/web/api/htmlslotelement/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/HTMLSlotElement --- <p>{{APIRef('Web Components')}}</p> -<p><strong><code>HTMLSlotElement</code></strong> は <a href="/en-US/docs/Web/Web_Components/Shadow_DOM">Shadow DOM API</a> のインターフェイスで、 {{HTMLElement("slot")}} 要素の名前とこの要素に割り当てられたノードにアクセスできます。</p> +<p><strong><code>HTMLSlotElement</code></strong> は <a href="/ja/docs/Web/Web_Components/Shadow_DOM">Shadow DOM API</a> のインターフェイスで、 {{HTMLElement("slot")}} 要素の名前とこの要素に割り当てられたノードにアクセスできます。</p> <h2 id="Properties" name="Properties">プロパティ</h2> diff --git a/files/ja/web/api/htmltablerowelement/index.html b/files/ja/web/api/htmltablerowelement/index.html index 9447db268f..5b5ad3d741 100644 --- a/files/ja/web/api/htmltablerowelement/index.html +++ b/files/ja/web/api/htmltablerowelement/index.html @@ -40,7 +40,7 @@ translation_of: Web/API/HTMLTableRowElement <dt>{{domxref("HTMLTableRowElement.deleteCell()")}}</dt> <dd>Removes the cell at the given position in the row. If the given position is greater (or equal as it starts at zero) than the amount of cells in the row, or is smaller than <code>0</code>, it raises a {{domxref("DOMException")}} with the <code>IndexSizeError</code> value.</dd> <dt>{{domxref("HTMLTableRowElement.insertCell()")}}</dt> - <dd>Inserts a new cell just before the given position in the row. If the given position is not given or is <code>-1</code>, it appends the cell to the row. If the given position is greater (or equal as it starts at zero) than the amount of cells in the row, or is smaller than <code>-1</code>, it raises a {{domxref("DOMException")}} with the <code>IndexSizeError</code> value. Returns a reference to a <a href="/en-US/docs/Web/API/HTMLTableCellElement">HTMLTableCellElement [en-US]</a>.</dd> + <dd>Inserts a new cell just before the given position in the row. If the given position is not given or is <code>-1</code>, it appends the cell to the row. If the given position is greater (or equal as it starts at zero) than the amount of cells in the row, or is smaller than <code>-1</code>, it raises a {{domxref("DOMException")}} with the <code>IndexSizeError</code> value. Returns a reference to a <a href="/ja/docs/Web/API/HTMLTableCellElement">HTMLTableCellElement [en-US]</a>.</dd> </dl> <h2 id="Specifications">Specifications</h2> diff --git a/files/ja/web/api/idbcursor/continue/index.html b/files/ja/web/api/idbcursor/continue/index.html index 3d4c370cfc..49ec443598 100644 --- a/files/ja/web/api/idbcursor/continue/index.html +++ b/files/ja/web/api/idbcursor/continue/index.html @@ -117,7 +117,7 @@ translation_of: Web/API/IDBCursor/continue <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>トランザクションの開始: {{domxref("IDBDatabase")}}</li> <li>トランザクションを使う: {{domxref("IDBTransaction")}}</li> <li>キーの範囲設定: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbcursor/index.html b/files/ja/web/api/idbcursor/index.html index 7b024be836..2c2ea95bcd 100644 --- a/files/ja/web/api/idbcursor/index.html +++ b/files/ja/web/api/idbcursor/index.html @@ -29,7 +29,7 @@ translation_of: Web/API/IDBCursor <dt>{{domxref("IDBCursor.source")}} {{readonlyInline}}</dt> <dd>カーソルが繰り返している{{domxref("IDBObjectStore")}} か {{domxref("IDBIndex")}} を返します。この関数は、カーソルが現在繰り返されていたり、繰り返しが終わりを過ぎたり、トランザクションがアクティブでなくても、null や例外を返しません。</dd> <dt>{{domxref("IDBCursor.direction")}} {{readonlyInline}}</dt> - <dd>カーソルの横断の向きを返します。取りうる値については <a href="https://developer.mozilla.org/ja/docs/Web/API/IDBCursor$edit#const_next">Constants</a> を見てください。</dd> + <dd>カーソルの横断の向きを返します。取りうる値については <a href="/ja/docs/Web/API/IDBCursor$edit#const_next">Constants</a> を見てください。</dd> <dt>{{domxref("IDBCursor.key")}} {{readonlyInline}}</dt> <dd>カーソル位置のレコードのキーを返します。カーソルが範囲外の場合、<code>undefined</code> にセットされます。カーソルキーはあらゆるデータ型となりえます。</dd> <dt>{{domxref("IDBCursor.value")}} {{readonlyInline}}</dt> diff --git a/files/ja/web/api/idbdatabase/close/index.html b/files/ja/web/api/idbdatabase/close/index.html index 48ee4b0b1d..41bf99de51 100644 --- a/files/ja/web/api/idbdatabase/close/index.html +++ b/files/ja/web/api/idbdatabase/close/index.html @@ -71,7 +71,7 @@ translation_of: Web/API/IDBDatabase/close <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbdatabase/createobjectstore/index.html b/files/ja/web/api/idbdatabase/createobjectstore/index.html index b925238a72..d70c03b9f6 100644 --- a/files/ja/web/api/idbdatabase/createobjectstore/index.html +++ b/files/ja/web/api/idbdatabase/createobjectstore/index.html @@ -112,11 +112,11 @@ translation_of: Web/API/IDBDatabase/createObjectStore <tbody> <tr> <td><code>keyPath</code></td> - <td>新しいオブジェクトストアで使用される<a href="/en-US/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB#gloss_keypath">key path</a>。空や特定されていない場合、オブジェクトストアはKey Pathなしで生成されて、<a href="/en-US/docs/IndexedDB#gloss_out-of-line_key">out-of-line keys</a>が使用される。</td> + <td>新しいオブジェクトストアで使用される<a href="/ja/docs/Web/API/IndexedDB_API/Basic_Concepts_Behind_IndexedDB#gloss_keypath">key path</a>。空や特定されていない場合、オブジェクトストアはKey Pathなしで生成されて、<a href="/ja/docs/IndexedDB#gloss_out-of-line_key">out-of-line keys</a>が使用される。</td> </tr> <tr> <td><code>autoIncrement</code></td> - <td><code>trueだった場合、オブジェクトストアは</code><a href="/en-US/docs/IndexedDB#gloss_key_generator">key generator</a>を持つ。既定値は<code>false。</code></td> + <td><code>trueだった場合、オブジェクトストアは</code><a href="/ja/docs/IndexedDB#gloss_key_generator">key generator</a>を持つ。既定値は<code>false。</code></td> </tr> </tbody> </table> @@ -149,7 +149,7 @@ translation_of: Web/API/IDBDatabase/createObjectStore <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbdatabase/index.html b/files/ja/web/api/idbdatabase/index.html index 4b71231d6b..45333d5080 100644 --- a/files/ja/web/api/idbdatabase/index.html +++ b/files/ja/web/api/idbdatabase/index.html @@ -15,10 +15,10 @@ translation_of: Web/API/IDBDatabase <p>IndexedDB API<code>のIDBDatabase</code>インターフェイスは、<a href="/ja/docs/IndexedDB#database_connection">データベースへの接続</a>を提供します。 <code>IDBDatabase</code>オブジェクトで、データベースの<a href="/ja/docs/IndexedDB#gloss_transaction">transaction</a>を開き、データベースのオブジェクト（データ）を生成したり、操作したり、削除したりできます。このインターフェイスはデータベースのバージョンを取得したり、統合したりする唯一の方法を提供します。</p> </div> <div class="note"> - <p><strong>Note</strong>: Everything you do in IndexedDB always happens in the context of a <a href="/en-US/docs/IndexedDB/Basic_Concepts_Behind_IndexedDB#gloss_transaction">transaction</a>, representing interactions with data in the database. All objects in IndexedDB — including object stores, indexes, and cursors — are tied to a particular transaction. Thus, you cannot execute commands, access data, or open anything outside of a transaction.</p> + <p><strong>Note</strong>: Everything you do in IndexedDB always happens in the context of a <a href="/ja/docs/IndexedDB/Basic_Concepts_Behind_IndexedDB#gloss_transaction">transaction</a>, representing interactions with data in the database. All objects in IndexedDB — including object stores, indexes, and cursors — are tied to a particular transaction. Thus, you cannot execute commands, access data, or open anything outside of a transaction.</p> </div> <h2 id="メソッド">メソッド</h2> -<p>Inherits from: <a href="/en-US/docs/DOM/EventTarget">EventTarget</a></p> +<p>Inherits from: <a href="/ja/docs/DOM/EventTarget">EventTarget</a></p> <dl> <dt> {{domxref("IDBDatabase.close")}}</dt> @@ -46,11 +46,11 @@ translation_of: Web/API/IDBDatabase <dt> {{domxref("IDBDatabase.version")}} {{readonlyInline}}</dt> <dd> - 接続しているデータベースのバージョンを含む<a href="/en-US/docs/NSPR_API_Reference/Long_Long_(64-bit)_Integers">64-bit integer</a>。データベースが初めて作られた場合、この属性は空文字である。</dd> + 接続しているデータベースのバージョンを含む<a href="/ja/docs/NSPR_API_Reference/Long_Long_(64-bit)_Integers">64-bit integer</a>。データベースが初めて作られた場合、この属性は空文字である。</dd> <dt> {{domxref("IDBDatabase.objectStoreNames")}} {{readonlyInline}}</dt> <dd> - 接続しているデータベースの<a href="/en-US/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }} 。</dd> + 接続しているデータベースの<a href="/ja/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }} 。</dd> </dl> <h3 id="イベントハンドラ">イベントハンドラ</h3> <dl> @@ -138,7 +138,7 @@ translation_of: Web/API/IDBDatabase <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbdatabase/name/index.html b/files/ja/web/api/idbdatabase/name/index.html index 6f336b0418..676a72d062 100644 --- a/files/ja/web/api/idbdatabase/name/index.html +++ b/files/ja/web/api/idbdatabase/name/index.html @@ -58,7 +58,7 @@ DBOpenRequest.onsuccess = function(event) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbdatabase/objectstorenames/index.html b/files/ja/web/api/idbdatabase/objectstorenames/index.html index 15dc43dddc..e0836a79b9 100644 --- a/files/ja/web/api/idbdatabase/objectstorenames/index.html +++ b/files/ja/web/api/idbdatabase/objectstorenames/index.html @@ -12,12 +12,12 @@ translation_of: Web/API/IDBDatabase/objectStoreNames --- <p>{{ APIRef("IDBDatabase") }}</p> <div> - <p>{{domxref("IDBDatabase")}}インターフェイスの<code>objectStoreNames</code>プロパティは、現在接続しているデータベースの<a href="https://developer.mozilla.org/en-US/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }}です。</p> + <p>{{domxref("IDBDatabase")}}インターフェイスの<code>objectStoreNames</code>プロパティは、現在接続しているデータベースの<a href="/ja/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }}です。</p> </div> <h2 id="構文">構文</h2> <pre class="brush: js">db.objectStoreNames</pre> <h3 id="値">値</h3> -<p>現在接続しているデータベースの<a href="https://developer.mozilla.org/en-US/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }}。</p> +<p>現在接続しているデータベースの<a href="/ja/docs/IndexedDB#gloss_object_store">object stores</a>名のリストを含む{{ domxref("DOMStringList") }}。</p> <h2 id="例"><span style="line-height: 1.5;">例</span></h2> <pre class="brush: js;highlight:[17]">// Let us open our database var DBOpenRequest = window.indexedDB.open("toDoList", 4); @@ -58,7 +58,7 @@ DBOpenRequest.onsuccess = function(event) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbdatabase/version/index.html b/files/ja/web/api/idbdatabase/version/index.html index f8ad9225b1..9f88859923 100644 --- a/files/ja/web/api/idbdatabase/version/index.html +++ b/files/ja/web/api/idbdatabase/version/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/IDBDatabase/version --- <p>{{ APIRef("IDBDatabase") }}</p> <div> - <p><code>{{domxref("IDBDatabase")}}インターフェイスのversion</code>プロパティ は、接続しているデータベースのバージョンを含む<a href="https://developer.mozilla.org/en-US/docs/NSPR_API_Reference/Long_Long_%2864-bit%29_Integers">64-bit integer</a>です。データベースを初めて生成した時、この属性は空文字です。</p> + <p><code>{{domxref("IDBDatabase")}}インターフェイスのversion</code>プロパティ は、接続しているデータベースのバージョンを含む<a href="/ja/docs/NSPR_API_Reference/Long_Long_%2864-bit%29_Integers">64-bit integer</a>です。データベースを初めて生成した時、この属性は空文字です。</p> </div> <h2 id="構文">構文</h2> <pre class="brush: js">db.version</pre> @@ -57,7 +57,7 @@ DBOpenRequest.onsuccess = function(event) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbenvironment/index.html b/files/ja/web/api/idbenvironment/index.html index 1368ffa401..4317d287c5 100644 --- a/files/ja/web/api/idbenvironment/index.html +++ b/files/ja/web/api/idbenvironment/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/IDBEnvironment <p><strong>Important</strong>: As of Firefox 52, the property defined in this mixin has been moved to the {{domxref("WindowOrWorkerGlobalScope")}} mixin, and other browsers will follow suit. Look to that page for up-to-date details.</p> </div> -<p><a href="https://developer.mozilla.org/en-US/docs/IndexedDB">IndexedDB API</a> の <strong><code>IDBEnvironment</code></strong> インタフェースには、IndexedDB の機能へアクセスするための <code>indexedDB</code> プロパティがあります。これは、{{domxref("window")}} と {{domxref("Worker")}}オブジェクトによって実装された、最上位の IndexedDB インタフェースです。</p> +<p><a href="/ja/docs/IndexedDB">IndexedDB API</a> の <strong><code>IDBEnvironment</code></strong> インタフェースには、IndexedDB の機能へアクセスするための <code>indexedDB</code> プロパティがあります。これは、{{domxref("window")}} と {{domxref("Worker")}}オブジェクトによって実装された、最上位の IndexedDB インタフェースです。</p> <p>{{AvailableInWorkers}}</p> @@ -64,7 +64,7 @@ function openDB() { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">IndexedDBの使用</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">IndexedDBの使用</a></li> <li>トランザクションの開始: {{domxref("IDBDatabase")}}</li> <li>トランザクションの使用: {{domxref("IDBTransaction")}}</li> <li>キーの範囲の設定: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbfactory/cmp/index.html b/files/ja/web/api/idbfactory/cmp/index.html index bfaafd5692..909d864605 100644 --- a/files/ja/web/api/idbfactory/cmp/index.html +++ b/files/ja/web/api/idbfactory/cmp/index.html @@ -50,7 +50,7 @@ translation_of: Web/API/IDBFactory/cmp <th scope="col">説明</th> </tr> <tr> - <td><a href="/en-US/docs/DOM/DOMError"><code>DataError</code></a></td> + <td><a href="/ja/docs/DOM/DOMError"><code>DataError</code></a></td> <td>渡されたキーが不正な値である。</td> </tr> </thead> @@ -92,7 +92,7 @@ console.log( "Comparison results: " + result );</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbfactory/deletedatabase/index.html b/files/ja/web/api/idbfactory/deletedatabase/index.html index 44e8049545..1d92d1476a 100644 --- a/files/ja/web/api/idbfactory/deletedatabase/index.html +++ b/files/ja/web/api/idbfactory/deletedatabase/index.html @@ -43,7 +43,7 @@ DBDeleteRequest.onsuccess = function(event) { <dt> options {{ NonStandardBadge() }}</dt> <dd> - Geckoの<a href="/en-US/Firefox/Releases/26">version 26</a>から、永続的な（既定値）IndexedDBまたは、一時的なストレージ（shared pool）を削除するための、標準化されていないオプションのストレージパラメーターを含めることができます。</dd> + Geckoの<a href="/ja/Firefox/Releases/26">version 26</a>から、永続的な（既定値）IndexedDBまたは、一時的なストレージ（shared pool）を削除するための、標準化されていないオプションのストレージパラメーターを含めることができます。</dd> </dl> <div class="note"> <p><strong>Note</strong>: Data in temporary storage persists until the global limit for the pool is reached. The global limit calculation is relatively complex, but we are considering changing it (see {{ Bug("968272") }}). When the global limit is reached, then data for the least recently used origin is deleted. There's also a group limit (eTLD+1 group/domain) which is currently 20% of the global limit. All requests that would exceed the group limit are just rejected.</p> @@ -69,7 +69,7 @@ DBDeleteRequest.onsuccess = function(event) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbfactory/index.html b/files/ja/web/api/idbfactory/index.html index 70948758b4..c04b6eea90 100644 --- a/files/ja/web/api/idbfactory/index.html +++ b/files/ja/web/api/idbfactory/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/IDBFactory <dl> <dt>{{domxref("IDBFactory.open")}}</dt> - <dd><a href="/docs/IndexedDB#gloss_database_connection">データベースへの接続</a>を開く要求をする現在のメソッドです。</dd> + <dd><a href="/ja/docs/IndexedDB#gloss_database_connection">データベースへの接続</a>を開く要求をする現在のメソッドです。</dd> <dt>{{domxref("IDBFactory.deleteDatabase")}}</dt> <dd>データベースの削除を要求するメソッドです。</dd> <dt>{{domxref("IDBFactory.cmp")}}</dt> diff --git a/files/ja/web/api/idbrequest/index.html b/files/ja/web/api/idbrequest/index.html index f4cab5a01b..a2d5f1d5cd 100644 --- a/files/ja/web/api/idbrequest/index.html +++ b/files/ja/web/api/idbrequest/index.html @@ -59,12 +59,12 @@ translation_of: Web/API/IDBRequest <p>Listen to these events using <code>addEventListener()</code> or by assigning an event listener to the <code>on<em>eventname</em></code> property of this interface.</p> <dl> - <dt><a href="/en-US/docs/Web/API/IDBRequest/error_event"><code>error</code></a></dt> + <dt><a href="/ja/docs/Web/API/IDBRequest/error_event"><code>error</code></a></dt> <dd>Fired when an error caused a request to fail.<br> - Also available via the <code><a href="/en-US/docs/Web/API/IDBRequest/onerror">onerror</a></code> property.</dd> - <dt><a href="/en-US/docs/Web/API/IDBRequest/success_event"><code>success</code></a></dt> + Also available via the <code><a href="/ja/docs/Web/API/IDBRequest/onerror">onerror</a></code> property.</dd> + <dt><a href="/ja/docs/Web/API/IDBRequest/success_event"><code>success</code></a></dt> <dd>Fired when an <code>IDBRequest</code> succeeds.<br> - Also available via the <code><a href="/en-US/docs/Web/API/IDBRequest/onsuccess">onsuccess</a></code> property.</dd> + Also available via the <code><a href="/ja/docs/Web/API/IDBRequest/onsuccess">onsuccess</a></code> property.</dd> </dl> <h2 id="Example">Example</h2> @@ -124,7 +124,7 @@ DBOpenRequest.onsuccess = function(event) { <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API/Using_IndexedDB">Using IndexedDB</a></li> <li>Starting transactions: {{domxref("IDBDatabase")}}</li> <li>Using transactions: {{domxref("IDBTransaction")}}</li> <li>Setting a range of keys: {{domxref("IDBKeyRange")}}</li> diff --git a/files/ja/web/api/idbrequest/success_event/index.html b/files/ja/web/api/idbrequest/success_event/index.html index 21c49830e4..dcbd3a9712 100644 --- a/files/ja/web/api/idbrequest/success_event/index.html +++ b/files/ja/web/api/idbrequest/success_event/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/IDBRequest/success_event </tr> <tr> <th scope="row">Event handler property</th> - <td><code><a href="/en-US/docs/Web/API/IDBRequest/onsuccess">onsuccess</a></code></td> + <td><code><a href="/ja/docs/Web/API/IDBRequest/onsuccess">onsuccess</a></code></td> </tr> </tbody> </table> diff --git a/files/ja/web/api/installtrigger/index.html b/files/ja/web/api/installtrigger/index.html index 3d7d296908..4eef532189 100644 --- a/files/ja/web/api/installtrigger/index.html +++ b/files/ja/web/api/installtrigger/index.html @@ -8,9 +8,9 @@ original_slug: XPInstall_API_Reference/InstallTrigger_Object <p>ソフトウェアのダウンロードとインストールをする引き金となる Web ページ上のスクリプトには、<code>InstallTrigger</code> オブジェクトを使用します。</p> <h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3> <p>とても簡単なインストール方法は、インストールスクリプトに必要な InstallTrigger オブジェクトを使用するだけです。</p> -<p>複雑なインストール方法では、<a href="ja/XPInstall_API_Reference/Install_Object"> Install</a> オブジェクトや <a href="ja/XPInstall_API_Reference/File_Object"> File</a> オブジェクトを使用する必要があります。どちらの場合も Web ページスクリプトを作成してインストール処理の引き金にします。そのページ内の InstallTrigger メソッドが、指定した XPI ファイルをダウンロードし、その XPI ファイルのトップレベルに置かれた install.js スクリプトを起動する "引き金" になります。</p> -<p>InstallTrigger オブジェクト上の最初のメソッドは <a href="ja/XPInstall_API_Reference/InstallTrigger_Object/Methods/install"> install</a> です。これは、XPI ファイル形式にまとめられた一つまたはそれ以上のソフトウェアパッケージをダウンロードし、インストールします。以下は、Web ページ上からインストールする引き金の基本的な例です:</p> +<p>複雑なインストール方法では、<a href="/ja/XPInstall_API_Reference/Install_Object"> Install</a> オブジェクトや <a href="/ja/XPInstall_API_Reference/File_Object"> File</a> オブジェクトを使用する必要があります。どちらの場合も Web ページスクリプトを作成してインストール処理の引き金にします。そのページ内の InstallTrigger メソッドが、指定した XPI ファイルをダウンロードし、その XPI ファイルのトップレベルに置かれた install.js スクリプトを起動する "引き金" になります。</p> +<p>InstallTrigger オブジェクト上の最初のメソッドは <a href="/ja/XPInstall_API_Reference/InstallTrigger_Object/Methods/install"> install</a> です。これは、XPI ファイル形式にまとめられた一つまたはそれ以上のソフトウェアパッケージをダウンロードし、インストールします。以下は、Web ページ上からインストールする引き金の基本的な例です:</p> <pre>xpi={'XPInstall Dialog Display Name':'simple.xpi'}; InstallTrigger.install(xpi); </pre> -<p>また、InstallTrigger オブジェクトをソフトウェアのバージョンチェックに使用したり、Netscape 6 や Mozilla のテーマ、言語パックをインストールしたり、<a href="ja/XPInstall_API_Reference/InstallTrigger_Object/Methods/install"> install</a> オブジェクトを使用して複数のパッケージをインストールすることもできます。</p> +<p>また、InstallTrigger オブジェクトをソフトウェアのバージョンチェックに使用したり、Netscape 6 や Mozilla のテーマ、言語パックをインストールしたり、<a href="/ja/XPInstall_API_Reference/InstallTrigger_Object/Methods/install"> install</a> オブジェクトを使用して複数のパッケージをインストールすることもできます。</p> diff --git a/files/ja/web/api/intersection_observer_api/timing_element_visibility/index.html b/files/ja/web/api/intersection_observer_api/timing_element_visibility/index.html index 42f9db568a..b2da47c169 100644 --- a/files/ja/web/api/intersection_observer_api/timing_element_visibility/index.html +++ b/files/ja/web/api/intersection_observer_api/timing_element_visibility/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Intersection_Observer_API/Timing_element_visibility <div id="fullpage_example"> <h2 id="サイト構造：HTML">サイト構造：HTML</h2> -<p>The site's structure is not too complicated. We'll be using <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS Grid</a> to style and lay out the site, so we can be pretty straightforward here:</p> +<p>The site's structure is not too complicated. We'll be using <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS Grid</a> to style and lay out the site, so we can be pretty straightforward here:</p> <pre class="brush: html"><div class="wrapper"> <header> @@ -249,7 +249,7 @@ function startup() { <h3 id="ドキュメントの可視性の変更の処理">ドキュメントの可視性の変更の処理</h3> -<p>Let's take a look at the handler for the {{event("visibilitychange")}} event. Our script receives this event when the document itself becomes visible or invisible. The most important scenario here is when the user switches tabs. Since Intersection Observer only cares about the intersection between the targeted elements and the intersection root, and not the tab's visibility (which is a different issue entirely), we need to use the <a href="/en-US/docs/Web/API/Page_Visibility_API">Page Visibility API</a> to detect these tab switches and disable our timers for the duration.</p> +<p>Let's take a look at the handler for the {{event("visibilitychange")}} event. Our script receives this event when the document itself becomes visible or invisible. The most important scenario here is when the user switches tabs. Since Intersection Observer only cares about the intersection between the targeted elements and the intersection root, and not the tab's visibility (which is a different issue entirely), we need to use the <a href="/ja/docs/Web/API/Page_Visibility_API">Page Visibility API</a> to detect these tab switches and disable our timers for the duration.</p> <pre class="brush: js">function handleVisibilityChange() { if (document.hidden) { diff --git a/files/ja/web/api/issecurecontext/index.html b/files/ja/web/api/issecurecontext/index.html index 877738b41b..267a421750 100644 --- a/files/ja/web/api/issecurecontext/index.html +++ b/files/ja/web/api/issecurecontext/index.html @@ -53,5 +53,5 @@ original_slug: Web/API/WindowOrWorkerGlobalScope/isSecureContext <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/Security/Secure_Contexts">Secure contexts</a></li> + <li><a href="/ja/docs/Web/Security/Secure_Contexts">Secure contexts</a></li> </ul> diff --git a/files/ja/web/api/keyboardevent/code/index.html b/files/ja/web/api/keyboardevent/code/index.html index 07ac76cf5a..5801f2618d 100644 --- a/files/ja/web/api/keyboardevent/code/index.html +++ b/files/ja/web/api/keyboardevent/code/index.html @@ -139,7 +139,7 @@ let spaceship = document.getElementById("spaceship"); } </pre> -<p>The <code>refresh()</code> function handles applying the rotation and position by using an <a href="/en-US/docs/Web/SVG/Attribute/transform">SVG transform</a>.</p> +<p>The <code>refresh()</code> function handles applying the rotation and position by using an <a href="/ja/docs/Web/SVG/Attribute/transform">SVG transform</a>.</p> <pre class="brush: js notranslate">function refresh() { let x = position.x - (shipSize.width/2); diff --git a/files/ja/web/api/keyboardevent/index.html b/files/ja/web/api/keyboardevent/index.html index b1fbcb5830..11e8ceef87 100644 --- a/files/ja/web/api/keyboardevent/index.html +++ b/files/ja/web/api/keyboardevent/index.html @@ -329,7 +329,7 @@ document.addEventListener('keyup', (event) => { <h3 id="Compatibility_notes" name="Compatibility_notes">互換性のメモ</h3> <ul> - <li>Firefox 65 では、 <code>keypress</code> イベントは<a href="/en-US/docs/Web/API/KeyboardEvent/keyCode#Non-printable_keys_(function_keys)">印字可能キー以外</a>では発生しなくなりました ({{bug(968056)}})が、 <kbd>Enter</kbd> キー、 <kbd>Shift</kbd> + <kbd>Enter</kbd> キー、 <kbd>Ctrl</kbd> + <kbd>Enter</kbd> キーの組み合わせでは発生します (これらはブラウザー間の互換性の目的のために維持されています)。</li> + <li>Firefox 65 では、 <code>keypress</code> イベントは<a href="/ja/docs/Web/API/KeyboardEvent/keyCode#Non-printable_keys_(function_keys)">印字可能キー以外</a>では発生しなくなりました ({{bug(968056)}})が、 <kbd>Enter</kbd> キー、 <kbd>Shift</kbd> + <kbd>Enter</kbd> キー、 <kbd>Ctrl</kbd> + <kbd>Enter</kbd> キーの組み合わせでは発生します (これらはブラウザー間の互換性の目的のために維持されています)。</li> </ul> <h2 id="See_also" name="See_also">関連情報</h2> diff --git a/files/ja/web/api/keyboardevent/key/index.html b/files/ja/web/api/keyboardevent/key/index.html index ee4a4c0181..18660f91b4 100644 --- a/files/ja/web/api/keyboardevent/key/index.html +++ b/files/ja/web/api/keyboardevent/key/index.html @@ -19,12 +19,12 @@ translation_of: Web/API/KeyboardEvent/key <div class="moreinfo pull-aside"> <h4 id="Key_values" name="Key_values">キーの値</h4> -<p><a href="/docs/Web/API/KeyboardEvent/key/Key_Values">キーの値</a>の完全なリストを参照してください。</p> +<p><a href="/ja/docs/Web/API/KeyboardEvent/key/Key_Values">キーの値</a>の完全なリストを参照してください。</p> </div> <ul> <li>押されたキーが印刷表現を持っている場合は、返された値は空ではない Unicode 文字の文字列で、キーの印刷表現が入ります。</li> - <li>押されたキーが制御または特殊文字である場合は、返値は<a href="/docs/Web/API/KeyboardEvent/key/Key_Values">定義済みキー値</a>の内の一つになります。</li> + <li>押されたキーが制御または特殊文字である場合は、返値は<a href="/ja/docs/Web/API/KeyboardEvent/key/Key_Values">定義済みキー値</a>の内の一つになります。</li> <li><code>KeyboardEvent</code> が<a href="https://ja.wikipedia.org/wiki/%E3%83%87%E3%83%83%E3%83%89%E3%82%AD%E3%83%BC">デッドキー</a>が押されたことを表すのであれば、キーの値は "<code>Dead</code>" になります。</li> <li>キーボードの一部の特殊なキー (マルチメディアキーボードにおけるメディア制御のための拡張キーなど) は Windows のキーコードを生成しません。代わりに <code>WM_APPCOMMAND</code> イベントを起動します。これらのイベントは DOM キーボードイベントに対応付けられ、 Windows の「仮想キーコード」の中で、実際のキーコードではないものの紹介されます。</li> <li>キーが特定できなかった場合は、 <code>Unidentified</code> の値を返します。</li> diff --git a/files/ja/web/api/localfilesystem/index.html b/files/ja/web/api/localfilesystem/index.html index db45111daf..03f4cb281a 100644 --- a/files/ja/web/api/localfilesystem/index.html +++ b/files/ja/web/api/localfilesystem/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/LocalFileSystem --- <div>{{APIRef("File System API")}}{{non-standard_header()}}</div> -<p><a href="https://developer.mozilla.org/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_APIB">File System API</a> の <code>LocalFileSystem</code> インターフェイスを使用すると、サンドボックスファイルシステムにアクセスできます。 これらのメソッドは、<a href="ja/docs/Web/API/Window">window</a> オブジェクトと <a href="/ja/docs/Web/API/Worker">worker</a> オブジェクトによって実装されます。</p> +<p><a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_APIB">File System API</a> の <code>LocalFileSystem</code> インターフェイスを使用すると、サンドボックスファイルシステムにアクセスできます。 これらのメソッドは、<a href="/ja/docs/Web/API/Window">window</a> オブジェクトと <a href="/ja/docs/Web/API/Worker">worker</a> オブジェクトによって実装されます。</p> <h2 id="基本のコンセプト">基本のコンセプト</h2> @@ -213,6 +213,6 @@ window.requestFileSystem(window.PERSISTENT, 1024*1024,onInitFs,errorHandler); <p>仕様書:{{ spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD") }}</p> -<p>リファレンス: <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> +<p>リファレンス: <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> -<p>イントロダクション: <a href="/en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>イントロダクション: <a href="/ja/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/localfilesystemsync/index.html b/files/ja/web/api/localfilesystemsync/index.html index 77012edcb9..a099d3cde7 100644 --- a/files/ja/web/api/localfilesystemsync/index.html +++ b/files/ja/web/api/localfilesystemsync/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/LocalFileSystemSync --- <div>{{APIRef("File System API")}}{{non-standard_header()}}</div> -<p>The <code>LocalFileSystemSync</code> interface of the <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_APIB">File System API</a> gives you access to a sandboxed file system. It is intended to be used with <a href="/en/DOM/Worker" title="en/DOM/Worker"> WebWorkers</a>. The methods are implemented by <a href="/en/DOM/Worker" title="En/DOM/Worker">worker</a> objects.</p> +<p>The <code>LocalFileSystemSync</code> interface of the <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_APIB">File System API</a> gives you access to a sandboxed file system. It is intended to be used with <a href="/ja/DOM/Worker" title="en/DOM/Worker"> WebWorkers</a>. The methods are implemented by <a href="/ja/DOM/Worker" title="En/DOM/Worker">worker</a> objects.</p> <h2 id="この文書について">この文書について</h2> @@ -46,10 +46,10 @@ var fs = requestFileSystemSync(TEMPORARY, 1024*1024 /*1MB*/);</pre> <table class="standard-table"> <tbody> <tr> - <td><code>FileSystemSync <a href="#requestFileSystemSync" title="#requestFileSystemSync">requestFileSystemSync</a> (in unsigned short <em>type</em>, in long long <em>size</em>) raises <a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>; </code></td> + <td><code>FileSystemSync <a href="#requestFileSystemSync" title="#requestFileSystemSync">requestFileSystemSync</a> (in unsigned short <em>type</em>, in long long <em>size</em>) raises <a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>; </code></td> </tr> <tr> - <td><code>EntrySync <a href="#resolveLocalFileSystemSyncURL" title="resolveLocalFileSystemSyncURL">resolveLocalFileSystemSyncURL</a> (in DOMString <em>url</em>) raises <a href="/en/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>;</code></td> + <td><code>EntrySync <a href="#resolveLocalFileSystemSyncURL" title="resolveLocalFileSystemSyncURL">resolveLocalFileSystemSyncURL</a> (in DOMString <em>url</em>) raises <a href="/ja/DOM/File_API/File_System_API/FileException" title="en/DOM/File_API/File_System_API/FileException">FileException</a>;</code></td> </tr> </tbody> </table> @@ -103,7 +103,7 @@ var fs = requestFileSystemSync(TEMPORARY, 1024*1024 /*1MB*/);</pre> <h5 id="戻り値">戻り値</h5> <dl> - <dt><code><a href="/en/DOM/File_API/File_System_API/FileSystemSync" title="en/DOM/File_API/File_System_API/FileSystemSync">FileSystemSync</a></code></dt> + <dt><code><a href="/ja/DOM/File_API/File_System_API/FileSystemSync" title="en/DOM/File_API/File_System_API/FileSystemSync">FileSystemSync</a></code></dt> <dd>ファイルシステムを表すオブジェクト。</dd> </dl> @@ -142,7 +142,7 @@ var fs = requestFileSystemSync(TEMPORARY, 1024*1024 /*1MB*/);</pre> <h5 id="戻り値_2">戻り値</h5> <dl> - <dt><code><a href="/en/DOM/File_API/File_System_API/EntrySync" title="en/DOM/File_API/File_System_API/EntrySync">EntrySync</a></code></dt> + <dt><code><a href="/ja/DOM/File_API/File_System_API/EntrySync" title="en/DOM/File_API/File_System_API/EntrySync">EntrySync</a></code></dt> <dd>ファイルシステム内のエントリを表すオブジェクト。</dd> </dl> @@ -181,6 +181,6 @@ var fs = requestFileSystemSync(TEMPORARY, 1024*1024 /*1MB*/);</pre> <p>Specification:{{ spec("http://dev.w3.org/2009/dap/file-system/pub/FileSystem/", "File API: Directories and System Specification", "WD") }}</p> -<p>Reference: <a href="/en/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> +<p>Reference: <a href="/ja/DOM/File_API/File_System_API" title="en/DOM/File_API/File_System_API">File System API</a></p> -<p>Introduction: <a href="/en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> +<p>Introduction: <a href="/ja/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API" title="en/DOM/File_APIs/Filesystem/Basic_Concepts_About_the_Filesystem_API">Basic Concepts About the File System API</a></p> diff --git a/files/ja/web/api/media_streams_api/index.html b/files/ja/web/api/media_streams_api/index.html index 7b89041666..8306c78d9d 100644 --- a/files/ja/web/api/media_streams_api/index.html +++ b/files/ja/web/api/media_streams_api/index.html @@ -16,15 +16,15 @@ translation_of: Web/API/Media_Streams_API --- <div>{{DefaultAPISidebar("Media Capture and Streams")}}</div> -<p><strong>Media Capture and Streams</strong> APIは一般的に<em>Media Stream API</em>や<em>Stream API</em>と呼ばれる<a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a>に関連したAPIです。このAPIでは、オーディオやビデオデータのストリーム、これらを操作するためのメソッド、データタイプに関連づけられた制約、データを非同期に利用する際の成功と失敗のコールバック、これらの処理を行なっている最中に発生するイベントなどをサポートします。</p> +<p><strong>Media Capture and Streams</strong> APIは一般的に<em>Media Stream API</em>や<em>Stream API</em>と呼ばれる<a href="/ja/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a>に関連したAPIです。このAPIでは、オーディオやビデオデータのストリーム、これらを操作するためのメソッド、データタイプに関連づけられた制約、データを非同期に利用する際の成功と失敗のコールバック、これらの処理を行なっている最中に発生するイベントなどをサポートします。</p> <h2 id="基本概念">基本概念</h2> -<p>このAPIは、オーディオまたはビデオに関連づけられたデータの流れを表現するための{{domxref("MediaStream")}}オブジェクトの操作を基本としています。例として<a href="/en-US/docs/WebRTC/taking_webcam_photos#Get_the_video" title="/en-US/docs/WebRTC/taking_webcam_photos#Get_the_video">Get the video</a>(英語)をご覧ください。</p> +<p>このAPIは、オーディオまたはビデオに関連づけられたデータの流れを表現するための{{domxref("MediaStream")}}オブジェクトの操作を基本としています。例として<a href="/ja/docs/WebRTC/taking_webcam_photos#Get_the_video" title="/en-US/docs/WebRTC/taking_webcam_photos#Get_the_video">Get the video</a>(英語)をご覧ください。</p> <p><code>MediaStream</code>は0個以上の{{domxref("MediaStreamTrack")}}によって構成されます。<code>MediaStreamTrack</code>は様々なオーディオやビデオの<strong>トラック</strong>を表現します。それぞれの<code>MediaStreamTrack</code>は、1つ以上の<strong>チャンネル</strong>を持ちます。このチャンネルはメディアストリームの最小の単位を表現します。例えば、ステレオのオーディオトラックの<em>left</em>と<em>right</em>のチャンネルのそれぞれのように、与えられたスピーカーに関連づけられたオーディオ信号です。</p> -<p><code>MediaStream</code>オブジェクトは、1つの<strong>入力</strong>と1つの<strong>出力</strong>を持ちます。<code>MediaStream</code>オブジェクトは、ローカルで呼び出される{{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}によって生成され、ユーザーのカメラやマイクの1つを入力ソースとして持ちます。ローカルでない<code>MediaStream</code>は、{{HTMLElement("video")}}や{{HTMLElement("audio")}}などのメディア要素や、WebRTC {{domxref("RTCPeerConnection")}} APIによって取得できるネットワーク越しに生成されたストリーム、<a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioSourceNode")}}によって作成されたストリームとして表現されます。<code>MediaStream</code>オブジェクトの出力は<strong>コンシューマ</strong>(consumer)に接続されます。出力として{{HTMLElement("audio")}}や{{HTMLElement("video")}}などのメディア要素、WebRTC {{domxref("RTCPeerConnection")}} API、<a href="/en-US/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioDestinationNode")}}が使用できます。</p> +<p><code>MediaStream</code>オブジェクトは、1つの<strong>入力</strong>と1つの<strong>出力</strong>を持ちます。<code>MediaStream</code>オブジェクトは、ローカルで呼び出される{{domxref("MediaDevices.getUserMedia", "getUserMedia()")}}によって生成され、ユーザーのカメラやマイクの1つを入力ソースとして持ちます。ローカルでない<code>MediaStream</code>は、{{HTMLElement("video")}}や{{HTMLElement("audio")}}などのメディア要素や、WebRTC {{domxref("RTCPeerConnection")}} APIによって取得できるネットワーク越しに生成されたストリーム、<a href="/ja/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioSourceNode")}}によって作成されたストリームとして表現されます。<code>MediaStream</code>オブジェクトの出力は<strong>コンシューマ</strong>(consumer)に接続されます。出力として{{HTMLElement("audio")}}や{{HTMLElement("video")}}などのメディア要素、WebRTC {{domxref("RTCPeerConnection")}} API、<a href="/ja/docs/Web_Audio_API" title="/en-US/docs/Web_Audio_API">Web Audio API</a> {{domxref("MediaStreamAudioDestinationNode")}}が使用できます。</p> <p> </p> @@ -68,7 +68,7 @@ translation_of: Web/API/Media_Streams_API <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> - APIの入門ページ</li> + <li><a href="/ja/docs/WebRTC" title="/en-US/docs/WebRTC">WebRTC</a> - APIの入門ページ</li> <li>{{domxref("mediaDevices.getUserMedia()")}}</li> - <li><a href="/en-US/docs/WebRTC/taking_webcam_photos">Taking webcam photos</a>: <code>getUserMedia()</code>を用いたデモとチュートリアル</li> + <li><a href="/ja/docs/WebRTC/taking_webcam_photos">Taking webcam photos</a>: <code>getUserMedia()</code>を用いたデモとチュートリアル</li> </ul> diff --git a/files/ja/web/api/mediadeviceinfo/index.html b/files/ja/web/api/mediadeviceinfo/index.html index 3385d734c4..347a3c186d 100644 --- a/files/ja/web/api/mediadeviceinfo/index.html +++ b/files/ja/web/api/mediadeviceinfo/index.html @@ -92,7 +92,7 @@ audioinput: Built-in Microphone id=r2/xw1xUPIyZunfV1lGrKOma5wTOvCkWfZ368XCndm0= <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC API</a></li> + <li><a href="/ja/docs/Web/API/WebRTC_API">WebRTC API</a></li> <li>{{domxref("MediaDevices.enumerateDevices", "navigator.mediaDevices.enumerateDevices()")}}</li> <li>{{domxref("MediaDevices.getUserMedia", "navigator.mediaDevices.getUserMedia()")}}</li> </ul> diff --git a/files/ja/web/api/mediadevices/enumeratedevices/index.html b/files/ja/web/api/mediadevices/enumeratedevices/index.html index 285facc61f..6c87f570fc 100644 --- a/files/ja/web/api/mediadevices/enumeratedevices/index.html +++ b/files/ja/web/api/mediadevices/enumeratedevices/index.html @@ -109,8 +109,8 @@ navigator.mediaDevices.enumerateDevices() <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getUserMedia" title="mediaDevices.getUserMedia">navigator.mediaDevices.getUserMedia</a></li> - <li><a href="/en-US/docs/WebRTC" title="WebRTC">WebRTC</a> - APIの導入ページ</li> - <li><a href="/en-US/docs/WebRTC/MediaStream_API" title="WebRTC/MediaStream_API">MediaStream API</a> - media streamオブジェクトの導入ページ</li> - <li><a href="/en-US/docs/WebRTC/taking_webcam_photos" title="WebRTC/taking_webcam_photos">Taking webcam photos</a> - videoよりも写真を撮るために<code>getUserMedia()を使用するためのチュートリアル</code></li> + <li><a href="/ja/docs/Web/API/MediaDevices/getUserMedia" title="mediaDevices.getUserMedia">navigator.mediaDevices.getUserMedia</a></li> + <li><a href="/ja/docs/WebRTC" title="WebRTC">WebRTC</a> - APIの導入ページ</li> + <li><a href="/ja/docs/WebRTC/MediaStream_API" title="WebRTC/MediaStream_API">MediaStream API</a> - media streamオブジェクトの導入ページ</li> + <li><a href="/ja/docs/WebRTC/taking_webcam_photos" title="WebRTC/taking_webcam_photos">Taking webcam photos</a> - videoよりも写真を撮るために<code>getUserMedia()を使用するためのチュートリアル</code></li> </ul> diff --git a/files/ja/web/api/mediadevices/getusermedia/index.html b/files/ja/web/api/mediadevices/getusermedia/index.html index 53f62988fc..74ede6b142 100644 --- a/files/ja/web/api/mediadevices/getusermedia/index.html +++ b/files/ja/web/api/mediadevices/getusermedia/index.html @@ -148,7 +148,7 @@ translation_of: Web/API/MediaDevices/getUserMedia <dt><code>AbortError</code></dt> <dd>デバイスへのアクセスはユーザとOSから許可され、かつ<code>NotReadableError</code>が生じるような問題も起きなかったが、デバイスを利用できない何らかの問題が発生した。</dd> <dt><code>NotAllowedError</code></dt> - <dd>One or more of the requested source devices cannot be used at this time. This will happen if the browsing context is insecure (that is, the page was loaded using HTTP rather than HTTPS). It also happens if the user has specified that the current browsing instance is not permitted access to the device, the user has denied access for the current session, or the user has denied all access to user media devices globally. On browsers that support managing media permissions with <a href="/en-US/docs/Web/HTTP/Feature_Policy">Feature Policy</a>, this error is returned if Feature Policy is not configured to allow access to the input source(s). + <dd>One or more of the requested source devices cannot be used at this time. This will happen if the browsing context is insecure (that is, the page was loaded using HTTP rather than HTTPS). It also happens if the user has specified that the current browsing instance is not permitted access to the device, the user has denied access for the current session, or the user has denied all access to user media devices globally. On browsers that support managing media permissions with <a href="/ja/docs/Web/HTTP/Feature_Policy">Feature Policy</a>, this error is returned if Feature Policy is not configured to allow access to the input source(s). <div class="note">Older versions of the specification used <code>SecurityError</code> for this instead; <code>SecurityError</code> has taken on a new meaning.</div> </dd> <dt><code>NotFoundError</code></dt> @@ -169,9 +169,9 @@ translation_of: Web/API/MediaDevices/getUserMedia <p>As an API that may involve significant privacy concerns, <code>getUserMedia()</code>'s specification lays out a wide array of privacy and security requirements that browsers are obligated to meet.</p> -<p><code>getUserMedia()</code> is a powerful feature which can only be used in <a href="/en-US/docs/Web/Security/Secure_Contexts">secure contexts</a>; in insecure contexts, <code>navigator.mediaDevices</code> is <code>undefined</code>, preventing access to <code>getUserMedia()</code>. A secure context is, in short, a page loaded using HTTPS or the <code>file:///</code> URL scheme, or a page loaded from <code>localhost</code>.</p> +<p><code>getUserMedia()</code> is a powerful feature which can only be used in <a href="/ja/docs/Web/Security/Secure_Contexts">secure contexts</a>; in insecure contexts, <code>navigator.mediaDevices</code> is <code>undefined</code>, preventing access to <code>getUserMedia()</code>. A secure context is, in short, a page loaded using HTTPS or the <code>file:///</code> URL scheme, or a page loaded from <code>localhost</code>.</p> -<p>In addition, user permission is always required to access the user's audio and video inputs. Only a window's top-level document context for a valid origin can even request permission to use <code>getUserMedia()</code>, unless the top-level context expressly grants permission for a given {{HTMLElement("iframe")}} to do so using <a href="/en-US/docs/Web/HTTP/Feature_Policy">Feature Policy</a>. Otherwise, the user will never even be asked for permission to use the input devices.</p> +<p>In addition, user permission is always required to access the user's audio and video inputs. Only a window's top-level document context for a valid origin can even request permission to use <code>getUserMedia()</code>, unless the top-level context expressly grants permission for a given {{HTMLElement("iframe")}} to do so using <a href="/ja/docs/Web/HTTP/Feature_Policy">Feature Policy</a>. Otherwise, the user will never even be asked for permission to use the input devices.</p> <p>For additional details on these requirements and rules, how they are reflected in the context in which your code is running, and about how browsers manage user privacy and security issues, read on.</p> @@ -193,7 +193,7 @@ translation_of: Web/API/MediaDevices/getUserMedia <h4 id="Feature_Policy">Feature Policy</h4> -<p>The <a href="/en-US/docs/Web/HTTP/Feature_Policy">Feature Policy</a> security management feature of {{Glossary("HTTP")}} is in the process of being introduced into browsers, with support available to some extent in many browsers (though not always enabled by default, as in Firefox). <code>getUserMedia()</code> is one method which will require the use of Feature Policy, and your code needs to be prepared to deal with this. For example, you may need to use the {{htmlattrxref("allow", "iframe")}} attribute on any {{HTMLElement("iframe")}} that uses <code>getUserMedia()</code>, and pages that use <code>getUserMedia()</code> will eventually need to supply the {{HTTPHeader("Feature-Policy")}} header.</p> +<p>The <a href="/ja/docs/Web/HTTP/Feature_Policy">Feature Policy</a> security management feature of {{Glossary("HTTP")}} is in the process of being introduced into browsers, with support available to some extent in many browsers (though not always enabled by default, as in Firefox). <code>getUserMedia()</code> is one method which will require the use of Feature Policy, and your code needs to be prepared to deal with this. For example, you may need to use the {{htmlattrxref("allow", "iframe")}} attribute on any {{HTMLElement("iframe")}} that uses <code>getUserMedia()</code>, and pages that use <code>getUserMedia()</code> will eventually need to supply the {{HTTPHeader("Feature-Policy")}} header.</p> <p>The two permissions that apply to <code>getUserMedia()</code> are <code>camera</code> and <code>microphone</code>.</p> @@ -210,11 +210,11 @@ translation_of: Web/API/MediaDevices/getUserMedia <pre class="brush: html notranslate"><iframe src="https://mycode.example.net/etc" allow="camera;microphone"> </iframe></pre> -<p>Read our guide, <a href="/en-US/docs/Web/HTTP/Feature_Policy/Using_Feature_Policy">Using Feature Policy</a>, to learn more about how it works.</p> +<p>Read our guide, <a href="/ja/docs/Web/HTTP/Feature_Policy/Using_Feature_Policy">Using Feature Policy</a>, to learn more about how it works.</p> <h4 id="Encryption_based_security">Encryption based security</h4> -<p>The <code>getUserMedia()</code> method is only available in <a href="/en-US/docs/Web/Security/Secure_Contexts">secure contexts</a>. A secure context is one the browser is reasonably confident contains a document which was loaded securely, using HTTPS/TLS, and has limited exposure to insecure contexts. If a document isn't loaded in a secure context, the {{domxref("navigator.mediaDevices")}} property is <code>undefined</code>, making access to <code>getUserMedia()</code> impossible.</p> +<p>The <code>getUserMedia()</code> method is only available in <a href="/ja/docs/Web/Security/Secure_Contexts">secure contexts</a>. A secure context is one the browser is reasonably confident contains a document which was loaded securely, using HTTPS/TLS, and has limited exposure to insecure contexts. If a document isn't loaded in a secure context, the {{domxref("navigator.mediaDevices")}} property is <code>undefined</code>, making access to <code>getUserMedia()</code> impossible.</p> <p>Attempting to access <code>getUserMedia()</code> in this situation will result in a <code>TypeError</code>.</p> diff --git a/files/ja/web/api/mediadevices/ondevicechange/index.html b/files/ja/web/api/mediadevices/ondevicechange/index.html index e53c03b5dd..6f63115726 100644 --- a/files/ja/web/api/mediadevices/ondevicechange/index.html +++ b/files/ja/web/api/mediadevices/ondevicechange/index.html @@ -152,7 +152,7 @@ let videoList = document.getElementById("videoList");</pre> <p>すべてのデバイスの情報を出力するために、{{jsxref("Array.forEach", "forEach()")}}ループを使用します。それぞれのデバイスで、ユーザへこのデバイス情報を見せるために新しい{{HTMLElement("li")}}オブジェクトを作成します。</p> -<p><code>let [kind, type, direction] = device.kind.match(/(\w+)(input|output)/i);</code>の行について詳しく説明します。ここでは<a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a> (<a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">ECMAScript 6</a>の新しい機能)を使用しており、{{jsxref("String.match()")}}によって返された配列の値を<code>kind</code>、<code>type</code>、<code>direction</code>の変数へ代入しています。なぜこのようなことをするのかというと、{{domxref("MediaDeviceInfo.kind")}}の文字列は、"audioinput"や"videooutput"のように、メディアタイプとメディアフローの向きの2つの情報を含んでいるためです。この行で、タイプ("audio"または"video")と方向("input"と"output")を取り出すことで、リストに表示する文字列を作成することができます。</p> +<p><code>let [kind, type, direction] = device.kind.match(/(\w+)(input|output)/i);</code>の行について詳しく説明します。ここでは<a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a> (<a href="/ja/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">ECMAScript 6</a>の新しい機能)を使用しており、{{jsxref("String.match()")}}によって返された配列の値を<code>kind</code>、<code>type</code>、<code>direction</code>の変数へ代入しています。なぜこのようなことをするのかというと、{{domxref("MediaDeviceInfo.kind")}}の文字列は、"audioinput"や"videooutput"のように、メディアタイプとメディアフローの向きの2つの情報を含んでいるためです。この行で、タイプ("audio"または"video")と方向("input"と"output")を取り出すことで、リストに表示する文字列を作成することができます。</p> <p>太字のデバイス名と括弧で囲まれた方向を含む文字列が作成されると、デバイスタイプに基づいて<code>audioList</code>または<code>videoList</code>対応する一覧へ{{domxref("Node.appendChild", "appendChild()")}}の呼び出しによって追加されます。</p> diff --git a/files/ja/web/api/mediasource/istypesupported/index.html b/files/ja/web/api/mediasource/istypesupported/index.html index 46c9e237ab..6355a32442 100644 --- a/files/ja/web/api/mediasource/istypesupported/index.html +++ b/files/ja/web/api/mediasource/istypesupported/index.html @@ -97,9 +97,9 @@ var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'; <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> - <li><a href="/en-US/docs/Web/Media/Formats">ウェブ上のメディアタイプとフォーマットのガイド</a></li> - <li><a href="/en-US/docs/Web/Media/Formats/codecs_parameter">一般的なメディアタイプにおける "codecs" パラメーター</a></li> + <li><a href="/ja/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> + <li><a href="/ja/docs/Web/Media/Formats">ウェブ上のメディアタイプとフォーマットのガイド</a></li> + <li><a href="/ja/docs/Web/Media/Formats/codecs_parameter">一般的なメディアタイプにおける "codecs" パラメーター</a></li> <li>{{domxref("SourceBuffer")}}</li> <li>{{domxref("SourceBufferList")}}</li> </ul> diff --git a/files/ja/web/api/mediastreamconstraints/index.html b/files/ja/web/api/mediastreamconstraints/index.html index 5a4dba4b40..7b57cf20ed 100644 --- a/files/ja/web/api/mediastreamconstraints/index.html +++ b/files/ja/web/api/mediastreamconstraints/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/MediaStreamConstraints <div> </div> -<div>制約がどのようにして動作するのかについての詳細は、<a href="/en-US/docs/Web/API/Media_Streams_API/Constraints">Capabilities, constraints, and settings</a> (英語)をお読みください。</div> +<div>制約がどのようにして動作するのかについての詳細は、<a href="/ja/docs/Web/API/Media_Streams_API/Constraints">Capabilities, constraints, and settings</a> (英語)をお読みください。</div> <h2 id="プロパティ">プロパティ</h2> diff --git a/files/ja/web/api/mediastreamtrack/enabled/index.html b/files/ja/web/api/mediastreamtrack/enabled/index.html index 1068b4c2e7..e0c0e721e6 100644 --- a/files/ja/web/api/mediastreamtrack/enabled/index.html +++ b/files/ja/web/api/mediastreamtrack/enabled/index.html @@ -40,8 +40,8 @@ translation_of: Web/API/MediaStreamTrack/enabled <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">MediaStream API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">MediaStream API</a></li> <li>{{domxref("MediaStream")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/id/index.html b/files/ja/web/api/mediastreamtrack/id/index.html index 0fa701e6a7..611849c208 100644 --- a/files/ja/web/api/mediastreamtrack/id/index.html +++ b/files/ja/web/api/mediastreamtrack/id/index.html @@ -41,5 +41,5 @@ translation_of: Web/API/MediaStreamTrack/id <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/index.html b/files/ja/web/api/mediastreamtrack/index.html index 00f596531f..4f7cac8258 100644 --- a/files/ja/web/api/mediastreamtrack/index.html +++ b/files/ja/web/api/mediastreamtrack/index.html @@ -125,6 +125,6 @@ translation_of: Web/API/MediaStreamTrack <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaStream")}}</li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/kind/index.html b/files/ja/web/api/mediastreamtrack/kind/index.html index 6e3bce4d9e..13ee87a7d7 100644 --- a/files/ja/web/api/mediastreamtrack/kind/index.html +++ b/files/ja/web/api/mediastreamtrack/kind/index.html @@ -52,5 +52,5 @@ translation_of: Web/API/MediaStreamTrack/kind <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/label/index.html b/files/ja/web/api/mediastreamtrack/label/index.html index 6c7147977e..14bcb3b211 100644 --- a/files/ja/web/api/mediastreamtrack/label/index.html +++ b/files/ja/web/api/mediastreamtrack/label/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaStreamTrack/label --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><code><strong>MediaStreamTrack.label</strong></code> は読み取り専用のプロパティであり、 <code>"internal microphone"</code>のようなトラックソースを識別するユーザエージェントによって割り当てられたラベルを含む<a href="https://developer.mozilla.org/ja/docs/Web/API/DOMString" title="DOMString は、UTF-16 文字列です。JavaScript では UTF-16 文字列を用いるため、DOMString は直接 String に対応します。"><code>DOMString</code></a>を返します。この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。</p> +<p><code><strong>MediaStreamTrack.label</strong></code> は読み取り専用のプロパティであり、 <code>"internal microphone"</code>のようなトラックソースを識別するユーザエージェントによって割り当てられたラベルを含む<a href="/ja/docs/Web/API/DOMString" title="DOMString は、UTF-16 文字列です。JavaScript では UTF-16 文字列を用いるため、DOMString は直接 String に対応します。"><code>DOMString</code></a>を返します。この文字列は空になることもあり、ソースが接続されていないと空になります。トラックのソースとの関連付けが解除されても、このラベルは変更されません。</p> <h2 id="文法">文法</h2> @@ -39,5 +39,5 @@ translation_of: Web/API/MediaStreamTrack/label <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/onended/index.html b/files/ja/web/api/mediastreamtrack/onended/index.html index 8f317c76b7..b41beb67cb 100644 --- a/files/ja/web/api/mediastreamtrack/onended/index.html +++ b/files/ja/web/api/mediastreamtrack/onended/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaStreamTrack/onended --- <p>{{ APIRef("Media Capture and Streams") }}</p> -<p><code><strong>MediaStreamTrack.onended</strong></code> イベントハンドラは<code><a href="https://developer.mozilla.org/ja/docs/Web/Reference/Events/ended_(MediaStream)" rel="nofollow" title="/ja/docs/Web/Reference/Events/ended_(MediaStream)">ended</a></code>イベントが発生した時に実行する<code><a href="https://developer.mozilla.org/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか？">EventHandler</a></code>の関数です。このイベントは、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaStreamTrack" title="MediaStreamTrack インタフェースは、ストリームに含まれる一つのメディアトラックを表現します。 一般的に、オーディオやビデオのトラックですが、他の種類のトラックも存在することができます。"><code>MediaStreamTrack</code></a>オブジェクトのソースが、これ以上データを提供することがないか、ユーザーの操作によって許可が無効になったか、ソースデバイスが取り出されたか、リモートのピアがデータの送信を停止した時に発生します。</p> +<p><code><strong>MediaStreamTrack.onended</strong></code> イベントハンドラは<code><a href="/ja/docs/Web/Reference/Events/ended_(MediaStream)" rel="nofollow" title="/ja/docs/Web/Reference/Events/ended_(MediaStream)">ended</a></code>イベントが発生した時に実行する<code><a href="/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか？">EventHandler</a></code>の関数です。このイベントは、<a href="/ja/docs/Web/API/MediaStreamTrack" title="MediaStreamTrack インタフェースは、ストリームに含まれる一つのメディアトラックを表現します。 一般的に、オーディオやビデオのトラックですが、他の種類のトラックも存在することができます。"><code>MediaStreamTrack</code></a>オブジェクトのソースが、これ以上データを提供することがないか、ユーザーの操作によって許可が無効になったか、ソースデバイスが取り出されたか、リモートのピアがデータの送信を停止した時に発生します。</p> <h2 id="文法">文法</h2> diff --git a/files/ja/web/api/mediastreamtrack/onmute/index.html b/files/ja/web/api/mediastreamtrack/onmute/index.html index c8154b28c0..0707c39193 100644 --- a/files/ja/web/api/mediastreamtrack/onmute/index.html +++ b/files/ja/web/api/mediastreamtrack/onmute/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/MediaStreamTrack/onmute <h3 id="値">値</h3> -<p>{{event("mute")}}イベントが発生した時の実行する処理の関数を<a href="https://developer.mozilla.org/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>EventHandler</code></a>として設定します。このイベントハンドラーの関数は1つのパラメータ持ちます。このパラメータはイベントオブジェクトであり、単純な<a href="https://developer.mozilla.org/ja/docs/Web/API/Event" title="Event インターフェイスは、DOM で発生するイベントを表します。ユーザーによって発生するイベント (マウスやキーボードのイベント) もありますし、API によって発生するイベント (アニメーションの実行が完了したことを示すイベントや、動画再生が一時停止したイベントなど) もあります。さまざまな型のイベントがあり、一部のイベントは基底の Event インターフェイスを基にした他のインターフェイスを使用します。Event 自体は、すべてのイベントで共通のプロパティやメソッドを持ちます。"><code>Event</code></a>のオブジェクトです。</p> +<p>{{event("mute")}}イベントが発生した時の実行する処理の関数を<a href="/ja/docs/Web/API/EventHandler" rel="nofollow" title="この項目についての文書はまだ書かれていません。書いてみませんか？"><code>EventHandler</code></a>として設定します。このイベントハンドラーの関数は1つのパラメータ持ちます。このパラメータはイベントオブジェクトであり、単純な<a href="/ja/docs/Web/API/Event" title="Event インターフェイスは、DOM で発生するイベントを表します。ユーザーによって発生するイベント (マウスやキーボードのイベント) もありますし、API によって発生するイベント (アニメーションの実行が完了したことを示すイベントや、動画再生が一時停止したイベントなど) もあります。さまざまな型のイベントがあり、一部のイベントは基底の Event インターフェイスを基にした他のインターフェイスを使用します。Event 自体は、すべてのイベントで共通のプロパティやメソッドを持ちます。"><code>Event</code></a>のオブジェクトです。</p> <h2 id="例">例</h2> diff --git a/files/ja/web/api/mediastreamtrack/readystate/index.html b/files/ja/web/api/mediastreamtrack/readystate/index.html index a5cfa1ffee..10c94f8cf4 100644 --- a/files/ja/web/api/mediastreamtrack/readystate/index.html +++ b/files/ja/web/api/mediastreamtrack/readystate/index.html @@ -48,7 +48,7 @@ translation_of: Web/API/MediaStreamTrack/readyState <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Stream API</a></li> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Stream API</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> <li>{{domxref("MediaStreamTrack.onended")}}</li> </ul> diff --git a/files/ja/web/api/mediastreamtrack/remote/index.html b/files/ja/web/api/mediastreamtrack/remote/index.html index b4bf386cb1..a2c03106be 100644 --- a/files/ja/web/api/mediastreamtrack/remote/index.html +++ b/files/ja/web/api/mediastreamtrack/remote/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaStreamTrack/remote --- <p>{{APIRef("Media Capture and Streams")}}{{obsolete_header()}}</p> -<p><code><strong>MediaStreamTrack.remote</strong></code>は読み取り専用のプロパティであり、このプロパティによってJavaScript上で、WebRTC MediaStreamTrackがリモートソースかローカルソースであるのかを知ることができます。値が<code>true</code>の場合は、トラックがリモートのソース(<a href="https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection">RTCPeerConnection</a>)を用いられていること示します。値が<code>false</code>の場合はローカルのソースが用いられていることを示します。</p> +<p><code><strong>MediaStreamTrack.remote</strong></code>は読み取り専用のプロパティであり、このプロパティによってJavaScript上で、WebRTC MediaStreamTrackがリモートソースかローカルソースであるのかを知ることができます。値が<code>true</code>の場合は、トラックがリモートのソース(<a href="/ja/docs/Web/API/RTCPeerConnection">RTCPeerConnection</a>)を用いられていること示します。値が<code>false</code>の場合はローカルのソースが用いられていることを示します。</p> <h2 id="文法">文法</h2> @@ -37,7 +37,7 @@ translation_of: Web/API/MediaStreamTrack/remote <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> <p> </p> diff --git a/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.html b/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.html index 095af21b0f..a5d39d5c28 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/aspectratio/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/aspectRatio --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>aspectRatio</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>aspectRatio</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>aspectRatio</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>aspectRatio</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["aspectRatio"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.html b/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.html index ba690ccfb4..01d3b83b6d 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/autogaincontrol/index.html @@ -74,7 +74,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["autoGainControl"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.html b/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.html index c98531324f..0977937c92 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/channelcount/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/channelCount --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>channelCount</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>channelCount</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>channelCount</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>channelCount</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/channelCount <h3 id="値">値</h3> -<p>ユーザエージェント<code>channelCount</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>channelCount</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["channelCount"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.html b/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.html index 460a913198..9ff12dd82f 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/deviceid/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/deviceId --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>deviceId</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>deviceId</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>deviceId</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>deviceId</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/deviceId <h3 id="値">値</h3> -<p>ユーザエージェント<code>deviceId</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>deviceId</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["deviceId"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.html b/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.html index 0f4d42a3cc..3e65e32fc0 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/echocancellation/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/echoCancellation --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>echoCancellation</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>echoCancellation</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>echoCancellation</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>echoCancellation</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/echoCancellation <h3 id="値">値</h3> -<p>ユーザエージェント<code>echoCancellation</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>echoCancellation</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["echoCancellation"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/framerate/index.html b/files/ja/web/api/mediatracksupportedconstraints/framerate/index.html index 4efa18dfde..1b3a166197 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/framerate/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/framerate/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/frameRate <div> </div> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>frameRate</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>frameRate</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>frameRate</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>frameRate</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p><code>frameRate</code>制約は、新しいビデオトラックのフレームレートの許容できる上限と下限、あるいは正確なフレームレートを表すのに用いられます。このプロパティの値を確認することで、フレームレートでのビデオトラック設定の制約をユーザーエージェントが対応しているかを特定することができます。どのように使われるかは{{anch("Example", "example")}}を見てください。</p> @@ -88,7 +88,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["frameRate"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/groupid/index.html b/files/ja/web/api/mediatracksupportedconstraints/groupid/index.html index 6df97986fb..a0aa26eb6c 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/groupid/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/groupid/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/groupId --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>groupId</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>groupId</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>groupId</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>groupId</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/groupId <h3 id="値">値</h3> -<p>ユーザエージェント<code>groupId</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>groupId</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["groupId"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/height/index.html b/files/ja/web/api/mediatracksupportedconstraints/height/index.html index 0f2ab30968..cb3e20744d 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/height/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/height/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/height --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>height</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>height</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>height</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>height</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/height <h3 id="値">値</h3> -<p>ユーザエージェント<code>height</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>height</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["height"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/index.html b/files/ja/web/api/mediatracksupportedconstraints/index.html index aa232ebfd2..a47541054d 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints <p>実際の制約セットは{{domxref("MediaTrackConstraints")}}ディクショナリをベースにしたオブジェクトで表現されます。</p> -<p>制約がどのように動作するかについての詳細を知りたい場合は、<a href="/en-US/docs/Web/API/Media_Streams_API/Constraints">Capabilities, constraints, and settings</a>を読んでください。</p> +<p>制約がどのように動作するかについての詳細を知りたい場合は、<a href="/ja/docs/Web/API/Media_Streams_API/Constraints">Capabilities, constraints, and settings</a>を読んでください。</p> <h2 id="プロパティ">プロパティ</h2> @@ -19,35 +19,35 @@ translation_of: Web/API/MediaTrackSupportedConstraints <dl> <dt>{{domxref("MediaTrackSupportedConstraints.autoGainControl", "autoGainControl")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#autoGainControl">autoGainControl</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#autoGainControl">autoGainControl</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.width", "width")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#width">width</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#width">width</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.height", "height")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#height">height</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#height">height</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.aspectRatio", "aspectRatio")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#aspectRatio">aspectRatio</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#aspectRatio">aspectRatio</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.frameRate", "frameRate")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#frameRate">frameRate</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#frameRate">frameRate</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.facingMode", "facingMode")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#facingMode">facingMode</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#facingMode">facingMode</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.volume", "volume")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#volume">volume</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#volume">volume</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.sampleRate", "sampleRate")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#sampleRate">sampleRate</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#sampleRate">sampleRate</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.sampleSize", "sampleSize")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#sampleSize">sampleSize</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#sampleSize">sampleSize</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.echoCancellation", "echoCancellation")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#echoCancellation">echoCancellation</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#echoCancellation">echoCancellation</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.latency", "latency")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#latency">latency</a></code> 制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#latency">latency</a></code> 制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.noiseSuppression", "noiseSuppression")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#noiseSuppression">noiseSuppression</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#noiseSuppression">noiseSuppression</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.channelCount", "channelCount")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#channelCount">channelCount</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#channelCount">channelCount</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.deviceId", "deviceId")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#deviceId">deviceId</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#deviceId">deviceId</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> <dt>{{domxref("MediaTrackSupportedConstraints.groupId", "groupId")}}</dt> - <dd>実行環境で<code><a href="/en-US/docs/Web/API/MediaTrackConstraints#groupId">groupId</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> + <dd>実行環境で<code><a href="/ja/docs/Web/API/MediaTrackConstraints#groupId">groupId</a></code>制約がサポートされている場合は、Boolean型の<code>true</code>の値になります。</dd> </dl> <h2 id="関連項目">関連項目</h2> diff --git a/files/ja/web/api/mediatracksupportedconstraints/latency/index.html b/files/ja/web/api/mediatracksupportedconstraints/latency/index.html index 6ff89b5494..f5449f27b4 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/latency/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/latency/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/latency --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>latency</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>latency</code>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>latency</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>latency</code>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/latency <h3 id="値">値</h3> -<p>ユーザエージェント<code>latency</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>latency</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["latency"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.html b/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.html index a189139619..834cf66398 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/noisesuppression/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/noiseSuppression --- <div>{{APIRef("Media Capture and Streams")}}</div> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>noiseSuppression</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>noiseSuppression</code></strong>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>noiseSuppression</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<strong><code>noiseSuppression</code></strong>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -17,7 +17,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/noiseSuppression <h3 id="値">値</h3> -<p>ユーザエージェント<code>noiseSuppression</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>noiseSuppression</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="例">例</h2> @@ -76,7 +76,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["noiseSuppression"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.html b/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.html index f2d049a034..2b9711e3a6 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/samplerate/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/sampleRate --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>sampleRate</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>sampleRate</code>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>sampleRate</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>sampleRate</code>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/sampleRate <h3 id="値">値</h3> -<p>ユーザエージェント<code>sampleRate</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>sampleRate</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["sampleRate"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.html b/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.html index c384407c6f..cad0e3b6f6 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/samplesize/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/sampleSize --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>sampleSize</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>sampleSize</code>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>sampleSize</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>sampleSize</code>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/sampleSize <h3 id="値">値</h3> -<p>ユーザエージェント<code>sampleSize</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>sampleSize</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["sampleSize"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/mediatracksupportedconstraints/volume/index.html b/files/ja/web/api/mediatracksupportedconstraints/volume/index.html index cd55c8751c..5f293daa49 100644 --- a/files/ja/web/api/mediatracksupportedconstraints/volume/index.html +++ b/files/ja/web/api/mediatracksupportedconstraints/volume/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/volume --- <p>{{APIRef("Media Capture and Streams")}}</p> -<p><a href="https://developer.mozilla.org/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>volume</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="https://developer.mozilla.org/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>volume</code>の制約をサポートしている場合、<a href="https://developer.mozilla.org/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> +<p><a href="/ja/docs/Web/API/MediaTrackSupportedConstraints" title="MediaTrackSupportedConstraintsディクショナリは、MediaStreamTrackオブジェクトを実装しているuser agentやブラウザによって理解できる制約可能なプロパティの一覧を表します。MediaDevices.getSupportedConstraints()によって、MediaTrackSupportedConstraintsに適合するオブジェクトが戻り値として返されます。"><code>MediaTrackSupportedConstraints</code></a>ディクショナリーの<strong><code>volume</code></strong>プロパティは読み取り専用のBooleanの値です。<a href="/ja/docs/Glossary/user_agent" rel="nofollow" title="この用語 (user agent) の定義はまだ書かれていません。ぜひご寄稿ください！">user agent</a>が<code>volume</code>の制約をサポートしている場合、<a href="/ja/docs/Web/API/MediaDevices/getSupportedConstraints" title="MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。"><code>MediaDevices.getSupportedConstraints()</code></a>の戻り値のオブジェクトに含まれ<code>true</code>が設定されます。この制約がサポートされない場合は含まれないため、<code>false</code>になることはありません。</p> <p>サポートされている制約のディクショナリーは<code>navigator.mediaDevices.getSupportedConstraints()</code>を呼び出すことで取得できます。</p> @@ -15,7 +15,7 @@ translation_of: Web/API/MediaTrackSupportedConstraints/volume <h3 id="値">値</h3> -<p>ユーザエージェント<code>volume</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> +<p>ユーザエージェント<code>volume</code>の制約をサポートしている場合、このプロパティはディクショナリーの中に含まれ、その値は常に<code>true</code>の値です。このプロパティが存在しない場合は、サポートされている制約ディクショナリーには存在しないため、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="グローバルプロパティ undefined はプリミティブ値 undefined を表します。これは JavaScript におけるプリミティブ型の一つです。"><code>undefined</code></a>の値を取ることになります。</p> <h2 id="Example" name="Example">例</h2> @@ -72,7 +72,7 @@ if (navigator.mediaDevices.getSupportedConstraints()["volume"]) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> + <li><a href="/ja/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></li> <li>{{domxref("MediaDevices.getSupportedConstraints()")}}</li> <li>{{domxref("MediaTrackSupportedConstraints")}}</li> <li>{{domxref("MediaStreamTrack")}}</li> diff --git a/files/ja/web/api/messagechannel/index.html b/files/ja/web/api/messagechannel/index.html index c940e402da..0c827ea280 100644 --- a/files/ja/web/api/messagechannel/index.html +++ b/files/ja/web/api/messagechannel/index.html @@ -82,5 +82,5 @@ function handleMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messagechannel/messagechannel/index.html b/files/ja/web/api/messagechannel/messagechannel/index.html index e20856a988..953b7302d7 100644 --- a/files/ja/web/api/messagechannel/messagechannel/index.html +++ b/files/ja/web/api/messagechannel/messagechannel/index.html @@ -76,5 +76,5 @@ function handleMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messagechannel/port2/index.html b/files/ja/web/api/messagechannel/port2/index.html index 57acd731e1..fe53a70681 100644 --- a/files/ja/web/api/messagechannel/port2/index.html +++ b/files/ja/web/api/messagechannel/port2/index.html @@ -77,5 +77,5 @@ function handleMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messageevent/index.html b/files/ja/web/api/messageevent/index.html index 54f1215ad5..f136352189 100644 --- a/files/ja/web/api/messageevent/index.html +++ b/files/ja/web/api/messageevent/index.html @@ -15,11 +15,11 @@ translation_of: Web/API/MessageEvent <ul> <li><a href="/ja/docs/Server-sent_events">Server-sent events</a> ({{domxref("EventSource.onmessage")}} を参照).</li> - <li><a href="/ja/docs/Web/API/WebSockets_API">Web sockets</a> (<a href="/en-US/docs/Web/API/WebSocket">WebSocket</a> インターフェースの <code>onmessage</code> プロパティを参照).</li> + <li><a href="/ja/docs/Web/API/WebSockets_API">Web sockets</a> (<a href="/ja/docs/Web/API/WebSocket">WebSocket</a> インターフェースの <code>onmessage</code> プロパティを参照).</li> <li>Cross-document messaging ({{domxref("Window.postMessage()")}} および {{domxref("Window.onmessage")}} を参照).</li> - <li><a href="/en-US/docs/Web/API/Channel_Messaging_API">Channel messaging</a> ({{domxref("MessagePort.postMessage()")}} および {{domxref("MessagePort.onmessage")}} を参照).</li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API">Channel messaging</a> ({{domxref("MessagePort.postMessage()")}} および {{domxref("MessagePort.onmessage")}} を参照).</li> <li>Cross-worker/document messaging (上記 2エントリほか、{{domxref("Worker.postMessage()")}}, {{domxref("Worker.onmessage")}}, {{domxref("ServiceWorkerGlobalScope.onmessage")}} なども参照)</li> - <li><a href="/en-US/docs/Web/API/Broadcast_Channel_API">Broadcast channels</a> ({{domxref("Broadcastchannel.postMessage()")}}) および {{domxref("BroadcastChannel.onmessage")}} を参照).</li> + <li><a href="/ja/docs/Web/API/Broadcast_Channel_API">Broadcast channels</a> ({{domxref("Broadcastchannel.postMessage()")}}) および {{domxref("BroadcastChannel.onmessage")}} を参照).</li> <li>WebRTC データチャネル ({{domxref("RTCDataChannel.onmessage")}} を参照).</li> </ul> diff --git a/files/ja/web/api/messageport/close/index.html b/files/ja/web/api/messageport/close/index.html index a49f6d8a57..c11d2eea0f 100644 --- a/files/ja/web/api/messageport/close/index.html +++ b/files/ja/web/api/messageport/close/index.html @@ -73,5 +73,5 @@ channel.port1.start(); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messageport/index.html b/files/ja/web/api/messageport/index.html index c586aef559..90629a6c06 100644 --- a/files/ja/web/api/messageport/index.html +++ b/files/ja/web/api/messageport/index.html @@ -100,5 +100,5 @@ function onMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messageport/onmessage/index.html b/files/ja/web/api/messageport/onmessage/index.html index cca9e6bce7..efed7d1db6 100644 --- a/files/ja/web/api/messageport/onmessage/index.html +++ b/files/ja/web/api/messageport/onmessage/index.html @@ -72,5 +72,5 @@ function handleMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messageport/postmessage/index.html b/files/ja/web/api/messageport/postmessage/index.html index 90174fbf87..6ffc0dc518 100644 --- a/files/ja/web/api/messageport/postmessage/index.html +++ b/files/ja/web/api/messageport/postmessage/index.html @@ -84,5 +84,5 @@ function handleMessage(e) { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/messageport/start/index.html b/files/ja/web/api/messageport/start/index.html index 0117300fc0..d6e235efaa 100644 --- a/files/ja/web/api/messageport/start/index.html +++ b/files/ja/web/api/messageport/start/index.html @@ -74,5 +74,5 @@ channel.port1.start();</pre> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/microsoft_extensions/index.html b/files/ja/web/api/microsoft_extensions/index.html index 8e607038af..009790f663 100644 --- a/files/ja/web/api/microsoft_extensions/index.html +++ b/files/ja/web/api/microsoft_extensions/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/Microsoft_Extensions --- <div>{{DefaultAPISidebar("Microsoft Extensions")}}</div> -<p>Microsoft ブラウザー (Internet Explorer および、場合によっては Microsoft Edge) は、標準の <a href="/en-US/docs/Web/API">DOM API</a> に対するいくつかの特別な Microsoft 拡張機能をサポートしています。これらの拡張機能には <code>MS</code> または <code>ms</code>.のプレフィックスが付きます。</p> +<p>Microsoft ブラウザー (Internet Explorer および、場合によっては Microsoft Edge) は、標準の <a href="/ja/docs/Web/API">DOM API</a> に対するいくつかの特別な Microsoft 拡張機能をサポートしています。これらの拡張機能には <code>MS</code> または <code>ms</code>.のプレフィックスが付きます。</p> <div class="note"> <p><strong>Note:</strong> これらの API は Microsoft アプリケーションでのみ機能し、標準化されていません。</p> @@ -78,9 +78,9 @@ translation_of: Web/API/Microsoft_Extensions <div class="index"> <ul> - <li><code><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/x-ms-aria-flowfrom">x-ms-aria-flowfrom</a></code></li> - <li><code><a href="/en-US/docs/Web/HTML/Global_attributes/x-ms-acceleratorkey">x-ms-acceleratorkey</a></code></li> - <li><code><a href="/en-US/docs/Web/HTML/Global_attributes/x-ms-format-detection">x-ms-format-detection</a></code></li> + <li><code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/x-ms-aria-flowfrom">x-ms-aria-flowfrom</a></code></li> + <li><code><a href="/ja/docs/Web/HTML/Global_attributes/x-ms-acceleratorkey">x-ms-acceleratorkey</a></code></li> + <li><code><a href="/ja/docs/Web/HTML/Global_attributes/x-ms-format-detection">x-ms-format-detection</a></code></li> <li>{{DOMxRef("msCaching")}}</li> <li>{{DOMxRef("msCachingEnabled")}}</li> <li>{{DOMxRef("msCapsLockWarningOff")}}</li> @@ -100,6 +100,6 @@ translation_of: Web/API/Microsoft_Extensions <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/Microsoft_Extensions">Microsoft CSS extensions</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Microsoft_JavaScript_extensions">Microsoft JavaScript extensions</a></li> + <li><a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft CSS extensions</a></li> + <li><a href="/ja/docs/Web/JavaScript/Microsoft_JavaScript_extensions">Microsoft JavaScript extensions</a></li> </ul> diff --git a/files/ja/web/api/navigator/getgamepads/index.html b/files/ja/web/api/navigator/getgamepads/index.html index ababd187bf..d6f78ae5ae 100644 --- a/files/ja/web/api/navigator/getgamepads/index.html +++ b/files/ja/web/api/navigator/getgamepads/index.html @@ -54,6 +54,6 @@ translation_of: Web/API/Navigator/getGamepads <h2 id="参照">参照</h2> <ul> - <li><a href="/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></li> - <li><a href="/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/Guide/API/Gamepad">Gamepad API の利用</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/navigator/online_and_offline_events/index.html b/files/ja/web/api/navigator/online_and_offline_events/index.html index c0a18179d4..15fc35b7c8 100644 --- a/files/ja/web/api/navigator/online_and_offline_events/index.html +++ b/files/ja/web/api/navigator/online_and_offline_events/index.html @@ -38,7 +38,7 @@ original_slug: Web/API/NavigatorOnLine/Online_and_offline_events <blockquote cite="https://www.whatwg.org/specs/web-apps/current-work/#offline"> <code>navigator.onLine</code> 属性はユーザーがリンクを辿ったり、スクリプトが外部のページをリクエストしたりしたときにユーザーエージェントがネットワークで通信できない場合 (またはそのような試みが失敗した場合) は、必ず false を返す必要があります。</blockquote> -<p>Firefox 2 はこのプロパティをブラウザーのオフラインモードが切り替わる度に更新します。 <a href="/en-US/docs/Mozilla/Firefox/Releases/41#miscellaneous">Firefox 41</a> は、 Windows、 Linux、 OS X においてネットワークの接続状態が変化したときにも更新します。</p> +<p>Firefox 2 はこのプロパティをブラウザーのオフラインモードが切り替わる度に更新します。 <a href="/ja/docs/Mozilla/Firefox/Releases/41#miscellaneous">Firefox 41</a> は、 Windows、 Linux、 OS X においてネットワークの接続状態が変化したときにも更新します。</p> <p>このプロパティは Firefox と Internet Explorer の古いバージョンにも存在しました。 (この仕様はこれらの先行的な実装に基づいています)。従って、今すぐこのプロパティを使い始めることができます。ネットワーク状態の自動判断は Firefox 2 にて実装されました。</p> diff --git a/files/ja/web/api/node/isdefaultnamespace/index.html b/files/ja/web/api/node/isdefaultnamespace/index.html index fff65ffae3..018e6562cc 100644 --- a/files/ja/web/api/node/isdefaultnamespace/index.html +++ b/files/ja/web/api/node/isdefaultnamespace/index.html @@ -27,7 +27,7 @@ alert(el.isDefaultNamespace(XULNS)); // true</pre> <h2 id="Specification" name="Specification">仕様書</h2> <ul> <li><a href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-isDefaultNamespace">DOM Level 3 Core: isDefaultNamespace</a></li> - <li><a href="/en-US/docs/Code_snippets/IsDefaultNamespace" title="Code_snippets/IsDefaultNamespace">Code snippets: isDefaultNamespace</a></li> + <li><a href="/ja/docs/Code_snippets/IsDefaultNamespace" title="Code_snippets/IsDefaultNamespace">Code snippets: isDefaultNamespace</a></li> </ul> <h2 id="See_also" name="See_also">関連情報</h2> <ul> diff --git a/files/ja/web/api/notification/permission/index.html b/files/ja/web/api/notification/permission/index.html index 999d8903d9..f8007387d3 100644 --- a/files/ja/web/api/notification/permission/index.html +++ b/files/ja/web/api/notification/permission/index.html @@ -85,7 +85,7 @@ translation_of: Web/API/Notification/permission <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/Notifications_API">通知 API</a></li> + <li><a href="/ja/docs/Web/API/Notifications_API">通知 API</a></li> <li><a href="/ja/docs/Web/API/Notifications_API/Using_the_Notifications_API">通知 API の使用</a></li> <li><a href="/ja/docs/Web/API/Permissions_API">許可 API</a></li> <li><a href="/ja/docs/Web/API/Permissions_API/Using_the_Permissions_API">許可 API の使用</a></li> diff --git a/files/ja/web/api/offlineaudiocontext/index.html b/files/ja/web/api/offlineaudiocontext/index.html index 72ec2c6b95..b6957b528b 100644 --- a/files/ja/web/api/offlineaudiocontext/index.html +++ b/files/ja/web/api/offlineaudiocontext/index.html @@ -140,5 +140,5 @@ getData();</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/offscreencanvas/getcontext/index.html b/files/ja/web/api/offscreencanvas/getcontext/index.html index ce60c9f633..baff96595f 100644 --- a/files/ja/web/api/offscreencanvas/getcontext/index.html +++ b/files/ja/web/api/offscreencanvas/getcontext/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/OffscreenCanvas/getContext <p>The <strong><code>OffscreenCanvas.getContext()</code></strong> method returns a drawing context for an offscreen canvas, or {{jsxref("null")}} if the context identifier is not supported.</p> <div class="note"> -<p><strong>Note</strong>: This API is currently implemented for <a href="/en-US/docs/Web/API/WebGLRenderingContext">WebGL1</a> and <a href="/en-US/docs/Web/API/WebGL2RenderingContext">WebGL2</a> contexts only. See {{bug(801176)}} for <a href="/en-US/docs/Web/API/Canvas_API">Canvas 2D API</a> support from workers.</p> +<p><strong>Note</strong>: This API is currently implemented for <a href="/ja/docs/Web/API/WebGLRenderingContext">WebGL1</a> and <a href="/ja/docs/Web/API/WebGL2RenderingContext">WebGL2</a> contexts only. See {{bug(801176)}} for <a href="/ja/docs/Web/API/Canvas_API">Canvas 2D API</a> support from workers.</p> </div> <p><font face="x-locale-heading-primary, zillaslab, Palatino, Palatino Linotype, x-locale-heading-secondary, serif"><span style="font-size: 37.33327865600586px;"><strong>構文</strong></span></font></p> @@ -25,8 +25,8 @@ translation_of: Web/API/OffscreenCanvas/getContext <dd>Is a {{domxref("DOMString")}} containing the context identifier defining the drawing context associated to the canvas. Possible values are: <ul> <li><strong><code>"2d"</code></strong> creates a {{domxref("CanvasRenderingContext2D")}} object representing a two-dimensional rendering context.</li> - <li><strong><code>"webgl"</code></strong> creates a {{domxref("WebGLRenderingContext")}} object representing a three-dimensional rendering context. This context is only available on browsers that implement <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL">WebGL</a> version 1 (OpenGL ES 2.0).</li> - <li><strong><code>"webgl2"</code></strong> creates a {{domxref("WebGL2RenderingContext")}} object representing a three-dimensional rendering context. This context is only available on browsers that implement <a href="https://developer.mozilla.org/en-US/docs/Web/WebGL">WebGL</a> version 2 (OpenGL ES 3.0). {{experimental_inline}}</li> + <li><strong><code>"webgl"</code></strong> creates a {{domxref("WebGLRenderingContext")}} object representing a three-dimensional rendering context. This context is only available on browsers that implement <a href="/ja/docs/Web/WebGL">WebGL</a> version 1 (OpenGL ES 2.0).</li> + <li><strong><code>"webgl2"</code></strong> creates a {{domxref("WebGL2RenderingContext")}} object representing a three-dimensional rendering context. This context is only available on browsers that implement <a href="/ja/docs/Web/WebGL">WebGL</a> version 2 (OpenGL ES 3.0). {{experimental_inline}}</li> <li> <p><strong><code>"bitmaprenderer"</code></strong> creates a {{domxref("ImageBitmapRenderingContext")}} which only provides functionality to replace the content of the canvas with a given {{domxref("ImageBitmap")}}.</p> </li> diff --git a/files/ja/web/api/offscreencanvas/index.html b/files/ja/web/api/offscreencanvas/index.html index 38919748b7..b2627fded7 100644 --- a/files/ja/web/api/offscreencanvas/index.html +++ b/files/ja/web/api/offscreencanvas/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/OffscreenCanvas --- <div>{{APIRef("Canvas API")}} {{SeeCompatTable}}</div> -<p>The <strong><code>OffscreenCanvas</code></strong> interface provides a canvas that can be rendered off screen. It is available in both the window and <a href="/en-US/docs/Web/API/Web_Workers_API">worker</a> contexts.</p> +<p>The <strong><code>OffscreenCanvas</code></strong> interface provides a canvas that can be rendered off screen. It is available in both the window and <a href="/ja/docs/Web/API/Web_Workers_API">worker</a> contexts.</p> <h2 id="Constructors">Constructors</h2> @@ -84,7 +84,7 @@ two.transferFromImageBitmap(bitmapTwo); <h3 id="Asynchronous_display_of_frames_produced_by_an_OffscreenCanvas">Asynchronous display of frames produced by an <code>OffscreenCanvas</code></h3> -<p>Another way to use the <code>OffscreenCanvas</code> API, is to call {{domxref("HTMLCanvasElement.transferControlToOffscreen", "transferControlToOffscreen()")}} on a {{HTMLElement("canvas")}} element, either on a <a href="/en-US/docs/Web/API/Web_Workers_API">worker</a> or the main thread, which will return an <code>OffscreenCanvas</code> object from an {{domxref("HTMLCanvasElement")}} object from the main thread. Calling {{domxref("OffscreenCanvas.getContext", "getContext()")}} will then obtain a <code>RenderingContext</code> from that <code>OffscreenCanvas</code>.</p> +<p>Another way to use the <code>OffscreenCanvas</code> API, is to call {{domxref("HTMLCanvasElement.transferControlToOffscreen", "transferControlToOffscreen()")}} on a {{HTMLElement("canvas")}} element, either on a <a href="/ja/docs/Web/API/Web_Workers_API">worker</a> or the main thread, which will return an <code>OffscreenCanvas</code> object from an {{domxref("HTMLCanvasElement")}} object from the main thread. Calling {{domxref("OffscreenCanvas.getContext", "getContext()")}} will then obtain a <code>RenderingContext</code> from that <code>OffscreenCanvas</code>.</p> <p>main.js (main thread code):</p> diff --git a/files/ja/web/api/oscillatornode/index.html b/files/ja/web/api/oscillatornode/index.html index 33765e919c..0a89417212 100644 --- a/files/ja/web/api/oscillatornode/index.html +++ b/files/ja/web/api/oscillatornode/index.html @@ -109,5 +109,5 @@ oscillator.start();</pre> <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/page_visibility_api/index.html b/files/ja/web/api/page_visibility_api/index.html index ca03415e4d..d290675ee3 100644 --- a/files/ja/web/api/page_visibility_api/index.html +++ b/files/ja/web/api/page_visibility_api/index.html @@ -43,11 +43,11 @@ original_slug: Web/Guide/User_experience/Using_the_Page_Visibility_API <ul> <li>Most browsers stop sending {{domxref("Window.requestAnimationFrame", "requestAnimationFrame()")}} callbacks to background tabs or hidden {{ HTMLElement("iframe") }}s in order to improve performance and battery life.</li> - <li>Timers such as {{domxref("WindowOrWorkerGlobalScope.setTimeout", "setTimeout()")}} are throttled in background/inactive tabs to help improve performance. See <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a> for more details.</li> + <li>Timers such as {{domxref("WindowOrWorkerGlobalScope.setTimeout", "setTimeout()")}} are throttled in background/inactive tabs to help improve performance. See <a href="/ja/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a> for more details.</li> <li>Budget-based background timeout throttling is now available in modern browsers (Firefox 58+, Chrome 57+), placing an additional limit on background timer CPU usage. This operates in a similar way across modern browsers, with the details being as follows: <ul> <li>In Firefox, windows in background tabs each have their own time budget in milliseconds — a max and a min value of +50 ms and -150 ms, respectively. Chrome is very similar except that the budget is specified in seconds.</li> - <li>Windows are subjected to throttling after 30 seconds, with the same throttling delay rules as specified for window timers (again, see <a href="/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>). In Chrome, this value is 10 seconds.</li> + <li>Windows are subjected to throttling after 30 seconds, with the same throttling delay rules as specified for window timers (again, see <a href="/ja/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout#Reasons_for_delays_longer_than_specified">Reasons for delays longer than specified</a>). In Chrome, this value is 10 seconds.</li> <li>Timer tasks are only permitted when the budget is non-negative.</li> <li>Once a timer's code has finished running, the duration of time it took to execute is subtracted from its window's timeout budget.</li> <li>The budget regenerates at a rate of 10 ms per second, in both Firefox and Chrome.</li> @@ -59,8 +59,8 @@ original_slug: Web/Guide/User_experience/Using_the_Page_Visibility_API <ul> <li>Tabs which are playing audio are considered foreground and aren’t throttled.</li> - <li>Tabs running code that's using real-time network connections (<a href="/en-US/docs/Web/API/WebSockets_API">WebSockets</a> and <a href="/en-US/docs/Web/API/WebRTC_API">WebRTC</a>) go unthrottled in order to avoid closing these connections timing out and getting unexpectedly closed.</li> - <li><a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a> processes are also left unthrottled in order to avoid timeouts.</li> + <li>Tabs running code that's using real-time network connections (<a href="/ja/docs/Web/API/WebSockets_API">WebSockets</a> and <a href="/ja/docs/Web/API/WebRTC_API">WebRTC</a>) go unthrottled in order to avoid closing these connections timing out and getting unexpectedly closed.</li> + <li><a href="/ja/docs/Web/API/IndexedDB_API">IndexedDB</a> processes are also left unthrottled in order to avoid timeouts.</li> </ul> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/web/api/pannernode/coneinnerangle/index.html b/files/ja/web/api/pannernode/coneinnerangle/index.html index f5b4f3216d..37484036bf 100644 --- a/files/ja/web/api/pannernode/coneinnerangle/index.html +++ b/files/ja/web/api/pannernode/coneinnerangle/index.html @@ -61,5 +61,5 @@ panner.coneInnerAngle = 360;</pre> <ul> <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio spatialisation basics</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio spatialisation basics</a></li> </ul> diff --git a/files/ja/web/api/pannernode/coneouterangle/index.html b/files/ja/web/api/pannernode/coneouterangle/index.html index 80997c1dcd..52200134fe 100644 --- a/files/ja/web/api/pannernode/coneouterangle/index.html +++ b/files/ja/web/api/pannernode/coneouterangle/index.html @@ -62,5 +62,5 @@ panner.coneOuterAngle = 0;</pre> <ul> <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio spatialisation basics</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Web_audio_spatialization_basics">Web Audio spatialisation basics</a></li> </ul> diff --git a/files/ja/web/api/path2d/index.html b/files/ja/web/api/path2d/index.html index 97e05ee64a..3cbc91891c 100644 --- a/files/ja/web/api/path2d/index.html +++ b/files/ja/web/api/path2d/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Path2D --- <div>{{APIRef("Canvas API")}} {{SeeCompatTable}}</div> -<p>The <strong><code>Path2D</code></strong> interface of the Canvas 2D API is used to declare paths that are then later used on {{domxref("CanvasRenderingContext2D")}} objects. The<a href="/en-US/docs/Web/API/CanvasRenderingContext2D#Paths"> path methods</a> of the <code>CanvasRenderingContext2D</code> interface are present on this interface as well and are allowing you to create paths that you can retain and replay as required on a canvas.</p> +<p>The <strong><code>Path2D</code></strong> interface of the Canvas 2D API is used to declare paths that are then later used on {{domxref("CanvasRenderingContext2D")}} objects. The<a href="/ja/docs/Web/API/CanvasRenderingContext2D#Paths"> path methods</a> of the <code>CanvasRenderingContext2D</code> interface are present on this interface as well and are allowing you to create paths that you can retain and replay as required on a canvas.</p> <h2 id="Constructors">Constructors</h2> diff --git a/files/ja/web/api/path2d/path2d/index.html b/files/ja/web/api/path2d/path2d/index.html index 2a4fbfa4da..62dfba9d18 100644 --- a/files/ja/web/api/path2d/path2d/index.html +++ b/files/ja/web/api/path2d/path2d/index.html @@ -62,7 +62,7 @@ ctx.stroke(path2); <h3 id="Using_SVG_paths" name="Using_SVG_paths">SVG パスを使用する</h3> -<p>これは、<a href="/docs/Web/SVG/Tutorial/Paths">SVG パスデータ</a> を使用して <code>Path2D</code> のパスを作成する簡単なコードスニペットです。パスは点 (<code>M10 10</code>) に移ってから、水平に 80 ポイント右に移動し (<code>h 80</code>)、80 ポイント下がり (<code>v 80</code>)、80ポイント左に移動し (<code>h -80</code>)、開始点に戻ります (<code>z</code>)。</p> +<p>これは、<a href="/ja/docs/Web/SVG/Tutorial/Paths">SVG パスデータ</a> を使用して <code>Path2D</code> のパスを作成する簡単なコードスニペットです。パスは点 (<code>M10 10</code>) に移ってから、水平に 80 ポイント右に移動し (<code>h 80</code>)、80 ポイント下がり (<code>v 80</code>)、80ポイント左に移動し (<code>h -80</code>)、開始点に戻ります (<code>z</code>)。</p> <div class="hidden"> <pre class="brush: html"><canvas id="canvas"></canvas></pre> diff --git a/files/ja/web/api/performance_api/index.html b/files/ja/web/api/performance_api/index.html index 5a38309969..42af26b0b0 100644 --- a/files/ja/web/api/performance_api/index.html +++ b/files/ja/web/api/performance_api/index.html @@ -43,13 +43,13 @@ translation_of: Web/API/Performance_API <dt>{{domxref('PerformanceFrameTiming')}}</dt> <dd>Provides methods and properties containing frame timing data about the browser's event loop.</dd> <dt>{{domxref('PerformanceMark')}}</dt> - <dd>An abstract interface for <a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image)."><code>performance entries</code></a> with an <a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry/entryType" title="The entryType property returns the performance entry's type. The valid entryType values are:"><code>entry type</code></a> of "<code>mark</code>". Entries of this type are created by calling <a href="https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark" title="The mark() method creates a timestamp in the browser's performance entry buffer with the given name. The application defined timestamp can be retrieved by one of the Performance interface's getEntries*() methods (getEntries(), getEntriesByName() or getEntriesByType())."><code>performance.mark()</code></a> to add a named <a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>DOMHighResTimeStamp</code></a> (the mark) to the browser's performance timeline.</dd> + <dd>An abstract interface for <a href="/ja/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image)."><code>performance entries</code></a> with an <a href="/ja/docs/Web/API/PerformanceEntry/entryType" title="The entryType property returns the performance entry's type. The valid entryType values are:"><code>entry type</code></a> of "<code>mark</code>". Entries of this type are created by calling <a href="/ja/docs/Web/API/Performance/mark" title="The mark() method creates a timestamp in the browser's performance entry buffer with the given name. The application defined timestamp can be retrieved by one of the Performance interface's getEntries*() methods (getEntries(), getEntriesByName() or getEntriesByType())."><code>performance.mark()</code></a> to add a named <a href="/ja/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>DOMHighResTimeStamp</code></a> (the mark) to the browser's performance timeline.</dd> <dt>{{domxref('PerformanceMeasure')}}</dt> - <dd>An abstract interface for <a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image)."><code>performance entries</code></a> with an <a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry/entryType" title="The entryType property returns the performance entry's type. The valid entryType values are:"><code>entry type</code></a> of "<code>measure</code>". Entries of this type are created by calling <a href="https://developer.mozilla.org/en-US/docs/Web/API/Performance/measure" title="The measure() method creates a named timestamp in the browser's performance entry buffer between two specified marks (known as the start mark and end mark, respectively). The named timestamp is referred to as a measure."><code>performance.measure()</code></a> to add a named<a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>DOMHighResTimeStamp</code></a> (the measure) between two marks to the browser's performance timeline.</dd> + <dd>An abstract interface for <a href="/ja/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image)."><code>performance entries</code></a> with an <a href="/ja/docs/Web/API/PerformanceEntry/entryType" title="The entryType property returns the performance entry's type. The valid entryType values are:"><code>entry type</code></a> of "<code>measure</code>". Entries of this type are created by calling <a href="/ja/docs/Web/API/Performance/measure" title="The measure() method creates a named timestamp in the browser's performance entry buffer between two specified marks (known as the start mark and end mark, respectively). The named timestamp is referred to as a measure."><code>performance.measure()</code></a> to add a named<a href="/ja/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>DOMHighResTimeStamp</code></a> (the measure) between two marks to the browser's performance timeline.</dd> <dt>{{domxref('PerformanceNavigationTiming')}}</dt> - <dd>Provides methods and properties to store and retrieve <a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>high resolution timestamps</code></a> or metrics regarding the browser's document navigation events. </dd> + <dd>Provides methods and properties to store and retrieve <a href="/ja/docs/Web/API/DOMHighResTimeStamp" title="The DOMHighResTimeStamp type is a double and is used to store a time value. The value could be a discrete point in time or the difference in time between two discrete points in time. The unit is milliseconds and should be accurate to 5 µs (microseconds). However, if the browser is unable to provide a time value accurate to 5 microseconds (due, for example, to hardware or software constraints), the browser can represent the value as a time in milliseconds accurate to a millisecond."><code>high resolution timestamps</code></a> or metrics regarding the browser's document navigation events. </dd> <dt>{{domxref('PerformanceObserver')}}</dt> - <dd>Provides methods and properties used to observe performance measurement events and be notified of new <a href="https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image).">performance entries</a> as they are recorded in the browser's performance timeline.</dd> + <dd>Provides methods and properties used to observe performance measurement events and be notified of new <a href="/ja/docs/Web/API/PerformanceEntry" title="The PerformanceEntry object encapsulates a single performance metric that is part of the performance timeline. A performance entry can be directly created by making a performance mark or measure (for example by calling the mark() method) at an explicit point in an application. Performance entries are also created in indirect ways such as loading a resource (such as an image).">performance entries</a> as they are recorded in the browser's performance timeline.</dd> <dt>{{domxref('PerformanceResourceTiming')}}</dt> <dd>Provides methods and properties for retrieving and analyzing detailed network timing data regarding the loading of an application's resources.</dd> </dl> diff --git a/files/ja/web/api/performancemeasure/index.html b/files/ja/web/api/performancemeasure/index.html index e625d7d29d..9c1a25ea53 100644 --- a/files/ja/web/api/performancemeasure/index.html +++ b/files/ja/web/api/performancemeasure/index.html @@ -36,7 +36,7 @@ translation_of: Web/API/PerformanceMeasure <h2 id="例">例</h2> -<p><a href="https://developer.mozilla.org/Web/API/User_Timing_API/Using_the_User_Timing_API">ユーザータイミング API の使用</a>の例を参照してください。</p> +<p><a href="/Web/API/User_Timing_API/Using_the_User_Timing_API">ユーザータイミング API の使用</a>の例を参照してください。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/api/performancepainttiming/index.html b/files/ja/web/api/performancepainttiming/index.html index a1e58e4b17..70eabc7572 100644 --- a/files/ja/web/api/performancepainttiming/index.html +++ b/files/ja/web/api/performancepainttiming/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/PerformancePaintTiming --- <p>{{SeeCompatTable}}{{APIRef("Performance Timeline API")}}</p> -<p><a href="/en-US/docs/Web/API/Paint Timing">Paint Timing</a> の <strong><code>PerformancePaintTiming</code></strong> インタフェースは、Web ページ構築中の "paint" ("render" とも呼ばれる) 操作に関するタイミング情報を提供します。「ペイント」とは、レンダリングツリーを画面上のピクセルに変換することです。</p> +<p><a href="/ja/docs/Web/API/Paint Timing">Paint Timing</a> の <strong><code>PerformancePaintTiming</code></strong> インタフェースは、Web ページ構築中の "paint" ("render" とも呼ばれる) 操作に関するタイミング情報を提供します。「ペイント」とは、レンダリングツリーを画面上のピクセルに変換することです。</p> <p>アプリケーションは、"<code>paint</code>" {{domxref("PerformanceEntry","パフォーマンスエントリタイプ")}} に対して {{domxref("PerformanceObserver")}} を登録することができ、オブザーバーはペイントイベントが発生した時間を取得することができます。この情報を使用して、優れたユーザーエクスペリエンスを提供するのに時間がかかりすぎる領域を特定するのに役立ちます。</p> diff --git a/files/ja/web/api/performancetiming/index.html b/files/ja/web/api/performancetiming/index.html index d6ab292be4..4de2dace22 100644 --- a/files/ja/web/api/performancetiming/index.html +++ b/files/ja/web/api/performancetiming/index.html @@ -72,7 +72,7 @@ translation_of: Web/API/PerformanceTiming <dl> <dt>{{deprecated_inline}} {{domxref("PerformanceTiming.toJSON()")}} {{non-Standard_Inline}}</dt> - <dd>Returns a <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON object</a> representing this <code>PerformanceTiming</code> object.</dd> + <dd>Returns a <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON" title="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON object</a> representing this <code>PerformanceTiming</code> object.</dd> </dl> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/api/permissions_api/using_the_permissions_api/index.html b/files/ja/web/api/permissions_api/using_the_permissions_api/index.html index f7d7005428..1c3e895c6a 100644 --- a/files/ja/web/api/permissions_api/using_the_permissions_api/index.html +++ b/files/ja/web/api/permissions_api/using_the_permissions_api/index.html @@ -83,7 +83,7 @@ handlePermission();</pre> <h3 id="Permission_descriptors" name="Permission_descriptors">パーミッション記述子</h3> -<p>{{domxref("Permissions.query()")}} メソッドはパラメータとして <code>PermissionDescriptor</code> ディクショナリを取ります — これはあなたが興味を持っている API の名前を含みます。 いくつかの API は、デフォルトの <code>PermissionDescriptor</code> から継承した、追加情報を含んだ、より複雑な <code>PermissionDescriptor</code> を持っています。 例えば、<code>PushPermissionDescriptor</code> には、<code><a href="https://developer.mozilla.org/ja/docs/Web/API/PushManager/subscribe#Parameters">userVisibleOnly</a></code> が <code>true</code> か <code>false</code> かを指定する Boolean も含める必要があります。</p> +<p>{{domxref("Permissions.query()")}} メソッドはパラメータとして <code>PermissionDescriptor</code> ディクショナリを取ります — これはあなたが興味を持っている API の名前を含みます。 いくつかの API は、デフォルトの <code>PermissionDescriptor</code> から継承した、追加情報を含んだ、より複雑な <code>PermissionDescriptor</code> を持っています。 例えば、<code>PushPermissionDescriptor</code> には、<code><a href="/ja/docs/Web/API/PushManager/subscribe#Parameters">userVisibleOnly</a></code> が <code>true</code> か <code>false</code> かを指定する Boolean も含める必要があります。</p> <h3 id="Revoking_permissions" name="Revoking_permissions">パーミッションの取り消し</h3> diff --git a/files/ja/web/api/pushmessagedata/arraybuffer/index.html b/files/ja/web/api/pushmessagedata/arraybuffer/index.html index 50935bb9dc..9c77c88bb8 100644 --- a/files/ja/web/api/pushmessagedata/arraybuffer/index.html +++ b/files/ja/web/api/pushmessagedata/arraybuffer/index.html @@ -60,5 +60,5 @@ translation_of: Web/API/PushMessageData/arrayBuffer <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li> + <li><a href="/ja/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li> </ul> diff --git a/files/ja/web/api/pushmessagedata/text/index.html b/files/ja/web/api/pushmessagedata/text/index.html index 814ea3f1e5..a6e22cbe11 100644 --- a/files/ja/web/api/pushmessagedata/text/index.html +++ b/files/ja/web/api/pushmessagedata/text/index.html @@ -61,5 +61,5 @@ translation_of: Web/API/PushMessageData/text <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li> + <li><a href="/ja/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li> </ul> diff --git a/files/ja/web/api/range/clonecontents/index.html b/files/ja/web/api/range/clonecontents/index.html index 27b7da2a93..af40562e79 100644 --- a/files/ja/web/api/range/clonecontents/index.html +++ b/files/ja/web/api/range/clonecontents/index.html @@ -55,5 +55,5 @@ document.body.appendChild(documentFragment); <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/collapsed/index.html b/files/ja/web/api/range/collapsed/index.html index 4d7f3ffe3c..772aab50f5 100644 --- a/files/ja/web/api/range/collapsed/index.html +++ b/files/ja/web/api/range/collapsed/index.html @@ -21,7 +21,7 @@ isCollapsed = range.collapsed; </pre> <h3 id="Notes" name="Notes">Notes</h3> <p>range の始点と終点が DOM において同じ点にあるとき、true を返し、そうでないとき false を返します。</p> -<p>折り畳まれた range は空で、内容を含まず、DOM tree 内の1点を示しています。collapsed プロパティは読取専用です。range の折り畳みについては、<a href="ja/DOM/range.collapse"> collapse</a> メソッドを参照してください。</p> +<p>折り畳まれた range は空で、内容を含まず、DOM tree 内の1点を示しています。collapsed プロパティは読取専用です。range の折り畳みについては、<a href="/ja/DOM/range.collapse"> collapse</a> メソッドを参照してください。</p> <h3 id="Specification" name="Specification">Specification</h3> <p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-attr-collapsed">collapsed</a></p> <p>{{ languages( { "en": "en/DOM/range.collapsed", "es": "es/DOM/range.collapsed" } ) }}</p> diff --git a/files/ja/web/api/range/commonancestorcontainer/index.html b/files/ja/web/api/range/commonancestorcontainer/index.html index 114ebdc5d6..333e0cfebb 100644 --- a/files/ja/web/api/range/commonancestorcontainer/index.html +++ b/files/ja/web/api/range/commonancestorcontainer/index.html @@ -123,5 +123,5 @@ function playAnimation(el) { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/endcontainer/index.html b/files/ja/web/api/range/endcontainer/index.html index 0c64e17548..c85f8583e0 100644 --- a/files/ja/web/api/range/endcontainer/index.html +++ b/files/ja/web/api/range/endcontainer/index.html @@ -53,5 +53,5 @@ endRangeNode = range.endContainer; <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/endoffset/index.html b/files/ja/web/api/range/endoffset/index.html index b4583e85bb..59ede31dae 100644 --- a/files/ja/web/api/range/endoffset/index.html +++ b/files/ja/web/api/range/endoffset/index.html @@ -57,5 +57,5 @@ endRangeOffset = range.endOffset;</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/intersectsnode/index.html b/files/ja/web/api/range/intersectsnode/index.html index 3efd79b0a4..702e5c1126 100644 --- a/files/ja/web/api/range/intersectsnode/index.html +++ b/files/ja/web/api/range/intersectsnode/index.html @@ -29,7 +29,7 @@ var bool = range.intersectsNode(document.getElementsByTagName("p").item(0));</pr <h2 id="Notes" name="Notes">注記</h2> <p>このメソッドは廃止されました。代わりに W3C DOM Range メソッドを用います（※参照: <code><a href="/ja/docs/DOM/range.compareBoundaryPoints">compareBoundaryPoints()</a></code> ）</p> <div class="warning"> - <b>注意:</b> このメソッドは <a href="/en-US/docs/Gecko">Gecko</a> 1.9 より<a href="/ja/docs/Gecko_1.9_Changes_affecting_websites">削除されています</a>。もし既にこのメソッドを用いている場合、出来るだけ早く、 <code>compareBoundaryPoints()</code> に切り替えて下さい。</div> + <b>注意:</b> このメソッドは <a href="/ja/docs/Gecko">Gecko</a> 1.9 より<a href="/ja/docs/Gecko_1.9_Changes_affecting_websites">削除されています</a>。もし既にこのメソッドを用いている場合、出来るだけ早く、 <code>compareBoundaryPoints()</code> に切り替えて下さい。</div> <p>次の関数を代替として用いる事が出来ます。</p> <pre class="brush:js notranslate">function rangeIntersectsNode(range, node) { var nodeRange = node.ownerDocument.createRange(); diff --git a/files/ja/web/api/range/setstart/index.html b/files/ja/web/api/range/setstart/index.html index 3701318799..9722f56444 100644 --- a/files/ja/web/api/range/setstart/index.html +++ b/files/ja/web/api/range/setstart/index.html @@ -62,5 +62,5 @@ range.setStart(startNode,startOffset); <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/startcontainer/index.html b/files/ja/web/api/range/startcontainer/index.html index 9f9ca075e5..f7a7971017 100644 --- a/files/ja/web/api/range/startcontainer/index.html +++ b/files/ja/web/api/range/startcontainer/index.html @@ -51,5 +51,5 @@ startRangeNode = range.startContainer; <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/range/startoffset/index.html b/files/ja/web/api/range/startoffset/index.html index 76bf050c65..de4a0485b7 100644 --- a/files/ja/web/api/range/startoffset/index.html +++ b/files/ja/web/api/range/startoffset/index.html @@ -59,5 +59,5 @@ var startRangeOffset = range.startOffset; <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index</a></li> </ul> diff --git a/files/ja/web/api/request/cache/index.html b/files/ja/web/api/request/cache/index.html index be3a255989..2446db1b77 100644 --- a/files/ja/web/api/request/cache/index.html +++ b/files/ja/web/api/request/cache/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Request/cache --- <div>{{APIRef("Fetch")}}</div> -<p>{{domxref("Request")}} インターフェースの <strong><code>cache</code></strong> 読み取り専用プロパティには、リクエストのキャッシュモードが含まれています。リクエストがブラウザの <a href="/docs/Web/HTTP/Caching">HTTP キャッシュ</a> とどのように相互作用するかを制御します。</p> +<p>{{domxref("Request")}} インターフェースの <strong><code>cache</code></strong> 読み取り専用プロパティには、リクエストのキャッシュモードが含まれています。リクエストがブラウザの <a href="/ja/docs/Web/HTTP/Caching">HTTP キャッシュ</a> とどのように相互作用するかを制御します。</p> <h2 id="構文">構文</h2> @@ -27,8 +27,8 @@ translation_of: Web/API/Request/cache <li><code>default</code> — ブラウザは、HTTP キャッシュで一致するリクエストを探します。 <ul> - <li>一致するものが<a href="/docs/Web/HTTP/Caching#Freshness">新しい</a>場合、キャッシュから返されます。</li> - <li>一致するものが古い場合、ブラウザはリモートサーバーに<a href="/docs/Web/HTTP/Conditional_requests">条件付きリクエスト</a>を送信します。リソースが変更されていないことをサーバーが示した場合、そのリソースはキャッシュから返されます。それ以外の場合、リソースはサーバーからダウンロードされ、キャッシュが更新されます。</li> + <li>一致するものが<a href="/ja/docs/Web/HTTP/Caching#Freshness">新しい</a>場合、キャッシュから返されます。</li> + <li>一致するものが古い場合、ブラウザはリモートサーバーに<a href="/ja/docs/Web/HTTP/Conditional_requests">条件付きリクエスト</a>を送信します。リソースが変更されていないことをサーバーが示した場合、そのリソースはキャッシュから返されます。それ以外の場合、リソースはサーバーからダウンロードされ、キャッシュが更新されます。</li> <li>一致するものがない場合、ブラウザは通常のリクエストを行い、ダウンロードしたリソースでキャッシュを更新します。</li> </ul> </li> @@ -36,7 +36,7 @@ translation_of: Web/API/Request/cache <li><code>reload</code> — ブラウザは、最初にキャッシュを調べずにリモートサーバーからリソースをフェッチし、ダウンロードしたリソースでキャッシュを<em>更新します</em>。</li> <li><code>no-cache</code> — ブラウザは、HTTPキャッシュで一致するリクエストを探します。 <ul> - <li>一致するものが<em>新しいか古いかを問わず</em>、ブラウザはリモートサーバーに<a href="/docs/Web/HTTP/Conditional_requests">条件付きリクエスト</a>を送信します。リソースが変更されていないことをサーバーが示した場合、そのリソースはキャッシュから返されます。それ以外の場合、リソースはサーバーからダウンロードされ、キャッシュが更新されます。</li> + <li>一致するものが<em>新しいか古いかを問わず</em>、ブラウザはリモートサーバーに<a href="/ja/docs/Web/HTTP/Conditional_requests">条件付きリクエスト</a>を送信します。リソースが変更されていないことをサーバーが示した場合、そのリソースはキャッシュから返されます。それ以外の場合、リソースはサーバーからダウンロードされ、キャッシュが更新されます。</li> <li>一致するものがない場合、ブラウザは通常のリクエストを行い、ダウンロードしたリソースでキャッシュを更新します。</li> </ul> </li> @@ -49,9 +49,9 @@ translation_of: Web/API/Request/cache <li><code>only-if-cached</code> — ブラウザは、HTTPキャッシュで一致するリクエストを探します。 <ul> <li>一致するものが<em>新しいか古いかを問わず</em>、キャッシュから返されます。</li> - <li>一致するものがない場合、ブラウザは <a href="/docs/Web/HTTP/Status/504">504 ゲートウェイタイムアウト</a>ステータスで応答します。</li> + <li>一致するものがない場合、ブラウザは <a href="/ja/docs/Web/HTTP/Status/504">504 ゲートウェイタイムアウト</a>ステータスで応答します。</li> </ul> - <code>"only-if-cached"</code> モードは、リクエストの<code><a href="/docs/Web/API/Request/mode">モード</a></code>が <code>"same-origin"</code> の場合にのみ使用できます。リクエストの<code>リダイレクト</code>プロパティが <code>"follow"</code> であり、リダイレクトが <code>"same-origin"</code> モードに違反していない場合、キャッシュされたリダイレクトがフォローされます。</li> + <code>"only-if-cached"</code> モードは、リクエストの<code><a href="/ja/docs/Web/API/Request/mode">モード</a></code>が <code>"same-origin"</code> の場合にのみ使用できます。リクエストの<code>リダイレクト</code>プロパティが <code>"follow"</code> であり、リダイレクトが <code>"same-origin"</code> モードに違反していない場合、キャッシュされたリダイレクトがフォローされます。</li> </ul> <h2 id="例">例</h2> @@ -137,7 +137,7 @@ fetch("some.json", {cache: "only-if-cached", mode: "same-origin", signal: contro <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/request/integrity/index.html b/files/ja/web/api/request/integrity/index.html index 61d5bfe118..6b64a10d8b 100644 --- a/files/ja/web/api/request/integrity/index.html +++ b/files/ja/web/api/request/integrity/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Request/integrity --- <div>{{APIRef("Fetch")}}</div> -<p>{{domxref("Request")}} インターフェイスの <strong><code>integrity</code></strong> 読み取り専用プロパティには、リクエストの <a href="/en-US/docs/Web/Security/Subresource_Integrity">サブリソース完全性</a> 値が含まれています。</p> +<p>{{domxref("Request")}} インターフェイスの <strong><code>integrity</code></strong> 読み取り専用プロパティには、リクエストの <a href="/ja/docs/Web/Security/Subresource_Integrity">サブリソース完全性</a> 値が含まれています。</p> <h2 id="構文">構文</h2> @@ -21,7 +21,7 @@ translation_of: Web/API/Request/integrity <h3 id="値">値</h3> -<p>リクエストの <a href="/en-US/docs/Web/Security/Subresource_Integrity">サブリソース完全性</a> 値 (例, <code>sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=</code>)。</p> +<p>リクエストの <a href="/ja/docs/Web/Security/Subresource_Integrity">サブリソース完全性</a> 値 (例, <code>sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=</code>)。</p> <p>完全性が指定されていない場合、 <code>''</code> を返します。</p> @@ -58,7 +58,7 @@ var myIntegrity = myRequest.integrity;</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/request/mode/index.html b/files/ja/web/api/request/mode/index.html index f2c589b804..6b13d712f6 100644 --- a/files/ja/web/api/request/mode/index.html +++ b/files/ja/web/api/request/mode/index.html @@ -26,7 +26,7 @@ translation_of: Web/API/Request/mode <ul> <li><code>same-origin</code> — このモードを設定してほかのオリジンにリクエストをした場合、結果は単純にエラーになります。リクエストが常に同一オリジンに行われることを保証するために使用できます。</li> <li><code>no-cors</code> — <code>HEAD か</code> <code>GET、</code><code>POST </code>以外のメソッドを防ぎます。任意の ServiceWorkers がこれらをインターセプトする場合、<a href="https://fetch.spec.whatwg.org/#simple-header">シンプルヘッダー</a>を除いてヘッダーを追加したりオーバーライドしたりできなくなります。加えて、JavaScript は解決された {{domxref("Response")}} のプロパティにはアクセスできません。これはServiceWorkers が Web のセマンティクスに影響を与えないことを保証し、ドメインを跨いでデータが流出することでセキュリティやプライバシーの問題が生じるのを防ぎます。</li> - <li><code>cors</code> — クロスオリジンリクエストを許可します。たとえば、サードパーティベンダーが提供する様々な API にアクセスできます。これらは、<a href="https://developer.mozilla.org/ja/docs/Web/HTTP/Access_control_CORS">CORS プロトコル</a>に則ることが期待されています。<a href="https://fetch.spec.whatwg.org/#concept-filtered-response-cors">制限された</a>ヘッダーだけが {{domxref("Response")}} で使用できますが、body は読み取り可能です。</li> + <li><code>cors</code> — クロスオリジンリクエストを許可します。たとえば、サードパーティベンダーが提供する様々な API にアクセスできます。これらは、<a href="/ja/docs/Web/HTTP/Access_control_CORS">CORS プロトコル</a>に則ることが期待されています。<a href="https://fetch.spec.whatwg.org/#concept-filtered-response-cors">制限された</a>ヘッダーだけが {{domxref("Response")}} で使用できますが、body は読み取り可能です。</li> <li><code>navigate</code> — ナビゲーションを許可します。<code>navigate</code> はHTMLナビゲーションによってのみ利用されることを意図しています。ナビゲーションリクエストはドキュメント間のナビゲーションの場合にだけ生成されます。</li> </ul> @@ -36,7 +36,7 @@ translation_of: Web/API/Request/mode <p>たとえば、<code>Request</code>オブジェクトが{{domxref("Request.Request")}}コンストラクタで生成された場合、<code>mode</code>の値は<code>cors</code>にセットされます。</p> -<p>しかし、リクエストが{{domxref("Request.Request")}}コンストラクタ以外で生成された場合は<code>mode</code>として通常<code>no-cors</code>がセットされます。たとえばマークアップから生成された埋め込みリソースのようなリクエストは、<code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code>アトリビュートが設定されていない限り、<code>no-cors</code>を利用します。そのようなものの例として、{{HTMLElement("link")}} や {{HTMLElement("script")}} エレメント（ただしモジュールを除く）、{{HTMLElement("img")}}、{{HTMLElement("audio")}}、{{HTMLElement("video")}}、{{HTMLElement("object")}}、{{HTMLElement("embed")}}、{{HTMLElement("iframe")}} エレメントなどが存在します。</p> +<p>しかし、リクエストが{{domxref("Request.Request")}}コンストラクタ以外で生成された場合は<code>mode</code>として通常<code>no-cors</code>がセットされます。たとえばマークアップから生成された埋め込みリソースのようなリクエストは、<code><a href="/ja/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code>アトリビュートが設定されていない限り、<code>no-cors</code>を利用します。そのようなものの例として、{{HTMLElement("link")}} や {{HTMLElement("script")}} エレメント（ただしモジュールを除く）、{{HTMLElement("img")}}、{{HTMLElement("audio")}}、{{HTMLElement("video")}}、{{HTMLElement("object")}}、{{HTMLElement("embed")}}、{{HTMLElement("iframe")}} エレメントなどが存在します。</p> <h2 id="例">例</h2> diff --git a/files/ja/web/api/request/redirect/index.html b/files/ja/web/api/request/redirect/index.html index 0ee4d69901..087a3f0107 100644 --- a/files/ja/web/api/request/redirect/index.html +++ b/files/ja/web/api/request/redirect/index.html @@ -64,7 +64,7 @@ var myCred = myRequest.redirect;</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/request/request/index.html b/files/ja/web/api/request/request/index.html index 00f3746d0e..4038d22bc0 100644 --- a/files/ja/web/api/request/request/index.html +++ b/files/ja/web/api/request/request/index.html @@ -41,10 +41,10 @@ translation_of: Web/API/Request/Request <li><code>body</code>: リクエストに追加する本文で、 {{domxref("Blob")}}, {{domxref("BufferSource")}}, {{domxref("FormData")}}, {{domxref("URLSearchParams")}}, {{domxref("USVString")}}, {{domxref("ReadableStream")}} オブジェクトが使用できます。なお、リクエストが <code>GET</code> 又は <code>HEAD</code> メソッドを使用している場合、本文を持てません。</li> <li><code>mode</code>: リクエストで使用するモード。例えば、 <code>cors</code>, <code>no-cors</code>, <code>same-origin</code>, <code>navigate</code> です。既定値は <code>cors</code> です。 Chrome では、既定値は 47 以前は <code>no-cors</code> でしたが、 47 から <code>same-origin</code> になりました。</li> <li><code>credentials</code>: リクエストで使用するリクエストの資格情報です。 <code>omit</code>, <code>same-origin</code>, <code>include</code> の何れかです。既定値は <code>omit</code> です。 Chrome では、既定値は 47 以前は <code>same-origin</code> でしたが、 47 から <code>include</code> になりました。</li> - <li><code>cache</code>: リクエストで使用する <a href="/docs/Web/API/Request/cache">cache モード</a>です。</li> + <li><code>cache</code>: リクエストで使用する <a href="/ja/docs/Web/API/Request/cache">cache モード</a>です。</li> <li><code>redirect</code>: 使用するリダイレクトモードです。 <code>follow</code>, <code>error</code>, <code>manual</code> の何れかです。 Chrome では、既定値は 47 以前は <code>follow</code> でしたが、 47 から <code>manual</code> になりました。</li> <li><code>referrer</code>: <code>no-referrer</code>, <code>client</code> 又は URL を示す {{domxref("USVString")}} です。既定値は <code>client</code> です。</li> - <li><code>integrity</code>: リクエストの <a href="/docs/Web/Security/Subresource_Integrity">subresource integrity</a> の値です (例えば、 <code>sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=</code>)。</li> + <li><code>integrity</code>: リクエストの <a href="/ja/docs/Web/Security/Subresource_Integrity">subresource integrity</a> の値です (例えば、 <code>sha256-BpfBw7ivV8q2jLiT13fxDYAe2tJllusRSZ273h2nFSE=</code>)。</li> </ul> </dd> </dl> @@ -154,7 +154,7 @@ var myRequest = new Request('flowers.jpg', myInit); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/ServiceWorker_API">サービスワーカー API</a></li> - <li><a href="/docs/Web/HTTP/Access_control_CORS">HTTP アクセス制御 (CORS)</a></li> - <li><a href="/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">サービスワーカー API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP アクセス制御 (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/resource_timing_api/using_the_resource_timing_api/index.html b/files/ja/web/api/resource_timing_api/using_the_resource_timing_api/index.html index 6a28850107..0a88bb0ddf 100644 --- a/files/ja/web/api/resource_timing_api/using_the_resource_timing_api/index.html +++ b/files/ja/web/api/resource_timing_api/using_the_resource_timing_api/index.html @@ -207,7 +207,7 @@ function init() { <h2 id="あわせて参照">あわせて参照</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance">Firefox Performance Tool</a></li> + <li><a href="/ja/docs/Tools/Performance">Firefox Performance Tool</a></li> <li><a href="https://w3c.github.io/resource-timing/">Resource Timing Standard</a>; W3C Editor's Draft</li> <li><a href="http://www.stevesouders.com/blog/2014/08/21/resource-timing-practical-tips/">Resource Timing practical tips</a>; Steve Souders; 2014 August 21</li> <li><a href="http://googledevelopers.blogspot.ca/2013/12/measuring-network-performance-with.html">Measuring network performance with Resource Timing API</a>; Ilya Grigorik; 2013 December 11</li> diff --git a/files/ja/web/api/response/error/index.html b/files/ja/web/api/response/error/index.html index 28ad1c1995..84934f2c0e 100644 --- a/files/ja/web/api/response/error/index.html +++ b/files/ja/web/api/response/error/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/Response/error <p>{{domxref("Response")}} インターフェイスの <strong><code>error()</code></strong> メソッドはネットワークエラーに関連付けられた新規の <code>Response</code> オブジェクトを返します。</p> <div class="note"> -<p><strong>Note</strong>: これは主に <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> に関連しています。エラーメソッドは、必要に応じてエラーを返す為に使用されます。 エラーレスポンスの {{domxref("Response.type","type")}} は <code>error</code> に設定されています。</p> +<p><strong>Note</strong>: これは主に <a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorkers</a> に関連しています。エラーメソッドは、必要に応じてエラーを返す為に使用されます。 エラーレスポンスの {{domxref("Response.type","type")}} は <code>error</code> に設定されています。</p> </div> <div class="note"> @@ -57,7 +57,7 @@ translation_of: Web/API/Response/error <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/response/headers/index.html b/files/ja/web/api/response/headers/index.html index 96dd993ea7..b2ae311083 100644 --- a/files/ja/web/api/response/headers/index.html +++ b/files/ja/web/api/response/headers/index.html @@ -67,7 +67,7 @@ fetch(myRequest).then(function(response) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/response/redirect/index.html b/files/ja/web/api/response/redirect/index.html index 3fe304bfc4..d940a603bf 100644 --- a/files/ja/web/api/response/redirect/index.html +++ b/files/ja/web/api/response/redirect/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/Response/redirect <p>{{domxref("Response")}} インターフェイスの <strong><code>redirect()</code></strong> メソッドは、指定されたURLへのレダイレクトをもたらす <code>Response</code> を返します。</p> <div class="note"> -<p><strong>Note</strong>: これは主に <a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a> に関連しています。制御service worker は、ページのリクエストを中断し、必要に応じてリダイレクトできます。もし Service worker が上流に送信を行うと、実際に本当のリダイレクトが発生します。</p> +<p><strong>Note</strong>: これは主に <a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a> に関連しています。制御service worker は、ページのリクエストを中断し、必要に応じてリダイレクトできます。もし Service worker が上流に送信を行うと、実際に本当のリダイレクトが発生します。</p> </div> <h2 id="構文">構文</h2> @@ -79,7 +79,7 @@ translation_of: Web/API/Response/redirect <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/response/response/index.html b/files/ja/web/api/response/response/index.html index d61b3de4f3..e457605825 100644 --- a/files/ja/web/api/response/response/index.html +++ b/files/ja/web/api/response/response/index.html @@ -30,7 +30,7 @@ translation_of: Web/API/Response/Response <ul> <li><code>status</code>: レスポンス[応答]のステータスコードです。（例： <code>200</code>）</li> <li><code>statusText</code>: ステータスメッセージは次のようなものです。（例：<code>OK</code>など)</li> - <li><code>headers</code>: レスポンス[応答]に追加するヘッダーは、{{domxref("ByteString")}} のキーと値のペアか、もしくは{{domxref("Headers")}} 、または文字どおりの状態で含まれます。（詳細は、<a href="/en-US/docs/Web/HTTP/Headers">HTTP headers</a>を参照）</li> + <li><code>headers</code>: レスポンス[応答]に追加するヘッダーは、{{domxref("ByteString")}} のキーと値のペアか、もしくは{{domxref("Headers")}} 、または文字どおりの状態で含まれます。（詳細は、<a href="/ja/docs/Web/HTTP/Headers">HTTP headers</a>を参照）</li> </ul> </dd> </dl> @@ -69,7 +69,7 @@ var myResponse = new Response(myBlob,init);</pre> <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> - <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> - <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li> + <li><a href="/ja/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a></li> + <li><a href="/ja/docs/Web/HTTP">HTTP</a></li> </ul> diff --git a/files/ja/web/api/rtcdatachannel/index.html b/files/ja/web/api/rtcdatachannel/index.html index 43122cd6d5..68a3db927e 100644 --- a/files/ja/web/api/rtcdatachannel/index.html +++ b/files/ja/web/api/rtcdatachannel/index.html @@ -124,5 +124,5 @@ dc.onclose = function () { <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> </ul> diff --git a/files/ja/web/api/rtcdatachannelevent/index.html b/files/ja/web/api/rtcdatachannelevent/index.html index 5d0adc1f04..3c2a76e792 100644 --- a/files/ja/web/api/rtcdatachannelevent/index.html +++ b/files/ja/web/api/rtcdatachannelevent/index.html @@ -60,6 +60,6 @@ translation_of: Web/API/RTCDataChannelEvent <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC" title="/en-US/docs/CSS/Using_CSS_animations">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC" title="/en-US/docs/CSS/Using_CSS_animations">WebRTC</a></li> <li>このイベントの通常ターゲット: {{domxref("RTCPeerConnection")}}.</li> </ul> diff --git a/files/ja/web/api/rtcpeerconnection/cantrickleicecandidates/index.html b/files/ja/web/api/rtcpeerconnection/cantrickleicecandidates/index.html index 290a1a95eb..158c0b9c02 100644 --- a/files/ja/web/api/rtcpeerconnection/cantrickleicecandidates/index.html +++ b/files/ja/web/api/rtcpeerconnection/cantrickleicecandidates/index.html @@ -93,7 +93,7 @@ pc.addEventListener('icecandidate', e => { <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC">WebRTC</a></li> <li>{{domxref("RTCPeerConnection.addIceCandidate()")}}</li> - <li><a href="/en-US/docs/Web/API/WebRTC_API/Session_lifetime">Lifetime of a WebRTC session</a></li> + <li><a href="/ja/docs/Web/API/WebRTC_API/Session_lifetime">Lifetime of a WebRTC session</a></li> </ul> diff --git a/files/ja/web/api/rtcpeerconnectioniceevent/index.html b/files/ja/web/api/rtcpeerconnectioniceevent/index.html index b1e1dab04a..e60658504e 100644 --- a/files/ja/web/api/rtcpeerconnectioniceevent/index.html +++ b/files/ja/web/api/rtcpeerconnectioniceevent/index.html @@ -60,6 +60,6 @@ translation_of: Web/API/RTCPeerConnectionIceEvent <h2 id="その他の記事">その他の記事</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/API/WebRTC" title="/en-US/docs/CSS/Using_CSS_animations">WebRTC</a></li> + <li><a href="/ja/docs/Web/Guide/API/WebRTC" title="/en-US/docs/CSS/Using_CSS_animations">WebRTC</a></li> <li>このイベントの通常ターゲット: {{domxref("RTCPeerConnection")}}.</li> </ul> diff --git a/files/ja/web/api/scriptprocessornode/index.html b/files/ja/web/api/scriptprocessornode/index.html index cf4f2b64c9..391ab716d9 100644 --- a/files/ja/web/api/scriptprocessornode/index.html +++ b/files/ja/web/api/scriptprocessornode/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/ScriptProcessorNode <p>{{APIRef("Web Audio API")}}</p> <div class="note"> -<p><strong>Note</strong>: 2014/8/29のWeb Audio API仕様公開にて、本機能は廃止対象となり<a href="/en-US/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a>の機能によって置き換えられる予定です.</p> +<p><strong>Note</strong>: 2014/8/29のWeb Audio API仕様公開にて、本機能は廃止対象となり<a href="/ja/docs/Web/API/Web_Audio_API#Audio_Workers">Audio Workers</a>の機能によって置き換えられる予定です.</p> </div> <div> @@ -92,5 +92,5 @@ translation_of: Web/API/ScriptProcessorNode <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/selection/index.html b/files/ja/web/api/selection/index.html index 8e40c138ed..223666ac59 100644 --- a/files/ja/web/api/selection/index.html +++ b/files/ja/web/api/selection/index.html @@ -120,7 +120,7 @@ window.alert(selObj);</pre> </dl> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li>{{domxref("window.getSelection")}} 、 {{domxref("document.getSelection")}} 、 <a href="/en-US/docs/DOM/range">Range</a></li> + <li>{{domxref("window.getSelection")}} 、 {{domxref("document.getSelection")}} 、 <a href="/ja/docs/DOM/range">Range</a></li> <li>HTML5 DOM Range <a class="external" href="http://html5.org/specs/dom-range.html#selection">Interface Selection</a></li> <li><a class="external" href="http://lxr.mozilla.org/mozilla/source/content/base/public/nsISelection.idl">IDL definition in Mozilla cross-reference</a></li> </ul> diff --git a/files/ja/web/api/service_worker_api/index.html b/files/ja/web/api/service_worker_api/index.html index 35e01fcb79..828edee89d 100644 --- a/files/ja/web/api/service_worker_api/index.html +++ b/files/ja/web/api/service_worker_api/index.html @@ -16,9 +16,9 @@ translation_of: Web/API/Service_Worker_API <h2 id="Service_worker_concepts_and_usage" name="Service_worker_concepts_and_usage">Service Worker の概念と使い方</h2> -<p>Service Worker は、あるオリジンとパスに対して登録されたイベント駆動型の <a href="/docs/Web/API/Worker">worker</a> です。JavaScript ファイルの形を取り、ナビゲーションやリソースへのリクエストを横取りや改変したり細かい粒度でリソースをキャッシュすることで関連付けられたウェブページやサイトを制御し、それぞれの状況（もっとも顕著な例は、ネットワークが利用できないとき）にアプリがどのように振舞うかを完全に制御することができます。</p> +<p>Service Worker は、あるオリジンとパスに対して登録されたイベント駆動型の <a href="/ja/docs/Web/API/Worker">worker</a> です。JavaScript ファイルの形を取り、ナビゲーションやリソースへのリクエストを横取りや改変したり細かい粒度でリソースをキャッシュすることで関連付けられたウェブページやサイトを制御し、それぞれの状況（もっとも顕著な例は、ネットワークが利用できないとき）にアプリがどのように振舞うかを完全に制御することができます。</p> -<p>Service Worker は worker のコンテキストで実行されます。従って、DOM へアクセスすることができず、アプリを実行する主要な JavaScript とは異なるスレッドで実行されるため、他のタスクをブロックすることはありません。完全に非同期で設計されています。そのため、同期型の <a href="/docs/Web/API/XMLHttpRequest">XHR</a> や <a href="/docs/Web/Guide/API/DOM/Storage">localStorage</a> のような API を Service Worker で利用することはできません。</p> +<p>Service Worker は worker のコンテキストで実行されます。従って、DOM へアクセスすることができず、アプリを実行する主要な JavaScript とは異なるスレッドで実行されるため、他のタスクをブロックすることはありません。完全に非同期で設計されています。そのため、同期型の <a href="/ja/docs/Web/API/XMLHttpRequest">XHR</a> や <a href="/ja/docs/Web/Guide/API/DOM/Storage">localStorage</a> のような API を Service Worker で利用することはできません。</p> <p>Service worker はセキュリティ上の理由から、HTTPS 通信でのみ動作します。ネットワークリクエストが改変されると、中間者攻撃を受けるので、人間に広く開かれているのは本当にまずいことです。Firefox では<a href="https://support.mozilla.org/ja/kb/private-browsing-use-firefox-without-history">プライベートブラウジングモード</a>で Service Worker API を利用することはできません。</p> @@ -69,7 +69,7 @@ translation_of: Web/API/Service_Worker_API <p><strong>メモ</strong>: <code>oninstall</code>/<code>onactivate</code> は完了するまでに時間がかかる可能性があるため、Service Worker の仕様書では <code>waitUntil</code> メソッドを提供しており、これが <code>oninstall</code> 又は <code>onactivate</code> を呼び出すと、promise を渡します。promise が正常に解決されるまで、関数イベントは Service Worker に配信されません。</p> </div> -<p>最初の基本的な例をどのように構築するかについての完全なチュートリアルは、<a href="/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Service Worker の使用</a>を読んでください。</p> +<p>最初の基本的な例をどのように構築するかについての完全なチュートリアルは、<a href="/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Service Worker の使用</a>を読んでください。</p> <h2 id="Other_use_case_ideas" name="Other_use_case_ideas">その他の使用例</h2> @@ -89,7 +89,7 @@ translation_of: Web/API/Service_Worker_API <ul> <li><a href="https://github.com/slightlyoff/BackgroundSync">バックグラウンド同期</a>: ユーザーがサイトにいないときにも Service Worker を起動し、キャッシュを更新したりすることができます。</li> - <li><a href="/docs/Web/API/Push_API">プッシュメッセージへの応答</a>: 新しいコンテンツが利用可能になった旨を伝えるためにユーザーにメッセージを送るために Service Worker を起動します。</li> + <li><a href="/ja/docs/Web/API/Push_API">プッシュメッセージへの応答</a>: 新しいコンテンツが利用可能になった旨を伝えるためにユーザーにメッセージを送るために Service Worker を起動します。</li> <li>特定の日付・時刻に対する反応</li> <li>特定の地理的範囲へ入った事を検知する</li> </ul> @@ -130,7 +130,7 @@ translation_of: Web/API/Service_Worker_API <dt>{{DOMxRef("ServiceWorkerRegistration")}} {{Experimental_Inline}}</dt> <dd>Service Worker の登録を表します。</dd> <dt>{{DOMxRef("ServiceWorkerState")}} {{Experimental_Inline}}</dt> - <dd><a href="https://developer.mozilla.org/ja/docs/Web/API/ServiceWorker" title="ServiceWorker インターフェイス of the ServiceWorker API provides a reference to a service worker. Multiple browsing contexts (e.g. pages, workers, etc.) can be associated with the same service worker, each through a unique ServiceWorker object."><code>ServiceWorker</code></a> の状態に関連付けられています。</dd> + <dd><a href="/ja/docs/Web/API/ServiceWorker" title="ServiceWorker インターフェイス of the ServiceWorker API provides a reference to a service worker. Multiple browsing contexts (e.g. pages, workers, etc.) can be associated with the same service worker, each through a unique ServiceWorker object."><code>ServiceWorker</code></a> の状態に関連付けられています。</dd> <dt>{{DOMxRef("SyncEvent")}} {{Non-standard_Inline}}</dt> <dd> <p>SyncEventインターフェイスはService Workerの{{DOMxRef("ServiceWorkerGlobalScope")}}でディスパッチされた同期アクションを表します。</p> diff --git a/files/ja/web/api/serviceworkerglobalscope/clients/index.html b/files/ja/web/api/serviceworkerglobalscope/clients/index.html index d7de403604..1e9ebc67d2 100644 --- a/files/ja/web/api/serviceworkerglobalscope/clients/index.html +++ b/files/ja/web/api/serviceworkerglobalscope/clients/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/ServiceWorkerGlobalScope/clients --- <p>{{SeeCompatTable}}{{APIRef("Service Workers API")}}</p> -<p>{{domxref("ServiceWorkerGlobalScope")}} インターフェースの <strong><code>clients</code></strong> 読み取り専用プロパティは、service worker に関連する <a href="https://developer.mozilla.org/ja/docs/Web/API/Clients" title="The ServiceWorkerClients interface of the ServiceWorker API represents a container for a list of ServiceWorkerClient objects."><code>Clients</code></a> オブジェクトを返します。</p> +<p>{{domxref("ServiceWorkerGlobalScope")}} インターフェースの <strong><code>clients</code></strong> 読み取り専用プロパティは、service worker に関連する <a href="/ja/docs/Web/API/Clients" title="The ServiceWorkerClients interface of the ServiceWorker API represents a container for a list of ServiceWorkerClient objects."><code>Clients</code></a> オブジェクトを返します。</p> <h2 id="Syntax" name="Syntax" style="line-height: 30px; font-size: 2.14285714285714rem;">構文</h2> diff --git a/files/ja/web/api/serviceworkerglobalscope/onactivate/index.html b/files/ja/web/api/serviceworkerglobalscope/onactivate/index.html index 5458d5376d..61c3865524 100644 --- a/files/ja/web/api/serviceworkerglobalscope/onactivate/index.html +++ b/files/ja/web/api/serviceworkerglobalscope/onactivate/index.html @@ -61,9 +61,9 @@ ServiceWorkerGlobalScope.addEventListener('activate', function(event) { ... });< <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li> <li><a class="external external-icon" href="https://github.com/mdn/sw-test">Service workers basic code example</a></li> <li><a class="external external-icon" href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li> <li>{{jsxref("Promise")}}</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> </ul> diff --git a/files/ja/web/api/serviceworkerglobalscope/oninstall/index.html b/files/ja/web/api/serviceworkerglobalscope/oninstall/index.html index 2a74e0ae96..9d44254314 100644 --- a/files/ja/web/api/serviceworkerglobalscope/oninstall/index.html +++ b/files/ja/web/api/serviceworkerglobalscope/oninstall/index.html @@ -67,9 +67,9 @@ ServiceWorkerGlobalScope.addEventListener('install', function(event) { ... });</ <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li> + <li><a href="/ja/docs/Web/API/ServiceWorker_API/Using_Service_Workers">Using Service Workers</a></li> <li><a class="external external-icon" href="https://github.com/mdn/sw-test">Service workers basic code example</a></li> <li><a class="external external-icon" href="https://jakearchibald.github.io/isserviceworkerready/">Is ServiceWorker ready?</a></li> <li>{{jsxref("Promise")}}</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> </ul> diff --git a/files/ja/web/api/sharedworker/index.html b/files/ja/web/api/sharedworker/index.html index 9e504bc155..ed65c339b4 100644 --- a/files/ja/web/api/sharedworker/index.html +++ b/files/ja/web/api/sharedworker/index.html @@ -103,5 +103,5 @@ translation_of: Web/API/SharedWorker <ul> <li>{{domxref("Worker")}}</li> - <li><a class="internal" href="/docs/Web/Guide/Performance/Using_web_workers">Web workers の利用</a></li> + <li><a class="internal" href="/ja/docs/Web/Guide/Performance/Using_web_workers">Web workers の利用</a></li> </ul> diff --git a/files/ja/web/api/sourcebuffer/appendbufferasync/index.html b/files/ja/web/api/sourcebuffer/appendbufferasync/index.html index a1032f53b0..645e840ea0 100644 --- a/files/ja/web/api/sourcebuffer/appendbufferasync/index.html +++ b/files/ja/web/api/sourcebuffer/appendbufferasync/index.html @@ -80,7 +80,7 @@ translation_of: Web/API/SourceBuffer/appendBufferAsync <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> + <li><a href="/ja/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> <li>{{domxref("SourceBuffer.appendBuffer()")}}</li> <li>{{domxref("MediaSource")}}</li> <li>{{domxref("SourceBufferList")}}</li> diff --git a/files/ja/web/api/sourcebuffer/removeasync/index.html b/files/ja/web/api/sourcebuffer/removeasync/index.html index 01fe9a4d40..504f659903 100644 --- a/files/ja/web/api/sourcebuffer/removeasync/index.html +++ b/files/ja/web/api/sourcebuffer/removeasync/index.html @@ -79,7 +79,7 @@ translation_of: Web/API/SourceBuffer/removeAsync <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> + <li><a href="/ja/docs/Web/API/Media_Source_Extensions_API">Media Source Extensions API</a></li> <li>{{domxref("SourceBuffer.remove()")}}</li> <li>{{domxref("MediaSource")}}</li> <li>{{domxref("SourceBufferList")}}</li> diff --git a/files/ja/web/api/sourcebufferlist/index.html b/files/ja/web/api/sourcebufferlist/index.html index 588a496ad3..9e36495e65 100644 --- a/files/ja/web/api/sourcebufferlist/index.html +++ b/files/ja/web/api/sourcebufferlist/index.html @@ -42,7 +42,7 @@ translation_of: Web/API/SourceBufferList <p><em>親インターフェイスである {{domxref("EventTarget")}} からメソッドを継承します。</em></p> <dl> - <dt><a href="/en-US/docs/Web/API/SourceBufferList/SourceBuffer"><code>SourceBufferList</code>: indexed property getter</a></dt> + <dt><a href="/ja/docs/Web/API/SourceBufferList/SourceBuffer"><code>SourceBufferList</code>: indexed property getter</a></dt> <dd>このゲッターにより、リスト内の <code>SourceBuffer</code> オブジェクトに配列演算子（つまり <code>[]</code>）でアクセスできます。</dd> </dl> diff --git a/files/ja/web/api/speechrecognition/index.html b/files/ja/web/api/speechrecognition/index.html index eb362d03f0..83419b26c1 100644 --- a/files/ja/web/api/speechrecognition/index.html +++ b/files/ja/web/api/speechrecognition/index.html @@ -141,7 +141,7 @@ recognition.onresult = function(event) { <h3 id="Firefox_OS_permissions" name="Firefox_OS_permissions">Firefox OS の許可設定</h3> -<p>アプリ内で音声認識を使用するには、以下の許可設定を <a href="/docs/Web/Apps/Build/Manifest">manifest</a> で指定する必要があります:</p> +<p>アプリ内で音声認識を使用するには、以下の許可設定を <a href="/ja/docs/Web/Apps/Build/Manifest">manifest</a> で指定する必要があります:</p> <pre class="brush: json">"permissions": { "audio-capture" : { diff --git a/files/ja/web/api/speechrecognition/onerror/index.html b/files/ja/web/api/speechrecognition/onerror/index.html index 24a3783215..132275ba77 100644 --- a/files/ja/web/api/speechrecognition/onerror/index.html +++ b/files/ja/web/api/speechrecognition/onerror/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/SpeechRecognition/onerror --- <div>{{APIRef("Web Speech API")}}{{SeeCompatTable}}</div> -<p>{{domxref("SpeechRecognition")}}インターフェイスの <strong><code>onerror</code></strong> プロパティは、音声の認識でエラーが発生した場合(<a href="https://developer.mozilla.org/ja/docs/Web/Events/error_%28SpeechRecognitionError%29">error</a> イベントが発生した時) に、実行するイベントハンドラーになります。</p> +<p>{{domxref("SpeechRecognition")}}インターフェイスの <strong><code>onerror</code></strong> プロパティは、音声の認識でエラーが発生した場合(<a href="/ja/docs/Web/Events/error_%28SpeechRecognitionError%29">error</a> イベントが発生した時) に、実行するイベントハンドラーになります。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/speechrecognition/speechrecognition/index.html b/files/ja/web/api/speechrecognition/speechrecognition/index.html index 0e9aa25fe3..e7b526dcac 100644 --- a/files/ja/web/api/speechrecognition/speechrecognition/index.html +++ b/files/ja/web/api/speechrecognition/speechrecognition/index.html @@ -69,7 +69,7 @@ recognition.maxAlternatives = 1; <h3 id="Firefox_OS_permissions">Firefox OS permissions</h3> -<p>speech recognition を使用するには、<a href="/docs/Web/Apps/Build/Manifest">manifest</a> に下記の permissions 設定が必要です:</p> +<p>speech recognition を使用するには、<a href="/ja/docs/Web/Apps/Build/Manifest">manifest</a> に下記の permissions 設定が必要です:</p> <pre class="brush: json notranslate">"permissions": { "audio-capture" : { @@ -87,5 +87,5 @@ recognition.maxAlternatives = 1; <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/API/Web_Speech_API">Web Speech API</a></li> + <li><a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a></li> </ul> diff --git a/files/ja/web/api/speechrecognitionalternative/index.html b/files/ja/web/api/speechrecognitionalternative/index.html index 14421c1010..37081e0812 100644 --- a/files/ja/web/api/speechrecognitionalternative/index.html +++ b/files/ja/web/api/speechrecognitionalternative/index.html @@ -71,7 +71,7 @@ translation_of: Web/API/SpeechRecognitionAlternative <h3 id="Firefox_OS_permissions" name="Firefox_OS_permissions">Firefox OS の許可設定</h3> -<p>アプリ内で音声認識を使用するには、<a href="/docs/Web/Apps/Build/Manifest">manifest</a> ファイルに次の許可設定を指定する必要があります:</p> +<p>アプリ内で音声認識を使用するには、<a href="/ja/docs/Web/Apps/Build/Manifest">manifest</a> ファイルに次の許可設定を指定する必要があります:</p> <pre class="brush: json">"permissions": { "audio-capture" : { @@ -89,5 +89,5 @@ translation_of: Web/API/SpeechRecognitionAlternative <h2 id="See_also" name="See_also">関連項目</h2> <ul> - <li><a href="/docs/Web/API/Web_Speech_API">Web Speech API</a></li> + <li><a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a></li> </ul> diff --git a/files/ja/web/api/speechrecognitionerror/index.html b/files/ja/web/api/speechrecognitionerror/index.html index 946b92cf92..e31d3c0ae9 100644 --- a/files/ja/web/api/speechrecognitionerror/index.html +++ b/files/ja/web/api/speechrecognitionerror/index.html @@ -63,7 +63,7 @@ recognition.onerror = function(event) { <h3 id="Firefox_OS_permissions" name="Firefox_OS_permissions">Firefox OS の許可設定</h3> -<p>アプリ内で音声認識を使用するには、以下の許可設定を <a href="/docs/Web/Apps/Build/Manifest">manifest</a> で指定する必要があります:</p> +<p>アプリ内で音声認識を使用するには、以下の許可設定を <a href="/ja/docs/Web/Apps/Build/Manifest">manifest</a> で指定する必要があります:</p> <pre class="brush: json">"permissions": { "audio-capture" : { diff --git a/files/ja/web/api/speechrecognitionresult/index.html b/files/ja/web/api/speechrecognitionresult/index.html index a4af82efaa..197a184cbd 100644 --- a/files/ja/web/api/speechrecognitionresult/index.html +++ b/files/ja/web/api/speechrecognitionresult/index.html @@ -16,7 +16,7 @@ translation_of: Web/API/SpeechRecognitionResult --- <p>{{APIRef("Web Speech API")}}{{SeeCompatTable}}</p> -<p>The <strong><code>SpeechRecognitionResult</code></strong> interface of the <a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech API</a> represents a single recognition match, which may contain multiple {{domxref("SpeechRecognitionAlternative")}} objects.</p> +<p>The <strong><code>SpeechRecognitionResult</code></strong> interface of the <a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a> represents a single recognition match, which may contain multiple {{domxref("SpeechRecognitionAlternative")}} objects.</p> <h2 id="Properties">Properties</h2> @@ -79,7 +79,7 @@ translation_of: Web/API/SpeechRecognitionResult <h3 id="Firefox_OS_permissions">Firefox OS permissions</h3> -<p>To use speech recognition in an app, you need to specify the following permissions in your <a href="/en-US/docs/Web/Apps/Build/Manifest">manifest</a>:</p> +<p>To use speech recognition in an app, you need to specify the following permissions in your <a href="/ja/docs/Web/Apps/Build/Manifest">manifest</a>:</p> <pre class="brush: json">"permissions": { "audio-capture" : { @@ -97,5 +97,5 @@ translation_of: Web/API/SpeechRecognitionResult <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech API</a></li> + <li><a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a></li> </ul> diff --git a/files/ja/web/api/speechsynthesisutterance/lang/index.html b/files/ja/web/api/speechsynthesisutterance/lang/index.html index a292391c7d..c3ccac577d 100644 --- a/files/ja/web/api/speechsynthesisutterance/lang/index.html +++ b/files/ja/web/api/speechsynthesisutterance/lang/index.html @@ -73,5 +73,5 @@ inputForm.onsubmit = function(event) { <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/Web_Speech_API">Web Speech API</a></li> + <li><a href="/ja/docs/Web/API/Web_Speech_API">Web Speech API</a></li> </ul> diff --git a/files/ja/web/api/stereopannernode/index.html b/files/ja/web/api/stereopannernode/index.html index 029a7a7151..a914f2620f 100644 --- a/files/ja/web/api/stereopannernode/index.html +++ b/files/ja/web/api/stereopannernode/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/StereoPannerNode <p>{{APIRef("Web Audio API")}}</p> <div> -<p><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> の<code> StereoPannerNode</code> は、シンプルなステレオのパンニングを行うノードです。これを利用することで、オーディオストリームを左右にパンできます。{{domxref("AudioNode")}} の一種で、コストが低くパワーの変わらない <a href="http://webaudio.github.io/web-audio-api/#panning-algorithm">アルゴリズム</a>を用います。</p> +<p><a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> の<code> StereoPannerNode</code> は、シンプルなステレオのパンニングを行うノードです。これを利用することで、オーディオストリームを左右にパンできます。{{domxref("AudioNode")}} の一種で、コストが低くパワーの変わらない <a href="http://webaudio.github.io/web-audio-api/#panning-algorithm">アルゴリズム</a>を用います。</p> </div> <p>{{domxref("StereoPannerNode.pan", "pan")}} 属性には -1 （完全に左へパンニング）から 1（完全に右へパンニング）までの実数値を単位をつけずに指定します。このインタフェースにより、{{domxref("PannerNode")}} よりシンプルにパンを指定できます。</p> @@ -79,5 +79,5 @@ translation_of: Web/API/StereoPannerNode <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> + <li><a href="/ja/docs/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li> </ul> diff --git a/files/ja/web/api/subtlecrypto/digest/index.html b/files/ja/web/api/subtlecrypto/digest/index.html index e2e80d0477..87a91bf346 100644 --- a/files/ja/web/api/subtlecrypto/digest/index.html +++ b/files/ja/web/api/subtlecrypto/digest/index.html @@ -45,7 +45,7 @@ translation_of: Web/API/SubtleCrypto/digest <h2 id="Supported_algorithms" name="Supported_algorithms">対応しているアルゴリズム</h2> -<p>ダイジェストアルゴリズムは <a href="/en-US/docs/Glossary/Cryptographic_hash_function">暗号ハッシュ関数</a> とも呼ばれ、任意の大きなデータブロックを固定サイズの出力 (通常は入力よりもはるかに短い出力) に変換します。暗号化にはさまざまな用途があります。</p> +<p>ダイジェストアルゴリズムは <a href="/ja/docs/Glossary/Cryptographic_hash_function">暗号ハッシュ関数</a> とも呼ばれ、任意の大きなデータブロックを固定サイズの出力 (通常は入力よりもはるかに短い出力) に変換します。暗号化にはさまざまな用途があります。</p> <h3 id="SHA-1">SHA-1</h3> diff --git a/files/ja/web/api/svgelement/index.html b/files/ja/web/api/svgelement/index.html index 0e5f9336ea..960ed88276 100644 --- a/files/ja/web/api/svgelement/index.html +++ b/files/ja/web/api/svgelement/index.html @@ -39,27 +39,27 @@ translation_of: Web/API/SVGElement <h2 id="Events">Events</h2> -<p>Listen to these events using <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> or by assigning an event listener to the equivalent <code>on...</code> handler property defined on {{DOMxRef("GlobalEventHandlers")}} or {{DOMxRef("WindowEventHandlers")}}.</p> +<p>Listen to these events using <code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener()</a></code> or by assigning an event listener to the equivalent <code>on...</code> handler property defined on {{DOMxRef("GlobalEventHandlers")}} or {{DOMxRef("WindowEventHandlers")}}.</p> <dl> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/abort_event">abort</a></code></dt> + <dt><code><a href="/ja/docs/Web/API/SVGElement/abort_event">abort</a></code></dt> <dd>Fired when page loading is stopped before an SVG element has been allowed to load completely.<br> - Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onabort">onabort</a></code> property.</dd> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/error_event">error</a></code></dt> + Also available via the <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onabort">onabort</a></code> property.</dd> + <dt><code><a href="/ja/docs/Web/API/SVGElement/error_event">error</a></code></dt> <dd>Fired when an SVG element does not load properly or when an error occurs during script execution.<br> - Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onerror">onerror</a></code> property.</dd> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/load_event">load</a></code></dt> + Also available via the <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onerror">onerror</a></code> property.</dd> + <dt><code><a href="/ja/docs/Web/API/SVGElement/load_event">load</a></code></dt> <dd>Fires on an <code>SVGElement</code> when it is loaded in the browser.<br> - Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onload">onload</a></code> property.</dd> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/resize_event">resize</a></code></dt> + Also available via the <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onload">onload</a></code> property.</dd> + <dt><code><a href="/ja/docs/Web/API/SVGElement/resize_event">resize</a></code></dt> <dd>Fired when an SVG document is being resized.<br> - Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onresize">onresize</a></code> property.</dd> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/scroll_event">scroll</a></code></dt> + Also available via the <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onresize">onresize</a></code> property.</dd> + <dt><code><a href="/ja/docs/Web/API/SVGElement/scroll_event">scroll</a></code></dt> <dd>Fired when an SVG document view is being shifted along the X and/or Y axes.<br> - Also available via the <code><a href="/en-US/docs/Web/API/GlobalEventHandlers/onscroll">onscroll</a></code> property.</dd> - <dt><code><a href="/en-US/docs/Web/API/SVGElement/unload_event">unload</a></code></dt> + Also available via the <code><a href="/ja/docs/Web/API/GlobalEventHandlers/onscroll">onscroll</a></code> property.</dd> + <dt><code><a href="/ja/docs/Web/API/SVGElement/unload_event">unload</a></code></dt> <dd>Fired when the DOM implementation removes an SVG document from a window or frame.<br> - Also available via the <code><a href="/en-US/docs/Web/API/WindowEventHandlers/onunload">onunload</a></code> property.</dd> + Also available via the <code><a href="/ja/docs/Web/API/WindowEventHandlers/onunload">onunload</a></code> property.</dd> </dl> <h2 id="仕様">仕様</h2> @@ -95,5 +95,5 @@ translation_of: Web/API/SVGElement <ul> <li>HTML {{htmlattrxref("data-*")}} attribute</li> <li>SVG {{SVGAttr("data-*")}} attribute</li> - <li><a href="/en-US/docs/Web/Guide/HTML/Using_data_attributes">Using custom data attributes in HTML</a></li> + <li><a href="/ja/docs/Web/Guide/HTML/Using_data_attributes">Using custom data attributes in HTML</a></li> </ul> diff --git a/files/ja/web/api/syncmanager/index.html b/files/ja/web/api/syncmanager/index.html index 795349e334..3b37d09e36 100644 --- a/files/ja/web/api/syncmanager/index.html +++ b/files/ja/web/api/syncmanager/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/SyncManager --- <p>{{APIRef("Service Workers API")}}{{Non-standard_header}}</p> -<p><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a> の <strong><code>SyncManager</code></strong> インターフェイスは同期登録を登録、及び一覧表示のインターフェイスを提供します。</p> +<p><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a> の <strong><code>SyncManager</code></strong> インターフェイスは同期登録を登録、及び一覧表示のインターフェイスを提供します。</p> <h2 id="プロパティ">プロパティ</h2> diff --git a/files/ja/web/api/touch/screeny/index.html b/files/ja/web/api/touch/screeny/index.html index e521136ad8..6f5660ae70 100644 --- a/files/ja/web/api/touch/screeny/index.html +++ b/files/ja/web/api/touch/screeny/index.html @@ -29,7 +29,7 @@ translation_of: Web/API/Touch/screenY <h2 id="例">例</h2> -<p><a href="/en-US/docs/Web/API/Touch/screenX#Example">Touch.screenX の例</a>には、このプロパティの使用例が含まれています。</p> +<p><a href="/ja/docs/Web/API/Touch/screenX#Example">Touch.screenX の例</a>には、このプロパティの使用例が含まれています。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/api/transitionevent/pseudoelement/index.html b/files/ja/web/api/transitionevent/pseudoelement/index.html index 3355dc07e8..e9ffe5db5c 100644 --- a/files/ja/web/api/transitionevent/pseudoelement/index.html +++ b/files/ja/web/api/transitionevent/pseudoelement/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/TransitionEvent/pseudoElement --- <p>{{ apiref("CSSOM") }} {{SeeCompatTable}}</p> -<p><code><strong>TransitionEvent.pseudoElement</strong></code> 読み取り専用プロパティは、 {{domxref("DOMString")}} であり、 <code>'::'</code> で始まり、アニメーションが実行される<a href="/en-US/docs/Web/CSS/Pseudo-elements" title="/en-US/docs/Web/CSS/Pseudo-elements">疑似要素</a>の名前が含まれています。トランジションが擬似要素で実行されない場合は、要素は空文字です: <code>''</code> 。</p> +<p><code><strong>TransitionEvent.pseudoElement</strong></code> 読み取り専用プロパティは、 {{domxref("DOMString")}} であり、 <code>'::'</code> で始まり、アニメーションが実行される<a href="/ja/docs/Web/CSS/Pseudo-elements" title="/en-US/docs/Web/CSS/Pseudo-elements">疑似要素</a>の名前が含まれています。トランジションが擬似要素で実行されない場合は、要素は空文字です: <code>''</code> 。</p> <h2 id="構文">構文</h2> @@ -48,6 +48,6 @@ translation_of: Web/API/TransitionEvent/pseudoElement <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_transitions">CSS トランジションの使用</a></li> + <li><a href="/ja/docs/Web/Guide/CSS/Using_CSS_transitions">CSS トランジションの使用</a></li> <li>{{cssxref("transition")}}, {{cssxref("transition-delay")}}, {{cssxref("transition-duration")}}, {{cssxref("transition-property")}}, {{cssxref("transition-timing-function")}}.</li> </ul> diff --git a/files/ja/web/api/mouseevent/which/index.html b/files/ja/web/api/uievent/which/index.html index 8334684b1e..8b9612bd82 100644 --- a/files/ja/web/api/mouseevent/which/index.html +++ b/files/ja/web/api/uievent/which/index.html @@ -1,6 +1,6 @@ --- title: MouseEvent.which -slug: Web/API/MouseEvent/which +slug: Web/API/UIEvent/which tags: - API - DOM Events @@ -10,6 +10,7 @@ tags: - Read-only - Reference translation_of: Web/API/MouseEvent/which +original_slug: Web/API/MouseEvent/which --- <p>{{APIRef("DOM Events")}}</p> diff --git a/files/ja/web/api/urlsearchparams/tostring/index.html b/files/ja/web/api/urlsearchparams/tostring/index.html index 3c82f6c04c..288a3f5af8 100644 --- a/files/ja/web/api/urlsearchparams/tostring/index.html +++ b/files/ja/web/api/urlsearchparams/tostring/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/URLSearchParams/toString <p><span class="seoSummary">{{domxref("URLSearchParams")}} インターフェイスの <strong><code>toString()</code></strong> メソッドは、URL での使用に適したクエリー文字列を返します。</span></p> <div class="blockIndicator note"> -<p><strong>注</strong>: このメソッドは、疑問符のないクエリー文字列を返します。 これは、それを含む <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search">window.location.search</a></code> とは異なります。</p> +<p><strong>注</strong>: このメソッドは、疑問符のないクエリー文字列を返します。 これは、それを含む <code><a href="/ja/docs/Web/API/HTMLHyperlinkElementUtils/search">window.location.search</a></code> とは異なります。</p> </div> <p>{{availableinworkers}}</p> diff --git a/files/ja/web/api/validitystate/patternmismatch/index.html b/files/ja/web/api/validitystate/patternmismatch/index.html index b8938276e8..5db71d2c49 100644 --- a/files/ja/web/api/validitystate/patternmismatch/index.html +++ b/files/ja/web/api/validitystate/patternmismatch/index.html @@ -9,9 +9,9 @@ tags: - Reference translation_of: Web/API/ValidityState --- -<p>{{draft}}<strong><code>patternMismatch</code></strong> は <strong><code><a href="/en-US/docs/Web/API/ValidityState">ValidityState</a></code></strong> オブジェクトの読み取り専用プロパティで、 {{HTMLElement("input")}} 要素の値がユーザーによって編集された後で、その要素の <code><a href="/en-US/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性で設定された制約に適合するかどうかを示します。</p> +<p>{{draft}}<strong><code>patternMismatch</code></strong> は <strong><code><a href="/ja/docs/Web/API/ValidityState">ValidityState</a></code></strong> オブジェクトの読み取り専用プロパティで、 {{HTMLElement("input")}} 要素の値がユーザーによって編集された後で、その要素の <code><a href="/ja/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性で設定された制約に適合するかどうかを示します。</p> -<p>そのフィールドが <code><a href="/en-US/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性に対応している場合 -- つまり、 {{HTMLElement("input")}} の <code>type</code> が {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, {{HTMLElement("input/search", "search")}} のいずれかであった場合 -- かつ、 pattern の値が有効な正規表現に設定されていた場合、値が <code><a href="/en-US/docs/Web/HTML/Attributes/pattern">pattern</a></code> の値で設定された制約に適合していない場合、 <code>patternMismatch</code> プロパティが true になります。</p> +<p>そのフィールドが <code><a href="/ja/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性に対応している場合 -- つまり、 {{HTMLElement("input")}} の <code>type</code> が {{HTMLElement("input/text", "text")}}, {{HTMLElement("input/tel", "tel")}}, {{HTMLElement("input/email", "email")}}, {{HTMLElement("input/url", "url")}}, {{HTMLElement("input/password", "password")}}, {{HTMLElement("input/search", "search")}} のいずれかであった場合 -- かつ、 pattern の値が有効な正規表現に設定されていた場合、値が <code><a href="/ja/docs/Web/HTML/Attributes/pattern">pattern</a></code> の値で設定された制約に適合していない場合、 <code>patternMismatch</code> プロパティが true になります。</p> <h2 id="Examples">例</h2> @@ -25,7 +25,7 @@ translation_of: Web/API/ValidityState </label> </p></pre> -<p>ここでは、北米の電話番号のための 3 つの部分があり、電話番号の 3 つの構成要素すべてを包含する暗黙のラベルが、それぞれ 3 桁、3 桁、4 桁を期待しています。それぞれが <code><a href="/en-US/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性によってそのように定義されています。</p> +<p>ここでは、北米の電話番号のための 3 つの部分があり、電話番号の 3 つの構成要素すべてを包含する暗黙のラベルが、それぞれ 3 桁、3 桁、4 桁を期待しています。それぞれが <code><a href="/ja/docs/Web/HTML/Attributes/pattern">pattern</a></code> 属性によってそのように定義されています。</p> <p>値が長すぎたり短すぎたり、数字ではない文字が含まれていたりすると、 <code>patternMismatch</code> が true になります。 <code>true</code> の場合、要素は CSS の {{cssxref(":invalid")}} 擬似クラスに一致します。</p> @@ -35,7 +35,7 @@ translation_of: Web/API/ValidityState <p>{{EmbedLiveSample("Examples", 300, 40)}}</p> -<p>この場合、値の長さを決定するのはパターンであるため、値が長すぎたり短すぎたりした場合に発生するのは <code>patternMismatch</code> であり、 {{domxref('validityState.tooLong')}} や {{domxref('validityState.tooShort')}} ではないことに注意してください。代わりに <code><a href="/en-US/docs/Web/HTML/Attributes/minlength">minlength</a></code> と <code><a href="/en-US/docs/Web/HTML/Attributes/maxlength">maxlength</a></code> 属性を使用していたら、 {{domxref('validityState.tooLong')}} または {{domxref('validityState.tooShort')}} が true になるかもしれません。</p> +<p>この場合、値の長さを決定するのはパターンであるため、値が長すぎたり短すぎたりした場合に発生するのは <code>patternMismatch</code> であり、 {{domxref('validityState.tooLong')}} や {{domxref('validityState.tooShort')}} ではないことに注意してください。代わりに <code><a href="/ja/docs/Web/HTML/Attributes/minlength">minlength</a></code> と <code><a href="/ja/docs/Web/HTML/Attributes/maxlength">maxlength</a></code> 属性を使用していたら、 {{domxref('validityState.tooLong')}} または {{domxref('validityState.tooShort')}} が true になるかもしれません。</p> <div class="notecard note"> <p>注: pattern 属性がない場合、 <code>{{HTMLElement("input/email", "email")}}</code> 入力型は、少なくとも <code>x@y</code> に一致する必要があり、 <code>{{HTMLElement("input/url", "url")}}</code> 型は、少なくとも x: に一致する必要があります。無効な場合、 pattern 属性がない場合 (またはその入力型で pattern 属性が無効な場合) は {{domxref('validityState.typeMismatch')}} が true になります。</p> @@ -75,7 +75,7 @@ translation_of: Web/API/ValidityState <h2 id="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation">制約検証</a></li> - <li><a href="/en-US/docs/Learn/Forms/Form_validation">フォーム: データフォームの検証</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Regular_Expressions">正規表現</a></li> + <li><a href="/ja/docs/Web/Guide/HTML/HTML5/Constraint_validation">制約検証</a></li> + <li><a href="/ja/docs/Learn/Forms/Form_validation">フォーム: データフォームの検証</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions">正規表現</a></li> </ul> diff --git a/files/ja/web/api/vrdisplay/cancelanimationframe/index.html b/files/ja/web/api/vrdisplay/cancelanimationframe/index.html index e7a5bf91f8..779d52d486 100644 --- a/files/ja/web/api/vrdisplay/cancelanimationframe/index.html +++ b/files/ja/web/api/vrdisplay/cancelanimationframe/index.html @@ -52,6 +52,6 @@ original_slug: Web/API/VRDevice/cancelAnimationFrame <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/capabilities/index.html b/files/ja/web/api/vrdisplay/capabilities/index.html index 7560a834b4..7e127d3358 100644 --- a/files/ja/web/api/vrdisplay/capabilities/index.html +++ b/files/ja/web/api/vrdisplay/capabilities/index.html @@ -58,6 +58,6 @@ original_slug: Web/API/VRDevice/capabilities <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/depthfar/index.html b/files/ja/web/api/vrdisplay/depthfar/index.html index 5ece54efa8..93e24fe61a 100644 --- a/files/ja/web/api/vrdisplay/depthfar/index.html +++ b/files/ja/web/api/vrdisplay/depthfar/index.html @@ -47,6 +47,6 @@ vrDisplayInstance.depthFar = 7500.0; <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/depthnear/index.html b/files/ja/web/api/vrdisplay/depthnear/index.html index 52bdc13d4d..439d82e3f9 100644 --- a/files/ja/web/api/vrdisplay/depthnear/index.html +++ b/files/ja/web/api/vrdisplay/depthnear/index.html @@ -47,6 +47,6 @@ vrDisplayInstance.depthNear = 1.0; <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/displayid/index.html b/files/ja/web/api/vrdisplay/displayid/index.html index 01f67295bd..ec4d3ce04e 100644 --- a/files/ja/web/api/vrdisplay/displayid/index.html +++ b/files/ja/web/api/vrdisplay/displayid/index.html @@ -16,7 +16,7 @@ original_slug: Web/API/VRDevice/displayId --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p>{{domxref("VRDisplay")}} インターフェイスの <strong><code>displayId</code></strong> 読み取り専用プロパティは、この特定の <code>VRDisplay</code> の識別子を返します。これは、 <a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> の関連付けポイントとしても使用されます( {{domxref("Gamepad.displayId")}} を参照)。</p> +<p>{{domxref("VRDisplay")}} インターフェイスの <strong><code>displayId</code></strong> 読み取り専用プロパティは、この特定の <code>VRDisplay</code> の識別子を返します。これは、 <a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> の関連付けポイントとしても使用されます( {{domxref("Gamepad.displayId")}} を参照)。</p> <h2 id="構文">構文</h2> @@ -54,6 +54,6 @@ original_slug: Web/API/VRDevice/displayId <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a></li> <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> </ul> diff --git a/files/ja/web/api/vrdisplay/geteyeparameters/index.html b/files/ja/web/api/vrdisplay/geteyeparameters/index.html index a7abf158bb..30b549ef0a 100644 --- a/files/ja/web/api/vrdisplay/geteyeparameters/index.html +++ b/files/ja/web/api/vrdisplay/geteyeparameters/index.html @@ -52,6 +52,6 @@ original_slug: Web/API/VRDevice/getEyeParameters <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/getimmediatepose/index.html b/files/ja/web/api/vrdisplay/getimmediatepose/index.html index 731d5d63e4..8493805842 100644 --- a/files/ja/web/api/vrdisplay/getimmediatepose/index.html +++ b/files/ja/web/api/vrdisplay/getimmediatepose/index.html @@ -49,6 +49,6 @@ original_slug: Web/API/VRDevice/getImmediatePose <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/getlayers/index.html b/files/ja/web/api/vrdisplay/getlayers/index.html index 53781e7821..fe58bffb65 100644 --- a/files/ja/web/api/vrdisplay/getlayers/index.html +++ b/files/ja/web/api/vrdisplay/getlayers/index.html @@ -49,6 +49,6 @@ original_slug: Web/API/VRDevice/getLayers <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/getpose/index.html b/files/ja/web/api/vrdisplay/getpose/index.html index 1ade69ec06..9e96fa3447 100644 --- a/files/ja/web/api/vrdisplay/getpose/index.html +++ b/files/ja/web/api/vrdisplay/getpose/index.html @@ -49,6 +49,6 @@ original_slug: Web/API/VRDevice/getPose <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/index.html b/files/ja/web/api/vrdisplay/index.html index 22b9f888ac..8416a29330 100644 --- a/files/ja/web/api/vrdisplay/index.html +++ b/files/ja/web/api/vrdisplay/index.html @@ -17,7 +17,7 @@ original_slug: Web/API/VRDevice --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplay</code></strong> インターフェイスは，このAPIがサポートしているVRデバイスを現します．VRDisplayにはデバイスIDやデスクリプションのような汎用的な情報が含まれていて，VRシーンの表示を開始するためのメソッドや，目のパラメータやディスプレイの備える機能の取得，その他の重要な機能を含んでいます。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplay</code></strong> インターフェイスは，このAPIがサポートしているVRデバイスを現します．VRDisplayにはデバイスIDやデスクリプションのような汎用的な情報が含まれていて，VRシーンの表示を開始するためのメソッドや，目のパラメータやディスプレイの備える機能の取得，その他の重要な機能を含んでいます。</p> <p>{{domxref("Navigator.getVRDisplays()")}} を呼び出すことで，すべての接続されているVRのデバイスの配列が返されます。</p> @@ -31,7 +31,7 @@ original_slug: Web/API/VRDevice <dt>{{domxref("VRDisplay.depthNear")}}</dt> <dd><a href="https://en.wikipedia.org/wiki/Viewing_frustum">eye view frustum</a>(ビューフラスタム；つまりシーンの可視領域の境界) のnear平面を定義しているz-depthの取得と設定を行います．</dd> <dt>{{domxref("VRDisplay.displayId")}} {{readonlyInline}}</dt> - <dd>このVRDisplay固有のIDを返します．このIDは<a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> (参照 {{domxref("Gamepad.displayId")}}) の関連付けのために使用されます．</dd> + <dd>このVRDisplay固有のIDを返します．このIDは<a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> (参照 {{domxref("Gamepad.displayId")}}) の関連付けのために使用されます．</dd> <dt>{{domxref("VRDisplay.displayName")}} {{readonlyInline}}</dt> <dd><code>VRDisplay</code>を識別するための人間が読める形式の名前を返します．</dd> <dt>{{domxref("VRDisplay.isConnected")}} {{readonlyInline}}</dt> @@ -125,6 +125,6 @@ original_slug: Web/API/VRDevice <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/isconnected/index.html b/files/ja/web/api/vrdisplay/isconnected/index.html index f1ca3c7e0d..11c722b1ee 100644 --- a/files/ja/web/api/vrdisplay/isconnected/index.html +++ b/files/ja/web/api/vrdisplay/isconnected/index.html @@ -45,6 +45,6 @@ original_slug: Web/API/VRDevice/isConnected <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/ispresenting/index.html b/files/ja/web/api/vrdisplay/ispresenting/index.html index 9341de26fb..edb5af87b8 100644 --- a/files/ja/web/api/vrdisplay/ispresenting/index.html +++ b/files/ja/web/api/vrdisplay/ispresenting/index.html @@ -45,6 +45,6 @@ original_slug: Web/API/VRDevice/isPresenting <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/requestanimationframe/index.html b/files/ja/web/api/vrdisplay/requestanimationframe/index.html index 1dd9cc9f46..378f77c746 100644 --- a/files/ja/web/api/vrdisplay/requestanimationframe/index.html +++ b/files/ja/web/api/vrdisplay/requestanimationframe/index.html @@ -57,6 +57,6 @@ original_slug: Web/API/VRDevice/requestAnimationFrame <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/requestpresent/index.html b/files/ja/web/api/vrdisplay/requestpresent/index.html index 091162b885..357cfc3fc6 100644 --- a/files/ja/web/api/vrdisplay/requestpresent/index.html +++ b/files/ja/web/api/vrdisplay/requestpresent/index.html @@ -110,6 +110,6 @@ original_slug: Web/API/VRDevice/requestPresent <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/resetpose/index.html b/files/ja/web/api/vrdisplay/resetpose/index.html index 10bdf1d437..014d030b63 100644 --- a/files/ja/web/api/vrdisplay/resetpose/index.html +++ b/files/ja/web/api/vrdisplay/resetpose/index.html @@ -53,6 +53,6 @@ original_slug: Web/API/VRDevice/resetPose <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/stageparameters/index.html b/files/ja/web/api/vrdisplay/stageparameters/index.html index 7f9327ccc2..60777779fd 100644 --- a/files/ja/web/api/vrdisplay/stageparameters/index.html +++ b/files/ja/web/api/vrdisplay/stageparameters/index.html @@ -45,6 +45,6 @@ original_slug: Web/API/VRDevice/stageParameters <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplay/submitframe/index.html b/files/ja/web/api/vrdisplay/submitframe/index.html index 1e525c27eb..f41059ec72 100644 --- a/files/ja/web/api/vrdisplay/submitframe/index.html +++ b/files/ja/web/api/vrdisplay/submitframe/index.html @@ -54,6 +54,6 @@ original_slug: Web/API/VRDevice/submitFrame <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/canpresent/index.html b/files/ja/web/api/vrdisplaycapabilities/canpresent/index.html index 7d3f3bdf65..d4d9760dce 100644 --- a/files/ja/web/api/vrdisplaycapabilities/canpresent/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/canpresent/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRDisplayCapabilities/canPresent --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p>{{domxref("VRDisplayCapabilities")}} インターフェイスの <strong><code>canPresent</code></strong> 読取専用プロパティは，VRディスプレイが（HMDを通じて）コンテンツを表示(present)可能かどうかの状態を <a href="https://developer.mozilla.org/ja/docs/Web/API/Boolean" title="The documentation about this has not yet been written; please consider contributing!"><code>Boolean</code></a> で返します． </p> +<p>{{domxref("VRDisplayCapabilities")}} インターフェイスの <strong><code>canPresent</code></strong> 読取専用プロパティは，VRディスプレイが（HMDを通じて）コンテンツを表示(present)可能かどうかの状態を <a href="/ja/docs/Web/API/Boolean" title="The documentation about this has not yet been written; please consider contributing!"><code>Boolean</code></a> で返します． </p> <p>これは，6自由度追跡が可能だけれど {{domxref("VRDisplay.requestPresent()")}} は意味を成さない"マジックウィンドウ(magic window)"デバイスを識別するのに利用できます．<code>canPresent</code> が <code>false の場合</code>, {{domxref("VRDisplay.requestPresent()")}} の呼出しは失敗し， {{domxref("VRDisplay.getEyeParameters()")}} は <code>null を返すでしょう．</code></p> @@ -45,6 +45,6 @@ translation_of: Web/API/VRDisplayCapabilities/canPresent <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.html b/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.html index feea375b36..fd0444ee6f 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/hasexternaldisplay/index.html @@ -49,6 +49,6 @@ translation_of: Web/API/VRDisplayCapabilities/hasExternalDisplay <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.html b/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.html index a699d97f4a..4cb019eb9f 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/hasorientation/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VRDisplayCapabilities/hasOrientation <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/hasposition/index.html b/files/ja/web/api/vrdisplaycapabilities/hasposition/index.html index 040552dc20..1847230bf2 100644 --- a/files/ja/web/api/vrdisplaycapabilities/hasposition/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/hasposition/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VRDisplayCapabilities/hasPosition <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/index.html b/files/ja/web/api/vrdisplaycapabilities/index.html index 53076c9ce9..63ea39fb72 100644 --- a/files/ja/web/api/vrdisplaycapabilities/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRDisplayCapabilities --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplayCapabilities</code></strong> インターフェイスは {{domxref("VRDisplay")}} の利用可能な機能を示しています — この機能は，例えば位置情報を返すことが可能か，といったVRデバイスの動作可能テストに使うことができます．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplayCapabilities</code></strong> インターフェイスは {{domxref("VRDisplay")}} の利用可能な機能を示しています — この機能は，例えば位置情報を返すことが可能か，といったVRデバイスの動作可能テストに使うことができます．</p> <p>このインターフェイスには {{domxref("VRDisplay.capabilities")}} プロパティを通じてアクセスできます．</p> @@ -69,6 +69,6 @@ translation_of: Web/API/VRDisplayCapabilities <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.html b/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.html index 72629c3b9a..a63d2e3a57 100644 --- a/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.html +++ b/files/ja/web/api/vrdisplaycapabilities/maxlayers/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VRDisplayCapabilities/maxLayers <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrdisplayevent/index.html b/files/ja/web/api/vrdisplayevent/index.html index 44a84c1513..d80eb5b142 100644 --- a/files/ja/web/api/vrdisplayevent/index.html +++ b/files/ja/web/api/vrdisplayevent/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/VRDisplayEvent --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplayEvent</code></strong> インターフェイスは、 WebVR 関連イベントのイベントオブジェクトを表します (<a href="/en-US/docs/Web/API/WebVR_API#Window">WebVR ウインドウ拡張機能のリスト</a>を参照)。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRDisplayEvent</code></strong> インターフェイスは、 WebVR 関連イベントのイベントオブジェクトを表します (<a href="/ja/docs/Web/API/WebVR_API#Window">WebVR ウインドウ拡張機能のリスト</a>を参照)。</p> <h2 id="コンストラクタ">コンストラクタ</h2> @@ -65,6 +65,6 @@ translation_of: Web/API/VRDisplayEvent <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a></li> <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> </ul> diff --git a/files/ja/web/api/vreyeparameters/fieldofview/index.html b/files/ja/web/api/vreyeparameters/fieldofview/index.html index 05fd751c8d..968ab6ad08 100644 --- a/files/ja/web/api/vreyeparameters/fieldofview/index.html +++ b/files/ja/web/api/vreyeparameters/fieldofview/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VREyeParameters/fieldOfView <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vreyeparameters/index.html b/files/ja/web/api/vreyeparameters/index.html index 1489f04d82..467f5dd010 100644 --- a/files/ja/web/api/vreyeparameters/index.html +++ b/files/ja/web/api/vreyeparameters/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VREyeParameters --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VREyeParameters</code></strong> インターフェイスは，指定した眼のためにシーンを正しくレンダリングするためのすべての情報（視界(field of view)の情報を含む）を表現します．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VREyeParameters</code></strong> インターフェイスは，指定した眼のためにシーンを正しくレンダリングするためのすべての情報（視界(field of view)の情報を含む）を表現します．</p> <p>このインターフェイスは {{domxref("VRDisplay.getEyeParameters()")}} メソッドを通じてアクセスできます．</p> @@ -50,6 +50,6 @@ translation_of: Web/API/VREyeParameters <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vreyeparameters/offset/index.html b/files/ja/web/api/vreyeparameters/offset/index.html index 3f8f786db3..0c148b0191 100644 --- a/files/ja/web/api/vreyeparameters/offset/index.html +++ b/files/ja/web/api/vreyeparameters/offset/index.html @@ -49,6 +49,6 @@ translation_of: Web/API/VREyeParameters/offset <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vreyeparameters/renderheight/index.html b/files/ja/web/api/vreyeparameters/renderheight/index.html index 8b66167ec2..1ab993f474 100644 --- a/files/ja/web/api/vreyeparameters/renderheight/index.html +++ b/files/ja/web/api/vreyeparameters/renderheight/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VREyeParameters/renderHeight <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vreyeparameters/renderwidth/index.html b/files/ja/web/api/vreyeparameters/renderwidth/index.html index ad6bfb1580..84573e2057 100644 --- a/files/ja/web/api/vreyeparameters/renderwidth/index.html +++ b/files/ja/web/api/vreyeparameters/renderwidth/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VREyeParameters/renderWidth <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrfieldofview/index.html b/files/ja/web/api/vrfieldofview/index.html index 88965be757..79db62bbab 100644 --- a/files/ja/web/api/vrfieldofview/index.html +++ b/files/ja/web/api/vrfieldofview/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRFieldOfView --- <p>{{draft}}{{APIRef("WebVR API")}}{{SeeCompatTable}}</p> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRFieldOfView</code></strong> インターフェイスは，中心点からの視野を示す4つの角度で定義される視界を表現します．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRFieldOfView</code></strong> インターフェイスは，中心点からの視野を示す4つの角度で定義される視界を表現します．</p> <h2 id="プロパティ">プロパティ</h2> @@ -48,6 +48,6 @@ translation_of: Web/API/VRFieldOfView <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrframedata/index.html b/files/ja/web/api/vrframedata/index.html index 91d8d2c3c9..918d8c095a 100644 --- a/files/ja/web/api/vrframedata/index.html +++ b/files/ja/web/api/vrframedata/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRFrameData --- <p>{{APIRef("WebVR API")}}{{SeeCompatTable}}</p> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a>の<strong><code>VRFrameData</code></strong>インタフェースは、VRシーンの1つのフレームを描画するのに必要となる全ての情報を表現します。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a>の<strong><code>VRFrameData</code></strong>インタフェースは、VRシーンの1つのフレームを描画するのに必要となる全ての情報を表現します。</p> <h2 id="コンストラクタ">コンストラクタ</h2> @@ -59,6 +59,6 @@ translation_of: Web/API/VRFrameData <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> <li><a href="http://mozvr.com/">MozVr.com (英語)</a> — デモ、ダウンロード、Mozilla VRチームからのその他のリソース</li> </ul> diff --git a/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html index 8a7295ff1a..a129f78c9d 100644 --- a/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html +++ b/files/ja/web/api/vrframedata/leftprojectionmatrix/index.html @@ -49,6 +49,6 @@ translation_of: Web/API/VRFrameData/leftProjectionMatrix <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> <li><a href="http://mozvr.com/">MozVr.com (英語)</a> — デモ、ダウンロード、Mozilla VRチームからのその他のリソース</li> </ul> diff --git a/files/ja/web/api/vrframedata/leftviewmatrix/index.html b/files/ja/web/api/vrframedata/leftviewmatrix/index.html index b8ee4433c1..c88985fbda 100644 --- a/files/ja/web/api/vrframedata/leftviewmatrix/index.html +++ b/files/ja/web/api/vrframedata/leftviewmatrix/index.html @@ -49,6 +49,6 @@ translation_of: Web/API/VRFrameData/leftViewMatrix <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> <li><a href="http://mozvr.com/">MozVr.com (英語)</a> — デモ、ダウンロード、Mozilla VRチームからのその他のリソース</li> </ul> diff --git a/files/ja/web/api/vrframedata/vrframedata/index.html b/files/ja/web/api/vrframedata/vrframedata/index.html index c2d6ebb6dc..b8ac008ba8 100644 --- a/files/ja/web/api/vrframedata/vrframedata/index.html +++ b/files/ja/web/api/vrframedata/vrframedata/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VRFrameData/VRFrameData <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage (英語)</a></li> <li><a href="http://mozvr.com/">MozVr.com (英語)</a> — デモ、ダウンロード、Mozilla VRチームからのその他のリソース</li> </ul> diff --git a/files/ja/web/api/vrlayerinit/index.html b/files/ja/web/api/vrlayerinit/index.html index 31c567d459..4d2d9449c4 100644 --- a/files/ja/web/api/vrlayerinit/index.html +++ b/files/ja/web/api/vrlayerinit/index.html @@ -6,7 +6,7 @@ original_slug: Web/API/VRLayer --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRLayer</code></strong> インターフェイス (ディクショナリ)は，VRHMDへ表示したいコンテンツレイヤー( {{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}})を表します。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRLayer</code></strong> インターフェイス (ディクショナリ)は，VRHMDへ表示したいコンテンツレイヤー( {{domxref("HTMLCanvasElement")}} または {{domxref("OffscreenCanvas")}})を表します。</p> <p>{{domxref("VRDisplay.requestPresent()")}} メソッドを使うことでレイヤーを表示することができます。</p> @@ -87,6 +87,6 @@ if(navigator.getVRDisplays) { <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrlayerinit/rightbounds/index.html b/files/ja/web/api/vrlayerinit/rightbounds/index.html index 681861967f..cee39018e6 100644 --- a/files/ja/web/api/vrlayerinit/rightbounds/index.html +++ b/files/ja/web/api/vrlayerinit/rightbounds/index.html @@ -64,6 +64,6 @@ myVRLayerInit.rightBounds = <code>[0.5, 0.0, 0.5, 1.0]</code>;</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a></li> <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> </ul> diff --git a/files/ja/web/api/vrlayerinit/source/index.html b/files/ja/web/api/vrlayerinit/source/index.html index df33e3c9fd..e6a3c3644d 100644 --- a/files/ja/web/api/vrlayerinit/source/index.html +++ b/files/ja/web/api/vrlayerinit/source/index.html @@ -55,6 +55,6 @@ myVRLayerInit.source = myCanvas;</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a></li> <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> </ul> diff --git a/files/ja/web/api/vrpose/index.html b/files/ja/web/api/vrpose/index.html index c6a669e5fc..ee58976d17 100644 --- a/files/ja/web/api/vrpose/index.html +++ b/files/ja/web/api/vrpose/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRPose --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRPose</code></strong> インターフェイスは，特定のタイムスタンプにおけるVRセンサーの状態（向き，位置，速度，加速度の情報を含みます）を示します．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRPose</code></strong> インターフェイスは，特定のタイムスタンプにおけるVRセンサーの状態（向き，位置，速度，加速度の情報を含みます）を示します．</p> <p>このインターフェイスには，{{domxref("VRDisplay.getPose()")}} と {{domxref("VRDisplay.getImmediatePose()")}} メソッドを通じてアクセスします．</p> @@ -56,6 +56,6 @@ translation_of: Web/API/VRPose <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrstageparameters/index.html b/files/ja/web/api/vrstageparameters/index.html index 1ff80b514f..0dcc2e250e 100644 --- a/files/ja/web/api/vrstageparameters/index.html +++ b/files/ja/web/api/vrstageparameters/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/VRStageParameters --- <div>{{APIRef("WebVR API")}}{{SeeCompatTable}}</div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRStageParameters</code></strong> インターフェイスは，ルームスケール体験に対応しているデバイス用にステージエリアを記述する値を表現しています．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>VRStageParameters</code></strong> インターフェイスは，ルームスケール体験に対応しているデバイス用にステージエリアを記述する値を表現しています．</p> <p>このインターフェイスには {{domxref("VRDisplay.stageParameters")}} プロパティを通じてアクセスできます．</p> @@ -48,6 +48,6 @@ translation_of: Web/API/VRStageParameters <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.html b/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.html index 78b7d5745e..135ee2c7b5 100644 --- a/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.html +++ b/files/ja/web/api/vrstageparameters/sittingtostandingtransform/index.html @@ -43,6 +43,6 @@ translation_of: Web/API/VRStageParameters/sittingToStandingTransform <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrstageparameters/sizex/index.html b/files/ja/web/api/vrstageparameters/sizex/index.html index 2ca7656e59..41cf7ac026 100644 --- a/files/ja/web/api/vrstageparameters/sizex/index.html +++ b/files/ja/web/api/vrstageparameters/sizex/index.html @@ -45,6 +45,6 @@ translation_of: Web/API/VRStageParameters/sizeX <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/vrstageparameters/sizey/index.html b/files/ja/web/api/vrstageparameters/sizey/index.html index d64832858d..9b9e529422 100644 --- a/files/ja/web/api/vrstageparameters/sizey/index.html +++ b/files/ja/web/api/vrstageparameters/sizey/index.html @@ -45,6 +45,6 @@ translation_of: Web/API/VRStageParameters/sizeY <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html index 05bf4a6312..ab7d1c2c48 100644 --- a/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html +++ b/files/ja/web/api/web_animations_api/using_the_web_animations_api/index.html @@ -337,7 +337,7 @@ aliceChange.onfinish = endGame; </pre> -<p>さらに良いことに、Web Animations APIではアニメーション終了時に解決されるか、またはキャンセル時に拒否される <code><a href="/docs/Web/API/Animation/finished">finished</a></code> プロミスを提供しています。</p> +<p>さらに良いことに、Web Animations APIではアニメーション終了時に解決されるか、またはキャンセル時に拒否される <code><a href="/ja/docs/Web/API/Animation/finished">finished</a></code> プロミスを提供しています。</p> <h2 id="まとめ">まとめ</h2> diff --git a/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.html b/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.html index ed20553589..818b883586 100644 --- a/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.html +++ b/files/ja/web/api/web_audio_api/basic_concepts_behind_web_audio_api/index.html @@ -49,7 +49,7 @@ translation_of: Web/API/Web_Audio_API/Basic_concepts_behind_Web_Audio_API <li>JavaScript内部で(オシレーターのような)オディオノードにより、直接音声を生成。</li> <li>未加工の PCM データから生成(この場合、該当オーディオコンテキストは、対応している音声フォーマット形式へのデコード手段を有しています)。</li> <li>({{HTMLElement("video")}} や {{HTMLElement("audio")}} のような)HTML media elements より取得。</li> - <li>(webcam やマイクロフォンのような)<a href="https://developer.mozilla.org/ja/docs/Web/API/WebRTC_API">Web RTC</a> {{domxref("MediaStream")}} により直接取得。</li> + <li>(webcam やマイクロフォンのような)<a href="/ja/docs/Web/API/WebRTC_API">Web RTC</a> {{domxref("MediaStream")}} により直接取得。</li> </ul> <h2 id="Audio_data_whats_in_a_sample" name="Audio_data_whats_in_a_sample">オーディオデータ: サンプルとは？</h2> diff --git a/files/ja/web/api/web_authentication_api/index.html b/files/ja/web/api/web_authentication_api/index.html index 9ca6c16e84..4cb304a81a 100644 --- a/files/ja/web/api/web_authentication_api/index.html +++ b/files/ja/web/api/web_authentication_api/index.html @@ -86,7 +86,7 @@ translation_of: Web/API/Web_Authentication_API <ol start="0"> <li><strong>アプリケーションが認証要求を行う</strong> - アプリケーションが最初の認証要求を行います。この要求のプロトコルとフォーマットはWebAuthnによる規定の対象範囲外です。</li> - <li><strong>サーバからのチャレンジ送信</strong> - サーバがJavaScriptプログラムに対してチャレンジを送ります。サーバとのコミュニケーションに用いられるプロトコルに指定はなく、WebAuthnによる規定の対象範囲外です。通常、サーバーは HTTPS 通信を使って {{Glossary("REST")}} で接続します(恐らく{{domxref("XMLHttpRequest")}} や {{domxref("Fetch_API", "Fetch")}}を用いるでしょう)が、安全なプロトコルでありさえすれば {{Glossary("SOAP")}} や <a href="https://tools.ietf.org/html/rfc2549">RFC 2549</a> 、その他ほぼどのようなプロトコルを使用しても構いません。サーバから受信したパラメータはほとんどの場合少しもしくは全く改変されずに <a href="/en-US/docs/Web/API/CredentialsContainer/get">get()</a> の呼び出しに渡されます。<br> + <li><strong>サーバからのチャレンジ送信</strong> - サーバがJavaScriptプログラムに対してチャレンジを送ります。サーバとのコミュニケーションに用いられるプロトコルに指定はなく、WebAuthnによる規定の対象範囲外です。通常、サーバーは HTTPS 通信を使って {{Glossary("REST")}} で接続します(恐らく{{domxref("XMLHttpRequest")}} や {{domxref("Fetch_API", "Fetch")}}を用いるでしょう)が、安全なプロトコルでありさえすれば {{Glossary("SOAP")}} や <a href="https://tools.ietf.org/html/rfc2549">RFC 2549</a> 、その他ほぼどのようなプロトコルを使用しても構いません。サーバから受信したパラメータはほとんどの場合少しもしくは全く改変されずに <a href="/ja/docs/Web/API/CredentialsContainer/get">get()</a> の呼び出しに渡されます。<br> <strong>次の事項は極めて重要です。</strong><br> <strong>・challenge はランダム情報のバッファー(少なくとも16バイト以上)であること</strong><br> <strong>・challenge は登録過程のセキュリティを確保するために必ずサーバー上で生成すること</strong></li> diff --git a/files/ja/web/api/web_periodic_background_synchronization_api/index.html b/files/ja/web/api/web_periodic_background_synchronization_api/index.html index 352325e234..89730ecf64 100644 --- a/files/ja/web/api/web_periodic_background_synchronization_api/index.html +++ b/files/ja/web/api/web_periodic_background_synchronization_api/index.html @@ -20,7 +20,7 @@ translation_of: Web/API/Web_Periodic_Background_Synchronization_API <p>このAPIはサービスワーカーに依存しているため、このAPIも安全なコンテクスト (secure context) でしか利用できません。</p> <div class="note"> -<p>At the time of writing, the Web Periodic Background Synchronization API is only available through an installed <a href="https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps">Progressive Web App</a></p> +<p>At the time of writing, the Web Periodic Background Synchronization API is only available through an installed <a href="/ja/docs/Web/Progressive_web_apps">Progressive Web App</a></p> </div> <h2 id="Web_Periodic_Background_Synchronization_Interfaces">Web Periodic Background Synchronization Interfaces</h2> diff --git a/files/ja/web/api/web_speech_api/index.html b/files/ja/web/api/web_speech_api/index.html index ae5f461b82..ab17eadc21 100644 --- a/files/ja/web/api/web_speech_api/index.html +++ b/files/ja/web/api/web_speech_api/index.html @@ -27,7 +27,7 @@ translation_of: Web/API/Web_Speech_API <li>音声合成は、{{domxref("SpeechSynthesis")}} インターフェイス経由でアクセスされます。これは、プログラムに、そのテキストコンテンツを読み上げる機能を提供します (通常はデバイスのデフォルトの音声合成を経由)。異なる音声の種類は、{{domxref("SpeechSynthesisVoice")}} オブジェクトで表され、発話してほしいテキストの異なる部分は、{{domxref("SpeechSynthesisUtterance")}} オブジェクトで表されます。これらを {{domxref("SpeechSynthesis.speak()")}} メソッドに渡すことによって発話されます。</li> </ul> -<p>これらの機能の使い方についての詳細は、<a href="/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a> を参照してください。</p> +<p>これらの機能の使い方についての詳細は、<a href="/ja/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a> を参照してください。</p> <h2 id="Web_Speech_API_Interfaces" name="Web_Speech_API_Interfaces">Web Speech API インターフェイス</h2> @@ -109,7 +109,7 @@ translation_of: Web/API/Web_Speech_API <h2 id="See_also" name="See_also">関連項目</h2> <ul> - <li><a href="/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a></li> + <li><a href="/ja/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API">Using the Web Speech API</a></li> <li><a href="http://www.sitepoint.com/talking-web-pages-and-the-speech-synthesis-api/">SitePoint の記事</a></li> <li><a href="http://updates.html5rocks.com/2014/01/Web-apps-that-talk---Introduction-to-the-Speech-Synthesis-API">HTML5Rocks の記事</a></li> <li><a href="http://aurelio.audero.it/demo/speech-synthesis-api-demo.html">デモ</a> [aurelio.audero.it]</li> diff --git a/files/ja/web/api/web_speech_api/using_the_web_speech_api/index.html b/files/ja/web/api/web_speech_api/using_the_web_speech_api/index.html index 3937d15679..84fd68ff73 100644 --- a/files/ja/web/api/web_speech_api/using_the_web_speech_api/index.html +++ b/files/ja/web/api/web_speech_api/using_the_web_speech_api/index.html @@ -115,7 +115,7 @@ document.body.onclick = function() { <h4 id="結果の受け取りとハンドリング">結果の受け取りとハンドリング</h4> -<p>音声認識が開始されると、結果やその他の周辺情報を取得するために使用できる多くのイベントハンドラがあります（<a href="https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition#Event_handlers"><code>SpeechRecognition</code> のイベントハンドラのリスト</a> を参照してください）。最も一般的なものは {{domxref("SpeechRecognition.onresult")}} で、成功した結果を受信したときに発火されます。</p> +<p>音声認識が開始されると、結果やその他の周辺情報を取得するために使用できる多くのイベントハンドラがあります（<a href="/ja/docs/Web/API/SpeechRecognition#Event_handlers"><code>SpeechRecognition</code> のイベントハンドラのリスト</a> を参照してください）。最も一般的なものは {{domxref("SpeechRecognition.onresult")}} で、成功した結果を受信したときに発火されます。</p> <pre class="brush: js notranslate">recognition.onresult = function(event) { var color = event.results[0][0].transcript; @@ -255,7 +255,7 @@ if (speechSynthesis.onvoiceschanged !== undefined) { <h4 id="Speaking_the_entered_text">Speaking the entered text</h4> -<p>Next, we create an event handler to start speaking the text entered into the text field. We are using an <a href="/en-US/docs/Web/API/GlobalEventHandlers/onsubmit">onsubmit</a> handler on the form so that the action happens when <kbd>Enter</kbd>/<kbd>Return</kbd> is pressed. We first create a new {{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()", "SpeechSynthesisUtterance()")}} instance using its constructor — this is passed the text input's value as a parameter.</p> +<p>Next, we create an event handler to start speaking the text entered into the text field. We are using an <a href="/ja/docs/Web/API/GlobalEventHandlers/onsubmit">onsubmit</a> handler on the form so that the action happens when <kbd>Enter</kbd>/<kbd>Return</kbd> is pressed. We first create a new {{domxref("SpeechSynthesisUtterance.SpeechSynthesisUtterance()", "SpeechSynthesisUtterance()")}} instance using its constructor — this is passed the text input's value as a parameter.</p> <p>Next, we need to figure out which voice to use. We use the {{domxref("HTMLSelectElement")}} <code>selectedOptions</code> property to return the currently selected {{htmlelement("option")}} element. We then use this element's <code>data-name</code> attribute, finding the {{domxref("SpeechSynthesisVoice")}} object whose name matches this attribute's value. We set the matching voice object to be the value of the {{domxref("SpeechSynthesisUtterance.voice")}} property.</p> @@ -283,7 +283,7 @@ if (speechSynthesis.onvoiceschanged !== undefined) { event.utterance.text + '", which is "' + char + '".'); }</pre> -<p>Finally, we call <a href="/en-US/docs/Web/API/HTMLElement/blur">blur()</a> on the text input. This is mainly to hide the keyboard on Firefox OS.</p> +<p>Finally, we call <a href="/ja/docs/Web/API/HTMLElement/blur">blur()</a> on the text input. This is mainly to hide the keyboard on Firefox OS.</p> <pre class="brush: js notranslate"> inputTxt.blur(); }</pre> diff --git a/files/ja/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html b/files/ja/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html index 01bcec240f..e41f787f87 100644 --- a/files/ja/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html +++ b/files/ja/web/api/web_workers_api/functions_and_classes_available_to_workers/index.html @@ -227,7 +227,7 @@ translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_worke <td>{{CompatNo}}</td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Web/API/Network_Information_API">Network Information API</a></td> + <td><a href="/ja/docs/Web/API/Network_Information_API">Network Information API</a></td> <td>システムの接続についての情報を汎用的な接続タイプ(例えば 'wifi', 'cellular' など)の用語で提供する。</td> <td>{{CompatGeckoMobile(53)}} モバイルのみ</td> <td>{{CompatVersionUnknown}} モバイルのみ</td> @@ -267,7 +267,7 @@ translation_of: Web/API/Web_Workers_API/Functions_and_classes_available_to_worke <td>{{CompatVersionUnknown}}</td> </tr> <tr> - <td><a href="https://developer.mozilla.org/ja/docs/Web/API/Server-sent_events">Server-sent events</a></td> + <td><a href="/ja/docs/Web/API/Server-sent_events">Server-sent events</a></td> <td>サーバーから、接続が開いた後に、あらゆる箇所のウェブページにデータをプッシュさせる。</td> <td>{{CompatGeckoDesktop(53)}} (今のところ専用 worker と共有 worker でのみ有効; service worker では無効)</td> <td>{{CompatUnknown}}</td> diff --git a/files/ja/web/api/web_workers_api/structured_clone_algorithm/index.html b/files/ja/web/api/web_workers_api/structured_clone_algorithm/index.html index a232db3e67..0997ca5254 100644 --- a/files/ja/web/api/web_workers_api/structured_clone_algorithm/index.html +++ b/files/ja/web/api/web_workers_api/structured_clone_algorithm/index.html @@ -3,24 +3,24 @@ title: 構造化複製アルゴリズム slug: Web/API/Web_Workers_API/Structured_clone_algorithm translation_of: Web/API/Web_Workers_API/Structured_clone_algorithm --- -<p><strong>構造化複製アルゴリズム </strong>は複雑な JavaScript オブジェクトをコピーするためのアルゴリズムです。これは {{domxref("Worker.postMessage()", "postMessage()")}} を介して <a href="/en-US/docs/Web/API/Worker">Worker</a> と送受信するとき、<a href="/en-US/docs/Glossary/IndexedDB">IndexedDB</a> にオブジェクトを格納するとき、<a href="/ja/docs/Web/API/Web_Workers_API/Structured_clone_algorithm$edit#See_Also">他の API</a> のためにオブジェクトをコピーするときなど、データ転送時に内部で用いられています。無限ループを避けるため、以前にアクセスした参照のマップを保持しながら、入力オブジェクトを再帰処理することで複製していきます。</p> +<p><strong>構造化複製アルゴリズム </strong>は複雑な JavaScript オブジェクトをコピーするためのアルゴリズムです。これは {{domxref("Worker.postMessage()", "postMessage()")}} を介して <a href="/ja/docs/Web/API/Worker">Worker</a> と送受信するとき、<a href="/ja/docs/Glossary/IndexedDB">IndexedDB</a> にオブジェクトを格納するとき、<a href="/ja/docs/Web/API/Web_Workers_API/Structured_clone_algorithm$edit#See_Also">他の API</a> のためにオブジェクトをコピーするときなど、データ転送時に内部で用いられています。無限ループを避けるため、以前にアクセスした参照のマップを保持しながら、入力オブジェクトを再帰処理することで複製していきます。</p> <h2 id="構造化複製で動作しないもの">構造化複製で動作しないもの</h2> <ul> - <li><a href="/en/JavaScript/Reference/Global_Objects/Function" title="en/JavaScript/Reference/Global Objects/Function"><code>Function</code></a> オブジェクトは構造化複製アルゴリズムでは複製されません。複製しようとすると <code>DATA_CLONE_ERR</code> 例外が送出されます。</li> + <li><a href="/ja/JavaScript/Reference/Global_Objects/Function" title="en/JavaScript/Reference/Global Objects/Function"><code>Function</code></a> オブジェクトは構造化複製アルゴリズムでは複製されません。複製しようとすると <code>DATA_CLONE_ERR</code> 例外が送出されます。</li> <li>DOM ノードを複製するときも同様に <code>DATA_CLONE_ERR</code> 例外が送出されます。</li> <li>以下に挙げるオブジェクトのパラメーターは保持されません。 <ul> - <li><a href="/en/JavaScript/Reference/Global_Objects/RegExp" title="en/JavaScript/Reference/Global Objects/regexp"><code>RegExp</code></a> オブジェクトの <code>lastIndex</code> フィールドは保持されません。</li> - <li>プロパティ記述子、セッター、ゲッター (もしくは同様のメタデータ系機能) は複製されません。たとえば、オブジェクトに <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor">プロパティ記述子</a> を使用して読み取り専用にしている場合でも、複製したものではデフォルトの条件である読み取り/書き込みに変わります。</li> + <li><a href="/ja/JavaScript/Reference/Global_Objects/RegExp" title="en/JavaScript/Reference/Global Objects/regexp"><code>RegExp</code></a> オブジェクトの <code>lastIndex</code> フィールドは保持されません。</li> + <li>プロパティ記述子、セッター、ゲッター (もしくは同様のメタデータ系機能) は複製されません。たとえば、オブジェクトに <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor">プロパティ記述子</a> を使用して読み取り専用にしている場合でも、複製したものではデフォルトの条件である読み取り/書き込みに変わります。</li> <li>プロトタイプチェーンは探索、複製されません。</li> </ul> </li> </ul> <div class="blockIndicator note"> -<p><strong>メモ</strong>: ネイティブの <a href="/en/JavaScript/Reference/Global_Objects/Error" title="en/JavaScript/Reference/Global Objects/Error"><code>Error</code></a> 型は Chrome では複製できます。Firefox は <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1556604">対応中</a> です。</p> +<p><strong>メモ</strong>: ネイティブの <a href="/ja/JavaScript/Reference/Global_Objects/Error" title="en/JavaScript/Reference/Global Objects/Error"><code>Error</code></a> 型は Chrome では複製できます。Firefox は <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1556604">対応中</a> です。</p> </div> <h2 id="サポート済みの型">サポート済みの型</h2> @@ -34,23 +34,23 @@ translation_of: Web/API/Web_Workers_API/Structured_clone_algorithm </thead> <tbody> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Data_structures#Primitive_values">すべてのプリミティブ型</a></td> + <td><a href="/ja/docs/Web/JavaScript/Data_structures#Primitive_values">すべてのプリミティブ型</a></td> <td>symbol を除く</td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">Boolean</a> オブジェクト</td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Boolean">Boolean</a> オブジェクト</td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/String">String</a> オブジェクト</td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/String">String</a> オブジェクト</td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Date">Date</a></td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp">RegExp</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp">RegExp</a></td> <td><code>lastIndex</code> フィールドは保持されません。</td> </tr> <tr> @@ -66,12 +66,12 @@ translation_of: Web/API/Web_Workers_API/Structured_clone_algorithm <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/API/ArrayBuffer">ArrayBuffer</a></td> + <td><a href="/ja/docs/Web/API/ArrayBuffer">ArrayBuffer</a></td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/API/ArrayBufferView">ArrayBufferView</a></td> - <td>他の <a href="/en-US/docs/Web/JavaScript/Typed_arrays">型付き配列</a> を含む</td> + <td><a href="/ja/docs/Web/API/ArrayBufferView">ArrayBufferView</a></td> + <td>他の <a href="/ja/docs/Web/JavaScript/Typed_arrays">型付き配列</a> を含む</td> </tr> <tr> <td>{{ domxref("ImageBitmap") }}</td> @@ -82,19 +82,19 @@ translation_of: Web/API/Web_Workers_API/Structured_clone_algorithm <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></td> <td>これはプレーンオブジェクト (オブジェクトリテラルなど) <strong>のみ </strong>を含みます</td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map">Map</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Map">Map</a></td> <td></td> </tr> <tr> - <td><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set">Set</a></td> + <td><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Set">Set</a></td> <td></td> </tr> </tbody> @@ -106,7 +106,7 @@ translation_of: Web/API/Web_Workers_API/Structured_clone_algorithm <li><a href="http://www.w3.org/TR/html5/infrastructure.html#safe-passing-of-structured-data">HTML Specification: Safe passing of structured data</a></li> <li>{{ domxref("window.history") }}</li> <li>{{ domxref("window.postMessage()") }}</li> - <li><a href="/en-US/docs/Web/API/Web_Workers_API">Web Workers</a></li> - <li><a href="/en-US/docs/Web/API/IndexedDB_API">IndexedDB</a></li> - <li><a href="/en-US/docs/Components.utils.cloneInto">Components.utils.cloneInto</a></li> + <li><a href="/ja/docs/Web/API/Web_Workers_API">Web Workers</a></li> + <li><a href="/ja/docs/Web/API/IndexedDB_API">IndexedDB</a></li> + <li><a href="/ja/docs/Components.utils.cloneInto">Components.utils.cloneInto</a></li> </ul> diff --git a/files/ja/web/api/web_workers_api/using_web_workers/index.html b/files/ja/web/api/web_workers_api/using_web_workers/index.html index 3da6e5ee2a..557561f689 100644 --- a/files/ja/web/api/web_workers_api/using_web_workers/index.html +++ b/files/ja/web/api/web_workers_api/using_web_workers/index.html @@ -213,7 +213,7 @@ importScripts('//example.com/hello.js'); /* 他のオリジンのスクリプト <pre class="brush: plain">Content-Security-Policy: script-src 'self'</pre> -<p>特に、これは <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> を使用したスクリプトを防ぎます。しかし、スクリプトがワーカーを構築した場合、ワーカーのコンテキストで実行中のコードは <code>eval()</code> を使用することができます。</p> +<p>特に、これは <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> を使用したスクリプトを防ぎます。しかし、スクリプトがワーカーを構築した場合、ワーカーのコンテキストで実行中のコードは <code>eval()</code> を使用することができます。</p> <p>ワーカーのコンテンツセキュリティポリシーを指定するには、ワーカースクリプト自身が配信されたリクエストの <a href="/ja/docs/Web/HTTP/Headers/Content-Security-Policy">Content-Security-Policy</a> レスポンスヘッダーで設定してください。</p> diff --git a/files/ja/web/api/webgl_api/basic_2d_animation_example/index.html b/files/ja/web/api/webgl_api/basic_2d_animation_example/index.html index 5330c36d31..bad0c8dd0e 100644 --- a/files/ja/web/api/webgl_api/basic_2d_animation_example/index.html +++ b/files/ja/web/api/webgl_api/basic_2d_animation_example/index.html @@ -233,7 +233,7 @@ function startup() { <p>ソースコードは {{domxref("WebGLRenderingContext.shaderSource", "gl.shaderSource()")}} を通して新しいシェーダーに送信され、そのときシェーダーは {{domxref("WebGLRenderingContext.compileShader", "gl.compileShader()")}} を使用してコンパイルされます。</p> -<p>コンパイルエラーはコンソールに記録されます。生成されるメッセージに正しいシェーダータイプの文字列を挿入するための<a href="/docs/Web/JavaScript/Reference/Template_literals">テンプレートリテラル</a>文字列の使用に注意してください。実際のエラーの詳細は、{{domxref("WebGLRenderingContext.getShaderInfoLog", "gl.getShaderInfoLog()")}}を呼び出すことによって取得されます。</p> +<p>コンパイルエラーはコンソールに記録されます。生成されるメッセージに正しいシェーダータイプの文字列を挿入するための<a href="/ja/docs/Web/JavaScript/Reference/Template_literals">テンプレートリテラル</a>文字列の使用に注意してください。実際のエラーの詳細は、{{domxref("WebGLRenderingContext.getShaderInfoLog", "gl.getShaderInfoLog()")}}を呼び出すことによって取得されます。</p> <p>最後に、コンパイルされたシェーダーが呼び出し元 (<code>buildShaderProgram()</code> 関数) へ返します。</p> diff --git a/files/ja/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html b/files/ja/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html index c96c77043d..934f52c3ea 100644 --- a/files/ja/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html +++ b/files/ja/web/api/webgl_api/tutorial/adding_2d_content_to_a_webgl_context/index.html @@ -129,7 +129,7 @@ translation_of: Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context <pre class="brush: js line-numbers language-js"><code class="language-js"> <span class="keyword token">const</span> shaderProgram <span class="operator token">=</span> <span class="function token">initShaderProgram</span><span class="punctuation token">(</span>gl<span class="punctuation token">,</span> vsSource<span class="punctuation token">,</span> fsSource<span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> -<p>After we've created a shader program we need to look up the locations that WebGL assigned to our inputs. In this case we have one attribute and two uniforms. Attributes receive values from buffers. Each iteration of the vertex shader receives the next value from the buffer assigned to that attribute. <a href="/en-US/docs/Web/API/WebGL_API/Data#Uniforms">Uniforms</a> are similar to JavaScript global variables. They stay the same value for all iterations of a shader. Since the attribute and uniform locations are specific to a single shader program we'll store them together to make them easy to pass around</p> +<p>After we've created a shader program we need to look up the locations that WebGL assigned to our inputs. In this case we have one attribute and two uniforms. Attributes receive values from buffers. Each iteration of the vertex shader receives the next value from the buffer assigned to that attribute. <a href="/ja/docs/Web/API/WebGL_API/Data#Uniforms">Uniforms</a> are similar to JavaScript global variables. They stay the same value for all iterations of a shader. Since the attribute and uniform locations are specific to a single shader program we'll store them together to make them easy to pass around</p> <pre class="brush: js line-numbers language-js"><code class="language-js"> <span class="keyword token">const</span> programInfo <span class="operator token">=</span> <span class="punctuation token">{</span> program<span class="punctuation token">:</span> shaderProgram<span class="punctuation token">,</span> diff --git a/files/ja/web/api/webgl_api/webgl_model_view_projection/index.html b/files/ja/web/api/webgl_api/webgl_model_view_projection/index.html index d686e310bd..304d1604e4 100644 --- a/files/ja/web/api/webgl_api/webgl_model_view_projection/index.html +++ b/files/ja/web/api/webgl_api/webgl_model_view_projection/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGL_API/WebGL_model_view_projection --- <p>{{WebGLSidebar}}</p> -<p class="summary">この記事では、<a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> プロジェクト内でデータを取得し、それを適切な空間に投影して画面に表示する方法について説明します。並進、拡縮、回転行列を使用した基本的な行列計算の知識があることを前提としています。3Dシーンを構成するときに通常使用される中心的な3つの行列である、モデル、ビュー、射影行列について説明します。</p> +<p class="summary">この記事では、<a href="/ja/docs/Web/API/WebGL_API">WebGL</a> プロジェクト内でデータを取得し、それを適切な空間に投影して画面に表示する方法について説明します。並進、拡縮、回転行列を使用した基本的な行列計算の知識があることを前提としています。3Dシーンを構成するときに通常使用される中心的な3つの行列である、モデル、ビュー、射影行列について説明します。</p> <div class="note"> <p><strong>Note</strong>: This article is also available as an <a href="https://github.com/TatumCreative/mdn-model-view-projection">MDN content kit</a>. It also uses a collection of <a href="https://github.com/TatumCreative/mdn-webgl">utility functions</a> available under the <code>MDN</code> global object.</p> @@ -687,6 +687,6 @@ gl_Position = projection * model * vec4(position, 1.0); <h2 id="See_also">See also</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebGL_API">WebGL</a></li> + <li><a href="/ja/docs/Web/API/WebGL_API">WebGL</a></li> <li>{{interwiki("wikipedia", "3D projection")}}</li> </ul> diff --git a/files/ja/web/api/webglrenderingcontext/attachshader/index.html b/files/ja/web/api/webglrenderingcontext/attachshader/index.html index 3390fd85c8..d6deb487d5 100644 --- a/files/ja/web/api/webglrenderingcontext/attachshader/index.html +++ b/files/ja/web/api/webglrenderingcontext/attachshader/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/attachShader --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.attachShader()</strong> メソッドは、フラグメントか頂点のどちらかの {{domxref("WebGLShader")}} を {{domxref("WebGLProgram")}} にアタッチします。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.attachShader()</strong> メソッドは、フラグメントか頂点のどちらかの {{domxref("WebGLShader")}} を {{domxref("WebGLProgram")}} にアタッチします。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/bindbuffer/index.html b/files/ja/web/api/webglrenderingcontext/bindbuffer/index.html index e2133d9477..d27fde5aed 100644 --- a/files/ja/web/api/webglrenderingcontext/bindbuffer/index.html +++ b/files/ja/web/api/webglrenderingcontext/bindbuffer/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/bindBuffer --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.bindBuffer()</code></strong> メソッドは、与えられた {{domxref("WebGLBuffer")}} をターゲットに結合します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.bindBuffer()</code></strong> メソッドは、与えられた {{domxref("WebGLBuffer")}} をターゲットに結合します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/bufferdata/index.html b/files/ja/web/api/webglrenderingcontext/bufferdata/index.html index d00b532c52..76ab8f6a99 100644 --- a/files/ja/web/api/webglrenderingcontext/bufferdata/index.html +++ b/files/ja/web/api/webglrenderingcontext/bufferdata/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/bufferData --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> <strong><code>WebGLRenderingContext.bufferData()</code></strong> メソッドは、バッファーオブジェクトのデータストアを初期化、作成します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> <strong><code>WebGLRenderingContext.bufferData()</code></strong> メソッドは、バッファーオブジェクトのデータストアを初期化、作成します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/clear/index.html b/files/ja/web/api/webglrenderingcontext/clear/index.html index 63742665a0..e0a636ff35 100644 --- a/files/ja/web/api/webglrenderingcontext/clear/index.html +++ b/files/ja/web/api/webglrenderingcontext/clear/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/clear --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clear()</code></strong> メソッドは、バッファーをプリセット値で消去します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clear()</code></strong> メソッドは、バッファーをプリセット値で消去します。</p> <p>プリセット値は、{{domxref("WebGLRenderingContext.clearColor", "clearColor()")}}, {{domxref("WebGLRenderingContext.clearDepth", "clearDepth()")}} や {{domxref("WebGLRenderingContext.clearStencil", "clearStencil()")}} で設定可能です。</p> diff --git a/files/ja/web/api/webglrenderingcontext/clearcolor/index.html b/files/ja/web/api/webglrenderingcontext/clearcolor/index.html index 684e45cc5d..379d7e00fb 100644 --- a/files/ja/web/api/webglrenderingcontext/clearcolor/index.html +++ b/files/ja/web/api/webglrenderingcontext/clearcolor/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/clearColor --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearColor()</code></strong> メソッドは、カラーバッファーの消去に使われる色の値を指定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearColor()</code></strong> メソッドは、カラーバッファーの消去に使われる色の値を指定します。</p> <p>この指定は {{domxref("WebGLRenderingContext.clear", "clear()")}} メソッドを呼んだときに使用される色です。値は 0 から 1 に丸められます。</p> diff --git a/files/ja/web/api/webglrenderingcontext/cleardepth/index.html b/files/ja/web/api/webglrenderingcontext/cleardepth/index.html index 0dc37e2b19..7e9c54ce84 100644 --- a/files/ja/web/api/webglrenderingcontext/cleardepth/index.html +++ b/files/ja/web/api/webglrenderingcontext/cleardepth/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/clearDepth --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearDepth()</code></strong> メソッドは、深度バッファーを消去する値を指定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearDepth()</code></strong> メソッドは、深度バッファーを消去する値を指定します。</p> <p>この指定は、{{domxref("WebGLRenderingContext.clear", "clear()")}} メソッドを呼ぶときに使用される深度の数値です。値は 0 から 1 に丸められます。</p> diff --git a/files/ja/web/api/webglrenderingcontext/clearstencil/index.html b/files/ja/web/api/webglrenderingcontext/clearstencil/index.html index 86f8b110dd..3e08e2256e 100644 --- a/files/ja/web/api/webglrenderingcontext/clearstencil/index.html +++ b/files/ja/web/api/webglrenderingcontext/clearstencil/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/clearStencil --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearStencil()</code></strong> メソッドは、ステンシルバッファーを消去する値を指定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.clearStencil()</code></strong> メソッドは、ステンシルバッファーを消去する値を指定します。</p> <p>この指定は、{{domxref("WebGLRenderingContext.clear", "clear()")}} メソッドを呼ぶときに使用されるステンシルの値です。</p> diff --git a/files/ja/web/api/webglrenderingcontext/compileshader/index.html b/files/ja/web/api/webglrenderingcontext/compileshader/index.html index 42101779c0..b021fb7cfe 100644 --- a/files/ja/web/api/webglrenderingcontext/compileshader/index.html +++ b/files/ja/web/api/webglrenderingcontext/compileshader/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/compileShader --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.compileShader()</strong> メソッドは、GLSL シェーダーをバイナリへコンパイルします。これは {{domxref("WebGLProgram")}} に使用することができます。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.compileShader()</strong> メソッドは、GLSL シェーダーをバイナリへコンパイルします。これは {{domxref("WebGLProgram")}} に使用することができます。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/createbuffer/index.html b/files/ja/web/api/webglrenderingcontext/createbuffer/index.html index 09b9f21685..f7583fc77f 100644 --- a/files/ja/web/api/webglrenderingcontext/createbuffer/index.html +++ b/files/ja/web/api/webglrenderingcontext/createbuffer/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/createBuffer --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.createBuffer()</code></strong> メソッドは、頂点や色といったデータを格納する {{domxref("WebGLBuffer")}} を作成、初期化します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.createBuffer()</code></strong> メソッドは、頂点や色といったデータを格納する {{domxref("WebGLBuffer")}} を作成、初期化します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/createprogram/index.html b/files/ja/web/api/webglrenderingcontext/createprogram/index.html index 2fa7d7def3..7c247390af 100644 --- a/files/ja/web/api/webglrenderingcontext/createprogram/index.html +++ b/files/ja/web/api/webglrenderingcontext/createprogram/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/createProgram --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.createProgram()</code></strong> メソッドは、{{domxref("WebGLProgram")}} オブジェクトを作成、初期化します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.createProgram()</code></strong> メソッドは、{{domxref("WebGLProgram")}} オブジェクトを作成、初期化します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/createshader/index.html b/files/ja/web/api/webglrenderingcontext/createshader/index.html index 69fbb6a7eb..4ce52ce0f3 100644 --- a/files/ja/web/api/webglrenderingcontext/createshader/index.html +++ b/files/ja/web/api/webglrenderingcontext/createshader/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/createShader --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.createShader()</strong> メソッドは、{{domxref("WebGLShader")}} を作成します。それからさらに、 {{domxref("WebGLRenderingContext.shaderSource()")}} と {{domxref("WebGLRenderingContext.compileShader()")}} を用いて設定できます。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong>WebGLRenderingContext.createShader()</strong> メソッドは、{{domxref("WebGLShader")}} を作成します。それからさらに、 {{domxref("WebGLRenderingContext.shaderSource()")}} と {{domxref("WebGLRenderingContext.compileShader()")}} を用いて設定できます。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/drawarrays/index.html b/files/ja/web/api/webglrenderingcontext/drawarrays/index.html index 1f551089c9..3b02fa5648 100644 --- a/files/ja/web/api/webglrenderingcontext/drawarrays/index.html +++ b/files/ja/web/api/webglrenderingcontext/drawarrays/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/drawArrays --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.drawArrays()</code></strong> メソッドは、配列データからプリミティブを描画します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.drawArrays()</code></strong> メソッドは、配列データからプリミティブを描画します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/getattriblocation/index.html b/files/ja/web/api/webglrenderingcontext/getattriblocation/index.html index f521fbf58a..a820732176 100644 --- a/files/ja/web/api/webglrenderingcontext/getattriblocation/index.html +++ b/files/ja/web/api/webglrenderingcontext/getattriblocation/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/getAttribLocation --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.getAttribLocation()</code></strong>メソッドは指定された{{domxref("WebGLProgram")}}内の属性の場所を返します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.getAttribLocation()</code></strong>メソッドは指定された{{domxref("WebGLProgram")}}内の属性の場所を返します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/linkprogram/index.html b/files/ja/web/api/webglrenderingcontext/linkprogram/index.html index b9d989545d..55c3063d6e 100644 --- a/files/ja/web/api/webglrenderingcontext/linkprogram/index.html +++ b/files/ja/web/api/webglrenderingcontext/linkprogram/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/linkProgram --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.linkProgram()</code></strong> メソッドは、与えられた {{domxref("WebGLProgram")}} に接続された頂点とフラグメントのシェーダーをリンクします。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.linkProgram()</code></strong> メソッドは、与えられた {{domxref("WebGLProgram")}} に接続された頂点とフラグメントのシェーダーをリンクします。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/shadersource/index.html b/files/ja/web/api/webglrenderingcontext/shadersource/index.html index c8b3eb97b6..91cac9946d 100644 --- a/files/ja/web/api/webglrenderingcontext/shadersource/index.html +++ b/files/ja/web/api/webglrenderingcontext/shadersource/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/shaderSource --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.shaderSource()</code></strong> メソッドは、{{domxref("WebGLShader")}} のソースコードを設定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.shaderSource()</code></strong> メソッドは、{{domxref("WebGLShader")}} のソースコードを設定します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/uniformmatrix/index.html b/files/ja/web/api/webglrenderingcontext/uniformmatrix/index.html index dea9487204..828da2d7cd 100644 --- a/files/ja/web/api/webglrenderingcontext/uniformmatrix/index.html +++ b/files/ja/web/api/webglrenderingcontext/uniformmatrix/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/uniformMatrix --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.uniformMatrix[234]fv()</code></strong> メソッドは、行列の値をユニフォームの値に指定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.uniformMatrix[234]fv()</code></strong> メソッドは、行列の値をユニフォームの値に指定します。</p> <p>このメソッドの 3 つのバージョン (<code>uniformMatrix2fv()</code>, <code>uniformMatrix3fv()</code>, と <code>uniformMatrix4fv()</code>) は、入力値として 2 要素, 3 要素, 4 要素のベクトルをそれぞれ取ります。</p> diff --git a/files/ja/web/api/webglrenderingcontext/useprogram/index.html b/files/ja/web/api/webglrenderingcontext/useprogram/index.html index 940a8cda72..7f86a49824 100644 --- a/files/ja/web/api/webglrenderingcontext/useprogram/index.html +++ b/files/ja/web/api/webglrenderingcontext/useprogram/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/useProgram --- <div>{{APIRef("WebGL")}}</div> -<p><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.useProgram()</code></strong> メソッドは、指定した {{domxref("WebGLProgram")}} を現在の描画ステートの一部として設定します。</p> +<p><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.useProgram()</code></strong> メソッドは、指定した {{domxref("WebGLProgram")}} を現在の描画ステートの一部として設定します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webglrenderingcontext/vertexattribpointer/index.html b/files/ja/web/api/webglrenderingcontext/vertexattribpointer/index.html index c5bdf737c9..bf0e2f05f9 100644 --- a/files/ja/web/api/webglrenderingcontext/vertexattribpointer/index.html +++ b/files/ja/web/api/webglrenderingcontext/vertexattribpointer/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebGLRenderingContext/vertexAttribPointer --- <div>{{APIRef("WebGL")}}</div> -<p class="summary"><a href="/en-US/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.vertexAttribPointer()</code></strong> メソッドは、現在 <code>gl.ARRAY_BUFFER</code> に結合されたバッファーを、現在の頂点バッファーオブジェクトの一般的な頂点属性に結合して、そのレイアウトを指定します。</p> +<p class="summary"><a href="/ja/docs/Web/API/WebGL_API">WebGL API</a> の <strong><code>WebGLRenderingContext.vertexAttribPointer()</code></strong> メソッドは、現在 <code>gl.ARRAY_BUFFER</code> に結合されたバッファーを、現在の頂点バッファーオブジェクトの一般的な頂点属性に結合して、そのレイアウトを指定します。</p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/api/webrtc_api/connectivity/index.html b/files/ja/web/api/webrtc_api/connectivity/index.html index 20b60fd87d..167ddcff9a 100644 --- a/files/ja/web/api/webrtc_api/connectivity/index.html +++ b/files/ja/web/api/webrtc_api/connectivity/index.html @@ -61,7 +61,7 @@ translation_of: Web/API/WebRTC_API/Connectivity <p>The <code>pendingLocalDescription</code> contains not just the offer or answer under consideration, but any local ICE candidates which have already been gathered since the offer or answer was created. Similarly, <code>pendingRemoteDescription</code> includes any remote ICE candidates which have been provided by calls to {{domxref("RTCPeerConnection.addIceCandidate()")}}.</p> </div> -<p>See the individual articles on these properties and methods for more specifics, and <a href="/en-US/docs/Web/Media/Formats/WebRTC_codecs">Codecs used by WebRTC</a> for information about codecs supported by WebRTC and which are compatible with which browsers. The codecs guide also offers guidance to help you choose the best codecs for your needs.</p> +<p>See the individual articles on these properties and methods for more specifics, and <a href="/ja/docs/Web/Media/Formats/WebRTC_codecs">Codecs used by WebRTC</a> for information about codecs supported by WebRTC and which are compatible with which browsers. The codecs guide also offers guidance to help you choose the best codecs for your needs.</p> <h2 id="ICE_candidates">ICE candidates</h2> diff --git a/files/ja/web/api/webrtc_api/index.html b/files/ja/web/api/webrtc_api/index.html index 306818224b..bc2a2fada0 100644 --- a/files/ja/web/api/webrtc_api/index.html +++ b/files/ja/web/api/webrtc_api/index.html @@ -24,11 +24,11 @@ translation_of: Web/API/WebRTC_API <h2 id="Interoperability" name="Interoperability">相互運用性</h2> -<p>WebRTC の実装はまだ進化しており、ブラウザごとに<a href="/en-US/docs/Web/Media/Formats/WebRTC_codecs">コーデック</a>や WebRTC 機能のサポートレベルが異なるため、コードを書き始める前に Google が提供する <a href="https://github.com/webrtcHacks/adapter">Adapter.js</a> ライブラリを利用することを強く検討する必要があります。</p> +<p>WebRTC の実装はまだ進化しており、ブラウザごとに<a href="/ja/docs/Web/Media/Formats/WebRTC_codecs">コーデック</a>や WebRTC 機能のサポートレベルが異なるため、コードを書き始める前に Google が提供する <a href="https://github.com/webrtcHacks/adapter">Adapter.js</a> ライブラリを利用することを強く検討する必要があります。</p> <p>Adapter.js はシム ({{Glossary("Shim")}}) やポリフィル ({{Glossary("polyfill")}}) を使用して、サポートしている環境によって異なる WebRTC 実装の違いを滑らかにします。また、接頭辞やその他の名前の違いも Adapter.js が処理することで、WebRTC の開発プロセス全体がより簡単になり、より広範な互換性のある結果が得られるようになります。このライブラリは <a href="https://www.npmjs.com/package/webrtc-adapter">NPM パッケージ</a>としても提供されています。</p> -<p>Adapter.js の詳細については、<a href="/en-US/docs/Web/API/WebRTC_API/adapter.js">WebRTC adapter.js を使用した互換性の向上</a>を参照してください。</p> +<p>Adapter.js の詳細については、<a href="/ja/docs/Web/API/WebRTC_API/adapter.js">WebRTC adapter.js を使用した互換性の向上</a>を参照してください。</p> <h2 id="WebRTC_concepts_and_usage" name="WebRTC_concepts_and_usage">WebRTC の概念と使い方</h2> @@ -76,12 +76,12 @@ translation_of: Web/API/WebRTC_API <dt>{{DOMxRef("RTCTrackEvent")}}</dt> <dd>このインターフェイスは {{domxref("RTCPeerConnection.track_event", "track")}} イベントを表すもので、 {{DOMxRef("RTCRtpReceiver")}} オブジェクトが {{DOMxRef("RTCPeerConnection")}} オブジェクトに追加されたことを示すトラックイベントを表現するために使用されるインターフェースで、新しい着信 (incoming) {{DOMxRef("MediaStreamTrack")}} が生成され、<code>RTCPeerConnection</code> に追加されたことを示します。</dd> <dt>{{DOMxRef("RTCSctpTransport")}}</dt> - <dd>Stream Control Transmission Protocol (<strong>{{Glossary("SCTP")}}</strong>) トランスポートを説明する情報を提供し、 {{DOMxRef("RTCPeerConnection")}} のすべての<a href="/en-US/docs/Web/API/RTCPeerConnection" title="The RTCPeerConnection interface represents a WebRTC connection between the local computer and a remote peer. It provides methods to connect to a remote peer, maintain and monitor the connection, and close the connection once it's no longer needed."><code>RTCPeerConnection</code></a> のデータチャネルの SCTP パケットが送受信される Datagram Transport Layer Security (<strong>{{Glossary("DTLS")}}</strong>) トランスポートにアクセスする方法も提供します。</dd> + <dd>Stream Control Transmission Protocol (<strong>{{Glossary("SCTP")}}</strong>) トランスポートを説明する情報を提供し、 {{DOMxRef("RTCPeerConnection")}} のすべての<a href="/ja/docs/Web/API/RTCPeerConnection" title="The RTCPeerConnection interface represents a WebRTC connection between the local computer and a remote peer. It provides methods to connect to a remote peer, maintain and monitor the connection, and close the connection once it's no longer needed."><code>RTCPeerConnection</code></a> のデータチャネルの SCTP パケットが送受信される Datagram Transport Layer Security (<strong>{{Glossary("DTLS")}}</strong>) トランスポートにアクセスする方法も提供します。</dd> <dt> <h4 id="Dictionaries" name="Dictionaries">辞書</h4> </dt> <dt>{{DOMxRef("RTCConfiguration")}}</dt> - <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection" title="The RTCPeerConnection interface represents a WebRTC connection between the local computer and a remote peer. It provides methods to connect to a remote peer, maintain and monitor the connection, and close the connection once it's no longer needed."><code>RTCPeerConnection</code></a> の {{DOMxRef("RTCPeerConnection")}} の構成オプションを提供するために使用します。</dd> + <dd><a href="/ja/docs/Web/API/RTCPeerConnection" title="The RTCPeerConnection interface represents a WebRTC connection between the local computer and a remote peer. It provides methods to connect to a remote peer, maintain and monitor the connection, and close the connection once it's no longer needed."><code>RTCPeerConnection</code></a> の {{DOMxRef("RTCPeerConnection")}} の構成オプションを提供するために使用します。</dd> <dt>{{DOMxRef("RTCIceServer")}}</dt> <dd>({{Glossary("STUN")}} や {{Glossary("TURN")}} サーバのような) 単一の {{Glossary("ICE")}} サーバーを定義します。</dd> <dt>{{DOMxRef("RTCRtpContributingSource")}}</dt> diff --git a/files/ja/web/api/websocket/protocol/index.html b/files/ja/web/api/websocket/protocol/index.html index 542e7247a0..1bceb52b81 100644 --- a/files/ja/web/api/websocket/protocol/index.html +++ b/files/ja/web/api/websocket/protocol/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/WebSocket/protocol <h2 id="値">値</h2> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></p> +<p><a href="/ja/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></p> <h2 id="仕様書">仕様書</h2> diff --git a/files/ja/web/api/websocket/url/index.html b/files/ja/web/api/websocket/url/index.html index 4fec72f012..f6ba98ae8b 100644 --- a/files/ja/web/api/websocket/url/index.html +++ b/files/ja/web/api/websocket/url/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/WebSocket/url <h2 id="値">値</h2> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></p> +<p><a href="/ja/docs/Web/API/DOMString" title="DOMString is a UTF-16 String. As JavaScript already uses such strings, DOMString is mapped directly to a String."><code>DOMString</code></a></p> <h2 id="仕様書">仕様書</h2> diff --git a/files/ja/web/api/websockets_api/writing_websocket_server/index.html b/files/ja/web/api/websockets_api/writing_websocket_server/index.html index 6db150fbc0..b82473f0a1 100644 --- a/files/ja/web/api/websockets_api/writing_websocket_server/index.html +++ b/files/ja/web/api/websockets_api/writing_websocket_server/index.html @@ -133,7 +133,7 @@ if (Regex.IsMatch(data, "^GET")) { }</pre> -<p>リクエストは簡単に作成できますが、理解するのは少し難しいかもしれません。サーバーのハンドシェイクの完全な説明は <a href="https://developer.mozilla.org/ja/docs/Web/API/WebSockets_API/RFC%206455,%20section%204.2.2">RFC 6455、セクション4.2.2</a> にあります。私たちの目的のために、簡単なレスポンスを作成します。</p> +<p>リクエストは簡単に作成できますが、理解するのは少し難しいかもしれません。サーバーのハンドシェイクの完全な説明は <a href="/ja/docs/Web/API/WebSockets_API/RFC%206455,%20section%204.2.2">RFC 6455、セクション4.2.2</a> にあります。私たちの目的のために、簡単なレスポンスを作成します。</p> <p>やらなければならないのは:</p> diff --git a/files/ja/web/api/websockets_api/writing_websocket_servers/index.html b/files/ja/web/api/websockets_api/writing_websocket_servers/index.html index 2dbf4fe7da..2ee26b96af 100644 --- a/files/ja/web/api/websockets_api/writing_websocket_servers/index.html +++ b/files/ja/web/api/websockets_api/writing_websocket_servers/index.html @@ -54,7 +54,7 @@ Sec-WebSocket-Version: 13</code></pre> <p><strong>Tip:</strong> すべての<strong>ブラウザ</strong>は <a href="/ja/docs/Web/HTTP/HTTP_access_control#Origin"><code>Origin</code> ヘッダー</a>を送信します。 このヘッダをセキュリティ (同じ起点のチェック、ホワイトリスト/ブラックリストなど) に使用し、あなたが見ているものが気に入らなければ <a href="/ja/docs/Web/HTTP/Status#403">403 Forbidden</a> を送ることができます。ただし、ブラウザ以外のエージェントは、偽の <code>Origin</code> を送信するだけであることに注意してください。ほとんどのアプリケーションは、このヘッダーのない要求を拒否します。</p> </div> -<p>ヘッダーが解釈されていないか値が正しくない場合、サーバーは "<a href="https://developer.mozilla.org/en-US/docs/HTTP/Response_codes#400">400 Bad Request</a>" を送信し、すぐにソケットを閉じる必要があります。通常は、HTTP レスポンス本体でハンドシェークが失敗した理由を示すかもしれませんが、メッセージは表示されないかもしれません (ブラウザはそれを表示しません)。 サーバーが WebSocket のバージョンを認識しない場合、サーバーは解釈可能なバージョンを含む <code>Sec-WebSocket-Version</code> ヘッダーを返す必要があります。(このガイドでは最新のv13について説明しています)。 ここで、最も興味深いヘッダーである <code>Sec-WebSocket-Key</code> に移動しましょう。</p> +<p>ヘッダーが解釈されていないか値が正しくない場合、サーバーは "<a href="/ja/docs/HTTP/Response_codes#400">400 Bad Request</a>" を送信し、すぐにソケットを閉じる必要があります。通常は、HTTP レスポンス本体でハンドシェークが失敗した理由を示すかもしれませんが、メッセージは表示されないかもしれません (ブラウザはそれを表示しません)。 サーバーが WebSocket のバージョンを認識しない場合、サーバーは解釈可能なバージョンを含む <code>Sec-WebSocket-Version</code> ヘッダーを返す必要があります。(このガイドでは最新のv13について説明しています)。 ここで、最も興味深いヘッダーである <code>Sec-WebSocket-Key</code> に移動しましょう。</p> <div class="note"> <p><strong>Note:</strong> <a href="/ja/docs/Web/HTTP/Status">通常の HTTP ステータスコード</a>は、ハンドシェイクの前にのみ使用できます。ハンドシェイクが成功したら、別のコードセット (仕様の 7.4 節で定義されている) を使用する必要があります。</p> @@ -236,7 +236,7 @@ Sec-WebSocket-Protocol: wamp</code></pre> <ul> <li><a href="https://github.com/alexhultman/libwshandshake">WebSocket handshake library in C++</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/WebSockets/Writing_WebSocket_server" title="/en-US/docs/WebSockets/Writing_WebSocket_server">Tutorial: Websocket server in C#</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li> - <li><a href="https://developer.mozilla.org/en-US/docs/WebSockets/WebSocket_Server_Vb.NET">Tutorial: Websocket server in VB.NET</a></li> + <li><a href="/ja/docs/WebSockets/Writing_WebSocket_server" title="/en-US/docs/WebSockets/Writing_WebSocket_server">Tutorial: Websocket server in C#</a></li> + <li><a href="/ja/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li> + <li><a href="/ja/docs/WebSockets/WebSocket_Server_Vb.NET">Tutorial: Websocket server in VB.NET</a></li> </ul> diff --git a/files/ja/web/api/webvr_api/concepts/index.html b/files/ja/web/api/webvr_api/concepts/index.html index a868ca06fd..9327dacaca 100644 --- a/files/ja/web/api/webvr_api/concepts/index.html +++ b/files/ja/web/api/webvr_api/concepts/index.html @@ -198,4 +198,4 @@ translation_of: Web/API/WebVR_API/Concepts <p>立体音響は，3次元空間内でどのように音が聞こえるかをシミュレーションするための音響操作エフェクトです．</p> -<p>これは <a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a> と直接関係していて，キャンバス内にあるオブジェクト上にサウンドを配置したり，ユーザの移動方向や見ているシーンの部分に応じてオーティオを再生することが可能です．</p> +<p>これは <a href="/ja/docs/Web/API/Web_Audio_API">Web Audio API</a> と直接関係していて，キャンバス内にあるオブジェクト上にサウンドを配置したり，ユーザの移動方向や見ているシーンの部分に応じてオーティオを再生することが可能です．</p> diff --git a/files/ja/web/api/webvr_api/index.html b/files/ja/web/api/webvr_api/index.html index bbce00b96f..c0997f6058 100644 --- a/files/ja/web/api/webvr_api/index.html +++ b/files/ja/web/api/webvr_api/index.html @@ -63,7 +63,7 @@ translation_of: Web/API/WebVR_API <h3 id="Using_controllers_Combining_WebVR_with_the_Gamepad_API" name="Using_controllers_Combining_WebVR_with_the_Gamepad_API">コントローラーの使用: WebVR と Gamepad API の組み合わせ</h3> -<p>多くの WebVR ハードウェアは、ヘッドセットと一緒に使用するコントローラーをセットアップします。これらは <a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> を介して WebVR アプリで使用することができ、特に <a href="/ja/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Gamepad Extensions API</a> は、コントローラーの<a href="/en-US/docs/Web/API/GamepadPose">コントローラーのポーズ</a>や<a href="/en-US/docs/Web/API/GamepadHapticActuator">触覚アクチュエーター</a>などにアクセスするための API 機能を追加します。</p> +<p>多くの WebVR ハードウェアは、ヘッドセットと一緒に使用するコントローラーをセットアップします。これらは <a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> を介して WebVR アプリで使用することができ、特に <a href="/ja/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Gamepad Extensions API</a> は、コントローラーの<a href="/ja/docs/Web/API/GamepadPose">コントローラーのポーズ</a>や<a href="/ja/docs/Web/API/GamepadHapticActuator">触覚アクチュエーター</a>などにアクセスするための API 機能を追加します。</p> <div class="note"> <p><strong>Note</strong>: <a href="/ja/docs/Web/API/WebVR_API/Using_the_WebVR_API">WebVR API の使用</a>の記事では、 WebVR アプリでの VR コントローラーの使い方の基本を解説しています。</p> diff --git a/files/ja/web/api/webvr_api/using_the_webvr_api/index.html b/files/ja/web/api/webvr_api/using_the_webvr_api/index.html index 240940fe73..ce40676124 100644 --- a/files/ja/web/api/webvr_api/using_the_webvr_api/index.html +++ b/files/ja/web/api/webvr_api/using_the_webvr_api/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API --- <p>{{draft("この WebVR API ドキュメントは現在v1.0の仕様への対応作業の途中です．従って、ここにある情報のいくつかは最新ではありません。この作業について質問がある場合は ~~chrisdavidmills へ連絡をとってください．")}}</p> -<p class="summary"><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> はウェブ開発者のツールキットへのすばらしい追加機能で、<a href="https://developer.oculus.com/">Oculus Rift</a> のようなバーチャルリアリティハードウェアへのアクセスが可能となります。そして出力された動きや向きはウェブアプリの描画更新に変換されます。しかし VR アプリを開発はどのようにやればいいのでしょうか？ この記事では、それに関する基礎的な解説を行います。</p> +<p class="summary"><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> はウェブ開発者のツールキットへのすばらしい追加機能で、<a href="https://developer.oculus.com/">Oculus Rift</a> のようなバーチャルリアリティハードウェアへのアクセスが可能となります。そして出力された動きや向きはウェブアプリの描画更新に変換されます。しかし VR アプリを開発はどのようにやればいいのでしょうか？ この記事では、それに関する基礎的な解説を行います。</p> <div class="note"> <p><span style="font-size: 14px; line-height: 21px;"><strong>注記</strong></span>: WebVR は現在実験的な段階にあります（<a href="http://mozvr.github.io/webvr-spec/webvr.html">最新の仕様はこちら</a>にあります); 今の段階でもっとも正常に動作するのは Firefox Nightly/Developer Edition で、一部の機能は Google Chrome でも動作します。詳細は Brandon Jonesの <a class="external external-icon" href="http://blog.tojicode.com/2014/07/bringing-vr-to-chrome.html">Bringing VR to Chrome</a> を参照してください。</p> @@ -13,18 +13,18 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API <h2 id="始めるには">始めるには</h2> -<p>WebVRを始めるには，VRハードウェアのマニュアルに従ったセットアップと、<a href="/en-US/docs/Web/API/WebVR_API/WebVR_environment_setup">WebVR environment setup</a> に示されているコンピュータへの設定が必要になります、スムースな動作には専用GPUが推奨されます。</p> +<p>WebVRを始めるには，VRハードウェアのマニュアルに従ったセットアップと、<a href="/ja/docs/Web/API/WebVR_API/WebVR_environment_setup">WebVR environment setup</a> に示されているコンピュータへの設定が必要になります、スムースな動作には専用GPUが推奨されます。</p> <p><a href="https://nightly.mozilla.org/">Firefox Nightly</a> (または <a href="https://www.mozilla.org/en-US/firefox/developer/">Developer Edition</a>) のインストールと合わせて <a href="http://www.mozvr.com/downloads/webvr-addon-0.1.0.xpi">WebVR Enabler Add-on</a> も必要となります。</p> <p>いちど環境が設定できたら、テストのために私たちの <a href="http://mozvr.com/projects/">MozVR projects</a> を開いて、[Enter VR<strong>]</strong> ボタンをクリックすることを試してください。</p> <div class="note"> -<p><strong>注記</strong>: より深い情報のために，<a href="/en-US/docs/Web/API/WebVR_API/WebVR_environment_setup">WebVR environment setup</a> をチェックしてください。</p> +<p><strong>注記</strong>: より深い情報のために，<a href="/ja/docs/Web/API/WebVR_API/WebVR_environment_setup">WebVR environment setup</a> をチェックしてください。</p> </div> <div class="note"> -<p><strong>注記</strong>: モバイルデバイスを HMD として用いるような安価な選択肢もあります。この場合，位置センサは利用できませんので、代わりに <a href="/en-US/Apps/Build/gather_and_modify_data/responding_to_device_orientation_changes">deviceorientation API</a> を用いて擬似的な向きデータを使う必要があるかもしれません。</p> +<p><strong>注記</strong>: モバイルデバイスを HMD として用いるような安価な選択肢もあります。この場合，位置センサは利用できませんので、代わりに <a href="/ja/Apps/Build/gather_and_modify_data/responding_to_device_orientation_changes">deviceorientation API</a> を用いて擬似的な向きデータを使う必要があるかもしれません。</p> </div> <h2 id="簡単なデモ">簡単なデモ</h2> @@ -33,7 +33,7 @@ translation_of: Web/API/WebVR_API/Using_the_WebVR_API <p><img alt="" src="https://mdn.mozillademos.org/files/10797/vrpositionsensor-demo.png" style="display: block; height: 396px; margin: 0px auto; width: 800px;"></p> -<p>これは簡単な 2.5D のデモで，<a href="/en-US/docs/Web/HTML/Element/canvas">HTML5 Canvas</a> にレンダリングされた Firefox ロゴが右目と左目のビューに表示されるものです．VR HMDでデモを見ているときにキャンバスをクリックすると、デモはフルスクリーンになり、Firefox ロゴに近づけるようになります。あなたが動くと頭の動きに合わせて上下左右や回転してリアルに動きます。</p> +<p>これは簡単な 2.5D のデモで，<a href="/ja/docs/Web/HTML/Element/canvas">HTML5 Canvas</a> にレンダリングされた Firefox ロゴが右目と左目のビューに表示されるものです．VR HMDでデモを見ているときにキャンバスをクリックすると、デモはフルスクリーンになり、Firefox ロゴに近づけるようになります。あなたが動くと頭の動きに合わせて上下左右や回転してリアルに動きます。</p> <p>あなたが WebVR のコードがどう動いているかを簡単に確認できるように、デモは意図的にシンプルになるよう保持されています。API は十分シンプルであるため，単純な DOM ベースインターフェイスでも複雑な WebGL シーンでも、好きなアプリに WebVR 制御の移動を簡単に適用できます。</p> @@ -87,7 +87,7 @@ var ctx = myCanvas.getContext('2d'); var body = document.querySelector('body'); body.appendChild(myCanvas);</pre> -<p>次に、新しい <a href="/en-US/docs/Web/API/HTMLImageElement">image</a> を作成し、アプリの <a href="/en-US/docs/Games/Anatomy#Building_a_main_loop_in_JavaScript">main loop</a> である<code>draw()を実行する前に </code>image が <code>ロードされているかをチェックするために</code> {{event("load")}} イベントを使います:</p> +<p>次に、新しい <a href="/ja/docs/Web/API/HTMLImageElement">image</a> を作成し、アプリの <a href="/ja/docs/Games/Anatomy#Building_a_main_loop_in_JavaScript">main loop</a> である<code>draw()を実行する前に </code>image が <code>ロードされているかをチェックするために</code> {{event("load")}} イベントを使います:</p> <pre class="brush: js">var image = new Image(); image.src = 'firefox.png'; @@ -113,11 +113,11 @@ image.onload = draw;</pre> requestAnimationFrame(draw); }</pre> -<p><a href="/en-US/docs/Web/API/Window">window</a> の <code>WIDTH</code> と <code>HEIGHT</code> は各フレームでリサンプリングされ，次の設定に使われます:</p> +<p><a href="/ja/docs/Web/API/Window">window</a> の <code>WIDTH</code> と <code>HEIGHT</code> は各フレームでリサンプリングされ，次の設定に使われます:</p> <ul> <li>左右の目のビュー中心からの相対的に描画される画像を維持するのに使われる左右のオフセット値です。半分の幅のシーンのコピーを描画するので、各コピーの中心はそれぞれ、エッジの端から端までのキャンバス全体幅のちょうど1/4の幅になります。</li> - <li>キャンバスの <a href="/en-US/docs/Web/API/HTMLCanvasElement/width">width</a> と <a href="/en-US/docs/Web/API/HTMLCanvasElement/height">height</a>。</li> + <li>キャンバスの <a href="/ja/docs/Web/API/HTMLCanvasElement/width">width</a> と <a href="/ja/docs/Web/API/HTMLCanvasElement/height">height</a>。</li> </ul> <p>これによってブラウザウィンドウがリサイズされたとしても、シーンが正しくリサイズされます。</p> @@ -132,7 +132,7 @@ image.onload = draw;</pre> <p>これらの詳細は、後ほど解説します。</p> -<p>ループの最後に <a href="/en-US/docs/Web/API/window/requestAnimationFrame">requestAnimationFrame(draw)</a> を実行し<code>、draw()</code> ループが連続して呼び出されるようにします。</p> +<p>ループの最後に <a href="/ja/docs/Web/API/window/requestAnimationFrame">requestAnimationFrame(draw)</a> を実行し<code>、draw()</code> ループが連続して呼び出されるようにします。</p> <h3 id="位置と向き情報の受取り">位置と向き情報の受取り</h3> @@ -244,7 +244,7 @@ image.onload = draw;</pre> <h3 id="フルスクリーン表示">フルスクリーン表示</h3> -<p>VRエフェクトはアプリを <a href="/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode">フルスクリーンモード</a> で実行すると非常に効果的です。ディスプレイのダブルクリックやボタンの押下のような、特定のイベントが発生した時に {{htmlelement("canvas")}} 要素をフルスクリーンにするための一般的な設定を説明します。</p> +<p>VRエフェクトはアプリを <a href="/ja/docs/Web/Guide/API/DOM/Using_full_screen_mode">フルスクリーンモード</a> で実行すると非常に効果的です。ディスプレイのダブルクリックやボタンの押下のような、特定のイベントが発生した時に {{htmlelement("canvas")}} 要素をフルスクリーンにするための一般的な設定を説明します。</p> <p>シンプルさを保つために、ここではキャンバスのクリック時に <code>fullScreen()</code> 関数を実行します:</p> diff --git a/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html b/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html index d2f568e849..ec74f3b17e 100644 --- a/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html +++ b/files/ja/web/api/webvr_api/using_vr_controllers_with_webvr/index.html @@ -14,19 +14,19 @@ translation_of: Web/API/WebVR_API/Using_VR_controllers_with_WebVR --- <div>{{APIRef("WebVR API")}}</div> -<p class="summary">多くのWebVRハードウェアは、ヘッドセットとコントローラーがセットになっています。WebVRアプリにおいては、ヘッドセットとコントローラーは<a href="https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API">Gamepad API</a>を通じて接続されます。中でも、<a href="https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Gamepad Extensions API</a>は、コントローラーの状態(<a href="https://developer.mozilla.org/en-US/docs/Web/API/GamepadPose">controller pose</a>)、触覚アクチュエータ(<a href="https://developer.mozilla.org/en-US/docs/Web/API/GamepadHapticActuator">haptic actuators</a>)などの情報を取得します。この記事では、その基礎となる部分を解説いたします。</p> +<p class="summary">多くのWebVRハードウェアは、ヘッドセットとコントローラーがセットになっています。WebVRアプリにおいては、ヘッドセットとコントローラーは<a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a>を通じて接続されます。中でも、<a href="/ja/docs/Web/API/Gamepad_API#Experimental_Gamepad_extensions">Gamepad Extensions API</a>は、コントローラーの状態(<a href="/ja/docs/Web/API/GamepadPose">controller pose</a>)、触覚アクチュエータ(<a href="/ja/docs/Web/API/GamepadHapticActuator">haptic actuators</a>)などの情報を取得します。この記事では、その基礎となる部分を解説いたします。</p> <h2 id="The_WebVR_API">The WebVR API</h2> -<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API">WebVR API</a> は初期段階ではあるが、開発者がウェブベースのバーチャルリアリティー経験を生み出すことのできるとても興味深いウェブの新しい機能です。コンピュータとつながっているVRヘッドセット（VRディスプレイ）へのアクセスを与えることで，ディスプレイをスタートしたり、ストップする操作ができます．動きのデータ（例：方向や位置）へアクセスして得られたデータは，各アニメーションループのフレームごとにディスプレイをアップデートするためなどに使用されます。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> は初期段階ではあるが、開発者がウェブベースのバーチャルリアリティー経験を生み出すことのできるとても興味深いウェブの新しい機能です。コンピュータとつながっているVRヘッドセット（VRディスプレイ）へのアクセスを与えることで，ディスプレイをスタートしたり、ストップする操作ができます．動きのデータ（例：方向や位置）へアクセスして得られたデータは，各アニメーションループのフレームごとにディスプレイをアップデートするためなどに使用されます。</p> -<p>この記事を読む前提として、Web VR API の基礎についてすでに知っていることを想定しています。 — もしまだ<a href="/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a>にを読んでいない場合には、まずはそちらを読んでみましょう．その記事の中では，ブラウザ側がハードウェアの設定をサポートしたり，設定を要求したりすることについて詳しく説明しています。</p> +<p>この記事を読む前提として、Web VR API の基礎についてすでに知っていることを想定しています。 — もしまだ<a href="/ja/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a>にを読んでいない場合には、まずはそちらを読んでみましょう．その記事の中では，ブラウザ側がハードウェアの設定をサポートしたり，設定を要求したりすることについて詳しく説明しています。</p> <h2 id="The_Gamepad_API">The Gamepad API</h2> -<p><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a> はよくサポートされたAPIであり， これを使用することでPCにつながっているゲームパッドやコントローラーに開発者がアクセスすることができるようになります。また、ウェブアプリケーションをゲームパッドやコントローラーを通じて操作することもできるようになります。基本としてGamepad APIは、ゲームパッドオブジェクトとしてつながっているコントローラーに対してアクセスの許可を与えます。そしてどのボタンが押されているか、軸がどの方向に向いているかなどの情報を取得するよう要求します。</p> +<p><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a> はよくサポートされたAPIであり， これを使用することでPCにつながっているゲームパッドやコントローラーに開発者がアクセスすることができるようになります。また、ウェブアプリケーションをゲームパッドやコントローラーを通じて操作することもできるようになります。基本としてGamepad APIは、ゲームパッドオブジェクトとしてつながっているコントローラーに対してアクセスの許可を与えます。そしてどのボタンが押されているか、軸がどの方向に向いているかなどの情報を取得するよう要求します。</p> -<p>Gamepad APIの基本的な使い方については、<a href="/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API">Using the Gamepad API</a>や<a href="/en-US/docs/Games/Techniques/Controls_Gamepad_API">Implementing controls using the Gamepad API</a>の中で詳しく知ることができます。</p> +<p>Gamepad APIの基本的な使い方については、<a href="/ja/docs/Web/API/Gamepad_API/Using_the_Gamepad_API">Using the Gamepad API</a>や<a href="/ja/docs/Games/Techniques/Controls_Gamepad_API">Implementing controls using the Gamepad API</a>の中で詳しく知ることができます。</p> <p>しかしながら，この記事では主に、位置、方向、触覚アクチュエーター（バイブレーション）などの高度なコントローラー情報へのアクセスのような、Gamepad Extensions APIで与えられたいくつかの新しい特徴に注目します。このAPIはとても新しく，Firefox 55+ BetaやFirefox Nightly のブラウザでのみデフォルトでWebVR APIがサポートされています。</p> @@ -162,7 +162,7 @@ window.addEventListener('gamepaddisconnected', function(e) { <p>実際のWebVRのデモで使用されたGamepad APIを見てみましょう。このデモは<a href="https://github.com/mdn/webvr-tests/tree/master/raw-webgl-controller-example">raw-webgl-controller-example</a> (<a href="https://mdn.github.io/webvr-tests/raw-webgl-controller-example/">see it live here also</a>).で見ることができます。</p> -<p>私達の<a href="https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example">raw-webgl-example</a> (詳しくは <a href="/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a> を御覧ください。)と同じ方法で、このデモにおいても回転する3D立方体をレンダリングしています。また、これをVRディスプレイへ投影することもできます。</p> +<p>私達の<a href="https://github.com/mdn/webvr-tests/tree/master/raw-webgl-example">raw-webgl-example</a> (詳しくは <a href="/ja/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a> を御覧ください。)と同じ方法で、このデモにおいても回転する3D立方体をレンダリングしています。また、これをVRディスプレイへ投影することもできます。</p> <p>唯一の違いとしては、VRディスプレイへ投影モードでは、VRコントローラーを使って立方体を動かすことができます。（オリジナルのデモ動画では、VRヘッドセットを動かすことで、立方体を動かすことができる。）</p> @@ -261,8 +261,8 @@ if(gp) { <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a></li> - <li><a href="/en-US/docs/Web/API/Gamepad_API">Gamepad API</a></li> - <li><a href="/en-US/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a></li> - <li><a href="/en-US/docs/Games/Techniques/Controls_Gamepad_API">Implementing controls using the Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a></li> + <li><a href="/ja/docs/Web/API/Gamepad_API">Gamepad API</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API/Using_the_WebVR_API">Using the WebVR API</a></li> + <li><a href="/ja/docs/Games/Techniques/Controls_Gamepad_API">Implementing controls using the Gamepad API</a></li> </ul> diff --git a/files/ja/web/api/window/captureevents/index.html b/files/ja/web/api/window/captureevents/index.html index 72c4cc67d4..df242de4b1 100644 --- a/files/ja/web/api/window/captureevents/index.html +++ b/files/ja/web/api/window/captureevents/index.html @@ -48,7 +48,7 @@ function page_click() { <p>ユーザーの操作によって DOM 内で発生したイベント (ボタンのクリックや現在の文書からのフォーカス移動など) は、通常、イベントを開始したオブジェクトに到達する前に、まず高レベルの <a href="/ja/docs/Web/API/Window"><code>window</code></a> や <a href="/ja/docs/Web/API/Document"><code>document</code></a> オブジェクトを通過します。</p> -<p><a href="/en-US/docs/Web/API/Window"><code>window</code></a> の <code>captureEvents()</code> メソッドを呼び出すと、指定した種類のイベント (例えば <code>Event.CLICK</code>) は、階層内の「下位」オブジェクトに通過しなくなります。イベントを通常のように「バブルアップ」させるためには、 <a href="/en-US/docs/Web/API/Window/releaseEvents"><code>window.releaseEvents()</code></a> ({{deprecated_inline}}) を window 上で呼び出し、イベントをトラップしないようにしなければなりません。</p> +<p><a href="/ja/docs/Web/API/Window"><code>window</code></a> の <code>captureEvents()</code> メソッドを呼び出すと、指定した種類のイベント (例えば <code>Event.CLICK</code>) は、階層内の「下位」オブジェクトに通過しなくなります。イベントを通常のように「バブルアップ」させるためには、 <a href="/ja/docs/Web/API/Window/releaseEvents"><code>window.releaseEvents()</code></a> ({{deprecated_inline}}) を window 上で呼び出し、イベントをトラップしないようにしなければなりません。</p> <p>なお、次の構文を使用することでこのメソッドにイベントのリストを渡すことができます。 <code>window.captureEvents(Event.KEYPRESS | Event.KEYDOWN | Event.KEYUP)</code>.</p> diff --git a/files/ja/web/api/window/copy_event/index.html b/files/ja/web/api/window/copy_event/index.html index 07ac7b76c6..2c00d61d45 100644 --- a/files/ja/web/api/window/copy_event/index.html +++ b/files/ja/web/api/window/copy_event/index.html @@ -37,7 +37,7 @@ translation_of: Web/API/Window/copy_event </tbody> </table> -<p>このイベントの本来の対象は、コピー操作の意図の対象である {{domxref("Element")}} です。このイベントを {{domxref("Window")}} インターフェイス上で待ち受けし、キャプチャやバブリングの局面で処理することができます。このイベントの局面について完全な詳細は、 <a href="/en-US/docs/Web/API/Element/copy_event">Element: copy イベント</a>を参照してください。</p> +<p>このイベントの本来の対象は、コピー操作の意図の対象である {{domxref("Element")}} です。このイベントを {{domxref("Window")}} インターフェイス上で待ち受けし、キャプチャやバブリングの局面で処理することができます。このイベントの局面について完全な詳細は、 <a href="/ja/docs/Web/API/Element/copy_event">Element: copy イベント</a>を参照してください。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/api/window/customelements/index.html b/files/ja/web/api/window/customelements/index.html index 68440b9170..3477445e1e 100644 --- a/files/ja/web/api/window/customelements/index.html +++ b/files/ja/web/api/window/customelements/index.html @@ -14,7 +14,7 @@ translation_of: Web/API/Window/customElements --- <div>{{APIRef}}</div> -<p><span class="seoSummary">{{domxref("Window")}} インターフェイスの読み取り専用 <code>customElements</code> プロパティは、 新しい<a href="/en-US/docs/Web/Web_Components/Using_custom_elements">カスタムエレメント</a>を登録し、かつ以前に登録したカスタムエレメントに関する情報を取得する事ができる {{domxref("CustomElementRegistry")}} オブジェクトへのリファレンスを返します。</span></p> +<p><span class="seoSummary">{{domxref("Window")}} インターフェイスの読み取り専用 <code>customElements</code> プロパティは、 新しい<a href="/ja/docs/Web/Web_Components/Using_custom_elements">カスタムエレメント</a>を登録し、かつ以前に登録したカスタムエレメントに関する情報を取得する事ができる {{domxref("CustomElementRegistry")}} オブジェクトへのリファレンスを返します。</span></p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/api/window/dump/index.html b/files/ja/web/api/window/dump/index.html index 44c2365fb0..ea040f91ea 100644 --- a/files/ja/web/api/window/dump/index.html +++ b/files/ja/web/api/window/dump/index.html @@ -32,11 +32,11 @@ dump(<em>message</em>); <h2 id="Notes" name="Notes">注記</h2> -<p><code>dump</code>() の一般的な使い方は、JavaScript のデバッグです。Firefox のプロセスが <code>-console</code> オプション付きで開始された場合、<code>dump</code>() に渡されたメッセージは、システムコンソール (ネイティブのコンソール) に送信されます。<code>-console</code> オプションが指定されていない場合、stderr に出力されます。dump() からの出力は <a href="/docs/Tools/Browser_Console">ブラウザコンソール</a> に送信されません。<a href="/docs/Tools/Browser_Console">ブラウザコンソール</a> への出力は、<a href="/docs/Web/API/Console.log">console.log()</a> を使用してください。特権コードは、<code><a href="/docs/Components.utils.reportError" title="Components.utils.reportError">Components.utils.reportError</a></code> と <code><a href="/docs/XPCOM_Interface_Reference/nsIConsoleService" title="nsIConsoleService">nsIConsoleService</a></code> を使用してメッセージを <a href="/docs/Error_Console" title="Error_Console">エラーコンソール</a> / <a href="/docs/Tools/Browser_Console">ブラウザコンソール</a> にログ出力することもできます。</p> +<p><code>dump</code>() の一般的な使い方は、JavaScript のデバッグです。Firefox のプロセスが <code>-console</code> オプション付きで開始された場合、<code>dump</code>() に渡されたメッセージは、システムコンソール (ネイティブのコンソール) に送信されます。<code>-console</code> オプションが指定されていない場合、stderr に出力されます。dump() からの出力は <a href="/ja/docs/Tools/Browser_Console">ブラウザコンソール</a> に送信されません。<a href="/ja/docs/Tools/Browser_Console">ブラウザコンソール</a> への出力は、<a href="/ja/docs/Web/API/Console.log">console.log()</a> を使用してください。特権コードは、<code><a href="/ja/docs/Components.utils.reportError" title="Components.utils.reportError">Components.utils.reportError</a></code> と <code><a href="/ja/docs/XPCOM_Interface_Reference/nsIConsoleService" title="nsIConsoleService">nsIConsoleService</a></code> を使用してメッセージを <a href="/ja/docs/Error_Console" title="Error_Console">エラーコンソール</a> / <a href="/ja/docs/Tools/Browser_Console">ブラウザコンソール</a> にログ出力することもできます。</p> -<p><code>dump</code>() は、JavaScript で実装された XPCOM コンポーネントでも使用できます。これは、{{domxref("window")}} がコンポーネント内のグローバルオブジェクトでなくても使えます。また、<a href="/docs/Components.utils.Sandbox#Methods_available_on_the_Sandbox_object" title="Methods available on the Sandbox object">sandboxes</a> 内で明示的に使用可能にすることもできます。しかし、この <code>dump</code> の使用は、後述の設定に影響せず、常に表示されます。この設定を自分で確認するか、独自のデバッグ設定で、多くのデバッグコンテンツを、これらに興味のないユーザのコンソールに送信されないようにすることをおすすめします。ただし、XPCOM コンポーネントからの <code>dump</code> 出力は <code>stderr</code> へ送られますが、別の場所から呼び出された <code>dump</code> は <code>stdout</code> へ出力されるので注意してください。</p> +<p><code>dump</code>() は、JavaScript で実装された XPCOM コンポーネントでも使用できます。これは、{{domxref("window")}} がコンポーネント内のグローバルオブジェクトでなくても使えます。また、<a href="/ja/docs/Components.utils.Sandbox#Methods_available_on_the_Sandbox_object" title="Methods available on the Sandbox object">sandboxes</a> 内で明示的に使用可能にすることもできます。しかし、この <code>dump</code> の使用は、後述の設定に影響せず、常に表示されます。この設定を自分で確認するか、独自のデバッグ設定で、多くのデバッグコンテンツを、これらに興味のないユーザのコンソールに送信されないようにすることをおすすめします。ただし、XPCOM コンポーネントからの <code>dump</code> 出力は <code>stderr</code> へ送られますが、別の場所から呼び出された <code>dump</code> は <code>stdout</code> へ出力されるので注意してください。</p> -<p><a href="/docs/Gecko" title="Gecko">Gecko</a> の <code>dump()</code> は <strong>既定で無効</strong> です。実行しても何も起こらず、エラーも発生しません。<code>dump</code> 出力を見るには、<a href="http://kb.mozillazine.org/About:config">about:config</a> ページか <a href="http://kb.mozillazine.org/User.js_file">user.js ファイル</a> で、<code>browser.dom.window.dump.enabled</code> 設定の値を <code>true</code> にしなければなりません。注記: この設定は既定では <code>about:config</code> のリストに表示されないので、新たに作成してください (about:config ページのコンテンツ領域を右クリックし、"新規作成" から "真偽値" を選択します)。</p> +<p><a href="/ja/docs/Gecko" title="Gecko">Gecko</a> の <code>dump()</code> は <strong>既定で無効</strong> です。実行しても何も起こらず、エラーも発生しません。<code>dump</code> 出力を見るには、<a href="http://kb.mozillazine.org/About:config">about:config</a> ページか <a href="http://kb.mozillazine.org/User.js_file">user.js ファイル</a> で、<code>browser.dom.window.dump.enabled</code> 設定の値を <code>true</code> にしなければなりません。注記: この設定は既定では <code>about:config</code> のリストに表示されないので、新たに作成してください (about:config ページのコンテンツ領域を右クリックし、"新規作成" から "真偽値" を選択します)。</p> <p>Windows では、dump の出力を見るにはコンソールを開く必要があります。まだコンソールを開いていなければ、一旦アプリケーションを閉じ、コマンドライン引数に <code>-console</code> を追加して再度開いてください。アプリケーションと同時にコンソールが開きます。または、<code>-attach-console</code> を追加すると既存のコンソールを使用します。他のオペレーティングシステムでは、ターミナルからプリケーションを開くだけです。</p> diff --git a/files/ja/web/api/window/frameelement/index.html b/files/ja/web/api/window/frameelement/index.html index 77db39f5a3..b4bb242223 100644 --- a/files/ja/web/api/window/frameelement/index.html +++ b/files/ja/web/api/window/frameelement/index.html @@ -23,7 +23,7 @@ translation_of: Web/API/Window/frameElement </ul> <div class="note"> -<p>このプロパティの名前にもかかわらず、これは{{HTMLElement("object")}}、{{HTMLElement("iframe")}}、または <a href="https://developer.mozilla.org/ja/docs/Web/HTML/Element/embed"><embed></a>を含むすべての埋め込みポイント内に埋め込まれた文書の役に立ちます。</p> +<p>このプロパティの名前にもかかわらず、これは{{HTMLElement("object")}}、{{HTMLElement("iframe")}}、または <a href="/ja/docs/Web/HTML/Element/embed"><embed></a>を含むすべての埋め込みポイント内に埋め込まれた文書の役に立ちます。</p> </div> <h2 id="例">例</h2> diff --git a/files/ja/web/api/window/gamepadconnected_event/index.html b/files/ja/web/api/window/gamepadconnected_event/index.html index 0aeeaa4b2a..933543f666 100644 --- a/files/ja/web/api/window/gamepadconnected_event/index.html +++ b/files/ja/web/api/window/gamepadconnected_event/index.html @@ -75,7 +75,7 @@ window.addEventListener("gamepadconnected", function( event ) { <h2 id="関連するイベント">関連するイベント</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/gamepaddisconnected">gamepaddisconnected</a></li> + <li><a href="/ja/docs/Web/Reference/Events/gamepaddisconnected">gamepaddisconnected</a></li> </ul> <h2 id="参照">参照</h2> diff --git a/files/ja/web/api/window/gamepaddisconnected_event/index.html b/files/ja/web/api/window/gamepaddisconnected_event/index.html index e6c138a353..028f0c684a 100644 --- a/files/ja/web/api/window/gamepaddisconnected_event/index.html +++ b/files/ja/web/api/window/gamepaddisconnected_event/index.html @@ -64,7 +64,7 @@ translation_of: Web/API/Window/gamepaddisconnected_event <h2 id="関連するイベント">関連するイベント</h2> <ul> - <li><a href="https://developer.mozilla.org/docs/Web/Reference/Events/gamepadconnected">gamepadconnected</a></li> + <li><a href="/ja/docs/Web/Reference/Events/gamepadconnected">gamepadconnected</a></li> </ul> <h2 id="参照">参照</h2> diff --git a/files/ja/web/api/window/localstorage/index.html b/files/ja/web/api/window/localstorage/index.html index e7d66703c1..a223d60efe 100644 --- a/files/ja/web/api/window/localstorage/index.html +++ b/files/ja/web/api/window/localstorage/index.html @@ -31,7 +31,7 @@ translation_of: Web/API/Window/localStorage <dl> <dt><code>SecurityError</code></dt> - <dd>リクエストがポリシーの決定に反している、またはオリジンが<a href="https://developer.mozilla.org/ja/docs/Web/Security/Same-origin_policy#Definition_of_an_origin">妥当な scheme/host/port tuple</a>でない (これは例えば、オリジンが <code>file:</code> や <code>data:</code> スキームを使うときに起こります)。例えば、ユーザーがブラウザー設定で特定オリジンへのデータ永続化のパーミッションを拒否していることもあります。</dd> + <dd>リクエストがポリシーの決定に反している、またはオリジンが<a href="/ja/docs/Web/Security/Same-origin_policy#Definition_of_an_origin">妥当な scheme/host/port tuple</a>でない (これは例えば、オリジンが <code>file:</code> や <code>data:</code> スキームを使うときに起こります)。例えば、ユーザーがブラウザー設定で特定オリジンへのデータ永続化のパーミッションを拒否していることもあります。</dd> </dl> <h2 id="Example" name="Example">例</h2> diff --git a/files/ja/web/api/window/location/index.html b/files/ja/web/api/window/location/index.html index 6eaee97b69..d7df9a6061 100644 --- a/files/ja/web/api/window/location/index.html +++ b/files/ja/web/api/window/location/index.html @@ -43,7 +43,7 @@ location = "http://www.mozilla.org"; <h3 id="Example_3" name="Example_3">例 #3</h3> -<p>次の例を見てみましょう。これは、 <code>location.pathname</code> の値をハッシュに挿入するため、 <a href="/docs/Web/API/Location.replace"><code>replace()</code></a> メソッドを使用してページを再読み込みします。</p> +<p>次の例を見てみましょう。これは、 <code>location.pathname</code> の値をハッシュに挿入するため、 <a href="/ja/docs/Web/API/Location.replace"><code>replace()</code></a> メソッドを使用してページを再読み込みします。</p> <pre class="brush: js">function reloadPageWithHash() { var initialPage = location.pathname; @@ -205,6 +205,6 @@ span.intLink { <ul> <li>返値のインターフェイス: {{domxref("Location")}}</li> <li>類似の情報、ただし document に付属: {{domxref("Document.location")}}</li> - <li><a href="/en-US/docs/Web/API/History_API">ブラウザーの履歴の操作</a></li> + <li><a href="/ja/docs/Web/API/History_API">ブラウザーの履歴の操作</a></li> <li>{{event("hashchange")}}</li> </ul> diff --git a/files/ja/web/api/window/postmessage/index.html b/files/ja/web/api/window/postmessage/index.html index fa23fda6d6..3d63f30ee0 100644 --- a/files/ja/web/api/window/postmessage/index.html +++ b/files/ja/web/api/window/postmessage/index.html @@ -37,7 +37,7 @@ translation_of: Web/API/Window/postMessage </ul> </dd> <dt><code>message</code></dt> - <dd>他のウィンドウに送られるデータ。データは <a href="https://developer.mozilla.org/ja/docs/DOM/The_structured_clone_algorithm">the structured clone algorithm</a> に従ってシリアル化されます。つまり、手動でシリアル化することなく様々なデータオブジェクトを渡すことができます。</dd> + <dd>他のウィンドウに送られるデータ。データは <a href="/ja/docs/DOM/The_structured_clone_algorithm">the structured clone algorithm</a> に従ってシリアル化されます。つまり、手動でシリアル化することなく様々なデータオブジェクトを渡すことができます。</dd> <dt><code>targetOrigin</code></dt> <dd>イベントを配信する <code>otherWindow</code> のオリジンを <code>"*"</code> というリテラル文字列（制限しないことを示します）か URI のいずれかで指定します。もしイベントの配信が予約される時点で、<code>targetWindow</code> のドキュメントのスキーマ、ホスト名、あるいはポートが <code>targetOrigin</code> で指定されたものにマッチしない場合、そのイベントは配信されません。3 つすべてがマッチした場合にだけイベントが配信されます。この仕組みはメッセージがどこに送られるかを制御できるようにしています。例えば <code>postMessage</code> をパスワードを送るために利用する場合、悪意のある第三者によるパスワードの傍受を防ぐため、そのメッセージを受け取るべき受信者のオリジンと一致する URI をこの引数に指定しておくことが非常に重要になります。 <strong>送信先ウィンドウのドキュメントがどこに配置されるのかを知っている場合、<code>*</code> ではなく具体的な <code>targetOrigin</code> を指定してください。具体的なターゲットを指定しない場合、相手が悪意を持ったサイトであっても、送信したデータが公開されることを意味します。</strong></dd> <dt><code><em><strong>transfer</strong></em></code> {{optional_Inline}}</dt> diff --git a/files/ja/web/api/window/vrdisplayconnect_event/index.html b/files/ja/web/api/window/vrdisplayconnect_event/index.html index 2330451d67..f403f1eb10 100644 --- a/files/ja/web/api/window/vrdisplayconnect_event/index.html +++ b/files/ja/web/api/window/vrdisplayconnect_event/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/Window/vrdisplayconnect_event <div>{{APIRef}}{{SeeCompatTable}}</div> <div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplayconnected</code></strong> イベントは，コンピュータに互換性のあるVRデバイスが接続された時に発火します．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplayconnected</code></strong> イベントは，コンピュータに互換性のあるVRデバイスが接続された時に発火します．</p> </div> <table class="properties"> @@ -64,6 +64,6 @@ translation_of: Web/API/Window/vrdisplayconnect_event <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> —Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/window/vrdisplaydisconnect_event/index.html b/files/ja/web/api/window/vrdisplaydisconnect_event/index.html index ca8cf7304a..ff891d2e77 100644 --- a/files/ja/web/api/window/vrdisplaydisconnect_event/index.html +++ b/files/ja/web/api/window/vrdisplaydisconnect_event/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/Window/vrdisplaydisconnect_event <div>{{APIRef}}{{SeeCompatTable}}</div> <div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplaydisconnected</code></strong> イベントは，互換性のあるVRデバイスがコンピュータから接続解除された時に発火します．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplaydisconnected</code></strong> イベントは，互換性のあるVRデバイスがコンピュータから接続解除された時に発火します．</p> </div> <table class="properties"> @@ -32,14 +32,14 @@ translation_of: Web/API/Window/vrdisplaydisconnect_event <h2 id="例">例</h2> -<p>You can use the <code>vrdisplaydisconnect</code> event in an <code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> method:</p> +<p>You can use the <code>vrdisplaydisconnect</code> event in an <code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> method:</p> <pre class="brush: js">window.addEventListener('vrdisplaydisconnect', function() { info.textContent = 'Display disconnected.'; reportDisplays(); });</pre> -<p>Or use the <code><a href="/en-US/docs/Web/API/Window/onvrdisplaydisconnect">onvrdisplaydisconnect</a></code> event handler property:</p> +<p>Or use the <code><a href="/ja/docs/Web/API/Window/onvrdisplaydisconnect">onvrdisplaydisconnect</a></code> event handler property:</p> <pre class="brush: js">window.onvrdisplaydisconnect = function() { info.textContent = 'Display disconnected.'; @@ -72,6 +72,6 @@ translation_of: Web/API/Window/vrdisplaydisconnect_event <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/window/vrdisplayfocus_event/index.html b/files/ja/web/api/window/vrdisplayfocus_event/index.html index 61ab54e59a..02ec7da713 100644 --- a/files/ja/web/api/window/vrdisplayfocus_event/index.html +++ b/files/ja/web/api/window/vrdisplayfocus_event/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/Window/vrdisplayfocus_event <div>{{APIRef("Window")}}</div> <div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplayfocus</code></strong> イベントは VR ディスプレイへのプレゼンテーションがぼやけた後に再開されたときに発生します。</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplayfocus</code></strong> イベントは VR ディスプレイへのプレゼンテーションがぼやけた後に再開されたときに発生します。</p> </div> <table class="properties"> @@ -31,21 +31,21 @@ translation_of: Web/API/Window/vrdisplayfocus_event </tr> <tr> <th scope="row">Event handler property</th> - <td><code><a href="/en-US/docs/Web/API/Window/onvrdisplayfocus">onvrdisplayfocus</a></code></td> + <td><code><a href="/ja/docs/Web/API/Window/onvrdisplayfocus">onvrdisplayfocus</a></code></td> </tr> </tbody> </table> <h2 id="例">例</h2> -<p><code><a href="/en-US/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> メソッドで <code>vrdisplayfocus</code> イベントを使用できます:</p> +<p><code><a href="/ja/docs/Web/API/EventTarget/addEventListener">addEventListener</a></code> メソッドで <code>vrdisplayfocus</code> イベントを使用できます:</p> <pre class="brush: js notranslate">window.addEventListener('vrdisplayfocus', function() { info.textContent = 'Display focused.'; reportDisplays(); });</pre> -<p>または、 <code><a href="/en-US/docs/Web/API/Window/onvrdisplayfocus">onvrdisplayfocus</a></code> イベントハンドラープロパティを使用します:</p> +<p>または、 <code><a href="/ja/docs/Web/API/Window/onvrdisplayfocus">onvrdisplayfocus</a></code> イベントハンドラープロパティを使用します:</p> <pre class="brush: js notranslate">window.onvrdisplayfocus = function() { info.textContent = 'Display focused.'; @@ -78,6 +78,6 @@ translation_of: Web/API/Window/vrdisplayfocus_event <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a></li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a></li> <li><a href="http://mozvr.com/">MozVr.com</a> — demos, downloads, and other resources from the Mozilla VR team.</li> </ul> diff --git a/files/ja/web/api/window/vrdisplaypresentchange_event/index.html b/files/ja/web/api/window/vrdisplaypresentchange_event/index.html index 4b70220959..e8381c3db4 100644 --- a/files/ja/web/api/window/vrdisplaypresentchange_event/index.html +++ b/files/ja/web/api/window/vrdisplaypresentchange_event/index.html @@ -6,7 +6,7 @@ translation_of: Web/API/Window/vrdisplaypresentchange_event <div>{{APIRef}}{{SeeCompatTable}}</div> <div> -<p><a href="/en-US/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplaypresentchange</code></strong> イベントは，VRデバイスの表示状態が変化したときに発火します — つまり，表示状態から非表示になったとき，あるいはその逆のケースです．</p> +<p><a href="/ja/docs/Web/API/WebVR_API">WebVR API</a> の <strong><code>vrdisplaypresentchange</code></strong> イベントは，VRデバイスの表示状態が変化したときに発火します — つまり，表示状態から非表示になったとき，あるいはその逆のケースです．</p> </div> <table class="properties"> @@ -64,6 +64,6 @@ translation_of: Web/API/Window/vrdisplaypresentchange_event <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> + <li><a href="/ja/docs/Web/API/WebVR_API">WebVR API homepage</a>.</li> <li><a href="http://mozvr.com/">MozVr.com</a> — Mozilla VRチームのデモ，ダウンロード，その他のリソース．</li> </ul> diff --git a/files/ja/web/api/worker/onmessageerror/index.html b/files/ja/web/api/worker/onmessageerror/index.html index 6c94a56b93..d008eb9503 100644 --- a/files/ja/web/api/worker/onmessageerror/index.html +++ b/files/ja/web/api/worker/onmessageerror/index.html @@ -46,5 +46,5 @@ translation_of: Web/API/Worker/onmessageerror <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> + <li><a href="/ja/docs/Web/API/Channel_Messaging_API/Using_channel_messaging">Using channel messaging</a></li> </ul> diff --git a/files/ja/web/api/workerglobalscope/index.html b/files/ja/web/api/workerglobalscope/index.html index 448de05578..51a242870c 100644 --- a/files/ja/web/api/workerglobalscope/index.html +++ b/files/ja/web/api/workerglobalscope/index.html @@ -61,9 +61,9 @@ translation_of: Web/API/WorkerGlobalScope <dt>{{domxref("WorkerGlobalScope.onclose")}} {{non-standard_inline}}</dt> <dd>{{event("close")}} イベントが発生したときに呼び出されるコードを表す {{event("Event_handlers", "event handler")}}。</dd> <dt>{{domxref("WorkerGlobalScope.onrejectionhandled")}} {{non-standard_inline}}</dt> - <dd><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントを制御するためのイベントハンドラ。</dd> + <dd><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントを制御するためのイベントハンドラ。</dd> <dt>{{domxref("WorkerGlobalScope.onunhandledrejection")}} {{non-standard_inline}}</dt> - <dd>制御されていない <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントのためのイベントハンドラ。</dd> + <dd>制御されていない <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise" title="The Promise object is used for deferred and asynchronous computations. A Promise represents an operation that hasn't completed yet, but is expected in the future."><code>Promise</code></a> の rejection イベントのためのイベントハンドラ。</dd> </dl> <h2 id="メソッド">メソッド</h2> diff --git a/files/ja/web/api/workerlocation/index.html b/files/ja/web/api/workerlocation/index.html index ad6635135a..2a28a7cc35 100644 --- a/files/ja/web/api/workerlocation/index.html +++ b/files/ja/web/api/workerlocation/index.html @@ -72,5 +72,5 @@ translation_of: Web/API/WorkerLocation <ul> <li>Other Worker-related interfaces: {{domxref("Worker")}}, {{domxref("WorkerNavigator")}}, and {{domxref("WorkerGlobalScope")}}.</li> - <li><a href="/en-US/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> + <li><a href="/ja/docs/Web/Guide/Performance/Using_web_workers">Using web workers</a></li> </ul> diff --git a/files/ja/web/api/worklet/index.html b/files/ja/web/api/worklet/index.html index 547d5f9396..17d8d2b383 100644 --- a/files/ja/web/api/worklet/index.html +++ b/files/ja/web/api/worklet/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/Worklet --- <div>{{APIRef("Worklets")}}{{SeeCompatTable}}</div> -<p class="summary"><span class="seoSummary">The <strong><code>Worklet</code></strong> インタフェースは軽量な {{domxref("Worker", "Web Workers")}} を提供し、開発者がレンダリングパイプラインの低水準な部分をコントロールできるようになります。Worklet では</span>グラフィックや音声処理といった、性能を必要とする処理を <span class="seoSummary">JavaScript や </span><a href="/en-US/docs/WebAssembly">WebAssembly</a> を使って記述できます。</p> +<p class="summary"><span class="seoSummary">The <strong><code>Worklet</code></strong> インタフェースは軽量な {{domxref("Worker", "Web Workers")}} を提供し、開発者がレンダリングパイプラインの低水準な部分をコントロールできるようになります。Worklet では</span>グラフィックや音声処理といった、性能を必要とする処理を <span class="seoSummary">JavaScript や </span><a href="/ja/docs/WebAssembly">WebAssembly</a> を使って記述できます。</p> <h2 id="Worklet_の種類">Worklet の種類</h2> @@ -51,7 +51,7 @@ translation_of: Web/API/Worklet </tbody> </table> -<p class="note"> <a href="/en-US/docs/Web/API/WebGL_API">WebGL</a> を用いた 3D グラフィックスには Worklet を使用できません。その代わりにGLSLで記述した頂点シェーダとフラグメントシェーダを 使用します。これらのシェーダコードはグラフィックスカードの上で動作します。</p> +<p class="note"> <a href="/ja/docs/Web/API/WebGL_API">WebGL</a> を用いた 3D グラフィックスには Worklet を使用できません。その代わりにGLSLで記述した頂点シェーダとフラグメントシェーダを 使用します。これらのシェーダコードはグラフィックスカードの上で動作します。</p> <h2 id="属性">属性</h2> diff --git a/files/ja/web/api/xmldocument/index.html b/files/ja/web/api/xmldocument/index.html index 97ba537bbd..8bb7c71de1 100644 --- a/files/ja/web/api/xmldocument/index.html +++ b/files/ja/web/api/xmldocument/index.html @@ -64,5 +64,5 @@ translation_of: Web/API/XMLDocument <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index.</a></li> + <li><a href="/ja/docs/DOM/DOM_Reference" title="/en-US/docs/DOM/DOM_Reference">The DOM interfaces index.</a></li> </ul> diff --git a/files/ja/web/api/xmlhttprequest/channel/index.html b/files/ja/web/api/xmlhttprequest/channel/index.html index bd71478736..432e55c33a 100644 --- a/files/ja/web/api/xmlhttprequest/channel/index.html +++ b/files/ja/web/api/xmlhttprequest/channel/index.html @@ -16,4 +16,4 @@ translation_of: Web/API/XMLHttpRequest/channel --- <p>{{draft}}{{APIRef('XMLHttpRequest')}}</p> -<p>XMLHttpRequest.channel は リクエストを送信するときにオブジェクトによって使用される<code><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIChannel" title="">nsIChannel</a></code> です。channelがまだ作られていない場合、これは <code>null</code> です。マルチパートリクエストのときは、これは最初のchannelであり、マルチパートリクエストの異なるパートのことではありません。<strong>アクセスするには、権限昇格が必要です。</strong></p> +<p>XMLHttpRequest.channel は リクエストを送信するときにオブジェクトによって使用される<code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIChannel" title="">nsIChannel</a></code> です。channelがまだ作られていない場合、これは <code>null</code> です。マルチパートリクエストのときは、これは最初のchannelであり、マルチパートリクエストの異なるパートのことではありません。<strong>アクセスするには、権限昇格が必要です。</strong></p> diff --git a/files/ja/web/api/xmlhttprequest/mozresponsearraybuffer/index.html b/files/ja/web/api/xmlhttprequest/mozresponsearraybuffer/index.html index 2193377076..82f8d021aa 100644 --- a/files/ja/web/api/xmlhttprequest/mozresponsearraybuffer/index.html +++ b/files/ja/web/api/xmlhttprequest/mozresponsearraybuffer/index.html @@ -17,4 +17,4 @@ translation_of: Web/API/XMLHttpRequest/mozResponseArrayBuffer <p>Gecko 6 で廃止</p> </div> -<p><span class="seoSummary">リクエストに対する <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer"><code>ArrayBuffer</code></a> 応答であり、 JavaScript タイプの配列として記述されます。</span> リクエストが成功しなかった場合、またはリクエストがまだ送信されてない場合、これは <code>NULL</code> です。</p> +<p><span class="seoSummary">リクエストに対する <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer"><code>ArrayBuffer</code></a> 応答であり、 JavaScript タイプの配列として記述されます。</span> リクエストが成功しなかった場合、またはリクエストがまだ送信されてない場合、これは <code>NULL</code> です。</p> diff --git a/files/ja/web/api/xmlhttprequest/open/index.html b/files/ja/web/api/xmlhttprequest/open/index.html index 29b34672b3..56f4408c98 100644 --- a/files/ja/web/api/xmlhttprequest/open/index.html +++ b/files/ja/web/api/xmlhttprequest/open/index.html @@ -27,7 +27,7 @@ translation_of: Web/API/XMLHttpRequest/open <dl> <dt><code>method</code></dt> - <dd>使用する <a href="/docs/Web/HTTP/Methods">HTTP リクエストメソッド</a>です。 <code>"GET"</code>, <code>"POST"</code>, <code>"PUT"</code>, <code>"DELETE"</code>, など。 HTTP(S) 以外の URL では無視されます。</dd> + <dd>使用する <a href="/ja/docs/Web/HTTP/Methods">HTTP リクエストメソッド</a>です。 <code>"GET"</code>, <code>"POST"</code>, <code>"PUT"</code>, <code>"DELETE"</code>, など。 HTTP(S) 以外の URL では無視されます。</dd> <dt><code>url</code></dt> <dd>リクエストを送信する URL を表す {{domxref("DOMString")}}。</dd> <dt><code>async</code> {{optional_inline}}</dt> @@ -66,6 +66,6 @@ translation_of: Web/API/XMLHttpRequest/open <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest の使用</a></li> + <li><a href="/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest の使用</a></li> <li>関連する {{domxref("XMLHttpRequest")}} のメソッド: {{domxref("XMLHttpRequest.setRequestHeader", "setRequestHeader()")}},{{domxref("XMLHttpRequest.send", "send()")}}, {{domxref("XMLHttpRequest.abort", "abort()")}}</li> </ul> diff --git a/files/ja/web/api/xmlhttprequest/response/index.html b/files/ja/web/api/xmlhttprequest/response/index.html index 7175b77685..76e5e90fa3 100644 --- a/files/ja/web/api/xmlhttprequest/response/index.html +++ b/files/ja/web/api/xmlhttprequest/response/index.html @@ -88,6 +88,6 @@ function load(url, callback) { <h2 id="関連">関連</h2> <ul> - <li><a href="/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Using XMLHttpRequest</a></li> <li>Getting text and HTML/XML data: {{domxref("XMLHttpRequest.responseText")}} and {{domxref("XMLHttpRequest.responseXML")}}</li> </ul> diff --git a/files/ja/web/api/xmlhttprequest/status/index.html b/files/ja/web/api/xmlhttprequest/status/index.html index d2a63fd2a0..6b42a3ceb2 100644 --- a/files/ja/web/api/xmlhttprequest/status/index.html +++ b/files/ja/web/api/xmlhttprequest/status/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/XMLHttpRequest/status --- <div>{{APIRef('XMLHttpRequest')}}</div> -<p><code><strong>XMLHttpRequest.status</strong></code> プロパティは読み取り専用で、 <code>XMLHttpRequest</code> のレスポンスにおける数値の HTTP <a href="/en-US/docs/Web/HTTP/Status">ステータスコード</a>を返します。</p> +<p><code><strong>XMLHttpRequest.status</strong></code> プロパティは読み取り専用で、 <code>XMLHttpRequest</code> のレスポンスにおける数値の HTTP <a href="/ja/docs/Web/HTTP/Status">ステータスコード</a>を返します。</p> diff --git a/files/ja/web/api/xmlhttprequest/using_xmlhttprequest_in_ie6/index.html b/files/ja/web/api/xmlhttprequest/using_xmlhttprequest_in_ie6/index.html index 8d5a05c885..97b27d7c4f 100644 --- a/files/ja/web/api/xmlhttprequest/using_xmlhttprequest_in_ie6/index.html +++ b/files/ja/web/api/xmlhttprequest/using_xmlhttprequest_in_ie6/index.html @@ -6,7 +6,7 @@ tags: - Web Standards translation_of: Web/API/XMLHttpRequest/Using_XMLHttpRequest_in_IE6 --- -<p><a href="/en/DOM/XMLHttpRequest" title="en/DOM/XMLHttpRequest">XMLHttpRequest</a> は、 Microsoft によって Internet Explorer 5.0 で ActiveX control として最初に導入されました。ただし、 IE7 およびその他のブラウザーでは XMLHttpRequest はネイティブ JavaScript オブジェクトです。</p> +<p><a href="/ja/DOM/XMLHttpRequest" title="en/DOM/XMLHttpRequest">XMLHttpRequest</a> は、 Microsoft によって Internet Explorer 5.0 で ActiveX control として最初に導入されました。ただし、 IE7 およびその他のブラウザーでは XMLHttpRequest はネイティブ JavaScript オブジェクトです。</p> <p>最近のすべてのブラウザーでは、次のコードを使用して新規の XMLHttpRequest オブジェクトを作成できます:</p> @@ -27,5 +27,5 @@ translation_of: Web/API/XMLHttpRequest/Using_XMLHttpRequest_in_IE6 <h3 id="関連項目">関連項目</h3> <ul> - <li><a href="/en/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> + <li><a href="/ja/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li> </ul> diff --git a/files/ja/web/css/@font-face/font-weight/index.html b/files/ja/web/css/@font-face/font-weight/index.html index c077cc8d9c..16eba4cfbd 100644 --- a/files/ja/web/css/@font-face/font-weight/index.html +++ b/files/ja/web/css/@font-face/font-weight/index.html @@ -106,7 +106,7 @@ font-weight: 300 500; <h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮</h2> -<p>弱視の人は、 <code>font-weight</code> の値が <code>100</code> (Thin/Hairline) または <code>200</code> (Extra Light) の場合、特にフォントの<a href="/en-US/docs/Web/CSS/color#Accessibility_concerns">コントラスト比が低い場合</a>は、テキストを読むのが難しくなることがあります。</p> +<p>弱視の人は、 <code>font-weight</code> の値が <code>100</code> (Thin/Hairline) または <code>200</code> (Extra Light) の場合、特にフォントの<a href="/ja/docs/Web/CSS/color#Accessibility_concerns">コントラスト比が低い場合</a>は、テキストを読むのが難しくなることがあります。</p> <ul> <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN "WCAG を理解する ― ガイドライン 1.4 の解説"</a></li> diff --git a/files/ja/web/css/@media/prefers-contrast/index.html b/files/ja/web/css/@media/prefers-contrast/index.html index d99b0b1779..fb3d42ecf9 100644 --- a/files/ja/web/css/@media/prefers-contrast/index.html +++ b/files/ja/web/css/@media/prefers-contrast/index.html @@ -14,7 +14,7 @@ translation_of: Web/CSS/@media/prefers-contrast <p><strong>注:</strong>この機能はどのユーザーエージェントも対応しておらず、仕様が変更されることがあります。</p> </div> -<p><strong><code>prefers-contrast</code></strong> は <a href="/en-US/docs/Web/CSS">CSS</a> の<a href="/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>で、ユーザーがウェブコンテンツをより高い (またはより低い) コントラストで表示するように要求したかどうかを検出するために使用します。</p> +<p><strong><code>prefers-contrast</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_features">メディア特性</a>で、ユーザーがウェブコンテンツをより高い (またはより低い) コントラストで表示するように要求したかどうかを検出するために使用します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/_colon_-moz-drag-over/index.html b/files/ja/web/css/_colon_-moz-drag-over/index.html index 44f582413f..3549db6248 100644 --- a/files/ja/web/css/_colon_-moz-drag-over/index.html +++ b/files/ja/web/css/_colon_-moz-drag-over/index.html @@ -15,7 +15,7 @@ translation_of: 'Web/CSS/:-moz-drag-over' --- <div>{{CSSRef}}{{Non-standard_header}}</div> -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:-moz-drag-over</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>は <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>で、 {{event("dragover")}} イベントが呼び出される時に要素に一致します。</p> +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:-moz-drag-over</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>は <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>で、 {{event("dragover")}} イベントが呼び出される時に要素に一致します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/_colon_-moz-locale-dir(rtl)/index.html b/files/ja/web/css/_colon_-moz-locale-dir(rtl)/index.html index e5c25e95ba..44f602cd30 100644 --- a/files/ja/web/css/_colon_-moz-locale-dir(rtl)/index.html +++ b/files/ja/web/css/_colon_-moz-locale-dir(rtl)/index.html @@ -14,7 +14,7 @@ translation_of: 'Web/CSS/:-moz-locale-dir(rtl)' --- <div>{{CSSRef}}{{Non-standard_header}}{{gecko_minversion_header("1.9.2")}}</div> -<p><a href="/en-US/docs/Web/CSS">CSS</a> の <strong><code>:-moz-locale-dir(ltr)</code></strong> <a href="/en-US/docs/Web/CSS/pseudo-classes">疑似クラス</a>は <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、ユーザーインターフェイスが右から左へ向けて表示される要素に一致します。これは設定の <code>intl.uidirection.<em>locale</em></code> (<code><em>locale</em></code> は現在のロケール) が "rtl" に設定されていることで特定されます。</p> +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:-moz-locale-dir(ltr)</code></strong> <a href="/ja/docs/Web/CSS/pseudo-classes">疑似クラス</a>は <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、ユーザーインターフェイスが右から左へ向けて表示される要素に一致します。これは設定の <code>intl.uidirection.<em>locale</em></code> (<code><em>locale</em></code> は現在のロケール) が "rtl" に設定されていることで特定されます。</p> <div class="note"> <p><strong>メモ:</strong> 擬似クラスは、主に拡張機能及びテーマをユーザーのロケールに基づいて適合させるために使用されます。 (これは、ウィンドウとウィンドウ、またタブとタブの間でも変えることができます。) また、拡張機能がユーザーの既定のロケールに対応しなくても動作させることができるため、ロケールの仕様を気にしなくても、左から右方向、右から左方向の両方のレイアウトに対応できます。</p> diff --git a/files/ja/web/css/_colon_autofill/index.html b/files/ja/web/css/_colon_autofill/index.html index 80bf6c54b4..733b9665b2 100644 --- a/files/ja/web/css/_colon_autofill/index.html +++ b/files/ja/web/css/_colon_autofill/index.html @@ -11,7 +11,7 @@ original_slug: Web/CSS/:-webkit-autofill --- <div>{{CSSRef}}{{Non-standard_header}}</div> -<p>CSS の <strong><code>:-webkit-autofill</code></strong> <a href="/en-US/docs/Web/CSS/Pseudo-classes">疑似クラス</a>は、 {{HTMLElement("input")}} 要素の値がブラウザーによって自動補完されている時に一致します。</p> +<p>CSS の <strong><code>:-webkit-autofill</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>は、 {{HTMLElement("input")}} 要素の値がブラウザーによって自動補完されている時に一致します。</p> <p class="note"><strong>メモ:</strong> 多くのブラウザーのユーザーエージェントスタイルシートでは、 <code>:-webkit-autofill</code> スタイル定義に <code>!important</code> を使用しており、 JavaScript によるハックで解決しない限り、ウェブページから上書きすることができません。</p> diff --git a/files/ja/web/css/_colon_host-context()/index.html b/files/ja/web/css/_colon_host-context()/index.html index 95dd31f58e..cd6c5f9b94 100644 --- a/files/ja/web/css/_colon_host-context()/index.html +++ b/files/ja/web/css/_colon_host-context()/index.html @@ -14,7 +14,7 @@ translation_of: 'Web/CSS/:host-context()' --- <div>{{CSSRef}}</div> -<p><span class="seoSummary"><strong><code>:host-context()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/en-US/docs/Web/CSS/Pseudo-classes">擬似クラス</a>関数で、内部で使用される CSS を含む<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">シャドウ DOM</a> のシャドウホストを選択します (そのため、シャドウ DOM の中のカスタム要素を選択することができます)。 — しかし、関数の引数として与えられたセレクターがシャドウホストの祖先に一致した場合のみです。</span></p> +<p><span class="seoSummary"><strong><code>:host-context()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>関数で、内部で使用される CSS を含む<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">シャドウ DOM</a> のシャドウホストを選択します (そのため、シャドウ DOM の中のカスタム要素を選択することができます)。 — しかし、関数の引数として与えられたセレクターがシャドウホストの祖先に一致した場合のみです。</span></p> <p><span class="seoSummary">言い換えれば、これによってカスタム要素やそのカスタム要素のシャドウ DOM 内のものは、外部 DOM 内の位置や、祖先要素に適用されたクラスや属性に基づいて、異なるスタイルを適用することができます。</span></p> diff --git a/files/ja/web/css/_colon_in-range/index.html b/files/ja/web/css/_colon_in-range/index.html index 6c80a57e43..c2be314e50 100644 --- a/files/ja/web/css/_colon_in-range/index.html +++ b/files/ja/web/css/_colon_in-range/index.html @@ -110,5 +110,5 @@ input:out-of-range + label::after { <ul> <li>{{cssxref(":out-of-range")}}</li> - <li><a href="/en-US/docs/Learn/HTML/Forms/Form_validation">Form data validation</a></li> + <li><a href="/ja/docs/Learn/HTML/Forms/Form_validation">Form data validation</a></li> </ul> diff --git a/files/ja/web/css/_doublecolon_-moz-range-track/index.html b/files/ja/web/css/_doublecolon_-moz-range-track/index.html index f5225e7e87..3675cfc890 100644 --- a/files/ja/web/css/_doublecolon_-moz-range-track/index.html +++ b/files/ja/web/css/_doublecolon_-moz-range-track/index.html @@ -12,7 +12,7 @@ translation_of: 'Web/CSS/::-moz-range-track' --- <div>{{CSSRef}}{{Non-standard_header}}</div> -<p><strong><code>::-moz-range-track</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">疑似要素</a>は、 <code>type="range"</code> の {{HTMLElement("input")}} でインジケーターがスライドする <em>track</em> (例, 溝) を表す <a href="/en-US/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張機能</a> です。</p> +<p><strong><code>::-moz-range-track</code></strong> <a href="/ja/docs/Web/CSS">CSS</a> <a href="/ja/docs/Web/CSS/Pseudo-elements" title="en/CSS/Pseudo-elements">疑似要素</a>は、 <code>type="range"</code> の {{HTMLElement("input")}} でインジケーターがスライドする <em>track</em> (例, 溝) を表す <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張機能</a> です。</p> <div class="note"> <p><strong>Note:</strong> <code>::-moz-range-track</code> を <code><input type="range"></code> 以外で使用すると、何にも一致せず、効果がありません。</p> diff --git a/files/ja/web/css/_doublecolon_-webkit-progress-value/index.html b/files/ja/web/css/_doublecolon_-webkit-progress-value/index.html index b74c075dd6..01545f5204 100644 --- a/files/ja/web/css/_doublecolon_-webkit-progress-value/index.html +++ b/files/ja/web/css/_doublecolon_-webkit-progress-value/index.html @@ -11,7 +11,7 @@ translation_of: 'Web/CSS/::-webkit-progress-value' --- <div>{{CSSRef}}{{Non-standard_header}}</div> -<p><strong><code>::-webkit-progress-value</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-elements">疑似要素</a> は、 {{HTMLElement("progress")}} 要素のバーの塗りつぶされた部分を表します。これは、 {{cssxref("::-webkit-progress-bar")}} 疑似要素の子要素です。</p> +<p><strong><code>::-webkit-progress-value</code></strong> <a href="/ja/docs/Web/CSS">CSS</a> <a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a> は、 {{HTMLElement("progress")}} 要素のバーの塗りつぶされた部分を表します。これは、 {{cssxref("::-webkit-progress-bar")}} 疑似要素の子要素です。</p> <div class="note"> <p><strong>Note:</strong> <code>::-webkit-progress-value</code> を有効にするには {{cssxref("-webkit-appearance")}} を <code><progress></code> 要素で <code>none</code> に設定する必要があります。</p> diff --git a/files/ja/web/css/_doublecolon_after/index.html b/files/ja/web/css/_doublecolon_after/index.html index 9d4adae746..74e3639749 100644 --- a/files/ja/web/css/_doublecolon_after/index.html +++ b/files/ja/web/css/_doublecolon_after/index.html @@ -27,7 +27,7 @@ translation_of: 'Web/CSS/::after' {{csssyntax}} <div class="note"> -<p><strong>メモ:</strong> CSS3 では<a href="/en-US/docs/Web/CSS/Pseudo-classes">疑似クラス</a>と<a href="/en-US/docs/Web/CSS/Pseudo-elements">疑似要素</a>を見分けやすくするために、 <code>::after</code> の表記法（二重コロン付き）が導入されました。ブラウザーでは CSS2 で導入された <code>:after</code> も使用できます。</p> +<p><strong>メモ:</strong> CSS3 では<a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a>と<a href="/ja/docs/Web/CSS/Pseudo-elements">疑似要素</a>を見分けやすくするために、 <code>::after</code> の表記法（二重コロン付き）が導入されました。ブラウザーでは CSS2 で導入された <code>:after</code> も使用できます。</p> </div> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/css/_doublecolon_placeholder/index.html b/files/ja/web/css/_doublecolon_placeholder/index.html index 9b94ae2639..fd01d7c703 100644 --- a/files/ja/web/css/_doublecolon_placeholder/index.html +++ b/files/ja/web/css/_doublecolon_placeholder/index.html @@ -87,7 +87,7 @@ translation_of: 'Web/CSS/::placeholder' <p>プレイスホルダー文字列のコントラストが十分に高いと、入力された値と誤解される可能性があります。プレイスホルダー文字列は人間が {{htmlelement("input")}} 要素の中にコンテンツを入力すると、消滅するものでもあります。どちらも、特に認知症の人にはフォームの入力を完了させのに困難を伴う可能性があります。</p> -<p>プレイスホルダー情報を提供するには、他にも入力欄の外側で視覚的に近いところに表示し、 <code><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute">aria-describedby</a></code> を使用して {{HTMLElement("input")}} とヒントをプログラム的に関連付ける方法もあります。</p> +<p>プレイスホルダー情報を提供するには、他にも入力欄の外側で視覚的に近いところに表示し、 <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute">aria-describedby</a></code> を使用して {{HTMLElement("input")}} とヒントをプログラム的に関連付ける方法もあります。</p> <p>この実装方法では、上方が入力欄に入力されてもヒントを見ることができ、ページが読み込まれたときに既に入力されているように見えることがありません。多くの読み上げ技術は <code>aria-describedby</code> を使用して、入力欄のラベルのテキストを読み上げた後でヒントを読み上げ、読み上げソフトを使用している人は、追加情報が必要なければ読み上げを抑止することができます。</p> @@ -113,7 +113,7 @@ translation_of: 'Web/CSS/::placeholder' <p>プレイスホルダーは {{htmlelement("label")}} 要素の置き換えではありません。 {{htmlattrxref("for", "label")}} 及び {{htmlattrxref("id")}} 属性の組み合わせを使用して入力欄とプログラム的に関連付けが行われていないラベルがないと、読み上げソフトのような支援技術が {{htmlelement("input")}} 要素を解釈できなくなります。</p> <ul> - <li><a href="/en-US/docs/Web/Accessibility/ARIA/forms/Basic_form_hints">MDN Basic form hints</a></li> + <li><a href="/ja/docs/Web/Accessibility/ARIA/forms/Basic_form_hints">MDN Basic form hints</a></li> <li><a href="https://www.nngroup.com/articles/form-design-placeholders/">Placeholders in Form Fields Are Harmful — Nielsen Norman Group</a></li> </ul> diff --git a/files/ja/web/css/_doublecolon_selection/index.html b/files/ja/web/css/_doublecolon_selection/index.html index b7cec8afc3..08e101b907 100644 --- a/files/ja/web/css/_doublecolon_selection/index.html +++ b/files/ja/web/css/_doublecolon_selection/index.html @@ -87,7 +87,7 @@ p::selection { <p>上書きする場合は、選択部分のテキストと背景の色の<strong>コントラスト比</strong>が、弱視の人でも読める程度に高いことを確認することが重要です。</p> -<p>色のコントラスト比は、プレイスホルダーの文字列と入力欄の背景色の値とを比較することで決定されます。現在の<a href="https://www.w3.org/WAI/intro/wcag">ウェブコンテンツアクセシビリティガイドライン (Web Content Accessibility Guidelines, WCAG)</a> によれば、文字列コンテンツで <strong>4.5:1</strong> 以上、見出しのような大きめの文字列で 3:1 以上のコントラスト比が求められています。 (WCAG は、大きめの文字列とは、<a href="/en-US/docs/Web/CSS/font-weight">太字</a>ならば <code>18.66px</code> 以上、または <code>24px</code> 以上と定義しています。)</p> +<p>色のコントラスト比は、プレイスホルダーの文字列と入力欄の背景色の値とを比較することで決定されます。現在の<a href="https://www.w3.org/WAI/intro/wcag">ウェブコンテンツアクセシビリティガイドライン (Web Content Accessibility Guidelines, WCAG)</a> によれば、文字列コンテンツで <strong>4.5:1</strong> 以上、見出しのような大きめの文字列で 3:1 以上のコントラスト比が求められています。 (WCAG は、大きめの文字列とは、<a href="/ja/docs/Web/CSS/font-weight">太字</a>ならば <code>18.66px</code> 以上、または <code>24px</code> 以上と定義しています。)</p> <ul> <li><a href="https://webaim.org/resources/contrastchecker/">WebAIM: Color Contrast Checker</a></li> diff --git a/files/ja/web/css/adjacent_sibling_combinator/index.html b/files/ja/web/css/adjacent_sibling_combinator/index.html index 312654c160..003333d6df 100644 --- a/files/ja/web/css/adjacent_sibling_combinator/index.html +++ b/files/ja/web/css/adjacent_sibling_combinator/index.html @@ -79,5 +79,5 @@ img + p { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/General_sibling_combinator">一般兄弟結合子</a></li> + <li><a href="/ja/docs/Web/CSS/General_sibling_combinator">一般兄弟結合子</a></li> </ul> diff --git a/files/ja/web/css/animation-fill-mode/index.html b/files/ja/web/css/animation-fill-mode/index.html index ad11a24b28..a5fc4e219d 100644 --- a/files/ja/web/css/animation-fill-mode/index.html +++ b/files/ja/web/css/animation-fill-mode/index.html @@ -37,7 +37,7 @@ animation-fill-mode: both, forwards, none; <dt><code>none</code></dt> <dd>アニメーションが実行されていない時は、対象にスタイルを適用しません。要素は適用されているその他の CSS 規則を使用して表示されます。これが既定値です。</dd> <dt><code>forwards</code></dt> - <dd>対象は実行の最後の<a href="/en-US/docs/Web/CSS/@keyframes">キーフレーム</a>で設定された計算値を保持します。最後のキーフレームは {{cssxref("animation-direction")}} と {{cssxref("animation-iteration-count")}} の値によって変わります。 + <dd>対象は実行の最後の<a href="/ja/docs/Web/CSS/@keyframes">キーフレーム</a>で設定された計算値を保持します。最後のキーフレームは {{cssxref("animation-direction")}} と {{cssxref("animation-iteration-count")}} の値によって変わります。 <table class="standard-table"> <thead> <tr> @@ -81,7 +81,7 @@ animation-fill-mode: both, forwards, none; </table> </dd> <dt><code>backwards</code></dt> - <dd>アニメーションは最初の適切な<a href="/en-US/docs/Web/CSS/@keyframes">キーフレーム</a>で定義された値を対象に適用されると同時に適用し、 {{cssxref("animation-delay")}} の期間これを保持します。最初の適切なキーフレームは、 {{cssxref("animation-direction")}} の値によって変わります。 + <dd>アニメーションは最初の適切な<a href="/ja/docs/Web/CSS/@keyframes">キーフレーム</a>で定義された値を対象に適用されると同時に適用し、 {{cssxref("animation-delay")}} の期間これを保持します。最初の適切なキーフレームは、 {{cssxref("animation-direction")}} の値によって変わります。 <table class="standard-table"> <thead> <tr> diff --git a/files/ja/web/css/background-color/index.html b/files/ja/web/css/background-color/index.html index 50dde1024a..5126230136 100644 --- a/files/ja/web/css/background-color/index.html +++ b/files/ja/web/css/background-color/index.html @@ -105,7 +105,7 @@ background-color: unset;</pre> <ul> <li><a href="https://webaim.org/resources/contrastchecker/">WebAIM: Color Contrast Checker</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN "WCAG を理解する ― ガイドライン 1.4 の解説"</a></li> + <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN "WCAG を理解する ― ガイドライン 1.4 の解説"</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html">Understanding Success Criterion 1.4.3 | W3C Understanding WCAG 2.0</a></li> </ul> diff --git a/files/ja/web/css/background-position-y/index.html b/files/ja/web/css/background-position-y/index.html index 4cb5b80072..440effe3b7 100644 --- a/files/ja/web/css/background-position-y/index.html +++ b/files/ja/web/css/background-position-y/index.html @@ -101,5 +101,5 @@ background-position-y: unset; <li>{{cssxref("background-position-x")}}</li> <li>{{cssxref("background-position-inline")}}</li> <li>{{cssxref("background-position-block")}}</li> - <li><a href="/en-US/docs/CSS/Multiple_backgrounds" title="CSS/Multiple backgrounds">複数の背景の使用</a></li> + <li><a href="/ja/docs/CSS/Multiple_backgrounds" title="CSS/Multiple backgrounds">複数の背景の使用</a></li> </ul> diff --git a/files/ja/web/css/bottom/index.html b/files/ja/web/css/bottom/index.html index e88d42b260..92349fd4eb 100644 --- a/files/ja/web/css/bottom/index.html +++ b/files/ja/web/css/bottom/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/bottom --- <div>{{CSSRef}}</div> -<p><strong><code>bottom</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで、<a href="/en-US/docs/Web/CSS/position"><ruby>位置指定要素<rp> (</rp><rt>positioned elements</rt><rp>) </rp></ruby></a>の垂直位置の設定に関与します。位置指定されていない要素には効果はありません。</p> +<p><strong><code>bottom</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで、<a href="/ja/docs/Web/CSS/position"><ruby>位置指定要素<rp> (</rp><rt>positioned elements</rt><rp>) </rp></ruby></a>の垂直位置の設定に関与します。位置指定されていない要素には効果はありません。</p> <div>{{EmbedInteractiveExample("pages/css/bottom.html")}}</div> diff --git a/files/ja/web/css/box-orient/index.html b/files/ja/web/css/box-orient/index.html index 34e64ad19f..95889a906c 100644 --- a/files/ja/web/css/box-orient/index.html +++ b/files/ja/web/css/box-orient/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/box-orient <p class="blockIndicator warning">これはもともと CSS Flexible Box Layout Module の草稿でしたが、より新しい標準に置き換えられました。現在の標準についての情報は<a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes">フレックスボックス</a>を参照してください。</p> </div> -<p><a href="/en-US/docs/Web/CSS">CSS</a> の <strong><code>box-orient</code></strong> プロパティは、要素がその中身をレイアウトする方向が、水平か垂直かを指定します。</p> +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>box-orient</code></strong> プロパティは、要素がその中身をレイアウトする方向が、水平か垂直かを指定します。</p> <pre class="brush:css">/* キーワード値 */ box-orient: horizontal; diff --git a/files/ja/web/css/box-shadow/index.html b/files/ja/web/css/box-shadow/index.html index d28db18a1e..c33f487fb6 100644 --- a/files/ja/web/css/box-shadow/index.html +++ b/files/ja/web/css/box-shadow/index.html @@ -21,7 +21,7 @@ translation_of: Web/CSS/box-shadow --- <div>{{CSSRef}}</div> -<p><span class="seoSummary"><strong><code>box-shadow</code></strong> は <a href="/en-US/docs/Web/CSS">CSS</a> のプロパティで、要素のフレームの周囲にシャドウ効果を追加します。カンマで区切ることで、複数の効果を設定することができます。</span>ボックスの影は要素からの相対的な X および Y のオフセット、ぼかしと拡散の半径、色で記述します。</p> +<p><span class="seoSummary"><strong><code>box-shadow</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで、要素のフレームの周囲にシャドウ効果を追加します。カンマで区切ることで、複数の効果を設定することができます。</span>ボックスの影は要素からの相対的な X および Y のオフセット、ぼかしと拡散の半径、色で記述します。</p> <div>{{EmbedInteractiveExample("pages/css/box-shadow.html")}}</div> diff --git a/files/ja/web/css/color/index.html b/files/ja/web/css/color/index.html index b6bb694d66..a97a3e0f78 100644 --- a/files/ja/web/css/color/index.html +++ b/files/ja/web/css/color/index.html @@ -15,7 +15,7 @@ translation_of: Web/CSS/color --- <div>{{CSSRef}}</div> -<p><span class="seoSummary">CSS の <strong><code>color</code></strong> プロパティは、要素のテキストや<a href="/ja/docs/Web/CSS/text-decoration">テキスト装飾</a>における前景色の<a href="/en-US/docs/Web/CSS/color_value">色の値</a>を設定し、 {{cssxref("currentcolor")}} の値を設定します。</span> <code>currentcolor</code> は<em>他の</em>プロパティの間接的な値として使用される可能性があり、 {{cssxref("border-color")}} のような他の色に関するプロパティの既定値にもなったりします。</p> +<p><span class="seoSummary">CSS の <strong><code>color</code></strong> プロパティは、要素のテキストや<a href="/ja/docs/Web/CSS/text-decoration">テキスト装飾</a>における前景色の<a href="/ja/docs/Web/CSS/color_value">色の値</a>を設定し、 {{cssxref("currentcolor")}} の値を設定します。</span> <code>currentcolor</code> は<em>他の</em>プロパティの間接的な値として使用される可能性があり、 {{cssxref("border-color")}} のような他の色に関するプロパティの既定値にもなったりします。</p> <div>{{EmbedInteractiveExample("pages/css/color.html")}}</div> diff --git a/files/ja/web/css/contain-intrinsic-size/index.html b/files/ja/web/css/contain-intrinsic-size/index.html index 9b91b2f9dc..603f038987 100644 --- a/files/ja/web/css/contain-intrinsic-size/index.html +++ b/files/ja/web/css/contain-intrinsic-size/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/contain-intrinsic-size --- <p>{{CSSRef}}</p> -<p><code>contains-intrinsic-size</code> CSSプロパティは、<a href="/en-US/docs/Web/CSS/content-visibility"><code>content-visibility</code></a>で指定された要素の自然なサイズを制御します。</p> +<p><code>contains-intrinsic-size</code> CSSプロパティは、<a href="/ja/docs/Web/CSS/content-visibility"><code>content-visibility</code></a>で指定された要素の自然なサイズを制御します。</p> <h2 id="Syntax" name="Syntax">Syntax</h2> diff --git a/files/ja/web/css/cross-fade()/index.html b/files/ja/web/css/cross-fade()/index.html index f29ec46d8b..5cf8359073 100644 --- a/files/ja/web/css/cross-fade()/index.html +++ b/files/ja/web/css/cross-fade()/index.html @@ -62,7 +62,7 @@ cross-fade( url(red.png) 33.33%, url(yellow.png) 33.33%, url(blue.png) 33.33%);< <pre class="syntaxbox notranslate">cross-fade( <image, <image>, <percentage> )</pre> -<p>The specification for the <code>cross-fade()</code> function allows for multiple images and for each image to have transparency values independent of the other values. This was not always the case. The <a href="/en-US/docs/">original syntax</a>, which has been implemented in some browsers, only allowed for two images, with the sum of the transparency of those two images being exactly 100%. The original syntax is supported in Safari and supported with the <code>-webkit-</code> prefix in Chrome, Opera, and other blink-based browsers.</p> +<p>The specification for the <code>cross-fade()</code> function allows for multiple images and for each image to have transparency values independent of the other values. This was not always the case. The <a href="/ja/docs/">original syntax</a>, which has been implemented in some browsers, only allowed for two images, with the sum of the transparency of those two images being exactly 100%. The original syntax is supported in Safari and supported with the <code>-webkit-</code> prefix in Chrome, Opera, and other blink-based browsers.</p> <pre class="brush: css notranslate">cross-fade(url(white.png), url(black.png), 0%); /* fully black */ cross-fade(url(white.png), url(black.png), 25%); /* 25% white, 75% black */ diff --git a/files/ja/web/css/css_colors/color_picker_tool/index.html b/files/ja/web/css/css_colors/color_picker_tool/index.html index 958178331b..5fb090a903 100644 --- a/files/ja/web/css/css_colors/color_picker_tool/index.html +++ b/files/ja/web/css/css_colors/color_picker_tool/index.html @@ -3218,11 +3218,11 @@ var ColorPickerTool = (function ColorPickerTool() { <p>{{CSSRef}}</p> -<p><span class="seoSummary">このツールは、ウェブの独自の色を簡単に作成、調整、実験することができます。</span> HEXA 色, RGB (Red/Green/Blue), HSL (Hue/Saturation/Lightness) RGB など、 <a href="/en-US/docs/Web/CSS">CSS</a> で対応している様々な<a href="/en-US/docs/Web/CSS/color_value">色形式</a>に変換することもできます。アルファチャネルの制御も、 RGB (rgba) 及び HSL (hsla) 形式で対応しています。</p> +<p><span class="seoSummary">このツールは、ウェブの独自の色を簡単に作成、調整、実験することができます。</span> HEXA 色, RGB (Red/Green/Blue), HSL (Hue/Saturation/Lightness) RGB など、 <a href="/ja/docs/Web/CSS">CSS</a> で対応している様々な<a href="/ja/docs/Web/CSS/color_value">色形式</a>に変換することもできます。アルファチャネルの制御も、 RGB (rgba) 及び HSL (hsla) 形式で対応しています。</p> <p>色を定義するパラメーターを調整すると、３つの標準ウェブ CSS 形式すべてが表示されます。さらに、現在選択されている色に基づいて、 HSL および HSV のパレット、およびアルファが生成されます。「スポイト」スタイルのカラーピッカーボックスは、 HSL または HSV 形式の間で切り替えることができます。また、ツールの下部にあるボックスに色をドラッグし、色を重ね合わせることで、色とその重なり具合をテストすることもできます。 相対 Z インデックス値を調整して、前後に移動させることができます。</p> -<p>このツールは <a href="/en-US/docs/Web/HTML">HTML</a> に適用する完全な CSS 色を識別するのに役立ちます。</p> +<p>このツールは <a href="/ja/docs/Web/HTML">HTML</a> に適用する完全な CSS 色を識別するのに役立ちます。</p> <div>{{ EmbedLiveSample('ColorPicker_Tool', '100%', '900') }}</div> diff --git a/files/ja/web/css/css_containment/index.html b/files/ja/web/css/css_containment/index.html index f06dce4200..38ea507e3e 100644 --- a/files/ja/web/css/css_containment/index.html +++ b/files/ja/web/css/css_containment/index.html @@ -83,7 +83,7 @@ translation_of: Web/CSS/CSS_Containment contain: style; }</pre> -<p>Despite the name, style containment does not provide scoped styles such as you would get with the <a href="/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a>. The main use case is to prevent situations where a <a href="/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">CSS Counter</a> could be changed in an element, which could then affect the rest of the tree. </p> +<p>Despite the name, style containment does not provide scoped styles such as you would get with the <a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a>. The main use case is to prevent situations where a <a href="/ja/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters">CSS Counter</a> could be changed in an element, which could then affect the rest of the tree. </p> <p>Using <code>contain: style</code> would ensure that the {{cssxref("counter-increment")}} and {{cssxref("counter-set")}} properties created new counters scoped to that subtree only.</p> diff --git a/files/ja/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html b/files/ja/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html index 7e8574e143..725f3b0e12 100644 --- a/files/ja/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html +++ b/files/ja/web/css/css_flexible_box_layout/aligning_items_in_a_flex_container/index.html @@ -126,7 +126,7 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Contain <p><strong>注</strong>: <code>space-evenly</code> はフレックスボックス仕様書では定義されておらず、あとからボックス配置仕様書に追加されたものです。この値に対するブラウザーの互換性は、フレックスボックス仕様書に定義されている他の値より遅れています。</p> </div> -<p>上述の値についての詳細とブラウザー対応状況については <a href="/docs/Web/CSS/justify-content">MDN の <code>justify-content</code> のページ</a>を参照してください。</p> +<p>上述の値についての詳細とブラウザー対応状況については <a href="/ja/docs/Web/CSS/justify-content">MDN の <code>justify-content</code> のページ</a>を参照してください。</p> <h2 id="Aligning_content_on_the_main_axis" name="Aligning_content_on_the_main_axis">主軸上での位置合わせ</h2> @@ -210,9 +210,9 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Contain <p>この記事のはじめに、配置プロパティは flexbox Level 1 仕様と、将来的にプロパティや設定値を拡張する可能性のある Box Alignment Level 3 仕様のいずれにも含まれていることを述べました。その一例として、 <code>align-content</code> と <code>justify-content</code> プロパティに <code>space-evenly</code> が導入されていることも紹介しました。</p> -<p>ボックス配置モジュールは、他にも <code>column-gap</code> や <code>row-gap</code> といった、アイテムの間にスペースを作るための方法を含んでいます (<a href="/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a> にて説明しています)。これらのプロパティがボックス配置に含まれているということは、将来的に <code>column-gap</code> や <code>row-gap</code> がフレックスレイアウトでも使用できるようになることを示しており、 Firefox 63 はフレックスレイアウトに gap のプロパティを初めて実装したブラウザーになるでしょう。</p> +<p>ボックス配置モジュールは、他にも <code>column-gap</code> や <code>row-gap</code> といった、アイテムの間にスペースを作るための方法を含んでいます (<a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS Grid Layout</a> にて説明しています)。これらのプロパティがボックス配置に含まれているということは、将来的に <code>column-gap</code> や <code>row-gap</code> がフレックスレイアウトでも使用できるようになることを示しており、 Firefox 63 はフレックスレイアウトに gap のプロパティを初めて実装したブラウザーになるでしょう。</p> -<p>フレックスボックスでの配置について深く学ぼうとする際には、グリッドレイアウトと並べて見ることをおすすめします。いずれの仕様もボックス配置仕様書で詳細化されている配置プロパティを使っています。これらのプロパティがグリッドの場合にどのようにはたらくかについては、 MDN の記事 <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">グリッドレイアウトでのボックス配置</a>を参照してください。また、筆者 (訳注: 英語版の作成者 <a href="https://developer.mozilla.org/profiles/rachelandrew">rachelandrew</a>) は各仕様における位置合わせの動作について <a href="https://rachelandrew.co.uk/css/cheatsheets/box-alignment">Box Alignment Cheatsheet</a> で比較しています。</p> +<p>フレックスボックスでの配置について深く学ぼうとする際には、グリッドレイアウトと並べて見ることをおすすめします。いずれの仕様もボックス配置仕様書で詳細化されている配置プロパティを使っています。これらのプロパティがグリッドの場合にどのようにはたらくかについては、 MDN の記事 <a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">グリッドレイアウトでのボックス配置</a>を参照してください。また、筆者 (訳注: 英語版の作成者 <a href="/profiles/rachelandrew">rachelandrew</a>) は各仕様における位置合わせの動作について <a href="https://rachelandrew.co.uk/css/cheatsheets/box-alignment">Box Alignment Cheatsheet</a> で比較しています。</p> <h2 id="See_Also" name="See_Also">関連情報</h2> diff --git a/files/ja/web/css/css_flexible_box_layout/mastering_wrapping_of_flex_items/index.html b/files/ja/web/css/css_flexible_box_layout/mastering_wrapping_of_flex_items/index.html index ef3f6ed3d9..6841280981 100644 --- a/files/ja/web/css/css_flexible_box_layout/mastering_wrapping_of_flex_items/index.html +++ b/files/ja/web/css/css_flexible_box_layout/mastering_wrapping_of_flex_items/index.html @@ -3,7 +3,7 @@ title: フレックスアイテムの折り返しのマスター slug: Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items translation_of: Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items --- -<p class="summary">フレックスボックスは一次元のレイアウトとして設計されており、つまりアイテムを行または列として扱います。 — しかし、同時ではありません。しかし、フレックスアイテムを新しい行に折り返し、 {{cssxref("flex-direction")}} が <code>row</code> の場合は新しい行を、 <code>flex-direction</code> が <code>column</code> の場合は新しい列を生成します。このガイドでは、これがどのように動作するのか、何のために設計されているのか、どのような場合にフレックスボックスより <a href="/en-US/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>が必要になるかを説明します。</p> +<p class="summary">フレックスボックスは一次元のレイアウトとして設計されており、つまりアイテムを行または列として扱います。 — しかし、同時ではありません。しかし、フレックスアイテムを新しい行に折り返し、 {{cssxref("flex-direction")}} が <code>row</code> の場合は新しい行を、 <code>flex-direction</code> が <code>column</code> の場合は新しい列を生成します。このガイドでは、これがどのように動作するのか、何のために設計されているのか、どのような場合にフレックスボックスより <a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>が必要になるかを説明します。</p> <h2 id="Making_things_wrap" name="Making_things_wrap">折り返しを行う</h2> diff --git a/files/ja/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html b/files/ja/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html index 1eeaa99bbb..7ec4dbc572 100644 --- a/files/ja/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html +++ b/files/ja/web/css/css_flexible_box_layout/relationship_of_flexbox_to_other_layout_methods/index.html @@ -66,7 +66,7 @@ translation_of: >- <p>{{EmbedGHLiveSample("css-examples/flexbox/relationship/writing-modes.html", '100%', 360)}} </p> -<p><code>sideways-rl</code> と <code>sideways-lr</code> の対応は現時点では Firefox のみということに注意してください。また <code>writing-mode</code> とフレックスボックスに関しての既知の問題がいくつかあります。ブラウザーの対応状況については <a href="/docs/Web/CSS/writing-mode">MDN の書字方向のドキュメント</a>に情報があります。しかし、もしレイアウトのために書字方向を設定する予定であれば、それがどのような結果になるか注意深くテストすることが推奨されます。比較的簡単に、文字が読みにくくなってしまうからです。</p> +<p><code>sideways-rl</code> と <code>sideways-lr</code> の対応は現時点では Firefox のみということに注意してください。また <code>writing-mode</code> とフレックスボックスに関しての既知の問題がいくつかあります。ブラウザーの対応状況については <a href="/ja/docs/Web/CSS/writing-mode">MDN の書字方向のドキュメント</a>に情報があります。しかし、もしレイアウトのために書字方向を設定する予定であれば、それがどのような結果になるか注意深くテストすることが推奨されます。比較的簡単に、文字が読みにくくなってしまうからです。</p> <p>CSS の <code>writing-mode</code> プロパティを文書全体の書字方向を変更するために使うことはあまりないでしょう。通常は HTML 上で <code>html</code> 要素に <code>dir</code> 属性と <code>lang</code> 属性を指定することで、文書の言語とテキスト方向を指定します。それによって CSS がロードされなかったとしても文書を正しく表示することができます。</p> @@ -84,7 +84,7 @@ translation_of: >- <h2 id="Flexbox_and_Grid_Layout" name="Flexbox_and_Grid_Layout">フレックスボックとグリッドレイアウト</h2> -<p><a href="/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>とフレックスボックスは、ほかのレイアウト方法を上書きするという観点ではおおむね同じように振る舞います。しかし、フレックスボックスの方が古いブラウザーでも比較的サポートされているため、フレックスボックスをグリッドレイアウトのフォールバックとして使いたいときがあるかもしれません。このやり方はうまく動きます。フレックスアイテムがグリッドアイテムになるとき、そのアイテムに設定されている <code>flex</code> プロパティは無視されるようになります。</p> +<p><a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a>とフレックスボックスは、ほかのレイアウト方法を上書きするという観点ではおおむね同じように振る舞います。しかし、フレックスボックスの方が古いブラウザーでも比較的サポートされているため、フレックスボックスをグリッドレイアウトのフォールバックとして使いたいときがあるかもしれません。このやり方はうまく動きます。フレックスアイテムがグリッドアイテムになるとき、そのアイテムに設定されている <code>flex</code> プロパティは無視されるようになります。</p> <p>ボックス配置プロパティは、両レイアウト方法をまたいで使用することができ、グリッドレイアウトのフォールバックとしてフレックスボックスを使う場合にもうまくいきます。</p> @@ -106,7 +106,7 @@ translation_of: >- <p>経験則として、折り返しされたフレックスコンテナーの一行の中のアイテムを、上の行のアイテムの位置と揃えるためにフレックスアイテムに幅を設定しようとするときには、二次元レイアウトがどうしても欲しくなることがあります。そのような場合には CSS グリッドレイアウトを使ったほうがよいでしょう。小さなコンポーネントにはフレックスボックスを使い、大きいコンポーネントにはグリッドレイアウトを使うべきというのは事実ではありません。とても小さいコンポーネントであっても二次元になることもあれば、大きなレイアウトを一次元のレイアウトで表現することが適している場合もあります。今はレイアウト方法を選べるようになったので、その利点を生かすためにいろいろと試してみてください。</p> -<p>グリッドとフレックスボックスのさらに詳しい比較については<a href="/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">「グリッドレイアウトと他レイアウト方法との関係」</a>の記事を参照してください。この記事ではグリッドレイアウトがフレックスレイアウトと異なっている多くの点について詳述し、またグリッドレイアウトの持つグリッド上のアイテムのレイヤー機能などの追加機能について実例を示しています。また、どちらのレイアウト方法を選ぶべきかを決める手助けにもなるでしょう。</p> +<p>グリッドとフレックスボックスのさらに詳しい比較については<a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout">「グリッドレイアウトと他レイアウト方法との関係」</a>の記事を参照してください。この記事ではグリッドレイアウトがフレックスレイアウトと異なっている多くの点について詳述し、またグリッドレイアウトの持つグリッド上のアイテムのレイヤー機能などの追加機能について実例を示しています。また、どちらのレイアウト方法を選ぶべきかを決める手助けにもなるでしょう。</p> <h2 id="Flexbox_and_display_contents" name="Flexbox_and_display_contents">フレックスボックスと display: contents</h2> diff --git a/files/ja/web/css/css_fonts/opentype_fonts_guide/index.html b/files/ja/web/css/css_fonts/opentype_fonts_guide/index.html index bdc63c3739..27d674de65 100644 --- a/files/ja/web/css/css_fonts/opentype_fonts_guide/index.html +++ b/files/ja/web/css/css_fonts/opentype_fonts_guide/index.html @@ -154,7 +154,7 @@ translation_of: Web/CSS/CSS_Fonts/OpenType_fonts_guide <h2 id="フォント機能の設定">フォント機能の設定</h2> -<p>{{cssxref("font-feature-settings")}} is the 'low level syntax' that allows explicit access to every named available OpenType feature. This gives a lot of control, but has some disadvantages in how it impacts inheritance and — as mentioned above — if you wish to change one setting, you have to redeclare the entire string (unless you're using <a href="/en-US/docs/Web/CSS/Using_CSS_variables">CSS custom properties</a> to set the values). Because of this, it's best to use the standard properties shown above wherever possible.</p> +<p>{{cssxref("font-feature-settings")}} is the 'low level syntax' that allows explicit access to every named available OpenType feature. This gives a lot of control, but has some disadvantages in how it impacts inheritance and — as mentioned above — if you wish to change one setting, you have to redeclare the entire string (unless you're using <a href="/ja/docs/Web/CSS/Using_CSS_variables">CSS custom properties</a> to set the values). Because of this, it's best to use the standard properties shown above wherever possible.</p> <p>There a huge number of possible features. You can see examples of a number of them above, and there are several resources available for finding more of them.</p> diff --git a/files/ja/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.html b/files/ja/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.html index 3f83a21dbd..003be5dc4e 100644 --- a/files/ja/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.html +++ b/files/ja/web/css/css_grid_layout/box_alignment_in_css_grid_layout/index.html @@ -96,7 +96,7 @@ translation_of: Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout <p>{{ EmbedLiveSample('alignment_1', '500', '450') }}</p> </div> -<p><code>align-self: start</code> を設定すると、それぞれの子 <code><div></code> の高さはコンテンツの <code><div></code> によって決定されることを覚えておいてください。また、<code><a href="https://developer.mozilla.org/ja/docs/Web/CSS/align-self">align-self</a></code> を完全に省略すると、それぞれの子 <code><div></code> の高さはグリッドエリアを満たすように広がります。</p> +<p><code>align-self: start</code> を設定すると、それぞれの子 <code><div></code> の高さはコンテンツの <code><div></code> によって決定されることを覚えておいてください。また、<code><a href="/ja/docs/Web/CSS/align-self">align-self</a></code> を完全に省略すると、それぞれの子 <code><div></code> の高さはグリッドエリアを満たすように広がります。</p> <p>{{cssxref("align-items")}} プロパティはすべての子グリッドアイテムに {{cssxref("align-self")}} プロパティを設定します。これは、グリッドアイテム上で <code>align-self</code> を使えばプロパティを個別に設定できるということです。</p> diff --git a/files/ja/web/css/css_images/using_css_gradients/index.html b/files/ja/web/css/css_images/using_css_gradients/index.html index 1136b5077b..bb810f605e 100644 --- a/files/ja/web/css/css_images/using_css_gradients/index.html +++ b/files/ja/web/css/css_images/using_css_gradients/index.html @@ -602,7 +602,7 @@ translation_of: Web/CSS/CSS_Images/Using_CSS_gradients <div> <h3 id="Multiple_repeating_linear_gradients" name="Multiple_repeating_linear_gradients">複数の反復線形グラデーション</h3> -<p>Similar to regular linear and radial gradients, you can include multiple gradients, one on top of the other. This only makes sense if the gradients are partially transparent allowing subsequent gradients to show through the transparent areas, or if you include different <a href="/en-US/docs/Web/CSS/background-size">background-sizes</a>, optionally with different <a href="/en-US/docs/Web/CSS/background-position">background-position</a> property values, for each gradient image. We are using transparency.</p> +<p>Similar to regular linear and radial gradients, you can include multiple gradients, one on top of the other. This only makes sense if the gradients are partially transparent allowing subsequent gradients to show through the transparent areas, or if you include different <a href="/ja/docs/Web/CSS/background-size">background-sizes</a>, optionally with different <a href="/ja/docs/Web/CSS/background-position">background-position</a> property values, for each gradient image. We are using transparency.</p> <p>In this case the gradient lines are 300px, 230px, and 300px long.</p> diff --git a/files/ja/web/css/css_logical_properties/basic_concepts/index.html b/files/ja/web/css/css_logical_properties/basic_concepts/index.html deleted file mode 100644 index e190281ba3..0000000000 --- a/files/ja/web/css/css_logical_properties/basic_concepts/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: 論理的プロパティと値の基本概念 -slug: Web/CSS/CSS_Logical_Properties/Basic_concepts -tags: - - CSS - - CSS 論理的プロパティ - - Guide - - 書字方向 - - 概念 -translation_of: Web/CSS/CSS_Logical_Properties/Basic_concepts ---- -<div>{{CSSRef}}</div> - -<p class="summary">「論理的プロパティと値」仕様書では、 CSS のたくさんのプロパティや値のフローに関する対応付けを紹介しています。この記事はこの仕様書を紹介し、フローに関するプロパティと値を説明します。</p> - -<h2 id="Why_do_we_need_logical_properties" name="Why_do_we_need_logical_properties">なぜ論理的プロパティが必要なのか</h2> - -<p>CSS は従来、画面の物理的な方向に沿って寸法を取っていました。従って、ボックスを {{CSSxRef("width")}} および {{CSSxRef("height")}} を用いて記述したり、アイテムを <code>top</code> および <code>left</code> で配置したり、 left で浮動させたり、境界、マージン、パディングを <code>top</code>, <code>right</code>, <code>bottom</code>, <code>left</code> で割り当てたりします。<a href="https://drafts.csswg.org/css-logical/">論理的プロパティと値仕様書</a>はこれらの物理的な値を論理的、またはフローやその反対に関連したものへの対応付けを定義します。 — 例えば <code>start</code> と <code>end</code> は <code>left</code> と <code>right</code>/<code>top</code> と <code>bottom</code> に対応します。</p> - -<p>なぜこれらの対応付けが必要なのかは以下の通りです。 CSS グリッドを使用したレイアウトがあり、グリッドコンテナーに幅が設定されていて、アイテムを配置するために {{CSSxRef("align-self")}} および {{CSSxRef("justify-self")}} を使用していたとします。これらのプロパティはフローに相対的です。 — <code>justify-self: start</code> はインライン方向の始点にアイテムを配置し、 <code>align-self: start</code> はブロック方向の始点にアイテムを配置します。</p> - -<p><img alt="横書きモードでのグリッド" src="https://mdn.mozillademos.org/files/16338/grid-horizontal-width-sm.png" style="display: block; margin: 0 auto; width: 350px;"></p> - -<p>このコンポーネントの書字方向を、 <code>vertical-rl</code> を {{CSSxRef("writing-mode")}} プロパティに設定することで変更すると、配置は同様の方向で動作し続けます。インライン方向は垂直になり、ブロック方向は水平になります。しかし、幅がコンテナーの水平の寸法で割り当てられており、寸法が論理的またはテキストの流れではなく物理的な方向に結び付けられているため、グリッドは同じようには見えません。</p> - -<p><img alt="縦書きモードでのグリッド" src="https://mdn.mozillademos.org/files/16339/grid-vertical-width-sm.png" style="display: block; margin: 0 auto; width: 350px;"></p> - -<p><code>width</code> プロパティの代わりに論理的プロパティである {{CSSxRef("inline-size")}} を使用すれば、コンポーネントは表示される書字方向が何であっても同じように動作するようになります。</p> - -<p><img alt="縦書きモードでのグリッドレイアウト" src="https://mdn.mozillademos.org/files/16337/grid-vertical-inline-size-small.png" style="display: block; height: 382px; margin: 0 auto; width: 200px;"></p> - -<p>以下のライブデモを試してみることができます。 <code>.box</code> の <code>writing-mode</code> を <code>vertical-rl</code> から <code>horizontal-tb</code> へ変更して、プロパティが変わるとどのようにレイアウトが変わるかを確認することができます。</p> - -<p>{{EmbedGHLiveSample("css-examples/logical/intro-grid-example.html", '100%', 700)}}</p> - -<p>When working with a site in a writing mode other than a horizontal, top to bottom one, or when using writing modes for creative reasons, being able to relate to the flow of the content makes a lot of sense.</p> - -<h2 id="Block_and_inline_dimensions" name="Block_and_inline_dimensions">ブロック方向とインライン方向</h2> - -<p>A key concept of working with flow relative properties and values is the two dimensions of block and inline. As we saw above, newer CSS layout methods such as Flexbox and Grid Layout use the concepts of <code>block</code> and <code>inline</code> rather than <code>right</code> and <code>left</code>/<code>top</code> and <code>bottom</code> when aligning items.</p> - -<p>The <code>inline</code> dimension is the dimension along which a line of text runs in the writing mode in use. Therefore, in an English document with the text running horizontally left to right, or an Arabic document with the text running horizontally right to left, the inline dimension is <em>horizontal</em>. Switch to a vertical writing mode (e.g. a Japanese document) and the inline dimension is now <em>vertical</em>, as lines in that writing mode run vertically.</p> - -<p>The block dimension is the other dimension, and the direction in which blocks — such as paragraphs — display one after the other. In English and Arabic these run vertically, whereas in any vertical writing mode these run horizontally.</p> - -<p>The below diagram shows the inline and block directions in a horizontal writing mode:</p> - -<p><img alt="diagram showing the inline axis running horizontally, block axis vertically." src="https://mdn.mozillademos.org/files/16340/mdn-horizontal.png" style="display: block; height: 382px; margin: 0 auto; width: 521px;"></p> - -<p>This diagram shows block and inline in a vertical writing mode:</p> - -<p><img alt="Diagram showing the block axis running horizontally the inline axis vertically." src="https://mdn.mozillademos.org/files/16341/mdn-vertical.png" style="display: block; height: 382px; margin: 0 auto; width: 418px;"></p> - -<h2 id="Browser_support" name="Browser_support">ブラウザーの互換性</h2> - -<p>Logical Properties and Values can be thought of as a couple of groups in terms of current browser support. Some of the properties are essentially mappings from the physical versions, for example {{CSSxRef("inline-size")}} for {{CSSxRef("width")}} or {{CSSxRef("margin-inline-start")}} rather than {{CSSxRef("margin-left")}}. These mapped properties are starting to see good browser support, and if you look at the individual pages for the properties in the <a href="/ja/docs/Web/CSS/CSS_Logical_Properties#Reference">reference here on MDN</a> you will see that Edge is the only modern browser currently missing these.</p> - -<p>There are then a group of properties which do not have a direct mapping in terms of existing physical properties. These are shorthands made possible by the fact that we can refer to both edges of the block or inline dimension at once. An example would be {{CSSxRef("margin-block")}}, which is a shorthand setting for {{CSSxRef("margin-block-start")}} and {{CSSxRef("margin-block-end")}}. These currently have no browser support.</p> - -<div class="blockIndicator note"> -<p><strong>Note</strong>: The CSS Working Group are currently trying to decide what to do about the four-value shorthands for logical properties, for example the equivalents to setting four physical properties at once, like margins with the {{CSSxRef("margin")}} property. We would need some kind of modifier if we were to reuse <code>margin</code> for flow-relative properties. If you would like to read the suggestions or comment on them the relevant GitHub issue is <a href="https://github.com/w3c/csswg-drafts/issues/1282">#1282</a>.</p> -</div> - -<h3 id="Testing_for_browser_support" name="Testing_for_browser_support">ブラウザーの互換性のテスト</h3> - -<p>You can test for support of logical properties and values using feature queries. For example you could set a {{CSSxRef("width")}}, test for {{CSSxRef("inline-size")}} and, if it is supported, set the <code>width</code> to <code>auto</code> and the <code>inline-size</code> to the original <code>width</code> value.</p> - -<p>{{EmbedGHLiveSample("css-examples/logical/intro-feature-queries.html", "100%", 700)}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout">グリッドレイアウトのボックス配置</a></li> - <li><a href="/ja/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox">フレックスレイアウトのボックス配置</a></li> - <li><a href="https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/">Understanding Logical Properties and Values</a></li> - <li><a href="/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes">書字方向</a></li> -</ul> diff --git a/files/ja/web/css/css_logical_properties/basic_concepts/index.md b/files/ja/web/css/css_logical_properties/basic_concepts/index.md new file mode 100644 index 0000000000..221091a5e5 --- /dev/null +++ b/files/ja/web/css/css_logical_properties/basic_concepts/index.md @@ -0,0 +1,73 @@ +--- +title: 論理的プロパティと値の基本概念 +slug: Web/CSS/CSS_Logical_Properties/Basic_concepts +tags: + - CSS + - CSS 論理的プロパティ + - ガイド + - 概念 + - 書字方向 +translation_of: Web/CSS/CSS_Logical_Properties/Basic_concepts +--- +{{CSSRef}} + +Logical Properties and Values (論理的プロパティと値) 仕様書では、 CSS のたくさんのプロパティや値のフローに関する対応付けを紹介しています。この記事はこの仕様書を紹介し、フローに関するプロパティと値を説明します。 + +## なぜ論理的プロパティが必要なのか + +CSS は従来、画面の物理的な軸に沿って寸法を取っていました。したがって、ボックスを {{CSSxRef("width")}} および {{CSSxRef("height")}} を用いて記述したり、アイテムを `top` および `left` で配置したり、 left に浮動させたり、境界、マージン、パディングを `top`, `right`, `bottom`, `left` で割り当てたりします。 [Logical Properties and Values 仕様書](https://drafts.csswg.org/css-logical/)はこれらの物理的な値を論理的、またはフローやその反対に関連したものへの対応付けを定義します。例えば `start` と `end` は `left` と `right` または `top` と `bottom` に対応します。 + +なぜこれらの対応付けが必要なのでしょうか。 CSS グリッドを使用したレイアウトがあり、グリッドコンテナーに幅が設定されていて、アイテムを配置するために {{CSSxRef("align-self")}} および {{CSSxRef("justify-self")}} を使用していたとします。これらのプロパティはフローに相対的です。 `justify-self: start` はインライン軸の先頭にアイテムを配置し、 `align-self: start` はブロック軸の先頭にアイテムを配置します。 + + + +この部分の書字方向として `vertical-rl` を {{CSSxRef("writing-mode")}} プロパティに設定すると、配置は同様の方向で動作し続けます。インライン軸は垂直になり、ブロック軸は水平になります。しかし、幅がコンテナーの水平の寸法で割り当てられており、寸法が論理的またはテキストの流れではなく物理的な方向に結び付けられているため、グリッドは同じようには見えません。 + + + +`width` プロパティの代わりに論理的プロパティである {{CSSxRef("inline-size")}} を使用すれば、コンポーネントは表示される書字方向が何であっても同じように動作するようになります。 + + + +次の実行例を試してみましょう。 `.box` の `writing-mode` を `vertical-rl` から `horizontal-tb` へ変更して、プロパティが変わるとどのようにレイアウトが変わるかを確認することができます。 + +{{EmbedGHLiveSample("css-examples/logical/intro-grid-example.html", '100%', 700)}} + +水平方向、下方向以外の書字方向でサイトを操作する場合や、クリエイティブな理由で書字方向を使用する場合、コンテンツの流れに関連づけることができるのはとても意味のあることです。 + +## ブロック軸とインライン軸 + +フローに対して相対的なプロパティや値を扱う上で重要な概念は、ブロックとインラインという 2 つの軸です。前述したように、フレックスボックスやグリッドレイアウトなどの新しい CSS レイアウト手法では、アイテムを配置する際に、 `right` と `left` や `top` と `bottom` ではなく、 `block` と `inline` の概念を使用します。 + +`inline` 軸は、使用されている書字方向でテキストの行が流れる方向の軸です。したがって、テキストが水平方向に左から右へ流れる英語の文書や、テキストが水平方向に右から左へ流れるアラビア語の文書では、インライン軸は*水平*になります。縦書きの文書 (日本語の文書など) に切り替えると、行が垂直方向に流れるので、縦書きの文書では行が縦に流れるので、インライン軸は*垂直*になります。 + +ブロック軸はもう一つの軸で、段落などのブロックが次々と表示される方向を示します。英語やアラビア語では垂直方向に表示されますが、縦書きの場合は水平方向に表示されます。 + +下の図は、横書きモードの場合のインラインとブロックの方向を示しています。 + + + +この図は、縦書きモードでのブロックとインラインの方向を示しています。 + + + +## ブラウザーの互換性 + +論理的プロパティと値は、現在のブラウザーの対応状況の観点から、 2 つのグループに分けて考えることができます。一部のプロパティは基本的に物理的プロパティから対応付けられたものです。例えば {{CSSxRef("inline-size")}} は {{CSSxRef("width")}} から、 {{CSSxRef("margin-inline-start")}} は {{CSSxRef("margin-left")}} を代替するものです。これらの対応付けられたプロパティは、ブラウザーの対応が充実し始めており、 [MDN のリファレンス](/ja/docs/Web/CSS/CSS_Logical_Properties#reference)でプロパティの個別ページを見てみると、今では最近のブラウザーでこれらのプロパティがないのは Edge だけであることが分かります。 + +それから、既存の物理的プロパティに直接対応付けされていないグループのプロパティもあります。これらのプロパティは、ブロック軸またはインライン軸の両端を一度に参照できることによって可能となった一括指定です。例えば、 {{CSSxRef("margin-block")}} は、 {{CSSxRef("margin-block-start")}} と {{CSSxRef("margin-block-end")}} の一括指定であると言えます。 + +> **Note:** CSS 作業部会では、論理的プロパティにおいて 4 つの値の一括指定をどうするかを決めようとしています。例えば、 {{CSSxRef("margin")}} プロパティでマージンを指定する場合のように、 4 つの物理的なプロパティを一度に設定することに相当します。もし、 `margin` をフロー関連のプロパティに再利用するのであれば、何らかの修飾子が必要になるでしょう。この提案を読んだりコメントしたりしたい人は、 GitHub の [#1282](https://github.com/w3c/csswg-drafts/issues/1282) を参照してください。 + +### ブラウザーの対応のテスト + +機能クエリーを使用すると、論理的プロパティや値の対応状況をテストすることができます。たとえば、 {{CSSxRef("width")}} を設定し、 {{CSSxRef("inline-size")}} をテストし、対応していれば、`width` を `auto` に、`inline-size` を元の `width` の値に設定するようにすることができます。 + +{{EmbedGHLiveSample("css-examples/logical/intro-feature-queries.html", "100%", 700)}} + +## 関連情報 + +- [グリッドレイアウトのボックス配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout) +- [フレックスレイアウトのボックス配置](/ja/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox) +- [Understanding Logical Properties and Values](https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/) +- [書字方向](/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes) diff --git a/files/ja/web/css/css_logical_properties/basic_concepts/mdn-horizontal.png b/files/ja/web/css/css_logical_properties/basic_concepts/mdn-horizontal.png Binary files differnew file mode 100644 index 0000000000..dca6006c71 --- /dev/null +++ b/files/ja/web/css/css_logical_properties/basic_concepts/mdn-horizontal.png diff --git a/files/ja/web/css/css_logical_properties/basic_concepts/mdn-vertical.png b/files/ja/web/css/css_logical_properties/basic_concepts/mdn-vertical.png Binary files differnew file mode 100644 index 0000000000..b44a4a4d33 --- /dev/null +++ b/files/ja/web/css/css_logical_properties/basic_concepts/mdn-vertical.png diff --git a/files/ja/web/css/css_ruby/index.html b/files/ja/web/css/css_ruby/index.html index f206b619af..4e0f0119c1 100644 --- a/files/ja/web/css/css_ruby/index.html +++ b/files/ja/web/css/css_ruby/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/CSS_Ruby --- <div>{{CSSRef}}</div> -<p><ruby><strong>CSS ルビレイアウト</strong><rp> (</rp><rt>CSS Ruby Layout</rt><rp>) </rp></ruby>は <a href="/en-US/docs/Web/CSS">CSS</a> のモジュールの一つで、ルビ表記の表示に関するレンダリングモデルや整形の制御を提供します。ルビ表記は行間の表記の一種で、ベーステキストに沿った短いテキストで構成されます。これらはふつう東アジアの文書で、発音を示したり、短い説明を提供したりするために使用されます。</p> +<p><ruby><strong>CSS ルビレイアウト</strong><rp> (</rp><rt>CSS Ruby Layout</rt><rp>) </rp></ruby>は <a href="/ja/docs/Web/CSS">CSS</a> のモジュールの一つで、ルビ表記の表示に関するレンダリングモデルや整形の制御を提供します。ルビ表記は行間の表記の一種で、ベーステキストに沿った短いテキストで構成されます。これらはふつう東アジアの文書で、発音を示したり、短い説明を提供したりするために使用されます。</p> <h2 id="Reference" name="Reference">リファレンス</h2> diff --git a/files/ja/web/css/css_transitions/using_css_transitions/index.html b/files/ja/web/css/css_transitions/using_css_transitions/index.html index e1fcbc6e7e..aaeebd27ee 100644 --- a/files/ja/web/css/css_transitions/using_css_transitions/index.html +++ b/files/ja/web/css/css_transitions/using_css_transitions/index.html @@ -33,7 +33,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <p>それぞれのトランジションコンポーネントに対しては以下のサブプロパティを用いてコントロールできます。</p> -<p><strong>(なお、以下のトランジションは、サンプルをお見せするために無限ループさせています。 CSS のトランジションは、プロパティの変更を始点から終点まで視覚化するだけです。ループさせる必要がある場合は、 CSS の <code><a href="/en-US/docs/CSS/animation">animation</a></code> プロパティを参照してください。)</strong></p> +<p><strong>(なお、以下のトランジションは、サンプルをお見せするために無限ループさせています。 CSS のトランジションは、プロパティの変更を始点から終点まで視覚化するだけです。ループさせる必要がある場合は、 CSS の <code><a href="/ja/docs/CSS/animation">animation</a></code> プロパティを参照してください。)</strong></p> <dl> <dt>{{cssxref("transition-property")}}</dt> diff --git a/files/ja/web/css/cssom_view/index.html b/files/ja/web/css/cssom_view/index.html index 4fca46e3e7..e3739fefa8 100644 --- a/files/ja/web/css/cssom_view/index.html +++ b/files/ja/web/css/cssom_view/index.html @@ -27,7 +27,7 @@ translation_of: Web/CSS/CSSOM_View <h2 id="Guides" name="Guides">ガイド</h2> <dl> - <dt><a href="/en-US/docs/Web/CSS/CSSOM_View/Coordinate_systems">座標系</a></dt> + <dt><a href="/ja/docs/Web/CSS/CSSOM_View/Coordinate_systems">座標系</a></dt> <dd>モニター上のウィンドウ、モバイル機器のビューポート、印刷時の紙上の位置などのディスプレイコンテキストにおける位置を特定するために使われる座標系についてのガイドです。</dd> </dl> diff --git a/files/ja/web/css/filter-function/saturate()/index.html b/files/ja/web/css/filter-function/saturate()/index.html index 47e0226594..e3261f1d8f 100644 --- a/files/ja/web/css/filter-function/saturate()/index.html +++ b/files/ja/web/css/filter-function/saturate()/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/filter-function/saturate() --- <div>{{cssref}}</div> -<p><strong><code>saturate()</code></strong> は <a href="/en-US/docs/Web/CSS">CSS</a> の関数で、入力画像の彩度を上げたり下げたりします。結果は {{cssxref("<filter-function>")}} です。</p> +<p><strong><code>saturate()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の関数で、入力画像の彩度を上げたり下げたりします。結果は {{cssxref("<filter-function>")}} です。</p> <div>{{EmbedInteractiveExample("pages/css/function-saturate.html")}}</div> diff --git a/files/ja/web/css/font-weight/index.html b/files/ja/web/css/font-weight/index.html index 9954ffbd9b..66b685f51b 100644 --- a/files/ja/web/css/font-weight/index.html +++ b/files/ja/web/css/font-weight/index.html @@ -298,7 +298,7 @@ update(); <h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮</h2> -<p>弱視の人は、 <code>font-weight</code> の値が <code>100</code> (Thin/Hairline) または <code>200</code> (Extra Light) の場合、特にフォントの<a href="/en-US/docs/Web/CSS/color#Accessibility_concerns">コントラスト比が低い場合</a>は、テキストを読むのが難しくなることがあります。</p> +<p>弱視の人は、 <code>font-weight</code> の値が <code>100</code> (Thin/Hairline) または <code>200</code> (Extra Light) の場合、特にフォントの<a href="/ja/docs/Web/CSS/color#Accessibility_concerns">コントラスト比が低い場合</a>は、テキストを読むのが難しくなることがあります。</p> <ul> <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable#Guideline_1.4_Make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background">MDN "WCAG を理解する ― ガイドライン 1.4 の解説"</a></li> diff --git a/files/ja/web/css/ident/index.html b/files/ja/web/css/ident/index.html index 805dbe3e25..49117a5758 100644 --- a/files/ja/web/css/ident/index.html +++ b/files/ja/web/css/ident/index.html @@ -5,7 +5,7 @@ translation_of: Web/CSS/ident --- <p>{{CSSRef}}{{Draft}}</p> -<p><span class="seoSummary"><strong><code><ident></code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/CSS_Types">データ型</a> は、 {{glossary("identifier")}} として使用される任意の文字列を意味します。</span></p> +<p><span class="seoSummary"><strong><code><ident></code></strong> <a href="/ja/docs/Web/CSS">CSS</a> <a href="/ja/docs/Web/CSS/CSS_Types">データ型</a> は、 {{glossary("identifier")}} として使用される任意の文字列を意味します。</span></p> <h2 id="構文">構文</h2> diff --git a/files/ja/web/css/image-rendering/index.html b/files/ja/web/css/image-rendering/index.html index d83dd914e3..c158a3d034 100644 --- a/files/ja/web/css/image-rendering/index.html +++ b/files/ja/web/css/image-rendering/index.html @@ -86,7 +86,7 @@ image-rendering: unset;</pre> <p>{{EmbedLiveSample('Examples')}}</p> <div class="blockIndicator note"> -<p><strong>メモ:</strong> 実際の仕様では、 <code>pixelated</code> と <code>crisp-edges</code> の規則を組み合わせることで、お互いにある程度のフォールバックを提供することができます。 (実際の規則にフォールバックを追加するだけです) <a href="/ja/docs/Web/API/Canvas_API">Canvas API</a> は手動の画像データ操作または <code><a href="/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled">imageSmoothingEnabled</a></code> によって <a href="http://phrogz.net/tmp/canvas_image_zoom.html"><code>pixelated</code> の代替ソリューション</a> を提供することができます。</p> +<p><strong>メモ:</strong> 実際の仕様では、 <code>pixelated</code> と <code>crisp-edges</code> の規則を組み合わせることで、お互いにある程度のフォールバックを提供することができます。 (実際の規則にフォールバックを追加するだけです) <a href="/ja/docs/Web/API/Canvas_API">Canvas API</a> は手動の画像データ操作または <code><a href="/ja/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled">imageSmoothingEnabled</a></code> によって <a href="http://phrogz.net/tmp/canvas_image_zoom.html"><code>pixelated</code> の代替ソリューション</a> を提供することができます。</p> </div> <h2 id="Specifications" name="Specifications">仕様書</h2> diff --git a/files/ja/web/css/list-style/index.html b/files/ja/web/css/list-style/index.html index eed88a0dda..72fbb70159 100644 --- a/files/ja/web/css/list-style/index.html +++ b/files/ja/web/css/list-style/index.html @@ -104,7 +104,7 @@ List 2 <h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮事項</h2> -<p>Safari は順序なしリストで <code>list-style</code> の値に <code>none</code> が適用されると、アクセシビリティツリー上でリストとして認識されないという問題があります。これを解決するためには、それぞれのリスト項目の前に<a href="https://ja.wikipedia.org/wiki/%E3%82%BC%E3%83%AD%E5%B9%85%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9">ゼロ幅スペース</a>を<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/content">擬似コンテンツ</a>として追加してください。これでデザインがこのバグの影響を受けず、リスト項目が正しくない記述にはなりません。</p> +<p>Safari は順序なしリストで <code>list-style</code> の値に <code>none</code> が適用されると、アクセシビリティツリー上でリストとして認識されないという問題があります。これを解決するためには、それぞれのリスト項目の前に<a href="https://ja.wikipedia.org/wiki/%E3%82%BC%E3%83%AD%E5%B9%85%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9">ゼロ幅スペース</a>を<a href="/ja/docs/Web/CSS/content">擬似コンテンツ</a>として追加してください。これでデザインがこのバグの影響を受けず、リスト項目が正しくない記述にはなりません。</p> <pre class="brush: css">ul { list-style: none; diff --git a/files/ja/web/css/mask-border-repeat/index.html b/files/ja/web/css/mask-border-repeat/index.html index 8fe78e0f1d..80d6fefd38 100644 --- a/files/ja/web/css/mask-border-repeat/index.html +++ b/files/ja/web/css/mask-border-repeat/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/mask-border-repeat --- <div>{{CSSRef}}{{SeeCompatTable}}</div> -<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>mask-border-repeat</code></strong> プロパティは、どのように元の画像の<a href="/ja/docs/Web/CSS/border-image-slice#edge-regions">辺の領域</a>を要素の<a href="/en-US/docs/Web/CSS/mask-border">マスク境界</a>の寸法に合うように調整するかを設定します。</p> +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>mask-border-repeat</code></strong> プロパティは、どのように元の画像の<a href="/ja/docs/Web/CSS/border-image-slice#edge-regions">辺の領域</a>を要素の<a href="/ja/docs/Web/CSS/mask-border">マスク境界</a>の寸法に合うように調整するかを設定します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/max-inline-size/index.html b/files/ja/web/css/max-inline-size/index.html index 78aaacf99d..05189f14c3 100644 --- a/files/ja/web/css/max-inline-size/index.html +++ b/files/ja/web/css/max-inline-size/index.html @@ -17,7 +17,7 @@ translation_of: Web/CSS/max-inline-size --- <div>{{CSSRef}}</div> -<p><span class="seoSummary"><strong><code>max-inline-size</code></strong> は <a href="/en-US/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最大の寸法を定義します。これは {{cssxref("max-width")}} または {{cssxref("max-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> +<p><span class="seoSummary"><strong><code>max-inline-size</code></strong> は <a href="/ja/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最大の寸法を定義します。これは {{cssxref("max-width")}} または {{cssxref("max-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> <p>書字方向が垂直方向であった場合、 <code>max-inline-size</code> の値は要素の最大の高さに対応します。そうでなければ、要素の最大幅に対応します。関連プロパティとして、 {{cssxref("max-block-size")}} が要素のもう一方の寸法を定義します。</p> diff --git a/files/ja/web/css/max-width/index.html b/files/ja/web/css/max-width/index.html index a36a420c39..89feb27342 100644 --- a/files/ja/web/css/max-width/index.html +++ b/files/ja/web/css/max-width/index.html @@ -135,6 +135,6 @@ max-width: unset; <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model" title="en/CSS/box_model">The box model</a>, {{cssxref("box-sizing")}}</li> + <li><a href="/ja/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model" title="en/CSS/box_model">The box model</a>, {{cssxref("box-sizing")}}</li> <li>{{cssxref("width")}}, {{cssxref("min-width")}}</li> </ul> diff --git a/files/ja/web/css/media_queries/using_media_queries/index.html b/files/ja/web/css/media_queries/using_media_queries/index.html index a24ffa4734..779ab8f669 100644 --- a/files/ja/web/css/media_queries/using_media_queries/index.html +++ b/files/ja/web/css/media_queries/using_media_queries/index.html @@ -342,7 +342,7 @@ translation_of: Web/CSS/Media_Queries/Using_media_queries <p>Media Queries Level 4 仕様書では、例えば幅や高さについて、よりすっきりとした "range" 型を持つ特性を使ってメディアクエリを作れるよう構文が拡張されました。 Level 4 はこのようなクエリを書くために<em>範囲コンテキスト</em>を追加しています。例えば、幅について <code>max-</code> の特性を使用する場合は、以下のように書くことができます。</p> <div class="note"> -<p><strong>注:</strong> Media Queries Level 4 仕様は、最新のブラウザーはそれなりに対応していますが、一部のメディア機能には十分に対応していません。詳細は <a href="/en-US/docs/Web/CSS/@media#Browser_compatibility"><code>@media</code> ブラウザー互換性一覧表</a>を参照してください。</p> +<p><strong>注:</strong> Media Queries Level 4 仕様は、最新のブラウザーはそれなりに対応していますが、一部のメディア機能には十分に対応していません。詳細は <a href="/ja/docs/Web/CSS/@media#Browser_compatibility"><code>@media</code> ブラウザー互換性一覧表</a>を参照してください。</p> </div> <pre class="brush: css">@media (max-width: 30em) { ... }</pre> diff --git a/files/ja/web/css/microsoft_extensions/index.html b/files/ja/web/css/microsoft_extensions/index.html index 31be6de5ef..57fb8e09fa 100644 --- a/files/ja/web/css/microsoft_extensions/index.html +++ b/files/ja/web/css/microsoft_extensions/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/Microsoft_Extensions --- <div>{{CSSRef}}</div> -<p>Edge や Internet Explorer のような Microsoft のアプリケーションは、いくつもの特殊な <strong> <a href="/en-US/docs/Web/CSS">CSS</a> の Microsoft 拡張</strong>に対応しています。これらの拡張には接頭辞に <code>-ms-</code> が付きます。</p> +<p>Edge や Internet Explorer のような Microsoft のアプリケーションは、いくつもの特殊な <strong> <a href="/ja/docs/Web/CSS">CSS</a> の Microsoft 拡張</strong>に対応しています。これらの拡張には接頭辞に <code>-ms-</code> が付きます。</p> <h2 id="Microsoft-only_properties_(avoid_using_on_websites)" name="Microsoft-only_properties_(avoid_using_on_websites)">Microsoft 独自プロパティ (ウェブサイトでの使用は避けてください)</h2> diff --git a/files/ja/web/css/min()/index.html b/files/ja/web/css/min()/index.html index 92631860d9..c696ddf104 100644 --- a/files/ja/web/css/min()/index.html +++ b/files/ja/web/css/min()/index.html @@ -15,7 +15,7 @@ translation_of: Web/CSS/min() --- <div>{{CSSRef}}</div> -<p><strong><code>min()</code></strong> は <a href="/en-US/docs/Web/CSS">CSS</a> 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最小の (最も負である) 値を設定できます。 <code>min()</code> 関数は {{CSSxRef("<length>")}}、{{CSSxRef("<frequency>")}},、{{CSSxRef("<angle>")}}、{{CSSxRef("<time>")}}、{{CSSxRef("<percentage>")}}、{{CSSxRef("<number>")}}、{{CSSxRef("<integer>")}} が利用できるところならばどこでも使用することができます。</p> +<p><strong><code>min()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最小の (最も負である) 値を設定できます。 <code>min()</code> 関数は {{CSSxRef("<length>")}}、{{CSSxRef("<frequency>")}},、{{CSSxRef("<angle>")}}、{{CSSxRef("<time>")}}、{{CSSxRef("<percentage>")}}、{{CSSxRef("<number>")}}、{{CSSxRef("<integer>")}} が利用できるところならばどこでも使用することができます。</p> <pre class="brush: css; no-line-numbers">/* プロパティ: min(式 [, 式]) */ width: min(10vw, 4em, 80px); diff --git a/files/ja/web/css/min-block-size/index.html b/files/ja/web/css/min-block-size/index.html index 764f47a68b..5e27a77b8b 100644 --- a/files/ja/web/css/min-block-size/index.html +++ b/files/ja/web/css/min-block-size/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/min-block-size --- <div>{{CSSRef}}</div> -<p><span class="seoSummary"><code>min-block-size</code> は <a href="/en-US/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは {{cssxref("min-width")}} または {{cssxref("min-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> +<p><span class="seoSummary"><code>min-block-size</code> は <a href="/ja/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは {{cssxref("min-width")}} または {{cssxref("min-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> <p>書字方向が垂直方向であった場合、 <code>min-block-size</code> の値は要素の最小幅に対応します。そうでなければ、要素の最小の高さに対応します。関連プロパティの {{cssxref("min-inline-size")}} が要素のもう一方の寸法を定義します。</p> diff --git a/files/ja/web/css/min-inline-size/index.html b/files/ja/web/css/min-inline-size/index.html index ebe1bb72db..d14c3fef6d 100644 --- a/files/ja/web/css/min-inline-size/index.html +++ b/files/ja/web/css/min-inline-size/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/min-inline-size --- <div>{{CSSRef}}</div> -<p><span class="seoSummary"><strong><code>min-inline-size</code></strong> は <a href="/en-US/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは {{cssxref("min-width")}} または {{cssxref("min-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> +<p><span class="seoSummary"><strong><code>min-inline-size</code></strong> は <a href="/ja/docs/Web/CSS" title="CSS">CSS</a> のプロパティで、書字方向に応じて要素ブロックの水平または垂直方向の最小の寸法を定義します。これは {{cssxref("min-width")}} または {{cssxref("min-height")}} のどちらかのプロパティと、 {{cssxref("writing-mode")}} の値に応じて対応します。</span></p> <p>書字方向が垂直方向であった場合、 <code>min-inline-size</code> の値は要素の最小の高さに対応します。そうでなければ、要素の最小幅に対応します。関連プロパティの {{cssxref("min-block-size")}} が要素のもう一方の寸法を定義します。</p> diff --git a/files/ja/web/css/opacity/index.html b/files/ja/web/css/opacity/index.html index c084127fe7..48781e619b 100644 --- a/files/ja/web/css/opacity/index.html +++ b/files/ja/web/css/opacity/index.html @@ -96,7 +96,7 @@ img.opacity:hover { zoom: 1; }</pre> -<pre class="brush: html notranslate"><img src="<a href="https://developer.mozilla.org/static/img/opengraph-logo.png">//developer.mozilla.org/static/img/opengraph-logo.png</a>" +<pre class="brush: html notranslate"><img src="<a href="/static/img/opengraph-logo.png">//developer.mozilla.org/static/img/opengraph-logo.png</a>" alt="MDN ロゴ" width="128" height="146" class="opacity"> </pre> diff --git a/files/ja/web/css/outline-offset/index.html b/files/ja/web/css/outline-offset/index.html index 083fff585d..5995f59e76 100644 --- a/files/ja/web/css/outline-offset/index.html +++ b/files/ja/web/css/outline-offset/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/outline-offset --- <div>{{CSSRef}}</div> -<p>CSS の <strong><code>outline-offset</code></strong> プロパティは、要素の辺や境界線と<a href="/docs/Web/CSS/outline">輪郭線</a>との空間の量を設定します。</p> +<p>CSS の <strong><code>outline-offset</code></strong> プロパティは、要素の辺や境界線と<a href="/ja/docs/Web/CSS/outline">輪郭線</a>との空間の量を設定します。</p> <div>{{EmbedInteractiveExample("pages/css/outline-offset.html")}}</div> diff --git a/files/ja/web/css/overflow-anchor/guide_to_scroll_anchoring/index.html b/files/ja/web/css/overflow-anchor/guide_to_scroll_anchoring/index.html index 58c2e91cee..2a71ff016a 100644 --- a/files/ja/web/css/overflow-anchor/guide_to_scroll_anchoring/index.html +++ b/files/ja/web/css/overflow-anchor/guide_to_scroll_anchoring/index.html @@ -89,6 +89,6 @@ translation_of: Web/CSS/overflow-anchor/Guide_to_scroll_anchoring <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> -<p>ブラウザーでスクロールアンカリングが利用できるかどうかを検査する必要がある場合は、<a href="/en-US/docs/Web/CSS/@supports">特性クエリ</a>を使用して <code>overflow-anchor</code> プロパティに対応しているかどうかを検査してください。</p> +<p>ブラウザーでスクロールアンカリングが利用できるかどうかを検査する必要がある場合は、<a href="/ja/docs/Web/CSS/@supports">特性クエリ</a>を使用して <code>overflow-anchor</code> プロパティに対応しているかどうかを検査してください。</p> <p>{{Compat("css.properties.overflow-anchor")}}</p> diff --git a/files/ja/web/css/ratio/index.html b/files/ja/web/css/ratio/index.html index f89fd4acdf..63446d71b4 100644 --- a/files/ja/web/css/ratio/index.html +++ b/files/ja/web/css/ratio/index.html @@ -12,7 +12,7 @@ translation_of: Web/CSS/ratio --- <p>{{CSSRef}}</p> -<p><strong><code><ratio></code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/CSS_Types">データ型</a>で、<a href="/en-US/docs/Web/CSS/@media/aspect-ratio">アスペクト比</a>を<a href="/en-US/docs/Web/CSS/Media_Queries">メディアクエリ</a>内で記述するために使用し、2つの単位のない値で比率を記述します。</p> +<p><strong><code><ratio></code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/CSS_Types">データ型</a>で、<a href="/ja/docs/Web/CSS/@media/aspect-ratio">アスペクト比</a>を<a href="/ja/docs/Web/CSS/Media_Queries">メディアクエリ</a>内で記述するために使用し、2つの単位のない値で比率を記述します。</p> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/scroll-snap-coordinate/index.html b/files/ja/web/css/scroll-snap-coordinate/index.html index 1a8c9a49d8..1a9e185a3b 100644 --- a/files/ja/web/css/scroll-snap-coordinate/index.html +++ b/files/ja/web/css/scroll-snap-coordinate/index.html @@ -12,7 +12,7 @@ translation_of: Web/CSS/scroll-snap-coordinate --- <div>{{CSSRef}}{{deprecated_header}}</div> -<p><a href="/en-US/docs/Web/CSS">CSS</a> の <strong><code>scroll-snap-coordinate</code></strong> プロパティは、このプロパティは、最も近い祖先のスクロールコンテナーの {{cssxref("scroll-snap-destination")}} に配置される要素内の X 座標と Y 座標の位置をそれぞれの軸で定義します。</p> +<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>scroll-snap-coordinate</code></strong> プロパティは、このプロパティは、最も近い祖先のスクロールコンテナーの {{cssxref("scroll-snap-destination")}} に配置される要素内の X 座標と Y 座標の位置をそれぞれの軸で定義します。</p> <pre class="brush:css no-line-numbers">/* キーワード値 */ scroll-snap-coordinate: none; diff --git a/files/ja/web/css/shape/index.html b/files/ja/web/css/shape/index.html index 5691317b29..c4cc8fcae2 100644 --- a/files/ja/web/css/shape/index.html +++ b/files/ja/web/css/shape/index.html @@ -77,5 +77,5 @@ translation_of: Web/CSS/shape <ul> <li>関連 CSS プロパティ: {{Cssxref("clip")}}</li> - <li><a href="/en-US/CSS/-moz-image-rect" title="CSS/-moz-image-rect"><code>-moz-image-rect()</code></a> 関数は <code>rect()</code>と似た座標を使います</li> + <li><a href="/ja/CSS/-moz-image-rect" title="CSS/-moz-image-rect"><code>-moz-image-rect()</code></a> 関数は <code>rect()</code>と似た座標を使います</li> </ul> diff --git a/files/ja/web/css/specificity/index.html b/files/ja/web/css/specificity/index.html index 0432121930..88b4080d96 100644 --- a/files/ja/web/css/specificity/index.html +++ b/files/ja/web/css/specificity/index.html @@ -29,7 +29,7 @@ translation_of: Web/CSS/Specificity <ol> <li><a href="/ja/docs/Web/CSS/Type_selectors">要素型セレクター</a> (例えば <code>h1</code>) と 擬似要素 (例えば <code>::before</code>)</li> <li><a href="/ja/docs/Web/CSS/Class_selectors">クラスセレクター</a> (例えば <code>.example</code>)、属性セレクター (例えば <code>[type="radio"]</code>)、擬似クラス (例えば <code>:hover</code>)</li> - <li><a href="/en-US/docs/Web/CSS/ID_selectors">ID セレクター</a> (例えば <code>#example</code>)</li> + <li><a href="/ja/docs/Web/CSS/ID_selectors">ID セレクター</a> (例えば <code>#example</code>)</li> </ol> <p>全称セレクター ({{CSSxRef("Universal_selectors", "*")}}), 結合子 ({{CSSxRef("Adjacent_sibling_combinator", "+")}}, {{CSSxRef("Child_combinator", ">")}}, {{CSSxRef("General_sibling_combinator", "~")}}, <a href="/ja/docs/Web/CSS/Descendant_combinator" style="white-space: nowrap;">'<code> </code>'</a>, {{CSSxRef("Column_combinator", "||")}}), 否定擬似クラス ({{CSSxRef(":not", ":not()")}}) は詳細度に影響を与えません。 (但し、 <code>:not()</code> の<em>中で</em>宣言されたセレクターは影響を与えます。)</p> @@ -40,7 +40,7 @@ translation_of: Web/CSS/Specificity <h3 id="The_!important_exception" name="The_!important_exception">!important の例外</h3> -<p><code>!important</code> 規則がスタイル宣言で使われたとき、それが宣言リストのどこであっても、この宣言は CSS 内で作られたその他の宣言を上書きします。技術的には <code>!important</code> は詳細度とは無関係ですが、直接作用します。しかし、スタイルの自然の<a href="/en-US/docs/Web/CSS/Cascade">カスケード</a>を破壊するためデバッグが難しくなるので、 <code>!important</code> を使用することは<strong>悪い習慣</strong>であり、使用を避けるべきです。同じ要素に二つの競合する宣言が <code>!important</code> 規則付きで適用された場合、より高い詳細度の宣言が適用されます。</p> +<p><code>!important</code> 規則がスタイル宣言で使われたとき、それが宣言リストのどこであっても、この宣言は CSS 内で作られたその他の宣言を上書きします。技術的には <code>!important</code> は詳細度とは無関係ですが、直接作用します。しかし、スタイルの自然の<a href="/ja/docs/Web/CSS/Cascade">カスケード</a>を破壊するためデバッグが難しくなるので、 <code>!important</code> を使用することは<strong>悪い習慣</strong>であり、使用を避けるべきです。同じ要素に二つの競合する宣言が <code>!important</code> 規則付きで適用された場合、より高い詳細度の宣言が適用されます。</p> <p><strong>いくつかの経験則</strong></p> diff --git a/files/ja/web/css/syntax/index.html b/files/ja/web/css/syntax/index.html index 12a2ce4efd..30b41c6dda 100644 --- a/files/ja/web/css/syntax/index.html +++ b/files/ja/web/css/syntax/index.html @@ -68,7 +68,7 @@ translation_of: Web/CSS/Syntax <p>文には二種類があります。</p> <ul> - <li><strong>規則セット</strong> (または<em>規則</em>)。ここまで見てきたように、 CSS の宣言の集合を、<a href="/en-US/docs/Web/CSS/CSS_Selectors">セレクター</a>によって表現された状態に関連付けています。</li> + <li><strong>規則セット</strong> (または<em>規則</em>)。ここまで見てきたように、 CSS の宣言の集合を、<a href="/ja/docs/Web/CSS/CSS_Selectors">セレクター</a>によって表現された状態に関連付けています。</li> <li><strong>アット規則</strong>。アットマーク '<code>@</code>' (<code>U+0040 COMMERCIAL AT</code>) で始まり、識別子が後続し、ブロックの外のセミコロンまたは次のブロックの終わりに至るまで続きます。それぞれの種類の <a href="/ja/docs/Web/CSS/At-rule">アット規則</a>は、識別子によって定義され、当然ながら独自の内部構文や意味を持つことがあります。アット規則はメタデータ情報 ({{ cssxref("@charset") }} や {{ cssxref("@import") }} など) を伝えたり、条件情報 ({{ cssxref("@media") }} や {{ cssxref("@document") }}) など) を伝えたり、記述的情報 ({{ cssxref("@font-face") }} など) を伝えたりするために使用します。</li> </ul> diff --git a/files/ja/web/css/text-align/index.html b/files/ja/web/css/text-align/index.html index 524c430472..40f11c6cfa 100644 --- a/files/ja/web/css/text-align/index.html +++ b/files/ja/web/css/text-align/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/text-align --- <div>{{CSSRef}}</div> -<p><strong><code>text-align</code></strong> は <a href="/en-US/docs/Web/CSS">CSS</a> のプロパティで、ブロック要素または表セルボックスの水平方向の配置を設定します。つまり、 {{cssxref("vertical-align")}} のように、ただし水平方向に動作します。</p> +<p><strong><code>text-align</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> のプロパティで、ブロック要素または表セルボックスの水平方向の配置を設定します。つまり、 {{cssxref("vertical-align")}} のように、ただし水平方向に動作します。</p> <div>{{EmbedInteractiveExample("pages/css/text-align.html")}}</div> diff --git a/files/ja/web/css/text-orientation/index.html b/files/ja/web/css/text-orientation/index.html index 67a799f713..268ca05408 100644 --- a/files/ja/web/css/text-orientation/index.html +++ b/files/ja/web/css/text-orientation/index.html @@ -99,7 +99,7 @@ text-orientation: unset; <ul> <li>他の縦書きに関連する CSS プロパティ: {{cssxref("writing-mode")}}, {{cssxref("text-combine-upright")}}, {{cssxref("unicode-bidi")}}</li> - <li><a href="/docs/Web/CSS/CSS_Logical_Properties">CSS 論理的プロパティ</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Logical_Properties">CSS 論理的プロパティ</a></li> <li><a href="https://www.w3.org/International/articles/vertical-text/">縦書きテキストのスタイル付け (中国語、日本語、韓国語、モンゴル語)</a></li> <li>広範なブラウザーの対応状況テキスト結果: <a href="https://w3c.github.io/i18n-tests/results/horizontal-in-vertical.html#text_orientation">https://w3c.github.io/i18n-tests/results/horizontal-in-vertical.html#text_orientation</a></li> </ul> diff --git a/files/ja/web/css/transform-function/rotatez()/index.html b/files/ja/web/css/transform-function/rotatez()/index.html index aec4b6a9ce..5c0618adf5 100644 --- a/files/ja/web/css/transform-function/rotatez()/index.html +++ b/files/ja/web/css/transform-function/rotatez()/index.html @@ -21,7 +21,7 @@ translation_of: Web/CSS/transform-function/rotateZ() <p>回転軸は、 {{ cssxref("transform-origin") }} CSS プロパティで定義される原点を通ります。</p> <div class="note"> -<p><strong>メモ:</strong> <code>rotateZ(a)</code> は <code><a href="/en-US/docs/Web/CSS/transform-function/rotate">rotate</a>(a)</code> または <code><a href="/ja/docs/Web/CSS/transform-function/rotate3d">rotate3d</a>(0, 0, 1, a)</code> と等価です。</p> +<p><strong>メモ:</strong> <code>rotateZ(a)</code> は <code><a href="/ja/docs/Web/CSS/transform-function/rotate">rotate</a>(a)</code> または <code><a href="/ja/docs/Web/CSS/transform-function/rotate3d">rotate3d</a>(0, 0, 1, a)</code> と等価です。</p> </div> <div class="note"><strong>メモ:</strong> 二次元平面での回転とは異なり、三次元での回転はふつう交換可能ではありません。言い換えれば、回転の順番が結果に影響を与えます。</div> diff --git a/files/ja/web/css/transform-function/scale()/index.html b/files/ja/web/css/transform-function/scale()/index.html index 585964f29b..e4b78176ec 100644 --- a/files/ja/web/css/transform-function/scale()/index.html +++ b/files/ja/web/css/transform-function/scale()/index.html @@ -10,7 +10,7 @@ translation_of: Web/CSS/transform-function/scale() --- <div>{{CSSRef}}</div> -<p><strong><code>scale()</code></strong> は <a href="/docs/Web/CSS">CSS</a> 関数で、二次元平面上における拡縮する変形を定義します変倍の量がベクトルで定義されるため、水平方向と垂直方向に対して異なる変倍で大きさを変えることができます。結果は {{cssxref("<transform-function>")}} データ型になります。</p> +<p><strong><code>scale()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> 関数で、二次元平面上における拡縮する変形を定義します変倍の量がベクトルで定義されるため、水平方向と垂直方向に対して異なる変倍で大きさを変えることができます。結果は {{cssxref("<transform-function>")}} データ型になります。</p> <p><img src="https://mdn.mozillademos.org/files/12115/scale.png" style="height: 325px; width: 392px;"></p> @@ -18,7 +18,7 @@ translation_of: Web/CSS/transform-function/scale() <p>座標の値が [-1, 1] の範囲外の場合、変倍は、その座標の方向に要素を拡大します。この範囲内の場合、変倍は、要素をその座標の方向に縮小します。負の場合、変倍は <a href="https://ja.wikipedia.org/wiki/点対称">点対称化</a> と大きさの変更を行います。1 と等しい場合、変倍は何もしません。</p> -<div class="note"><strong>メモ:</strong> <code>scale()</code> 関数は、二次元の変換のみに適用されます。三次元空間内での変倍を行うには、 <code><a href="/docs/Web/CSS/transform-function/scale3d">scale3d()</a></code> 関数を使用してください。</div> +<div class="note"><strong>メモ:</strong> <code>scale()</code> 関数は、二次元の変換のみに適用されます。三次元空間内での変倍を行うには、 <code><a href="/ja/docs/Web/CSS/transform-function/scale3d">scale3d()</a></code> 関数を使用してください。</div> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/transform-function/scalex()/index.html b/files/ja/web/css/transform-function/scalex()/index.html index 72dbcfc046..8548b169c4 100644 --- a/files/ja/web/css/transform-function/scalex()/index.html +++ b/files/ja/web/css/transform-function/scalex()/index.html @@ -5,9 +5,9 @@ translation_of: Web/CSS/transform-function/scaleX() --- <div>{{CSSRef}}</div> -<div><a href="https://developer.mozilla.org/ja/docs/Web/CSS">CSS</a>の<strong><code>scaleX()</code></strong> 関数は、要素をX軸に沿って（水平に）拡縮する変形を定義します。</div> +<div><a href="/ja/docs/Web/CSS">CSS</a>の<strong><code>scaleX()</code></strong> 関数は、要素をX軸に沿って（水平に）拡縮する変形を定義します。</div> -<div>結果は <a href="https://developer.mozilla.org/ja/docs/Web/CSS/transform-function" title="CSS の <transform-function> データ型は、要素の外見の変形を表します。変形関数は二次元または三次元空間で要素を回転、拡大縮小、歪曲、移動させることができます。これは transform プロパティの中で使用されます。"><code><transform-function></code></a> データ型になります。</div> +<div>結果は <a href="/ja/docs/Web/CSS/transform-function" title="CSS の <transform-function> データ型は、要素の外見の変形を表します。変形関数は二次元または三次元空間で要素を回転、拡大縮小、歪曲、移動させることができます。これは transform プロパティの中で使用されます。"><code><transform-function></code></a> データ型になります。</div> <div></div> @@ -15,10 +15,10 @@ translation_of: Web/CSS/transform-function/scaleX() <p><img src="https://mdn.mozillademos.org/files/12117/scaleX.png" style="height: 315px; width: 372px;"></p> -<p>係数が 1 である場合を除いて、各要素点の横座標を一定の係数で修正し、この場合、関数は恒等変換です。拡大縮小は等方性ではなく、要素の角度は保存されません。 <code>scaleX(-1)</code> は<a href="http://en.wikipedia.org/wiki/Axial_symmetry" rel="noopener">軸の線対称</a>を定義し、垂直軸は原点を通過します (<a href="https://developer.mozilla.org/ja/docs/Web/CSS/transform-origin" title="CSS の transform-origin プロパティは、要素の変形 (transform) における原点を設定します。"><code>transform-origin</code></a> プロパティで指定)。</p> +<p>係数が 1 である場合を除いて、各要素点の横座標を一定の係数で修正し、この場合、関数は恒等変換です。拡大縮小は等方性ではなく、要素の角度は保存されません。 <code>scaleX(-1)</code> は<a href="http://en.wikipedia.org/wiki/Axial_symmetry" rel="noopener">軸の線対称</a>を定義し、垂直軸は原点を通過します (<a href="/ja/docs/Web/CSS/transform-origin" title="CSS の transform-origin プロパティは、要素の変形 (transform) における原点を設定します。"><code>transform-origin</code></a> プロパティで指定)。</p> <div class="note"> -<p><strong>メモ:</strong> <code>scaleX(sx)</code>は<code><font face="x-locale-heading-primary, zillaslab, Palatino, Palatino Linotype, x-locale-heading-secondary, serif"><span style="background-color: #fff3d4;"> </span></font></code><code><a href="/en-US/docs/Web/CSS/transform-function/scale">scale</a>(sx, 1)</code>または<code><a href="/en-US/docs/Web/CSS/transform-function/scale3d">scale3d</a>(sx, 1, 1)</code>と等価です。</p> +<p><strong>メモ:</strong> <code>scaleX(sx)</code>は<code><font face="x-locale-heading-primary, zillaslab, Palatino, Palatino Linotype, x-locale-heading-secondary, serif"><span style="background-color: #fff3d4;"> </span></font></code><code><a href="/ja/docs/Web/CSS/transform-function/scale">scale</a>(sx, 1)</code>または<code><a href="/ja/docs/Web/CSS/transform-function/scale3d">scale3d</a>(sx, 1, 1)</code>と等価です。</p> </div> <h2 id="Syntax">Syntax</h2> @@ -108,8 +108,8 @@ translation_of: Web/CSS/transform-function/scaleX() <h2 id="See_also">See also</h2> <ul> - <li><code><a href="/en-US/docs/Web/CSS/transform-function/scaleY">scaleY()</a></code></li> - <li><code><a href="/en-US/docs/Web/CSS/transform-function/scaleZ">scaleZ()</a></code></li> + <li><code><a href="/ja/docs/Web/CSS/transform-function/scaleY">scaleY()</a></code></li> + <li><code><a href="/ja/docs/Web/CSS/transform-function/scaleZ">scaleZ()</a></code></li> <li>{{cssxref("transform")}}</li> <li>{{cssxref("<transform-function>")}}</li> <li>{{cssxref("transform-origin")}}</li> diff --git a/files/ja/web/css/transform-function/translate()/index.html b/files/ja/web/css/transform-function/translate()/index.html index a2c8c98f51..01b7d7e801 100644 --- a/files/ja/web/css/transform-function/translate()/index.html +++ b/files/ja/web/css/transform-function/translate()/index.html @@ -65,7 +65,7 @@ transform: translate(30%, 50%); <h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3> -<pre class="syntaxbox notranslate">translate({{cssxref("<length-percentage>")}} , {{cssxref("<length-percentage>")}}<a href="/en-US/docs/Web/CSS/Value_definition_syntax#Question_mark_()">?</a>) +<pre class="syntaxbox notranslate">translate({{cssxref("<length-percentage>")}} , {{cssxref("<length-percentage>")}}<a href="/ja/docs/Web/CSS/Value_definition_syntax#Question_mark_()">?</a>) </pre> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/css/transform-function/translatey()/index.html b/files/ja/web/css/transform-function/translatey()/index.html index e0fd47a7bb..ea004906f7 100644 --- a/files/ja/web/css/transform-function/translatey()/index.html +++ b/files/ja/web/css/transform-function/translatey()/index.html @@ -11,12 +11,12 @@ translation_of: Web/CSS/transform-function/translateY() --- <div>{{CSSRef}}</div> -<p><strong><code>translateX()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/en-US/docs/Web/CSS/CSS_Functions">function</a>で、要素を二次元平面上の水平方向で再配置します。結果は {{cssxref("<transform-function>")}} データ型になります。</p> +<p><strong><code>translateX()</code></strong> は <a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/s/Web/CSS/CSS_Functions">function</a>で、要素を二次元平面上の水平方向で再配置します。結果は {{cssxref("<transform-function>")}} データ型になります。</p> <p><img alt="" src="https://mdn.mozillademos.org/files/3544/transform-functions-translateX_2.png" style="height: 146px; width: 243px;"></p> <div class="note"> -<p><strong>注:</strong> <code>translateX(tx)</code> は <code><a href="/en-US/docs/Web/CSS/transform-function/translate">translate</a>(tx, 0)</code> または <code><a href="/en-US/docs/Web/CSS/transform-function/translate3d">translate3d</a>(tx, 0, 0)</code> と等価です。</p> +<p><strong>注:</strong> <code>translateX(tx)</code> は <code><a href="/ja/s/Web/CSS/transform-function/translate">translate</a>(tx, 0)</code> または <code><a hrehref="/ja/eb/CSS/transform-function/translate3d">translate3d</a>(tx, 0, 0)</code> と等価です。</p> </div> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/transform/index.html b/files/ja/web/css/transform/index.html index 78f00715d3..360b12a5a4 100644 --- a/files/ja/web/css/transform/index.html +++ b/files/ja/web/css/transform/index.html @@ -16,10 +16,10 @@ translation_of: Web/CSS/transform <p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> -<p>このプロパティに <code>none</code> 以外の値が設定されていると、<a href="/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">重ね合わせコンテキスト</a> が作成されます。この場合、その要素はその中に含まれる <code>position: fixed;</code> または <code>position: absolute;</code> である要素すべての<a href="/ja/docs/Web/CSS/Containing_block">包含ブロック</a>として扱われます。</p> +<p>このプロパティに <code>none</code> 以外の値が設定されていると、<a href="/ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">重ね合わせコンテキスト</a> が作成されます。この場合、その要素はその中に含まれる <code>position: fixed;</code> または <code>position: absolute;</code> である要素すべての<a href="/ja/docs/Web/CSS/Containing_block">包含ブロック</a>として扱われます。</p> <div class="warning"> -<p>変形可能な要素のみが <code>transform</code> の対象になります。つまり、レイアウトが CSS ボックスモデルによって管理される、<a href="/ja/docs/Web/CSS/Visual_formatting_model#Inline-level_elements_and_inline_boxes">非置換インラインボックス</a>、<a href="/ja/docs/Web/HTML/Element/col">表の列ボックス</a>、<a href="/en-US/docs/Web/HTML/Element/colgroup">表の列グループボックス</a>を除くすべての要素です。</p> +<p>変形可能な要素のみが <code>transform</code> の対象になります。つまり、レイアウトが CSS ボックスモデルによって管理される、<a href="/ja/docs/Web/CSS/Visual_formatting_model#Inline-level_elements_and_inline_boxes">非置換インラインボックス</a>、<a href="/ja/docs/Web/HTML/Element/col">表の列ボックス</a>、<a href="/ja/docs/Web/HTML/Element/colgroup">表の列グループボックス</a>を除くすべての要素です。</p> </div> <h2 id="Syntax" name="Syntax">構文</h2> diff --git a/files/ja/web/css/transition-delay/index.html b/files/ja/web/css/transition-delay/index.html index ef4969ab8b..cea8b9b669 100644 --- a/files/ja/web/css/transition-delay/index.html +++ b/files/ja/web/css/transition-delay/index.html @@ -350,6 +350,6 @@ var intervalID = window.setInterval(updateTransition, 7000); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">CSS トランジションの利用</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions">CSS トランジションの利用</a></li> <li>{{domxref("TransitionEvent")}}</li> </ul> diff --git a/files/ja/web/css/transition-timing-function/index.html b/files/ja/web/css/transition-timing-function/index.html index b7f542f49d..bce50156f2 100644 --- a/files/ja/web/css/transition-timing-function/index.html +++ b/files/ja/web/css/transition-timing-function/index.html @@ -245,7 +245,7 @@ var intervalID = window.setInterval(updateTransition, 10000); <p>Some animations can be helpful such as to guide users to understand what actions are expected, to show relationships within the user interface, and to inform users as to what actions have occurred. Animations can help reduce cognitive load, prevent change blindness, and establish better recall in spatial relationships. However, some animations can be problematic for people with cognitive concerns such as Attention Deficit Hyperactivity Disorder (ADHD) and certain kinds of motion can be a trigger for Vestibular disorders, epilepsy, and migraine and Scotopic sensitivity.</p> -<p>Consider providing a mechanism for pausing or disabling animation, as well as using the <a href="/en-US/docs/Web/CSS/@media/prefers-reduced-motion">Reduced Motion Media Query</a> to create a complimentary experience for users who have expressed a preference for no animated experiences.</p> +<p>Consider providing a mechanism for pausing or disabling animation, as well as using the <a href="/ja/docs/Web/CSS/@media/prefers-reduced-motion">Reduced Motion Media Query</a> to create a complimentary experience for users who have expressed a preference for no animated experiences.</p> <h2 id="Specifications" name="Specifications">仕様書</h2> diff --git a/files/ja/web/css/writing-mode/index.html b/files/ja/web/css/writing-mode/index.html index 8b0ff5b9e1..a93f090c81 100644 --- a/files/ja/web/css/writing-mode/index.html +++ b/files/ja/web/css/writing-mode/index.html @@ -212,12 +212,12 @@ th { <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li>SVG <code><a href="/docs/Web/SVG/Attribute/writing-mode">writing-mode</a></code> 属性</li> + <li>SVG <code><a href="/ja/docs/Web/SVG/Attribute/writing-mode">writing-mode</a></code> 属性</li> <li>{{Cssxref("direction")}}</li> <li>{{Cssxref("unicode-bidi")}}</li> <li>{{Cssxref("text-orientation")}}</li> <li>{{Cssxref("text-combine-upright")}}</li> - <li><a href="/docs/Web/CSS/CSS_Logical_Properties">CSS 論理的プロパティ</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Logical_Properties">CSS 論理的プロパティ</a></li> <li><a href="https://www.w3.org/International/articles/vertical-text/">Styling vertical text (Chinse, Japanese, Korean and Mongolian)</a></li> <li>広範なブラウザーの対応試験結果: <a href="https://w3c.github.io/i18n-tests/results/writing-mode-vertical">https://w3c.github.io/i18n-tests/results/writing-mode-vertical</a></li> </ul> diff --git a/files/ja/web/css/zoom/index.html b/files/ja/web/css/zoom/index.html index 05a0b31803..f1b5d43695 100644 --- a/files/ja/web/css/zoom/index.html +++ b/files/ja/web/css/zoom/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/zoom --- <div>{{CSSRef}}{{Non-standard_header}}</div> -<p><span class="seoSummary"> <a href="/en-US/docs/Web/CSS">CSS</a> の標準外の <strong><dfn><code>zoom</code></dfn></strong> プロパティは、要素の拡大率を制御するために使用することができます。</span>できれば、このプロパティの代わりに {{cssxref("transform-function/scale", "transform: scale()")}} を使用してください。ただし、 CSS 変換とは異なり、 <code>zoom</code> は要素のレイアウト時の大きさに影響します。</p> +<p><span class="seoSummary"> <a href="/ja/docs/Web/CSS">CSS</a> の標準外の <strong><dfn><code>zoom</code></dfn></strong> プロパティは、要素の拡大率を制御するために使用することができます。</span>できれば、このプロパティの代わりに {{cssxref("transform-function/scale", "transform: scale()")}} を使用してください。ただし、 CSS 変換とは異なり、 <code>zoom</code> は要素のレイアウト時の大きさに影響します。</p> <pre class="brush: css no-line-numbers">/* キーワード値 */ zoom: normal; diff --git a/files/ja/web/javascript/closures/index.html b/files/ja/web/javascript/closures/index.html index 8a4e6c0684..2190a861c0 100644 --- a/files/ja/web/javascript/closures/index.html +++ b/files/ja/web/javascript/closures/index.html @@ -367,7 +367,7 @@ function setupHelp() { setupHelp();</pre> -<p>これ以上クロージャを使いたくない場合、ES2015 で導入された <code><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/let">let</a></code> キーワードも使用できます:</p> +<p>これ以上クロージャを使いたくない場合、ES2015 で導入された <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/let">let</a></code> キーワードも使用できます:</p> <pre class="brush: js notranslate">function showHelp(help) { document.getElementById('help').innerHTML = help; diff --git a/files/ja/web/javascript/eventloop/index.html b/files/ja/web/javascript/eventloop/index.html index a4b43d4e8a..712eddebfb 100644 --- a/files/ja/web/javascript/eventloop/index.html +++ b/files/ja/web/javascript/eventloop/index.html @@ -65,14 +65,14 @@ console.log(bar(7)); // returns 42 <p>Webブラウザでは、メッセージは、イベントが発生し、それに接続されているイベントリスナーがある任意の時間に追加されます。イベントリスナーがない場合、イベントは失われます。だから、他のイベントと同様に、クリックイベントハンドラを持つ要素をクリックすると、メッセージが追加されます。</p> -<p><code><a href="/docs/Web/API/WindowTimers.setTimeout" title="/docs/window.setTimeout">setTimeout</a></code>を呼び出すと、2番目の引数として渡された時間が経過した後、メッセージがキューに追加されます。キューに他のメッセージがない場合、メッセージはすぐに処理されます。しかしながら、メッセージがある場合、<code>setTimeout</code>メッセージは他のメッセージを処理するために待機する必要があります。そのため第二引数は、保証時間ではなく、最小の時間を示しています。</p> +<p><code><a href="/ja/docs/Web/API/WindowTimers.setTimeout" title="/docs/window.setTimeout">setTimeout</a></code>を呼び出すと、2番目の引数として渡された時間が経過した後、メッセージがキューに追加されます。キューに他のメッセージがない場合、メッセージはすぐに処理されます。しかしながら、メッセージがある場合、<code>setTimeout</code>メッセージは他のメッセージを処理するために待機する必要があります。そのため第二引数は、保証時間ではなく、最小の時間を示しています。</p> <h3 id="一緒に通信するいくつかのランタイム">一緒に通信するいくつかのランタイム</h3> -<p>ウェブワーカーやクロスオリジンのiframeは、独自のスタック、ヒープ、およびメッセージキューがあります。二つの異なるランタイムのみ<a href="/docs/DOM/window.postMessage" title="/docs/DOM/window.postMessage"><code>postMessage</code></a>メソッドによって送信メッセージを介して通信することができます。他のランタイムが<code>message</code>イベントをリッスンする場合、このメソッドは他のランタイムにメッセージを追加します。</p> +<p>ウェブワーカーやクロスオリジンのiframeは、独自のスタック、ヒープ、およびメッセージキューがあります。二つの異なるランタイムのみ<a href="/ja/docs/DOM/window.postMessage" title="/docs/DOM/window.postMessage"><code>postMessage</code></a>メソッドによって送信メッセージを介して通信することができます。他のランタイムが<code>message</code>イベントをリッスンする場合、このメソッドは他のランタイムにメッセージを追加します。</p> <h2 id="ブロッキング不可">ブロッキング不可</h2> -<p>イベントループモデルの非常に興味深い特性は、他の多くの言語とは異なり、JavaScriptは決してブロックしないことです。I/Oの取り扱いは、通常、イベントとコールバックを介して行われます。そのため、アプリケーションは<a href="/docs/Web/API/IndexedDB_API" title="/docs/IndexedDB">IndexedDB</a>のクエリや<a href="/docs/Web/API/XMLHttpRequest" title="/docs/DOM/XMLHttpRequest">XHR</a>リクエストが返るのを待っている時も、ユーザ入力のような他のことを処理することができます。</p> +<p>イベントループモデルの非常に興味深い特性は、他の多くの言語とは異なり、JavaScriptは決してブロックしないことです。I/Oの取り扱いは、通常、イベントとコールバックを介して行われます。そのため、アプリケーションは<a href="/ja/docs/Web/API/IndexedDB_API" title="/docs/IndexedDB">IndexedDB</a>のクエリや<a href="/ja/docs/Web/API/XMLHttpRequest" title="/docs/DOM/XMLHttpRequest">XHR</a>リクエストが返るのを待っている時も、ユーザ入力のような他のことを処理することができます。</p> <p><code>alert</code>か同期XHRのようにレガシーな例外が存在しますが、それらを避けることは良い慣習とされています。<a href="http://stackoverflow.com/questions/2734025/is-javascript-guaranteed-to-be-single-threaded/2734311#2734311">例外に対する例外は存在する</a>ことに気をつけてください(と言っても、たいていは他の何かというよりはむしろ実装のバグですが)。</p> diff --git a/files/ja/web/javascript/guide/functions/index.html b/files/ja/web/javascript/guide/functions/index.html index c63d481d0c..ffc6ad9752 100644 --- a/files/ja/web/javascript/guide/functions/index.html +++ b/files/ja/web/javascript/guide/functions/index.html @@ -59,7 +59,7 @@ y = mycar.make; // y は "Toyota" という値になる <h3 id="Function_expressions">関数式</h3> -<p>ここまでの関数宣言はすべて構文的な文でしたが、関数は<a href="/en-US/docs/Web/JavaScript/Reference/Operators/function">関数式</a>によって作成することもできます。</p> +<p>ここまでの関数宣言はすべて構文的な文でしたが、関数は<a href="/ja/docs/Web/JavaScript/Reference/Operators/function">関数式</a>によって作成することもできます。</p> <p>このような関数は<strong>無名</strong> (anonymous) にすることができます。名前をつけなくてもよいのです。例えば、関数 <code>square</code> は次のように定義することができます。</p> diff --git a/files/ja/web/javascript/guide/grammar_and_types/index.html b/files/ja/web/javascript/guide/grammar_and_types/index.html index b32688e6d7..0b6112789b 100644 --- a/files/ja/web/javascript/guide/grammar_and_types/index.html +++ b/files/ja/web/javascript/guide/grammar_and_types/index.html @@ -88,7 +88,7 @@ translation_of: Web/JavaScript/Guide/Grammar_and_types <li>{{jsxref("Statements/const", "const")}} または {{jsxref("Statements/let", "let")}} キーワードを使う。例えば、<code>let y = 13</code>。この構文はブロックスコープのローカル変数を宣言することができます。(以下にある<a href="#Variable_scope">変数のスコープ</a>をご覧ください。)</li> </ul> -<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a>構文を使用して、<a href="ja/docs/Web/JavaScript/Guide/Grammar_and_types#Object_literals">オブジェクトリテラル</a>から値を展開する変数を宣言することができます。例えば、<code>let { bar } = foo</code> とします。これは <code>bar</code> という名前の変数を作成し、オブジェクト <code>foo</code> の同名キーから対応する値を代入します。</p> +<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a>構文を使用して、<a href="/ja/docs/Web/JavaScript/Guide/Grammar_and_types#Object_literals">オブジェクトリテラル</a>から値を展開する変数を宣言することができます。例えば、<code>let { bar } = foo</code> とします。これは <code>bar</code> という名前の変数を作成し、オブジェクト <code>foo</code> の同名キーから対応する値を代入します。</p> <p>また、<code>x = 42</code> のように、単純に値を変数に代入することもできます。この形は、<strong><a href="/ja/docs/Web/JavaScript/Reference/Statements/var#Description">未宣言のグローバル</a></strong>変数を生成します。strict モードの JavaScript では警告が発生します。未宣言のグローバル変数は、よく予期しない動作を引き起こします。したがって、宣言されていないグローバル変数を使用することはお勧めしません。</p> diff --git a/files/ja/web/javascript/guide/iterators_and_generators/index.html b/files/ja/web/javascript/guide/iterators_and_generators/index.html index 685898d31f..ef25e5bfa8 100644 --- a/files/ja/web/javascript/guide/iterators_and_generators/index.html +++ b/files/ja/web/javascript/guide/iterators_and_generators/index.html @@ -19,7 +19,7 @@ translation_of: Web/JavaScript/Guide/Iterators_and_Generators <p>詳細についてはこちらもご覧ください:</p> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Iteration_protocols">Iteration protocols</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Iteration_protocols">Iteration protocols</a></li> <li>{{jsxref("Statements/for...of","for...of")}}</li> <li>{{jsxref("Statements/function*","function*")}} と {{jsxref("Generator","ジェネレーター","","true")}}</li> <li>{{jsxref("Operators/yield","yield")}} と {{jsxref("Operators/yield*","yield*")}}</li> diff --git a/files/ja/web/javascript/guide/keyed_collections/index.html b/files/ja/web/javascript/guide/keyed_collections/index.html index fbc979ab2b..2888204bca 100644 --- a/files/ja/web/javascript/guide/keyed_collections/index.html +++ b/files/ja/web/javascript/guide/keyed_collections/index.html @@ -112,7 +112,7 @@ for (let item of mySet) console.log(item); <h3 id="Converting_between_Array_and_Set" name="Converting_between_Array_and_Set"><code>Array</code> と <code>Set</code> 間の変換</h3> -<p>{{jsxref("Array.from")}} または <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_operator">スプレッド構文</a> を使用して <code>Set</code> から {{jsxref("Array")}} を生成できます。また、<code>Set</code> コンストラクタを使って <code>Array</code> から <code>Set</code> へと逆変換することができます。</p> +<p>{{jsxref("Array.from")}} または <a href="/ja/docs/Web/JavaScript/Reference/Operators/Spread_operator">スプレッド構文</a> を使用して <code>Set</code> から {{jsxref("Array")}} を生成できます。また、<code>Set</code> コンストラクタを使って <code>Array</code> から <code>Set</code> へと逆変換することができます。</p> <div class="blockIndicator note"> <p><strong>注:</strong> <code>Set</code> オブジェクトは<em>一意の値</em>を格納することにくれぐれも注意してください、重複した要素は <code>Array</code> から変換するときに削除されます。</p> diff --git a/files/ja/web/javascript/guide/loops_and_iteration/index.html b/files/ja/web/javascript/guide/loops_and_iteration/index.html index 13d3d5046c..5ad8dd081b 100644 --- a/files/ja/web/javascript/guide/loops_and_iteration/index.html +++ b/files/ja/web/javascript/guide/loops_and_iteration/index.html @@ -342,7 +342,7 @@ car.model = Mustang <h2 id="for...of_statement" name="for...of_statement"><code>for...of</code> 文</h2> -<p>{{jsxref("Statements/for...of","for...of")}} 文は、<a href="/docs/Web/JavaScript/Guide/iterable">反復可能オブジェクト</a>（{{jsxref("Array")}}、{{jsxref("Map")}}、{{jsxref("Set")}}、{{jsxref("functions/arguments","arguments")}} オブジェクトなどを含む）を反復処理するループを生成し、それぞれのプロパティの値に対して実行したい文をともなって作られた反復処理フックを呼び出します。</p> +<p>{{jsxref("Statements/for...of","for...of")}} 文は、<a href="/ja/docs/Web/JavaScript/Guide/iterable">反復可能オブジェクト</a>（{{jsxref("Array")}}、{{jsxref("Map")}}、{{jsxref("Set")}}、{{jsxref("functions/arguments","arguments")}} オブジェクトなどを含む）を反復処理するループを生成し、それぞれのプロパティの値に対して実行したい文をともなって作られた反復処理フックを呼び出します。</p> <pre class="syntaxbox notranslate">for (<em>変数</em> of <em>オブジェクト</em>) <em>文</em> diff --git a/files/ja/web/javascript/guide/modules/index.html b/files/ja/web/javascript/guide/modules/index.html index 42370aa17b..076afbd1d1 100644 --- a/files/ja/web/javascript/guide/modules/index.html +++ b/files/ja/web/javascript/guide/modules/index.html @@ -23,7 +23,7 @@ translation_of: Web/JavaScript/Guide/Modules <h2 id="Browser_support" name="Browser_support">ブラウザーのサポート状況</h2> -<p>ネイティブの JavaScript モジュール機能は、<code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/import">import</a></code> と <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/export">export</a></code> 文を利用します。これらに対するブラウザーの互換性は次のとおりです。</p> +<p>ネイティブの JavaScript モジュール機能は、<code><a href="/ja/docs/Web/JavaScript/Reference/Statements/import">import</a></code> と <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/export">export</a></code> 文を利用します。これらに対するブラウザーの互換性は次のとおりです。</p> <h3 id="import" name="import">import</h3> @@ -133,7 +133,7 @@ export function draw(ctx, length, x, y, color) { <pre class="brush: js; notranslate">import { name, draw, reportArea, reportPerimeter } from './modules/square.js';</pre> -<p><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/import">import</a></code> 文の後ろに、中かっこで囲まれたインポートしたい機能のカンマ区切りリストを続け、その後ろに from キーワードと、モジュールファイルへのパスを続けます。このパスは、サイトのルートからの相対パスであり、<code>basic-modules</code> の場合は <code>/js-examples/modules/basic-modules</code> です。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Statements/import">import</a></code> 文の後ろに、中かっこで囲まれたインポートしたい機能のカンマ区切りリストを続け、その後ろに from キーワードと、モジュールファイルへのパスを続けます。このパスは、サイトのルートからの相対パスであり、<code>basic-modules</code> の場合は <code>/js-examples/modules/basic-modules</code> です。</p> <p>しかし、この例ではパスの書き方が少し異なっています。「現在の位置」を意味するドット (<code>.</code>) 記法を使っており、その後ろに見つけようとするファイルへのパスを続けています。これは、完全な相対パスを毎回記述するよりも短くてすむためとてもよい方法であり、URL の可搬性もあるため、サイト階層構造の異なる場所に移動させた場合でも動作するでしょう。</p> diff --git a/files/ja/web/javascript/javascript_technologies_overview/index.html b/files/ja/web/javascript/javascript_technologies_overview/index.html index 61aff4884f..58bd61b5b2 100644 --- a/files/ja/web/javascript/javascript_technologies_overview/index.html +++ b/files/ja/web/javascript/javascript_technologies_overview/index.html @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/JavaScript_technologies_overview <li>グローバルオブジェクト。ブラウザー環境では、このグローバルオブジェクトは <code>window</code> オブジェクトですが、ECMAScript ではブラウザーとは直接関係のない API のみが定義されています。例えば <code>parseInt</code>、<code>parseFloat</code>、<code>decodeURI</code>、<code>encodeURI</code>……</li> <li>プロトタイプベースの継承メカニズム。その対象は次のもの:</li> <li>ビルトインオブジェクトと関数（<code>JSON</code>、<code>Math</code>、<code>Array.prototype</code> メソッド、オブジェクト内部確認メソッド……）</li> - <li>Strict モード (<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Strict_mode">ここ</a>を見てください)</li> + <li>Strict モード (<a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">ここ</a>を見てください)</li> </ul> <h3 id="Browser_support" name="Browser_support">ブラウザーサポート</h3> diff --git a/files/ja/web/javascript/memory_management/index.html b/files/ja/web/javascript/memory_management/index.html index f5544285c1..4a655b8c26 100644 --- a/files/ja/web/javascript/memory_management/index.html +++ b/files/ja/web/javascript/memory_management/index.html @@ -90,7 +90,7 @@ var a3 = a.concat(a2); <h3 id="References" name="References">リファレンス</h3> -<p>ガベージコレクションアルゴリズムが依存している主な概念は、リファレンス (reference)の概念です。メモリー管理の文脈では、あるオブジェクトが別のオブジェクトに (明示的にであれ、暗黙的にであれ) アクセスできるとき、前者が後者を"参照している"と言います。例えば、JavaScript オブジェクトは自身の <a href="/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">prototype</a> (暗黙的な参照) とプロパティ値 (明示的な参照) への参照を持ちます。</p> +<p>ガベージコレクションアルゴリズムが依存している主な概念は、リファレンス (reference)の概念です。メモリー管理の文脈では、あるオブジェクトが別のオブジェクトに (明示的にであれ、暗黙的にであれ) アクセスできるとき、前者が後者を"参照している"と言います。例えば、JavaScript オブジェクトは自身の <a href="/ja/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">prototype</a> (暗黙的な参照) とプロパティ値 (明示的な参照) への参照を持ちます。</p> <p>ここでは、"オブジェクト"の概念は通常の JavaScript オブジェクトよりも広い概念として用いられており、また、関数のスコープ (もしくは、グローバルレキシカルスコープ) を含みます。</p> @@ -183,5 +183,5 @@ window.onload = function(){ <ul> <li><a class="external" href="http://www.ibm.com/developerworks/web/library/wa-memleak/">IBM article on "Memory leak patterns in JavaScript" (2007)</a></li> <li><a class="external" href="http://msdn.microsoft.com/en-us/magazine/ff728624.aspx">Kangax article on how to register event handler and avoid memory leaks (2010)</a></li> - <li><a href="/docs/Mozilla/Performance" title="/docs/Mozilla/Performance">Performance</a></li> + <li><a href="/ja/docs/Mozilla/Performance" title="/docs/Mozilla/Performance">Performance</a></li> </ul> diff --git a/files/ja/web/javascript/reference/classes/index.html b/files/ja/web/javascript/reference/classes/index.html index 3f711b47ed..2a2377bbdd 100644 --- a/files/ja/web/javascript/reference/classes/index.html +++ b/files/ja/web/javascript/reference/classes/index.html @@ -74,7 +74,7 @@ console.log(Rectangle.name); <h3 id="Strict_mode" name="Strict_mode">Strict モード</h3> -<p>クラス本体は <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Strict_mode">Strict モード</a> で実行されます。つまり、ここで書かれたコードは、パフォーマンスを向上させるために、より厳密な構文に従います。そうでない場合はサイレントエラーが投げられます。なお、特定のキーワードは将来のバージョンの ECMAScript 用に予約されています。</p> +<p>クラス本体は <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">Strict モード</a> で実行されます。つまり、ここで書かれたコードは、パフォーマンスを向上させるために、より厳密な構文に従います。そうでない場合はサイレントエラーが投げられます。なお、特定のキーワードは将来のバージョンの ECMAScript 用に予約されています。</p> <h3 id="Constructor" name="Constructor">コンストラクター</h3> diff --git a/files/ja/web/javascript/reference/classes/public_class_fields/index.html b/files/ja/web/javascript/reference/classes/public_class_fields/index.html index 18614027ce..b4dcd87d5c 100644 --- a/files/ja/web/javascript/reference/classes/public_class_fields/index.html +++ b/files/ja/web/javascript/reference/classes/public_class_fields/index.html @@ -217,7 +217,7 @@ console.log(instance.subPublicMethod()) // expected output: "hello world" </pre> -<p>ゲッターとセッターは、クラスのプロパティにバインドする特別なメソッドで、そのプロパティがアクセスされたり設定されたりしたときに呼び出されます。<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions/get">get</a> および <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions/set">set</a> 構文を使用して、パブリックインスタンスのゲッターまたはセッターを宣言します。</p> +<p>ゲッターとセッターは、クラスのプロパティにバインドする特別なメソッドで、そのプロパティがアクセスされたり設定されたりしたときに呼び出されます。<a href="/ja/docs/Web/JavaScript/Reference/Functions/get">get</a> および <a href="/ja/docs/Web/JavaScript/Reference/Functions/set">set</a> 構文を使用して、パブリックインスタンスのゲッターまたはセッターを宣言します。</p> <pre class="brush: js notranslate">class ClassWithGetSet { #msg = 'hello world' diff --git a/files/ja/web/javascript/reference/deprecated_and_obsolete_features/the_legacy_iterator_protocol/index.html b/files/ja/web/javascript/reference/deprecated_and_obsolete_features/the_legacy_iterator_protocol/index.html index c037d915f8..b4148651b5 100644 --- a/files/ja/web/javascript/reference/deprecated_and_obsolete_features/the_legacy_iterator_protocol/index.html +++ b/files/ja/web/javascript/reference/deprecated_and_obsolete_features/the_legacy_iterator_protocol/index.html @@ -16,7 +16,7 @@ translation_of: >- <h2 id="The_deprecated_Firefox-only_iterator_protocol">非推奨の Firefox 専用イテレータープロトコル</h2> -<p>Firefox version 26 以前は、標準の <a href="/en-US/docs/Web/JavaScript/Reference/Iteration_protocols">ES2015 のイテレータープロトコル</a>に似た別のイテレータープロトコルを実装していました。</p> +<p>Firefox version 26 以前は、標準の <a href="/ja/docs/Web/JavaScript/Reference/Iteration_protocols">ES2015 のイテレータープロトコル</a>に似た別のイテレータープロトコルを実装していました。</p> <p>オブジェクトが次のセマンティックスをもつ <code>next()</code> メソッドを実装している場合、そのオブジェクトは古いイテレーターで、反復処理の最後に {{jsxref("Global_Objects/StopIteration", "StopIteration")}} をスローします。</p> diff --git a/files/ja/web/javascript/reference/errors/cant_assign_to_property/index.html b/files/ja/web/javascript/reference/errors/cant_assign_to_property/index.html index 97f63535f9..62988bcd18 100644 --- a/files/ja/web/javascript/reference/errors/cant_assign_to_property/index.html +++ b/files/ja/web/javascript/reference/errors/cant_assign_to_property/index.html @@ -24,7 +24,7 @@ TypeError: Cannot create property 'x' on {y} (Chrome) <h2 id="What_went_wrong">エラーの原因</h2> -<p>{{jsxref("Strict_mode", "Strict モード", "", 1)}}では、 {{jsxref("TypeError")}} は<a href="/en-US/docs/Glossary/Primitive">プリミティブ</a>値、例えば<a href="/ja/docs/Glossary/Symbol">シンボル</a>、<a href="/ja/docs/Glossary/String">文字列</a>、<a href="/ja/docs/Glossary/Number">数値</a>、<a href="/ja/docs/Glossary/Boolean">論理値</a>などにプロパティを作成しようとしたときに発生します。<a href="/ja/docs/Glossary/Primitive">プリミティブ</a>値はいかなる<a href="/ja/docs/Glossary/property/JavaScript">プロパティ</a>を持つこともできません。</p> +<p>{{jsxref("Strict_mode", "Strict モード", "", 1)}}では、 {{jsxref("TypeError")}} は<a href="/ja/docs/Glossary/Primitive">プリミティブ</a>値、例えば<a href="/ja/docs/Glossary/Symbol">シンボル</a>、<a href="/ja/docs/Glossary/String">文字列</a>、<a href="/ja/docs/Glossary/Number">数値</a>、<a href="/ja/docs/Glossary/Boolean">論理値</a>などにプロパティを作成しようとしたときに発生します。<a href="/ja/docs/Glossary/Primitive">プリミティブ</a>値はいかなる<a href="/ja/docs/Glossary/property/JavaScript">プロパティ</a>を持つこともできません。</p> <p>想定外の場所に想定外の値が流れてきたり、 {{jsxref("String")}} や {{jsxref("Number")}} のオブジェクトバリアントが想定されていたりすることが問題となることがあります。</p> diff --git a/files/ja/web/javascript/reference/errors/delete_in_strict_mode/index.html b/files/ja/web/javascript/reference/errors/delete_in_strict_mode/index.html index 9158818092..040d3282b7 100644 --- a/files/ja/web/javascript/reference/errors/delete_in_strict_mode/index.html +++ b/files/ja/web/javascript/reference/errors/delete_in_strict_mode/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Errors/Delete_in_strict_mode --- <div>{{jsSidebar("Errors")}}</div> -<p>JavaScript の <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>専用の例外 "applying the 'delete' operator to an unqualified name is deprecated" は、 <code><a href="/ja/docs/Web/JavaScript/Reference/Operators/delete">delete</a></code> 演算子を用いて変数を削除しようとしたときに発生します。</p> +<p>JavaScript の <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>専用の例外 "applying the 'delete' operator to an unqualified name is deprecated" は、 <code><a href="/ja/docs/Web/JavaScript/Reference/Operators/delete">delete</a></code> 演算子を用いて変数を削除しようとしたときに発生します。</p> <h2 id="Message">エラーメッセージ</h2> diff --git a/files/ja/web/javascript/reference/errors/deprecated_octal/index.html b/files/ja/web/javascript/reference/errors/deprecated_octal/index.html index e4e6034b5b..4c172b15b1 100644 --- a/files/ja/web/javascript/reference/errors/deprecated_octal/index.html +++ b/files/ja/web/javascript/reference/errors/deprecated_octal/index.html @@ -61,6 +61,6 @@ for octal literals use the \"0o\" prefix instead <ul> <li><a href="/ja/docs/Web/JavaScript/Reference/Lexical_grammar#Octal">字句文法</a></li> <li> - <p><a href="/en-US/docs/Web/JavaScript/Reference/Errors/Bad_octal">Warning: 08/09 is not a legal ECMA-262 octal constant</a></p> + <p><a href="/ja/docs/Web/JavaScript/Reference/Errors/Bad_octal">Warning: 08/09 is not a legal ECMA-262 octal constant</a></p> </li> </ul> diff --git a/files/ja/web/javascript/reference/errors/invalid_for-in_initializer/index.html b/files/ja/web/javascript/reference/errors/invalid_for-in_initializer/index.html index 5b153dfc43..ef189fee46 100644 --- a/files/ja/web/javascript/reference/errors/invalid_for-in_initializer/index.html +++ b/files/ja/web/javascript/reference/errors/invalid_for-in_initializer/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Errors/Invalid_for-in_initializer --- <div>{{jsSidebar("Errors")}}</div> -<p>JavaScript の <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>専用の例外である "for-in loop head declarations may not have initializers" は、 <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a> の先頭に初期化構文が含まれていた場合、例えば |<code>for (var i = 0 in obj)</code>| のような場合に発生します。これは strict モードの for-in ループでは許可されていません。</p> +<p>JavaScript の <a href="/ja/docs/Web/JavaScript/Reference/Strict_mode">strict モード</a>専用の例外である "for-in loop head declarations may not have initializers" は、 <a href="/ja/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a> の先頭に初期化構文が含まれていた場合、例えば |<code>for (var i = 0 in obj)</code>| のような場合に発生します。これは strict モードの for-in ループでは許可されていません。</p> <h2 id="Message">エラーメッセージ</h2> diff --git a/files/ja/web/javascript/reference/errors/malformed_formal_parameter/index.html b/files/ja/web/javascript/reference/errors/malformed_formal_parameter/index.html index b29a03f032..a54b08bd6e 100644 --- a/files/ja/web/javascript/reference/errors/malformed_formal_parameter/index.html +++ b/files/ja/web/javascript/reference/errors/malformed_formal_parameter/index.html @@ -60,6 +60,6 @@ var f = function(x) { return x; }; <ul> <li><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Function">Function()</a></code></li> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Functions">関数について</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Functions">関数について</a></li> <li><a href="https://www.gutenberg.org/ebooks/84"><em>フランケンシュタイン</em> (メアリー・シェリー)</a> より ("Cursed (although I curse myself) be the hands that formed you! You have made me wretched beyond expression. You have left me no power to consider whether I am just to you or not. Begone! Relieve me from the sight of your detested form.")</li> </ul> diff --git a/files/ja/web/javascript/reference/errors/missing_colon_after_property_id/index.html b/files/ja/web/javascript/reference/errors/missing_colon_after_property_id/index.html index f7a31b218c..8e1a480ed1 100644 --- a/files/ja/web/javascript/reference/errors/missing_colon_after_property_id/index.html +++ b/files/ja/web/javascript/reference/errors/missing_colon_after_property_id/index.html @@ -76,5 +76,5 @@ obj['propertyKey'] = 'value'; <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">オブジェクト初期化子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer">オブジェクト初期化子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/errors/missing_formal_parameter/index.html b/files/ja/web/javascript/reference/errors/missing_formal_parameter/index.html index 55c7509b2b..b2d26855c4 100644 --- a/files/ja/web/javascript/reference/errors/missing_formal_parameter/index.html +++ b/files/ja/web/javascript/reference/errors/missing_formal_parameter/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Errors/Missing_formal_parameter <p>"Formal parameter" とは「関数の引数」のことです。関数宣言で、有効な引数を忘れています。関数定義において、引数は<a href="/ja/docs/Glossary/Identifier">識別子</a>でなければならず、数字や文字列、オブジェクトのような値であってはいけません。関数の宣言と関数の呼び出しは、異なる 2 つのステップです。宣言時には引数として識別子が求められ、関数を呼び出すときだけ、関数が使用する値を提供します。</p> -<p><a href="/en-US/docs/Glossary/JavaScript">JavaScript</a> では、識別子はアルファベット文字 (または "$" か "_") だけを含めることができ、数値から始められません。文字列はデータですが、識別子はコードの一部です。そのため、識別子と<strong>文字列</strong>は異なるものです。</p> +<p><a href="/ja/docs/Glossary/JavaScript">JavaScript</a> では、識別子はアルファベット文字 (または "$" か "_") だけを含めることができ、数値から始められません。文字列はデータですが、識別子はコードの一部です。そのため、識別子と<strong>文字列</strong>は異なるものです。</p> <h2 id="例">例</h2> diff --git a/files/ja/web/javascript/reference/errors/missing_parenthesis_after_condition/index.html b/files/ja/web/javascript/reference/errors/missing_parenthesis_after_condition/index.html index 193970f65b..b49f810eb5 100644 --- a/files/ja/web/javascript/reference/errors/missing_parenthesis_after_condition/index.html +++ b/files/ja/web/javascript/reference/errors/missing_parenthesis_after_condition/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Errors/Missing_parenthesis_after_condit --- <div>{{jsSidebar("Errors")}}</div> -<p>JavaScript の例外 "missing ) after condition" は、 <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if</a></code> 文の条件の書き方にエラーがあった場合に発生します。 <code>if</code> キーワードの後には括弧が必要です。 +<p>JavaScript の例外 "missing ) after condition" は、 <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/if...else">if</a></code> 文の条件の書き方にエラーがあった場合に発生します。 <code>if</code> キーワードの後には括弧が必要です。 </p> <h2 id="Message">エラーメッセージ</h2> diff --git a/files/ja/web/javascript/reference/errors/non_configurable_array_element/index.html b/files/ja/web/javascript/reference/errors/non_configurable_array_element/index.html index 2542f87d24..ec6d83f837 100644 --- a/files/ja/web/javascript/reference/errors/non_configurable_array_element/index.html +++ b/files/ja/web/javascript/reference/errors/non_configurable_array_element/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Errors/Non_configurable_array_element --- <div>{{jsSidebar("Errors")}}</div> -<p>JavaScript の例外 "can't delete non-configurable array element" は、配列を<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/length#shortening_an_array">短縮</a>しようとしたときに配列の要素の 1 つが<a href="/en-US/docs/Web/JavaScript/Data_structures#properties">設定不可</a>であった場合に発生します。</p> +<p>JavaScript の例外 "can't delete non-configurable array element" は、配列を<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/length#shortening_an_array">短縮</a>しようとしたときに配列の要素の 1 つが<a href="/ja/docs/Web/JavaScript/Data_structures#properties">設定不可</a>であった場合に発生します。</p> <h2 id="Message">エラーメッセージ</h2> diff --git a/files/ja/web/javascript/reference/functions/arguments/index.html b/files/ja/web/javascript/reference/functions/arguments/index.html index 2c58c8c7f0..963b675c01 100644 --- a/files/ja/web/javascript/reference/functions/arguments/index.html +++ b/files/ja/web/javascript/reference/functions/arguments/index.html @@ -51,13 +51,13 @@ arguments[2] // 3 番目の引数 var args = [].slice.call(arguments); </pre> -<p><code>arguments</code> に限らず、配列様オブジェクトは ES2015 の {{jsxref("Array.from()")}} メソッドや<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Spread_operator">スプレッド構文</a>によって、本当の配列に変換することができます。</p> +<p><code>arguments</code> に限らず、配列様オブジェクトは ES2015 の {{jsxref("Array.from()")}} メソッドや<a href="/ja/docs/Web/JavaScript/Reference/Operators/Spread_operator">スプレッド構文</a>によって、本当の配列に変換することができます。</p> <pre class="brush: js notranslate">var args = Array.from(arguments); var args = [...arguments]; </pre> -<p><code>arguments</code> オブジェクトは、あらかじめ定義された引数の数よりも多くの引数で呼び出される関数に便利です。このテクニックは <code><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Math/min">Math.min()</a></code> などの 可変数の引数を受け入れる関数に便利です。この例の関数は、任意の数の文字列が引数で、引数の中で一番長い文字列を返します。</p> +<p><code>arguments</code> オブジェクトは、あらかじめ定義された引数の数よりも多くの引数で呼び出される関数に便利です。このテクニックは <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Math/min">Math.min()</a></code> などの 可変数の引数を受け入れる関数に便利です。この例の関数は、任意の数の文字列が引数で、引数の中で一番長い文字列を返します。</p> <pre class="brush: js notranslate">function longestString() { var longest = ''; @@ -152,7 +152,7 @@ foo(1, 2, 3); // [1, 2, 3] <p>厳格モードでは、 <code>arguments</code> オブジェクトは関数に残余引数、デフォルト引数、分割引数が渡されたかどうかにかかわらず同じ動作をします。すなわち、関数の本体で変数に新しい値を代入しても、 <code>arguments</code> オブジェクトには影響しません。また、 <code>arguments</code> オブジェクトに新しい変数を代入しても、変数の値には影響ありません。</p> <div class="blockIndicator note"> -<p><strong>注:</strong> <code>"use strict";</code> ディレクティブを、残余引数、デフォルト引数、分割引数を受け付ける関数の本体に書くことはできません。そうすると、<a href="/en-US/docs/Web/JavaScript/Reference/Errors/Strict_Non_Simple_Params">構文エラー</a>が発生します。</p> +<p><strong>注:</strong> <code>"use strict";</code> ディレクティブを、残余引数、デフォルト引数、分割引数を受け付ける関数の本体に書くことはできません。そうすると、<a href="/ja/docs/Web/JavaScript/Reference/Errors/Strict_Non_Simple_Params">構文エラー</a>が発生します。</p> </div> <p>厳格モードでない関数で、単純な引数のみを渡した場合 (すなわち、残余引数、デフォルト引数、分割引数ではない場合)、関数の本体で変数の値を新しい値にすると、 <code>arguments</code> オブジェクトと同期します。</p> diff --git a/files/ja/web/javascript/reference/functions/method_definitions/index.html b/files/ja/web/javascript/reference/functions/method_definitions/index.html index 8bb880d1fe..04b66d802a 100644 --- a/files/ja/web/javascript/reference/functions/method_definitions/index.html +++ b/files/ja/web/javascript/reference/functions/method_definitions/index.html @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Reference/Functions/Method_definitions <h2 id="Description" name="Description">説明</h2> -<p>簡略構文は、ECMAScript 第 5 版で導入された <a href="/docs/Web/JavaScript/Reference/Functions/get">getter</a> や <a href="/docs/Web/JavaScript/Reference/Functions/set">setter</a> 構文に似ています。</p> +<p>簡略構文は、ECMAScript 第 5 版で導入された <a href="/ja/docs/Web/JavaScript/Reference/Functions/get">getter</a> や <a href="/ja/docs/Web/JavaScript/Reference/Functions/set">setter</a> 構文に似ています。</p> <p>次のコードを例にすると:</p> @@ -212,7 +212,7 @@ console.log(window[name]()) // 1</pre> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><code><a href="/docs/Web/JavaScript/Reference/Functions/get">get</a></code></li> - <li><code><a href="/docs/Web/JavaScript/Reference/Functions/set">set</a></code></li> - <li><a href="/docs/Web/JavaScript/Reference/Lexical_grammar">字句文法</a></li> + <li><code><a href="/ja/docs/Web/JavaScript/Reference/Functions/get">get</a></code></li> + <li><code><a href="/ja/docs/Web/JavaScript/Reference/Functions/set">set</a></code></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Lexical_grammar">字句文法</a></li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/array/@@iterator/index.html b/files/ja/web/javascript/reference/global_objects/array/@@iterator/index.html index 8107c4826e..e092619e93 100644 --- a/files/ja/web/javascript/reference/global_objects/array/@@iterator/index.html +++ b/files/ja/web/javascript/reference/global_objects/array/@@iterator/index.html @@ -67,7 +67,7 @@ console.log(eArr.next().value); // e <h3 id="Use_Case_for_brace_notation" name="Use_Case_for_brace_notation">括弧表記の使用法</h3> -<p>この構文をドット記法 (<code>Array.prototype.values()</code>) よりも優先して使用する場合は、事前にどのようなオブジェクトになるのかが分からない場合です。イテレータを受け取り、その値を反復処理する関数があるが、そのオブジェクトが [Iterable].prototype.values メソッドを持っているかどうかわからない場合です。これはStringオブジェクトのような組み込みオブジェクトでも、カスタムオブジェクトでもよいでしょう。これは <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/@@iterator">String</a> オブジェクトのような組込みオブジェクトや、独自オブジェクトである可能性があります。</p> +<p>この構文をドット記法 (<code>Array.prototype.values()</code>) よりも優先して使用する場合は、事前にどのようなオブジェクトになるのかが分からない場合です。イテレータを受け取り、その値を反復処理する関数があるが、そのオブジェクトが [Iterable].prototype.values メソッドを持っているかどうかわからない場合です。これはStringオブジェクトのような組み込みオブジェクトでも、カスタムオブジェクトでもよいでしょう。これは <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/String/@@iterator">String</a> オブジェクトのような組込みオブジェクトや、独自オブジェクトである可能性があります。</p> <pre class="brush: js notranslate">function logIterable(it) { var iterator = it[Symbol.iterator](); diff --git a/files/ja/web/javascript/reference/global_objects/array/array/index.html b/files/ja/web/javascript/reference/global_objects/array/array/index.html index 5baaf20dd0..6f42544dfd 100644 --- a/files/ja/web/javascript/reference/global_objects/array/array/index.html +++ b/files/ja/web/javascript/reference/global_objects/array/array/index.html @@ -32,7 +32,7 @@ new Array(<var>arrayLength</var>)</pre> <h3 id="Array_literal_notation" name="Array_literal_notation">配列リテラル記法</h3> -<p>配列は<a href="/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Array_literals">リテラル</a>記法を使用して生成することができます。</p> +<p>配列は<a href="/ja/docs/Web/JavaScript/Reference/Lexical_grammar#Array_literals">リテラル</a>記法を使用して生成することができます。</p> <pre class="brush: js notranslate">let fruits = ['りんご', 'バナナ']; diff --git a/files/ja/web/javascript/reference/global_objects/array/from/index.html b/files/ja/web/javascript/reference/global_objects/array/from/index.html index aab6b03cf7..90a9359ed4 100644 --- a/files/ja/web/javascript/reference/global_objects/array/from/index.html +++ b/files/ja/web/javascript/reference/global_objects/array/from/index.html @@ -49,7 +49,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/from <p><code>Array.from()</code> は任意の引数 <code>mapFn</code> を持ちます。これは、作成した配列 (もしくは、サブクラスオブジェクト) のすべての要素に対して {{jsxref("Array.prototype.map", "map")}} 関数を実行できます。</p> -<p>より明確に言うと、中間配列を生成しないことを除いて、<code>Array.from(obj, mapFn, thisArg)</code> は <code>Array.from(obj).map(mapFn, thisArg)</code> と同じ結果です。中間配列は、適切な型に合うように丸められた値を持つ必要があるため、<a href="/docs/Web/JavaScript/Typed_arrays">typed arrays</a> のような配列サブクラスにとっては特に重要です。</p> +<p>より明確に言うと、中間配列を生成しないことを除いて、<code>Array.from(obj, mapFn, thisArg)</code> は <code>Array.from(obj).map(mapFn, thisArg)</code> と同じ結果です。中間配列は、適切な型に合うように丸められた値を持つ必要があるため、<a href="/ja/docs/Web/JavaScript/Typed_arrays">typed arrays</a> のような配列サブクラスにとっては特に重要です。</p> <div class="note">これは、<a href="/ja/docs/Web/JavaScript/Typed_arrays">型付き配列</a>のような特定の配列のサブクラスでは特に重要です。なぜなら、中間配列の値は適切な型に収まるように切り捨てられている必要があるからです。</div> diff --git a/files/ja/web/javascript/reference/global_objects/arraybuffer/index.html b/files/ja/web/javascript/reference/global_objects/arraybuffer/index.html index 378bd53d13..790ccb2694 100644 --- a/files/ja/web/javascript/reference/global_objects/arraybuffer/index.html +++ b/files/ja/web/javascript/reference/global_objects/arraybuffer/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/ArrayBuffer <p><code>ArrayBuffer</code> はバイトの配列で、他の言語では「バイト配列」と呼ばれることが多いです。ArrayBuffer の内容を直接操作することはできません。代わりに、型付きの配列オブジェクトか {{jsxref("DataView")}} オブジェクトのいずれかを作成して、バッファを特定の形式で表現し、バッファの内容を読み書きするためにそれを使用します。</p> -<p><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/ArrayBuffer">ArrayBuffer()</a></code> コンストラクタは、指定した長さの <code>ArrayBuffer</code> をバイト単位で作成します。<a href="/ja/docs/Web/API/WindowBase64/Base64_encoding_and_decoding#Appendix_to_Solution_1_Decode_a_Base64_string_to_Uint8Array_or_ArrayBuffer">Base64 文字列</a>や<a href="/ja/docs/Web/API/FileReader/readAsArrayBuffer">ローカルファイル</a>などの既存のデータから配列バッファを取得することもできます。</p> +<p><code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/ArrayBuffer">ArrayBuffer()</a></code> コンストラクタは、指定した長さの <code>ArrayBuffer</code> をバイト単位で作成します。<a href="/ja/docs/Web/API/WindowBase64/Base64_encoding_and_decoding#Appendix_to_Solution_1_Decode_a_Base64_string_to_Uint8Array_or_ArrayBuffer">Base64 文字列</a>や<a href="/ja/docs/Web/API/FileReader/readAsArrayBuffer">ローカルファイル</a>などの既存のデータから配列バッファを取得することもできます。</p> <h2 id="コンストラクタ">コンストラクタ</h2> diff --git a/files/ja/web/javascript/reference/global_objects/atomics/islockfree/index.md b/files/ja/web/javascript/reference/global_objects/atomics/islockfree/index.md new file mode 100644 index 0000000000..d5957daf01 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/atomics/islockfree/index.md @@ -0,0 +1,60 @@ +--- +title: Atomics.isLockFree() +slug: Web/JavaScript/Reference/Global_Objects/Atomics/isLockFree +tags: + - Atomics + - JavaScript + - Method + - Shared Memory +browser-compat: javascript.builtins.Atomics.isLockFree +translation_of: Web/JavaScript/Reference/Global_Objects/Atomics/isLockFree +--- +{{JSRef}} + +静的な +**`Atomics.isLockFree()`** +メソッドは、 `Atomics` のメソッドが、要素のバイト数が指定された大きさである型付き配列に適用された場合、ロックまたは不可分のハードウェア操作を使用するかどうかを見極めるために使用されます。指定された大きさが整数型の TypedArray 型の [BYTES_PER_ELEMENT](/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/BYTES_PER_ELEMENT) プロパティのいずれでもない場合は、 `false` を返します。 + +{{EmbedInteractiveExample("pages/js/atomics-islockfree.html")}} + +## 構文 + +```js +Atomics.isLockFree(size) +``` + +### 引数 + +- `size` + - : チェックするバイト単位の大きさです。 + +### 返値 + +`true` または `false` で、操作がロック不要であるかどうかを示します。 + +## 例 + +### isLockFree の使用 + +```js +Atomics.isLockFree(1); // true +Atomics.isLockFree(2); // true +Atomics.isLockFree(3); // false +Atomics.isLockFree(4); // true +Atomics.isLockFree(5); // false +Atomics.isLockFree(6); // false +Atomics.isLockFree(7); // false +Atomics.isLockFree(8); // true +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Atomics")}} diff --git a/files/ja/web/javascript/reference/global_objects/bigint/index.html b/files/ja/web/javascript/reference/global_objects/bigint/index.html deleted file mode 100644 index c40ca5cf90..0000000000 --- a/files/ja/web/javascript/reference/global_objects/bigint/index.html +++ /dev/null @@ -1,288 +0,0 @@ ---- -title: BigInt -slug: Web/JavaScript/Reference/Global_Objects/BigInt -tags: - - BigInt - - JavaScript -translation_of: Web/JavaScript/Reference/Global_Objects/BigInt ---- -<div>{{JSRef}}</div> - -<p><strong><code>BigInt</code></strong> は組み込みオブジェクトで、 {{JSxRef("Number")}} プリミティブで表現できる最大の数、 {{JSxRef("Number.MAX_SAFE_INTEGER")}} よりも大きな数値を信頼できるものとして表現する方法を提供します。 <strong><code>BigInt</code></strong> は任意に巨大な整数に使用することができます。</p> - -<h2 id="Syntax" name="Syntax">詳細</h2> - -<p><code>BigInt</code> は10進数の整数リテラルの末尾に <code>n</code> をつけて <code>10n</code> とするか、 <code>BigInt()</code> 関数を呼び出すことで作成することができます。</p> - -<pre class="brush: js notranslate">const theBiggestInt = 9007199254740991n; - -const alsoHuge = BigInt(9007199254740991); -// ↪ 9007199254740991n - -const hugeString = BigInt("9007199254740991"); -// ↪ 9007199254740991n - -const hugeHex = BigInt("0x1fffffffffffff"); -// ↪ 9007199254740991n - -const hugeBin = BigInt("0b11111111111111111111111111111111111111111111111111111"); -// ↪ 9007199254740991n -</pre> - -<p><code>BigInt</code> はいくつかの点で {{JSxRef("Number")}} と似ていますが、重要ないくつかの点が異なります。 — 組込みの {{JSxRef("Math")}} オブジェクト内のメソッドでは利用できず、演算で <code>Number</code> のインスタンスと混ぜることができません。同じ型に統一する必要があります。ただし、<code>BigInt</code> を <code>Number</code> へ変換する際には精度が落ちることがあるので、相互に変化する場合には注意が必要です。</p> - -<h3 id="Type_information" name="Type_information">型情報</h3> - -<p><code>typeof</code> の <code>BigInt</code> に対する評価値は、"bigint" となります。</p> - -<pre class="brush: js notranslate">typeof 1n === 'bigint'; // true -typeof BigInt('1') === 'bigint'; // true -</pre> - -<p><code>Object</code> でラップされている場合は、 <code>BigInt</code> は通常の "object" として扱われます。</p> - -<pre class="brush: js notranslate">typeof Object(1n) === 'object'; // true -</pre> - -<h3 id="Operators" name="Operators">演算子</h3> - -<p><code>BigInt</code> (または Object でラップした <code>BigInt</code>) を利用することができる演算子は、 <code>+</code>, <code>*</code>, <code>-</code>, <code>**</code>, <code>%</code> です。<a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators">ビット操作演算子</a>は、同様に利用できますが、 <code>>>></code> (論理的右シフト) は BigInt が常に符号付きなので除きます。同様に、単項演算子 (<code>+</code>) は <a href="https://github.com/tc39/proposal-bigint/blob/master/ADVANCED.md#dont-break-asmjs">asm.js を破らないように</a>対応していません。</p> - -<pre class="brush: js notranslate">const previousMaxSafe = BigInt(Number.MAX_SAFE_INTEGER); -// ↪ 9007199254740991 - -const maxPlusOne = previousMaxSafe + 1n; -// ↪ 9007199254740992n - -const theFuture = previousMaxSafe + 2n; -// ↪ 9007199254740993n, this works now! - -const multi = previousMaxSafe * 2n; -// ↪ 18014398509481982n - -const subtr = multi – 10n; -// ↪ 18014398509481972n - -const mod = multi % 10n; -// ↪ 2n - -const bigN = 2n ** 54n; -// ↪ 18014398509481984n - -bigN * -1n -// ↪ –18014398509481984n -</pre> - -<p><code>/</code> 演算子もすべての数値に対して、期待される通りに動作します。ただ <code>BigInt</code> は<code>BigDecimal</code> ではないため、演算結果は 0 の方向に丸められます。別の言い方をすれば、小数を返すことはありません。</p> - -<div class="blockIndicator warning"> -<p><code>BigInt</code> を使用した場合、結果が小数となるような演算は切り捨てられます。</p> -</div> - -<pre class="brush: js notranslate">const expected = 4n / 2n; -// ↪ 2n - -const rounded = 5n / 2n; -// ↪ 2n, not 2.5n - -</pre> - -<h3 id="Comparisons" name="Comparisons">比較演算</h3> - -<p><code>BigInt</code> は {{JSxRef("Number")}} と厳密等価ではありませんが、等価にはなります。</p> - -<pre class="brush: js notranslate">0n === 0 -// ↪ false - -0n == 0 -// ↪ true</pre> - -<p>{{JSxRef("Global_Objects/Number", "Number")}} と <code>BigInt</code> は通常通り比較できます。</p> - -<pre class="brush: js notranslate">1n < 2 -// ↪ true - -2n > 1 -// ↪ true - -2 > 2 -// ↪ false - -2n > 2 -// ↪ false - -2n >= 2 -// ↪ true</pre> - -<p>配列の要素に混在させることでき、並べ替えも可能です。</p> - -<pre class="brush: js notranslate">const mixed = [4n, 6, -12n, 10, 4, 0, 0n]; -// ↪ [4n, 6, -12n, 10, 4, 0, 0n] - -mixed.sort(); -// ↪ [-12n, 0, 0n, 4n, 4, 6, 10] - -mixed.sort((a, b) => a - b) -// won't work since subtraction will not work with mixed types -// TypeError: can't convert BigInt to number - -// sort with an appropriate numeric comparator -mixed.sort((a, b) => (a < b) ? -1 : ((a > b) ? 1 : 0) -// ↪ [ -12n, 0, 0n, 4n, 4, 6, 10 ]</pre> - -<p>なお、 <code>Object</code> にラップされた <code>BigInt</code> は他のオブジェクトと同様の振る舞いをします。同じインスタンス同士が比較された場合にのみ、等価となります:</p> - -<pre class="brush: js notranslate">0n === Object(0n); // false -Object(0n) === Object(0n); // false - -const o = Object(0n); -o === o // true -</pre> - -<h3 id="Conditionals" name="Conditionals">条件式</h3> - -<p><code>BigInt</code> が {{JSxRef("Global_Objects/Boolean", "Boolean")}} へ変換される次のような場合は、 {{JSxRef("Global_Objects/Number", "Number")}} と同様の変換が行われます。 </p> - -<ul> - <li>{{JSxRef("Global_Objects/Boolean", "Boolean")}} 関数を利用した場合</li> - <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Logical_Operators">論理演算子</a> <code>||</code>、`<code>&&</code>`、<code>!</code> で使用される場合</li> - <li> {{JSxRef("Statements/if...else", "if")}} 文などの条件式に使用される場合</li> -</ul> - -<pre class="brush: js notranslate">if (0n) { - console.log('Hello from the if!'); -} else { - console.log('Hello from the else!'); -} - -// ↪ "Hello from the else!" - -0n || 12n -// ↪ 12n - -0n && 12n -// ↪ 0n - -Boolean(0n) -// ↪ false - -Boolean(12n) -// ↪ true - -!12n -// ↪ false - -!0n -// ↪ true -</pre> - -<h2 id="Methods" name="Methods">コンストラクタ</h2> - -<dl> - <dt> - <p>{{JSxRef("BigInt()")}}</p> - </dt> - <dd> - <p><font face="Arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">新しい</span></font><code>bigint</code> 値を作ります。</p> - </dd> -</dl> - -<h2 id="Methods" name="Methods">静的メソッド</h2> - -<dl> - <dt>{{JSxRef("BigInt.asIntN()")}}</dt> - <dd>BigInt の値を -2<sup>width-1</sup> ～ 2<sup>width-1</sup>-1 の間に丸めます。</dd> - <dt>{{JSxRef("BigInt.asUintN()")}}</dt> - <dd>BigInt の値を 0 ～ 2<sup>width</sup>-1 の間に丸めます。</dd> -</dl> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<dl> - <dt>{{JSxRef("BigInt.prototype")}}</dt> - <dd><code>BigInt</code> オブジェクトへの属性追加が可能です。</dd> -</dl> - -<h2 id="BigInt_instances" name="BigInt_instances"><code>BigInt</code> インスタンス</h2> - -<p>全ての <code>BigInt</code> インスタンスは <code>BigInt.prototype</code> を継承します。このプロトタイプオブジェクトへの変更は、全ての <code>BigInt</code> インスタンスに影響します。</p> - -<h3 id="Methods_2" name="Methods_2">メソッド</h3> - -<p>{{page("/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/prototype", "Methods")}}</p> - -<h2 id="Usage_recommendations" name="Usage_recommendations">使用方法の推奨事項</h2> - -<h3 id="Coercion" name="Coercion">型変換</h3> - -<p>{{JSxRef("Number")}} と <code>BigInt</code> との間の型変換は精度が落ちる可能性があるため、 <code>BigInt</code> は値が論理的に2<sup>53</sup>以上になる場合にのみ使用し、この2つの型の間で型変換を行わないこと推奨します。</p> - -<h3 id="Cryptography" name="Cryptography">暗号処理</h3> - -<p><code>BigInt</code> で対応している演算は、実行時間が一定ではありません。従って、 <code>BigInt</code> は<a href="https://www.chosenplaintext.ca/articles/beginners-guide-constant-time-cryptography.html">暗号処理での使用には向きません</a>。</p> - -<h3 id="Use_within_JSON" name="Use_within_JSON">JSON での使用</h3> - -<p><code>BigInt</code> の値は既定で JSON のシリアライズに対応していないため、{{JSxRef("JSON.stringify()")}} を <code>BigInt</code> 値に対して使用すると <code>TypeError</code> が発生します。ただし、必要であれば独自の <code>toJSON</code> メソッドを実装することができます。</p> - -<pre class="brush: js notranslate">BigInt.prototype.toJSON = function() { return this.toString(); }</pre> - -<p><code>JSON.stringify</code> により、例外が発生する代わりに次のように文字列を生成するようになります。</p> - -<pre class="brush: js notranslate">JSON.stringify(BigInt(1)); -// '"1"'</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Calculating_Primes" name="Calculating_Primes">素数の計算</h3> - -<pre class="brush: js notranslate">function isPrime(p) { - for (let i = 2n; i * i <= p; i++) { - if (p % i === 0n) return false; - } - return true; -} - -// Takes a BigInt as an argument and returns a BigInt -function nthPrime(nth) { - let maybePrime = 2n; - let prime = 0n; - - while (nth >= 0n) { - if (isPrime(maybePrime)) { - nth -= 1n; - prime = maybePrime; - } - maybePrime += 1n; - } - - return prime; -} - -nthPrime(20n) -// ↪ 73n</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("ESDraft", "#sec-bigint-objects", "<code>BigInt</code> objects")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.BigInt")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{JSxRef("Number")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/bigint/index.md b/files/ja/web/javascript/reference/global_objects/bigint/index.md new file mode 100644 index 0000000000..f42782a3ea --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/bigint/index.md @@ -0,0 +1,289 @@ +--- +title: BigInt +slug: Web/JavaScript/Reference/Global_Objects/BigInt +tags: + - BigInt + - クラス + - JavaScript + - リファレンス +browser-compat: javascript.builtins.BigInt +translation_of: Web/JavaScript/Reference/Global_Objects/BigInt +--- +{{JSRef}} + +**`BigInt`** は組み込みオブジェクトで、そのコンストラクターは `bigint` {{Glossary("Primitive", "プリミティブ")}} — または **BigInt 値** や単に **BigInt** と呼ばれることもありますが — を返します。これは 2^53 - 1 ([`Number.MAX_SAFE_INTEGER`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER)、 `number` {{Glossary("Primitive", "プリミティブ")}} または *Number 値*で表すことができる最大の数) よりも大きな数を表すことができます。 BigInt 値は任意に巨大な整数に使用することができます。 + +## 解説 + +**BigInt 値**は、単に **BigInt** と呼ばれることもありますが、 `bigint` {{Glossary("Primitive", "プリミティブ")}}です。整数リテラルの末尾に `n` を追加するか、 {{jsxref("Global_Objects/BigInt/BigInt", "BigInt()")}} コンストラクターを呼び出し、整数値または文字列値を与えることで生成することができます (ただし `new` 演算子なしで)。 + +```js +const previouslyMaxSafeInteger = 9007199254740991n + +const alsoHuge = BigInt(9007199254740991) +// ↪ 9007199254740991n + +const hugeString = BigInt("9007199254740991") +// ↪ 9007199254740991n + +const hugeHex = BigInt("0x1fffffffffffff") +// ↪ 9007199254740991n + +const hugeOctal = BigInt("0o377777777777777777") +// ↪ 9007199254740991n + +const hugeBin = BigInt("0b11111111111111111111111111111111111111111111111111111") +// ↪ 9007199254740991n +``` + +BigInt はいくつかの点で Number と似ていますが、重要ないくつかの点が異なります。組み込みの [`Math`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Math) オブジェクト内のメソッドでは利用できず、演算で Number の値と混ぜることができません。同じ型に統一する必要があります。ただし、BigInt を Number へ変換する際には精度が落ちることがあるので、相互に変化する場合には注意が必要です。 + +### 型情報 + +`typeof` の `BigInt` 値 (`bigint` プリミティブ) に対する評価値は、"`bigint`" となります。 + +```js +typeof 1n === 'bigint' // true +typeof BigInt('1') === 'bigint' // true +``` + +BitInt の値は `Object` でラップすることができます。 + +```js +typeof Object(1n) === 'object' // true +``` + +### 演算子 + +以下の演算子は BigInt 値またはオブジェクトでラップした BigInt 値で使用することができます。 + + + * - % ** + +[ビット操作演算子](/ja/docs/Web/JavaScript/Reference/Operators)は、同様に利用できますが、 `>>>` (論理的右シフト) は BigInt が常に符号付きなので除外されます。 + +同様に、単項演算子 (`+`) は [asm.js を壊さないように](https://github.com/tc39/proposal-bigint/blob/master/ADVANCED.md#dont-break-asmjs)対応していません。 + +```js +const previousMaxSafe = BigInt(Number.MAX_SAFE_INTEGER) +// ↪ 9007199254740991n + +const maxPlusOne = previousMaxSafe + 1n +// ↪ 9007199254740992n + +const theFuture = previousMaxSafe + 2n +// ↪ 9007199254740993n, this works now! + +const multi = previousMaxSafe * 2n +// ↪ 18014398509481982n + +const subtr = multi - 10n +// ↪ 18014398509481972n + +const mod = multi % 10n +// ↪ 2n + +const bigN = 2n ** 54n +// ↪ 18014398509481984n + +bigN * -1n +// ↪ -18014398509481984n +``` + +`/` 演算子もすべての数値に対して、期待される通りに動作します。ただし、実数との演算では BigInt 値と演算すhる際に小数が切り捨てられます。実数を返すことはありません。 + +```js +const expected = 4n / 2n +// ↪ 2n + +const truncated = 5n / 2n +// ↪ 2n, not 2.5n +``` + +### 比較演算 + +BigInt 値は Number 値と厳密等価ではありませんが、等価にはなります。 + +```js +0n === 0 +// ↪ false + +0n == 0 +// ↪ true +``` + +Number と BigInt は通常通り比較できます。 + +```js +1n < 2 +// ↪ true + +2n > 1 +// ↪ true + +2 > 2 +// ↪ false + +2n > 2 +// ↪ false + +2n >= 2 +// ↪ true +``` + +BigInt 値と Number 値は配列の要素に混在させたり並べ替えたりすることも可能です。 + +```js +const mixed = [4n, 6, -12n, 10, 4, 0, 0n] +// ↪ [4n, 6, -12n, 10, 4, 0, 0n] + +mixed.sort() // 既定の並べ替えの動作 +// ↪ [ -12n, 0, 0n, 10, 4n, 4, 6 ] + +mixed.sort((a, b) => a - b) +// 型が混在した減算はできないので動作しない +// TypeError: can't convert BigInt value to Number value + +// 適切な数値比較関数を使用した並べ替え +mixed.sort((a, b) => (a < b) ? -1 : ((a > b) ? 1 : 0)) +// ↪ [ -12n, 0, 0n, 4n, 4, 6, 10 ] +``` + +なお、 `Object` にラップされた BigInt は他のオブジェクトと同様の振る舞いをします。同じインスタンス同士が比較された場合にのみ等価となります。 + +```js +0n === Object(0n) // false +Object(0n) === Object(0n) // false + +const o = Object(0n) +o === o // true +``` + +### 条件式 + +BigInt 値は次のような場合は Number 値のように動作します。 + +- [`Boolean`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Boolean) へ変換される場合 ( [`Boolean`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Boolean) 関数を使用して) +- [論理演算子](/ja/docs/Web/JavaScript/Reference/Operators)の `||`、`&&`、`!`、または [`if`](/ja/docs/Web/JavaScript/Reference/Statements/if...else) 文のような条件式の中で使用された場合 + +```js +if (0n) { + console.log('Hello from the if!') +} else { + console.log('Hello from the else!') +} + +// ↪ "Hello from the else!" + +0n || 12n +// ↪ 12n + +0n && 12n +// ↪ 0n + +Boolean(0n) +// ↪ false + +Boolean(12n) +// ↪ true + +!12n +// ↪ false + +!0n +// ↪ true +``` + +## コンストラクター + +- [`BigInt()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/BigInt) + - : 新しい BigInt 値を生成します。 + +<h2 id="Methods" name="Methods">静的メソッド</h2> + +- [`BigInt.asIntN()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/asIntN) + - : BigInt 値を符号付き整数値に丸め、その値を返します。 +- [`BigInt.asUintN()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/asUintN) + - : BigInt 値を符号なし整数値に丸め、その値を返します。 + +## インスタンスメソッド + +- [`BigInt.prototype.toLocaleString()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/toLocaleString) + - : この BigInt 値の言語に合わせた表現の文字列を返します。 [`Object.prototype.toLocaleString()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/toLocaleString) メソッドを上書きします。 +- [`BigInt.prototype.toString()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/toString) + - : この BigInt 値を指定された基数で表現した文字列を返します。 [`Object.prototype.toString()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/toString) メソッドを上書きします。 +- [`BigInt.prototype.valueOf()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt/valueOf) + - : この BigInt 値を返します。 [`Object.prototype.valueOf()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf) メソッドを上書きします。 + +## 使用方法の推奨事項 + +## 型変換 + +Number 値と BigInt 値との間の型変換は精度が落ちる可能性があるため、次のことを推奨します。 + +- BigInt 値は、値が 2^53 を超えることが合理的に予想される場合にのみ使用する。 +- BigInt 値と Number 値の間で型変換を行わない。 + +<h3 id="Cryptography" name="Cryptography">暗号処理</h3> + +BigInt で対応している演算は、実行時間が一定ではないので、[タイミング攻撃](https://en.wikipedia.org/wiki/Timing_attack)を受ける可能性があります。したがって、 JavaScript の BigInt は暗号処理での使用には向きません。 + +### JSON での使用 + +[`JSON.stringify()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) を BigInt 値に対して使用すると `TypeError` が発生します。 BigInt 値は既定で JSON のシリアライズに対応していないため、ただし、必要であれば独自の `toJSON` メソッドを実装することができます。 + +```js +BigInt.prototype.toJSON = function() { return this.toString() } +``` + +`JSON.stringify` により、例外が発生する代わりに次のように文字列を生成するようになります。 + +```js +JSON.stringify(BigInt(1)) +// '"1"' +``` + +## 例 + +### 素数の計算 + +```js +// 渡された BigInt が素数であった場合は true を返します +function isPrime(p) { + for (let i = 2n; i * i <= p; i++) { + if (p % i === 0n) return false; + } + return true +} + +// 引数として BigInt 値を取り、 nth 番目の素数を BigInt 値として返します。 +function nthPrime(nth) { + let maybePrime = 2n + let prime = 0n + + while (nth >= 0n) { + if (isPrime(maybePrime)) { + nth-- + prime = maybePrime + } + maybePrime++ + } + + return prime +} + +nthPrime(20n) +// ↪ 73n +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [`Number`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Number) +- [`Number.MAX_SAFE_INTEGER`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER) diff --git a/files/ja/web/javascript/reference/global_objects/bigint/tolocalestring/index.md b/files/ja/web/javascript/reference/global_objects/bigint/tolocalestring/index.md new file mode 100644 index 0000000000..696c778e56 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/bigint/tolocalestring/index.md @@ -0,0 +1,114 @@ +--- +title: BigInt.prototype.toLocaleString() +slug: Web/JavaScript/Reference/Global_Objects/BigInt/toLocaleString +tags: + - BigInt + - 国際化 + - Intl + - JavaScript + - メソッド + - プロトタイプ +browser-compat: javascript.builtins.BigInt.toLocaleString +--- +{{JSRef}} + +**`toLocaleString()`** メソッドは、この BigInt 値の言語に合わせた表現の文字列を返します。 + +{{EmbedInteractiveExample("pages/js/bigint-tolocalestring.html")}} + +## 構文 + +```js +toLocaleString() +toLocaleString(locales) +toLocaleString(locales, options) +``` + +### 引数 + +`locales` および `options` の引数は、この関数の動作をカスタマイズするためのもので、アプリケーションは整形の慣例を使用する言語を指定することができます。 `locales` や `options` の引数を無視する実装では、使用するロケールや返す文字列の形式はすべて実装に依存します。 + +これらの引数や使用方法について、詳しくは [`Intl.NumberFormat()` +コンストラクター](/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat) を参照してください。 + +### 返値 + +指定された BigInt の言語に合わせた表現の文字列です。 + +## 性能 + +大量の数値を整形する場合は、 {{jsxref("Intl.NumberFormat")}} オブジェクトを生成して {{jsxref("Intl/NumberFormat/format", "NumberFormat.format")}} プロパティで提供される関数を使用したほうが有利です。 + +## 例 + +### `toLocaleString` の使用 + +ロケールを使用しない基本的な使用では、既定のロケールと既定のオプションで成形された文字列が返されます。 + +```js +var bigint = 3500n; + +bigint.toLocaleString(); +// "3,500" と表示 (U.S. English ロケールの場合) +``` + +### `locales` の使用 + +この例ではローカライズされた数値書式の変化形の一部を示しています。アプリケーションのユーザーインターフェイスで使用されている言語の書式を取得するには、必ず `locale` 引きお数でその言語を (場合によっては予備の言語も) 指定してください。 + +```js +var bigint = 123456789123456789n; + +// ドイツ語では千の位の区切りにピリオドを使用 +console.log(bigint.toLocaleString('de-DE')); +// → 123.456.789.123.456.789 + +// 多くのアラビア語を話す国ではアラビア語で東アラビア数字を使用 +console.log(bigint.toLocaleString('ar-EG')); +// → ١٢٣٬٤٥٦٬٧٨٩٬١٢٣٬٤٥٦٬٧٨٩ + +// インドでは千/十万/千万の区切りを使用 +console.log(bigint.toLocaleString('en-IN')); +// → 1,23,45,67,89,12,34,56,789 + +// nu 拡張キーは数値体系を要求。例えば中国語の数字の場合 +console.log(bigint.toLocaleString('zh-Hans-CN-u-nu-hanidec')); +// → 一二三,四五六,七八九,一二三,四五六,七八九 + +// 要求した言語に対応していない場合、例えばバリ語の場合、 +// 予備の言語、この場合はインドネシア語を使用 +console.log(bigint.toLocaleString(['ban', 'id'])); +// → 123.456.789.123.456.789 +``` + +### `options` の使用 + +`toLocaleString` で提供される結果は `options` 引数でカスタマイズできます。 + +```js +var bigint = 123456789123456789n; + +// 通貨書式を要求 +console.log(bigint.toLocaleString('de-DE', { style: 'currency', currency: 'EUR' })); +// → 123.456.789.123.456.789,00 € + +// 日本円には下位の単位がない +console.log(bigint.toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' })) +// → ￥123,456,789,123,456,789 + +// 有効数字を 3 桁に限定 +console.log(bigint.toLocaleString('en-IN', { maximumSignificantDigits: 3 })); +// → 1,23,00,00,00,00,00,00,000 +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("BigInt.toString()")}} diff --git a/files/ja/web/javascript/reference/global_objects/bigint/valueof/index.md b/files/ja/web/javascript/reference/global_objects/bigint/valueof/index.md new file mode 100644 index 0000000000..c0f82adbb5 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/bigint/valueof/index.md @@ -0,0 +1,48 @@ +--- +title: BigInt.prototype.valueOf() +slug: Web/JavaScript/Reference/Global_Objects/BigInt/valueOf +tags: + - BigInt + - JavaScript + - メソッド + - プロトタイプ + - valueOf() +browser-compat: javascript.builtins.BigInt.valueOf +translate_of: Web/JavaScript/Reference/Global_Objects/BigInt/valueOf +--- +{{JSRef}} + +**`valueOf()`** メソッドは、 {{jsxref("BigInt")}} オブジェクトにラップされたプリミティブ値を返します。 + +{{EmbedInteractiveExample("pages/js/bigint-valueof.html","shorter")}} + +## 構文 + +```js +bigIntObj.valueOf() +``` + +### 返値 + +指定された {{jsxref("BigInt")}} オブジェクトのプリミティブ値を表す BigInt です。 + +## 例 + +### `valueOf` の使用 + +```js +typeof Object(1n); // object +typeof Object(1n).valueOf(); // bigint +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("BigInt.prototype.toString()")}} diff --git a/files/ja/web/javascript/reference/global_objects/bigint64array/bigint64array/index.html b/files/ja/web/javascript/reference/global_objects/bigint64array/bigint64array/index.html index b69f3362dd..b22101ce7f 100644 --- a/files/ja/web/javascript/reference/global_objects/bigint64array/bigint64array/index.html +++ b/files/ja/web/javascript/reference/global_objects/bigint64array/bigint64array/index.html @@ -86,7 +86,7 @@ var bigint64 = new BigInt64Array(iterable); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> + <li><a href="/ja/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> <li>{{jsxref("BigUint64Array")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/bigint64array/index.html b/files/ja/web/javascript/reference/global_objects/bigint64array/index.html deleted file mode 100644 index db7a3ac87f..0000000000 --- a/files/ja/web/javascript/reference/global_objects/bigint64array/index.html +++ /dev/null @@ -1,170 +0,0 @@ ---- -title: BigInt64Array -slug: Web/JavaScript/Reference/Global_Objects/BigInt64Array -tags: - - BigInt - - BigInt64Array - - Class - - JavaScript - - Reference - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>BigInt64Array</code></strong> 型の配列は、プラットフォームのバイト順で 64 ビット符号付き整数の配列を表します。バイト順を制御する必要がある場合は、代わりに {{jsxref("DataView")}} を使用してください。内容は <code>0n</code> に初期化されます。一度確立されると、オブジェクトのメソッドを使って配列内の要素を参照するか、標準の配列インデックス構文を使って（つまり、角括弧記法を使って）配列を参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt><a href="/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array/BigInt64Array"><code>BigInt64Array()</code></a></dt> - <dd>新しい <code>BigInt64Array</code> オブジェクトを作成します</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "BigInt64Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素サイズの数値を返します。<code>BigInt64Array</code> は <code>8</code> です。</dd> - <dt>{{jsxref("TypedArray.name", "BigInt64Array.name")}}</dt> - <dd>コンストラクター名の文字列を返します。<code>BigInt64Array</code> は "BigInt64Array" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "BigInt64Array.from()")}}</dt> - <dd>array-like、あるいは iterable オブジェクトから新しい <code>BigInt64Array</code> を作成します。{{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "BigInt64Array.of()")}}</dt> - <dd>可変数の引数から新しい <code>BigInt64Array</code> を作成します。{{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "BigInt64Array.prototype.buffer")}}</dt> - <dd><code>BigInt64Array</code> が参照する {{jsxref("ArrayBuffer")}} を返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "BigInt64Array.prototype.byteLength")}}</dt> - <dd><code>BigInt64Array</code> の {{jsxref("ArrayBuffer")}} の先頭からの長さをバイト数で返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "BigInt64Array.prototype.byteOffset")}}</dt> - <dd><code>BigInt64Array</code> の {{jsxref("ArrayBuffer")}} の先頭からのオフセットをバイト単位で返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "BigInt64Array.prototype.length")}}</dt> - <dd><code>BigInt64Array</code> に保持されている要素数を返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "BigInt64Array.prototype.copyWithin()")}}</dt> - <dd>配列内の配列要素のシーケンスをコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "BigInt64Array.prototype.entries()")}}</dt> - <dd>配列の各インデックスのキーと値のペアを含む、新しい <code>Array Iterator</code> オブジェクトを返します。{{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "BigInt64Array.prototype.every()")}}</dt> - <dd>配列のすべての要素が、関数で指定されたテストに合格するかどうかをテストします。{{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "BigInt64Array.prototype.fill()")}}</dt> - <dd>開始インデックスから終了インデックスまでの、配列のすべての要素を静的な値で埋めます。{{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "BigInt64Array.prototype.filter()")}}</dt> - <dd>指定したフィルターリング関数が <code>true</code> を返す要素をすべて含む、新しい配列を作成します。{{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "BigInt64Array.prototype.find()")}}</dt> - <dd>配列内の要素が指定したテスト関数を満たしている場合は、配列内で見つかった値を返し、見つからなかった場合は <code>undefined</code> を返します。{{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "BigInt64Array.prototype.findIndex()")}}</dt> - <dd>配列内の要素が指定したテスト関数を満たす場合は、配列内で見つかったインデックスを返し、見つからなかった場合は -1 を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "BigInt64Array.prototype.forEach()")}}</dt> - <dd>配列の各要素に対して関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "BigInt64Array.prototype.includes()")}}</dt> - <dd>型付き配列が特定の要素を含むかどうかを判断し、適切な場合は <code>true</code> または <code>false</code> を返します。{{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "BigInt64Array.prototype.indexOf()")}}</dt> - <dd>指定した値と等しい配列内の要素の最初の（最小の）インデックスを返します。何も見つからない場合は -1 を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "BigInt64Array.prototype.join()")}}</dt> - <dd>配列のすべての要素を文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "BigInt64Array.prototype.keys()")}}</dt> - <dd>配列の各インデックスのキーを含む新しい <code>Array Iterator</code> を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "BigInt64Array.prototype.lastIndexOf()")}}</dt> - <dd>指定した値と等しい配列内の要素の最後の（最大の）インデックスを返します。何も見つからない場合は -1 を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "BigInt64Array.prototype.map()")}}</dt> - <dd>この配列の各要素に対して指定した関数を呼び出した結果を持つ、新しい配列を作成します。{{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "BigInt64Array.prototype.reduce()")}}</dt> - <dd>アキュムレータと配列の各値（左から右へ）を一つの値に減らすための関数を適用します。{{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "BigInt64Array.prototype.reduceRight()")}}</dt> - <dd>アキュムレータと配列の各値（右から左へ）を一つの値に減らすための関数を適用します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "BigInt64Array.prototype.reverse()")}}</dt> - <dd>配列の要素の順序を反転させます — 最初が最後になり、最後が最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "BigInt64Array.prototype.set()")}}</dt> - <dd>型付けされた配列に複数の値を格納し、指定した配列から入力値を読み込みます。</dd> - <dt>{{jsxref("TypedArray.slice", "BigInt64Array.prototype.slice()")}}</dt> - <dd>配列の一部を抽出し、新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "BigInt64Array.prototype.some()")}}</dt> - <dd>配列の少なくとも一つの要素が、指定したテスト関数を満たしている場合に <code>true</code> を返します。{{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "BigInt64Array.prototype.sort()")}}</dt> - <dd>配列の要素を所定の位置に並べ替えて、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "BigInt64Array.prototype.subarray()")}}</dt> - <dd>指定した開始要素と終了要素のインデックスから、新しい <code>BigUint64Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "BigInt64Array.prototype.values()")}}</dt> - <dd>配列の各インデックスの値を含む、新しい <code>Array Iterator</code> オブジェクトを返します。{{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "BigInt64Array.prototype.toLocaleString()")}}</dt> - <dd>配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "BigInt64Array.prototype.toString()")}}</dt> - <dd>配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "BigInt64Array.prototype[@@iterator]()")}}</dt> - <dd>配列の各インデックスの値を含む、新しい <code>Array Iterator</code> オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_BigInt64Array" name="Different_ways_to_create_a_BigInt64Array"><code>BigInt64Array</code> の作成方法の違い</h3> - -<pre class="brush: js notranslate">// length から -var bigint64 = new BigInt64Array(2); -bigint64[0] = 42n; -console.log(bigint64[0]); // 42n -console.log(bigint64.length); // 2 -console.log(bigint64.BYTES_PER_ELEMENT); // 8 - -// 配列から -var arr = new BigInt64Array([21n,31n]); -console.log(arr[1]); // 31n - -// 別の TypedArray から -var x = new BigInt64Array([21n, 31n]); -var y = new BigInt64Array(x); -console.log(y[0]); // 21n - -// ArrayBuffer から -var buffer = new ArrayBuffer(32); -var z = new BigInt64Array(buffer, 0, 4); - -// iterable なものから -var iterable = function*(){ yield* [1n, 2n, 3n]; }(); -var bigint64 = new BigInt64Array(iterable); -// BigInt64Array[1n, 2n, 3n] -</pre> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("ESDraft", "#sec-typedarray-objects", "BigInt64Array")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("javascript.builtins.BigInt64Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> - <li>{{jsxref("BigUint64Array")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/bigint64array/index.md b/files/ja/web/javascript/reference/global_objects/bigint64array/index.md new file mode 100644 index 0000000000..b874e53d62 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/bigint64array/index.md @@ -0,0 +1,147 @@ +--- +title: BigInt64Array +slug: Web/JavaScript/Reference/Global_Objects/BigInt64Array +tags: + - BigInt + - BigInt64Array + - クラス + - JavaScript + - Reference + - TypedArray + - 型付き配列 +browser-compat: javascript.builtins.BigInt64Array +translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array +--- +{{JSRef}} + +**`BigInt64Array`** は型付き配列で、プラットフォームのバイト順による 16 ビット符号付き整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0n` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- [`BigInt64Array()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array/BigInt64Array) + - : 新しい `BigInt64Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "BigInt64Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`BigInt64Array` の場合は `8` です。 +- {{jsxref("TypedArray.name", "BigInt64Array.name")}} + - : コンストラクター名を文字列値で返します。`BigInt64Array` の場合、 "`BigInt64Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "BigInt64Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `BigInt64Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "BigInt64Array.of()")}} + - : 可変長引数で新しい `BigInt64Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "BigInt64Array.prototype.buffer")}} + - : `BigInt64Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "BigInt64Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `BigInt64Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "BigInt64Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `BigInt64Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "BigInt64Array.prototype.length")}} + - : `BigInt64Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "BigInt64Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "BigInt64Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "BigInt64Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "BigInt64Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "BigInt64Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "BigInt64Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "BigInt64Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "BigInt64Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "BigInt64Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "BigInt64Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "BigInt64Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "BigInt64Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "BigInt64Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "BigInt64Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "BigInt64Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "BigInt64Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "BigInt64Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "BigInt64Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "BigInt64Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "BigInt64Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "BigInt64Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "BigInt64Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `BigInt64Array` を返します。 +- {{jsxref("TypedArray.values", "BigInt64Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "BigInt64Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "BigInt64Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "BigInt64Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `BigInt64Array` を作成 + +```js +// 長さから +var bigint64 = new BigInt64Array(2); +bigint64[0] = 42n; +console.log(bigint64[0]); // 42n +console.log(bigint64.length); // 2 +console.log(bigint64.BYTES_PER_ELEMENT); // 8 + +// 配列から +var arr = new BigInt64Array([21n,31n]); +console.log(arr[1]); // 31n + +// From another TypedArray +var x = new BigInt64Array([21n, 31n]); +var y = new BigInt64Array(x); +console.log(y[0]); // 21n + +// ArrayBuffer から +var buffer = new ArrayBuffer(32); +var z = new BigInt64Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1n, 2n, 3n]; }(); +var bigint64 = new BigInt64Array(iterable); +// BigInt64Array[1n, 2n, 3n] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("BigUint64Array")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/biguint64array/biguint64array/index.html b/files/ja/web/javascript/reference/global_objects/biguint64array/biguint64array/index.html index e381709aba..65b2c38a64 100644 --- a/files/ja/web/javascript/reference/global_objects/biguint64array/biguint64array/index.html +++ b/files/ja/web/javascript/reference/global_objects/biguint64array/biguint64array/index.html @@ -88,7 +88,7 @@ var biguint64 = new BigUint64Array(iterable); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> + <li><a href="/ja/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> <li>{{jsxref("BigInt64Array")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/biguint64array/index.html b/files/ja/web/javascript/reference/global_objects/biguint64array/index.html deleted file mode 100644 index 0976191b2c..0000000000 --- a/files/ja/web/javascript/reference/global_objects/biguint64array/index.html +++ /dev/null @@ -1,170 +0,0 @@ ---- -title: BigUint64Array -slug: Web/JavaScript/Reference/Global_Objects/BigUint64Array -tags: - - BigInt - - BigUInt64Array - - Class - - JavaScript - - Reference - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/BigUint64Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>BigUint64Array</code></strong> 型の配列は、プラットフォームのバイト順で 64 ビット符号付き整数の配列を表します。バイト順を制御する必要がある場合は、代わりに {{jsxref("DataView")}} を使用してください。内容は <code>0n</code> に初期化されます。一度確立されると、オブジェクトのメソッドを使って配列内の要素を参照するか、標準の配列インデックス構文を使って（つまり、角括弧記法を使って）配列を参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt><a href="/docs/Web/JavaScript/Reference/Global_Objects/BigUint64Array/BigUint64Array"><code>BigUint64Array()</code></a></dt> - <dd>新しい <code>BigUint64Array</code> オブジェクトを作成します</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "BigUint64Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素サイズの数値を返します。<code>BigUint64Array</code> は <code>8</code> です。</dd> - <dt>{{jsxref("TypedArray.name", "BigUint64Array.name")}}</dt> - <dd>コンストラクター名の文字列を返します。<code>BigUint64Array</code> は "BigUint64Array" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "BigUint64Array.from()")}}</dt> - <dd>array-like、あるいは iterable オブジェクトから新しい <code>BigUint64Array</code> を作成します。{{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "BigUint64Array.of()")}}</dt> - <dd>可変数の引数から新しい <code>BigUint64Array</code> を作成します。{{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "BigUint64Array.prototype.buffer")}}</dt> - <dd><code>BigUint64Array</code> が参照する {{jsxref("ArrayBuffer")}} を返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "BigUint64Array.prototype.byteLength")}}</dt> - <dd><code>BigUint64Array</code> の {{jsxref("ArrayBuffer")}} の先頭からの長さをバイト数で返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "BigUint64Array.prototype.byteOffset")}}</dt> - <dd><code>BigUint64Array</code> の {{jsxref("ArrayBuffer")}} の先頭からのオフセットをバイト単位で返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "BigUint64Array.prototype.length")}}</dt> - <dd><code>BigUint64Array</code> に保持されている要素数を返します。これは構築時に固定されているため、<strong>読み取り専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "BigUint64Array.prototype.copyWithin()")}}</dt> - <dd>配列内の配列要素のシーケンスをコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "BigUint64Array.prototype.entries()")}}</dt> - <dd>配列の各インデックスのキーと値のペアを含む、新しい <code>Array Iterator</code> オブジェクトを返します。{{jsxref("Array.prototype.entry()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "BigUint64Array.prototype.every()")}}</dt> - <dd>配列のすべての要素が、関数で指定されたテストに合格するかどうかをテストします。{{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "BigUint64Array.prototype.fill()")}}</dt> - <dd>開始インデックスから終了インデックスまでの、配列のすべての要素を静的な値で埋めます。{{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "BigUint64Array.prototype.filter()")}}</dt> - <dd>指定したフィルターリング関数が <code>true</code> を返す要素をすべて含む、新しい配列を作成します。{{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "BigUint64Array.prototype.find()")}}</dt> - <dd>配列内の要素が指定したテスト関数を満たしている場合は、配列内で見つかった値を返し、見つからなかった場合は <code>undefined</code> を返します。{{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "BigUint64Array.prototype.findIndex()")}}</dt> - <dd>配列内の要素が指定したテスト関数を満たす場合は、配列内で見つかったインデックスを返し、見つからなかった場合は -1 を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "BigUint64Array.prototype.forEach()")}}</dt> - <dd>配列の各要素に対して関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "BigUint64Array.prototype.includes()")}}</dt> - <dd>型付き配列が特定の要素を含むかどうかを判断し、適切な場合は <code>true</code> または <code>false</code> を返します。{{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "BigUint64Array.prototype.indexOf()")}}</dt> - <dd>指定した値と等しい配列内の要素の最初の（最小の）インデックスを返します。何も見つからない場合は -1 を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "BigUint64Array.prototype.join()")}}</dt> - <dd>配列のすべての要素を文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "BigUint64Array.prototype.keys()")}}</dt> - <dd>配列の各インデックスのキーを含む新しい <code>Array Iterator</code> を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "BigUint64Array.prototype.lastIndexOf()")}}</dt> - <dd>指定した値と等しい配列内の要素の最後の（最大の）インデックスを返します。何も見つからない場合は -1 を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "BigUint64Array.prototype.map()")}}</dt> - <dd>この配列の各要素に対して指定した関数を呼び出した結果を持つ、新しい配列を作成します。{{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "BigUint64Array.prototype.reduce()")}}</dt> - <dd>アキュムレータと配列の各値（左から右へ）を一つの値に減らすための関数を適用します。{{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "BigUint64Array.prototype.reduceRight()")}}</dt> - <dd>アキュムレータと配列の各値（右から左へ）を一つの値に減らすための関数を適用します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "BigUint64Array.prototype.reverse()")}}</dt> - <dd>配列の要素の順序を反転させます — 最初が最後になり、最後が最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "BigUint64Array.prototype.set()")}}</dt> - <dd>型付けされた配列に複数の値を格納し、指定した配列から入力値を読み込みます。</dd> - <dt>{{jsxref("TypedArray.slice", "BigUint64Array.prototype.slice()")}}</dt> - <dd>配列の一部を抽出し、新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "BigUint64Array.prototype.some()")}}</dt> - <dd>配列の少なくとも一つの要素が、指定したテスト関数を満たしている場合に <code>true</code> を返します。{{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "BigUint64Array.prototype.sort()")}}</dt> - <dd>配列の要素を所定の位置に並べ替えて、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "BigUint64Array.prototype.subarray()")}}</dt> - <dd>指定した開始要素と終了要素のインデックスから、新しい <code>BigUint64Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "BigUint64Array.prototype.values()")}}</dt> - <dd>配列の各インデックスの値を含む、新しい <code>Array Iterator</code> オブジェクトを返します。{{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "BigUint64Array.prototype.toLocaleString()")}}</dt> - <dd>配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "BigUint64Array.prototype.toString()")}}</dt> - <dd>配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "BigUint64Array.prototype[@@iterator]()")}}</dt> - <dd>配列の各インデックスの値を含む、新しい <code>Array Iterator</code> オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_BigUint64Array" name="Different_ways_to_create_a_BigUint64Array"><code>BigUint64Array</code> の作成方法の違い</h3> - -<pre class="brush: js notranslate">// length から -var biguint64 = new BigUint64Array(2); -biguint64[0] = 42n; -console.log(biguint64[0]); // 42n -console.log(biguint64.length); // 2 -console.log(biguint64.BYTES_PER_ELEMENT); // 8 - -// 配列から -var arr = new BigUint64Array([21n,31n]); -console.log(arr[1]); // 31n - -// 別の TypedArray から -var x = new BigUint64Array([21n, 31n]); -var y = new BigUint64Array(x); -console.log(y[0]); // 21n - -// ArrayBuffer から -var buffer = new ArrayBuffer(32); -var z = new BigUint64Array(buffer, 0, 4); - -// iterable なものから -var iterable = function*(){ yield* [1n, 2n, 3n]; }(); -var biguint64 = new BigUint64Array(iterable); -// BigUint64Array[1n, 2n, 3n] -</pre> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("ESDraft", "#sec-typedarray-objects", "BigUint64Array")}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - - - -<p>{{Compat("javascript.builtins.BigUint64Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> - <li>{{jsxref("BigInt64Array")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/biguint64array/index.md b/files/ja/web/javascript/reference/global_objects/biguint64array/index.md new file mode 100644 index 0000000000..9b8fd47ba8 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/biguint64array/index.md @@ -0,0 +1,147 @@ +--- +title: BigUint64Array +slug: Web/JavaScript/Reference/Global_Objects/BigUint64Array +tags: + - BigInt + - BigUInt64Array + - クラス + - JavaScript + - Reference + - TypedArray + - 型付き配列 +browser-compat: javascript.builtins.BigUint64Array +translation_of: Web/JavaScript/Reference/Global_Objects/BigUint64Array +--- +{{JSRef}} + +**`BigUint64Array`** は型付き配列で、プラットフォームのバイト順による 16 ビット符号なし整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0n` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- [`BigUint64Array()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/BigUint64Array/BigUint64Array) + - : 新しい `BigUint64Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "BigUint64Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`BigUint64Array` の場合は `8` です。 +- {{jsxref("TypedArray.name", "BigUint64Array.name")}} + - : コンストラクター名を文字列値で返します。`BigUint64Array` の場合、 "`BigUint64Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "BigUint64Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `BigUint64Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "BigUint64Array.of()")}} + - : 可変長引数で新しい `BigUint64Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "BigUint64Array.prototype.buffer")}} + - : `BigUint64Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "BigUint64Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `BigUint64Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "BigUint64Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `BigUint64Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "BigUint64Array.prototype.length")}} + - : `BigUint64Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "BigUint64Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "BigUint64Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "BigUint64Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "BigUint64Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "BigUint64Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "BigUint64Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "BigUint64Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "BigUint64Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "BigUint64Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "BigUint64Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "BigUint64Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "BigUint64Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "BigUint64Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "BigUint64Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "BigUint64Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "BigUint64Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "BigUint64Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "BigUint64Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "BigUint64Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "BigUint64Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "BigUint64Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "BigUint64Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `BigUint64Array` を返します。 +- {{jsxref("TypedArray.values", "BigUint64Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "BigUint64Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "BigUint64Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "BigUint64Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `BigUint64Array` を作成 + +```js +// 長さから +var biguint64 = new BigUint64Array(2); +biguint64[0] = 42n; +console.log(biguint64[0]); // 42n +console.log(biguint64.length); // 2 +console.log(biguint64.BYTES_PER_ELEMENT); // 8 + +// 配列から +var arr = new BigUint64Array([21n,31n]); +console.log(arr[1]); // 31n + +// From another TypedArray +var x = new BigUint64Array([21n, 31n]); +var y = new BigUint64Array(x); +console.log(y[0]); // 21n + +// ArrayBuffer から +var buffer = new ArrayBuffer(32); +var z = new BigUint64Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1n, 2n, 3n]; }(); +var biguint64 = new BigUint64Array(iterable); +// BigUint64Array[1n, 2n, 3n] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("BigInt64Array")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/dataview/getbigint64/index.md b/files/ja/web/javascript/reference/global_objects/dataview/getbigint64/index.md new file mode 100644 index 0000000000..9570e8227f --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/dataview/getbigint64/index.md @@ -0,0 +1,71 @@ +--- +title: DataView.prototype.getBigInt64() +slug: Web/JavaScript/Reference/Global_Objects/DataView/getBigInt64 +tags: + - BigInt + - DataView + - JavaScript + - Method + - Prototype + - Reference + - TypedArrays + - getBigInt64() +translation_of: Web/JavaScript/Reference/Global_Objects/DataView/getBigInt64 +browser-compat: javascript.builtins.DataView.getBigInt64 +--- +{{JSRef}} + +**`getBigInt64()`** メソッドは、符号つき 64 ビット整数 (long long) を {{jsxref("DataView")}} の先頭からのバイト単位のオフセット位置から取得します。 + +{{EmbedInteractiveExample("pages/js/dataview-getbigint64.html")}} + +## 構文 + +```js +getBigInt64(byteOffset) +getBigInt64(byteOffset, littleEndian) +``` + +### 引数 + +- byteOffset + - : データを読み取るビューの先頭からのバイト単位のオフセットです。 +- littleEndian + - : {{optional_inline}} 64 ビット整数を[リトルエンディアンまたはビッグエンディアン](/ja/docs/Glossary/Endianness)のどちらの形式で格納されているかを示します。 `false` または `undefined` の場合、ビッグエンディアンの値が読み取られます。 + +### 返値 + +{{jsxref("BigInt")}} です。 + +### 発生するエラー + +- {{jsxref("RangeError")}} + - : `byteOffset` がビューの末尾を超えて読み取るような値に設定されたときに発生します。 + +## 解説 + +アライメントの制約はありません。複数バイトの値はどのオフセットからでも読み取ることができます。 + +## 例 + +### `getBigInt64` メソッドの使用 + +```js +var buffer = new ArrayBuffer(8); +var dataview = new DataView(buffer); +dataview.getBigInt64(0); // 0n +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("DataView")}} +- {{jsxref("ArrayBuffer")}} +- {{jsxref("BigInt")}} diff --git a/files/ja/web/javascript/reference/global_objects/dataview/getbiguint64/index.md b/files/ja/web/javascript/reference/global_objects/dataview/getbiguint64/index.md new file mode 100644 index 0000000000..8547f34125 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/dataview/getbiguint64/index.md @@ -0,0 +1,71 @@ +--- +title: DataView.prototype.getBigUint64() +slug: Web/JavaScript/Reference/Global_Objects/DataView/getBigUint64 +tags: + - BigInt + - DataView + - JavaScript + - Method + - Prototype + - Reference + - TypedArrays + - getBigUint64 +translation_of: Web/JavaScript/Reference/Global_Objects/DataView/getBigUint64 +browser-compat: javascript.builtins.DataView.getBigUint64 +--- +{{JSRef}} + +**`getBigInt64()`** メソッドは、符号なし 64 ビット整数 (unsigned long long) を {{jsxref("DataView")}} の先頭からのバイト単位のオフセット位置から取得します。 + +{{EmbedInteractiveExample("pages/js/dataview-getbiguint64.html")}} + +## 構文 + +```js +getBigUint64(byteOffset) +getBigUint64(byteOffset, littleEndian) +``` + +### 引数 + +- byteOffset + - : データを読み取るビューの先頭からのバイト単位のオフセットです。 +- littleEndian + - : {{optional_inline}} 64 ビット整数を[リトルエンディアンまたはビッグエンディアン](/ja/docs/Glossary/Endianness)のどちらの形式で格納されているかを示します。 `false` または `undefined` の場合、ビッグエンディアンの値が読み取られます。 + +### 返値 + +{{jsxref("BigInt")}} です。 + +### 発生するエラー + +- {{jsxref("RangeError")}} + - : `byteOffset` がビューの末尾を超えて読み取るような値に設定されたときに発生します。 + +## 解説 + +アライメントの制約はありません。複数バイトの値はどのオフセットからでも読み取ることができます。 + +## 例 + +### `getBigUint64` メソッドの使用 + +```js +var buffer = new ArrayBuffer(8); +var dataview = new DataView(buffer); +dataview.getBigUint64(0); // 0n +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("DataView")}} +- {{jsxref("ArrayBuffer")}} +- {{jsxref("BigInt")}} diff --git a/files/ja/web/javascript/reference/global_objects/dataview/index.html b/files/ja/web/javascript/reference/global_objects/dataview/index.html deleted file mode 100644 index c53ce5dfdd..0000000000 --- a/files/ja/web/javascript/reference/global_objects/dataview/index.html +++ /dev/null @@ -1,162 +0,0 @@ ---- -title: DataView -slug: Web/JavaScript/Reference/Global_Objects/DataView -tags: - - Class - - DataView - - JavaScript - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/DataView ---- -<div>{{JSRef}}</div> - -<p><span class="seoSummary"><strong><code>DataView</code></strong> ビューは {{jsxref("ArrayBuffer")}} の多様な数値型を、プラットフォームの{{glossary("Endianness", "エンディアン")}}に関係なく読み書きするための低水準インターフェイスを提供します。</span></p> - -<h2 id="Description" name="Description">説明</h2> - -<h3 id="Endianness" name="Endianness">エンディアン</h3> - -<p>多バイトの数値形式は、マシンアーキテクチャによってメモリー内での表現が異なります。これは {{Glossary("Endianness", "エンディアン")}}で説明しています。DataView のアクセサーは、プラットフォームアーキテクチャのエンディアンに関係なくデータにアクセスする方法を明確に制御する手段を提供します。</p> - -<pre class="brush: js notranslate">var littleEndian = (function() { - var buffer = new ArrayBuffer(2); - new DataView(buffer).setInt16(0, 256, true /* リトルエンディアン */); - // Int16Array はプラットフォームのエンディアンを使用する - return new Int16Array(buffer)[0] === 256; -})(); -console.log(littleEndian); // true または false -</pre> - -<h3 id="64-bit_Integer_Values" name="64-bit_Integer_Values">64 ビット整数値</h3> - -<p>JavaScript は現在のところ、64 ビット整数値に標準で対応していないので、<code>DataView</code> はネイティブの 64 ビット操作を提供していません。回避策として、独自で <code>getUint64()</code> 関数を実装して {{jsxref("Number.MAX_SAFE_INTEGER")}} までの制度の値を受け取れるようにします。</p> - -<pre class="brush: js notranslate">function getUint64(dataview, byteOffset, littleEndian) { - // 64 ビット数を 2 つの 32 ビット (4 バイト) の部分に分割する - const left = dataview.getUint32(byteOffset, littleEndian); - const right = dataview.getUint32(byteOffset+4, littleEndian); - - // 2 つの 32 ビットの値を結合する - const combined = littleEndian? left + 2**32*right : 2**32*left + right; - - if (!Number.isSafeInteger(combined)) - console.warn(combined, 'exceeds MAX_SAFE_INTEGER. Precision may be lost'); - - return combined; -} -</pre> - -<p>他にも、完全な 64 ビットの幅が必要な場合、{{jsxref("BigInt")}} を作成することもできます。さらに言えば、ネイティブの BigInt がユーザーランドライブラリの同等品よりもはるかに速いのですが、JavaScript では BigInt は可変長であるという性質上、常に 32 ビット整数よりもはるかに遅くなります。</p> - -<pre class="brush: js notranslate">const BigInt = window.BigInt, bigThirtyTwo = BigInt(32), bigZero = BigInt(0); -function getUint64BigInt(dataview, byteOffset, littleEndian) { - // 64 ビット数を 2 つの 32 ビット (4 バイト) の部分に分割する - const left = BigInt(dataview.getUint32(byteOffset|0, !!littleEndian)>>>0); - const right = BigInt(dataview.getUint32((byteOffset|0) + 4|0, !!littleEndian)>>>0); - - // 2 つの 32 ビットの値を結合して返す - return littleEndian ? (right<<bigThirtyTwo)|left : (left<<bigThirtyTwo)|right; -}</pre> - -<h2 id="Constructor" name="Constructor">コンストラクタ</h2> - -<dl> - <dt><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/DataView/DataView"><code>DataView()</code></a></dt> - <dd>新しい <code>DataView</code> オブジェクトを作成します。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("DataView.prototype.buffer")}}</dt> - <dd>このビューによって参照される {{jsxref("ArrayBuffer")}} 。構築時に設定されるため、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("DataView.prototype.byteLength")}}</dt> - <dd>{{jsxref("ArrayBuffer")}} の開始位置からこのビューの(バイト単位の)長さ。構築時に設定されるため、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("DataView.prototype.byteOffset")}}</dt> - <dd>{{jsxref("ArrayBuffer")}} の開始位置からこのビューの(バイト単位の)オフセット。構築時に設定されるため、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("DataView.prototype.getInt8()")}}</dt> - <dd>ビューの開始位置から指定されたバイト単位のオフセットで符号付き 8 ビット整数値(byte)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getUint8()")}}</dt> - <dd>ビューの開始位置から指定されたバイト単位のオフセットで符号無し 8 ビット整数値(unsigned byte) を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getInt16()")}}</dt> - <dd>ビューの開始位置から指定されたバイト単位のオフセットで符号付き 16 ビット整数値(short)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getUint16()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号無し 16 ビット整数値(unsigned short)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getInt32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 32 ビット整数値(long)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getUint32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号無し 32 ビット整数値(unsigned long)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getFloat32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 32 ビット浮動小数点数(float)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getFloat64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 64 ビット浮動小数点数(double)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getBigInt64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 64 ビット整数値(long long)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.getBigUint64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号なし 64 ビット整数値(unsigned long long)を取得します。</dd> - <dt>{{jsxref("DataView.prototype.setInt8()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 8 ビット整数値(byte)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setUint8()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号なし 8 ビット整数値(unsigned byte)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setInt16()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 16 ビット整数値(short)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setUint16()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号無し 16 ビット整数値(unsigned short)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setInt32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 32 ビット整数値(long)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setUint32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号無し 32 ビット整数値(unsigned long)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setFloat32()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 32 ビット浮動小数点数(float)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setFloat64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 64 ビット浮動小数点数(double)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setBigInt64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号あり 64 ビット整数値(long long)を格納します。</dd> - <dt>{{jsxref("DataView.prototype.setBigUint64()")}}</dt> - <dd>ビューの開始位置からの指定されたバイト単位のオフセットで符号なし 64 ビット整数値(unsigned long long)を格納します。</dd> -</dl> - -<h2 id="Example" name="Example">例</h2> - -<h3 id="Using_DataView" name="Using_DataView">DataView を使用する</h3> - -<pre class="brush: js notranslate">var buffer = new ArrayBuffer(16); -var view = new DataView(buffer, 0); - -view.setInt16(1, 42); -view.getInt16(1); // 42 -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-dataview-objects', 'DataView')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.DataView")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a class="link-https" href="https://github.com/jDataView/jDataView">jDataView</a>: <code>DataView</code> API をすべてのブラウザーや Node.js に展開するポリフィルの JavaScript ライブラリー</li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("SharedArrayBuffer")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/dataview/index.md b/files/ja/web/javascript/reference/global_objects/dataview/index.md new file mode 100644 index 0000000000..3656042991 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/dataview/index.md @@ -0,0 +1,149 @@ +--- +title: DataView +slug: Web/JavaScript/Reference/Global_Objects/DataView +tags: + - Class + - DataView + - JavaScript + - TypedArrays + - Polyfill +browser-compat: javascript.builtins.DataView +translation_of: Web/JavaScript/Reference/Global_Objects/DataView +--- +{{JSRef}} + +**`DataView`** ビューは {{jsxref("ArrayBuffer")}} の多様な数値型を、プラットフォームの[エンディアン](/ja/docs/Glossary/Endianness)に関係なく読み書きするための低水準インターフェイスを提供します。 + +## 解説 + +### エンディアン + +多バイトの数値形式は、マシンアーキテクチャによってメモリー内での表現が異なります。説明は[エンディアン](/ja/docs/Glossary/Endianness)を参照してください。 `DataView` のアクセサーは、プラットフォームアーキテクチャのエンディアンに関係なくデータにアクセスする方法を明確に制御する手段を提供します。 + +```js +var littleEndian = (function() { + var buffer = new ArrayBuffer(2); + new DataView(buffer).setInt16(0, 256, true /* リトルエンディアン */); + // Int16Array はプラットフォームのエンディアンを使用する + return new Int16Array(buffer)[0] === 256; +})(); +console.log(littleEndian); // true または false +``` + +### 64 ビット整数値 + +一部のブラウザーは {{jsxref("DataView.prototype.setBigInt64()")}} および {{jsxref("DataView.prototype.setBigUint64()")}} に対応していません。そのため、各ブラウザーで動作するコードで 64 ビット操作ができるようにするには、独自の `getUint64()` 関数を実装し、 {{jsxref("Number.MAX_SAFE_INTEGER")}} までの制度の値を受け取れるようにします。これで十分な場合もあるでしょう。 + +```js +function getUint64(dataview, byteOffset, littleEndian) { + // 64 ビット数を 2 つの 32 ビット (4 バイト) の部分に分割する + const left = dataview.getUint32(byteOffset, littleEndian); + const right = dataview.getUint32(byteOffset+4, littleEndian); + + // 2 つの 32 ビットの値を結合する + const combined = littleEndian? left + 2**32*right : 2**32*left + right; + + if (!Number.isSafeInteger(combined)) + console.warn(combined, 'exceeds MAX_SAFE_INTEGER. Precision may be lost'); + + return combined; +} +``` + +他にも、完全な 64 ビットの幅が必要な場合、{{jsxref("BigInt")}} を作成することもできます。さらに言えば、ネイティブの BigInt はユーザーランドライブラリーの同等品よりもはるかに速いのですが、JavaScript では BigInt は可変長であるという性質上、常に 32 ビット整数よりもはるかに遅くなります。 + +```js +const BigInt = window.BigInt, bigThirtyTwo = BigInt(32), bigZero = BigInt(0); +function getUint64BigInt(dataview, byteOffset, littleEndian) { + // 64 ビット数を 2 つの 32 ビット (4 バイト) の部分に分割する + const left = BigInt(dataview.getUint32(byteOffset|0, !!littleEndian)>>>0); + const right = BigInt(dataview.getUint32((byteOffset|0) + 4|0, !!littleEndian)>>>0); + + // 2 つの 32 ビットの値を結合して返す + return littleEndian ? (right<<bigThirtyTwo)|left : (left<<bigThirtyTwo)|right; +} +``` + +## コンストラクター + +- [`DataView()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/DataView/DataView) + - : 新しい `DataView` オブジェクトを作成します。 + +## インスタンスプロパティ + +- {{jsxref("DataView.prototype.buffer")}} + - : このビューによって参照される {{jsxref("ArrayBuffer")}}。構築時に設定されるため、**読み取り専用**です。 +- {{jsxref("DataView.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の開始位置からこのビューの (バイト単位の) 長さ。構築時に設定されるため、**読み取り専用**です。 +- {{jsxref("DataView.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の開始位置からこのビューの (バイト単位の) オフセット。構築時に設定されるため、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("DataView.prototype.getInt8()")}} + - : ビューの開始位置から指定されたバイト単位のオフセット位置にある符号付き 8 ビット整数値 (byte) を取得します。 +- {{jsxref("DataView.prototype.getUint8()")}} + - : ビューの開始位置から指定されたバイト単位のオフセット位置にある符号無し 8 ビット整数値 (unsigned byte) を取得します。 +- {{jsxref("DataView.prototype.getInt16()")}} + - : ビューの開始位置から指定されたバイト単位のオフセット位置にある符号付き 16 ビット整数値 (short) を取得します。 +- {{jsxref("DataView.prototype.getUint16()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号無し 16 ビット整数値 (unsigned short) を取得します。 +- {{jsxref("DataView.prototype.getInt32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 32 ビット整数値 (long) を取得します。 +- {{jsxref("DataView.prototype.getUint32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号無し 32 ビット整数値 (unsigned long) を取得します。 +- {{jsxref("DataView.prototype.getFloat32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 32 ビット浮動小数点数 (float) を取得します。 +- {{jsxref("DataView.prototype.getFloat64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 64 ビット浮動小数点数 (double) を取得します。 +- {{jsxref("DataView.prototype.getBigInt64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 64 ビット整数値(long long) を取得します。 +- {{jsxref("DataView.prototype.getBigUint64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号なし 64 ビット整数値 (unsigned long long) を取得します。 +- {{jsxref("DataView.prototype.setInt8()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 8 ビット整数値 (byte) を格納します。 +- {{jsxref("DataView.prototype.setUint8()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号なし 8 ビット整数値 (unsigned byte) を格納します。 +- {{jsxref("DataView.prototype.setInt16()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 16 ビット整数値 (short) を格納します。 +- {{jsxref("DataView.prototype.setUint16()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号無し 16 ビット整数値 (unsigned short) を格納します。 +- {{jsxref("DataView.prototype.setInt32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 32 ビット整数値 (long) を格納します。 +- {{jsxref("DataView.prototype.setUint32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号無し 32 ビット整数値 (unsigned long) を格納します。 +- {{jsxref("DataView.prototype.setFloat32()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 32 ビット浮動小数点数 (float) を格納します。 +- {{jsxref("DataView.prototype.setFloat64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 64 ビット浮動小数点数 (double) を格納します。 +- {{jsxref("DataView.prototype.setBigInt64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号あり 64 ビット整数値 (long long) を格納します。 +- {{jsxref("DataView.prototype.setBigUint64()")}} + - : ビューの開始位置からの指定されたバイト単位のオフセット位置にある符号なし 64 ビット整数値 (unsigned long long) を格納します。 + +## 例 + +### DataView を使用する + +```js +var buffer = new ArrayBuffer(16); +var view = new DataView(buffer, 0); + +view.setInt16(1, 42); +view.getInt16(1); // 42 +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `DataView` のポリフィルは [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [jDataView](https://github.com/jDataView/jDataView): `DataView` API をすべてのブラウザーや Node.js に展開するポリフィルの JavaScript ライブラリー +- {{jsxref("ArrayBuffer")}} +- {{jsxref("SharedArrayBuffer")}} diff --git a/files/ja/web/javascript/reference/global_objects/dataview/setbigint64/index.md b/files/ja/web/javascript/reference/global_objects/dataview/setbigint64/index.md new file mode 100644 index 0000000000..41c0c3ee9e --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/dataview/setbigint64/index.md @@ -0,0 +1,70 @@ +--- +title: DataView.prototype.setBigInt64() +slug: Web/JavaScript/Reference/Global_Objects/DataView/setBigInt64 +tags: + - BigInt + - DataView + - JavaScript + - Method + - Prototype + - Reference + - TypedArrays + - setBigInt64 +translation_of: Web/JavaScript/Reference/Global_Objects/DataView/setBigInt64 +browser-compat: javascript.builtins.DataView.setBigInt64 +--- +{{JSRef}} + +**`setBigInt64()`** メソッドは、符号つき 64 ビット整数 (long long) を {{jsxref("DataView")}} の先頭からのバイト単位の指定されたオフセット位置に格納します。 + +{{EmbedInteractiveExample("pages/js/dataview-setbigint64.html")}} + +## 構文 + +```js +setBigInt64(byteOffset, value) +setBigInt64(byteOffset, value, littleEndian) +``` + +### 引数 + +- byteOffset + - : データを格納するビューの先頭からのバイト単位のオフセットです。 +- value + - : {{jsxref("BigInt")}} として設定する値です。符号つき 64 ビット整数に符合する最も大きな値は、 `2n ** (64n -1n) - 1n` (`9223372036854775807n`) です。これを上回ると、負の数 (`-9223372036854775808n`) になります。 +- littleEndian + - : {{optional_inline}} 64 ビット整数を[リトルエンディアンまたはビッグエンディアン](/ja/docs/Glossary/Endianness)のどちらの形式で格納するかを示します。 `false` または `undefined` の場合、ビッグエンディアンの値が書き込まれます。 + +### 返値 + +{{jsxref("undefined")}} です。 + +### 発生するエラー + +- {{jsxref("RangeError")}} + - : `byteOffset` がビューの末尾を超えて格納するような値に設定されたときに発生します。 + +## 例 + +### `setBigInt64` メソッドの使用 + +```js +var buffer = new ArrayBuffer(8); +var dataview = new DataView(buffer); +dataview.setBigInt64(0, 3n); +dataview.getBigInt64(0); // 3n +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("DataView")}} +- {{jsxref("ArrayBuffer")}} +- {{jsxref("BigInt")}} diff --git a/files/ja/web/javascript/reference/global_objects/dataview/setbiguint64/index.md b/files/ja/web/javascript/reference/global_objects/dataview/setbiguint64/index.md new file mode 100644 index 0000000000..af54cbe905 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/dataview/setbiguint64/index.md @@ -0,0 +1,70 @@ +--- +title: DataView.prototype.setBigUint64() +slug: Web/JavaScript/Reference/Global_Objects/DataView/setBigUint64 +tags: + - BigInt + - DataView + - JavaScript + - Method + - Prototype + - Reference + - TypedArrays + - setBigUint64 +translation_of: Web/JavaScript/Reference/Global_Objects/DataView/setBigUint64 +browser-compat: javascript.builtins.DataView.setBigUint64 +--- +{{JSRef}} + +**`setBigUint64()`** メソッドは、符号なし 64 ビット整数 (unsigned long long) を {{jsxref("DataView")}} の先頭からのバイト単位の指定されたオフセット位置に格納します。 + +{{EmbedInteractiveExample("pages/js/dataview-setbiguint64.html")}} + +## 構文 + +```js +setBigUint64(byteOffset, value) +setBigUint64(byteOffset, value, littleEndian) +``` + +### 引数 + +- byteOffset + - : データを格納するビューの先頭からのバイト単位のオフセットです。 +- value + - : {{jsxref("BigInt")}} として設定する値です。符号なし 64 ビット整数に符合する最も大きな値は、 `2n ** 64n - 1n` (`18446744073709551615n`) です。これを上回ると、ゼロ (`0n`) になります。 +- littleEndian + - : {{optional_inline}} 64 ビット整数を[リトルエンディアンまたはビッグエンディアン](/ja/docs/Glossary/Endianness)のどちらの形式で格納するかを示します。 `false` または `undefined` の場合、ビッグエンディアンの値が書き込まれます。 + +### 返値 + +{{jsxref("undefined")}} です。 + +### 発生するエラー + +- {{jsxref("RangeError")}} + - : `byteOffset` がビューの末尾を超えて格納するような値に設定されたときに発生します。 + +## 例 + +### `setBigUint64` メソッドの使用 + +```js +var buffer = new ArrayBuffer(8); +var dataview = new DataView(buffer); +dataview.setBigUint64(0, 3n); +dataview.getBigUint64(0); // 3n +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("DataView")}} +- {{jsxref("ArrayBuffer")}} +- {{jsxref("BigInt")}} diff --git a/files/ja/web/javascript/reference/global_objects/date/tolocaledatestring/index.html b/files/ja/web/javascript/reference/global_objects/date/tolocaledatestring/index.html index 9ade139ff1..8c5470ef50 100644 --- a/files/ja/web/javascript/reference/global_objects/date/tolocaledatestring/index.html +++ b/files/ja/web/javascript/reference/global_objects/date/tolocaledatestring/index.html @@ -27,7 +27,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString <p><code>locales</code> 引数と <code>options</code> 引数をサポートしているブラウザーは、{{anch("Browser compatibility", "ブラウザーの実装状況")}} セクションを確認してください。機能が使用できるかどうかは、{{anch("Checking_for_support_for_locales_and_options_arguments", "locales 引数と options 引数がサポートされているか確認する")}}で確認してください。</p> -<p>See the <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat/DateTimeFormat"><code>Intl.DateTimeFormat()</code> constructor</a> for details on these parameters and how to use them.</p> +<p>See the <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat/DateTimeFormat"><code>Intl.DateTimeFormat()</code> constructor</a> for details on these parameters and how to use them.</p> <p>日時のそれぞれの部分ののプロパティにおける既定値は、{{jsxref("undefined")}}です。ただし、<code>weekday</code>、 <code>year</code>、<code>month</code>、<code>day</code> プロパティがすべて {{jsxref("undefined")}} のときは、<code>year</code>、<code>month</code>、<code>day</code> は <code>"numeric"</code> とみなされます。</p> diff --git a/files/ja/web/javascript/reference/global_objects/error/message/index.html b/files/ja/web/javascript/reference/global_objects/error/message/index.html index 0479f2c85a..c9ae29819b 100644 --- a/files/ja/web/javascript/reference/global_objects/error/message/index.html +++ b/files/ja/web/javascript/reference/global_objects/error/message/index.html @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Error/message <h2 id="Description" name="Description">解説</h2> -<p>このプロパティは、利用可能または設定されている場合、エラーの簡潔な説明を含みます。<a href="/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> は、例外の <code>message</code> プロパティを広範囲に渡って使用します。{{jsxref("Error.prototype.name", "name")}} プロパティは <code>message</code> プロパティとの組み合わせで、Error の文字列表現を生成するために {{jsxref("Error.prototype.toString()")}} メソッドにより使用されます。</p> +<p>このプロパティは、利用可能または設定されている場合、エラーの簡潔な説明を含みます。<a href="/ja/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> は、例外の <code>message</code> プロパティを広範囲に渡って使用します。{{jsxref("Error.prototype.name", "name")}} プロパティは <code>message</code> プロパティとの組み合わせで、Error の文字列表現を生成するために {{jsxref("Error.prototype.toString()")}} メソッドにより使用されます。</p> <p>既定で <code>message</code> プロパティは空文字列ですが、この振る舞いは、 {{jsxref("Error/Error", "Error")}} コンストラクターの第一引数としてメッセージを指定することにより、インスタンスを上書きできます。</p> diff --git a/files/ja/web/javascript/reference/global_objects/error/stack/index.html b/files/ja/web/javascript/reference/global_objects/error/stack/index.html index 3d7e4c0fcb..193e7bbde0 100644 --- a/files/ja/web/javascript/reference/global_objects/error/stack/index.html +++ b/files/ja/web/javascript/reference/global_objects/error/stack/index.html @@ -101,7 +101,7 @@ try { // @file:///C:/example.html:7:6 </pre> -<p><code>//# sourceURL</code> ディレクティブを使用して eval ソースに名前を付けることもできます。 <a href="/docs/Tools/Debugger">Debugger</a> ドキュメント内の <a href="/docs/Tools/Debugger/How_to/Debug_eval_sources">eval ソースのデバッグ</a> と <a href="http://fitzgeraldnick.com/weblog/59/" title="Naming `eval` Scripts with the `//# sourceURL` Directive">ブログ記事</a> も参照してください。</p> +<p><code>//# sourceURL</code> ディレクティブを使用して eval ソースに名前を付けることもできます。 <a href="/ja/docs/Tools/Debugger">Debugger</a> ドキュメント内の <a href="/ja/docs/Tools/Debugger/How_to/Debug_eval_sources">eval ソースのデバッグ</a> と <a href="http://fitzgeraldnick.com/weblog/59/" title="Naming `eval` Scripts with the `//# sourceURL` Directive">ブログ記事</a> も参照してください。</p> <h2 id="Specifications" name="Specifications">仕様書</h2> diff --git a/files/ja/web/javascript/reference/global_objects/error/tosource/index.html b/files/ja/web/javascript/reference/global_objects/error/tosource/index.html index d556359110..7c29c650fa 100644 --- a/files/ja/web/javascript/reference/global_objects/error/tosource/index.html +++ b/files/ja/web/javascript/reference/global_objects/error/tosource/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Error/toSource <h3 id="Using_toSource">Using toSource</h3> -<p>{{jsxref("Error")}} インスタンス (<em><a href="/docs/Web/JavaScript/Reference/Global_Objects/Error#Error_types">NativeErrors</a></em> を含む) の <code>toSource</code> メソッドを呼び出すと、エラーのソースコードを含む文字列を返します。この文字列を評価して (ほぼ) 等しいオブジェクトを生成できます。通常、この文字列には、{{jsxref("Error")}} コンストラクターの構造に続けて下記のようにソースが含まれます。</p> +<p>{{jsxref("Error")}} インスタンス (<em><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Error#Error_types">NativeErrors</a></em> を含む) の <code>toSource</code> メソッドを呼び出すと、エラーのソースコードを含む文字列を返します。この文字列を評価して (ほぼ) 等しいオブジェクトを生成できます。通常、この文字列には、{{jsxref("Error")}} コンストラクターの構造に続けて下記のようにソースが含まれます。</p> <pre class="brush: js notranslate">(new<em>name</em>(<em>message</em> ,<em>fileName</em>,<em>lineNumber</em>)) </pre> diff --git a/files/ja/web/javascript/reference/global_objects/eval/index.html b/files/ja/web/javascript/reference/global_objects/eval/index.html deleted file mode 100644 index af181f8c6f..0000000000 --- a/files/ja/web/javascript/reference/global_objects/eval/index.html +++ /dev/null @@ -1,305 +0,0 @@ ---- -title: eval() -slug: Web/JavaScript/Reference/Global_Objects/eval -tags: - - Evaluating JavaScript - - JavaScript - - Method - - Reference - - Warning - - eval - - メソッド - - 警告 -translation_of: Web/JavaScript/Reference/Global_Objects/eval ---- -<div>{{jsSidebar("Objects")}}</div> - -<p><code><strong>eval()</strong></code> 関数は、文字列として表現された JavaScript コードを評価します。</p> - -<div class="blockIndicator warning"> -<p><strong>警告:</strong> 文字列から JavaScript を実行することは、非常に大きなセキュリティリスクを伴います。<code>eval()</code> を使用すると、悪意のある者が任意のコードを実行するのはあまりにも簡単です。下記の <a href="#Never_use_eval!">eval() を使わないでください!</a>を参照してください。</p> -</div> - -<div>{{EmbedInteractiveExample("pages/js/globalprops-eval.html")}}</div> - -<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、<a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate"><code>eval(<em>string</em>)</code></pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code>string</code></dt> - <dd>JavaScript の式、文、または一連の文を表す文字列です。式には、既存オブジェクトの変数およびプロパティを含められます。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>与えられたコードの評価結果値を返します。評価結果が空の場合は、{{jsxref("undefined")}} を返します。</p> - -<h2 id="Description" name="Description">解説</h2> - -<p><code>eval()</code> はグローバルオブジェクトの関数プロパティです。</p> - -<p><code>eval()</code> 関数の引数は文字列です。その文字列が式に相当する場合、<code>eval()</code> は引数を式として評価します。引数が 1 つ以上の JavaScript 文に相当する場合、<code>eval()</code> は引数を文として評価します。算術式を評価する目的で <code>eval()</code> を呼び出してはいけません。JavaScript は算術式を自動的に評価します。</p> - -<p>算術式を文字列として構築した場合、後で <code>eval()</code> を使ってそれを評価することができます。例えば <code>x</code> という変数があるとします。ある変数に "<code>3 * x + 2</code>" といった式の文字列値を代入し、そしてスクリプトの後方で <code>eval()</code> を呼び出すことで、<code>x</code> が関わる式の評価を後回しにできます。</p> - -<p><code>eval()</code> の引数が文字列でない場合、<code>eval()</code> は引数を変更せずに返します。次の例では <code>String</code> コンストラクターが指定されているため、<code>eval()</code> は文字列を評価したものではなく <code>String</code> オブジェクトを返します。</p> - -<pre class="brush:js notranslate">eval(new String('2 + 2')); // "2 + 2" を含む String オブジェクトを返します -eval('2 + 2'); // 4 を返します -</pre> - -<p>この制約は、<code>toString</code> を使用する一般的な方法で回避できます。</p> - -<pre class="brush:js notranslate">var expression = new String('2 + 2'); -eval(expression.toString()); // 4 を返します -</pre> - -<p><code>eval</code> 関数を <code>eval</code> 以外の名前を参照して呼び出すことで<em>間接的に</em>使用した場合、<a href="http://www.ecma-international.org/ecma-262/5.1/#sec-10.4.2">ECMAScript 5</a> 以降ではローカルスコープではなくグローバルスコープで機能します。これは例えると、関数定義によりグローバル関数が作成されるため、評価されたコードはその呼び出されたスコープ内のローカル変数にアクセスできなくなる、ということです。</p> - -<pre class="brush:js notranslate">function test() { - var x = 2, y = 4; - console.log(eval('x + y')); // 直接呼び出し、ローカルスコープを使用し、結果は 6 となる - var geval = eval; // グローバルスコープでの eval呼び出しと同等 - console.log(geval('x + y')); // 間接呼び出し、グローバルスコープを使用し、x は未定義となるため ReferenceError が発生する - (0, eval)('x + y'); // 間接的な呼び出しのもう一つの例 -} -</pre> - -<h2 id="Never_use_eval!" name="Never_use_eval!">eval() を使わないでください!</h2> - -<p><code>eval()</code> は呼び出し元の権限で渡されたコードを実行する危険な関数です。悪意のある第三者に影響を受ける可能性のある文字列で <code>eval()</code> を実行すると、あなたのウェブページ / 拡張機能の権限でユーザーのマシン上で悪意のあるコードを実行してしまう可能性があります。さらに重要なことに、サードパーティのコードは <code>eval()</code> が呼び出されたスコープを見ることができるので、類似の {{jsxref("Global_Objects/Function", "Function")}} では影響を受けない方法でも攻撃を受ける可能性があります。</p> - -<p>また、ここ最近の JavaScript では多くの構造が JS エンジンによって最適化されているため、<code>eval()</code> は他の方法よりも低速でもあります。</p> - -<p>さらに、現代の JavaScript インタープリターは JavaScript を機械語に変換します。これは、変数の名前の概念がすべて消滅することを意味します。したがって、<code>eval()</code> を使用すると、ブラウザーは長い高価な変数名検索を実行して、変数が機械語のどこに存在しているかを把握し、その値を設定します。さらに、<code>eval()</code> が変数の型の変更など、その変数に新しい変数をもたらす可能性もあり、生成されたすべての機械語を再評価して補正させられる可能性があります。</p> - -<p>幸い、<code>eval()</code> にはとても良い代替策があります。{{jsxref("Function", "window.Function()")}} を使用することです。危険な <code>eval()</code> を使用したコードから <code>Function()</code> を使用したコードに変換する方法の例として、以下を参照してください。</p> - -<p><code>eval()</code> を使用した悪いコード:</p> - -<pre class="brush:js notranslate">function looseJsonParse(obj){ - return eval("(" + obj + ")"); -} -console.log(looseJsonParse( - "{a:(4-1), b:function(){}, c:new Date()}" -)) -</pre> - -<p><code>eval()</code> を使用しないより良いコード:</p> - -<pre class="brush:js notranslate">function looseJsonParse(obj){ - return Function('"use strict";return (' + obj + ')')(); -} -console.log(looseJsonParse( - "{a:(4-1), b:function(){}, c:new Date()}" -)) -</pre> - -<p>上記の 2 つのコードスニペットを比較すると、2 つのコードスニペットが同じように動作するように見えるかもしれませんが、よく考えてみてください。<code>eval()</code> の方は非常に遅いのです。評価されたオブジェクトの中の <code>c: new Date()</code> に注目してください。<code>eval()</code> を使用しない関数では、オブジェクトはグローバルスコープで評価されているので、ブラウザーは <code>Date</code> が <code>window.Date</code> を参照しており、<code>Date</code> というローカル変数ではないと考えて安全です。しかし、コードが次のようになっている場合 <code>eval()</code> を使ったコードでは、ブラウザーがこれを仮定することができません。</p> - -<pre class="brush:js notranslate">function Date(n){ - return ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"][n%7 || 0]; -} -function looseJsonParse(obj){ - return eval("(" + obj + ")"); -} -console.log(looseJsonParse( - "{a:(4-1), b:function(){}, c:new Date()}" -)) -</pre> - -<p>したがって、コードの <code>eval()</code> バージョンでは、ブラウザーは高価なルックアップ呼び出しを行い、<code>Date()</code> というローカル変数があるかどうかを確認します。これは <code>Function()</code> と比較して非常に非効率的です。</p> - -<p>関連する状況で、実際に <code>Date()</code> 関数を <code>Function()</code> 内のコードから呼び出すことができるようにしたいとしたらどうでしょうか。簡単な方法を取って、<code>eval()</code> に戻るべきでしょうか。いいえ、決してそうではありません。代わりに、以下の方法を試してみてください。</p> - -<pre class="brush:js notranslate">function Date(n){ - return ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"][n%7 || 0]; -} -function runCodeWithDateFunction(obj){ - return Function('"use strict";return (' + obj + ')')()( - Date - ); -} -console.log(runCodeWithDateFunction( - "function(Date){ return Date(5) }" -)) -</pre> - -<p>上記のコードは、三重に入れ子になった関数があるために非効率的で遅いと思えるかもしれませんが、上記の効率的なメソッドの利点を分析してみましょう。</p> - -<ul> - <li>これにより、<code>runCodeWithDateFunction()</code> に渡される文字列のコードを短縮することができます。</li> - <li>関数呼び出しのオーバーヘッドが最小になり、コードサイズがはるかに小さくなるという利点には十分な価値があります。</li> - <li><code>Function()</code> を使用することで、コードのパフォーマンスを向上させる <code>"use strict";</code> をより簡単に利用できるようになります。</li> - <li>このコードでは <code>eval()</code> を使用しないので、そうでない場合に比べて桁違いに高速になります。</li> -</ul> - -<p>最後に、短縮を検討してみましょう。上記のように <code>Function()</code> を使用すると、<code>runCodeWithDateFunction</code> に渡されたコード文字列をはるかに効率的に縮小することができます。関数の引数名は、下の縮小されたコードで見られるように縮小することができるからです。</p> - -<pre class="brush:js notranslate">console.log(Function('"use strict";return(function(a){return a(5)})')()(function(a){ -return"Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" ")[a%7||0]}));</pre> - -<p>一般的な用途においては、さらに安全 (そして高速) な <code>eval()</code> または <code>Function()</code> の代替手段があります。</p> - -<h3 id="Accessing_member_properties" name="Accessing_member_properties">メンバーのプロパティへのアクセス</h3> - -<p>プロパティ名からプロパティ自体への変換を行うのに <code>eval()</code> を使用しないでください。アクセスされるオブジェクトのプロパティがコードが実行されるまでわからない場合の例を考えてみましょう。これは <code>eval()</code> で行うことができます。</p> - -<pre class="brush:js notranslate">var obj = { a: 20, b: 30 }; -var propName = getPropName(); // "a" または "b" が返される - -eval( 'var result = obj.' + propName ); -</pre> - -<p>ただし、ここで <code>eval()</code> は必要ありません。実際、この使い方はお勧めできません。代わりに<a href="/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティアクセサー</a>を使用したほうが、より速くて安全です。</p> - -<pre class="brush:js notranslate">var obj = { a: 20, b: 30 }; -var propName = getPropName(); // "a" または "b" が返される -var result = obj[ propName ]; // obj[ "a" ] は obj.a と同じ</pre> - -<p>このメソッドを使用して子孫プロパティにアクセスすることもできます。<code>eval()</code> を使うと以下のようになります。</p> - -<pre class="brush:js notranslate">var obj = {a: {b: {c: 0}}}; -var propPath = getPropPath(); // returns e.g. "a.b.c" - -eval( 'var result = obj.' + propPath ); -</pre> - -<p>ここで <code>eval()</code> を回避するには、プロパティのパスを分割し、様々なプロパティをループすることで行うことができます。</p> - -<pre class="brush:js notranslate">function getDescendantProp(obj, desc) { - var arr = desc.split('.'); - while (arr.length) { - obj = obj[arr.shift()]; - } - return obj; -} - -var obj = {a: {b: {c: 0}}}; -var propPath = getPropPath(); // "a.b.c" などを返す -var result = getDescendantProp(obj, propPath);</pre> - -<p>プロパティの設定も同様に行うことができます。</p> - -<pre class="brush:js notranslate">function setDescendantProp(obj, desc, value) { - var arr = desc.split('.'); - while (arr.length > 1) { - obj = obj[arr.shift()]; - } - return obj[arr[0]] = value; -} - -var obj = {a: {b: {c: 0}}}; -var propPath = getPropPath(); // "a.b.c" などを返す -var result = setDescendantProp(obj, propPath, 1); // obj.a.b.c will now be 1</pre> - -<h3 id="Use_functions_instead_of_evaluating_snippets_of_code" name="Use_functions_instead_of_evaluating_snippets_of_code">コードの断片を評価する場合、代わりに関数を使う</h3> - -<p>JavaScript {{interwiki("wikipedia","第一級関数")}}を備えており、関数を他の API の引数としたり、変数やオブジェクトのプロパティに保存したりすることができます。多くの DOM API はこれを考慮して作られているので、次のように書くことができます (また、書くべきです)。</p> - -<pre class="brush: js notranslate">// setTimeout(" ... ", 1000) を使う代わりに -setTimeout(function() { ... }, 1000); - -// elt.setAttribute("onclick", " ... ") を使う代わりに -elt.addEventListener('click', function() { ... } , false); </pre> - -<p>文字列を連結せずにパラメーター化した関数を作成する方法としては、<a href="/ja/docs/Web/JavaScript/Closures">クロージャ</a>を使う方法も便利です。</p> - -<h3 id="Parsing_JSON_converting_strings_to_JavaScript_objects" name="Parsing_JSON_converting_strings_to_JavaScript_objects">JSON の解析 (文字列を JavaScript オブジェクトに変換)</h3> - -<p><code>eval()</code> の呼び出しに使おうとしている文字列がコードではなくデータ (例えば <code>"[1, 2, 3]"</code> で配列を表す) を含むものであれば、{{Glossary("JSON")}} に切り替えることを検討してください。これは JavaScript のサブセットを使用することで、文字列でデータを表現することができます。<a href="/ja/docs/Downloading_JSON_and_JavaScript_in_extensions">Downloading JSON and JavaScript in extensions</a> の記事も参照してください。</p> - -<p>JSON の構文は JavaScript の構文に比べて制限があり、多くの有効な JavaScript リテラルが JSON としては解釈されないことに注意してください。例えば、最後にカンマを付けることは JSON では許されておらず、オブジェクトリテラル内のプロパティ名 (キー) は引用符で囲む必要があります。後で JSON として解析される文字列を生成するには、JSON シリアライザーを使うようにしてください。</p> - -<h3 id="Pass_data_instead_of_code" name="Pass_data_instead_of_code">コードの代わりにデータを渡す</h3> - -<p>例えば、ウェブページの内容を取得できるよう設計された拡張であれば、JavaScript コードの代わりに <a href="/ja/docs/Web/XPath">XPath</a> を使って取得ルールを定義できます。</p> - -<h3 id="Run_code_with_limited_privileges" name="Run_code_with_limited_privileges">制限された権限でコードを実行する</h3> - -<p>どうしてもコードを実行したければ、制限された権限下での実行を検討しましょう。このアドバイスは、拡張機能や XUL アプリケーション上であれば <a href="/ja/docs/Components.utils.evalInSandbox">Components.utils.evalInSandbox</a> を使用すれば適用できます。</p> - -<h2 id="Examples" name="Examples">使用例</h2> - -<h3 id="Using_eval" name="Using_eval"><code>eval</code> を使用する</h3> - -<p>次のコードでは、<code>eval</code> を含むどちらの文も 42 を返します。最初のコードは文字列 "<code>x + y + 1</code>" を評価します。2 番目のコードは文字列 "<code>42</code>" を評価します。</p> - -<pre class="brush:js notranslate">var x = 2; -var y = 39; -var z = '42'; -eval('x + y + 1'); // 42 が返される -eval(z); // 42 が返される -</pre> - -<h3 id="Using_eval_to_evaluate_a_string_of_JavaScript_statements" name="Using_eval_to_evaluate_a_string_of_JavaScript_statements"><code>eval</code> を使用して JavaScript 文の文字列を評価する</h3> - -<p>次の例は、<code>eval()</code> を使用して文字列 <code>str</code> を評価しています。この文字列は <code>x</code> が 5 の場合に <code>z</code> に 42 の値を代入し、それ以外の場合は <code>z</code> に 0 を代入する JavaScript 文で構成されています。2 番目の文が実行される時、<code>eval</code> によってこれらの文が実行され、そして一連の文を評価して <code>z</code> に代入される値を返します。</p> - -<pre class="brush:js notranslate">var x = 5; -var str = "if (x == 5) {console.log('z is 42'); z = 42;} else z = 0;"; - -console.log('z is ', eval(str));</pre> - -<p>複数の値を定義した場合、最後の値が返されます。</p> - -<pre class="brush:js notranslate">var x = 5; -var str = "if (x == 5) {console.log('z is 42'); z = 42; x = 420; } else z = 0;"; - -console.log('x is ', eval(str)); // z is 42 x is 420 -</pre> - -<h3 id="Last_expression_is_evaluated" name="Last_expression_is_evaluated">評価される最後の式について</h3> - -<p><code>eval()</code> は最後に評価された式の値を返します。</p> - -<pre class="brush:js notranslate">var str = 'if ( a ) { 1 + 1; } else { 1 + 2; }'; -var a = true; -var b = eval(str); // 2 が返される - -console.log('b is : ' + b); - -a = false; -b = eval(str); // 3 が返される - -console.log('b is : ' + b);</pre> - -<h3 id="関数定義の文字列の_eval_には先頭と末尾に_と_が必要">関数定義の文字列の <code>eval</code> には先頭と末尾に "(" と ")" が必要</h3> - -<pre class="brush:js notranslate">var fctStr1 = 'function a() {}' -var fctStr2 = '(function a() {})' -var fct1 = eval(fctStr1) // undefined が返される -var fct2 = eval(fctStr2) // 関数が返される -</pre> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-eval-x', 'eval')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.eval")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("Global_Objects/uneval", "uneval()")}}</li> - <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティアクセサー</a></li> - <li><a href="/ja/Add-ons/WebExtensions/Content_scripts#Using_eval()_in_content_scripts">WebExtensions: コンテンツスクリプト内で eval() を使う</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/eval/index.md b/files/ja/web/javascript/reference/global_objects/eval/index.md new file mode 100644 index 0000000000..f1022f6841 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/eval/index.md @@ -0,0 +1,311 @@ +--- +title: eval() +slug: Web/JavaScript/Reference/Global_Objects/eval +tags: + - Evaluating JavaScript + - JavaScript + - メソッド + - リファレンス + - 警告 + - eval +browser-compat: javascript.builtins.eval +translation_of: Web/JavaScript/Reference/Global_Objects/eval +--- +{{jsSidebar("Objects")}} + +> **Warning:** 文字列から JavaScript を実行することは、非常に大きなセキュリティリスクを伴います。`eval()` を使用すると、悪意のある者が任意のコードを実行することがあまりにも簡単になります。下記の [eval() を使わないでください!](#eval_を使わないでください!)を参照してください。 + +**`eval()`** 関数は、文字列として表現された JavaScript コードを評価します。 + +{{EmbedInteractiveExample("pages/js/globalprops-eval.html")}} + +## 構文 + +```js +eval(string) +``` + +### 引数 + +- `string` + - : JavaScript の式、文、または一連の文を表す文字列です。式には、既存オブジェクトの変数およびプロパティを含められます。 + +### 返値 + +与えられたコードの評価結果の値を返します。評価結果が空の場合は、{{jsxref("undefined")}} を返します。 + +## 解説 + +`eval()` はグローバルオブジェクトの関数プロパティです。 + +`eval()` 関数の引数は文字列です。その文字列が式に相当する場合、`eval()` は引数を式として評価します。引数が 1 つ以上の JavaScript 文に相当する場合、`eval()` は引数を文として評価します。算術式を評価する目的で `eval()` を呼び出してはいけません。JavaScript は算術式を自動的に評価します。 + +算術式を文字列として構築した場合、後で `eval()` を使ってそれを評価することができます。例えば `x` という変数があるとします。ある変数に "`3 * x + 2`" といった式の文字列値を代入し、そしてスクリプトの後方で `eval()` を呼び出すことで、`x` が関わる式の評価を後回しにすることができます。 + +`eval()` の引数が文字列でない場合、`eval()` は引数を変更せずに返します。次の例では `String` コンストラクターが指定されているため、`eval()` は文字列を評価したものではなく `String` オブジェクトを返します。 + +```js +eval(new String('2 + 2')); // "2 + 2" を含む String オブジェクトを返します +eval('2 + 2'); // 4 を返します +``` + +この制約は、`toString` を使用する一般的な方法で回避できます。 + +```js +var expression = new String('2 + 2'); +eval(expression.toString()); // 4 を返します +``` + +`eval` 関数を `eval` 以外の名前を参照して呼び出すことで*間接的に*使用した場合、[ECMAScript +5](https://www.ecma-international.org/ecma-262/5.1/#sec-10.4.2) 以降ではローカルスコープではなくグローバルスコープで機能します。これは例えると、関数定義によりグローバル関数が作成されるため、評価されたコードはその呼び出されたスコープ内のローカル変数にアクセスできなくなる、ということです。 + +```ja +function test() { + var x = 2, y = 4; + // 直接呼び出し、ローカルスコープを使用 + console.log(eval('x + y')); // 結果は 6 + // eval を返すカンマ演算子を使用した間接呼び出し + console.log((0, eval)('x + y')); // グローバルスコープを使用、x は未定義のため例外が発生 + // eval を変数に保存して返したものを使用した間接呼び出し + var geval = eval; + console.log(geval('x + y')); // グローバルスコープを使用、x は未定義のため例外が発生 +} +``` + +## eval() を使わないでください! + +`eval()` は呼び出し元の権限で渡されたコードを実行する危険な関数です。悪意のある第三者に影響を受ける可能性のある文字列で `eval()` を実行すると、そのウェブページや拡張機能の権限において、ユーザーのマシン上で悪意のあるコードを実行してしまう可能性があります。さらに重要なことに、サードパーティのコードは `eval()` が呼び出されたスコープを見ることができるので、類似の {{jsxref("Global_Objects/Function", "Function")}} では影響を受けない方法でも攻撃を受ける可能性があります。 + +また、ここ最近の JavaScript では多くの構造が JS エンジンによって最適化されているため、`eval()` は他の方法よりも低速でもあります。 + +さらに、現代の JavaScript インタープリターは JavaScript を機械語に変換します。これは、変数の名前の概念がすべて消滅することを意味します。したがって、`eval()` を使用すると、ブラウザーは長い高価な変数名検索を実行して、変数が機械語のどこに存在しているかを把握し、その値を設定します。さらに、`eval()` が変数の型の変更など、その変数に新しい変数をもたらす可能性もあり、生成されたすべての機械語を再評価して補正させられる可能性があります。 + +幸い、`eval()` にはとても良い代替策があります。{{jsxref("Function", "window.Function()")}} を使用することです。危険な `eval()` を使用したコードから `Function()` を使用したコードに変換する方法の例として、以下を参照してください。 + +`eval()` を使用した悪いコード: + +```js +function looseJsonParse(obj){ + return eval("(" + obj + ")"); +} +console.log(looseJsonParse( + "{a:(4-1), b:function(){}, c:new Date()}" +)) +``` + +`eval()` を使用しないより良いコード: + +```js +function looseJsonParse(obj){ + return Function('"use strict";return (' + obj + ')')(); +} +console.log(looseJsonParse( + "{a:(4-1), b:function(){}, c:new Date()}" +)) +``` + +上記の 2 つのコードスニペットを比較すると、2 つのコードスニペットが同じように動作するように見えるかもしれませんが、よく考えてみてください。`eval()` の方は非常に遅いのです。評価されたオブジェクトの中の `c: new Date()` に注目してください。`eval()` を使用しない関数では、オブジェクトはグローバルスコープで評価されているので、ブラウザーは `Date` が `window.Date` を参照しており、`Date` というローカル変数ではないと考えて安全です。しかし、コードが次のようになっている場合 `eval()` を使ったコードでは、ブラウザーがこれを仮定することができません。 + +```js +function Date(n){ + return ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"][n%7 || 0]; +} +function looseJsonParse(obj){ + return eval("(" + obj + ")"); +} +console.log(looseJsonParse( + "{a:(4-1), b:function(){}, c:new Date()}" +)) +``` + +したがって、コードの `eval()` バージョンでは、ブラウザーは高価なルックアップ呼び出しを行い、`Date()` というローカル変数があるかどうかを確認します。これは `Function()` と比較して非常に効率が悪くなります。 + +関連する状況で、実際に `Date()` 関数を `Function()` 内のコードから呼び出すことができるようにしたいとしたらどうでしょうか。簡単な方法を取って、`eval()` に戻るべきでしょうか。いいえ、決してそうではありません。代わりに、以下の方法を試してみてください。 + +```js +function Date(n){ + return ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"][n%7 || 0]; +} +function runCodeWithDateFunction(obj){ + return Function('"use strict";return (' + obj + ')')()( + Date + ); +} +console.log(runCodeWithDateFunction( + "function(Date){ return Date(5) }" +)) +``` + +上記のコードは、三重に入れ子になった関数があるために効率が悪く遅いと思えるかもしれませんが、上記の効率的なメソッドの利点を分析してみましょう。 + +- これにより、`runCodeWithDateFunction()` に渡される文字列のコードを短縮することができます。 +- 関数呼び出しのオーバーヘッドが最小になり、コードサイズがはるかに小さくなるという利点には十分な価値があります。 +- `Function()` を使用することで、コードのパフォーマンスを向上させる `"use strict";` をより簡単に利用できるようになります。 +- このコードでは `eval()` を使用しないので、そうでない場合に比べて桁違いに高速になります。 + +最後に、最小化を検討してみましょう。上記のように `Function()` を使用すると、`runCodeWithDateFunction` に渡されたコード文字列をはるかに効率的に最小化することができます。関数の引数名は、下の最小化されたコードで見られるように最小化することができるからです。 + +```js +console.log(Function('"use strict";return(function(a){return a(5)})')()(function(a){ +return"Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" ")[a%7||0]})); +``` + +一般的な用途においては、さらに安全 (そして高速) な `eval()` または `Function()` の代替手段があります。 + +### メンバーのプロパティへのアクセス + +プロパティ名からプロパティ自体への変換を行うために `eval()` を使用しないでください。アクセスされるオブジェクトのプロパティがコードが実行されるまでわからない場合の例を考えてみましょう。これは `eval()` で行うことができます。 + +```js +var obj = { a: 20, b: 30 }; +var propName = getPropName(); // "a" または "b" が返される + +eval( 'var result = obj.' + propName ); +``` + +ただし、ここで `eval()` は必要ありません。実際、この使い方はお勧めできません。代わりに[プロパティアクセサー](/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors)を使用したほうが、より速くて安全です。 + +```js +var obj = { a: 20, b: 30 }; +var propName = getPropName(); // "a" または "b" が返される +var result = obj[ propName ]; // obj[ "a" ] は obj.a と同じ +``` + +このメソッドを使用して子孫プロパティにアクセスすることもできます。`eval()` を使うと以下のようになります。 + +```js +var obj = {a: {b: {c: 0}}}; +var propPath = getPropPath(); // "a.b.c" などを返す + +eval( 'var result = obj.' + propPath ); +``` + +ここで `eval()` を回避するには、プロパティのパスを分割し、様々なプロパティをループすることで行うことができます。 + +```js +function getDescendantProp(obj, desc) { + var arr = desc.split('.'); + while (arr.length) { + obj = obj[arr.shift()]; + } + return obj; +} + +var obj = {a: {b: {c: 0}}}; +var propPath = getPropPath(); // "a.b.c" などを返す +var result = getDescendantProp(obj, propPath); +``` + +プロパティの設定も同様に行うことができます。 + +```js +function setDescendantProp(obj, desc, value) { + var arr = desc.split('.'); + while (arr.length > 1) { + obj = obj[arr.shift()]; + } + return obj[arr[0]] = value; +} + +var obj = {a: {b: {c: 0}}}; +var propPath = getPropPath(); // "a.b.c" などを返す +var result = setDescendantProp(obj, propPath, 1); // obj.a.b.c は 1 になる +``` + +### コードの断片を評価する場合、代わりに関数を使う + +JavaScript {{interwiki("wikipedia","第一級関数")}}を備えており、関数を他の API の引数としたり、変数やオブジェクトのプロパティに保存したりすることができます。多くの DOM API はこれを考慮して作られているので、次のように書くことができます (また、書くべきです)。 + +```js +// setTimeout(" ... ", 1000) を使う代わりに +setTimeout(function() { ... }, 1000); + +// elt.setAttribute("onclick", " ... ") を使う代わりに +elt.addEventListener('click', function() { ... } , false); +``` + +文字列を連結せずにパラメーター化した関数を作成する方法としては、[クロージャ](/ja/docs/Web/JavaScript/Closures)を使う方法も便利です。 + +### JSON の解析 (文字列を JavaScript オブジェクトに変換) + +`eval()` の呼び出しに使おうとしている文字列がコードではなくデータ (例えば `"[1, 2, 3]"` で配列を表す) を含むものであれば、{{Glossary("JSON")}} に切り替えることを検討してください。これは JavaScript のサブセットを使用することで、文字列でデータを表現することができます。<a href="/ja/docs/Downloading_JSON_and_JavaScript_in_extensions">Downloading JSON and JavaScript in extensions</a> の記事も参照してください。 + +JSON の構文は JavaScript の構文に比べて制限があり、多くの有効な JavaScript リテラルが JSON としては解釈されないことに注意してください。例えば、最後にカンマを付けることは JSON では許されておらず、オブジェクトリテラル内のプロパティ名 (キー) は引用符で囲む必要があります。後で JSON として解析される文字列を生成するには、JSON シリアライザーを使うようにしてください。 + +<h3 id="Pass_data_instead_of_code" name="Pass_data_instead_of_code">コードの代わりにデータを渡す</h3> + +例えば、ウェブページの内容を取得できるよう設計された拡張であれば、JavaScript コードの代わりに <a href="/ja/docs/Web/XPath">XPath</a> を使って取得ルールを定義できます。 + +<h2 id="Examples" name="Examples">使用例</h2> + +<h3 id="Using_eval" name="Using_eval">`eval` を使用する</h3> + +次のコードでは、`eval` を含むどちらの文も 42 を返します。最初のコードは文字列 "`x + y + 1`" を評価します。2 番目のコードは文字列 "`42`" を評価します。 + +```js +var x = 2; +var y = 39; +var z = '42'; +eval('x + y + 1'); // 42 が返される +eval(z); // 42 が返される +``` + +### `eval` を使用して JavaScript 文の文字列を評価する + +次の例は、`eval()` を使用して文字列 `str` を評価しています。この文字列は `x` が 5 の場合に `z` に 42 の値を代入し、それ以外の場合は `z` に 0 を代入する JavaScript 文で構成されています。2 番目の文が実行される時、`eval` によってこれらの文が実行され、そして一連の文を評価して `z` に代入される値を返します。 + +```js +var x = 5; +var str = "if (x == 5) {console.log('z is 42'); z = 42;} else z = 0;"; + +console.log('z is ', eval(str)); +``` + +複数の値を定義した場合、最後の値が返されます。 + +```js +var x = 5; +var str = "if (x == 5) {console.log('z is 42'); z = 42; x = 420; } else z = 0;"; + +console.log('x is ', eval(str)); // z is 42 x is 420 +``` + +### 評価される最後の式について + +`eval()` は最後に評価された式の値を返します。 + +```js +var str = 'if ( a ) { 1 + 1; } else { 1 + 2; }'; +var a = true; +var b = eval(str); // 2 が返される + +console.log('b is : ' + b); + +a = false; +b = eval(str); // 3 が返される + +console.log('b is : ' + b); +``` + +### 関数定義の文字列の `eval` には先頭と末尾に "(" と ")" が必要 + +```js +var fctStr1 = 'function a() {}' +var fctStr2 = '(function a() {})' +var fct1 = eval(fctStr1) // undefined が返される +var fct2 = eval(fctStr2) // 関数が返される +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Global_Objects/uneval", "uneval()")}} +- [プロパティアクセサー](/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors) +- [WebExtensions: コンテンツスクリプトでの eval() の使用](/ja/docs/Mozilla/Add-ons/WebExtensions/Content_scripts#using_eval_in_content_scripts) diff --git a/files/ja/web/javascript/reference/global_objects/float32array/float32array/index.html b/files/ja/web/javascript/reference/global_objects/float32array/float32array/index.html index d67e85f9ab..2050b28b53 100644 --- a/files/ja/web/javascript/reference/global_objects/float32array/float32array/index.html +++ b/files/ja/web/javascript/reference/global_objects/float32array/float32array/index.html @@ -97,7 +97,7 @@ var float32 = new Float32Array(iterable); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> + <li><a href="/ja/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> <li>{{jsxref("ArrayBuffer")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/float32array/index.html b/files/ja/web/javascript/reference/global_objects/float32array/index.html deleted file mode 100644 index 16256ccb1e..0000000000 --- a/files/ja/web/javascript/reference/global_objects/float32array/index.html +++ /dev/null @@ -1,197 +0,0 @@ ---- -title: Float32Array -slug: Web/JavaScript/Reference/Global_Objects/Float32Array -tags: - - Constructor - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Float32Array ---- -<div>{{JSRef}}</div> - -<p><code>Float32Array タイプは、32 ビット浮動小数点数 (C 言語の float データタイプに相当します) の配列を表します。</code>各要素のバイトオーダーはプラットフォームに依存します。もしコントロールしたい場合は代わりに{{jsxref("DataView")}}を使って下さい。各要素は0で初期化されます。生成された <code>Float32Array</code> オブジェクトのメソッドあるいは配列のような表記法 ("<code>[]</code>") を用いて、要素を参照することができます。</p> - -<h2 id="Constructors" name="Constructors">構文</h2> - -<pre class="syntaxbox">new Float32Array(); // new in ES2017 -new Float32Array(length); -new Float32Array(typedArray); -new Float32Array(object); -new Float32Array(buffer [, byteOffset [, length]]);</pre> - -<p>コンストラクタの構文とパラメータについての詳しい情報は{{jsxref("TypedArray")}}を参照して下さい。</p> - -<h2 id="プロパティ">プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Float32Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素一個あたりのバイト数を返します。<code>Float32Array</code> の場合は<font face="Consolas, Liberation Mono, Courier, monospace">4</font>です。</dd> - <dt>Float32Array.length</dt> - <dd><code>値は3になります</code>。実際の長さ(要素数)については{{jsxref("TypedArray.prototype.length", "Float32Array.prototype.length")}}を参照して下さい。</dd> - <dt>{{jsxref("TypedArray.name", "Float32Array.name")}}</dt> - <dd>コンストラクタ名を文字列値で返します。<code>Float32Array</code> の場合、"Float32Array"<code>です</code>。</dd> - <dt>{{jsxref("TypedArray.prototype", "Float32Array.prototype")}}</dt> - <dd><em>TypedArray</em> オブジェクトのプロトタイプです。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Float32Array.from()")}}</dt> - <dd>配列状のオブジェクトやイテレート可能なオブジェクトから、新たな <code>Float32Array</code> オブジェクトを生成します。{{jsxref("Array.from()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.of", "Float32Array.of()")}}</dt> - <dd>可変長引数で新しい <code>Float32Array</code> オブジェクトを生成します。{{jsxref("Array.of()")}}も確かめて下さい。</dd> -</dl> - -<h2 id="Float32Array_プロトタイプ"><code>Float32Array</code> プロトタイプ</h2> - -<p>全ての <code>Float32Array</code> オブジェクトは {{jsxref("TypedArray.prototype", "%TypedArray%.prototype")}} を継承しています。</p> - -<h3 id="プロパティ_2">プロパティ</h3> - -<dl> - <dt><code>Float32Array.prototype.constructor</code></dt> - <dd>インスタンスのプロトタイプを作る関数を返します。これは、デフォルトで対応する <code>Float32Array</code> コンストラクタです。</dd> - <dt>{{jsxref("TypedArray.prototype.buffer", "Float32Array.prototype.buffer")}} {{readonlyInline}}</dt> - <dd><code>Float32Array</code> オブジェクトによって参照される{{jsxref("ArrayBuffer")}}を返します。構築時に設定され、<strong>読取専用</strong>となります。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Float32Array.prototype.byteLength")}} {{readonlyInline}}</dt> - <dd>{{jsxref("ArrayBuffer")}}の開始位置からの<code>Float32Array</code> オブジェクトの(バイト単位の)長さを返します。構築時に設定され、<strong>読取専用</strong>となります。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Float32Array.prototype.byteOffset")}} {{readonlyInline}}</dt> - <dd>{{jsxref("ArrayBuffer")}}の開始位置からの<code>Float32Array</code> オブジェクトの(バイト単位の)オフセットを返します。構築時に設定され、<strong>読取専用</strong>となります。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Float32Array.prototype.length")}} {{readonlyInline}}</dt> - <dd><code>Float32Array</code> オブジェクト内に保持された要素の数を返します。構築時に設定され、<strong>読取専用</strong>となります。</dd> - <dt> - <h3 id="メソッド_2">メソッド</h3> - </dt> - <dt>{{jsxref("TypedArray.prototype.copyWithin()", "Float32Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.entries", "Float32Array.prototype.entries()")}}</dt> - <dd>配列内で各インデックスに対して、キー／バリュー ペアを含む新しい<code>Array Iterator</code>を返します。{{jsxref("Array.prototype.entries()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.every", "Float32Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.fill", "Float32Array.prototype.fill()")}}</dt> - <dd>開始位置から終了位置までの配列のすべての要素を固定値で設定します。{{jsxref("Array.prototype.fill()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.filter", "Float32Array.prototype.filter()")}}</dt> - <dd>与えられたフィルタリング関数がtrueを返す配列のすべての要素をもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.find", "Float32Array.prototype.find()")}}</dt> - <dd>配列要素が与えられたテスト関数を満足したら、配列の値を返します。満足しなかった場合、<code>undefined</code>を返します。 {{jsxref("Array.prototype.find()")}}を確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Float32Array.prototype.findIndex()")}}</dt> - <dd>配列要素が与えられたテスト関数を満足したら、配列のインデックスを返します。満足しなかった場合、-1を返します。{{jsxref("Array.prototype.findIndex()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.forEach", "Float32Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対する関数を呼び出します。{{jsxref("Array.prototype.forEach()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.includes", "Float32Array.prototype.includes()")}} {{experimental_inline}}</dt> - <dd>typed arrayがある要素を含むかどうか判断し、それに応じて、<code>true</code> か <code>false</code>を返します。 {{jsxref("Array.prototype.includes()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Float32Array.prototype.indexOf()")}}</dt> - <dd>指定された値に等しい配列内の要素の最初のインデックスを返します。見つからない場合、-1を返します。{{jsxref("Array.prototype.indexOf()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.join", "Float32Array.prototype.join()")}}</dt> - <dd>すべての配列要素を文字列に結合します。{{jsxref("Array.prototype.join()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.keys", "Float32Array.prototype.keys()")}}</dt> - <dd>配列内の各インデックスに対するキーを含む新しい<code>Array Iterator</code>を返します。{{jsxref("Array.prototype.keys()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Float32Array.prototype.lastIndexOf()")}}</dt> - <dd>指定された値と等しい配列の要素の最後のインデックスを返します。見つからない場合、-1を返します。{{jsxref("Array.prototype.lastIndexOf()")}}を確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.map", "Float32Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.reduce", "Float32Array.prototype.reduce()")}}</dt> - <dd>アキュムレータに対して関数を適用し、隣り合う二つのtyped arrayの要素(左から右へ)は単一の値になります。{{jsxref("Array.prototype.reduce()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Float32Array.prototype.reduceRight()")}}</dt> - <dd>アキュムレータに対して関数を適用し、隣り合う二つのtyped arrayの要素(右から左へ)は単一の値になります。{{jsxref("Array.prototype.reduceRight()")}}を確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.reverse", "Float32Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。— 最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.set", "Float32Array.prototype.set()")}}</dt> - <dd>入力値を指定した配列から読み込み、typed array内に複数の値を格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Float32Array.prototype.slice()")}}</dt> - <dd>配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.some", "Float32Array.prototype.some()")}}</dt> - <dd>ある配列の少なくとも 1 つの要素が与えられたテスト関数を満たした場合にtrueを返します。{{jsxref("Array.prototype.some()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.sort", "Float32Array.prototype.sort()")}}</dt> - <dd>配列の要素をソートし、その結果を返します。{{jsxref("Array.prototype.sort()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.subarray", "Float32Array.prototype.subarray()")}}</dt> - <dd>与えられた開始位置と終了位置の要素インデックスの新しい<code>Float32Array</code> オブジェクトを返します。</dd> - <dt>{{jsxref("TypedArray.values", "Float32Array.prototype.values()")}}</dt> - <dd>配列内で各インデックスに対する値を含む新しい<code>Array Iterator</code>オブジェクトを返します。{{jsxref("Array.prototype.values()")}}を確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Float32Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.toString", "Float32Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}}も確かめて下さい。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Float32Array.prototype[@@iterator]()")}}</dt> - <dd>配列内で各インデックスに対する値を含む新しい<code>Array Iterator</code>オブジェクトを返します。</dd> -</dl> - -<h2 id="例">例</h2> - -<pre class="brush: js">// From a length -var float32 = new Float32Array(2); -float32[0] = 42; -console.log(float32[0]); // 42 -console.log(float32.length); // 2 -console.log(float32.BYTES_PER_ELEMENT); // 4 - -// From an array -var arr = new Float32Array([21,31]); -console.log(arr[1]); // 31 - -// From another TypedArray -var x = new Float32Array([21, 31]); -var y = new Float32Array(x); -console.log(y[0]); // 21 - -// From an ArrayBuffer -var buffer = new ArrayBuffer(16); -var z = new Float32Array(buffer, 0, 4); - -// From an iterable -var iterable = function*(){ yield* [1,2,3]; }(); -var float32 = new Float32Array(iterable); -// Float32Array[1, 2, 3]</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table" style="line-height: 1.5;"> - <tbody> - <tr> - <th scope="col">仕様書</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - <tr> - <td>{{SpecName('Typed Array')}}</td> - <td>{{Spec2('Typed Array')}}</td> - <td>ECMAScript 6 で置き換えられました。</td> - </tr> - <tr> - <td>{{SpecName('ES6', '#table-49', 'TypedArray constructors')}}</td> - <td>{{Spec2('ES6')}}</td> - <td>ECMA 標準では最初の定義。<code>new</code> 演算子が必要なことが仕様書に含まれました。</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> - - - -<p>{{Compat("javascript.builtins.Float32Array")}}</p> - -<h2 id="互換性について">互換性について</h2> - -<p>ECMAScript 2015 (ES6)から、<code>Float32Array</code> コンストラクタでインスタンスを生成する場合、 {{jsxref("Operators/new", "new")}} 演算子が必要となります。 <code>Float32Array</code> を <code>new 演算子を使用せずに関数呼び出しした場合、</code>{{jsxref("TypeError")}} 例外が投げられるでしょう。</p> - -<pre class="brush: js example-bad">var dv = Float32Array([1, 2, 3]); -// TypeError: calling a builtin Float32Array constructor -// without new is forbidden</pre> - -<pre class="brush: js example-good">var dv = new Float32Array([1, 2, 3]);</pre> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays">JavaScript typed arrays</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/float32array/index.md b/files/ja/web/javascript/reference/global_objects/float32array/index.md new file mode 100644 index 0000000000..85532ba343 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/float32array/index.md @@ -0,0 +1,146 @@ +--- +title: Float32Array +slug: Web/JavaScript/Reference/Global_Objects/Float32Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Float32Array +translation_of: Web/JavaScript/Reference/Global_Objects/Float32Array +--- +{{JSRef}} + +**`Float32Array`** は型付き配列で、プラットフォームのバイト順による 32 ビット浮動小数点数 (C 言語の `float` データ型に相当) の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- [`Float32Array()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Float32Array/Float32Array) + - : 新しい `Float32Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Float32Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Float32Array` の場合は `4` です。 +- {{jsxref("TypedArray.name", "Float32Array.name")}} + - : コンストラクター名を文字列値で返します。`Float32Array` の場合、 "`Float32Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Float32Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Float32Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Float32Array.of()")}} + - : 可変長引数で新しい `Float32Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Float32Array.prototype.buffer")}} + - : `Float32Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Float32Array.prototype.byteLength")}} + - : `Float32Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Float32Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Float32Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Float32Array.prototype.length")}} + - : `Float32Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Float32Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Float32Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Float32Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Float32Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Float32Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Float32Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Float32Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Float32Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Float32Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Float32Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Float32Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Float32Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Float32Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Float32Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Float32Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Float32Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Float32Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Float32Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Float32Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Float32Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Float32Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Float32Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Float32Array` を返します。 +- {{jsxref("TypedArray.values", "Float32Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Float32Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Float32Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Float32Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Float32Array` を作成 + +```js +// 長さから +var float32 = new Float32Array(2); +float32[0] = 42; +console.log(float32[0]); // 42 +console.log(float32.length); // 2 +console.log(float32.BYTES_PER_ELEMENT); // 4 + +// 配列から +var arr = new Float32Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Float32Array([21, 31]); +var y = new Float32Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(16); +var z = new Float32Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var float32 = new Float32Array(iterable); +// Float32Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Float32Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/float64array/float64array/index.html b/files/ja/web/javascript/reference/global_objects/float64array/float64array/index.html index 00f5c14f45..d0a6cd647e 100644 --- a/files/ja/web/javascript/reference/global_objects/float64array/float64array/index.html +++ b/files/ja/web/javascript/reference/global_objects/float64array/float64array/index.html @@ -97,7 +97,7 @@ var float64 = new Float64Array(iterable); <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> + <li><a href="/ja/docs/Web/JavaScript/Typed_arrays" title="en/JavaScript typed arrays">JavaScript typed arrays</a></li> <li>{{jsxref("ArrayBuffer")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/float64array/index.html b/files/ja/web/javascript/reference/global_objects/float64array/index.html index 5f93139628..969d2eb1d0 100644 --- a/files/ja/web/javascript/reference/global_objects/float64array/index.html +++ b/files/ja/web/javascript/reference/global_objects/float64array/index.html @@ -191,7 +191,7 @@ var float64 = new Float64Array(iterable); <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays">JavaScript typed arrays</a></li> + <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript typed arrays</a></li> <li>{{jsxref("ArrayBuffer")}}</li> <li>{{jsxref("DataView")}}</li> </ul> diff --git a/files/ja/web/javascript/reference/global_objects/float64array/index.md b/files/ja/web/javascript/reference/global_objects/float64array/index.md new file mode 100644 index 0000000000..2ddc27abb8 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/float64array/index.md @@ -0,0 +1,146 @@ +--- +title: Float64Array +slug: Web/JavaScript/Reference/Global_Objects/Float64Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Float64Array +translation_of: Web/JavaScript/Reference/Global_Objects/Float64Array +--- +{{JSRef}} + +**`Float64Array`** は型付き配列で、プラットフォームのバイト順による 64 ビット浮動小数点数 (C 言語の `double` データ型に相当) の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- [`Float64Array()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Float64Array/Float64Array) + - : 新しい `Float64Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Float64Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Float64Array` の場合は `8` です。 +- {{jsxref("TypedArray.name", "Float64Array.name")}} + - : コンストラクター名を文字列値で返します。`Float64Array` の場合、 "`Float64Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Float64Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Float64Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Float64Array.of()")}} + - : 可変長引数で新しい `Float64Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Float64Array.prototype.buffer")}} + - : `Float64Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Float64Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Float64Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Float64Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Float64Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Float64Array.prototype.length")}} + - : `Float64Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Float64Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Float64Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Float64Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Float64Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Float64Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Float64Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Float64Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Float64Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Float64Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Float64Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Float64Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Float64Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Float64Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Float64Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Float64Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Float64Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Float64Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Float64Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Float64Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Float64Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Float64Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Float64Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Float64Array` を返します。 +- {{jsxref("TypedArray.values", "Float64Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Float64Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Float64Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Float64Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Float64Array` を作成 + +```js +// 長さから +var float64 = new Float64Array(2); +float64[0] = 42; +console.log(float64[0]); // 42 +console.log(float64.length); // 2 +console.log(float64.BYTES_PER_ELEMENT); // 4 + +// 配列から +var arr = new Float64Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Float64Array([21, 31]); +var y = new Float64Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(32); +var z = new Float64Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var float64 = new Float64Array(iterable); +// Float64Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Float64Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/function/apply/index.html b/files/ja/web/javascript/reference/global_objects/function/apply/index.html index 2b4053f002..0528272d91 100644 --- a/files/ja/web/javascript/reference/global_objects/function/apply/index.html +++ b/files/ja/web/javascript/reference/global_objects/function/apply/index.html @@ -48,7 +48,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function/apply </div> <div class="note"> -<p><strong>注:</strong> 最初の引数が undefined または null の場合、配列の<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax">スプレッド構文</a>を使用して同様の結果を得ることができます。</p> +<p><strong>注:</strong> 最初の引数が undefined または null の場合、配列の<a href="/ja/docs/Web/JavaScript/Reference/Operators/Spread_syntax">スプレッド構文</a>を使用して同様の結果を得ることができます。</p> </div> <p>存在する関数を呼び出す時は通常と異なる <code>this</code> オブジェクトを渡すことができます。<code>this</code> はカレントオブジェクト、呼び出したオブジェクトを参照します。<code>apply</code> を用いることで、新たなオブジェクトのためにそのメソッドを書き直すことなく継承させることができます。</p> diff --git a/files/ja/web/javascript/reference/global_objects/globalthis/index.html b/files/ja/web/javascript/reference/global_objects/globalthis/index.html index 5d5eb8fab4..fa1017e013 100644 --- a/files/ja/web/javascript/reference/global_objects/globalthis/index.html +++ b/files/ja/web/javascript/reference/global_objects/globalthis/index.html @@ -39,7 +39,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/globalThis <h3 id="Search_for_the_global_across_environments" name="Search_for_the_global_across_environments">異なる環境間でグローバルの検索</h3> -<p><code>globalThis</code> 以前は、その環境のグローバルオブジェクトを取得する信頼性の高い方法は <code>Function('return this')()</code> だけでした。ただし、これは設定によっては <a href="/en-US/docs/Web/HTTP/CSP">CSP</a> 違反が発生するため、<a href="https://github.com/paulmillr/es6-shim">es6-shim</a> では次のようなチェックを使用します。</p> +<p><code>globalThis</code> 以前は、その環境のグローバルオブジェクトを取得する信頼性の高い方法は <code>Function('return this')()</code> だけでした。ただし、これは設定によっては <a href="/ja/docs/Web/HTTP/CSP">CSP</a> 違反が発生するため、<a href="https://github.com/paulmillr/es6-shim">es6-shim</a> では次のようなチェックを使用します。</p> <pre class="brush: js notranslate">var getGlobal = function () { if (typeof self !== 'undefined') { return self; } diff --git a/files/ja/web/javascript/reference/global_objects/int16array/index.html b/files/ja/web/javascript/reference/global_objects/int16array/index.html deleted file mode 100644 index 4f57724315..0000000000 --- a/files/ja/web/javascript/reference/global_objects/int16array/index.html +++ /dev/null @@ -1,165 +0,0 @@ ---- -title: Int16Array -slug: Web/JavaScript/Reference/Global_Objects/Int16Array -tags: - - Class - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Int16Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Int16Array</code></strong> は型付き配列であり、プラットフォームのバイト順による 2 の補数形式の 16 ビット符号付き整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Int16Array/Int16Array", "Int16Array()")}}</dt> - <dd>新しい <code>Int16Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int16Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Int16Array</code> の場合は <code>2</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Int16Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Int16Array</code> 型の場合は "<code>Int16Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Int16Array.from()")}}</dt> - <dd>新しい <code>Int16Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Int16Array.of()")}}</dt> - <dd>新しい <code>Int16Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Int16Array.prototype.buffer")}}</dt> - <dd><code>Int16Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Int16Array.prototype.byteLength")}}</dt> - <dd><code>Int16Array</code> の長さを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Int16Array.prototype.byteOffset")}}</dt> - <dd><code>Int16Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Int16Array.prototype.length")}}</dt> - <dd><code>Int16Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Int16Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Int16Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Int16Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Int16Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Int16Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Int16Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Int16Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Int16Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Int16Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Int16Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Int16Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Int16Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Int16Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Int16Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Int16Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Int16Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Int16Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Int16Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Int16Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Int16Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Int16Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Int16Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Int16Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Int16Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Int16Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Int16Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Int16Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_an_Int16Array" name="Different_ways_to_create_an_Int16Array">Int16Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var int16 = new Int16Array(2); -int16[0] = 42; -console.log(int16[0]); // 42 -console.log(int16.length); // 2 -console.log(int16.BYTES_PER_ELEMENT); // 2 - -// 配列から -var arr = new Int16Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Int16Array([21, 31]); -var y = new Int16Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(8); -var z = new Int16Array(buffer, 0, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var int16 = new Int16Array(iterable); -// Int16Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Int16Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/int16array/index.md b/files/ja/web/javascript/reference/global_objects/int16array/index.md new file mode 100644 index 0000000000..aef0e1d4a4 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/int16array/index.md @@ -0,0 +1,146 @@ +--- +title: Int16Array +slug: Web/JavaScript/Reference/Global_Objects/Int16Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Int16Array +translation_of: Web/JavaScript/Reference/Global_Objects/Int16Array +--- +{{JSRef}} + +**`Int16Array`** は型付き配列で、プラットフォームのバイト順による 2 の補数形式の 16 ビット符号付き整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Int16Array/Int16Array", "Int16Array()")}} + - : 新しい `Int16Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int16Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Int16Array` の場合は `2` です。 +- {{jsxref("TypedArray.name", "Int16Array.name")}} + - : コンストラクター名を文字列値で返します。`Int16Array` の場合、 "Int16Array" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Int16Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Int16Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Int16Array.of()")}} + - : 可変長引数で新しい `Int16Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Int16Array.prototype.buffer")}} + - : `Int16Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Int16Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int16Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Int16Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int16Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Int16Array.prototype.length")}} + - : `Int16Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Int16Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Int16Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Int16Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Int16Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Int16Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Int16Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Int16Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Int16Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Int16Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Int16Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Int16Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Int16Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Int16Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Int16Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Int16Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Int16Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Int16Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Int16Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Int16Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Int16Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Int16Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Int16Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Int16Array` を返します。 +- {{jsxref("TypedArray.values", "Int16Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Int16Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Int16Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Int16Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Int16Array` を作成 + +```js +// 長さから +var int16 = new Int16Array(2); +int16[0] = 42; +console.log(int16[0]); // 42 +console.log(int16.length); // 2 +console.log(int16.BYTES_PER_ELEMENT); // 2 + +// 配列から +var arr = new Int16Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Int16Array([21, 31]); +var y = new Int16Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(8); +var z = new Int16Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var int16 = new Int16Array(iterable); +// Int16Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Int16Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/int32array/index.html b/files/ja/web/javascript/reference/global_objects/int32array/index.html deleted file mode 100644 index 9067b433dc..0000000000 --- a/files/ja/web/javascript/reference/global_objects/int32array/index.html +++ /dev/null @@ -1,165 +0,0 @@ ---- -title: Int32Array -slug: Web/JavaScript/Reference/Global_Objects/Int32Array -tags: - - Class - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Int32Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Int32Array</code></strong> は型付き配列であり、プラットフォームのバイト順による 2 の補数形式の 32 ビット符号付き整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Int32Array/Int32Array", "Int32Array()")}}</dt> - <dd>新しい <code>Int32Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int32Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Int32Array</code> の場合は <code>4</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Int32Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Int32Array</code> 型の場合は "<code>Int32Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Int32Array.from()")}}</dt> - <dd>新しい <code>Int32Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Int32Array.of()")}}</dt> - <dd>新しい <code>Int32Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Int32Array.prototype.buffer")}}</dt> - <dd><code>Int32Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Int32Array.prototype.byteLength")}}</dt> - <dd><code>Int32Array</code> の長さを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Int32Array.prototype.byteOffset")}}</dt> - <dd><code>Int32Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Int32Array.prototype.length")}}</dt> - <dd><code>Int32Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Int32Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Int32Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Int32Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Int32Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Int32Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Int32Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Int32Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Int32Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Int32Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Int32Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Int32Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Int32Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Int32Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Int32Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Int32Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Int32Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Int32Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Int32Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Int32Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Int32Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Int32Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Int32Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Int32Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Int32Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Int32Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Int32Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Int32Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_an_Int32Array" name="Different_ways_to_create_an_Int32Array">Int32Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var int16 = new Int32Array(2); -int16[0] = 42; -console.log(int16[0]); // 42 -console.log(int16.length); // 2 -console.log(int16.BYTES_PER_ELEMENT); // 2 - -// 配列から -var arr = new Int32Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Int32Array([21, 31]); -var y = new Int32Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(16); -var z = new Int32Array(buffer, 0, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var int32 = new Int32Array(iterable); -// Int32Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Int32Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/int32array/index.md b/files/ja/web/javascript/reference/global_objects/int32array/index.md new file mode 100644 index 0000000000..2bbcb90905 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/int32array/index.md @@ -0,0 +1,146 @@ +--- +title: Int32Array +slug: Web/JavaScript/Reference/Global_Objects/Int32Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Int32Array +translation_of: Web/JavaScript/Reference/Global_Objects/Int32Array +--- +{{JSRef}} + +**`Int32Array`** は型付き配列で、プラットフォームのバイト順による 2 の補数形式の 16 ビット符号付き整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Int32Array/Int32Array", "Int32Array()")}} + - : 新しい `Int32Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int32Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Int32Array` の場合は `4` です。 +- {{jsxref("TypedArray.name", "Int32Array.name")}} + - : コンストラクター名を文字列値で返します。`Int32Array` の場合、 "`Int32Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Int32Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Int32Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Int32Array.of()")}} + - : 可変長引数で新しい `Int32Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Int32Array.prototype.buffer")}} + - : `Int32Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Int32Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int32Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Int32Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int32Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Int32Array.prototype.length")}} + - : `Int32Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Int32Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Int32Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Int32Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Int32Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Int32Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Int32Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Int32Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Int32Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Int32Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Int32Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Int32Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Int32Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Int32Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Int32Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Int32Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Int32Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Int32Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Int32Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Int32Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Int32Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Int32Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Int32Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Int32Array` を返します。 +- {{jsxref("TypedArray.values", "Int32Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Int32Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Int32Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Int32Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Int32Array` を作成 + +```js +// 長さから +var int16 = new Int32Array(2); +int16[0] = 42; +console.log(int16[0]); // 42 +console.log(int16.length); // 2 +console.log(int16.BYTES_PER_ELEMENT); // 4 + +// 配列から +var arr = new Int32Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Int32Array([21, 31]); +var y = new Int32Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(16); +var z = new Int32Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var int16 = new Int32Array(iterable); +// Int32Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Int32Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/int8array/index.html b/files/ja/web/javascript/reference/global_objects/int8array/index.html deleted file mode 100644 index 2f44432587..0000000000 --- a/files/ja/web/javascript/reference/global_objects/int8array/index.html +++ /dev/null @@ -1,166 +0,0 @@ ---- -title: Int8Array -slug: Web/JavaScript/Reference/Global_Objects/Int8Array -tags: - - Class - - Int8Array - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Int8Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Int8Array</code></strong> は型付き配列であり、 2 の補数形式の 8 ビット符号付き整数値の配列を表します。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Int8Array/Int8Array", "Int8Array()")}}</dt> - <dd>新しい <code>Int8Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int8Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Int8Array</code> の場合は <code>1</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Int8Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Int8Array</code> 型の場合は "<code>Int8Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Int8Array.from()")}}</dt> - <dd>新しい <code>Int8Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Int8Array.of()")}}</dt> - <dd>新しい <code>Int8Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Int8Array.prototype.buffer")}}</dt> - <dd><code>Int8Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Int8Array.prototype.byteLength")}}</dt> - <dd><code>Int8Array</code> の長さを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Int8Array.prototype.byteOffset")}}</dt> - <dd><code>Int8Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Int8Array.prototype.length")}}</dt> - <dd><code>Int8Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Int8Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Int8Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Int8Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Int8Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Int8Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Int8Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Int8Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Int8Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Int8Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Int8Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Int8Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Int8Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Int8Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Int8Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Int8Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Int8Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Int8Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Int8Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Int8Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Int8Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Int8Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Int8Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Int8Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Int8Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Int8Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Int8Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Int8Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_an_Int8Array" name="Different_ways_to_create_an_Int8Array">Int8Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var int8 = new Int8Array(2); -int8[0] = 42; -console.log(int8[0]); // 42 -console.log(int8.length); // 2 -console.log(int8.BYTES_PER_ELEMENT); // 1 - -// 配列から -var arr = new Int8Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Int8Array([21, 31]); -var y = new Int8Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(8); -var z = new Int8Array(buffer, 1, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var int8 = new Int8Array(iterable); -// Int8Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Int8Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/int8array/index.md b/files/ja/web/javascript/reference/global_objects/int8array/index.md new file mode 100644 index 0000000000..d02659a9d8 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/int8array/index.md @@ -0,0 +1,147 @@ +--- +title: Int8Array +slug: Web/JavaScript/Reference/Global_Objects/Int8Array +tags: + - クラス + - Int8Array + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Int8Array +translation_of: Web/JavaScript/Reference/Global_Objects/Int8Array +--- +{{JSRef}} + +**`Int8Array`** は型付き配列で、 2 の補数形式の 8 ビット符号付き整数値の配列を表します。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Int8Array/Int8Array", "Int8Array()")}} + - : 新しい `Int8Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Int8Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Int8Array` の場合は `1` です。 +- {{jsxref("TypedArray.name", "Int8Array.name")}} + - : コンストラクター名を文字列値で返します。`Int8Array` の場合、 "Int8Array" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Int8Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Int8Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Int8Array.of()")}} + - : 可変長引数で新しい `Int8Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Int8Array.prototype.buffer")}} + - : `Int8Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Int8Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int8Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Int8Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Int8Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Int8Array.prototype.length")}} + - : `Int8Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Int8Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Int8Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Int8Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Int8Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Int8Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Int8Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Int8Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Int8Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Int8Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Int8Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Int8Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Int8Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Int8Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Int8Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Int8Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Int8Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Int8Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Int8Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Int8Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Int8Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Int8Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Int8Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Int8Array` を返します。 +- {{jsxref("TypedArray.values", "Int8Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Int8Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Int8Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Int8Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Int8Array` を作成 + +```js +// 長さから +var int8 = new Int8Array(2); +int8[0] = 42; +console.log(int8[0]); // 42 +console.log(int8.length); // 2 +console.log(int8.BYTES_PER_ELEMENT); // 1 + +// 配列から +var arr = new Int8Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Int8Array([21, 31]); +var y = new Int8Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(8); +var z = new Int8Array(buffer, 1, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var int8 = new Int8Array(iterable); +// Int8Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Int8Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/collator/supportedlocalesof/index.html b/files/ja/web/javascript/reference/global_objects/intl/collator/supportedlocalesof/index.html index 31cd982d0b..e3bbaa033f 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/collator/supportedlocalesof/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/collator/supportedlocalesof/index.html @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/Collator/supportedL <h2 id="Description" name="Description">解説</h2> -<p><code>locales</code> で指定されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムがロケールの照合に対応しているもので、使用しているロケール一致アルゴリズムが、既定のロケールで代替することなく一致するとみなすものです。</p> +<p><code>locales</code> で指定されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムがロケールの照合に対応しているもので、使用しているロケール照合アルゴリズムが、既定のロケールで代替することなく一致するとみなすものです。</p> <h2 id="Examples">Examples</h2> diff --git a/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/datetimeformat/index.md b/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/datetimeformat/index.md index 9dd69a4d94..e45b807a48 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/datetimeformat/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/datetimeformat/index.md @@ -77,7 +77,7 @@ new Intl.DateTimeFormat(locales, options) - `numberingSystem` - : 命数法です。有効な値は、 "`arab`", "`arabext`", " `bali`", "`beng`", "`deva`", "`fullwide`", " `gujr`", "`guru`", "`hanidec`", "`khmr`", " `knda`", "`laoo`", "`latn`", "`limb`", "`mlym`", " `mong`", "`mymr`", "`orya`", "`tamldec`", " `telu`", "`thai`", "`tibt`" です。 - `localeMatcher` - - : 使用するロケール一致アルゴリズム。利用可能な値は "`lookup`" と "`best fit`" です。既定値は "`best fit`" です。このオプションについての詳細は、 {{jsxref("Global_Objects/Intl", "Intl", "#Locale_negotiation", 1)}} のページをご覧ください。 + - : 使用するロケール照合アルゴリズム。利用可能な値は "`lookup`" と "`best fit`" です。既定値は "`best fit`" です。このオプションについての詳細は、 {{jsxref("Global_Objects/Intl", "Intl", "#Locale_negotiation", 1)}} のページをご覧ください。 - `timeZone` - : 使用するタイムゾーン。実装が認識しなければならない唯一の値は "`UTC`" です。既定値は、実行時の既定のタイムゾーンです。実装は、 [IANA タイムゾーンデータベース](https://www.iana.org/time-zones)のタイムゾーン名、例えば "`Asia/Shanghai`", "`Asia/Kolkata`", "`America/New_York`" なども認識できる場合があります。 - `hour12` diff --git a/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/supportedlocalesof/index.md b/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/supportedlocalesof/index.md index 4c5e19d610..615196ab39 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/supportedlocalesof/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/datetimeformat/supportedlocalesof/index.md @@ -43,7 +43,7 @@ Intl.DateTimeFormat.supportedLocalesOf(locales, options) ## 解説 -`locales` で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが日時のロケールに対応しているもので、使用しているロケール一致アルゴリズムで一致しているとみなされているものです。 +`locales` で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが日時のロケールに対応しているもので、使用しているロケール照合アルゴリズムで一致しているとみなされているものです。 ## 例 diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/displaynames/index.md b/files/ja/web/javascript/reference/global_objects/intl/displaynames/displaynames/index.md new file mode 100644 index 0000000000..219d5331ee --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/displaynames/displaynames/index.md @@ -0,0 +1,103 @@ +--- +title: Intl.DisplayNames() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames +tags: + - Constructor + - DisplayNames + - Internationalization + - Intl + - JavaScript + - Localization + - Reference +browser-compat: javascript.builtins.Intl.DisplayNames.DisplayNames +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/DisplayNames +--- +{{JSRef}} + +**`Intl.DisplayNames()`** コンストラクターは、言語、地域、文字体系の表示名の一貫した翻訳を可能にする {{jsxref("Intl/DisplayNames", "Intl.DisplayNames")}} オブジェクトを生成します。 + +{{EmbedInteractiveExample("pages/js/intl-displaynames.html")}} + +<!-- The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request. --> + +## 構文 + +```js +new Intl.DisplayNames() +new Intl.DisplayNames(locales) +new Intl.DisplayNames(locales, options) +``` + +### 引数 + +- `locales` {{optional_inline}} + + - : BCP 47 言語タグの文字列、または、そのような文字列の配列です。 `locales` 引数の一般的な形式と解釈は、 {{jsxref("Global_Objects/Intl", "Intl", "#Locale_identification_and_negotiation", 1)}} のページをご覧ください。次の Unicode 拡張キーが利用できます。 + + - `nu` + - : 使用する数値書式です。 + "`arab`", "`arabext`", "`bali`", + "`beng`", "`deva`", "`fullwide`", + "`gujr`", "`guru`", "`hanidec`", + "`khmr`", "`knda`", "`laoo`", + "`latn`", "`limb`", "`mlym`", + "`mong`", "`mymr`", "`orya`", + "`tamldec`", "`telu`", "`thai`", + "`tibt`" です。 + +- `options` {{optional_inline}} + + - : 以下のプロパティの一部またはすべてを持つオブジェクトです。 + + - `localeMatcher` + - : 使用するロケール照合アルゴリズムです。利用可能な値は、 + "`lookup`" と "`best fit`" です。既定値は + "`best fit`" です。このオプションについての情報は、 + {{jsxref("Global_Objects/Intl", "Intl", "#Locale_negotiation", 1)}} ページを参照してください。 + - `style` + + - : 使用する書式化スタイルです。既定値は "`long`" です。 + + - "`narrow`" + - "`short`" + - "`long`" + + - `type` + + - : 使用する種類です。 + + - "`language`" + - "`region`" + - "`script`" + - "`currency`" + + - `fallback` + + - : 使用する代替法です。既定値は "`code`" です。 + + - "`code`" + - "`none`" + +## 例 + +### 基本的な使用法 + +ロケールを指定しない基本的な使用法では、既定のロケールと既定のオプションで書式化された文字列が返されます。 + +```js +console.log((new Intl.DisplayNames([], {type: 'language'})).of('US')); +// 期待される出力: 'us' +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Intl.DisplayNames")}} +- {{jsxref("Global_Objects/Intl", "Intl")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.html b/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.html deleted file mode 100644 index f27a416cf6..0000000000 --- a/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.html +++ /dev/null @@ -1,146 +0,0 @@ ---- -title: Intl.DisplayNames -slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames -tags: - - Class - - DisplayNames - - Internationalization - - Intl - - JavaScript - - Reference -translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames ---- -<div>{{JSRef}}</div> - -<p><strong><code>Intl.DisplayNames</code></strong> オブジェクトは、言語、地域、文字体系の表示名の一貫した翻訳を可能にするオブジェクトのコンストラクターです。</p> - -<div>{{EmbedInteractiveExample("pages/js/intl-displaynames.html")}}</div> - -<div class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</div> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Intl/DisplayNames/DisplayNames", "Intl.DisplayNames()")}}</dt> - <dd><code>Intl.DisplayNames</code> オブジェクトを作成します。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("Intl/DisplayNames/supportedLocalesOf", "Intl.DisplayNames.supportedLocalesOf()")}}</dt> - <dd>提供されたロケールのうち、ランタイムのデフォルトロケールにフォールバックすることなくサポートされているロケールを含む配列を返します。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("Intl/DisplayNames/of", "Intl.DisplayNames.prototype.of()")}}</dt> - <dd>このメソッドは <code>code</code> を受け取り、<a href="#"><code>Intl.DisplayNames</code></a> をインスタンス化したときに指定したロケールとオプションに基づく文字列を返します。</dd> - <dt>{{jsxref("Intl/DisplayNames/resolvedOptions", "Intl.DisplayNames.prototype.resolvedOptions()")}}</dt> - <dd>オブジェクトの初期化時に計算されたロケールや書式設定のオプションを反映したプロパティを持つ新しいオブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Region_Code_Display_Names" name="Region_Code_Display_Names">国 (地域) の表示名</h3> - -<p>ロケールを指定した <code>Intl.DisplayNames</code> を作成し、国 (地域) コードの表示名を取得する方法です。</p> - -<pre class="brush: js notranslate">// 英語の地域名を表示 -let regionNames = new Intl.DisplayNames(['en'], {type: 'region'}); -regionNames.of('419'); // "Latin America" -regionNames.of('BZ'); // "Belize" -regionNames.of('US'); // "United States" -regionNames.of('BA'); // "Bosnia & Herzegovina" -regionNames.of('MM'); // "Myanmar (Burma)" - -// 繁体字中国語での地域名を表示 -regionNames = new Intl.DisplayNames(['zh-Hant'], {type: 'region'}); -regionNames.of('419'; // "拉丁美洲" -regionNames.of('BZ'); // "貝里斯" -regionNames.of('US'); // "美國" -regionNames.of('BA'); // "波士尼亞與赫塞哥維納" -regionNames.of('MM'); // "緬甸"</pre> - -<h3 id="Language_Display_Names" name="Language_Display_Names">言語の表示名</h3> - -<p>ロケールを指定した <code>Intl.DisplayNames</code> を作成し、言語-文字体系-国 (地域) の一連の表示名を取得する方法です。</p> - -<pre class="brush: js notranslate">// 英語の言語名を表示 -let languageNames = new Intl.DisplayNames(['en'], {type: 'language'}); -languageNames.of('fr'); // "French" -languageNames.of('de'); // "German" -languageNames.of('fr-CA'); // "Canadian French" -languageNames.of('zh-Hant'); // "Traditional Chinese" -languageNames.of('en-US'); // "American English" -languageNames.of('zh-TW'); // "Chinese (Taiwan)"] - -// 繁体字中国語での言語名を表示 -languageNames = new Intl.DisplayNames(['zh-Hant'], {type: 'language'}); -languageNames.of('fr'); // "法文" -languageNames.of('zh'); // "中文" -languageNames.of('de'); // "德文"</pre> - -<h3 id="Script_Code_Display_Names" name="Script_Code_Display_Names">文字体系コードの表示名称</h3> - -<p>ロケールを指定した <code>Intl.DisplayNames</code> を作成し、文字体系の表示名を取得する方法です。</p> - -<pre class="brush: js notranslate">// 英語の文字体系名を表示 -let scriptNames = new Intl.DisplayNames(['en'], {type: 'script'}); -// Get script names -scriptNames.of('Latn'); // "Latin" -scriptNames.of('Arab'); // "Arabic" -scriptNames.of('Kana'); // "Katakana" - -// 繁体字中国語での文字体系名を表示 -scriptNames = new Intl.DisplayNames(['zh-Hant'], {type: 'script'}); -scriptNames.of('Latn'); // "拉丁文" -scriptNames.of('Arab'); // "阿拉伯文" -scriptNames.of('Kana'); // "片假名"</pre> - -<h3 id="Currency_Code_Display_Names" name="Currency_Code_Display_Names">通貨コードの表示名称</h3> - -<p>ロケールを指定した <code>Intl.DisplayNames</code> を作成し、通貨の表示名を取得する方法です。</p> - -<pre class="brush: js notranslate">// 英語の通貨名を表示 -let currencyNames = new Intl.DisplayNames(['en'], {type: 'currency'}); -// Get currency names -currencyNames.of('USD'); // "US Dollar" -currencyNames.of('EUR'); // "Euro" -currencyNames.of('TWD'); // "New Taiwan Dollar" -currencyNames.of('CNY'); // "Chinese Yuan" - -// 繁体字中国語の通貨名を表示 -currencyNames = new Intl.DisplayNames(['zh-Hant'], {type: 'currency'}); -currencyNames.of('USD'); // "美元" -currencyNames.of('EUR'); // "歐元" -currencyNames.of('TWD'); // "新台幣" -currencyNames.of('CNY'); // "人民幣"</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Intl.DisplayNames', '#intl-displaynames-objects', 'DisplayNames')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.Intl.DisplayNames")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("Intl")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.md b/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.md new file mode 100644 index 0000000000..897db00357 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/displaynames/index.md @@ -0,0 +1,134 @@ +--- +title: Intl.DisplayNames +slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames +tags: + - Class + - DisplayNames + - Internationalization + - Intl + - JavaScript + - Localization + - Reference +browser-compat: javascript.builtins.Intl.DisplayNames +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames +--- +{{JSRef}} + +**`Intl.DisplayNames`** オブジェクトは、言語、地域、文字体系の表示名の一貫した翻訳を可能にします。 + +{{EmbedInteractiveExample("pages/js/intl-displaynames.html")}} + + +## コンストラクター + +- {{jsxref("Intl/DisplayNames/DisplayNames", "Intl.DisplayNames()")}} + - : `Intl.DisplayNames` オブジェクトを作成します。 + +## 静的メソッド + +- {{jsxref("Intl/DisplayNames/supportedLocalesOf", "Intl.DisplayNames.supportedLocalesOf()")}} + - : 提供されたロケールのうち、ランタイムの既定のロケールに代替されることなく対応しているロケールを含む配列を返します。 + +## インスタンスメソッド + +- {{jsxref("Intl/DisplayNames/of", "Intl.DisplayNames.prototype.of()")}} + - : このメソッドは `code` を受け取り、`Intl.DisplayNames` をインスタンス化したときに指定したロケールとオプションに基づく文字列を返します。 +- {{jsxref("Intl/DisplayNames/resolvedOptions", "Intl.DisplayNames.prototype.resolvedOptions()")}} + - : オブジェクトの初期化時に計算されたロケールや書式設定のオプションを反映したプロパティを持つ新しいオブジェクトを返します。 + +## 例 + +### 国 (地域) の表示名 + +ロケールを指定して `Intl.DisplayNames` を作成し、国 (地域) コードの表示名を取得する方法です。 + +```js +// 英語の地域名を表示 +let regionNames = new Intl.DisplayNames(['en'], {type: 'region'}); +regionNames.of('419'); // "Latin America" +regionNames.of('BZ'); // "Belize" +regionNames.of('US'); // "United States" +regionNames.of('BA'); // "Bosnia & Herzegovina" +regionNames.of('MM'); // "Myanmar (Burma)" + +// 繁体字中国語での地域名を表示 +regionNames = new Intl.DisplayNames(['zh-Hant'], {type: 'region'}); +regionNames.of('419'; // "拉丁美洲" +regionNames.of('BZ'); // "貝里斯" +regionNames.of('US'); // "美國" +regionNames.of('BA'); // "波士尼亞與赫塞哥維納" +regionNames.of('MM'); // "緬甸" +``` + +### 言語の表示名 + +ロケールを指定して `Intl.DisplayNames` を作成し、言語-文字体系-国 (地域) の一連の表示名を取得する方法です。 + +```js +// 英語の言語名を表示 +let languageNames = new Intl.DisplayNames(['en'], {type: 'language'}); +languageNames.of('fr'); // "French" +languageNames.of('de'); // "German" +languageNames.of('fr-CA'); // "Canadian French" +languageNames.of('zh-Hant'); // "Traditional Chinese" +languageNames.of('en-US'); // "American English" +languageNames.of('zh-TW'); // "Chinese (Taiwan)"] + +// 繁体字中国語での言語名を表示 +languageNames = new Intl.DisplayNames(['zh-Hant'], {type: 'language'}); +languageNames.of('fr'); // "法文" +languageNames.of('zh'); // "中文" +languageNames.of('de'); // "德文" +``` + +### 文字体系コードの表示名 + +ロケールを指定して `Intl.DisplayNames` を作成し、文字体系の表示名を取得する方法です。 + +```js +// 英語の文字体系名を表示 +let scriptNames = new Intl.DisplayNames(['en'], {type: 'script'}); +// Get script names +scriptNames.of('Latn'); // "Latin" +scriptNames.of('Arab'); // "Arabic" +scriptNames.of('Kana'); // "Katakana" + +// 繁体字中国語での文字体系名を表示 +scriptNames = new Intl.DisplayNames(['zh-Hant'], {type: 'script'}); +scriptNames.of('Latn'); // "拉丁文" +scriptNames.of('Arab'); // "阿拉伯文" +scriptNames.of('Kana'); // "片假名" +``` + +### 通貨コードの表示名 + +ロケールを指定して `Intl.DisplayNames` を作成し、通貨の表示名を取得する方法です。 + +```js +// 英語の通貨名を表示 +let currencyNames = new Intl.DisplayNames(['en'], {type: 'currency'}); +// Get currency names +currencyNames.of('USD'); // "US Dollar" +currencyNames.of('EUR'); // "Euro" +currencyNames.of('TWD'); // "New Taiwan Dollar" +currencyNames.of('CNY'); // "Chinese Yuan" + +// 繁体字中国語の通貨名を表示 +currencyNames = new Intl.DisplayNames(['zh-Hant'], {type: 'currency'}); +currencyNames.of('USD'); // "美元" +currencyNames.of('EUR'); // "歐元" +currencyNames.of('TWD'); // "新台幣" +currencyNames.of('CNY'); // "人民幣" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Intl")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/of/index.md b/files/ja/web/javascript/reference/global_objects/intl/displaynames/of/index.md new file mode 100644 index 0000000000..c0598c51be --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/displaynames/of/index.md @@ -0,0 +1,70 @@ +--- +title: Intl.DisplayNames.prototype.of() +slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/of +tags: + - DisplayNames + - Internationalization + - Intl + - JavaScript + - Localization + - Method + - Prototype + - Reference +browser-compat: javascript.builtins.Intl.DisplayNames.of +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/of +--- +{{JSRef}} + +**`Intl.DisplayNames.prototype.of()`** メソッドは、コードを受け取り、Intl.DisplayNames をインスタンス化するときに指定されたロケールとオプションに基づいて文字列を返します。 + +{{EmbedInteractiveExample("pages/js/intl-displaynames.html")}} + +<!-- The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request. --> + +## 構文 + +```js +of(code) +``` + +### 引数 + +- `code` + + - : 与える `code` は、 `type` によって変わります。 + + - type が "region" である場合、コードは [ISO-3166 地域の 2 文字コード](https://www.iso.org/iso-3166-country-codes.html)または [three digits UN M49 Geographic Regions](https://unstats.un.org/unsd/methodology/m49/) である必要があります。 + - type が "script" である場合、コードは [ISO-15924 文字体系の 4 文字コード](https://unicode.org/iso15924/iso15924-codes.html)である必要があります。 + - type が "language" である場合、コードは _languageCode_ \["-" _scriptCode_] \["-" _regionCode_ ] \*("-" _variant_ ) の形である必要があり、これは [UTS 35's Unicode Language and Locale Identifiers grammar](https://unicode.org/reports/tr35/#Unicode_language_identifier) の unicode_language_id の構文です。 _languageCode_ は 2 文字の ISO 639-1 言語コードまたは 3 文字の ISO 639-2 言語コードです。 + - type が "currency" である場合、コードは [3 文字の ISO 4217 通貨コード](https://www.iso.org/iso-4217-currency-codes.html)である必要があります。 + +### 返値 + +その言語における書式化された文字列です。 + +## 例 + +### of メソッドの使用 + +```js +let regionNames = new Intl.DisplayNames(['en'], {type: 'region'}); +regionNames.of('419'); // "Latin America" + +let languageNames = new Intl.DisplayNames(['en'], {type: 'language'}); +languageNames.of('fr'); // "French" + +let currencyNames = new Intl.DisplayNames(['en'], {type: 'currency'}); +currencyNames.of('EUR'); // "Euro" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Intl.DisplayNames")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/resolvedoptions/index.md b/files/ja/web/javascript/reference/global_objects/intl/displaynames/resolvedoptions/index.md new file mode 100644 index 0000000000..8f7593317a --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/displaynames/resolvedoptions/index.md @@ -0,0 +1,67 @@ +--- +title: Intl.DisplayNames.prototype.resolvedOptions() +slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/resolvedOptions +tags: + - DisplayNames + - Internationalization + - Intl + - JavaScript + - Localization + - Method + - Prototype + - Reference +browser-compat: javascript.builtins.Intl.DisplayNames.resolvedOptions +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/resolvedOptions +--- +{{JSRef}} + +**`Intl.DisplayNames.prototype.resolvedOptions()`** メソッドは、現在の {{jsxref("Intl.DisplayNames")}} オブジェクトの初期化時に計算されたロケールとスタイルの書式オプションを反映したプロパティを持つ新しいオブジェクトを返します。 + +## 構文 + +```js +resolvedOptions() +``` + +### 返値 + +この {{jsxref("Intl.DisplayNames")}} オブジェクトの初期化時に計算されたロケールと書式オプションを反映したプロパティを持つ新しいオブジェクトです。 + +## 解説 + +`resolvedOptions()` で返されるオブジェクトには、以下のプロパティがあります。 + +- `locale` + - : このロケールで実際に使用する BCP 47 言語タグです。入力されこのロケールに導いた BCP 47 言語タグで Unicode 拡張値が要求されていた場合、要求されたキーと値の組のうち、このロケールで対応しているものが `locale` に含まれます。 +- `style` + - : コンストラクターの `options` 引数でこのプロパティに与えられた値、または既定値 ("`long`") です。値は "`long`"、"`short`"、"`narrow`" のいずれかです。 +- `type` + - : コンストラクターの `options` 引数でこのプロパティに与えられた値、または既定値 ("`language`") です。値は "`language`"、"`region`"、"`script`"、"`currency`" のいずれかです。 +- `fallback` + - : コンストラクターの `options` 引数でこのプロパティに与えられた値、または既定値 ("`code`") です。値は "`code`" または "`none`" のどちらかです。 + +## 例 + +### resolvedOptions の使用 + +```js +const displayNames = new Intl.DisplayNames(['de-DE'], {type: 'region'}); + +const usedOptions = displayNames.resolvedOptions(); +console.log(usedOptions.locale); // "de-DE" +console.log(usedOptions.style); // "long" +console.log(usedOptions.type); // "region" +console.log(usedOptions.fallback); // "code" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Intl.DisplayNames")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/displaynames/supportedlocalesof/index.md b/files/ja/web/javascript/reference/global_objects/intl/displaynames/supportedlocalesof/index.md new file mode 100644 index 0000000000..5732a9f737 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/displaynames/supportedlocalesof/index.md @@ -0,0 +1,68 @@ +--- +title: Intl.DisplayNames.supportedLocalesOf() +slug: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/supportedLocalesOf +tags: + - DisplayNames + - Internationalization + - Intl + - JavaScript + - Localization + - Method + - Reference +browser-compat: javascript.builtins.Intl.DisplayNames.supportedLocalesOf +translation_of: Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames/supportedLocalesOf +--- +{{JSRef}} + +**`Intl.DisplayNames.supportedLocalesOf()`** メソッドは、指定されたロケールのうち、ランタイムの既定のロケールで代替せずに表示名に対応しているものの配列を返します。 + +## 構文 + +```js +Intl.DisplayNames.supportedLocalesOf(locales) +Intl.DisplayNames.supportedLocalesOf(locales, options) +``` + +### 引数 + +- `locales` + - : BCP 47 言語タグを持つ文字列、またはそのような文字列の配列です。 `locales` 引数の一般的な形式については、 {{jsxref("Intl", "Intl", "#Locale_identification_and_negotiation", 1)}} のページを参照してください。 +- `options` {{optional_inline}} + + - : 以下のプロパティを持つオブジェクトです。 + + - `localeMatcher` + - : 使用するロケール照合アルゴリズムです。指定可能な値は "`lookup`" および "`best fit`" で、既定値は "`best fit`" です。このオプションの詳細は、 {{jsxref("Intl", "Intl", "#Locale_negotiation", 1)}} のページを参照してください。 + +### 返値 + +指定したロケールタグうち、ランタイムの既定のロケールで代替せずに表示名に対応しているものを表す文字列の配列です。 + +## 解説 + +`locales` で指定された言語タグのサブセットが入った配列を返します。返される言語タグは、表示名について、使用するロケール照合アルゴリズムで一致しているとみなされ、ランタイムが既定のロケールで代替することなく対応しているものです。 + +## 例 + +### supportedLocalesOf() の使用 + +表示名についてインドネシア語とドイツ語に対応しているが、バリ語に対応していないランタイムを想定した場合、 `supportedLocalesOf` はインドネシア語とドイツ語の言語タグを変更せずに返しますが、 `pinyin` の照合は表示名には関係なく、インドネシア語では使用されません。これは "`lookup`" アルゴリズムの仕様であることに注意してください。 "`best fit`" で照合すると、バリ語の話者のほとんどはインドネシア語も理解しているので、インドネシア語がバリ語に適切に一致すると判断し、バリ語の言語タグも返すかもしれません。 + +```js +const locales = ['ban', 'id-u-co-pinyin', 'de-ID']; +const options = { localeMatcher: 'lookup' }; +console.log(Intl.DisplayNames.supportedLocalesOf(locales, options).join(', ')); +// → "id-u-co-pinyin, de-ID" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Intl.DisplayNames")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/index.html b/files/ja/web/javascript/reference/global_objects/intl/index.html deleted file mode 100644 index f315874d17..0000000000 --- a/files/ja/web/javascript/reference/global_objects/intl/index.html +++ /dev/null @@ -1,131 +0,0 @@ ---- -title: Intl -slug: Web/JavaScript/Reference/Global_Objects/Intl -tags: - - Internationalization - - Intl - - JavaScript - - Namespace - - 名前空間 - - 国際化 -translation_of: Web/JavaScript/Reference/Global_Objects/Intl ---- -<div>{{JSRef}}</div> - -<p><strong><code>Intl</code></strong> オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値フォーマット、日付フォーマットを提供します。 <strong><code>Intl</code></strong> オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します。</p> - -<h2 id="Properties" name="Properties">プロパティ</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Collator", "Intl.Collator")}}</dt> - <dd>言語に依存した文字列の比較を可能にするオブジェクトである collator のためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}}</dt> - <dd>言語に依存した日時の書式化を可能にするオブジェクトのためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/ListFormat", "Intl.ListFormat")}}</dt> - <dd>言語に依存したリストの書式化を可能にするオブジェクトのためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/Locale", "Intl.Locale")}}</dt> - <dd>Unicode ロケール識別子を表すオブジェクトのためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/NumberFormat", "Intl.NumberFormat")}}</dt> - <dd>言語に依存した数値フォーマットを可能にするオブジェクトのためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/PluralRules", "Intl.PluralRules")}}</dt> - <dd>複数形を意識した書式化や複数形の言語規則を可能にするオブジェクトのためのコンストラクター。</dd> - <dt>{{jsxref("Global_Objects/RelativeTimeFormat", "Intl.RelativeTimeFormat")}}</dt> - <dd>言語を意識した相対時刻の書式化を可能にするオブジェクトのためのコンストラクター。</dd> -</dl> - -<h2 id="Methods" name="Methods">メソッド</h2> - -<dl> - <dt>{{jsxref("Intl.getCanonicalLocales()")}}</dt> - <dd>正規のロケール名を返すメソッド。</dd> -</dl> - -<h2 id="Locale_identification_and_negotiation" name="Locale_identification_and_negotiation">ロケールの識別とネゴシエーション</h2> - -<p>国際化コンストラクターや他のコンストラクターの言語を意識したメソッド (<a href="#See_also">関連情報</a>に記載) は、ロケールを識別して実際に使用するものを決定するために共通のパターンを使用しています。これらはすべて、 <code>locales</code> と <code>options</code> の引数を受け取り、 <code>options.localeMatcher</code> プロパティで指定したアルゴリズムを使用して 要求されたロケールと対応しているロケールとのネゴシエーションを行います。</p> - -<h3 id="locales_argument" name="locales_argument">locales 引数</h3> - -<p><code>locales</code> 引数は、 <a href="http://tools.ietf.org/html/rfc5646">BCP 47 言語タグ</a>を保持している文字列か、そのような言語タグの配列でなければなりません。 <code>locales</code> 引数が与えられていなかったり、 undefined であったりした場合は、実行時の既定のロケールが使用されます。</p> - -<p>BCP 47 言語タグは、言語と、少なくとも主たる言語コードを含んでいます。ほとんどのよくある形式では、すべてハイフンで区切られたサブタグを、言語コード、文字体系コード、国または地域コードの順で含んでいます。タグは大文字小文字を区別しませんが、文字体系コードでは先頭が大文字で残りは小文字、国または地域コードでは大文字、その他はすべて小文字が推奨されています。</p> - -<p>例:</p> - -<ul> - <li><code>"hi"</code>: ヒンディー語 (主たる言語)。</li> - <li><code>"de-AT"</code>: オーストリアで使用されているドイツ語 (主たる言語と国コード)。</li> - <li><code>"zh-Hans-CN"</code>: 中国で使用されている簡体字で書かれる中国語 (主たる言語と文字体系と国コード)。</li> -</ul> - -<p>言語、文字体系、国 (地域)、 (まれに使用される) 変化形を識別する BCP 47 言語タグのサブタグは <a href="http://www.iana.org/assignments/language-subtag-registry">IANA Language Subtag Registry</a> で調べられます。</p> - -<p>BCP 47 はまた、拡張を認めており、そのうちの一つ <code>"u"</code> (Unicode) 拡張は、 JavaScript の国際化機能にとって重要です。それは、{{jsxref("Collator")}}, {{jsxref("NumberFormat")}}, {{jsxref("DateTimeFormat")}} オブジェクトのロケール固有の動作のカスタマイズを要求するために使用することができます。</p> - -<ul> - <li><code>"de-DE-u-co-phonebk"</code>: ドイツ語のソート順の電話帳変化形を使用します。このソート順では、ウムラウト付きの母音を、 ä → ae, ö → oe, ü → ue のように、ウムラウトの付かない母音二文字に展開したものと見なした順で並べ替えします。</li> - <li><code>"th-TH-u-nu-thai"</code>: 数値書式で、タイの数字 (๐, ๑, ๒, ๓, ๔, ๕, ๖, ๗, ๘, ๙) を使用します。</li> - <li><code>"ja-JP-u-ca-japanese"</code>: 日時書式で和暦を使用します。すなわち、2013年は平成25年として表現されます。</li> - <li><code>"en-GB-u-ca-islamic"</code>: イギリス英語でイスラム暦 (Hijri) を使用します。グレゴリオ暦で2017年10月14日は、 Hijri 暦で 24 Muharram, 1439 です。</li> -</ul> - -<p>BCP 47 拡張タグは <a href="https://unicode.org/repos/cldr/trunk/common/bcp47/">Unicode CLDR Project</a> にあります。</p> - -<h3 id="Locale_negotiation" name="Locale_negotiation">ロケールネゴシエーション</h3> - -<p><code>locales</code> 引数は、すべての Unicode 拡張を除去した後、アプリケーションからの優先順位付き要求として解釈されます。ランタイムは、利用可能なロケールと比較し、利用可能なロケールのうち最適なものを選びます。マッチングアルゴリズムは二種類あります。 "<code>lookup</code>" マッチャーは、<a href="http://tools.ietf.org/html/rfc4647#section-3.4">BCP 47</a> で指定された Lookup アルゴリズムに従います。 "<code>best fit</code>" マッチャーでは、ランタイムが少なくとも、あるいは場合によっては、 Lookup アルゴリズムの結果よりもリクエストに適合したロケールを提供します。アプリケーションが <code>locales</code> 引数を提供しなかった場合や、リクエストに一致するロケールをランタイムが持っていなかった場合は、ランタイムの既定のロケールが使用されます。マッチャーは、 <code>options</code> 引数のプロパティを使って選択することができます (後述)。</p> - -<p>ネゴシエーションにより選択された言語タグが Unicode 拡張の部分文字列を持っているとき、その拡張はここで、構築されたオブジェクトや関数の振る舞いをカスタマイズするために使われます。それぞれのコンストラクターや関数は、 Unicode 拡張用のキーのごく一部分のみ対応しており、また、対応する値は、多くの場合言語タグに依存します。例えば、 "<code>co</code>" キー (コレクション)は、 {{jsxref("Collator")}} だけが対応しており、そのキーに対する "<code>phonebk</code>" の値はドイツ語だけが対応しています。</p> - -<h3 id="options_argument" name="options_argument">options 引数</h3> - -<p><code>options</code> 引数は、コンストラクターや関数ごとに異なるプロパティをもつオブジェクトである必要があります。 <code>options</code> 引数が与えられなかった場合、または、未定義の場合、すべてのプロパティに対して既定値が使用されます。</p> - -<p>言語を意識するすべてのコンストラクターや関数が対応しているプロパティが一つあります。 <code>localeMatcher</code> プロパティで、この値は "<code>lookup</code>" または "<code>best fit</code>" の文字列である必要があり、上記のロケールマッチングアルゴリズムのうちから一つを選択します。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ES Int Draft', '#intl-object', 'Intl')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.Intl")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>導入: <a href="https://norbertlindenberg.com/2012/12/ecmascript-internationalization-api/index.html">The ECMAScript Internationalization API</a></li> - <li>コンストラクター - <ul> - <li>{{jsxref("Collator", "Intl.Collator")}}</li> - <li>{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}}</li> - <li>{{jsxref("ListFormat", "Intl.ListFormat")}}</li> - <li>{{jsxref("NumberFormat", "Intl.NumberFormat")}}</li> - <li>{{jsxref("PluralRules", "Intl.PluralRules")}}</li> - <li>{{jsxref("RelativeTimeFormat", "Intl.RelativeTimeFormat")}}</li> - <li>{{jsxref("Locale", "Intl.Locale")}}</li> - </ul> - </li> - <li>メソッド - <ul> - <li>{{jsxref("String.prototype.localeCompare()")}}</li> - <li>{{jsxref("Number.prototype.toLocaleString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleTimeString()")}}</li> - </ul> - </li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/intl/index.md b/files/ja/web/javascript/reference/global_objects/intl/index.md new file mode 100644 index 0000000000..770ef53b18 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/intl/index.md @@ -0,0 +1,151 @@ +--- +title: Intl +slug: Web/JavaScript/Reference/Global_Objects/Intl +tags: + - Internationalization + - Intl + - JavaScript + - Namespace + - 名前空間 + - 国際化 +browser-compat: javascript.builtins.Intl +translation_of: Web/JavaScript/Reference/Global_Objects/Intl +--- +{{JSRef}} + +**`Intl`** オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化ト、日付の書式化を提供します。 **`Intl`** オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します。 + +## コンストラクタープロパティ + +- {{jsxref("Global_Objects/Intl/Collator/Collator", "Intl.Collator()")}} + - : 言語に依存した文字列の比較を可能にするオブジェクトである collator のためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/DateTimeFormat/DateTimeFormat", "Intl.DateTimeFormat()")}} + - : 言語に依存した日時の書式化を可能にするオブジェクトのためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/DisplayNames/DisplayNames", "Intl.DisplayNames()")}} + - : 言語、地域、文字体系の表示名の一貫した翻訳を可能にするオブジェクトのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/ListFormat/ListFormat", "Intl.ListFormat()")}} + - : 言語に依存したリストの書式化を可能にするオブジェクトのためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/Locale/Locale", "Intl.Locale()")}} + - : Unicode ロケール識別子を表すオブジェクトのためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/NumberFormat/NumberFormat", "Intl.NumberFormat()")}} + - : 言語に依存した数値フォーマットを可能にするオブジェクトのためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/PluralRules/PluralRules", "Intl.PluralRules()")}} + - : 複数形を意識した書式化や複数形の言語規則を可能にするオブジェクトのためのコンストラクターです。 +- {{jsxref("Global_Objects/Intl/RelativeTimeFormat/RelativeTimeFormat", "Intl.RelativeTimeFormat()")}} + - : 言語を意識した相対時刻の書式化を可能にするオブジェクトのためのコンストラクターです。 + +## メソッド + +- {{jsxref("Intl.getCanonicalLocales()")}} + - : 正規のロケール名を返すメソッド。 + +<h2 id="Locale_identification_and_negotiation">ロケールの識別とネゴシエーション</h2> + +国際化コンストラクターや他のコンストラクターの言語を意識したメソッド ([関連情報](#関連情報)に記載) は、ロケールを識別して実際に使用するものを決定するために共通のパターンを使用しています。これらはすべて、 `locales` と `options` の引数を受け取り、 `options.localeMatcher` プロパティで指定したアルゴリズムを使用して 要求されたロケールと対応しているロケールとのネゴシエーションを行います。 + +### locales 引数 + +`locales` 引数は、指定された操作に使用するロケールを特定するために使用されます。 JavaScript の実装では `locales` を調べて、表現された指定を満たすものに最も近い、理解可能なロケールを計算します。 `locales` は次のものを取ることができます。 + +- `undefined` (または省略): その実装の既定のロケールが使用されます。 +- ロケール: ロケール識別子またはロケール識別子を持つ [`Intl.Locale`](/ja/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale) オブジェクトです。 +- ロケールのリスト: 何らかの他の値で、オブジェクトに変換され、ロケールの配列として扱われます。 + +後 2 者では、実際に使用されるロケールは、[ロケールネゴシエーション](#locale_negotiation)によって決定された、最も良く対応しているロケールになります。 + +ロケール識別子は以下のものから成る文字列です。 + +1. 原語サブタグ +2. (任意で) 文字体系サブタグ +3. (任意で) 地域 (または国) サブタグ +4. (任意で) 1 つ以上の変化形サブタグ (すべて固有でなければならない) +5. (任意で) 1 つ以上の BCP 47 拡張シーケンス +6. (任意で) 私的に使用する拡張シーケンス + +...存在するサブタグやシーケンスはすべて、ハイフンで区切ります。ロケール識別子は大文字小文字の区別のない ASCII です。しかし、文字体系サブタグではタイトルケース (最初の文字が大文字で、以降の文字は小文字) を、地域サブタグは大文字、それ以外はすべて小文字を使う習慣があります。 + +- "`hi`": ヒンディー語 (主たる言語) +- "`de-AT`": オーストリア (地域) で使用されているドイツ語 (言語) +- "`zh-Hans-CN`": 中国 (地域) で使用されている簡体字 (文字体系) で書かれている中国語 (言語)。 +- "`en-emodeng`": 英語 (言語) の "Early modern English" 方言 (変化形) + +言語、文字体系、地域 (国を含む)、 (稀に使用される) 変化形を識別するサブタグは、 [IANA 言語サブタグレジストリー](https://www.iana.org/assignments/language-subtag-registry)に登録されています。このレジストリーは長期にわたって定期的に更新されており、実装は常に最新であるとは限らないため、サブタグが広く対応されていることを頼りすぎないようにしてください。 + +BCP 47 拡張シーケンスは、単一の数字または文字 (`"x"` 以外) と、ハイフンで区切られた 1 つ以上の 2 から 8 文字の文字または数字によるサブタグで構成されています。それぞれの数字または文字に対して 1 つのシーケンスのみが許可されていますので、 "`de-a-foo-a-foo`" は無効です。 BCP 47 拡張サブタグは [Unicode CLDR Project](https://github.com/unicode-org/cldr/tree/master/common/bcp47) で定義されています。現在は 2 つの拡張機能の意味のみが定義されています。 + +- `"u"` (Unicode) 拡張は {{jsxref("Intl.Collator")}}, {{jsxref("Intl.NumberFormat")}}, {{jsxref("Intl.DateTimeFormat")}} の各オブジェクトにおいて、ロケール固有の動作のカスタマイズを要求するために使用することができます。 + + - "`de-DE-u-co-phonebk`": ドイツ語のソート順の電話帳変化形を使用します。このソート順では、ウムラウト付きの母音を、 ä → ae, ö → oe, ü → ue のように、ウムラウトの付かない母音二文字に展開したものと見なした順で並べ替えします。 + - "`th-TH-u-nu-thai`": 数値書式で、タイの数字 (๐, ๑, ๒, ๓, ๔, ๕, ๖, ๗, ๘, ๙) を使用します。 + - "`ja-JP-u-ca-japanese`": 日時書式で和暦を使用します。すなわち、 2013 年は平成 25 年として表現されます。 + - "`en-GB-u-ca-islamic`": イギリス英語でイスラム暦 (Hijri) を使用します。グレゴリオ暦で2017年10月14日は、 Hijri 暦で 24 Muharram, 1439 です。 + +- `"t"` (transformed) 拡張は、他のロケールから翻訳されたテキストなど、変換されたコンテンツを示します。現在のところ、 `Intl` の機能で `"t"` 拡張を考慮するものはありません。しかし、この拡張はネストされたロケールを含むことがあります。たとえば、 "`de-t-en`" には英語のロケール識別子が含まれています。入れ子のロケールが存在する場合、それは有効なロケール識別子でなければなりません。例えば、 "`en-emodeng-emodeng`" は (`emodeng` の変化形サブタグが重複しているため) 無効なので、"`de-t-en-emodeng-emodeng`"も無効です。 + +最後に、"x "という文字を使った私的使用の拡張シーケンスがあり、その後にハイフンで区切られた 1 ～ 8 文字または数字のサブタグが 1 つ以上続きます。これにより、アプリケーションが独自に使用する情報をエンコードすることができますが、すべての `Intl` の操作では無視されます。 + +<h3 id="Locale_negotiation" name="Locale_negotiation">ロケールネゴシエーション</h3> + +`locales` 引数は、すべての Unicode 拡張を除去した後、アプリケーションからの優先順位付き要求として解釈されます。ランタイムは、利用可能なロケールと比較し、利用可能なロケールのうち最適なものを選びます。マッチングアルゴリズムは二種類あります。 "`lookup`" マッチャーは、[BCP 47](https://datatracker.ietf.org/doc/html/rfc4647#section-3.4) で指定された Lookup アルゴリズムに従います。 "`best fit`" マッチャーでは、ランタイムが少なくとも、あるいは場合によっては、 Lookup アルゴリズムの結果よりもリクエストに適合したロケールを提供します。アプリケーションが `locales` 引数を提供しなかった場合や、リクエストに一致するロケールをランタイムが持っていなかった場合は、ランタイムの既定のロケールが使用されます。マッチャーは、 `options` 引数のプロパティを使って選択することができます (下記参照)。 + +ネゴシエーションにより選択された言語タグが Unicode 拡張の部分文字列を持っているとき、その拡張はここで、構築されたオブジェクトや関数の振る舞いをカスタマイズするために使われます。それぞれのコンストラクターや関数は、 Unicode 拡張用のキーのごく一部分のみ対応しており、また、対応する値は、多くの場合言語タグに依存します。例えば、 "`co`" キー (コレクション)は、 {{jsxref("Intl.Collator")}} だけが対応しており、そのキーに対する "`phonebk`" の値はドイツ語だけが対応しています。 + +### options 引数 + +`options` 引数は、コンストラクターや関数ごとに異なるプロパティをもつオブジェクトである必要があります。 `options` 引数が与えられなかった場合、または、未定義の場合、すべてのプロパティに対して既定値が使用されます。 + +言語を意識するすべてのコンストラクターや関数が対応しているプロパティが一つあります。 `localeMatcher` プロパティで、この値は "`lookup`" または "`best fit`" の文字列である必要があり、上記のロケールマッチングアルゴリズムのうちから一つを選択します。 + +## 例 + +### 日付と数値の書式化 + +`Intl` を使用して、特定の言語や地域で一般的な形で日付や数値を書式化することができます。 + +```js +const count = 26254.39; +const date = new Date("2012-05-24"); + +function log(locale) { + console.log( + `${new Intl.DateTimeFormat(locale).format(date)} ${new Intl.NumberFormat(locale).format(count)}` + ); +} + +log("en-US"); +// 期待される出力: 5/24/2012 26,254.39 + +log("de-DE"); +// 期待される出力: 24.5.2012 26.254,39 +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + + +## 関連情報 + +- 導入: [The ECMAScript Internationalization API](https://norbertlindenberg.com/2012/12/ecmascript-internationalization-api/index.html) +- コンストラクター + + - {{jsxref("Intl/Collator", "Intl.Collator")}} + - {{jsxref("Intl/DateTimeFormat", "Intl.DateTimeFormat")}} + - {{jsxref("Intl/ListFormat", "Intl.ListFormat")}} + - {{jsxref("Intl/NumberFormat", "Intl.NumberFormat")}} + - {{jsxref("Intl/PluralRules", "Intl.PluralRules")}} + - {{jsxref("Intl/RelativeTimeFormat", "Intl.RelativeTimeFormat")}} + - {{jsxref("Intl/Locale", "Intl.Locale")}} + +- メソッド + + - {{jsxref("String.prototype.localeCompare()")}} + - {{jsxref("Number.prototype.toLocaleString()")}} + - {{jsxref("Date.prototype.toLocaleString()")}} + - {{jsxref("Date.prototype.toLocaleDateString()")}} + - {{jsxref("Date.prototype.toLocaleTimeString()")}} + diff --git a/files/ja/web/javascript/reference/global_objects/intl/listformat/listformat/index.html b/files/ja/web/javascript/reference/global_objects/intl/listformat/listformat/index.html index c2963df3ef..1a3cf7346e 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/listformat/listformat/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/listformat/listformat/index.html @@ -34,7 +34,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListForm <dl> <dt><code>localeMatcher</code></dt> - <dd>使用するロケール一致アルゴリズム。利用可能な値は <code>lookup</code> と <code>best fit</code> です。既定値は <code>best fit</code> です。このオプションについての詳細は、 {{jsxref("Global_Objects/Intl", "Intl のページ", "#Locale_negotiation", 1)}}をご覧ください。</dd> + <dd>使用するロケール照合アルゴリズム。利用可能な値は <code>lookup</code> と <code>best fit</code> です。既定値は <code>best fit</code> です。このオプションについての詳細は、 {{jsxref("Global_Objects/Intl", "Intl のページ", "#Locale_negotiation", 1)}}をご覧ください。</dd> <dt><code>type</code></dt> <dd>出力メッセージの書式です。可能な値は "and" ベースのリストを表す <code>conjunction</code> (既定値、例えば <code>A, B, and C</code>)、または "or" ベースのリストを表す <code>disjunction</code> (例えば <code>A, B, or C</code>)、単位付きの値のリストを表す <code>unit</code> (例えば <code>5 pounds, 12 ounces</code>) です。</dd> <dt><code>style</code></dt> diff --git a/files/ja/web/javascript/reference/global_objects/intl/listformat/supportedlocalesof/index.html b/files/ja/web/javascript/reference/global_objects/intl/listformat/supportedlocalesof/index.html index d0514291bc..f234e310b9 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/listformat/supportedlocalesof/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/listformat/supportedlocalesof/index.html @@ -40,7 +40,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/supporte <h2 id="Description" name="Description">解説</h2> -<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが日時のロケールに対応しているもので、使用しているロケール一致アルゴリズムで一致しているとみなされているものです。</p> +<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが日時のロケールに対応しているもので、使用しているロケール照合アルゴリズムで一致しているとみなされているものです。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/intl/locale/index.md b/files/ja/web/javascript/reference/global_objects/intl/locale/index.md index 2889af2f7c..a5de754d70 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/locale/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/locale/index.md @@ -58,7 +58,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/Locale ## インスタンスメソッド - {{jsxref("Intl/Locale/maximize", "Intl.Locale.prototype.maximize()")}} - - : 既存の値に基づいて、ロケールの言語、表記法、地域の最も可能性の高い値を取得します。 + - : 既存の値に基づいて、ロケールの言語、文字体系、地域の最も可能性の高い値を取得します。 - {{jsxref("Intl/Locale/minimize", "Intl.Locale.prototype.minimize()")}} - : {{jsxref("Intl/Locale/maximize", "Locale.maximize()")}} を呼び出すことで追加されるロケールに関する情報を削除しようとします。 - {{jsxref("Intl/Locale/toString", "Intl.Locale.prototype.toString()")}} diff --git a/files/ja/web/javascript/reference/global_objects/intl/locale/maximize/index.md b/files/ja/web/javascript/reference/global_objects/intl/locale/maximize/index.md index aae9be3eca..be24d7a3c5 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/locale/maximize/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/locale/maximize/index.md @@ -14,7 +14,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/Locale/maximize --- {{JSRef}} -**`Intl.Locale.prototype.maximize()`** メソッドは、既存の値に基づいてロケールの言語、表記法、地域の最も可能性の近い値を取得します。 +**`Intl.Locale.prototype.maximize()`** メソッドは、既存の値に基づいてロケールの言語、文字体系、地域の最も可能性の近い値を取得します。 {{EmbedInteractiveExample("pages/js/intl-locale-prototype-maximize.html")}} @@ -31,7 +31,7 @@ maximize() ## 解説 -不完全な言語識別子をもとに、最も可能性の高いロケール言語識別子サブタグを識別できると便利な場合があります。 Add Likely Subtags アルゴリズムはこの機能を提供してくれます。例えば、言語識別子 "en" が与えられた場合、アルゴリズムは "en-Latn-US" を返すことになります。英語はラテン文字でしか書けませんし、世界最大の英語圏の国であるアメリカで使われている可能性が高いからです。この機能は、 `maximize()` メソッドを介して JavaScript プログラマーに提供されています。 `maximize()` は、[言語識別子](https://www.unicode.org/reports/tr35/#Language_Locale_Field_Definitions)を構成する主要なサブタグのうち言語サブ、表記法、地域の各サブタグにのみ影響を与えます。ロケール識別子の "-u" の後にあるその他のサブタグは拡張サブタグと呼ばれ、 `maximize()` メソッドの影響を受けません。これらのサブタグの例としては、{{jsxref("Intl/Locale/hourCycle", "Locale.hourCycle")}}、{{jsxref("Intl/Locale/calendar", "Locale.calendar")}}、{{jsxref("Intl/Locale/numeric", "Locale.numeric")}} などがあります。</p> +不完全な言語識別子をもとに、最も可能性の高いロケール言語識別子サブタグを識別できると便利な場合があります。 Add Likely Subtags アルゴリズムはこの機能を提供してくれます。例えば、言語識別子 "en" が与えられた場合、アルゴリズムは "en-Latn-US" を返すことになります。英語はラテン文字でしか書けませんし、世界最大の英語圏の国であるアメリカで使われている可能性が高いからです。この機能は、 `maximize()` メソッドを介して JavaScript プログラマーに提供されています。 `maximize()` は、[言語識別子](https://www.unicode.org/reports/tr35/#Language_Locale_Field_Definitions)を構成する主要なサブタグのうち言語サブ、文字体系、地域の各サブタグにのみ影響を与えます。ロケール識別子の "-u" の後にあるその他のサブタグは拡張サブタグと呼ばれ、 `maximize()` メソッドの影響を受けません。これらのサブタグの例としては、{{jsxref("Intl/Locale/hourCycle", "Locale.hourCycle")}}、{{jsxref("Intl/Locale/calendar", "Locale.calendar")}}、{{jsxref("Intl/Locale/numeric", "Locale.numeric")}} などがあります。</p> ## 例 diff --git a/files/ja/web/javascript/reference/global_objects/intl/locale/minimize/index.md b/files/ja/web/javascript/reference/global_objects/intl/locale/minimize/index.md index db7cd28fd1..380688ab83 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/locale/minimize/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/locale/minimize/index.md @@ -30,7 +30,7 @@ minimize() ## 解説 -このメソッドは {{jsxref("Intl/Locale/maximize", "maximize()")}} の逆の処理を行い、ロケールの言語識別子 (基本的には `baseName` の内容) から言語、表記法、地域のサブタグをすべて削除します。これは、言語識別子の中に余分なサブタグがある場合に便利です。例えば "en-Latn" は "en" に簡略化できます。英語では "Latn" が書き言葉に使われる唯一の表記法だからです。 `minimize()` が影響を与えるのは、[言語識別子](https://www.unicode.org/reports/tr35/#Language_Locale_Field_Definitions)を構成する主要なサブタグである言語、表記法、地域の各サブタグのみです。ロケール識別子の "-u" の後にあるその他のサブタグは拡張サブタグと呼ばれ、 `minimize()` メソッドの影響を受けません。これらのサブタグの例としては、{{jsxref("Intl/Locale/hourCycle", "Locale.hourCycle")}}、{{jsxref("Intl/Locale/calendar", "Locale.calendar")}}、{{jsxref("Intl/Locale/numeric", "Locale.numeric")}} などがあります。 +このメソッドは {{jsxref("Intl/Locale/maximize", "maximize()")}} の逆の処理を行い、ロケールの言語識別子 (基本的には `baseName` の内容) から言語、文字体系、地域のサブタグをすべて削除します。これは、言語識別子の中に余分なサブタグがある場合に便利です。例えば "en-Latn" は "en" に簡略化できます。英語では "Latn" が書き言葉に使われる唯一の文字体系だからです。 `minimize()` が影響を与えるのは、[言語識別子](https://www.unicode.org/reports/tr35/#Language_Locale_Field_Definitions)を構成する主要なサブタグである言語、文字体系、地域の各サブタグのみです。ロケール識別子の "-u" の後にあるその他のサブタグは拡張サブタグと呼ばれ、 `minimize()` メソッドの影響を受けません。これらのサブタグの例としては、{{jsxref("Intl/Locale/hourCycle", "Locale.hourCycle")}}、{{jsxref("Intl/Locale/calendar", "Locale.calendar")}}、{{jsxref("Intl/Locale/numeric", "Locale.numeric")}} などがあります。 ## 例 diff --git a/files/ja/web/javascript/reference/global_objects/intl/locale/tostring/index.md b/files/ja/web/javascript/reference/global_objects/intl/locale/tostring/index.md index f62794a64c..78c66ad2e2 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/locale/tostring/index.md +++ b/files/ja/web/javascript/reference/global_objects/intl/locale/tostring/index.md @@ -32,7 +32,7 @@ toString() ## 解説 -`Locale` オブジェクトは、概念的な Unicode ロケール識別子を JavaScript で表現したものです。特定のロケールに関する情報 (言語、表記法、カレンダーの種類など) を、ロケール識別子文字列で符号化することができます。これらのロケール識別子をより簡単に扱えるようにするために、 `Locale` オブジェクトが JavaScript に導入されました。 Locale オブジェクトの `toString` メソッドをコールすると、そのロケールの識別子文字列を返します。 `toString` メソッドを使用すると、 `Locale` のインスタンスが既存の `Intl` のコンストラクターへの引数ととして JSON におけるシリアライズにおいて、またはその他のコンテキストで正確な文字列表現が有用な場合に提供することができます。 +`Locale` オブジェクトは、概念的な Unicode ロケール識別子を JavaScript で表現したものです。特定のロケールに関する情報 (言語、文字体系、カレンダーの種類など) を、ロケール識別子文字列で符号化することができます。これらのロケール識別子をより簡単に扱えるようにするために、 `Locale` オブジェクトが JavaScript に導入されました。 Locale オブジェクトの `toString` メソッドをコールすると、そのロケールの識別子文字列を返します。 `toString` メソッドを使用すると、 `Locale` のインスタンスが既存の `Intl` のコンストラクターへの引数ととして JSON におけるシリアライズにおいて、またはその他のコンテキストで正確な文字列表現が有用な場合に提供することができます。 ## 例 diff --git a/files/ja/web/javascript/reference/global_objects/intl/numberformat/supportedlocalesof/index.html b/files/ja/web/javascript/reference/global_objects/intl/numberformat/supportedlocalesof/index.html index e79043aaf0..4bdeb2f79f 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/numberformat/supportedlocalesof/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/numberformat/supportedlocalesof/index.html @@ -42,7 +42,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/suppor <h2 id="Description" name="Description">解説</h2> -<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが数値のロケールに対応しているもので、使用しているロケール一致アルゴリズムで一致しているとみなされているものです。</p> +<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが数値のロケールに対応しているもので、使用しているロケール照合アルゴリズムで一致しているとみなされているものです。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/intl/pluralrules/supportedlocalesof/index.html b/files/ja/web/javascript/reference/global_objects/intl/pluralrules/supportedlocalesof/index.html index 4148418e66..b45d5b10b6 100644 --- a/files/ja/web/javascript/reference/global_objects/intl/pluralrules/supportedlocalesof/index.html +++ b/files/ja/web/javascript/reference/global_objects/intl/pluralrules/supportedlocalesof/index.html @@ -41,7 +41,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/support <h2 id="Description" name="Description">解説</h2> -<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが複数形のロケールに対応しているもので、使用しているロケール一致アルゴリズムで一致しているとみなされているものです。</p> +<p><code>locales</code> で提供されている言語タグのサブセットを含む配列を返します。返される言語タグは、ランタイムが複数形のロケールに対応しているもので、使用しているロケール照合アルゴリズムで一致しているとみなされているものです。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/number/number/index.html b/files/ja/web/javascript/reference/global_objects/number/number/index.html deleted file mode 100644 index 5bf0908d9f..0000000000 --- a/files/ja/web/javascript/reference/global_objects/number/number/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: Number() コンストラクター -slug: Web/JavaScript/Reference/Global_Objects/Number/Number -tags: - - Constructor - - JavaScript - - Number - - Reference - - コンストラクター -translation_of: Web/JavaScript/Reference/Global_Objects/Number/Number ---- -<div>{{JSRef}}</div> - -<p><strong><code>Number()</code> コンストラクター</strong>は、 {{jsxref("Number")}} オブジェクトを生成します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="brush: js">new Number(<var>value</var>) -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code><var>value</var></code></dt> - <dd>作成されるオブジェクトの数値による値です。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<pre class="brush: js">const a = new Number('123'); // a === 123 is false -const b = Number('123'); // b === 123 is true -a instanceof Number; // is true -b instanceof Number; // is false</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-number-constructor', 'Number constructor')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Number.Number")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("NaN")}}</li> - <li>{{jsxref("Math")}} グローバルオブジェクト</li> - <li>可変精度の整数: {{jsxref("BigInt")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/number/number/index.md b/files/ja/web/javascript/reference/global_objects/number/number/index.md new file mode 100644 index 0000000000..c494b27622 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/number/number/index.md @@ -0,0 +1,52 @@ +--- +title: Number() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/Number/Number +tags: + - コンストラクター + - JavaScript + - Number + - Reference + - Polyfill +browser-compat: javascript.builtins.Number.Number +translation_of: Web/JavaScript/Reference/Global_Objects/Number/Number +--- +{{JSRef}} + +**`Number()` コンストラクター**は、 {{jsxref("Number")}} オブジェクトを生成します。 + +## 構文 + +```js +new Number(value) +``` + +## 引数 + +- `value` + - : 作成するオブジェクトの数値です。 + +## 例 + +### Number オブジェクトの生成 + +```js +const a = new Number('123'); // a === 123 は false +const b = Number('123'); // b === 123 は true +a instanceof Number; // は true +b instanceof Number; // は false +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- 現在の `Number` の動作のポリフィル (2 進数と 8 進数のリテラルの対応あり) は [`core-js`](https://github.com/zloirock/core-js#ecmascript-number) で利用できます +- {{jsxref("NaN")}} +- {{jsxref("Math")}} グローバルオブジェクト +- 可変精度の整数: {{jsxref("BigInt")}} diff --git a/files/ja/web/javascript/reference/global_objects/number/tosource/index.html b/files/ja/web/javascript/reference/global_objects/number/tosource/index.html index 58d6fbbda5..20ae3cb4bf 100644 --- a/files/ja/web/javascript/reference/global_objects/number/tosource/index.html +++ b/files/ja/web/javascript/reference/global_objects/number/tosource/index.html @@ -36,4 +36,4 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Number/toSource <h2 id=".E5.8F.82.E7.85.A7" name=".E5.8F.82.E7.85.A7">参照</h2> -<p><a href="ja/Core_JavaScript_1.5_Reference/Global_Objects/Object/toSource">Object.prototype.toSource</a></p> +<p><a href="/ja/Core_JavaScript_1.5_Reference/Global_Objects/Object/toSource">Object.prototype.toSource</a></p> diff --git a/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html b/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html deleted file mode 100644 index 0d8e99edee..0000000000 --- a/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.html +++ /dev/null @@ -1,147 +0,0 @@ ---- -title: Object.getOwnPropertyDescriptor() -slug: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor -tags: - - ECMAScript 5 - - JavaScript - - Method - - Object -translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor ---- -<div>{{JSRef}}</div> - -<p><strong><code>Object.getOwnPropertyDescriptor()</code></strong> メソッドは、与えられたオブジェクトの特定のプロパティ (すなわち、あるオブジェクトの直接の表現であり、オブジェクトのプロトタイプチェーン内のものではない) の構成を記述するオブジェクトを返します。返されるオブジェクトは変更可能ですが、変更しても元のプロパティの構成には影響を与えません。</p> - -<div>{{EmbedInteractiveExample("pages/js/object-getownpropertydescriptor.html")}}</div> - -<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox notranslate">Object.getOwnPropertyDescriptor(<var>obj</var>, <var>prop</var>)</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code><var>obj</var></code></dt> - <dd>プロパティの確認を行うオブジェクトです。</dd> - <dt><code><var>prop</var></code></dt> - <dd>記述子を受け取るプロパティの名前または {{jsxref("Symbol")}} です。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>指定されたプロパティがオブジェクトにある場合は、プロパティ記述子で、それ以外の場合は {{jsxref("undefined")}} です。</p> - -<h2 id="Description" name="Description">解説</h2> - -<p>このメソッドで、プロパティの正確な定義を確認することができます。 JavaScript の<dfn>プロパティ</dfn>は、文字列値の名前または {{jsxref("Symbol")}} とプロパティ記述子から成ります。プロパティ記述子およびその属性についての詳細情報は、 {{jsxref("Object.defineProperty()")}} にあります。</p> - -<p><dfn>プロパティ記述子</dfn>は、以下の属性のいくつかを記録したものです。</p> - - - -<dl> - <dt><code>value</code></dt> - <dd>プロパティに関連づけられた値です (データ記述子のみ)。</dd> - <dt><code>writable</code></dt> - <dd><code>true</code> である場合、プロパティに関連づけられた値は変更することができます (データ記述子のみ)。</dd> - <dt><code>get</code></dt> - <dd>プロパティのゲッターとして提供する関数、あるいはゲッターがない場合は <code>undefined</code> です (アクセサ記述子のみ)。</dd> - <dt><code>set</code></dt> - <dd>プロパティのセッターとして提供する関数、あるいはセッターがない場合は <code>undefined</code> です (アクセサ記述子のみ)。</dd> - <dt><code>configurable</code></dt> - <dd><code>true</code> である場合、この種の記述子を変更することや、対応するオブジェクトからプロパティを削除することができます。</dd> - <dt><code>enumerable</code></dt> - <dd><code>true</code> である場合、このプロパティは対応するオブジェクトでのプロパティ列挙に現れます。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Using_Object.getOwnPropertyDescriptor" name="Using_Object.getOwnPropertyDescriptor">Object.getOwnPropertyDescriptor の使用</h3> - -<pre class="brush: js notranslate">var o, d; - -o = { get foo() { return 17; } }; -d = Object.getOwnPropertyDescriptor(o, 'foo'); -// d is { -// configurable: true, -// enumerable: true, -// get: /*the getter function*/, -// set: undefined -// } - -o = { bar: 42 }; -d = Object.getOwnPropertyDescriptor(o, 'bar'); -// d is { -// configurable: true, -// enumerable: true, -// value: 42, -// writable: true -// } - -o = { [Symbol.for('baz')]: 73 } -d = Object.getOwnPropertyDescriptor(o, Symbol.for('baz')); -// d is { -// configurable: true, -// enumerable: true, -// value: 73, -// writable: true -// } - -o = {}; -Object.defineProperty(o, 'qux', { - value: 8675309, - writable: false, - enumerable: false -}); -d = Object.getOwnPropertyDescriptor(o, 'qux'); -// d is { -// value: 8675309, -// writable: false, -// enumerable: false, -// configurable: false -// } -</pre> - -<h3 id="Non-object_coercion" name="Non-object_coercion">オブジェクト以外の型変換</h3> - -<p>ECMAScript 5 では、このメソッドへの最初の引数がオブジェクトでない (プリミティブである) 場合は、 {{jsxref("TypeError")}} が発生します。 ECMAScript 2015 では、最初の引数がオブジェクトでなくても、最初に強制的にオブジェクトに変換します。</p> - -<pre class="brush: js notranslate">Object.getOwnPropertyDescriptor('foo', 0); -// TypeError: "foo" is not an object // ES5 code - -Object.getOwnPropertyDescriptor('foo', 0); -// Object returned by ES2015 code: { -// configurable: false, -// enumerable: true, -// value: "f", -// writable: false -// } -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-object.getownpropertydescriptor', 'Object.getOwnPropertyDescriptor')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Object.getOwnPropertyDescriptor")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("Object.defineProperty()")}}</li> - <li>{{jsxref("Reflect.getOwnPropertyDescriptor()")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.md b/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.md new file mode 100644 index 0000000000..ec06355d9a --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/object/getownpropertydescriptor/index.md @@ -0,0 +1,131 @@ +--- +title: Object.getOwnPropertyDescriptor() +slug: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor +tags: + - ECMAScript 5 + - JavaScript + - Method + - Object +browser-compat: javascript.builtins.Object.getOwnPropertyDescriptor +translation_of: Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor +--- +{{JSRef}} + +**`Object.getOwnPropertyDescriptor()`** メソッドは、与えられたオブジェクトの特定のプロパティ (すなわち、あるオブジェクトの直接の表現であり、オブジェクトのプロトタイプチェーン内のものではない) の構成を記述したオブジェクトを返します。返されるオブジェクトは変更可能ですが、変更しても元のプロパティの構成には影響を与えません。 + +{{EmbedInteractiveExample("pages/js/object-getownpropertydescriptor.html")}} + +## 構文 + +```js +Object.getOwnPropertyDescriptor(obj, prop) +``` + +### 引数 + +- `obj` + - : プロパティの確認を行うオブジェクトです。 +- `prop` + - : 記述を受け取るプロパティの名前または {{jsxref("Symbol")}} です。 + +### 返値 + +指定したプロパティがオブジェクトにある場合は、プロパティ記述子で、それ以外の場合は {{jsxref("undefined")}} です。 + +## 解説 + +このメソッドで、プロパティの正確な定義を確認することができます。 JavaScript の*プロパティ*は、文字列値の名前または {{jsxref("Symbol")}} とプロパティ記述子から成ります。プロパティ記述子およびその属性についての詳細情報は、 {{jsxref("Object.defineProperty()")}} にあります。 + +*プロパティ記述子*は、以下の属性のいくつかを記録したものです。 + +- `value` + - : プロパティに関連づけられた値です (データ記述子のみ)。 +- `writable` + - : `true` である場合、プロパティに関連づけられた値は変更することができます (データ記述子のみ)。 +- `get` + - : プロパティのゲッターとして提供する関数、あるいはゲッターがない場合は `undefined` です (アクセサー記述子のみ)。 +- `set` + - : プロパティのセッターとして提供する関数、あるいはセッターがない場合は `undefined` です (アクセサー記述子のみ)。 +- `configurable` + - : `true` である場合、この種の記述子を変更することや、対応するオブジェクトからプロパティを削除することができます。 +- `enumerable` + - : `true` である場合、このプロパティは対応するオブジェクトでのプロパティ列挙に現れます。 + +## 例 + +### Object.getOwnPropertyDescriptor の使用 + +```js +var o, d; + +o = { get foo() { return 17; } }; +d = Object.getOwnPropertyDescriptor(o, 'foo'); +// d is { +// configurable: true, +// enumerable: true, +// get: /*the getter function*/, +// set: undefined +// } + +o = { bar: 42 }; +d = Object.getOwnPropertyDescriptor(o, 'bar'); +// d is { +// configurable: true, +// enumerable: true, +// value: 42, +// writable: true +// } + +o = { [Symbol.for('baz')]: 73 } +d = Object.getOwnPropertyDescriptor(o, Symbol.for('baz')); +// d is { +// configurable: true, +// enumerable: true, +// value: 73, +// writable: true +// } + +o = {}; +Object.defineProperty(o, 'qux', { + value: 8675309, + writable: false, + enumerable: false +}); +d = Object.getOwnPropertyDescriptor(o, 'qux'); +// d is { +// value: 8675309, +// writable: false, +// enumerable: false, +// configurable: false +// } +``` + +<h3 id="Non-object_coercion" name="Non-object_coercion">オブジェクト以外の型変換</h3> + +ECMAScript 5 では、このメソッドへの最初の引数がオブジェクトでない (プリミティブである) 場合は、 {{jsxref("TypeError")}} が発生します。 ECMAScript 2015 では、最初の引数がオブジェクトでなくても、最初に強制的にオブジェクトに変換します。 + +```js +Object.getOwnPropertyDescriptor('foo', 0); +// TypeError: "foo" is not an object // ES5 code + +Object.getOwnPropertyDescriptor('foo', 0); +// Object returned by ES2015 code: { +// configurable: false, +// enumerable: true, +// value: "f", +// writable: false +// } +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Object.defineProperty()")}} +- {{jsxref("Reflect.getOwnPropertyDescriptor()")}} diff --git a/files/ja/web/javascript/reference/global_objects/object/values/index.html b/files/ja/web/javascript/reference/global_objects/object/values/index.html deleted file mode 100644 index 456a22468e..0000000000 --- a/files/ja/web/javascript/reference/global_objects/object/values/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: Object.values() -slug: Web/JavaScript/Reference/Global_Objects/Object/values -tags: - - JavaScript - - Method - - Object - - Reference - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/Object/values ---- -<div>{{JSRef}}</div> - -<p><span class="seoSummary"><code><strong>Object.values()</strong></code> メソッドは、指定されたオブジェクトが持つ列挙可能なプロパティの値を、 {{jsxref("Statements/for...in", "for...in")}} ループで提供される場合と同じ順序で配列にして返します。 (違いは、 <code>for...in</code> ループではプロパティチェーン上のプロパティも同様に列挙するという点だけです。)</span></p> - -<div>{{EmbedInteractiveExample("pages/js/object-values.html")}}</div> - -<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">Object.values(<var>obj</var>)</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code><var>obj</var></code></dt> - <dd> 返されることになる列挙可能な自身のプロパティの値を持つオブジェクト。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>与えられたオブジェクトが所有する列挙可能なプロパティの値が入った配列。</p> - -<h2 id="Description" name="Description">解説</h2> - -<p><code>Object.values()</code> は、<code>object</code> に直接存在する列挙可能な値が配列要素の文字列に対応した配列を返します。プロパティの順序はマニュアル操作でオブジェクト内のプロパティに対してループさせた時の順序と同じになります。</p> - -<h2 id="Examples" name="Examples">使用例</h2> - -<pre class="brush: js">const obj = { foo: 'bar', baz: 42 }; -console.log(Object.values(obj)); // ['bar', 42] - -// 配列風オブジェクト -const arrayLikeObj1 = { 0: 'a', 1: 'b', 2: 'c' }; -console.log(Object.values(arrayLikeObj1 )); // ['a', 'b', 'c'] - -// ランダムなキー順序を持つ配列風オブジェクト -// 数値のキーを使用すると、値はキーの番号順に返される -const arrayLikeObj2 = { 100: 'a', 2: 'b', 7: 'c' }; -console.log(Object.values(arrayLikeObj2 )); // ['b', 'c', 'a'] - -// 列挙可能でないプロパティ getFoo がある -const my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } }); -my_obj.foo = 'bar'; -console.log(Object.values(my_obj)); // ['bar'] - -// オブジェクトでない引数はオブジェクトへと型強制される -console.log(Object.values('foo')); // ['f', 'o', 'o'] -</pre> - -<h2 id="Polyfill" name="Polyfill">ポリフィル</h2> - -<p><code>Object.values</code> に対応していない古い環境と互換性を持たせる場合は、 <a href="https://github.com/tc39/proposal-object-values-entries">tc39/proposal-object-values-entries</a> や <a href="https://github.com/es-shims/Object.values">es-shims/Object.values</a> 内にポリフィルがあります。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-object.values', 'Object.values')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.Object.values")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Enumerability_and_ownership_of_properties">プロパティの列挙可能性と所有権</a></li> - <li>{{jsxref("Object.keys()")}}</li> - <li>{{jsxref("Object.entries()")}}</li> - <li>{{jsxref("Object.prototype.propertyIsEnumerable()")}}</li> - <li>{{jsxref("Object.create()")}}</li> - <li>{{jsxref("Object.getOwnPropertyNames()")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/object/values/index.md b/files/ja/web/javascript/reference/global_objects/object/values/index.md new file mode 100644 index 0000000000..6f96d859e1 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/object/values/index.md @@ -0,0 +1,84 @@ +--- +title: Object.values() +slug: Web/JavaScript/Reference/Global_Objects/Object/values +tags: + - JavaScript + - メソッド + - Object + - リファレンス + - Polyfill +browser-compat: javascript.builtins.Object.values +translation_of: Web/JavaScript/Reference/Global_Objects/Object/values +--- +{{JSRef}} + +**`Object.values()`** メソッドは、指定されたオブジェクトが持つ列挙可能なプロパティの値を、 {{jsxref("Statements/for...in", "for...in")}} ループで提供される場合と同じ順序で配列にして返します。 (違いは、 `for...in` ループではプロパティチェーン上のプロパティも同様に列挙するという点だけです。) + +{{EmbedInteractiveExample("pages/js/object-values.html")}} + +## 構文 + +```js +Object.values(obj) +``` + +### 引数 + +- `obj` + - : 返値となる列挙可能な自身のプロパティの値を持つオブジェクト。 + +### 返値 + +与えられたオブジェクトが所有する列挙可能なプロパティの値が入った配列。 + +## 解説 + +`Object.values()` は、`object` に直接存在する列挙可能な値が配列要素の文字列に対応した配列を返します。プロパティの順序はマニュアル操作でオブジェクト内のプロパティに対してループさせた時の順序と同じになります。 + +## ポリフィル + +`Object.values` をネイティブで対応していない古い環境に対応するために、 [tc39/proposal-object-values-entries](https://github.com/tc39/proposal-object-values-entries) や [es-shims/Object.values](https://github.com/es-shims/Object.values) などのリポジトリーにポリフィルがあります。 + +## 例 + +### Object.values の使用 + +```js +const obj = { foo: 'bar', baz: 42 }; +console.log(Object.values(obj)); // ['bar', 42] + +// 配列風オブジェクト +const arrayLikeObj1 = { 0: 'a', 1: 'b', 2: 'c' }; +console.log(Object.values(arrayLikeObj1 )); // ['a', 'b', 'c'] + +// ランダムなキー順序を持つ配列風オブジェクト +// 数値のキーを使用すると、値はキーの番号順に返される +const arrayLikeObj2 = { 100: 'a', 2: 'b', 7: 'c' }; +console.log(Object.values(arrayLikeObj2 )); // ['b', 'c', 'a'] + +// 列挙可能でないプロパティ getFoo がある +const my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } }); +my_obj.foo = 'bar'; +console.log(Object.values(my_obj)); // ['bar'] + +// オブジェクトでない引数はオブジェクトへと型強制される +console.log(Object.values('foo')); // ['f', 'o', 'o'] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Object.values` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-object) にあります +- [プロパティの列挙可能性と所有権](/ja/docs/Web/JavaScript/Enumerability_and_ownership_of_properties) +- {{jsxref("Object.keys()")}} +- {{jsxref("Object.entries()")}} +- {{jsxref("Object.prototype.propertyIsEnumerable()")}} +- {{jsxref("Object.create()")}} +- {{jsxref("Object.getOwnPropertyNames()")}} diff --git a/files/ja/web/javascript/reference/global_objects/promise/all/index.html b/files/ja/web/javascript/reference/global_objects/promise/all/index.html deleted file mode 100644 index 2c0ab3e22d..0000000000 --- a/files/ja/web/javascript/reference/global_objects/promise/all/index.html +++ /dev/null @@ -1,234 +0,0 @@ ---- -title: Promise.all() -slug: Web/JavaScript/Reference/Global_Objects/Promise/all -tags: - - ECMAScript 2015 - - JavaScript - - Method - - Promise - - all - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/Promise/all ---- -<div>{{JSRef}}</div> - -<p><strong><code>Promise.all(<var>iterable</var>)</code></strong> メソッドは単一の {{jsxref("Promise")}} を返し、これは引数 <var>iterable</var> の中のすべての Promise が解決されるか、引数 <var>iterable</var> の中に Promise がない場合に解決されます。最初に拒否された Promise の拒否理由をもって拒否されます。</p> - -<div>{{EmbedInteractiveExample("pages/js/promise-all.html")}}</div> - -<p class="hidden">このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> をクローンしてプルリクエストを送信してください。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">Promise.all(<var>iterable</var>);</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><var>iterable</var></dt> - <dd>{{jsxref("Array")}} や {{jsxref("String")}} のような<ruby><a href="/ja/docs/Web/JavaScript/Reference/Iteration_protocols#The_iterable_protocol">反復処理可能</a><rp> (</rp><rt>iterable</rt><rp>) </rp></ruby>なオブジェクト。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<ul> - <li>渡した <var>iterable</var> が空の場合、<strong>解決済み</strong>の {{jsxref("Promise")}}。</li> - <li>渡した <var>iterable</var> に Promise がない場合、<strong>非同期に解決した</strong> {{jsxref("Promise")}}。ただし、 Google Chrome 58 ではこの場合。<strong>すでに解決した</strong> Promise を返す。</li> - <li>その他の場合は<strong>待ち状態</strong>の {{jsxref("Promise")}} 。この返却される promise は次に、 <var>iterable</var> として与えられたすべての Promise が解決するか、すべての Promise が拒否されると<strong>非同期に</strong> (スタックが空になるとすぐに) 解決/拒否されます。以下の「Promise.all の非同期性・同期性」の例を見てください。返値は、実行完了の順とは関係なく、 Promise が渡された順に並びます。</li> -</ul> - -<h2 id="Description" name="Description">解説</h2> - -<p>このメソッドは複数の Promise の結果を集約するのに便利です。</p> - -<p>完成:<br> - 空の <var>iterable</var> が渡された場合、このメソッドはすでに解決した Promise を (同期的に) 返します。<br> - 渡された Promise のすべてが満たされるか、 Promise が渡されていない場合、 <code>Promise.all</code> によって返される Promise が非同期的に完成されます。<br> - すべての場合で、返された Promise は、引数として渡された <var>iterable</var> の<strong>すべての</strong>値 (Promise ではない値も) を含んだ配列で完成されます。</p> - -<p>拒否:<br> - 渡された Promise のいずれかが拒否されたら、 <code>Promise.all</code> は非同期的に、その他の Promise が完了しているかどうかに関係なく、その拒否した Promise の値で拒否されます。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Using_Promise.all" name="Using_Promise.all"><code>Promise.all</code> の使用</h3> - -<p><code>Promise.all</code>はすべての完成 (または最初の拒否) を待ちます。</p> - -<pre class="brush: js">var p1 = Promise.resolve(3); -var p2 = 1337; -var p3 = new Promise((resolve, reject) => { - setTimeout(() => { - resolve("foo"); - }, 100); -}); - -Promise.all([p1, p2, p3]).then(values => { - console.log(values); // [3, 1337, "foo"] -});</pre> - -<p><var>iterable</var> に Promise ではない値が含まれる場合は無視されますが、 (Promise が成功する場合) 返される Promise 配列の値にはカウントされます。</p> - -<pre class="brush: js">// this will be counted as if the iterable passed is empty, so it gets fulfilled -var p = Promise.all([1,2,3]); -// this will be counted as if the iterable passed contains only the resolved promise with value "444", so it gets fulfilled -var p2 = Promise.all([1,2,3, Promise.resolve(444)]); -// this will be counted as if the iterable passed contains only the rejected promise with value "555", so it gets rejected -var p3 = Promise.all([1,2,3, Promise.reject(555)]); - -// using setTimeout we can execute code after the stack is empty -setTimeout(function() { - console.log(p); - console.log(p2); - console.log(p3); -}); - -// logs -// Promise { <state>: "fulfilled", <value>: Array[3] } -// Promise { <state>: "fulfilled", <value>: Array[4] } -// Promise { <state>: "rejected", <reason>: 555 }</pre> - -<h3 id="Promise.all_の非同期性・同期性"><code>Promise.all</code> の非同期性・同期性</h3> - -<p>以下の例では <code>Promise.all</code> の非同期性 (または渡されたiterable が空の場合、同期性) を実演します。</p> - -<pre class="brush: js">// we are passing as argument an array of promises that are already resolved, -// to trigger Promise.all as soon as possible -var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)]; - -var p = Promise.all(resolvedPromisesArray); -// immediately logging the value of p -console.log(p); - -// using setTimeout we can execute code after the stack is empty -setTimeout(function() { - console.log('the stack is now empty'); - console.log(p); -}); - -// logs, in order: -// Promise { <state>: "pending" } -// the stack is now empty -// Promise { <state>: "fulfilled", <value>: Array[2] } -</pre> - -<p><code>Promise.all</code> が拒否されたときも同じことが起きます.。</p> - -<pre class="brush: js">var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)]; -var p = Promise.all(mixedPromisesArray); -console.log(p); -setTimeout(function() { - console.log('the stack is now empty'); - console.log(p); -}); - -// logs -// Promise { <state>: "pending" } -// the stack is now empty -// Promise { <state>: "rejected", <reason>: 44 } -</pre> - -<p>しかし、<code>Promise.all</code> は渡された <var>iterable</var> が空の<strong>場合だけ</strong>同期的に解決します。</p> - -<pre class="brush: js">var p = Promise.all([]); // will be immediately resolved -var p2 = Promise.all([1337, "hi"]); // non-promise values will be ignored, but the evaluation will be done asynchronously -console.log(p); -console.log(p2) -setTimeout(function() { - console.log('the stack is now empty'); - console.log(p2); -}); - -// logs -// Promise { <state>: "fulfilled", <value>: Array[0] } -// Promise { <state>: "pending" } -// the stack is now empty -// Promise { <state>: "fulfilled", <value>: Array[2] } -</pre> - -<h3 id="Promise.all_fail-fast_behaviour" name="Promise.all_fail-fast_behaviour"><code>Promise.all</code>のフェイルファストの挙動</h3> - -<p><code>Promise.all</code> は要素のひとつでも拒否されると拒否します。例えば、タイムアウト後に4つの Promise が解決しても、1つの Promise が直ちに拒否された場合、 <code>Promise.all</code> は直ちに拒否します。</p> - -<pre class="brush: js">var p1 = new Promise((resolve, reject) => { - setTimeout(() => resolve('one'), 1000); -}); -var p2 = new Promise((resolve, reject) => { - setTimeout(() => resolve('two'), 2000); -}); -var p3 = new Promise((resolve, reject) => { - setTimeout(() => resolve('three'), 3000); -}); -var p4 = new Promise((resolve, reject) => { - setTimeout(() => resolve('four'), 4000); -}); -var p5 = new Promise((resolve, reject) => { - reject(new Error('reject')); -}); - - -// Using .catch: -Promise.all([p1, p2, p3, p4, p5]) -.then(values => { - console.log(values); -}) -.catch(error => { - console.log(error.message) -}); - -//From console: -//"reject" - -</pre> - -<p>この動作は失敗する可能性を制御することで変更することができます。</p> - -<pre class="brush: js">var p1 = new Promise((resolve, reject) => { - setTimeout(() => resolve('p1_delayed_resolvement'), 1000); -}); - -var p2 = new Promise((resolve, reject) => { - reject(new Error('p2_immediate_rejection')); -}); - -Promise.all([ - p1.catch(error => { return error }), - p2.catch(error => { return error }), -]).then(values => { - console.log(values[0]) // "p1_delayed_resolvement" - console.log(values[1]) // "Error: p2_immediate_rejection" -}) -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - <tr> - <td>{{SpecName('ES2015', '#sec-promise.all', 'Promise.all')}}</td> - <td>{{Spec2('ES2015')}}</td> - <td>ECMA 標準としての初回定義</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-promise.all', 'Promise.all')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -<p>{{Compat("javascript.builtins.Promise.all")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("Promise")}}</li> - <li>{{jsxref("Promise.race()")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/promise/all/index.md b/files/ja/web/javascript/reference/global_objects/promise/all/index.md new file mode 100644 index 0000000000..d2711e74a5 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/promise/all/index.md @@ -0,0 +1,221 @@ +--- +title: Promise.all() +slug: Web/JavaScript/Reference/Global_Objects/Promise/all +tags: + - ECMAScript 2015 + - JavaScript + - メソッド + - Promise +browser-compat: javascript.builtins.Promise.all +translation_of: Web/JavaScript/Reference/Global_Objects/Promise/all +--- +{{JSRef}} + +**`Promise.all()`** メソッドは入力としてプロミスの集合の反復可能オブジェクトを取り、入力したプロミスの集合の結果の配列に解決される単一の {{jsxref("Promise")}} を返します。この返却されたプロミスは、入力したプロミスがすべて解決されるか、入力した反復可能オブジェクトにプロミスが含まれていない場合に解決されます。入力したプロミスのいずれかが拒否されるか、プロミス以外のものがエラーを発生させると直ちに拒否され、最初に拒否されたメッセージまたはエラーをもって拒否されます。 + +{{EmbedInteractiveExample("pages/js/promise-all.html")}} + +## 構文 + +```js +Promise.all(iterable); +``` + +### 引数 + +- `iterable` + - : [反復可能](/ja/docs/Web/JavaScript/Reference/Iteration_protocols#the_iterable_protocol)オブジェクト、例えば {{jsxref("Array")}} など。 + +### 返値 + +- 渡された*反復可能*オブジェクトが空であった場合は、**解決済み**の {{jsxref("Promise")}} です。 +- 渡された*反復可能*オブジェクトにプロミスがなかった場合、**非同期に解決した** {{jsxref("Promise")}} です。ただし、 Google Chrome 58 ではこの場合。**解決済み**のプロミスを返します。 +- その他の場合は**待機状態**の {{jsxref("Promise")}} 。この返却されるプロミスはそれから、*反復可能*オブジェクトで与えられたすべてのプロミスが解決したとき、**非同期に** (スタックが空になるとすぐに) 解決/拒否されます。下記の「Promise.all の非同期性・同期性」の例を見てください。返値は、実行完了順とは関係なく、 Promise が渡された順に並びます。 + +## 解説 + +このメソッドは複数のプロミスの結果を集約するのに便利です。このメソッドは、コード全体が正常に動作するために依存している複数の関連する非同期タスクがあり、コードの実行を続ける前にそれらすべてを履行させたい場合によく使われます。 + +`Promise.all()` は、入力されたプロミスの**いずれか**が拒否されると直ちに拒否されます。それに対して、{{jsxref("Promise.allSettled()")}} が返すプロミスは、入力されたプロミスが拒否されたかどうかに関わらず、すべての入力されたプロミスが完了するのを待ちます。その結果、入力された反復可能オブジェクトのすべてのプロミスと関数の最終結果を常に返します。 + +### 履行の場合 + +返されたプロミスは、引数として渡された*反復可能*オブジェクトに含まれる**すべて**の解決済みの値 (プロミス以外の値を含む) を含む配列で履行されます。 + +- 空の*反復可能*オブジェクトが渡された場合は、このメソッドが返すプロミスは同期的に履行されます。解決される値は空の配列です。 +- 空ではない*反復可能*オブジェクトが渡され、**すべて**のプロミスが履行されるか、またはプロミスではなかった場合、このメソッドが返すプロミスは非同期に履行されます。 + +### 拒否の場合 + +渡されたプロミスのいずれかが拒否された場合、`Promise.all` は、他のプロミスが解決したかどうかに関わらず、拒否されたプロミスの値で非同期的に拒否されます。 + +## 例 + +### `Promise.all` の使用 + +`Promise.all` はすべての履行 (または最初の拒否) を待ちます。 + +```js +var p1 = Promise.resolve(3); +var p2 = 1337; +var p3 = new Promise((resolve, reject) => { + setTimeout(() => { + resolve("foo"); + }, 100); +}); + +Promise.all([p1, p2, p3]).then(values => { + console.log(values); // [3, 1337, "foo"] +}); +``` + +*反復可能*オブジェクトにプロミスではない値が含まれる場合は無視されますが、 (プロミスが履行された場合) 返されるプロミスの配列の値にはカウントされます。 + +```js +// これは、渡された反復可能オブジェクトが空であるかのようにカウントされるので、履行される +var p = Promise.all([1,2,3]); +// これは、渡された反復可能オブジェクトに、 "444" の値で解決されたプロミスだけが含まれているようにカウントされるので、履行される +var p2 = Promise.all([1,2,3, Promise.resolve(444)]); +// これは、渡された反復可能オブジェクトに、 "555" の値で拒否されたプロミスだけが含まれているようにカウントされるので、拒否される +var p3 = Promise.all([1,2,3, Promise.reject(555)]); + +// setTimeout を使うことで、スタックが空になってからコードを実行することができる +setTimeout(function() { + console.log(p); + console.log(p2); + console.log(p3); +}); + +// ログ +// Promise { <state>: "fulfilled", <value>: Array[3] } +// Promise { <state>: "fulfilled", <value>: Array[4] } +// Promise { <state>: "rejected", <reason>: 555 } +``` + +### `Promise.all` の非同期性・同期性 + +以下の例では `Promise.all` の非同期性 (または渡された*反復可能*オブジェクトが空の場合、同期性) を実演します。 + +```js +// Promise.all をできるだけ早く起動するために、すでに解決されたプロミスの +// 配列を引数として渡している +var resolvedPromisesArray = [Promise.resolve(33), Promise.resolve(44)]; + +var p = Promise.all(resolvedPromisesArray); +// p の値を直接ログ出力 +console.log(p); + +// setTimeout を使用してスタックが空になった後にコードを実行することができる +setTimeout(function() { + console.log('the stack is now empty'); + console.log(p); +}); + +// logs, in order: +// Promise { <state>: "pending" } +// the stack is now empty +// Promise { <state>: "fulfilled", <value>: Array[2] } +``` + +`Promise.all` が拒否されたときも同じことが起きます.。 + +```js +var mixedPromisesArray = [Promise.resolve(33), Promise.reject(44)]; +var p = Promise.all(mixedPromisesArray); +console.log(p); +setTimeout(function() { + console.log('the stack is now empty'); + console.log(p); +}); + +// logs +// Promise { <state>: "pending" } +// the stack is now empty +// Promise { <state>: "rejected", <reason>: 44 } +``` + +しかし、`Promise.all` は渡された*反復可能*オブジェクトが空の**場合だけ**同期的に解決します。 + +```js +var p = Promise.all([]); // 直ちに解決される +var p2 = Promise.all([1337, "hi"]); // プロミスではない値は無視されるが、評価は非同期に行われる +console.log(p); +console.log(p2) +setTimeout(function() { + console.log('the stack is now empty'); + console.log(p2); +}); + +// logs +// Promise { <state>: "fulfilled", <value>: Array[0] } +// Promise { <state>: "pending" } +// the stack is now empty +// Promise { <state>: "fulfilled", <value>: Array[2] } +``` + +### `Promise.all`のフェイルファストの挙動 + +`Promise.all` は要素のひとつでも拒否されると拒否します。例えば、タイムアウト後に 4 つのプロミスが解決しても、 1 つのプロミスが直ちに拒否された場合、 `Promise.all` は直ちに拒否されます。 + +```js +var p1 = new Promise((resolve, reject) => { + setTimeout(() => resolve('one'), 1000); +}); +var p2 = new Promise((resolve, reject) => { + setTimeout(() => resolve('two'), 2000); +}); +var p3 = new Promise((resolve, reject) => { + setTimeout(() => resolve('three'), 3000); +}); +var p4 = new Promise((resolve, reject) => { + setTimeout(() => resolve('four'), 4000); +}); +var p5 = new Promise((resolve, reject) => { + reject(new Error('reject')); +}); + +// Using .catch: +Promise.all([p1, p2, p3, p4, p5]) +.then(values => { + console.log(values); +}) +.catch(error => { + console.error(error.message) +}); + +//From console: +//"reject" +``` + +この動作は失敗する可能性を制御することで変更することができます。 + +```js +var p1 = new Promise((resolve, reject) => { + setTimeout(() => resolve('p1_delayed_resolution'), 1000); +}); + +var p2 = new Promise((resolve, reject) => { + reject(new Error('p2_immediate_rejection')); +}); + +Promise.all([ + p1.catch(error => { return error }), + p2.catch(error => { return error }), +]).then(values => { + console.log(values[0]) // "p1_delayed_resolution" + console.error(values[1]) // "Error: p2_immediate_rejection" +}) +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Promise")}} +- {{jsxref("Promise.race()")}} diff --git a/files/ja/web/javascript/reference/global_objects/promise/catch/index.html b/files/ja/web/javascript/reference/global_objects/promise/catch/index.html index 277bda3b8a..de96865a6e 100644 --- a/files/ja/web/javascript/reference/global_objects/promise/catch/index.html +++ b/files/ja/web/javascript/reference/global_objects/promise/catch/index.html @@ -76,7 +76,7 @@ Promise.resolve().catch(function XXX(){}); <h2 id="Description" name="Description">解説</h2> -<p><code>catch</code> メソッドは複合したプロミスの複合のエラー処理に使用されます。これは {{jsxref("Promise")}} を返しますので、姉妹メソッドである {{jsxref("Promise.then", "then()")}} と同様の方法で<a href="/en-US/docs/Web/JavaScript/Guide/Using_promises#Chaining_after_a_catch">チェーン可能</a>です。</p> +<p><code>catch</code> メソッドは複合したプロミスの複合のエラー処理に使用されます。これは {{jsxref("Promise")}} を返しますので、姉妹メソッドである {{jsxref("Promise.then", "then()")}} と同様の方法で<a href="/ja/docs/Web/JavaScript/Guide/Using_promises#Chaining_after_a_catch">チェーン可能</a>です。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/promise/then/index.html b/files/ja/web/javascript/reference/global_objects/promise/then/index.html index f0ad7223d5..8fef7186d4 100644 --- a/files/ja/web/javascript/reference/global_objects/promise/then/index.html +++ b/files/ja/web/javascript/reference/global_objects/promise/then/index.html @@ -197,7 +197,7 @@ p2.then(function(value) { <p>Promise ベースの API を持った関数同士であれば、別の関数上に他の関数を実装することでチェーンを使うこともできます。</p> <pre class="brush: js notranslate">function fetch_current_data() { - // The <a href="/en-US/docs/Web/API/GlobalFetch/fetch">fetch</a>() API returns a Promise. This function + // The <a href="/ja/docs/Web/API/GlobalFetch/fetch">fetch</a>() API returns a Promise. This function // exposes a similar API, except the fulfillment // value of this function's Promise has had more // work done on it. diff --git a/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.html b/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.html deleted file mode 100644 index b1f9e54ea8..0000000000 --- a/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: Proxy.revocable() -slug: Web/JavaScript/Reference/Global_Objects/Proxy/revocable -tags: - - ECMAScript 2015 - - JavaScript - - Method - - Proxy -translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/revocable ---- -<div>{{JSRef}}</div> - -<p><code><strong>Proxy.revocable()</strong></code> メソッドは、取り消し可能な {{jsxref("Proxy")}} オブジェクトを作成できます。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">Proxy.revocable(<var>target</var>, <var>handler</var>); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<div> -<dl> - <dt><code><var>target</var></code></dt> - <dd><code>Proxy</code> でラップする対象のオブジェクトです。これは一連のオブジェクト、例えばネイティブの配列、関数、他の. Proxy などを取ることもできます。</dd> - <dt><code><var>handler</var></code></dt> - <dd>オブジェクトで、プロパティが操作が実行されたときのプロキシ <code><var>p</var></code> の動作を定義する関数であるものです。</dd> -</dl> -</div> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>新しく作成された取り消し可能な <code>Proxy</code> オブジェクト。</p> - -<h2 id="Description" name="Description">解説</h2> - -<p>取り消し可能な <code>Proxy</code> は次の２つのプロパティ <code>{proxy: proxy, revoke: revoke}</code> を持ったオブジェクトです。</p> - -<dl> - <dt><code>proxy</code></dt> - <dd><code>new Proxy(target, handler)</code> 呼び出しで生成したプロキシオブジェクトです。</dd> - <dt><code>revoke</code></dt> - <dd><code>proxy</code> を無効にするための引数を持たない関数です。</dd> -</dl> - -<p><code>revoke()</code> 関数を呼ぶと、プロキシオブジェクトは使用できなくなり、ハンドラーへのどんなトラップも {{jsxref("TypeError")}} をスローします。プロキシが取り消されると、取り消されたままになり、ガベージコレクションの対象となります。再度 <code>revoke()</code> が呼ばれても影響はありません。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<pre class="brush: js">var revocable = Proxy.revocable({}, { - get: function(target, name) { - return "[[" + name + "]]"; - } -}); -var proxy = revocable.proxy; -console.log(proxy.foo); // "[[foo]]" - -revocable.revoke(); - -console.log(proxy.foo); // TypeError is thrown -proxy.foo = 1 // TypeError again -delete proxy.foo; // still TypeError -typeof proxy // "object", typeof doesn't trigger any trap -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#sec-proxy.revocable', 'Proxy Revocation Functions')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Proxy.revocable")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li>{{jsxref("Proxy")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.md b/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.md new file mode 100644 index 0000000000..25045bea38 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/proxy/revocable/index.md @@ -0,0 +1,75 @@ +--- +title: Proxy.revocable() +slug: Web/JavaScript/Reference/Global_Objects/Proxy/revocable +tags: + - ECMAScript 2015 + - JavaScript + - Method + - Proxy +browser-compat: javascript.builtins.Proxy.revocable +translation_of: Web/JavaScript/Reference/Global_Objects/Proxy/revocable +--- +{{JSRef}} + +**`Proxy.revocable()`** メソッドは、取り消し可能な {{jsxref("Proxy")}} オブジェクトを作成するために使用します。 + +## 構文 + +```js +Proxy.revocable(target, handler); +``` + +### 引数 + +- `target` + - : `Proxy` でラップする対象のオブジェクトです。これは一連のオブジェクト、例えばネイティブの配列、関数、他のプロキシーなどを取ることもできます。 +- `handler` + - : プロキシー `p` に対して操作が行われたときの動作を定義する関数をプロパティとするオブジェクトです。 + +### 返値 + +新しく作成された取り消し可能な `Proxy` オブジェクト。 + +## 解説 + +取り消し可能な `Proxy` は `{proxy: proxy, revoke: revoke}` の 2 つのプロパティを持ったオブジェクトです。 + +- `proxy` + - : `new Proxy(target, handler)` 呼び出しで生成したプロキシーオブジェクトです。 +- `revoke` + - : `proxy` を無効にするための引数を持たない関数です。 + +`revoke()` 関数を呼び出すと、プロキシーオブジェクトは使用できなくなります。ハンドラーへのトラップが発生すると、どれでも {{jsxref("TypeError")}} が発生します。プロキシーが取り消されると、取り消されたままになり、ガベージコレクションの対象となります。再度 `revoke()` が呼ばれても影響はありません。 + +## 例 + +### Proxy.revocable の使用 + +```js +var revocable = Proxy.revocable({}, { + get: function(target, name) { + return "[[" + name + "]]"; + } +}); +var proxy = revocable.proxy; +console.log(proxy.foo); // "[[foo]]" + +revocable.revoke(); + +console.log(proxy.foo); // TypeError が発生 +proxy.foo = 1 // TypeError が発生 +delete proxy.foo; // これも TypeError +typeof proxy // "object" と表示。 typeof でトラップは発生しない +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{jsxref("Proxy")}} diff --git a/files/ja/web/javascript/reference/global_objects/reflect/has/index.html b/files/ja/web/javascript/reference/global_objects/reflect/has/index.html index 8a466f61df..e692b9c9b6 100644 --- a/files/ja/web/javascript/reference/global_objects/reflect/has/index.html +++ b/files/ja/web/javascript/reference/global_objects/reflect/has/index.html @@ -61,7 +61,7 @@ Reflect.has(obj, 'doorbell') // true Reflect.has(obj, 'dormitory') // false </pre> -<p><code>Reflect.has</code> は継承されたプロパティについて <code>true</code> を返し、これは <a href="/en-US/docs/Web/JavaScript/Reference/Operators/in"><code>in</code> 演算子</a>と同様です。</p> +<p><code>Reflect.has</code> は継承されたプロパティについて <code>true</code> を返し、これは <a href="/ja/docs/Web/JavaScript/Reference/Operators/in"><code>in</code> 演算子</a>と同様です。</p> <pre class="brush: js notranslate">const a = {foo: 123} const b = {__proto__: a} diff --git a/files/ja/web/javascript/reference/global_objects/regexp/index.html b/files/ja/web/javascript/reference/global_objects/regexp/index.html index 8fc458ebfa..bb99de9a76 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/index.html @@ -53,7 +53,7 @@ let re = new RegExp('\\w+') <h3 id="Perl-like_RegExp_properties" name="Perl-like_RegExp_properties">Perl 風の RegExp プロパティ</h3> -<p>{{JSxRef("RegExp")}} のプロパティのいくつかは、長い名前と短い (Perl 風の) 名前があります。 Both names always refer to the same value. (Perl is the programming language from which JavaScript modeled its regular expressions.). See also <a href="/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#RegExp_Properties">deprecated <code>RegExp</code> properties.</a></p> +<p>{{JSxRef("RegExp")}} のプロパティのいくつかは、長い名前と短い (Perl 風の) 名前があります。 Both names always refer to the same value. (Perl is the programming language from which JavaScript modeled its regular expressions.). See also <a href="/ja/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#RegExp_Properties">deprecated <code>RegExp</code> properties.</a></p> <h2 id="Constructor" name="Constructor">コンストラクター</h2> diff --git a/files/ja/web/javascript/reference/global_objects/regexp/lastmatch/index.html b/files/ja/web/javascript/reference/global_objects/regexp/lastmatch/index.html index 73dc55ee32..53b82c35d6 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/lastmatch/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/lastmatch/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/lastMatch <p><code>lastMatch</code> プロパティの値は、読み取り専用で、一致に成功するたびに変更されます。</p> -<p>ドットプロパティアクセサー (<code>RegExp.$&</code>) で短縮エイリアスを使用することはできません。その場合、パーサーは "&" という表現を期待して {{jsxref("SyntaxError")}} が発生します。<a href="/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> +<p>ドットプロパティアクセサー (<code>RegExp.$&</code>) で短縮エイリアスを使用することはできません。その場合、パーサーは "&" という表現を期待して {{jsxref("SyntaxError")}} が発生します。<a href="/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/regexp/lastparen/index.html b/files/ja/web/javascript/reference/global_objects/regexp/lastparen/index.html index 678915a5a0..1eee172d9b 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/lastparen/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/lastparen/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/lastParen <p><code>lastParen</code> プロパティの値は読み取り専用で、一致に成功するたびに変更されます。</p> -<p>ドットプロパティアクセサー (<code>RegExp.$+</code>) で短縮エイリアスを使用することはできません。その場合、パーサーは "+" という表現を期待して {{jsxref("SyntaxError")}} が発生します。<a href="/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> +<p>ドットプロパティアクセサー (<code>RegExp.$+</code>) で短縮エイリアスを使用することはできません。その場合、パーサーは "+" という表現を期待して {{jsxref("SyntaxError")}} が発生します。<a href="/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/regexp/leftcontext/index.html b/files/ja/web/javascript/reference/global_objects/regexp/leftcontext/index.html index 3d86bdc8c5..26770b94bb 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/leftcontext/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/leftcontext/index.html @@ -21,7 +21,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/RegExp/leftContext <p><code>leftContext</code> プロパティの値は読み取り専用で、一致に成功するたびに変更されます。</p> -<p>ドットプロパティアクセサー (<code>RegExp.$`</code>) で短縮エイリアスを使用することはできません。その場合、パーサーはテンプレート文字列の開始をを期待して {{jsxref("SyntaxError")}} が発生します。<a href="/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> +<p>ドットプロパティアクセサー (<code>RegExp.$`</code>) で短縮エイリアスを使用することはできません。その場合、パーサーはテンプレート文字列の開始をを期待して {{jsxref("SyntaxError")}} が発生します。<a href="/ja/docs/Web/JavaScript/Reference/Operators/Property_Accessors">プロパティへのアクセスにはブラケット表記法</a>を使用してください。</p> <h2 id="Examples" name="Examples">例</h2> diff --git a/files/ja/web/javascript/reference/global_objects/regexp/regexp/index.html b/files/ja/web/javascript/reference/global_objects/regexp/regexp/index.html index 9f0901f62a..b6c708ea31 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/regexp/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/regexp/index.html @@ -32,7 +32,7 @@ RegExp(<var>pattern</var>[, <var>flags</var>]) <dl> <dt><code><var>pattern</var></code></dt> <dd>正規表現のテキストです。</dd> - <dd>ES5 以降では、別な <code>RegExp</code> オブジェクトまたはリテラルにすることができます (後者は 2 つの RegExp コンストラクター記法のみ)。パターンには<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Regular_Expressions#Using_special_characters">特殊文字</a>を含めることができるため、文字列リテラルよりも広い範囲の値に一致させることができます。</dd> + <dd>ES5 以降では、別な <code>RegExp</code> オブジェクトまたはリテラルにすることができます (後者は 2 つの RegExp コンストラクター記法のみ)。パターンには<a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions#Using_special_characters">特殊文字</a>を含めることができるため、文字列リテラルよりも広い範囲の値に一致させることができます。</dd> <dt><code><var>flags</var></code></dt> <dd> <p>指定された場合、 <code><var>flags</var></code> は追加するフラグを含む文字列です。</p> diff --git a/files/ja/web/javascript/reference/global_objects/regexp/test/index.html b/files/ja/web/javascript/reference/global_objects/regexp/test/index.html index 00fb7cad86..60324a1aff 100644 --- a/files/ja/web/javascript/reference/global_objects/regexp/test/index.html +++ b/files/ja/web/javascript/reference/global_objects/regexp/test/index.html @@ -70,7 +70,7 @@ console.log(result); // true <h3 id="Using_test_on_a_regex_with_the_global_flag" name="Using_test_on_a_regex_with_the_global_flag">グローバルフラグを持つ正規表現の test() の使用</h3> -<p>正規表現に<a href="/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags_2">グローバルフラグ</a>が設定されている場合、 <code>test()</code> は正規表現が所有する {{jsxref("RegExp.lastIndex", "lastIndex")}} の値を加算します。 ({{jsxref("RegExp.prototype.exec()", "exec()")}} も同様に <code>lastIndex</code> プロパティの値を加算します。)</p> +<p>正規表現に<a href="/ja/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags_2">グローバルフラグ</a>が設定されている場合、 <code>test()</code> は正規表現が所有する {{jsxref("RegExp.lastIndex", "lastIndex")}} の値を加算します。 ({{jsxref("RegExp.prototype.exec()", "exec()")}} も同様に <code>lastIndex</code> プロパティの値を加算します。)</p> <p>その後にさらに <code>test(<var>str</var>)</code> を呼び出すと、 <code><var>str</var></code> を <code>lastIndex</code> から検索します。 <code>lastIndex</code> プロパティは <code>test()</code> が <code>true</code> を返すたびに増え続けます。</p> diff --git a/files/ja/web/javascript/reference/global_objects/string/localecompare/index.html b/files/ja/web/javascript/reference/global_objects/string/localecompare/index.html index 591b71b94f..e88234381b 100644 --- a/files/ja/web/javascript/reference/global_objects/string/localecompare/index.html +++ b/files/ja/web/javascript/reference/global_objects/string/localecompare/index.html @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/localeCompare <dd> <p>これらの引数は関数の振る舞いをカスタマイズし、使用されるべきフォーマット規約の言語をアプリケーションに決めさせます。引数 <code><var>locales</var></code> 、 <code><var>options</var></code> を無視する実装においては、使用されるロケールと返却される文字列の書式は完全に実装依存となります。</p> - <p>これらのパラメーターの詳細及び使用方法については <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator/Collator"><code>Intl.Collator()</code> コンストラクター</a> を見てください。</p> + <p>これらのパラメーターの詳細及び使用方法については <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Collator/Collator"><code>Intl.Collator()</code> コンストラクター</a> を見てください。</p> </dd> </dl> diff --git a/files/ja/web/javascript/reference/global_objects/symbol/index.html b/files/ja/web/javascript/reference/global_objects/symbol/index.html index 98e81bcdf7..54ccbf84aa 100644 --- a/files/ja/web/javascript/reference/global_objects/symbol/index.html +++ b/files/ja/web/javascript/reference/global_objects/symbol/index.html @@ -12,7 +12,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol <p>データ型 <strong>symbol</strong> は、<a href="/ja/docs/Glossary/Primitive">プリミティブデータ型</a>です。<code>Symbol()</code> 関数は、<strong>symbol</strong> 型の値を返します。これは組み込みオブジェクトを公開するための静的プロパティを持ち、グローバルシンボルレジストリを公開するための静的メソッドを持つので、組み込みオブジェクトクラスのようにも見えますが、コンストラクターとしての機能を持たず、"<code>new Symbol()</code>" はサポートされていません。</p> -<p><code>Symbol()</code> から返されるすべてのシンボル値は一意です。シンボル値は、オブジェクトプロパティの識別子として使用できます。これがデータ型の主な利用目的ですが、不透明なデータ型の有効化や、実装サポートされている一意の識別子として機能するなど、他の利用目的も存在します。目的や使用方法に関する詳細を知りたい場合、<a href="https://developer.mozilla.org/ja/docs/Glossary/Symbol">MDN用語集：Symbol</a> を見てください。</p> +<p><code>Symbol()</code> から返されるすべてのシンボル値は一意です。シンボル値は、オブジェクトプロパティの識別子として使用できます。これがデータ型の主な利用目的ですが、不透明なデータ型の有効化や、実装サポートされている一意の識別子として機能するなど、他の利用目的も存在します。目的や使用方法に関する詳細を知りたい場合、<a href="/ja/docs/Glossary/Symbol">MDN用語集：Symbol</a> を見てください。</p> <h2 id="Description" name="Description">説明</h2> diff --git a/files/ja/web/javascript/reference/global_objects/symbol/unscopables/index.html b/files/ja/web/javascript/reference/global_objects/symbol/unscopables/index.html index a6fea2799b..e1d545e0d3 100644 --- a/files/ja/web/javascript/reference/global_objects/symbol/unscopables/index.html +++ b/files/ja/web/javascript/reference/global_objects/symbol/unscopables/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Symbol/unscopables --- <div>{{JSRef}}</div> -<p><strong><code>Symbol.unscopables</code></strong> ウェルノウンシンボルは、自身のプロパティ名と継承されたプロパティ名が、関連付けられたオブジェクトの <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/with">with</a></code> 環境バインディングから除外されているオブジェクトの値を指定するために使用されます。</p> +<p><strong><code>Symbol.unscopables</code></strong> ウェルノウンシンボルは、自身のプロパティ名と継承されたプロパティ名が、関連付けられたオブジェクトの <code><a href="/ja/docs/Web/JavaScript/Reference/Statements/with">with</a></code> 環境バインディングから除外されているオブジェクトの値を指定するために使用されます。</p> <div>{{EmbedInteractiveExample("pages/js/symbol-unscopables.html")}}</div> diff --git a/files/ja/web/javascript/reference/global_objects/typedarray/@@species/index.html b/files/ja/web/javascript/reference/global_objects/typedarray/@@species/index.html index a42596a4e7..fdeff8482d 100644 --- a/files/ja/web/javascript/reference/global_objects/typedarray/@@species/index.html +++ b/files/ja/web/javascript/reference/global_objects/typedarray/@@species/index.html @@ -11,17 +11,17 @@ translation_of: Web/JavaScript/Reference/Global_Objects/TypedArray/@@species --- <div>{{JSRef}}</div> -<p><code><strong>TypedArray[@@species]</strong></code> アクセッサプロパティは、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> のコンストラクタを返します。</p> +<p><code><strong>TypedArray[@@species]</strong></code> アクセッサプロパティは、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> のコンストラクタを返します。</p> <h2 id="説明">説明</h2> -<p><code>species</code> アクセッサプロパティは、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトの既定のコンストラクタを返します。サブクラスのコンストラクタは、コンストラクタの割り当てを変更するために、これをオーバーライドできます。</p> +<p><code>species</code> アクセッサプロパティは、<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトの既定のコンストラクタを返します。サブクラスのコンストラクタは、コンストラクタの割り当てを変更するために、これをオーバーライドできます。</p> <h2 id="例">例</h2> <h3 id="普通のオブジェクト">普通のオブジェクト</h3> -<p><code>species</code> プロパティは、指定した <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトの typed array コンストラクタを既定のコンストラクタ関数として返します。</p> +<p><code>species</code> プロパティは、指定した <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトの typed array コンストラクタを既定のコンストラクタ関数として返します。</p> <pre class="brush: js notranslate">Int8Array[Symbol.species]; // function Int8Array() Uint8Array[Symbol.species]; // function Uint8Array() @@ -30,7 +30,7 @@ Float32Array[Symbol.species]; // function Float32Array() <h3 id="派生オブジェクト">派生オブジェクト</h3> -<p>派生コレクションオブジェクト（たとえば、カスタム typed array の <code>MyTypedArray</code>）では、<code>MyTypedArray</code> の species は <code>MyTypedArray</code> コンストラクタです。しかし、派生クラスのメソッドで、親である <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトを返すためにこれをオーバーライドしたいかもしれません。</p> +<p>派生コレクションオブジェクト（たとえば、カスタム typed array の <code>MyTypedArray</code>）では、<code>MyTypedArray</code> の species は <code>MyTypedArray</code> コンストラクタです。しかし、派生クラスのメソッドで、親である <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">typed array</a> オブジェクトを返すためにこれをオーバーライドしたいかもしれません。</p> <pre class="brush: js notranslate">class MyTypedArray extends Uint8Array { // MyTypedArray の species を親である Uint8Array コンストラクタにオーバーライド diff --git a/files/ja/web/javascript/reference/global_objects/uint16array/index.html b/files/ja/web/javascript/reference/global_objects/uint16array/index.html deleted file mode 100644 index e85d6a886b..0000000000 --- a/files/ja/web/javascript/reference/global_objects/uint16array/index.html +++ /dev/null @@ -1,166 +0,0 @@ ---- -title: Uint16Array -slug: Web/JavaScript/Reference/Global_Objects/Uint16Array -tags: - - Class - - JavaScript - - TypedArray - - TypedArrays - - Uint16Array -translation_of: Web/JavaScript/Reference/Global_Objects/Uint16Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Uint16Array</code></strong> は型付き配列であり、プラットフォームのバイト順による 16 ビット符号なし整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Uint16Array/Uint16Array", "Uint16Array()")}}</dt> - <dd>新しい <code>Uint16Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint16Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Uint16Array</code> の場合は <code>2</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Uint16Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Uint16Array</code> 型の場合は "<code>Uint16Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Uint16Array.from()")}}</dt> - <dd>新しい <code>Uint16Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Uint16Array.of()")}}</dt> - <dd>新しい <code>Uint16Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Uint16Array.prototype.buffer")}}</dt> - <dd><code>Uint16Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Uint16Array.prototype.byteLength")}}</dt> - <dd><code>Uint16Array</code> の長さを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Uint16Array.prototype.byteOffset")}}</dt> - <dd><code>Uint16Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Uint16Array.prototype.length")}}</dt> - <dd><code>Uint16Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Uint16Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Uint16Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Uint16Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Uint16Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Uint16Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Uint16Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Uint16Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Uint16Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Uint16Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Uint16Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Uint16Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Uint16Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Uint16Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Uint16Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Uint16Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Uint16Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Uint16Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Uint16Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Uint16Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Uint16Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Uint16Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Uint16Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Uint16Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Uint16Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Uint16Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Uint16Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Uint16Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_Uint16Array" name="Different_ways_to_create_a_Uint16Array">Uint16Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var uint16 = new Uint16Array(2); -uint16[0] = 42; -console.log(uint16[0]); // 42 -console.log(uint16.length); // 2 -console.log(uint16.BYTES_PER_ELEMENT); // 2 - -// 配列から -var arr = new Uint16Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Uint16Array([21, 31]); -var y = new Uint16Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(8); -var z = new Uint16Array(buffer, 0, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var uint16 = new Uint16Array(iterable); -// Uint16Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Uint16Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/uint16array/index.md b/files/ja/web/javascript/reference/global_objects/uint16array/index.md new file mode 100644 index 0000000000..8a9f0c6850 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/uint16array/index.md @@ -0,0 +1,147 @@ +--- +title: Uint16Array +slug: Web/JavaScript/Reference/Global_Objects/Uint16Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - Uint16Array + - ポリフィル +browser-compat: javascript.builtins.Uint16Array +translation_of: Web/JavaScript/Reference/Global_Objects/Uint16Array +--- +{{JSRef}} + +**`Uint16Array`** は型付き配列で、プラットフォームのバイト順による 16 ビット符号なし整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Uint16Array/Uint16Array", "Uint16Array()")}} + - : 新しい `Uint16Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint16Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Uint16Array` の場合は `2` です。 +- {{jsxref("TypedArray.name", "Uint16Array.name")}} + - : コンストラクター名を文字列値で返します。`Uint16Array` の場合、 "`Uint16Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Uint16Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Uint16Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Uint16Array.of()")}} + - : 可変長引数で新しい `Uint16Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Uint16Array.prototype.buffer")}} + - : `Uint16Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Uint16Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint16Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Uint16Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint16Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Uint16Array.prototype.length")}} + - : `Uint16Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Uint16Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Uint16Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Uint16Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Uint16Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Uint16Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Uint16Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Uint16Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Uint16Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Uint16Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Uint16Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Uint16Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Uint16Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Uint16Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Uint16Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Uint16Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Uint16Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Uint16Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Uint16Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Uint16Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Uint16Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Uint16Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Uint16Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Uint16Array` を返します。 +- {{jsxref("TypedArray.values", "Uint16Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Uint16Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Uint16Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Uint16Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Uint16Array` を作成 + +```js +// 長さから +var uint16 = new Uint16Array(2); +uint16[0] = 42; +console.log(uint16[0]); // 42 +console.log(uint16.length); // 2 +console.log(uint16.BYTES_PER_ELEMENT); // 2 + +// 配列から +var arr = new Uint16Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Uint16Array([21, 31]); +var y = new Uint16Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(8); +var z = new Uint16Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var uint16 = new Uint16Array(iterable); +// Uint16Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Uint16Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/uint32array/index.html b/files/ja/web/javascript/reference/global_objects/uint32array/index.html deleted file mode 100644 index a303b757d1..0000000000 --- a/files/ja/web/javascript/reference/global_objects/uint32array/index.html +++ /dev/null @@ -1,165 +0,0 @@ ---- -title: Uint32Array -slug: Web/JavaScript/Reference/Global_Objects/Uint32Array -tags: - - Constructor - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Uint32Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Uint32Array</code></strong> は型付き配列であり、プラットフォームのバイト順による 32 ビット符号なし整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Uint32Array/Uint32Array", "Uint32Array()")}}</dt> - <dd>新しい <code>Uint32Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint32Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Uint32Array</code> の場合は <code>4</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Uint32Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Uint32Array</code> 型の場合は "<code>Uint32Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Uint32Array.from()")}}</dt> - <dd>新しい <code>Uint32Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Uint32Array.of()")}}</dt> - <dd>新しい <code>Uint32Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Uint32Array.prototype.buffer")}}</dt> - <dd><code>Uint32Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Uint32Array.prototype.byteLength")}}</dt> - <dd><code>Uint32Array</code> の長さを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Uint32Array.prototype.byteOffset")}}</dt> - <dd><code>Uint32Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Uint32Array.prototype.length")}}</dt> - <dd><code>Uint32Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Uint32Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Uint32Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Uint32Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Uint32Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Uint32Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Uint32Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Uint32Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Uint32Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Uint32Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Uint32Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Uint32Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Uint32Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Uint32Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Uint32Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Uint32Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Uint32Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Uint32Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Uint32Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Uint32Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Uint32Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Uint32Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Uint32Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Uint32Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Uint32Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Uint32Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Uint32Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Uint32Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_Uint32Array" name="Different_ways_to_create_a_Uint32Array">Uint32Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var int16 = new Uint32Array(2); -int16[0] = 42; -console.log(int16[0]); // 42 -console.log(int16.length); // 2 -console.log(int16.BYTES_PER_ELEMENT); // 2 - -// 配列から -var arr = new Uint32Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Uint32Array([21, 31]); -var y = new Uint32Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(16); -var z = new Uint32Array(buffer, 0, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var int32 = new Uint32Array(iterable); -// Uint32Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Uint32Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/uint32array/index.md b/files/ja/web/javascript/reference/global_objects/uint32array/index.md new file mode 100644 index 0000000000..df67853f2f --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/uint32array/index.md @@ -0,0 +1,147 @@ +--- +title: Uint32Array +slug: Web/JavaScript/Reference/Global_Objects/Uint32Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - Uint32Array + - ポリフィル +browser-compat: javascript.builtins.Uint32Array +translation_of: Web/JavaScript/Reference/Global_Objects/Uint32Array +--- +{{JSRef}} + +**`Uint32Array`** は型付き配列で、プラットフォームのバイト順による 32 ビット符号なし整数値の配列を表します。バイト順の制御が必要な場合は、代わりに {{jsxref("DataView")}} を使用してください。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Uint32Array/Uint32Array", "Uint32Array()")}} + - : 新しい `Uint32Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint32Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Uint32Array` の場合は `4` です。 +- {{jsxref("TypedArray.name", "Uint32Array.name")}} + - : コンストラクター名を文字列値で返します。`Uint32Array` の場合、 "`Uint32Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Uint32Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Uint32Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Uint32Array.of()")}} + - : 可変長引数で新しい `Uint32Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Uint32Array.prototype.buffer")}} + - : `Uint32Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Uint32Array.prototype.byteLength")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint32Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Uint32Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint32Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Uint32Array.prototype.length")}} + - : `Uint32Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Uint32Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Uint32Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Uint32Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Uint32Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Uint32Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Uint32Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Uint32Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Uint32Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Uint32Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Uint32Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Uint32Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Uint32Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Uint32Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Uint32Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Uint32Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Uint32Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Uint32Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Uint32Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Uint32Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Uint32Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Uint32Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Uint32Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Uint32Array` を返します。 +- {{jsxref("TypedArray.values", "Uint32Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Uint32Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Uint32Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Uint32Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Uint32Array` を作成 + +```js +// 長さから +var uint32 = new Uint32Array(2); +uint32[0] = 42; +console.log(uint32[0]); // 42 +console.log(uint32.length); // 2 +console.log(uint32.BYTES_PER_ELEMENT); // 4 + +// 配列から +var arr = new Uint32Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Uint32Array([21, 31]); +var y = new Uint32Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(16); +var z = new Uint32Array(buffer, 0, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var uint32 = new Uint32Array(iterable); +// Uint32Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Uint32Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/uint8array/index.html b/files/ja/web/javascript/reference/global_objects/uint8array/index.html deleted file mode 100644 index 3155f7501a..0000000000 --- a/files/ja/web/javascript/reference/global_objects/uint8array/index.html +++ /dev/null @@ -1,166 +0,0 @@ ---- -title: Uint8Array -slug: Web/JavaScript/Reference/Global_Objects/Uint8Array -tags: - - Class - - JavaScript - - TypedArray - - TypedArrays - - Uint8Array -translation_of: Web/JavaScript/Reference/Global_Objects/Uint8Array ---- -<div>{{JSRef}}</div> - -<p><strong><code>Uint8Array</code></strong> は型付き配列であり、 8 ビット符号なし整数値の配列を表します。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Uint8Array/Uint8Array", "Uint8Array()")}}</dt> - <dd>新しい <code>Uint8Array</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint8Array.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Uint8Array</code> の場合は <code>1</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Uint8Array.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Uint8Array</code> 型の場合は "<code>Uint8Array</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Uint8Array.from()")}}</dt> - <dd>新しい <code>Uint8Array</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Uint8Array.of()")}}</dt> - <dd>新しい <code>Uint8Array</code> を、可変長引数で生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Uint8Array.prototype.buffer")}}</dt> - <dd><code>Uint8Array</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Uint8Array.prototype.byteLength")}}</dt> - <dd><code>Uint8Array</code> の長さをバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Uint8Array.prototype.byteOffset")}}</dt> - <dd><code>Uint8Array</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Uint8Array.prototype.length")}}</dt> - <dd><code>Uint8Array</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Uint8Array.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Uint8Array.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Uint8Array.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Uint8Array.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Uint8Array.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Uint8Array.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Uint8Array.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Uint8Array.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Uint8Array.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Uint8Array.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Uint8Array.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Uint8Array.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Uint8Array.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Uint8Array.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Uint8Array.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Uint8Array.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Uint8Array.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Uint8Array.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Uint8Array.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Uint8Array.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Uint8Array.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Uint8Array.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Uint8Array</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Uint8Array.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Uint8Array.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Uint8Array.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Uint8Array.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_Uint8Array" name="Different_ways_to_create_a_Uint8Array">Uint8Array を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var int8 = new Uint8Array(2); -int8[0] = 42; -console.log(int8[0]); // 42 -console.log(int8.length); // 2 -console.log(int8.BYTES_PER_ELEMENT); // 1 - -// 配列から -var arr = new Uint8Array([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Uint8Array([21, 31]); -var y = new Uint8Array(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(8); -var z = new Uint8Array(buffer, 1, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var uint8 = new Uint8Array(iterable); -// Uint8Array[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Uint8Array")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/uint8array/index.md b/files/ja/web/javascript/reference/global_objects/uint8array/index.md new file mode 100644 index 0000000000..469a19bdc9 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/uint8array/index.md @@ -0,0 +1,146 @@ +--- +title: Uint8Array +slug: Web/JavaScript/Reference/Global_Objects/Uint8Array +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Uint8Array +translation_of: Web/JavaScript/Reference/Global_Objects/Uint8Array +--- +{{JSRef}} + +**`Uint8Array`** は型付き配列で、 8 ビット符号なし整数値の配列を表します。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Uint8Array/Uint8Array", "Uint8Array()")}} + - : 新しい `Uint8Array` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint8Array.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Uint8Array` の場合は `1` です。 +- {{jsxref("TypedArray.name", "Uint8Array.name")}} + - : コンストラクター名を文字列値で返します。`Uint8Array` の場合、 "`Uint8Array`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Uint8Array.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Uint8Array` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Uint8Array.of()")}} + - : 可変長引数で新しい `Uint8Array` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Uint8Array.prototype.buffer")}} + - : `Uint8Array` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Uint8Array.prototype.byteLength")}} + - : `Uint8Array` の長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Uint8Array.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint8Array` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Uint8Array.prototype.length")}} + - : `Uint8Array` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Uint8Array.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Uint8Array.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Uint8Array.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Uint8Array.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Uint8Array.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Uint8Array.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Uint8Array.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Uint8Array.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Uint8Array.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Uint8Array.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Uint8Array.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Uint8Array.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Uint8Array.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Uint8Array.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Uint8Array.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Uint8Array.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Uint8Array.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Uint8Array.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Uint8Array.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Uint8Array.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Uint8Array.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Uint8Array.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Uint8Array` を返します。 +- {{jsxref("TypedArray.values", "Uint8Array.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Uint8Array.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Uint8Array.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Uint8Array.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Uint8Array` を作成 + +```js +// 長さから +var uint8 = new Uint8Array(2); +uint8[0] = 42; +console.log(uint8[0]); // 42 +console.log(uint8.length); // 2 +console.log(uint8.BYTES_PER_ELEMENT); // 1 + +// 配列から +var arr = new Uint8Array([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Uint8Array([21, 31]); +var y = new Uint8Array(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(8); +var z = new Uint8Array(buffer, 1, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var uint8 = new Uint8Array(iterable); +// Uint8Array[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Uint8Array` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.html b/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.html deleted file mode 100644 index f75d81f605..0000000000 --- a/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.html +++ /dev/null @@ -1,167 +0,0 @@ ---- -title: Uint8ClampedArray -slug: Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray -tags: - - Class - - JavaScript - - TypedArray - - TypedArrays -translation_of: Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray ---- -<div>{{JSRef}}</div> - -<p><strong><code>Uint8ClampedArray</code></strong> は型付き配列であり、 0-255 に制約される 8 ビット符号なし整数値の配列を生成します。指定された値が [0,255] の範囲を超えた場合、 0 または 255 が代わりに設定されます。整数以外を指定しようとすると、最も近い整数が設定されます。中身は <code>0</code> で初期化されます。生成されると、配列の中の要素はオブジェクトのメソッドを使用するか、配列の標準的な添字の構文を使用するか (すなわち、ブラケット構文を使用するか) して参照することができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/Uint8ClampedArray/Uint8ClampedArray", "Uint8ClampedArray()")}}</dt> - <dd>新しい <code>Uint8ClampedArray</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint8ClampedArray.BYTES_PER_ELEMENT")}}</dt> - <dd>要素の大きさの数値を返します。 <code>Uint8ClampedArray</code> の場合は <code>1</code> になります。</dd> - <dt>{{jsxref("TypedArray.name", "Uint8ClampedArray.name")}}</dt> - <dd>コンストラクターの名前を文字列値で返します。 <code>Uint8ClampedArray</code> 型の場合は "<code>Uint8ClampedArray</code>" です。</dd> -</dl> - -<h2 id="Static_methods" name="Static_methods">静的メソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.from", "Uint8ClampedArray.from()")}}</dt> - <dd>新しい <code>Uint8ClampedArray</code> を、配列風オブジェクトや反復可能オブジェクトから生成します。 {{jsxref("Array.from()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.of", "Uint8ClampedArray.of()")}}</dt> - <dd>新しい <code>Uint8ClampedArray</code> を、可変長引数から生成します。 {{jsxref("Array.of()")}} も参照してください。</dd> -</dl> - -<h2 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h2> - -<dl> - <dt>{{jsxref("TypedArray.prototype.buffer", "Uint8ClampedArray.prototype.buffer")}}</dt> - <dd><code>Uint8ClampedArray</code> オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteLength", "Uint8ClampedArray.prototype.byteLength")}}</dt> - <dd><code>Uint8ClampedArray</code> の長さを {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.byteOffset", "Uint8ClampedArray.prototype.byteOffset")}}</dt> - <dd><code>Uint8ClampedArray</code> のオフセットを、 {{jsxref("ArrayBuffer")}} の先頭からのバイト単位で返します。構築時に設定され、<strong>読取専用</strong>です。</dd> - <dt>{{jsxref("TypedArray.prototype.length", "Uint8ClampedArray.prototype.length")}}</dt> - <dd><code>Uint8ClampedArray</code> オブジェクト内に保持されている要素の数を返します。構築時に設定され、<strong>読取専用</strong>です。</dd> -</dl> - -<h2 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h2> - -<dl> - <dt>{{jsxref("TypedArray.copyWithin", "Uint8ClampedArray.prototype.copyWithin()")}}</dt> - <dd>配列内で一連の配列要素をコピーします。 {{jsxref("Array.prototype.copyWithin()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.entries", "Uint8ClampedArray.prototype.entries()")}}</dt> - <dd>配列内の各添字に対するキーと値の組を含む、新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.entries()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.every", "Uint8ClampedArray.prototype.every()")}}</dt> - <dd>配列内のすべての要素に対して、指定された関数によるテストに合格するかどうかをテストします。 {{jsxref("Array.prototype.every()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.fill", "Uint8ClampedArray.prototype.fill()")}}</dt> - <dd>配列の先頭から末尾までのすべての要素を固定値で設定します。 {{jsxref("Array.prototype.fill()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.filter", "Uint8ClampedArray.prototype.filter()")}}</dt> - <dd>この配列のすべての要素のうち、指定されたフィルタリング関数が与えられたフィルタリング関数が <code>true</code> を返すすべての要素で、新しい配列を生成します。 {{jsxref("Array.prototype.filter()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.find", "Uint8ClampedArray.prototype.find()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その値を返します。見つからなかった場合は <code>undefined</code> を返します。 {{jsxref("Array.prototype.find()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.findIndex", "Uint8ClampedArray.prototype.findIndex()")}}</dt> - <dd>指定されたテスト関数を満足する要素が見つかった場合、その添字を返します。見つからなかった場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.findIndex()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.forEach", "Uint8ClampedArray.prototype.forEach()")}}</dt> - <dd>配列内の各要素に対してある関数を呼び出します。 {{jsxref("Array.prototype.forEach()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.includes", "Uint8ClampedArray.prototype.includes()")}}</dt> - <dd>型付き配列にある要素が含まれているかどうかを判断し、それに応じて <code>true</code> または <code>false</code> を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.indexOf", "Uint8ClampedArray.prototype.indexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最初の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.indexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.join", "Uint8ClampedArray.prototype.join()")}}</dt> - <dd>すべての配列要素を1つの文字列に結合します。 {{jsxref("Array.prototype.join()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.keys", "Uint8ClampedArray.prototype.keys()")}}</dt> - <dd>配列内のすべての添字に対するキーを含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.keys()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.lastIndexOf", "Uint8ClampedArray.prototype.lastIndexOf()")}}</dt> - <dd>配列内の要素のうち、指定された値と等しい最後の要素の添字を返します。見つからない場合は <code>-1</code> を返します。 {{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.map", "Uint8ClampedArray.prototype.map()")}}</dt> - <dd>この配列のすべての要素を引数として指定された関数を呼び出し、その結果で新しい配列を生成します。 {{jsxref("Array.prototype.map()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduce", "Uint8ClampedArray.prototype.reduce()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (左から右へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduce()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reduceRight", "Uint8ClampedArray.prototype.reduceRight()")}}</dt> - <dd>アキュームレーターと配列の各要素に対して (右から左へ) 関数を適用し、単一の値に縮小します。 {{jsxref("Array.prototype.reduceRight()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.reverse", "Uint8ClampedArray.prototype.reverse()")}}</dt> - <dd>配列要素の順番を反転させます。 — 最初の要素は最後になり、最後の要素は最初になります。 {{jsxref("Array.prototype.reverse()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.set", "Uint8ClampedArray.prototype.set()")}}</dt> - <dd>指定された配列から複数の入力値を読み込み、型付き配列に格納します。</dd> - <dt>{{jsxref("TypedArray.slice", "Uint8ClampedArray.prototype.slice()")}}</dt> - <dd>配列の一区間を取り出して新しい配列を返します。 {{jsxref("Array.prototype.slice()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.some", "Uint8ClampedArray.prototype.some()")}}</dt> - <dd>この配列内で、指定されたテスト関数を満たす要素が1つでもあった場合に <code>true</code> を返します。 {{jsxref("Array.prototype.some()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.sort", "Uint8ClampedArray.prototype.sort()")}}</dt> - <dd>配列の要素をその場でソートし、その配列を返します。 {{jsxref("Array.prototype.sort()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.subarray", "Uint8ClampedArray.prototype.subarray()")}}</dt> - <dd>指定された開始位置と終了位置の間にある要素から新しい <code>Uint8ClampedArray</code> を返します。</dd> - <dt>{{jsxref("TypedArray.values", "Uint8ClampedArray.prototype.values()")}}</dt> - <dd>配列内の各添字に対する値を含む新しい<em>配列イテレーター</em>を返します。 {{jsxref("Array.prototype.values()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toLocaleString", "Uint8ClampedArray.prototype.toLocaleString()")}}</dt> - <dd>配列と要素を表すローカライズされた文字列を返します。 {{jsxref("Array.prototype.toLocaleString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.toString", "Uint8ClampedArray.prototype.toString()")}}</dt> - <dd>配列と要素を表す文字列を返します。 {{jsxref("Array.prototype.toString()")}} も参照してください。</dd> - <dt>{{jsxref("TypedArray.@@iterator", "Uint8ClampedArray.prototype[@@iterator]()")}}</dt> - <dd>配列内のそれぞれの添字の値を含む新しい<em>配列イテレーター</em>オブジェクトを返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Different_ways_to_create_a_Uint8ClampedArray" name="Different_ways_to_create_a_Uint8ClampedArray">Uint8ClampedArray を生成する様々な方法</h3> - -<pre class="brush: js notranslate">// 長さを指定 -var uintc8 = new Uint8ClampedArray(2); -uintc8[0] = 42; -uintc8[1] = 1337; -console.log(uintc8[0]); // 42 -console.log(uintc8[1]); // 255 (clamped) -console.log(uintc8.length); // 2 -console.log(uintc8.BYTES_PER_ELEMENT); // 1 - -// 配列から -var arr = new Uint8ClampedArray([21,31]); -console.log(arr[1]); // 31 - -// 他の型付き配列から -var x = new Uint8ClampedArray([21, 31]); -var y = new Uint8ClampedArray(x); -console.log(y[0]); // 21 - -// ArrayBuffer から -var buffer = new ArrayBuffer(8); -var z = new Uint8ClampedArray(buffer, 1, 4); - -// 反復可能オブジェクトから -var iterable = function*(){ yield* [1,2,3]; }(); -var uintc8 = new Uint8ClampedArray(iterable); -// Uint8ClampedArray[1, 2, 3] -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('ESDraft', '#table-49', 'TypedArray constructors')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.Uint8ClampedArray")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/JavaScript/Typed_arrays">JavaScript 型付き配列</a></li> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("DataView")}}</li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.md b/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.md new file mode 100644 index 0000000000..4c3a6284cf --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/uint8clampedarray/index.md @@ -0,0 +1,148 @@ +--- +title: Uint8ClampedArray +slug: Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray +tags: + - クラス + - JavaScript + - TypedArray + - 型付き配列 + - ポリフィル +browser-compat: javascript.builtins.Uint8ClampedArray +translation_of: Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray +--- +{{JSRef}} + +**`Uint8ClampedArray`** は型付き配列で、 0-255 に制約される 8 ビット符号なし整数値の配列を表します。指定された値が \[0,255] の範囲を超えた場合、 0 または 255 が代わりに設定されます。整数以外を指定しようとすると、最も近い整数が設定されます。中身は `0` で初期化されます。生成されると、配列内の要素はそのオブジェクトのメソッドを使用するか、配列の標準的な添字の構文 (すなわち、ブラケット記法) を使用するかして参照することができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/Uint8ClampedArray/Uint8ClampedArray", "Uint8ClampedArray()")}} + - : 新しい `Uint8ClampedArray` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("TypedArray.BYTES_PER_ELEMENT", "Uint8ClampedArray.BYTES_PER_ELEMENT")}} + - : 要素の大きさを数値で返します。`Uint8ClampedArray` の場合は `1` です。 +- {{jsxref("TypedArray.name", "Uint8ClampedArray.name")}} + - : コンストラクター名を文字列値で返します。`Uint8ClampedArray` の場合、 "`Uint8ClampedArray`" です。 + +## 静的メソッド + +- {{jsxref("TypedArray.from", "Uint8ClampedArray.from()")}} + - : 配列風オブジェクトまたは反復可能オブジェクトから新しい `Uint8ClampedArray` オブジェクトを生成します。 {{jsxref("Array.from()")}} も参照してください。 +- {{jsxref("TypedArray.of", "Uint8ClampedArray.of()")}} + - : 可変長引数で新しい `Uint8ClampedArray` オブジェクトを生成します。{{jsxref("Array.of()")}} も参照してください。 + +## インスタンスプロパティ + +- {{jsxref("TypedArray.prototype.buffer", "Uint8ClampedArray.prototype.buffer")}} + - : `Uint8ClampedArray` オブジェクトによって参照される {{jsxref("ArrayBuffer")}} を返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteLength", "Uint8ClampedArray.prototype.byteLength")}} + - : `Uint8ClampedArray` の {{jsxref("ArrayBuffer")}} の先頭からの長さを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.byteOffset", "Uint8ClampedArray.prototype.byteOffset")}} + - : {{jsxref("ArrayBuffer")}} の先頭からの `Uint8ClampedArray` のオフセットを (バイト単位で) 返します。構築時に固定され、**読み取り専用**です。 +- {{jsxref("TypedArray.prototype.length", "Uint8ClampedArray.prototype.length")}} + - : `Uint8ClampedArray` オブジェクト内に保持されている要素の数を返します。構築時に固定され、**読み取り専用**です。 + +## インスタンスメソッド + +- {{jsxref("TypedArray.copyWithin", "Uint8ClampedArray.prototype.copyWithin()")}} + - : 配列内で一連の配列要素をコピーします。{{jsxref("Array.prototype.copyWithin()")}} も参照してください。 +- {{jsxref("TypedArray.entries", "Uint8ClampedArray.prototype.entries()")}} + - : 配列内ですべての位置におけるキーと値の組を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.entries()")}} も参照してください。 +- {{jsxref("TypedArray.every", "Uint8ClampedArray.prototype.every()")}} + - : 配列内のすべての要素が関数によって提供されたテストに合格するかどうかテストを実行します。{{jsxref("Array.prototype.every()")}} も参照してください。 +- {{jsxref("TypedArray.fill", "Uint8ClampedArray.prototype.fill()")}} + - : 配列の先頭位置から末尾位置までのすべての要素を固定値に設定します。{{jsxref("Array.prototype.fill()")}} も参照してください。 +- {{jsxref("TypedArray.filter", "Uint8ClampedArray.prototype.filter()")}} + - : この配列のすべての要素のうち、与えられたフィルタリング関数が `true` を返すものをもつ新しい配列を生成します。{{jsxref("Array.prototype.filter()")}} も参照してください。 +- {{jsxref("TypedArray.find", "Uint8ClampedArray.prototype.find()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった値を返します。見つからなければ `undefined` を返します。{{jsxref("Array.prototype.find()")}} も参照してください。 +- {{jsxref("TypedArray.findIndex", "Uint8ClampedArray.prototype.findIndex()")}} + - : 配列内の要素に与えられたテスト関数を満足するものがあったら、見つかった位置を返します。見つからなければ `-1` を返します。{{jsxref("Array.prototype.findIndex()")}} も参照してください。 +- {{jsxref("TypedArray.forEach", "Uint8ClampedArray.prototype.forEach()")}} + - : 配列内のそれぞれの要素について関数を呼び出します。{{jsxref("Array.prototype.forEach()")}} も参照してください。 +- {{jsxref("TypedArray.includes", "Uint8ClampedArray.prototype.includes()")}} + - : 型付き配列に特定の要素があるかどうかを判断し、それに応じて `true` か `false`を返します。 {{jsxref("Array.prototype.includes()")}} も参照してください。 +- {{jsxref("TypedArray.indexOf", "Uint8ClampedArray.prototype.indexOf()")}} + - : 指定された値に等しい配列内の要素の最初の (最小の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.indexOf()")}} も参照してください。 +- {{jsxref("TypedArray.join", "Uint8ClampedArray.prototype.join()")}} + - : 配列のすべての要素を 1 つの文字列に結合します。{{jsxref("Array.prototype.join()")}} も参照してください。 +- {{jsxref("TypedArray.keys", "Uint8ClampedArray.prototype.keys()")}} + - : 配列内ですべての位置におけるキーを提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.keys()")}} も参照してください。 +- {{jsxref("TypedArray.lastIndexOf", "Uint8ClampedArray.prototype.lastIndexOf()")}} + - : 指定された値に等しい配列内の要素の最後の (最大の) 位置を返します。見つからなかった場合、 `-1` を返します。{{jsxref("Array.prototype.lastIndexOf()")}} も参照してください。 +- {{jsxref("TypedArray.map", "Uint8ClampedArray.prototype.map()")}} + - : この配列のすべての要素で与えられた関数を呼び出した結果をもつ新しい配列を生成します。{{jsxref("Array.prototype.map()")}} も参照してください。 +- {{jsxref("TypedArray.reduce", "Uint8ClampedArray.prototype.reduce()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (左から右へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduce()")}} も参照してください。 +- {{jsxref("TypedArray.reduceRight", "Uint8ClampedArray.prototype.reduceRight()")}} + - : アキュムレーターとこの配列のそれぞれの値に対して (右から左へ) 関数を適用し、単一の値に還元します。{{jsxref("Array.prototype.reduceRight()")}} も参照してください。 +- {{jsxref("TypedArray.reverse", "Uint8ClampedArray.prototype.reverse()")}} + - : 配列の要素の順番を反転させます。最初の要素は最後になり、最後の要素は最初になります。{{jsxref("Array.prototype.reverse()")}} も参照してください。 +- {{jsxref("TypedArray.set", "Uint8ClampedArray.prototype.set()")}} + - : 入力値を指定した配列から読み込み、この型付き配列内に複数の値を格納します。 +- {{jsxref("TypedArray.slice", "Uint8ClampedArray.prototype.slice()")}} + - : 配列の一部を取り出して新しい配列を返します。{{jsxref("Array.prototype.slice()")}} も参照してください。 +- {{jsxref("TypedArray.some", "Uint8ClampedArray.prototype.some()")}} + - : この配列の 1 つ以上の要素が与えられたテスト関数を満たした場合に `true` を返します。{{jsxref("Array.prototype.some()")}} も参照してください。 +- {{jsxref("TypedArray.sort", "Uint8ClampedArray.prototype.sort()")}} + - : 配列の要素をその場で並べ替え、その配列を返します。{{jsxref("Array.prototype.sort()")}} も参照してください。 +- {{jsxref("TypedArray.subarray", "Uint8ClampedArray.prototype.subarray()")}} + - : 指定された先頭と末尾の要素位置から新しい `Uint8ClampedArray` を返します。 +- {{jsxref("TypedArray.values", "Uint8ClampedArray.prototype.values()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。{{jsxref("Array.prototype.values()")}} も参照してください。 +- {{jsxref("TypedArray.toLocaleString", "Uint8ClampedArray.prototype.toLocaleString()")}} + - : 配列とその要素を表すローカライズされた文字列を返します。{{jsxref("Array.prototype.toLocaleString()")}} も参照してください。 +- {{jsxref("TypedArray.toString", "Uint8ClampedArray.prototype.toString()")}} + - : 配列とその要素を表す文字列を返します。{{jsxref("Array.prototype.toString()")}} も参照してください。 +- {{jsxref("TypedArray.@@iterator", "Uint8ClampedArray.prototype[@@iterator]()")}} + - : 配列内ですべての位置における値を提供する新しい*配列イテレーター*を返します。 + +## 例 + +### 様々な方法で `Uint8ClampedArray` を作成 + +```js +// 長さから +var uintc8 = new Uint8ClampedArray(2); +uintc8[0] = 42; +uintc8[1] = 1337; +console.log(uintc8[0]); // 42 +console.log(uintc8[1]); // 255 (制約を受けた) +console.log(uintc8.length); // 2 +console.log(uintc8.BYTES_PER_ELEMENT); // 1 + +// 配列から +var arr = new Uint8ClampedArray([21,31]); +console.log(arr[1]); // 31 + +// From another TypedArray +var x = new Uint8ClampedArray([21, 31]); +var y = new Uint8ClampedArray(x); +console.log(y[0]); // 21 + +// ArrayBuffer から +var buffer = new ArrayBuffer(8); +var z = new Uint8ClampedArray(buffer, 1, 4); + +// 反復可能オブジェクトから +var iterable = function*(){ yield* [1,2,3]; }(); +var uintc8 = new Uint8ClampedArray(iterable); +// Uint8ClampedArray[1, 2, 3] +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- `Uint8ClampedArray` のポリフィルが [`core-js`](https://github.com/zloirock/core-js#ecmascript-typed-arrays) で利用できます +- [JavaScript の型付き配列](/ja/docs/Web/JavaScript/Typed_arrays) +- {{jsxref("ArrayBuffer")}} +- {{jsxref("DataView")}} diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.html deleted file mode 100644 index 1cdf19f657..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: WebAssembly.compile() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/compile -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/compile ---- -<div>{{JSRef}} {{SeeCompatTable}}</div> - -<p><strong><code>WebAssembly.compile()</code></strong> 関数は WebAssembly バイナリコードから {{jsxref("WebAssembly.Module")}} にコンパイルします。この関数はモジュールをインスタンス化する前にコンパイルする必要がある時に便利です。(そうでなければ、 {{jsxref("WebAssembly.instantiate()")}} 関数の使用が推奨されます。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">Promise<WebAssembly.Module> WebAssembly.compile(bufferSource);</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><em>bufferSource</em></dt> - <dd>コンパイルする <a href="/ja/docs/Web/JavaScript/Typed_arrays">型付き配列</a> か <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer">ArrayBuffer</a> を含む .wasm モジュールのバイナリコード。</dd> -</dl> - -<h3 id="戻り値">戻り値</h3> - -<p>解決時にコンパイルされたモジュールを表す {{jsxref("WebAssembly.Module")}} オブジェクト渡す <code>Promise 。</code></p> - -<h3 id="例外">例外</h3> - -<ul> - <li><font face="Consolas, Liberation Mono, Courier, monospace">バイナリソースが</font> <a href="/ja/docs/Web/JavaScript/Typed_arrays">型付き配列</a> でない場合、 {{jsxref("TypeError")}} がスローされます。</li> - <li>コンパイルが失敗したとき、プロミスは {{jsxref("WebAssembly.CompileError")}} で棄却されます。</li> -</ul> - -<h2 id="例">例</h2> - -<p>以下の例では (Github上のデモ <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html">index-compile.html</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html">動作例</a> をご確認ください) <code>compile()</code> 関数を使ってロードした simple.wasm のバイトコードをコンパイルして、その後 <a href="/ja/docs/Web/API/Worker/postMessage">postMessage()</a> を使って <a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API">worker</a> に送信しています。</p> - -<pre class="brush: js">var worker = new Worker("wasm_worker.js"); - -fetch('simple.wasm').then(response => - response.arrayBuffer() -).then(bytes => - WebAssembly.compile(bytes) -).then(mod => - worker.postMessage(mod) -);</pre> - -<p>ワーカー内で (<code><a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js">wasm_worker.js</a> を参照</code>) モジュールで使用するためのインポートオブジェクトを定義して、メインスレッドからモジュールを受け取るためのイベントハンドラをセットアップします。モジュールを受け取ったとき、 {{jsxref("WebAssembly.Instantiate()")}} メソッドを使用してモジュールからインスタンスを生成します。内部からエクスポートされた関数を実行して、その後に {{jsxref("WebAssembly.Module/exports", "WebAssembly.Module.exports")}} プロパティを使用してモジュール上で利用可能なエクスポートに関する情報を確認する方法を示します。</p> - -<pre class="brush: js">var importObject = { - imports: { - imported_func: function(arg) { - console.log(arg); - } - } -}; - -onmessage = function(e) { - console.log('module received from main thread'); - var mod = e.data; - - WebAssembly.instantiate(mod, importObject).then(function(instance) { - instance.exports.exported_func(); - }); - - var exports = WebAssembly.Module.exports(mod); - console.log(exports[0]); -};</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#webassemblycompile', 'compile()')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>初回ドラフト定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.compile")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="https://developer.mozilla.org/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.md new file mode 100644 index 0000000000..0fb86c25d4 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/compile/index.md @@ -0,0 +1,72 @@ +--- +title: WebAssembly.compile() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/compile +tags: + - API + - JavaScript + - Method + - Object + - Reference + - WebAssembly + - compile +browser-compat: javascript.builtins.WebAssembly.compile +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/compile +--- +{{JSRef}} + +**`WebAssembly.compile()`** 関数は WebAssembly バイナリーコードを {{jsxref("WebAssembly.Module")}} の形にコンパイルします。この関数は、モジュールをインスタンス化する前にコンパイルする必要がある場合に便利です (それ以外の場合は、 {{jsxref("WebAssembly.instantiate()")}} 関数を使用してください)。</p> + +## 構文 + +```js +WebAssembly.compile(bufferSource) +``` + +### 引数 + +- _bufferSource_ + - : コンパイルする .wasm モジュールのバイナリーコードを含む[型付き配列](/ja/docs/Web/JavaScript/Typed_arrays)または [`ArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) です。 + +### 返値 + +コンパイルされたモジュールを表す {{jsxref("WebAssembly.Module")}} オブジェクトに解決する `Promise` です。 + +### 例外 + +- `bufferSource` が[型付き配列](/ja/docs/Web/JavaScript/Typed_arrays)ではなかった場合、 {{jsxref("TypeError")}} が発生します。 +- コンパイルに失敗した場合、プロミスは {{jsxref("WebAssembly.CompileError")}} で拒否されます。 + +## 例 + +### compile の使用 + +次の例では、読み込まれた simple.wasm バイトコードを、 `compile()` 関数を使用してコンパイルし、[ワーカー](/ja/docs/Web/API/Web_Workers_API)に [postMessage()](/ja/docs/Web/API/Worker/postMessage) を用いて送信します。 + +```js +var worker = new Worker("wasm_worker.js"); + +fetch('simple.wasm').then(response => + response.arrayBuffer() +).then(bytes => + WebAssembly.compile(bytes) +).then(mod => + worker.postMessage(mod) +); +``` + +> **Note:** おそらく多くの場合は {{jsxref("WebAssembly.compileStreaming()")}} を使用したほうが `compile()` よりも効率的なのでそちらの方がいいでしょう。 + + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/compileerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/compileerror/index.md new file mode 100644 index 0000000000..26fa3f0799 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/compileerror/index.md @@ -0,0 +1,66 @@ +--- +title: WebAssembly.CompileError() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError/CompileError +tags: + - Constructor + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.CompileError.CompileError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError/CompileError +--- +{{JSRef}} + +**`WebAssembly.CompileError()`** コンストラクターは、新しい WebAssembly の `CompileError` オブジェクトを生成します。これは WebAssembly のデコードまたは検証中のエラーを示します。 + +## 構文 + +```js +new WebAssembly.CompileError() +new WebAssembly.CompileError(message) +new WebAssembly.CompileError(message, fileName) +new WebAssembly.CompileError(message, fileName, lineNumber) +``` + +### 引数 + +- `message` {{optional_inline}} + - : このエラーの人間が読める説明です。 +- `fileName` {{optional_inline}} + - : 例外が発生したコードを含むファイル名です。 +- `lineNumber` {{optional_inline}} + - : 例外が発生したコードの行番号です。 + +## 例 + +### 新しい CompileError インスタンスの生成 + +以下のスニペットは新しい `CompileError` のインスタンスを生成し、コンソールに詳細を記録します。 + +```js +try { + throw new WebAssembly.CompileError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof CompileError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "CompileError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードの実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.html deleted file mode 100644 index 785e7f604e..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.html +++ /dev/null @@ -1,110 +0,0 @@ ---- -title: WebAssembly.CompileError() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError ---- -<div>{{JSRef}} {{SeeCompatTable}}</div> - -<p><code><strong>WebAssembly.CompileError()</strong></code> コンストラクタは WebAssembly <code>CompileError</code> オブジェクトを生成します。WebAssembly のデコードやバリデーション中にエラーが発生したことを示します。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox"><code>new WebAssembly.CompileError(<var>message</var>, <var>fileName</var>, <var>lineNumber</var>)</code></pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><code>message</code> {{optional_inline}}</dt> - <dd>ヒューマンリーダブルなエラーの説明。</dd> - <dt><code>fileName</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードを含むファイルの名前。</dd> - <dt><code>lineNumber</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードの行番号。</dd> -</dl> - -<h2 id="プロパティ">プロパティ</h2> - -<p><em><code>CompileError</code> コンストラクタは自身のプロパティを持ちませんが、プロトタイプチェーンを通していくつかのプロパティを継承します。</em></p> - -<dl> - <dt><code>WebAssembly.CompileError.prototype.constructor</code></dt> - <dd>インスタンスのプロトタイプを生成した関数を示します。</dd> - <dt>{{jsxref("Error.prototype.message", "WebAssembly.CompileError.prototype.message")}}</dt> - <dd>エラーメッセージ。ECMA-262では {{jsxref("URIError")}} は自身の <code>message</code> プロパティを提供する必要がありますが、<a href="/ja/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> では {{jsxref("Error.prototype.message")}} を継承します。</dd> - <dt>{{jsxref("Error.prototype.name", "WebAssembly.CompileError.prototype.name")}}</dt> - <dd>エラー名。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.fileName", "WebAssembly.CompileError.prototype.fileName")}}</dt> - <dd>このエラーを発生させたファイルのパス。 {{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.lineNumber", "WebAssembly.CompileError.prototype.lineNumber")}}</dt> - <dd>このエラーを発生させたファイルの行番号。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.columnNumber", "WebAssembly.CompileError.prototype.columnNumber")}}</dt> - <dd>このエラーが発生した行の列番号。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.stack", "WebAssembly.CompileError.prototype.stack")}}</dt> - <dd>スタックトレース。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<p><em><code>CompileError</code> コンストラクタは自身のメソッドを持ちませんが、プロトタイプチェーンを通していくつかのメソッドを継承します。</em></p> - -<dl> - <dt>{{jsxref("Error.prototype.toSource", "WebAssembly.CompileError.prototype.toSource()")}}</dt> - <dd>同じエラーを評価できるコードを返します。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.toString", "WebAssembly.CompileError.prototype.toString()")}}</dt> - <dd>指定された <code>Error</code> オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="例">例</h2> - -<p>以下のスニペットで <code>CompileError</code> インスタンスを生成して、詳細をコンソールに表示します。</p> - -<pre class="brush: js">try { - throw new WebAssembly.CompileError('Hello', 'someFile', 10); -} catch (e) { - console.log(e instanceof CompileError); // true - console.log(e.message); // "Hello" - console.log(e.name); // "CompileError" - console.log(e.fileName); // "someFile" - console.log(e.lineNumber); // 10 - console.log(e.columnNumber); // 0 - console.log(e.stack); // コードが実行された場所を返す -}</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#constructor-properties-of-the-webassembly-object', 'WebAssembly constructors')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>WebAssembly の初回ドラフト定義。</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-native-error-types-used-in-this-standard', 'NativeError')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td>標準の NativeError 型の定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.CompileError")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> - -<dl> -</dl> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.md new file mode 100644 index 0000000000..e851a74a2a --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/compileerror/index.md @@ -0,0 +1,78 @@ +--- +title: WebAssembly.CompileError +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError +tags: + - API + - Class + - CompileError + - JavaScript + - NativeError + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.CompileError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError +--- +{{JSRef}} + +**`WebAssembly.CompileError`** オブジェクトは、 WebAssembly のデコードや検証の間のエラーを示します。 + +## コンストラクター + +- [`WebAssembly.CompileError()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError/CompileError) + - : 新しい `WebAssembly.CompileError` オブジェクトを生成します。 + +## インスタンスプロパティ + +- {{jsxref("Error.prototype.message", "WebAssembly.CompileError.prototype.message")}} + - : エラーメッセージ。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.name", "WebAssembly.CompileError.prototype.name")}} + - : エラー名。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.fileName", "WebAssembly.CompileError.prototype.fileName")}} + - : このエラーを発生させたファイルのパス。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.lineNumber", "WebAssembly.CompileError.prototype.lineNumber")}} + - : このエラーを発生させたファイルの行番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.columnNumber", "WebAssembly.CompileError.prototype.columnNumber")}} + - : このエラーが発生した行の列番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.stack", "WebAssembly.CompileError.prototype.stack")}} + - : スタックトレース。 {{jsxref("Error")}} から継承しています。 + +## インスタンスメソッド + +- {{jsxref("Error.prototype.toSource", "WebAssembly.CompileError.prototype.toSource()")}} + - : 同じエラーを評価できるコードを返します。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.toString", "WebAssembly.CompileError.prototype.toString()")}} + - : 指定された `Error` オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承しています。 + +## 例 + +### 新しい CompileError のインスタンスの作成 + +以下のスニペットでは、新しい `CompileError` インスタンスを生成して、詳細をコンソールに記録します。 + +```js +try { + throw new WebAssembly.CompileError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof CompileError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "CompileError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードが実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/global/global/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/global/global/index.md new file mode 100644 index 0000000000..116ea04f15 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/global/global/index.md @@ -0,0 +1,84 @@ +--- +title: WebAssembly.Global() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/Global +tags: + - Constructor + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Global.Global +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/Global +--- +{{JSRef}} + +**`WebAssembly.Global()`** コンストラクターは、グローバル変数のインスタンスを表す新しい `Global` オブジェクトを表し、これは JavaScript からアクセス可能で、 1 つ以上の {{jsxref("WebAssembly.Module")}} インスタンスの間でインポート/エクスポート可能です。これにより、複数のモジュールを動的リンクすることができます。 + +## 構文 + +```js +new WebAssembly.Global(descriptor, value) +``` + +### 引数 + +- _descriptor_ + + - : `GlobalDescriptor` 辞書オブジェクトで、 2 つのプロパティを持っています。 + + - `value`: [`USVString`](/ja/docs/Web/API/USVString) で、そのグローバル変数のデータ型を表します。これは `i32`、`i64`、`f32`、`f64` のいずれかです。 USVString は Unicode のスカラー値の取りうる並びに相当します。 USVString は JavaScript で返されたときに、 String にマップされます。一般的に、テキスト処理を行い、操作するために Unicode スカラー値の文字列を必要とする API にのみ使用されます。 USVString は、対になっていないサロゲートコードポイントを許可しないことを除いて、 DOMString と同等です。 USVString に存在する対になっていないサロゲートコードポイントは、ブラウザーが Unicode の「置換文字」 U+FFFD, (�) に変換されます。 + - `mutable`: 論理値で、そのグローバル変数が変更可能であるかどうかを表します。既定では `false` です。 + +- _value_ + - : 変数が保持する値です。変数のデータ型に合う限りどんな値でも取れます。もしも何の値も渡されないと、[`DefaultValue` + アルゴリズム](https://webassembly.github.io/spec/js-api/#defaultvalue)で指定した時のように、型付きの 0 が使われます。 + +## 例 + +### 新しい Global インスタンスの生成 + +以下の例は、 `WebAssembly.Global()` コンストラクターを用いて生成された新しいグローバルインスタンスです。これは変更可能 (mutable) な `i32` 型で、値は 0 です。 + +その後、グローバルの値は、まず `Global.value` プロパティを使用して `42` に変更され、次に `global.wasm` モジュールからエクスポートされた `incGlobal()` 関数を使用して 43 に変更されます (これは、与えられた値に 1 を追加してから新しい値を返します)。 + +```js +const output = document.getElementById('output'); + +function assertEq(msg, got, expected) { + output.innerHTML += `Testing ${msg}: `; + if (got !== expected) + output.innerHTML += `FAIL!<br>Got: ${got}<br>Expected: ${expected}<br>`; + else + output.innerHTML += `SUCCESS! Got: ${got}<br>`; +} + +assertEq("WebAssembly.Global exists", typeof WebAssembly.Global, "function"); + +const global = new WebAssembly.Global({value:'i32', mutable:true}, 0); + +WebAssembly.instantiateStreaming(fetch('global.wasm'), { js: { global } }) +.then(({instance}) => { + assertEq("getting initial value from wasm", instance.exports.getGlobal(), 0); + global.value = 42; + assertEq("getting JS-updated value from wasm", instance.exports.getGlobal(), 42); + instance.exports.incGlobal(); + assertEq("getting wasm-updated value from JS", global.value, 43); +}); +``` + +> **Note:** この例は[GitHub 上の実行例](https://mdn.github.io/webassembly-examples/js-api-examples/global.html)で確認できます。また、[ソースコード](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/global.html)も参照してください。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) overview page +- [WebAssembly concepts](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) +- [Import/Export + mutable globals proposal](https://github.com/WebAssembly/mutable-global/blob/master/proposals/mutable-global/Overview.md) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/global/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/global/index.html deleted file mode 100644 index 16817b0777..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/global/index.html +++ /dev/null @@ -1,118 +0,0 @@ ---- -title: WebAssembly.Global -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global -tags: - - API - - Constructor - - JavaScript - - Reference - - WebAssembly - - global -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global ---- -<div>{{JSRef}}</div> - -<p><strong><code>WebAssembly.Global</code></strong> はグローバル変数として存在し、JavaScript または {{jsxref("WebAssembly.Module")}} インスタンスから参照することができます。これにより動的に複数のモジュールをリンクすることができます。</p> - -<h2 id="Constructor_Syntax" name="Constructor_Syntax">コンストラクターの文法</h2> - -<pre class="syntaxbox">var myGlobal = new WebAssembly.Global(<em>descriptor</em>, <em>value</em>);</pre> - -<h3 id="Parameters" name="Parameters">パラメーター</h3> - -<dl> - <dt><em>descriptor</em></dt> - <dd><code>GlobalDescriptor</code> 辞書オブジェクト、2 つの要素を持っている: - <ul> - <li><code>value</code>: {{domxref("USVString")}} はグローバルデータ形式を表し値として <code>i32</code>、<code>i64</code>、<code>f32</code>、<code>f64</code> のうち一つを取ります。</li> - <li><code>mutable</code>: グローバルがミュータブルかどうかの真偽値です。デフォルトでは <code>false</code> です。</li> - </ul> - </dd> - <dt><em>value</em></dt> - <dd>変数が保持する値です。変数のデータ型に合う限りどんな値でも取れます。もしも何の値も渡されないと、<a href="https://webassembly.github.io/spec/js-api/#defaultvalue"><code>DefaultValue</code> algorithm</a> で指定した時の様な 型ありの 0 が使われます。</dd> -</dl> - -<h2 id="Function_properties_of_the_Global_constructor" name="Function_properties_of_the_Global_constructor">グローバルコンストラクターによる関数プロパティ</h2> - -<p>無し</p> - -<h2 id="Global_instances" name="Global_instances">グローバルインスタンス</h2> - -<p>すべてのグローバルインスタンスは <code>Global()</code> コンストラクターのプロパティオブジェクトを受け継ぐ — これによりすべての <code>Global</code> インスタンスを変更できる</p> - -<h3 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h3> - -<p>{{page('/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/prototype', 'Properties')}}</p> - -<h3 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h3> - -<p>{{page('/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/prototype', 'Methods')}}</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>以下の例では新しいグローバルインスタンスは <code>WebAssembly.Global()</code> コンストラクターを用いて初期化され、初期値 0 のミュータブルな <code>i32</code> 型として定義されます。</p> - -<p>その後この値は、<code>Global.value</code> プロパティを使うことによって <code>42</code> に、<code>global.wasm</code> モジュールから公開された <code>incGlobal()</code> 関数 (入力に限らず 1 を加算する) を使うことによって <code>43</code> になります。</p> - -<pre class="brush: js">const output = document.getElementById('output'); - -function assertEq(msg, got, expected) { - output.innerHTML += `Testing ${msg}: `; - if (got !== expected) - output.innerHTML += `FAIL!<br>Got: ${got}<br>Expected: ${expected}<br>`; - else - output.innerHTML += `SUCCESS! Got: ${got}<br>`; -} - -assertEq("WebAssembly.Global exists", typeof WebAssembly.Global, "function"); - -const global = new WebAssembly.Global({value:'i32', mutable:true}, 0); - -WebAssembly.instantiateStreaming(fetch('global.wasm'), { js: { global } }) -.then(({instance}) => { - assertEq("getting initial value from wasm", instance.exports.getGlobal(), 0); - global.value = 42; - assertEq("getting JS-updated value from wasm", instance.exports.getGlobal(), 42); - instance.exports.incGlobal(); - assertEq("getting wasm-updated value from JS", global.value, 43); -});</pre> - -<div class="note"> -<p><strong>メモ</strong>: <a href="https://mdn.github.io/webassembly-examples/js-api-examples/global.html">GitHub 上で動くデモ</a>が試せます。<a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/global.html">ソースコード</a>も確認してみてください。</p> -</div> - -<h2 id="Specifications" name="Specifications">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#globals', 'WebAssembly.Global()')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>初回ドラフト定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> - -<div> - - -<p>{{Compat("javascript.builtins.WebAssembly.Global")}}</p> -</div> - -<h2 id="See_also" name="See_also">参考</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly とは何か</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> - <li><a href="https://github.com/WebAssembly/mutable-global/blob/master/proposals/mutable-global/Overview.md">Import/Export mutable globals proposal</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/global/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/global/index.md new file mode 100644 index 0000000000..68b78bdb66 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/global/index.md @@ -0,0 +1,87 @@ +--- +title: WebAssembly.Global +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global +tags: + - Class + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Global +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Global +--- +{{JSRef}} + +**`WebAssembly.Global`** はグローバル変数のインスタンスを表します。 JavaScript からアクセスでき、1つ以上の {{jsxref("WebAssembly.Module")}} インスタンス間でインポート/エクスポートすることができます。これにより複数のモジュールを動的にリンクすることができます。 + +## コンストラクター + +- [`WebAssembly.Global()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/Global) + - : 新しい `Global` オブジェクトを生成します。 + +## Global のインスタンス + +すべての `Global` のインスタンスは `Global()` コンストラクターのプロパティオブジェクトを継承します。これによりすべての `Global` インスタンスを変更することができます。 + +### インスタンスプロパティ + +- `Global.prototype.constructor` + - : このオブジェクトのインスタンスを生成した関数を返します。既定では、これは {{jsxref("WebAssembly.Global()")}} コンストラクターです。 +- `Global.prototype[@@toStringTag]` + - : [@@toStringTag](/ja/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toStringTag) プロパティの初期値で、文字列値 "WebAssembly.Global" です。 +- `Global.prototype.value` + - : グローバル変数の中に含まれている値です。これにより、グローバル値を直接設定および取得することができます。 + +### インスタンスメソッド + +- `Global.prototype.valueOf()` + - : グローバル変数の中に含まれている値を返す古い形のメソッドです。 + +## 例 + +### 新しい Global インスタンスの生成 + +以下の例では新しいグローバルインスタンスは `WebAssembly.Global()` コンストラクターを用いて初期化され、初期値 0 の変更可能な `i32` 型として定義されます。 + +その後この値は、`Global.value` プロパティを使うことによって `42` に、`global.wasm` モジュールから公開された (どんな値が与えられても 1 を加算して、新しい値を返す) `incGlobal()` 関数を使うことによって `43` になります。 + +```js +const output = document.getElementById('output'); + +function assertEq(msg, got, expected) { + output.innerHTML += `Testing ${msg}: `; + if (got !== expected) + output.innerHTML += `FAIL!<br>Got: ${got}<br>Expected: ${expected}<br>`; + else + output.innerHTML += `SUCCESS! Got: ${got}<br>`; +} + +assertEq("WebAssembly.Global exists", typeof WebAssembly.Global, "function"); + +const global = new WebAssembly.Global({value:'i32', mutable:true}, 0); + +WebAssembly.instantiateStreaming(fetch('global.wasm'), { js: { global } }) +.then(({instance}) => { + assertEq("getting initial value from wasm", instance.exports.getGlobal(), 0); + global.value = 42; + assertEq("getting JS-updated value from wasm", instance.exports.getGlobal(), 42); + instance.exports.incGlobal(); + assertEq("getting wasm-updated value from JS", global.value, 43); +}); +``` + +> **Note:** この例は[GitHub 上の実行例](https://mdn.github.io/webassembly-examples/js-api-examples/global.html)で確認できます。また、[ソースコード](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/global.html)も参照してください。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) overview page +- [WebAssembly concepts](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) +- [Import/Export mutable globals proposal](https://github.com/WebAssembly/mutable-global/blob/master/proposals/mutable-global/Overview.md) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/index.html deleted file mode 100644 index 721d647799..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: WebAssembly -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly -tags: - - API - - JavaScript - - Namespace - - Object - - Reference - - WebAssembly -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly ---- -<div>{{JSRef}}{{SeeCompatTable}}</div> - -<p><strong><code>WebAssembly</code></strong> JavaScript オブジェクトは全ての <a href="/ja/docs/WebAssembly">WebAssembly</a> に関連する機能の名前空間として振る舞います。</p> - -<p>他のグローバルオブジェクトとは異なり、<code>WebAssembly</code> はコンストラクタではありません (関数オブジェクトではない) 。数学定数、関数の名前空間である {{jsxref("Math")}} や 、国際化コンストラクタと他の言語に依存する関数のための {{jsxref("Intl")}} と同等のものです。</p> - -<h2 id="概要">概要</h2> - -<p><code>WebAssembly</code> オブジェクトの主な用途は次のとおりです:</p> - -<ul> - <li>{{jsxref("WebAssembly.instantiate()")}} 関数を用いて WebAssembly コードをロードします。</li> - <li>{{jsxref("WebAssembly.Memory()")}}/{{jsxref("WebAssembly.Table()")}} コンストラクタ経由で新しいメモリやテーブルを生成します。</li> - <li>{{jsxref("WebAssembly.CompileError()")}}/{{jsxref("WebAssembly.LinkError()")}}/{{jsxref("WebAssembly.RuntimeError()")}} コンストラクタを経由して、WebAssembly で発生するエラーを処理する機能を提供します、</li> -</ul> - -<h2 id="メソッド">メソッド</h2> - -<dl> - <dt>{{jsxref("WebAssembly.instantiate()")}}</dt> - <dd>WebAssembly コードをコンパイル、インスタンス化するための主要な API で、 <code>Module</code> と、その最初の <code>Instance</code> を返します。</dd> - <dt>{{jsxref("WebAssembly.instantiateStreaming()")}}</dt> - <dd>ソースのストリームから直接 WebAssembly モジュールをコンパイル、インスタンス化し、 <code>Module</code> と、その最初の <code>Instance</code> を返します。</dd> - <dt>{{jsxref("WebAssembly.compile()")}}</dt> - <dd>{{jsxref("WebAssembly.Module")}} を用いて WebAssembly バイナリコードからコンパイルします。インスタンス化は別ステップとして分離されます。</dd> - <dt>{{jsxref("WebAssembly.compileStreaming()")}}</dt> - <dd>ソースのストリームから直接 {{jsxref("WebAssembly.Module")}} にコンパイルします。インスタンス化は別ステップとして分離されます。</dd> - <dt>{{jsxref("WebAssembly.validate()")}}</dt> - <dd>WebAssembly バイナリコードの型付き配列を検証し、バイト列が有効な WebAssembly コードか (<code>true</code>) 否か (<code>false</code>) を返します。</dd> -</dl> - -<h2 id="コンストラクタ">コンストラクタ</h2> - -<dl> - <dt>{{jsxref("WebAssembly.Module()")}}</dt> - <dd>新しい WebAssembly <code>Module</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.Instance()")}}</dt> - <dd>新しい WebAssembly <code>Instance</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.Memory()")}}</dt> - <dd>新しい WebAssembly <code>Memory</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.Table()")}}</dt> - <dd>新しい WebAssembly <code>Table</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.CompileError()")}}</dt> - <dd>新しい WebAssembly <code>CompileError</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.LinkError()")}}</dt> - <dd>新しい WebAssembly <code>LinkError</code> オブジェクトを生成します。</dd> - <dt>{{jsxref("WebAssembly.RuntimeError()")}}</dt> - <dd>新しい WebAssembly <code>RuntimeError</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="例">例</h2> - -<p>fetch を使用して WebAssembly バイトコードをフェッチした後、{{jsxref("WebAssembly.instantiate()")}} 関数を使用してモジュールをコンパイル、インスタンス化します。その過程で、WebAssembly モジュールに JavaScript の関数をインポートします。このプロミスは解決時に <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module">Module</a></code> と <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance">Instance</a></code> を含むオブジェクト (<code>result</code>) を渡します。次に、<code>Instance</code> からエクスポートされている <a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a> を呼び出します。</p> - -<pre class="brush: js notranslate">var importObject = { - imports: { - imported_func: function(arg) { - console.log(arg); - } - } -}; - -fetch('simple.wasm').then(response => - response.arrayBuffer() -).then(bytes => - WebAssembly.instantiate(bytes, importObject) -).then(result => - result.instance.exports.exported_func() -);</pre> - -<div class="note"> -<p><strong>注</strong>: GitHub上の例 (<a href="https://mdn.github.io/webassembly-examples/js-api-examples/">動作例</a>) の<a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index.html">index.html</a>では、我々で定義した <code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js#L1">fetchAndInstantiate()</a></code> ライブラリ関数を使用しています。</p> -</div> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#the-webassembly-object', 'WebAssembly')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>初回ドラフト定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/index.md new file mode 100644 index 0000000000..700baceb0b --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/index.md @@ -0,0 +1,87 @@ +--- +title: WebAssembly +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly +tags: + - API + - JavaScript + - Namespace + - Object + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly +--- +{{JSRef}} + +**`WebAssembly`** は JavaScript のオブジェクトで、 [WebAssembly](/ja/docs/WebAssembly) に関するすべての機能の名前空間の役割をします。 + +他のグローバルオブジェクトとは異なり、 `WebAssembly` はコンストラクターではありません (関数オブジェクトではありません) 。数学の定数や関数の名前空間である {{jsxref("Math")}} や 、国際化のコンストラクターやその他の言語を意識した関数ための {{jsxref("Intl")}} と同様のものです。 + +## 概要 + +`WebAssembly` オブジェクトの主な用途は次のとおりです。 + +- {{jsxref("WebAssembly.instantiate()")}} 関数を用いた WebAssembly コードの読み込み。 +- {{jsxref("WebAssembly.Memory()")}}/{{jsxref("WebAssembly.Table()")}} コンストラクターによる新しいメモリーやテーブルインスタンスの生成。 +- {{jsxref("WebAssembly.CompileError()")}}/{{jsxref("WebAssembly.LinkError()")}}/{{jsxref("WebAssembly.RuntimeError()")}} コンストラクターによる、WebAssembly で発生するエラーの処理する機能の提供。 + +## コンストラクタープロパティ + +- [`WebAssembly.CompileError()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/CompileError/CompileError) + - : WebAssembly のデコードまたは検証中のエラーを示します。 +- [`WebAssembly.Global()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Global/Global) + - : グローバル変数のインスタンスを表し、 JavaScript からアクセス可能で、 1 つ以上の {{jsxref("WebAssembly.Module")}} インスタンスの間でインポート/エクスポート可能です。これにより、複数のモジュールを動的リンクすることができます。 +- [`WebAssembly.Instance()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/Instance) + - : ステートフルで、実行可能な [WebAssembly.Module](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module) のインスタンスです。 +- [`WebAssembly.LinkError()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError/LinkError) + - : (関数開始後の[トラップ](https://webassembly.org/docs/semantics/#traps)ではなく) モジュールの初期化時に発生したエラーを示します。 +- [`WebAssembly.Memory()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory) + - : {{jsxref("WebAssembly/Memory/buffer","buffer")}} プロパティが可変長の [ArrayBuffer](/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) であり、これが WebAssembly の `Instance` からアクセス可能なメモリーのバイト列を保持しています。 +- [`WebAssembly.Module()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module) + - : ステートレスの WebAssembly のコードであり、ブラウザーでコンパイルされ、効率的に[ワーカーと共有](/ja/docs/Web/API/Worker/postMessage)することができ、複数回インスタンス化することができます。 +- [`WebAssembly.RuntimeError()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError) + - : WebAssembly が[トラップ](https://webassembly.org/docs/semantics/#traps)を指定するたびに例外として発生するエラー型です。 +- [`WebAssembly.Table()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table) + - : WebAssembly のテーブルを表す配列風の構造で、関数の参照を保持します。 + +## 静的メソッド + +- {{jsxref("WebAssembly.instantiate()")}} + - : WebAssembly コードをコンパイル、インスタンス化するための主要な API で、 `Module` と、その最初の `Instance` を返します。 +- {{jsxref("WebAssembly.instantiateStreaming()")}} + - : ソースのストリームから直接 WebAssembly モジュールをコンパイル、インスタンス化し、 `Module` と、その最初の `Instance` を返します。 +- {{jsxref("WebAssembly.compile()")}} + - : {{jsxref("WebAssembly.Module")}} を用いて WebAssembly バイナリコードからコンパイルします。インスタンス化は別ステップとして分離されます。 +- {{jsxref("WebAssembly.compileStreaming()")}} + - : ソースのストリームから直接 {{jsxref("WebAssembly.Module")}} にコンパイルします。インスタンス化は別ステップとして分離されます。 +- {{jsxref("WebAssembly.validate()")}} + - : WebAssembly バイナリコードの型付き配列を検証し、バイト列が有効な WebAssembly コードか (`true`) 否か (`false`) を返します。 + +## 例 + +## .wasm モジュールを読み込み、コンパイルし、インスタンス化する + +次の例 (GitHub 上の [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) のデモと、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)も参照) は、基礎となるソースから .wasm モジュールを直接ストリーミングし、コンパイルしてインスタンス化し、 `ResultObject` で履行されるプロミスを返します。 `instantiateStreaming()` 関数は [`Response`](/ja/docs/Web/API/Response "Response は Fetch API のインターフェイスで、リクエストのレスポンスを表します。") オブジェクトのプロミスを受け付けるので、 [`fetch()`](/ja/docs/Web/API/fetch) の呼び出し結果を直接渡すと、履行されたときにレスポンスを関数に渡すことができます。 + +```js +var importObject = { imports: { imported_func: arg => console.log(arg) } }; + +WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject) +.then(obj => obj.instance.exports.exported_func()); +``` + +それから `ResultObject` の instance メンバーにアクセスすると、呼び出し対象のエクスポートされた関数が入っています。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.html deleted file mode 100644 index 008a8c3feb..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: WebAssembly.Instance.prototype.exports -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/exports -tags: - - API - - JavaScript - - Property - - Reference - - WebAssembly - - exports - - instance - - プロパティ -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/exports ---- -<div>{{JSRef}}</div> - -<p><strong><code>exports</code></strong> は {{jsxref("WebAssembly.Instance")}} オブジェクトプロトタイプの読み取り専用プロパティで、 WebAssembly モジュールインスタンスからエクスポートされたすべての関数をメンバ－として持つオブジェクトを返します。これらは、 JavaScript からアクセスして使用することができます。</p> - -<pre class="syntaxbox">instance.exports</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<p>fetch を使用して WebAssembly バイトコードを読み取った後、 {{jsxref("WebAssembly.instantiate()")}} 関数を使用してモジュールをコンパイル、インスタンス化します。このプロセスの中で、 JavaScript 関数を WebAssembly モジュールにインポートします。その後、 <code>Instance</code> からエクスポートされた<a href="/ja/docs/WebAssembly/Exported_functions">エクスポート済み WebAssembly 関数</a> を呼び出します。</p> - -<pre class="brush: js">var importObject = { - imports: { - imported_func: function(arg) { - console.log(arg); - } - } -}; - -WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject) -.then(obj => obj.instance.exports.exported_func());</pre> - -<div class="note"> -<p><strong>メモ</strong>: この例は GitHub 上の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html">instantiate-streaming.html</a> (<a href="https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html">ライブでも</a>) で見ることができます。</p> -</div> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-instance-exports', 'WebAssembly.Instance: exports')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Instance.exports")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.md new file mode 100644 index 0000000000..33c3d92a83 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/instance/exports/index.md @@ -0,0 +1,56 @@ +--- +title: WebAssembly.Instance.prototype.exports +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/exports +tags: + - API + - JavaScript + - プロパティ + - リファレンス + - WebAssembly + - exports + - instance +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance/exports +--- +{{JSRef}} + +**`exports`** は {{jsxref("WebAssembly.Instance")}} オブジェクトプロトタイプの読み取り専用プロパティで、 WebAssembly モジュールインスタンスからエクスポートされたすべての関数をメンバ－として持つオブジェクトを返します。これらは、 JavaScript からアクセスして使用することができます。 + +```js +instance.exports +``` + +## 例 + +### exports の使用 + +fetch を使用して WebAssembly バイトコードを読み取った後、 {{jsxref("WebAssembly.instantiateStreaming()")}} 関数を使用してモジュールをコンパイルし、インスタンス化し、 JavaScript 関数をそのプロセスの WebAssembly モジュールにインポートします。その後、 `Instance` からエクスポートされた[エクスポート済み WebAssembly 関数](/ja/docs/WebAssembly/Exported_functions)を呼び出します。 + +```js +var importObject = { + imports: { + imported_func: function(arg) { + console.log(arg); + } + } +}; + +WebAssembly.instantiateStreaming(fetch('simple.wasm'), importObject) +.then(obj => obj.instance.exports.exported_func()); +``` + +> **Note:** この例は GitHub 上の [instantiate-streaming.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/instantiate-streaming.html) ([実行例](https://mdn.github.io/webassembly-examples/js-api-examples/instantiate-streaming.html)) で見ることができます。</p> +</div> + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/instance/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/instance/index.html index f194bec747..1d88562b57 100644 --- a/files/ja/web/javascript/reference/global_objects/webassembly/instance/index.html +++ b/files/ja/web/javascript/reference/global_objects/webassembly/instance/index.html @@ -11,7 +11,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Instance --- <div>{{JSRef}}</div> -<p><strong><code>WebAssembly.Instance</code></strong> オブジェクトはステートフルで、実行可能な {{jsxref("WebAssembly.Module")}} のインスタンスです。 <code>Instance</code> オブジェクトには JavaScript から WebAssembly コードを呼び出すことができるすべての<a href="/en-US/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a>が含まれます。</p> +<p><strong><code>WebAssembly.Instance</code></strong> オブジェクトはステートフルで、実行可能な {{jsxref("WebAssembly.Module")}} のインスタンスです。 <code>Instance</code> オブジェクトには JavaScript から WebAssembly コードを呼び出すことができるすべての<a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a>が含まれます。</p> <h2 id="Constructor" name="Constructor">コンストラクター</h2> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/instantiate/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/instantiate/index.html index 740383a83f..7b50060c4b 100644 --- a/files/ja/web/javascript/reference/global_objects/webassembly/instantiate/index.html +++ b/files/ja/web/javascript/reference/global_objects/webassembly/instantiate/index.html @@ -48,7 +48,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/instantiate <ul> <li><code>module</code>: コンパイルされた {{jsxref("WebAssembly.Module")}} オブジェクト。この <code>Module</code> は再度インスタンス化することや、 {{domxref("Worker.postMessage", "postMessage()")}} 経由で共有したり、 <a href="/ja/docs/WebAssembly/Caching_modules">IndexedDB にキャッシュ</a>することができます。</li> - <li><code>instance</code>: {{jsxref("WebAssembly.Instance")}} オブジェクトで、すべての <a href="/en-US/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a> を含む。</li> + <li><code>instance</code>: {{jsxref("WebAssembly.Instance")}} オブジェクトで、すべての <a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a> を含む。</li> </ul> <h4 id="Exceptions" name="Exceptions">例外</h4> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.html deleted file mode 100644 index df9758010e..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: WebAssembly.LinkError() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError ---- -<div>{{JSRef}} {{SeeCompatTable}}</div> - -<p><code><strong>WebAssembly.LinkError()</strong></code> コンストラクタは WebAssembly <code>LinkError</code> オブジェクトを生成します。これはモジュールのインスタンス化中にエラーが発生したことを示します (スタート関数からの <a href="http://webassembly.org/docs/semantics/#traps">トラップ</a> も含みます) 。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">new WebAssembly.LinkError(<var>message</var>, <var>fileName</var>, <var>lineNumber</var>)</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><code>message</code> {{optional_inline}}</dt> - <dd>ヒューマンリーダブルなエラーの説明。</dd> - <dt><code>fileName</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードを含むファイルの名前。</dd> - <dt><code>lineNumber</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードの行番号。</dd> -</dl> - -<h2 id="プロパティ">プロパティ</h2> - -<p><em><code>LinkError</code> コンストラクタは自身のプロパティを持ちませんが、プロトタイプチェーンを通していくつかのプロパティを継承します。</em></p> - -<dl> - <dt><code>WebAssembly.LinkError.prototype.constructor</code></dt> - <dd>インスタンスのプロトタイプを生成した関数を示します。</dd> - <dt>{{jsxref("Error.prototype.message", "WebAssembly.LinkError.prototype.message")}}</dt> - <dd>エラーメッセージ。ECMA-262 では {{jsxref("URIError")}} は自身の <code>message</code> プロパティを提供する必要がありますが、<a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> では {{jsxref("Error.prototype.message")}} を継承します。</dd> - <dt>{{jsxref("Error.prototype.name", "WebAssembly.LinkError.prototype.name")}}</dt> - <dd>エラー名。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.fileName", "WebAssembly.LinkError.prototype.fileName")}}</dt> - <dd>このエラーを発生させたファイルのパス。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.lineNumber", "WebAssembly.LinkError.prototype.lineNumber")}}</dt> - <dd>このエラーを発生させたファイルの行番号。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.columnNumber", "WebAssembly.LinkError.prototype.columnNumber")}}</dt> - <dd>このエラーが発生した行の列番号。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.stack", "WebAssembly.LinkError.prototype.stack")}}</dt> - <dd>スタックトレース。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<p><em><code>LinkError</code> コンストラクタは自身のメソッドを持ちませんが、プロトタイプチェーンを通していくつかのメソッドを継承します。</em></p> - -<dl> - <dt>{{jsxref("Error.prototype.toSource", "WebAssembly.LinkError.prototype.toSource()")}}</dt> - <dd>同じエラーを評価できるコードを返します。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.toString", "WebAssembly.LinkError.prototype.toString()")}}</dt> - <dd>指定された <code>Error</code> オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="例">例</h2> - -<p>以下のスニペットで <code>LinkError</code> インスタンスを生成して、詳細をコンソールに表示します。</p> - -<pre class="brush: js">try { - throw new WebAssembly.LinkError('Hello', 'someFile', 10); -} catch (e) { - console.log(e instanceof LinkError); // true - console.log(e.message); // "Hello" - console.log(e.name); // "LinkError" - console.log(e.fileName); // "someFile" - console.log(e.lineNumber); // 10 - console.log(e.columnNumber); // 0 - console.log(e.stack); // コードが実行された場所を返す -}</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#constructor-properties-of-the-webassembly-object', 'WebAssembly constructors')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>WebAssembly の初回ドラフト定義。</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-native-error-types-used-in-this-standard', 'NativeError')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td>標準の NativeError 型の定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.LinkError")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.md new file mode 100644 index 0000000000..fb4adc12fe --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/index.md @@ -0,0 +1,77 @@ +--- +title: WebAssembly.LinkError +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError +tags: + - API + - Class + - JavaScript + - LinkError + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.LinkError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError +--- +{{JSRef}} + +**`WebAssembly.RuntimeLinkError`** オブジェクトは、モジュールのインスタンス化の際に発生したエラーを示します (開始した関数での[トラップ](https://webassembly.org/docs/semantics/#traps)を除く)。 + +## コンストラクター + +- [`WebAssembly.LinkError()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError/LinkError) + - : 新しい `WebAssembly.LinkError` オブジェクトを生成します。 + +## インスタンスプロパティ + +- {{jsxref("Error.prototype.message", "WebAssembly.LinkError.prototype.message")}} + - : エラーメッセージ。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.name", "WebAssembly.LinkError.prototype.name")}} + - : エラー名。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.fileName", "WebAssembly.LinkError.prototype.fileName")}} + - : このエラーを発生させたファイルのパス。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.lineNumber", "WebAssembly.LinkError.prototype.lineNumber")}} + - : このエラーを発生させたファイルの行番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.columnNumber", "WebAssembly.LinkError.prototype.columnNumber")}} + - : このエラーが発生した行の列番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.stack", "WebAssembly.LinkError.prototype.stack")}} + - : スタックトレース。 {{jsxref("Error")}} から継承しています。 + +## インスタンスメソッド + +- {{jsxref("Error.prototype.toSource", "WebAssembly.LinkError.prototype.toSource()")}} + - : 同じエラーを評価できるコードを返します。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.toString", "WebAssembly.LinkError.prototype.toString()")}} + - : 指定された `Error` オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承しています。 + +## 例 + +### 新しい LinkError のインスタンスの作成 + +以下のスニペットでは、新しい `LinkError` インスタンスを生成して、詳細をコンソールに記録します。 + +```js +try { + throw new WebAssembly.LinkError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof LinkError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "LinkError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードが実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/linkerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/linkerror/index.md new file mode 100644 index 0000000000..e1aa59eade --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/linkerror/linkerror/index.md @@ -0,0 +1,66 @@ +--- +title: WebAssembly.LinkError() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError/LinkError +tags: + - Constructor + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.LinkError.LinkError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/LinkError/LinkError +--- +{{JSRef}} + +**`WebAssembly.LinkError()`** コンストラクターは、新しい WebAssembly `LinkError` オブジェクトを生成します。これは、 (関数開始後の[トラップ](https://webassembly.org/docs/semantics/#traps)ではなく) モジュールがインスタンス化される間に発生したエラーを発生します。 + +## 構文 + +```js +new WebAssembly.LinkError() +new WebAssembly.LinkError(message) +new WebAssembly.LinkError(message, fileName) +new WebAssembly.LinkError(message, fileName, lineNumber) +``` + +### 引数 + +- `message` {{optional_inline}} + - : 人間が読めるエラーの説明です。 +- `fileName` {{optional_inline}} + - : 例外が発生したコードを含むファイル名です。 +- `lineNumber` {{optional_inline}} + - : 例外が発生したコードの行番号です。 + +## 例 + +### 新しい LinkError のインスタンスの生成 + +以下のスニペットは新しい `LinkError` のインスタンスを生成し、コンソールに詳細を記録します。 + +```js +try { + throw new WebAssembly.LinkError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof WebAssembly.LinkError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "LinkError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードの実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.html deleted file mode 100644 index 78052aba53..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: WebAssembly.Memory.prototype.buffer -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer -tags: - - API - - Buffer - - JavaScript - - Property - - Reference - - WebAssembly - - memory - - プロパティ -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer ---- -<div>{{JSRef}}</div> - -<p><strong><code>buffer</code></strong> は {{jsxref("WebAssembly.Memory")}} オブジェクトのプロトタイププロパティで、メモリに含まれるバッファーを返します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では (GitHub 上の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html">memory.html</a> および<a href="https://mdn.github.io/webassembly-examples/js-api-examples/memory.html">ライブデモ版</a> もご覧ください)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリにインポートします。それから、メモリにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } }) -.then(obj => { - var i32 = new Uint32Array(memory.buffer); - for (var i = 0; i < 10; i++) { - i32[i] = i; - } - var sum = obj.instance.exports.accumulate(0, 10); - console.log(sum); -});</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-memory-buffer', 'buffer')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Memory.buffer")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.md new file mode 100644 index 0000000000..49b0be1e58 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/memory/buffer/index.md @@ -0,0 +1,49 @@ +--- +title: WebAssembly.Memory.prototype.buffer +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer +tags: + - API + - Buffer + - JavaScript + - プロパティ + - Reference + - WebAssembly + - memory +browser-compat: javascript.builtins.WebAssembly.Memory.buffer +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer +--- +{{JSRef}} + +**`buffer`** は {{jsxref("WebAssembly.Memory")}} オブジェクトのプロトタイププロパティで、メモリーに含まれるバッファーを返します。 + +## 例 + +### buffer の使用 + +次の例 (GitHub 上の [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) および[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)も参照) では、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリーにインポートします。それから、メモリーにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。 + +```js +WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } }) +.then(obj => { + var i32 = new Uint32Array(memory.buffer); + for (var i = 0; i < 10; i++) { + i32[i] = i; + } + var sum = obj.instance.exports.accumulate(0, 10); + console.log(sum); +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.html deleted file mode 100644 index 7f7d936a08..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: WebAssembly.Memory.prototype.grow() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow -tags: - - API - - JavaScript - - Method - - Reference - - WebAssembly - - grow - - memory - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow ---- -<div>{{JSRef}}</div> - -<p><strong><code>grow()</code></strong> は {{jsxref("WebAssembly.Memory")}} オブジェクトのプロトタイプメソッドで、指定した WebAssembly ページの数だけメモリインスタンスの大きさを拡張します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">memory.grow(<em>number</em>); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>number</em></dt> - <dd>メモリを拡大する WebAssembly ページ数 (それぞれは 64KiB の大きさ)。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>以前のメモリの大きさを、 WebAssembly ページ単位で返します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>以下の例では、新しい WebAssembly メモリインスタンスを初期サイズ1ページ (64KiB)、最大サイズ10ページ (640KiB) で作成します。</p> - -<pre class="brush: js">var memory = new WebAssembly.Memory({initial:1, maximum:10});</pre> - -<p>それから、インスタンスを1ページ分拡張することができます。</p> - -<pre class="brush: js">const bytesPerPage = 64 * 1024; -console.log(memory.buffer.byteLength / bytesPerPage); // "1" -console.log(memory.grow(1)); // "1" -console.log(memory.buffer.byteLength / bytesPerPage); // "2" -</pre> - -<p>なお、ここでの <code>grow()</code> の返値は直前の WebAssembly ページ数です。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-memory-grow', 'grow()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Memory.grow")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.md new file mode 100644 index 0000000000..e868d4621a --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/memory/grow/index.md @@ -0,0 +1,67 @@ +--- +title: WebAssembly.Memory.prototype.grow() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow +tags: + - API + - JavaScript + - メソッド + - Reference + - WebAssembly + - grow + - memory +browser-compat: javascript.builtins.WebAssembly.Memory.grow +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow +--- +{{JSRef}} + +**`grow()`** は [`Memory`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory) オブジェクトのプロトタイプメソッドで、指定した WebAssembly ページの数だけメモリーインスタンスの大きさを拡張します。 + +## 構文 + +```js +grow(number) +``` + +## 引数 + +- _number_ + - : メモリーを拡大する WebAssembly ページ数 (それぞれは 64KiB の大きさ)。 + +### 返値 + +以前のメモリーの大きさを、 WebAssembly ページ単位で返します。 + +## 例 + +### grow の使用 + +以下の例では、新しい WebAssembly メモリーインスタンスを初期サイズ 1 ページ (64KiB)、最大サイズ 10 ページ (640KiB) で作成します。 + +```js +var memory = new WebAssembly.Memory({initial:1, maximum:10}); +``` + +それから、インスタンスを 1 ページ分拡張することができます。 + +```js +const bytesPerPage = 64 * 1024; +console.log(memory.buffer.byteLength / bytesPerPage); // "1" +console.log(memory.grow(1)); // "1" +console.log(memory.buffer.byteLength / bytesPerPage); // "2" +``` + +なお、ここでの `grow()` の返値は直前の WebAssembly ページ数です。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html deleted file mode 100644 index 4064df7666..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: WebAssembly.Memory() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory -tags: - - Class - - JavaScript - - Reference - - WebAssembly - - クラス -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory ---- -<div>{{JSRef}}</div> - -<p><code><strong>WebAssembly.Memory</strong></code> オブジェクトは {{jsxref("WebAssembly/Memory/buffer","buffer")}} プロパティを持ち、これはサイズ変更可能な {{jsxref("ArrayBuffer")}} で、 WebAssembly <code>Instance</code> からアクセスする生のバイト列のメモリを持ちます。</p> - -<p>JavaScript または WebAssembly コードから生成されたメモリは JavaScript と WebAssembly のどちらからもアクセス、変更が可能になります。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("WebAssembly.Memory()")}}</dt> - <dd>新しい <code>Memory</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Memory_インスタンス"><code>Memory</code> インスタンス</h2> - -<p>全ての <code>Memory</code> インスタンスは <code>Memory()</code> コンストラクターの<a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/prototype">プロトタイプオブジェクト</a>を継承しています。これは全ての <code>Memory</code> インスタンスに影響するように変更可能です。</p> - -<h3 id="Instance_properties" name="Instance_properties">インスタンスプロパティ</h3> - -<dl> - <dt><code>Memory.prototype.constructor</code></dt> - <dd>このオブジェクトのインスタンスを生成した関数を返します。既定では {{jsxref("WebAssembly.Memory()")}} コンストラクターです。</dd> - <dt>{{jsxref("WebAssembly/Memory/buffer","Memory.prototype.buffer")}}</dt> - <dd>メモリに格納されているバッファーを返すアクセサープロパティです。</dd> -</dl> - -<h3 id="Instance_methods" name="Instance_methods">インスタンスメソッド</h3> - -<dl> - <dt>{{jsxref("WebAssembly/Memory/grow","Memory.prototype.grow()")}}</dt> - <dd>指定した WebAssembly ページの数 (64KBを1単位とする) で <code>Memory</code> インスタンスのサイズを増やします。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<p><code>WebAssembly.Memory</code> オブジェクトを取得する方法は2つあります。1つ目は JavaScript から生成する方法です。以下の例では、初期サイズが10ページ (640KiB) 、最大サイズが100ページ (6.4MiB) で新しい WebAssembly Memory インスタンスを生成しています。</p> - -<pre class="brush: js">var memory = new WebAssembly.Memory({initial:10, maximum:100});</pre> - -<p>2つ目は WebAssembly モジュールからエクスポートされた <code>WebAssembly.Memory</code> オブジェクトを使用する方法です。次の例では (GitHub 上の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html">memory.html</a> および<a href="https://mdn.github.io/webassembly-examples/js-api-examples/memory.html">ライブデモ版</a> もご覧ください)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリにインポートします。それから、メモリにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。</p> - -<pre class="brush: js">fetchAndInstantiate('memory.wasm').then(function(instance) { - var i32 = new Uint32Array(instance.exports.mem.buffer); - for (var i = 0; i < 10; i++) { - i32[i] = i; - } - var sum = instance.exports.accumulate(0, 10); - console.log(sum); -});</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#memories', 'Memory')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Memory")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.md new file mode 100644 index 0000000000..5432227ae2 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/memory/index.md @@ -0,0 +1,90 @@ +--- +title: WebAssembly.Memory() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory +tags: + - クラス + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Memory +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory +--- +{{JSRef}} + +**`WebAssembly.Memory`** オブジェクトはサイズ変更可能な {{jsxref("ArrayBuffer")}} または [`SharedArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer) であり、 WebAssembly `Instance` からアクセスする生のバイト列のメモリーを持ちます。</p> + +JavaScript または WebAssembly コードから生成されたメモリーは JavaScript と WebAssembly のどちらからもアクセス、変更が可能になります。 + +## コンストラクター + +- [`WebAssembly.Memory()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory) + - : 新しい `Memory` オブジェクトを生成します。 + +## インスタンスプロパティ + +- [`Memory.prototype.buffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer) + - : メモリーに格納されているバッファーを返すアクセサープロパティです。 + +## インスタンスメソッド + +- [`Memory.prototype.grow()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/grow) + - : 指定した WebAssembly ページ (64KB で 1 単位) の数でメモリーのインスタンスのサイズを増やします。 + +## 例 + +### 新しい Memory オブジェクトの生成 + +`WebAssembly.Memory` オブジェクトを取得する方法は 2 つあります。 1 つ目は JavaScript から生成する方法です。以下の例では、初期サイズが 10 ページ (640KiB) 、最大サイズが 100 ページ (6.4MiB) で新しい WebAssembly Memory インスタンスを生成しています。その [`buffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer) プロパティは [`ArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) を返します。 + +```js +var memory = new WebAssembly.Memory({initial:10, maximum:100}); +``` + +次の例では (GitHub 上の [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) および[実行例](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)も参照)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリにインポートします。それから、メモリにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。 + +```js +WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } }) +.then(obj => { + var i32 = new Uint32Array(memory.buffer); + for (var i = 0; i < 10; i++) { + i32[i] = i; + } + var sum = obj.instance.exports.accumulate(0, 10); + console.log(sum); +}); +``` + +WebAssembly.Memory オブジェクトを取得する 2 つ目の方法は、 WebAssembly モジュールによってエクスポートされることです。このメモリは WebAssembly インスタンスの `exports` プロパティで (メモリーが WebAssembly モジュール内でエクスポートされた後に) アクセスできます。次のスニペットは、 WebAssembly からエクスポートされたメモリを `memory`という名前でインポートし、メモリーの最初の要素を Uint32Array として解釈して表示しています。 + +```js +WebAssembly.instantiateStreaming(fetch('memory.wasm')) +.then(obj => { + var i32 = new Uint32Array(obj.instance.exports.memory.buffer); + console.log(i32[0]); + }); +``` + +### 共有メモリーの作成 + +既定では、 WebAssembly のメモリーは共有されていません。[共有メモリー](/ja/docs/WebAssembly/Understanding_the_text_format#shared_memories)を作成するには、コンストラクター +の初期化オブジェクトに `shared: true` を渡します。 + +```js +let memory = new WebAssembly.Memory({initial:10, maximum:100, shared: true}); +``` + +このメモリーの `buffer` プロパティは [`SharedArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer) を返します。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.html deleted file mode 100644 index 4c9c8f1d09..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: WebAssembly.Memory() コンストラクター -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory -tags: - - Constructor - - JavaScript - - Reference - - WebAssembly - - コンストラクター -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory ---- -<div>{{JSRef}}</div> - -<p>The <code><strong>WebAssembly.Memory()</strong></code> コンストラクターは新しい <code>Memory</code> オブジェクトを生成します。これは {{jsxref("WebAssembly/Memory/buffer","buffer")}} プロパティでサイズ変更可能な {{jsxref("ArrayBuffer")}} により、 WebAssembly <code>Instance</code> からアクセスする生のバイト列のメモリを持ちます。</p> - -<p>JavaScript または WebAssembly コードから生成されたメモリは JavaScript と WebAssembly のどちらからもアクセス、変更が可能になります。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">new WebAssembly.Memory(<var>memoryDescriptor</var>);</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><code><var>memoryDescriptor</var></code></dt> - <dd>以下のメンバーを含むことができるオブジェクトです。 - <dl> - <dt><em>initial</em></dt> - <dd>WebAssembly メモリの初期サイズで、単位は WebAssembly ページ数です。</dd> - <dt><em>maximum {{optional_inline}}</em></dt> - <dd>WebAssembly メモリを拡張できる最大サイズで、単位は WebAssembly ページ数です。存在する場合、 <code>maximum</code> 引数はエンジンがメモリを予約するヒントとして使用されます。ただし、エンジンはこの予約リクエストを無視したり固定したりすることがあります。一般的に、ほとんどの WebAssembly モジュールは <code>maximum</code> を設定する必要はありません。</dd> - </dl> - </dd> -</dl> - -<div class="note"> -<p><strong>メモ</strong>: WebAssembly ページは 65,536 バイト、すなわち 64KiB の固定長です。</p> -</div> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<ul> - <li><code>memoryDescriptor</code> がオブジェクトでない場合は、 {{jsxref("TypeError")}} が発生します。</li> - <li><code>maximum</code> が設定されており、かつ <code>initial</code> よりも小さい場合は、 {{jsxref("RangeError")}} が発生します。</li> -</ul> - -<h2 id="Examples" name="Examples">例</h2> - -<p><code>WebAssembly.Memory</code> オブジェクトを取得する方法は2つあります。1つ目は JavaScript から生成する方法です。以下の例では、初期サイズが10ページ (640KiB) 、最大サイズが100ページ (6.4MiB) で新しい WebAssembly Memory インスタンスを生成しています。</p> - -<pre class="brush: js">var memory = new WebAssembly.Memory({initial:10, maximum:100});</pre> - -<p>2つ目は WebAssembly モジュールからエクスポートされた <code>WebAssembly.Memory</code> オブジェクトを使用する方法です。次の例では (GitHub 上の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html">memory.html</a> および<a href="https://mdn.github.io/webassembly-examples/js-api-examples/memory.html">ライブデモ版</a> もご覧ください)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みんでインスタンス化し、その上の行で生成されたメモリにインポートします。それから、メモリにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } }) -.then(obj => { - var i32 = new Uint32Array(memory.buffer); - for (var i = 0; i < 10; i++) { - i32[i] = i; - } - var sum = obj.instance.exports.accumulate(0, 10); - console.log(sum); -});</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-memory-memory', 'Memory')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Memory.Memory")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.md new file mode 100644 index 0000000000..377afbde14 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/memory/memory/index.md @@ -0,0 +1,91 @@ +--- +title: WebAssembly.Memory() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory +tags: + - コンストラクター + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Memory.Memory +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/Memory +--- +{{JSRef}} + +**`WebAssembly.Memory()`** コンストラクターは新しい `Memory` オブジェクトを生成します。これは {{jsxref("WebAssembly/Memory/buffer","buffer")}} プロパティがサイズ変更可能な [`ArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) または `SharedArrayBuffer` であり、 WebAssembly の `Instance` からアクセスする生のバイト列のメモリーであるものです。 + +JavaScript または WebAssembly コードから生成されたメモリーは JavaScript と WebAssembly のどちらからもアクセス、変更が可能になります。 + +## 構文 + +```js +new WebAssembly.Memory(memoryDescriptor) +``` + +### 引数 + +- _memoryDescriptor_ + + - : 以下のメンバーを含むことができるオブジェクトです。 + + - _initial_ + - : WebAssembly メモリーの初期サイズで、単位は WebAssembly ページ数です。 + - _maximum {{optional_inline}}_ + - : WebAssembly メモリーを拡張できる最大サイズで、単位は WebAssembly ページ数です。存在する場合、 `maximum` 引数はエンジンがメモリーを予約するヒントとして使用されます。ただし、エンジンはこの予約リクエストを無視したり固定したりすることがあります。一般的に、ほとんどの WebAssembly モジュールでは `maximum` を設定する必要はありません。 + - shared _{{optional_inline}}_ + - : 論理値で、このメモリーを共有メモリーにするかどうかを定義します。 `true` に設定すると、共有メモリーになります。既定値は `false` です。 + +> **Note:** WebAssembly ページは 65,536 バイト、すなわち 64KiB の固定長です。 + +### 例外 + +- `memoryDescriptor` がオブジェクトでない場合は、 {{jsxref("TypeError")}} が発生します。 +- `maximum` が設定されており、かつ `initial` よりも小さい場合は、 {{jsxref("RangeError")}} が発生します。 + +## 例 + +### 新しい Memory インスタンスの作成 + +`WebAssembly.Memory` オブジェクトを取得する方法は 2 つあります。 1 つ目は JavaScript から構築する方法です。次の例では、新しい WebAssembly Memory インスタンスを初期サイズが 10 ページ (640KiB) 、最大サイズが 100 ページ (6.4MiB) で生成しています。この [`buffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Memory/buffer) プロパティは [`ArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) を返します。 + +```js +var memory = new WebAssembly.Memory({initial:10, maximum:100}); +``` + +2 つ目は WebAssembly モジュールからエクスポートされた `WebAssembly.Memory` オブジェクトを使用する方法です。次の例では (GitHub 上の [memory.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/memory.html) および[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/memory.html)も参照)、 memory.wasm バイトコードを {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドで読み込みんでインスタンス化し、その上の行で生成されたメモリーにインポートします。それから、メモリーにいくつかの値を格納し、関数をエクスポートして使用し、いくつかの値を合計します。 + +```js +WebAssembly.instantiateStreaming(fetch('memory.wasm'), { js: { mem: memory } }) +.then(obj => { + var i32 = new Uint32Array(memory.buffer); + for (var i = 0; i < 10; i++) { + i32[i] = i; + } + var sum = obj.instance.exports.accumulate(0, 10); + console.log(sum); +}); +``` + +### 共有メモリーの作成 + +既定では、 WebAssembly のメモリーは共有されていません。[共有メモリー](/ja/docs/WebAssembly/Understanding_the_text_format#shared_memories)を作成するには、コンストラクター +の初期化オブジェクトに `shared: true` を渡してください。 + +```js +let memory = new WebAssembly.Memory({initial:10, maximum:100, shared:true}); +``` + +このメモリーの `buffer` プロパティは [`SharedArrayBuffer`](/ja/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer) を返します。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.html deleted file mode 100644 index 1915dd6f59..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: WebAssembly.Module.customSections() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections ---- -<div>{{JSRef}}{{SeeCompatTable}}</div> - -<p><strong><code>WebAssembly.customSections()</code></strong> 関数はモジュールと文字列名を指定して、全てのカスタムセクションのコンテンツのコピーを返します。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">var custSec = WebAssembly.Module.customSections(<em>module</em>, <em>sectionName</em>);</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><em>module</em></dt> - <dd>カスタムセクションが考慮されている {{jsxref("WebAssembly.Module")}} オブジェクト。</dd> - <dt><em>sectionName</em></dt> - <dd>目的のカスタムセクションの文字列名。</dd> -</dl> - -<h3 id="戻り値">戻り値</h3> - -<p><code>sectionName</code> にマッチした全てのカスタムセクションの {{domxref("ArrayBuffer")}} コピーの配列 (もしかしたら空の場合もあります) 。</p> - -<h3 id="例外">例外</h3> - -<p>もし <code>module</code> が {{jsxref("WebAssembly.Module")}} オブジェクトインスタンスでない場合、{{jsxref("TypeError")}} がスローされます。</p> - -<h2 id="カスタムセクション">カスタムセクション</h2> - -<p>wasm モジュールは一連の <strong>セクション</strong> で構成されています。これらのセクションのほとんどは wasm の仕様によって完全に指定、バリデーションされますが、バリデーション中に無視されスキップされる <strong>カスタムセクション</strong> をモジュールに含めることができます (通常のセクション("既知のセクション")とカスタムセクションを区別するための情報は <a href="https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#high-level-structure">高レベルの構造</a> を読んでください)。</p> - -<p>これにより開発者は他の目的のために wasm モジュール内にカスタムデータを含めることができます。例えば、開発者がモジュール内の全ての関数とローカル変数に名前を付けられる (ネイティブビルドにおける "シンボル" のようなもの) <a href="https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section">ネームカスタムセクション</a> のようなものがあります 。</p> - -<p>Note that the WebAssembly テキストフォーマットには現在新しいカスタムセクションのための構文の仕様がありません。しかし、テキストフォーマットから .wasm に変換するときに wasm にネームセクションを追加することができます。<a href="https://github.com/webassembly/wabt">wabt tool</a> の一部である wast2wasm コマンドで <code>--debug-names</code> オプションを指定することができます。これを指定することにより、ネームカスタムセクションを持つ .wasm に変換することができます:</p> - -<pre class="brush: bash">wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names</pre> - -<h2 id="例">例</h2> - -<p>次の例では(custom-section.html の <a href="https://github.com/mdn/webassembly-examples/blob/master/other-examples/custom-section.html">ソース</a> と <a href="https://mdn.github.io/webassembly-examples/other-examples/custom-section.html">動作例</a> をご確認ください) 、ロードした section.wasm バイトコードをコンパイルしています。</p> - -<p>それから、<code>WebAssembly.Module.customSections</code> を使用して <code>length</code> が0より大きいかチェックして、モジュールに "name" カスタムセクションが含まれているかどうかチェックします。この例では "name" カスタムセクションが存在するため、<code>ArrayBuffer</code> オブジェクトが返されます。</p> - -<pre class="brush: js">fetch('simple-name-section.wasm').then(response => - response.arrayBuffer() -).then(bytes => - WebAssembly.compile(bytes) -).then(function(mod) { - var nameSections = WebAssembly.Module.customSections(mod, "name"); - if (nameSections.length != 0) { - console.log("Module contains a name section"); - console.log(nameSections[0]); - }; -});</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#webassemblymodulecustomsections', 'customSections()')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>初回ドラフト定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Module.customSections")}}</p> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.md new file mode 100644 index 0000000000..401ddba03f --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/module/customsections/index.md @@ -0,0 +1,84 @@ +--- +title: WebAssembly.Module.customSections() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections +tags: + - API + - JavaScript + - Method + - Module + - Object + - Reference + - WebAssembly + - customSections +browser-compat: javascript.builtins.WebAssembly.Module.customSections +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/customSections +--- +{{JSRef}} + +**`WebAssembly.customSections()`** 関数はモジュールと文字列名を指定して、すべてのカスタムセクションのコンテンツのコピーを返します。 + +## 構文 + +```js +WebAssembly.Module.customSections(module, sectionName) +``` + +### 引数 + +- _module_ + - : カスタムセクションを考慮する {{jsxref("WebAssembly.Module")}} オブジェクト。 +- _sectionName_ + - : 目的のカスタムセクションの文字列名。 + +### 返値 + +`sectionName` に一致するすべてのカスタムセクションの {{jsxref("ArrayBuffer")}} コピーの配列 (空の場合もあります)。 + +### 例外 + +`module` が {{jsxref("WebAssembly.Module")}} オブジェクトのインスタンスでない場合、{{jsxref("TypeError")}} が発生します。 + +## 解説 + +wasm モジュールは一連の **セクション** で構成されています。これらのセクションのほとんどは wasm の仕様によって完全に指定、検証されますが、検証中に無視されスキップされる **カスタムセクション** をモジュールに含めることができます (通常のセクション ("既知のセクション") とカスタムセクションを区別するための情報は [高レベルの構造](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#high-level-structure) を読んでください)。 + +これにより開発者は他の目的のために wasm モジュール内にカスタムデータを含めることができます。例えば、開発者がモジュール内の全ての関数とローカル変数に名前を付けられる (ネイティブビルドにおける "シンボル" のようなもの) [ネームカスタムセクション](https://github.com/WebAssembly/design/blob/master/BinaryEncoding.md#name-section) のようなものがあります 。 + +なお、 WebAssembly テキストフォーマットには現在新しいカスタムセクションのための構文の仕様がありません。しかし、テキストフォーマットから .wasm に変換するときに wasm にネームセクションを追加することができます。 [wabt tool](https://github.com/webassembly/wabt) の一部である wast2wasm コマンドで `--debug-names` オプションを指定することができ、これを指定することにより、ネームカスタムセクションを持つ .wasm に変換することができます。 + +```bash +wast2wasm simple-name-section.was -o simple-name-section.wasm --debug-names +``` + +## 例 + +### customSections の使用 + +次の例では (custom-section.html の[ソース](https://github.com/mdn/webassembly-examples/blob/master/other-examples/custom-section.html)と[動作例](https://mdn.github.io/webassembly-examples/other-examples/custom-section.html)をご確認ください) 、読み込んだ section.wasm バイトコードをコンパイルします。 + +それから、`WebAssembly.Module.customSections` を使用して `length` が 0 より大きいかチェックして、モジュールに "name" カスタムセクションが含まれているかどうかチェックします。この例では "name" カスタムセクションが存在するため、`ArrayBuffer` オブジェクトが返されます。 + +```js +WebAssembly.compileStreaming(fetch('simple-name-section.wasm')) +.then(function(mod) { + var nameSections = WebAssembly.Module.customSections(mod, "name"); + if (nameSections.length != 0) { + console.log("Module contains a name section"); + console.log(nameSections[0]); + }; +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.html deleted file mode 100644 index fb852a1a29..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: WebAssembly.Module.exports() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports -tags: - - API - - Constructor - - Experimental - - JavaScript - - Method - - Module - - Object - - Reference - - WebAssembly - - exports -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports ---- -<div>{{JSRef}} {{ SeeCompatTable}}</div> - -<p><strong><code>WebAssembly.exports()</code></strong> 関数は指定した <code>Module</code> のエクスポート宣言の定義の配列を返します。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">var exports = WebAssembly.Module.exports(module);</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><em>module</em></dt> - <dd>{{jsxref("WebAssembly.Module")}} オブジェクト。</dd> -</dl> - -<h3 id="戻り値">戻り値</h3> - -<p>指定したモジュールのエクスポートされた関数を表現するオブジェクトの配列。</p> - -<h3 id="例外">例外</h3> - -<p>もしモジュールが {{jsxref("WebAssembly.Module")}} オブジェクトインスタンス出ない場合、{{jsxref("TypeError")}} がスローされます。</p> - -<h2 id="例">例</h2> - -<p>次の例では (Github のデモ <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html">index-compile.html</a> と、<a href="https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html">動作例</a> もご確認ください) {{jsxref("WebAssembly.compile()")}} 関数を使用してロードした simple.wasm をコンパイルして、 <a href="/ja/docs/Web/API/Worker/postMessage">postMessage()</a> を使用してそれを <a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API">worker</a> に送信しています。</p> - -<pre class="brush: js">var worker = new Worker("wasm_worker.js"); - -fetch('simple.wasm').then(response => - response.arrayBuffer() -).then(bytes => - WebAssembly.compile(bytes) -).then(mod => - worker.postMessage(mod) -);</pre> - -<p>worker (<code><a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js">wasm_worker.js</a></code> を参照) 内で、モジュールで使用するためにインポートオブジェクトを定義して、そのあとにメインスレッドからモジュールを受け取るためのイベントハンドラをセットアップします。モジュールを受け取ったとき、{{jsxref("WebAssembly.Instantiate()")}} メソッドを使用してインスタンスを生成し、その内部でエクスポートされた関数を実行します。そのあとに <code>WebAssembly.Module.exports</code> を使用してモジュール上の利用可能なエクスポートの情報を返す方法を示します。</p> - -<pre class="brush: js">var importObject = { - imports: { - imported_func: function(arg) { - console.log(arg); - } - } -}; - -onmessage = function(e) { - console.log('module received from main thread'); - var mod = e.data; - - WebAssembly.instantiate(mod, importObject).then(function(instance) { - instance.exports.exported_func(); - }); - - var exports = WebAssembly.Module.exports(mod); - console.log(exports[0]); -};</pre> - -<p><code>exports[0]</code> のアウトプットはこのようになります:</p> - -<pre class="brush: js">{ name: "exported_func", kind: "function" }</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#webassemblymoduleexports', 'exports()')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>Initial draft definition.</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.Module.exports")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.md new file mode 100644 index 0000000000..a9a33494b3 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/module/exports/index.md @@ -0,0 +1,96 @@ +--- +title: WebAssembly.Module.exports() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports +tags: + - API + - JavaScript + - Method + - Module + - Object + - Reference + - WebAssembly + - exports +browser-compat: javascript.builtins.WebAssembly.Module.exports +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/exports +--- +{{JSRef}} + +**`WebAssembly.Module.exports()`** 関数は、指定された `Module` のエクスポート宣言の定義の配列を返します。 + +## 構文 + +```js +WebAssembly.Module.exports(module) +``` + +### 引数 + +- _module_ + - : {{jsxref("WebAssembly.Module")}} オブジェクトです。 + +### 返値 + +指定したモジュールのエクスポートされた関数を表現するオブジェクトの配列です。 + +### 例外 + +モジュールが {{jsxref("WebAssembly.Module")}} オブジェクトのインスタンスではない場合、{{jsxref("TypeError")}} が発生します。 + +## 例 + +### exports の使用 + +次の例 (Github のデモ [index-compile.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) と、[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)も参照) では、{{jsxref("WebAssembly.compileStreaming()")}} 関数を使用して読み込んだ simple.wasm のバイトコードをコンパイルして、[ワーカー](/ja/docs/Web/API/Web_Workers_API)に [postMessage()](/ja/docs/Web/API/Worker/postMessage) を使用して送信しています。</p> + +```js +var worker = new Worker("wasm_worker.js"); + +WebAssembly.compileStreaming(fetch('simple.wasm')) +.then(mod => + worker.postMessage(mod) +); +``` + +ワーカー ([`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) を参照) 内で、モジュールで使用するためにインポートオブジェクトを定義して、そのあとにメインスレッドからモジュールを受け取るためのイベントハンドラをセットアップします。モジュールを受け取ったとき、{{jsxref("WebAssembly.Instantiate()")}} メソッドを使用してインスタンスを生成し、その内部でエクスポートされた関数を実行します。そのあとに `WebAssembly.Module.exports` を使用してモジュール上の利用可能なエクスポートの情報を返す方法を示します。 + +```js +var importObject = { + imports: { + imported_func: function(arg) { + console.log(arg); + } + } +}; + +onmessage = function(e) { + console.log('module received from main thread'); + var mod = e.data; + + WebAssembly.instantiate(mod, importObject).then(function(instance) { + instance.exports.exported_func(); + }); + + var exports = WebAssembly.Module.exports(mod); + console.log(exports[0]); +}; +``` + +`exports[0]` の出力はこのようになります。 + +```js +{ name: "exported_func", kind: "function" } +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.html deleted file mode 100644 index 564219f9af..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: WebAssembly.Module.imports() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports -tags: - - API - - JavaScript - - Method - - Module - - Object - - Reference - - WebAssembly - - imports - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports ---- -<div>{{JSRef}}</div> - -<p><strong><code>WebAssembly.imports()</code></strong> 関数は、指定した <code>Module</code> の全てのインポート宣言の定義を配列として返します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">WebAssembly.Module.imports(module);</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>module</em></dt> - <dd>{{jsxref("WebAssembly.Module")}} オブジェクトです。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>指定したモジュールのインポートされた関数を表現するオブジェクトの配列。</p> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<p>もしモジュールが {{jsxref("WebAssembly.Module")}} オブジェクトのインスタンスでなければ {{jsxref("TypeError")}} が発生します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では (imports.html の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/imports.html">ソースコード</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/imports.html">動作例</a> もご確認ください) ロードした simple.wasm モジュールをコンパイルした後、インポート宣言を問い合わせています。</p> - -<pre class="brush: js">WebAssembly.compileStreaming(fetch('simple.wasm')) -.then(function(mod) { - var imports = WebAssembly.Module.imports(mod); - console.log(imports[0]); -}); -</pre> - -<p>出力結果は次のようになります。</p> - -<pre class="brush: js">{ module: "imports", name: "imported_func", kind: "function" }</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-module-imports', 'imports()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Module.imports")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.md new file mode 100644 index 0000000000..29cf2c4a99 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/module/imports/index.md @@ -0,0 +1,71 @@ +--- +title: WebAssembly.Module.imports() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports +tags: + - API + - JavaScript + - メソッド + - Module + - Object + - Reference + - WebAssembly + - imports +browser-compat: javascript.builtins.WebAssembly.Module.imports +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/imports +--- +{{JSRef}} + +**`WebAssembly.imports()`** 関数は、指定された `Module` の全てのインポート宣言の定義を配列として返します。 + +## 構文 + +```js +WebAssembly.Module.imports(module) +``` + +### 引数 + +- _module_ + - : {{jsxref("WebAssembly.Module")}} オブジェクトです。 + +### 返値 + +指定されたモジュールのインポートされた関数を表現するオブジェクトの配列。 + +### 例外 + +module が {{jsxref("WebAssembly.Module")}} オブジェクトインスタンスでなかった場合は、 {{jsxref("TypeError")}} が発生します。 + +## 例 + +### imports の使用 + +次の例では ([imports.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/imports.html) と[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/imports.html)も参照)、読み込んだ simple.wasm モジュールをコンパイルします。このモジュールは imports から問い合わせされます。 + +```js +WebAssembly.compileStreaming(fetch('simple.wasm')) +.then(function(mod) { + var imports = WebAssembly.Module.imports(mod); + console.log(imports[0]); +}); +``` + +出力はこのようになります。 + +```js +{ module: "imports", name: "imported_func", kind: "function" } +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/module/index.html deleted file mode 100644 index 36fabff4a2..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/module/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: WebAssembly.Module -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module -tags: - - API - - Constructor - - Experimental - - JavaScript - - Module - - Reference - - WebAssembly -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module ---- -<div>{{JSRef}}</div> - -<p><strong><code>WebAssembly.Module</code></strong> オブジェクトには、ブラウザーでコンパイルされたステートレスな WebAssembly コードが含まれています。これを効率的に<a href="/ja/docs/Web/API/Worker/postMessage">ワーカー間で共有</a>したり、複数回インスタンス化したりすることができます。</p> - -<h2 id="Constructor" name="Constructor">コンストラクター</h2> - -<dl> - <dt>{{jsxref("Global_Objects/WebAssembly/Module/Module", "WebAssembly.Module()")}}</dt> - <dd>新しい <code>Module</code> オブジェクトを生成します。</dd> -</dl> - -<h2 id="Static_properties" name="Static_properties">静的プロパティ</h2> - -<dl> - <dt>{{jsxref("Global_Objects/WebAssembly/Module/customSections", "WebAssembly.Module.customSections()")}}</dt> - <dd><code>Module</code> と文字列を指定すると、モジュール内の与えられた文字列を名前に持つ全てのカスタムセクションの内容を返します。</dd> - <dt>{{jsxref("Global_Objects/WebAssembly/Module/exports", "WebAssembly.Module.exports()")}}</dt> - <dd><code>Module</code> を指定すると、エクスポート宣言の情報を配列として返します。</dd> - <dt>{{jsxref("Global_Objects/WebAssembly/Module/imports", "WebAssembly.Module.imports()")}}</dt> - <dd><code>Module</code> を指定すると、インポート宣言の情報を配列として返します。</dd> -</dl> - -<h2 id="Examples" name="Examples">例</h2> - -<h3 id="Sending_a_compiled_module_to_a_worker" name="Sending_a_compiled_module_to_a_worker">コンパイル済みのモジュールをワーカーに送信</h3> - -<p>以下の例では (GitHub 上の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html">index-compile.html</a> および<a href="https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html">ライブ表示</a>も参照してください)、読み込まれた <code>simple.wasm</code> のバイトコードを {{jsxref("WebAssembly.compileStreaming()")}} メソッドでコンパイルし、結果の <code>Module</code> インスタンスを<a href="/ja/docs/Web/API/Web_Workers_API">ワーカー</a>へ、 {{domxref("Worker/postMessage", "postMessage()")}} を使用して送信します。</p> - -<pre class="brush: js notranslate">var worker = new Worker("wasm_worker.js"); - -WebAssembly.compileStreaming(fetch('simple.wasm')) -.then(mod => - worker.postMessage(mod) -);</pre> - -<p>ワーカー内では (<code><a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js">wasm_worker.js</a></code> を参照)、モジュールを使用するための import オブジェクトを定義し、メインスレッドからモジュールを受け取るためのイベントハンドラーをセットアップします。モジュールを受け取ったら、 {{jsxref("WebAssembly.instantiate()")}} メソッドを使ってインスタンスを作成し、その中からエクスポートされた関数を呼び出します。</p> - -<pre class="brush: js notranslate">var importObject = { - imports: { - imported_func: function(arg) { - console.log(arg); - } - } -}; - -onmessage = function(e) { - console.log('module received from main thread'); - var mod = e.data; - - WebAssembly.instantiate(mod, importObject).then(function(instance) { - instance.exports.exported_func(); - }); -};</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#modules', 'WebAssembly.Module()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<div> -<p>{{Compat("javascript.builtins.WebAssembly.Module")}}</p> -</div> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/module/index.md new file mode 100644 index 0000000000..64cdd9d996 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/module/index.md @@ -0,0 +1,79 @@ +--- +title: WebAssembly.Module +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module +tags: + - Class + - JavaScript + - Module + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Module +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module +--- +{{JSRef}} + +**`WebAssembly.Module`** オブジェクトには、ブラウザーでコンパイルされたステートレスな WebAssembly コードが含まれています。これを効率的に[ワーカー間で共有](/ja/docs/Web/API/Worker/postMessage)したり、複数回インスタンス化したりすることができます。 + +## コンストラクター + +- {{jsxref("Global_Objects/WebAssembly/Module/Module", "WebAssembly.Module()")}} + - : 新しい `Module` オブジェクトを生成します。 + +## 静的プロパティ + +- {{jsxref("Global_Objects/WebAssembly/Module/customSections", "WebAssembly.Module.customSections()")}} + - : `Module` と文字列を指定すると、モジュール内の与えられた文字列を名前に持つすべてのカスタムセクションの内容を返します。 +- {{jsxref("Global_Objects/WebAssembly/Module/exports", "WebAssembly.Module.exports()")}} + - : `Module` を指定すると、エクスポート宣言の情報を配列として返します。 +- {{jsxref("Global_Objects/WebAssembly/Module/imports", "WebAssembly.Module.imports()")}} + - : `Module` を指定すると、インポート宣言の情報を配列として返します。 + +## 例 + +### コンパイル済みのモジュールをワーカーに送信 + +以下の例では (GitHub 上の [index-compile.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/index-compile.html) および[実行例](https://mdn.github.io/webassembly-examples/js-api-examples/index-compile.html)も参照)、読み込まれた `simple.wasm` のバイトコードを {{jsxref("WebAssembly.compileStreaming()")}} メソッドでコンパイルし、結果の `Module` インスタンスを[ワーカー](/ja/docs/Web/API/Web_Workers_API)へ、 {{domxref("Worker/postMessage", "postMessage()")}} を使用して送信します。 + +```js +var worker = new Worker("wasm_worker.js"); + +WebAssembly.compileStreaming(fetch('simple.wasm')) +.then(mod => + worker.postMessage(mod) +); +``` + +ワーカー内では ([`wasm_worker.js`](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/wasm_worker.js) を参照)、モジュールを使用するための import オブジェクトを定義し、メインスレッドからモジュールを受け取るためのイベントハンドラーをセットアップします。モジュールを受け取ったら、 {{jsxref("WebAssembly.instantiate()")}} メソッドを使ってインスタンスを作成し、その中からエクスポートされた関数を呼び出します。 + +```js +var importObject = { + imports: { + imported_func: function(arg) { + console.log(arg); + } + } +}; + +onmessage = function(e) { + console.log('module received from main thread'); + var mod = e.data; + + WebAssembly.instantiate(mod, importObject).then(function(instance) { + instance.exports.exported_func(); + }); +}; +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/module/module/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/module/module/index.md new file mode 100644 index 0000000000..c92057ae93 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/module/module/index.md @@ -0,0 +1,73 @@ +--- +title: WebAssembly.Module() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module +tags: + - Constructor + - JavaScript + - Module + - Reference + - WebAssembly +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Module/Module +browser-compat: javascript.builtins.WebAssembly.Module.Module +--- +{{JSRef}} + +**`WebAssembly.Module()`** コンストラクターは、ステートレスな WebAssembly コードを含む新しい Module オブジェクトを生成します。これはブラウザーでコンパイルされ、[Worker と効率的に共有する](/ja/docs/Web/API/Worker/postMessage)ことができ、複数回インスタンス化することができます。 + +`WebAssembly.Module()` コンストラクター関数は、与えられた WebAssembly バイナリーコードを同期的にコンパイルするために呼び出すことができます。しかし、`Module` を取得するには、 +{{jsxref("WebAssembly.compile()")}} のような非同期コンパイル関数を使用するほうが主流です。 + +## 構文 + +> **Warning:** 大きなモジュールのコンパイルにはコストがかかるため、開発者はどうしても同期コンパイルが必要な場合にのみ `Module()` コンストラクターを使用し、それ以外の場合には非同期の {{jsxref("WebAssembly.compileStreaming()")}} メソッドを使用してください。 + +```js +new WebAssembly.Module(bufferSource) +``` + +### 引数 + +- _bufferSource_ + - : [型付き配列](/en-US/docs/Web/JavaScript/Typed_arrays)または [ArrayBuffer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) で、コンパイルしたい .wasm モジュールのバイナリーコードです。 + +## 例 + +### WebAssembly モジュールの同期的なコンパイル + +```js +var importObject = { + imports: { + imported_func: function(arg) { + console.log(arg); + } + } +}; + +function createWasmModule(bytes) { + return new WebAssembly.Module(bytes); +} + +fetch('simple.wasm').then(response => + response.arrayBuffer() +).then(bytes => { + let mod = createWasmModule(bytes); + WebAssembly.instantiate(mod, importObject) + .then(result => + result.exports.exported_func() + ); +}) +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.html deleted file mode 100644 index 9b0b408383..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.html +++ /dev/null @@ -1,107 +0,0 @@ ---- -title: WebAssembly.RuntimeError() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError ---- -<div>{{JSRef}} {{SeeCompatTable}}</div> - -<p><code><strong>WebAssembly.RuntimeError()</strong></code> コンストラクタは WebAssembly <code>RuntimeError</code> オブジェクトを生成します。WebAssembly で定義されている <a href="http://webassembly.org/docs/semantics/#traps">トラップ</a> が発生するごとにスローされます。</p> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">new WebAssembly.RuntimeError(<var>message</var>, <var>fileName</var>, <var>lineNumber</var>)</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><code>message</code> {{optional_inline}}</dt> - <dd>ヒューマンリーダブルなエラーの説明。</dd> - <dt><code>fileName</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードを含むファイルの名前。</dd> - <dt><code>lineNumber</code> {{optional_inline}}{{non-standard_inline}}</dt> - <dd>例外の原因となったコードの行番号。</dd> -</dl> - -<h2 id="プロパティ">プロパティ</h2> - -<p><em><code>RuntimeError</code> コンストラクタは自身のプロパティを持ちませんが、プロトタイプチェーンを通していくつかのプロパティを継承します。</em></p> - -<dl> - <dt><code>WebAssembly.RuntimeError.prototype.constructor</code></dt> - <dd>インスタンスのプロトタイプを生成した関数を示します。</dd> - <dt>{{jsxref("Error.prototype.message", "WebAssembly.RuntimeError.prototype.message")}}</dt> - <dd>エラーメッセージ。ECMA-262 では {{jsxref("URIError")}} は自身の <code>message</code> プロパティを提供する必要がありますが、<a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> では {{jsxref("Error.prototype.message")}} を継承します。</dd> - <dt>{{jsxref("Error.prototype.name", "WebAssembly.RuntimeError.prototype.name")}}</dt> - <dd>エラー名。 {{jsxref("Error")}}.</dd> - <dt>{{jsxref("Error.prototype.fileName", "WebAssembly.RuntimeError.prototype.fileName")}}</dt> - <dd>このエラーを発生させたファイルのパス。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.lineNumber", "WebAssembly.RuntimeError.prototype.lineNumber")}}</dt> - <dd>このエラーを発生させたファイルの行番号。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.columnNumber", "WebAssembly.RuntimeError.prototype.columnNumber")}}</dt> - <dd>このエラーが発生した行の列番号。<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Error" title="Error コンストラクターは、エラーオブジェクトを生成します。Error オブジェクトのインスタンスは、ランタイムエラーが発生した時に投げられます。Error オブジェクトは、ユーザー定義の例外の基底オブジェクトとして使用することもできます。標準の組み込みエラー型については下記を参照してください。"><code>Error</code></a> から継承されます。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.stack", "WebAssembly.RuntimeError.prototype.stack")}}</dt> - <dd>スタックトレース。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="メソッド">メソッド</h2> - -<p><em><code>RuntimeError</code> コンストラクタは自身のメソッドを持ちませんが、プロトタイプチェーンを通していくつかのメソッドを継承します。</em></p> - -<dl> - <dt>{{jsxref("Error.prototype.toSource", "WebAssembly.RuntimeError.prototype.toSource()")}}</dt> - <dd>同じエラーを評価できるコードを返します。{{jsxref("Error")}} から継承されます。</dd> - <dt>{{jsxref("Error.prototype.toString", "WebAssembly.RuntimeError.prototype.toString()")}}</dt> - <dd>指定された <code>Error</code> オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承されます。</dd> -</dl> - -<h2 id="例">例</h2> - -<p>以下のスニペットで <code>RuntimeError</code> インスタンスを生成して、詳細をコンソールに表示します。</p> - -<pre class="brush: js">try { - throw new WebAssembly.RuntimeError('Hello', 'someFile', 10); -} catch (e) { - console.log(e instanceof RuntimeError); // true - console.log(e.message); // "Hello" - console.log(e.name); // "RuntimeError" - console.log(e.fileName); // "someFile" - console.log(e.lineNumber); // 10 - console.log(e.columnNumber); // 0 - console.log(e.stack); // コードが実行された場所を返す -}</pre> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#constructor-properties-of-the-webassembly-object', 'WebAssembly constructors')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>WebAssembly の初回ドラフト定義。</td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-native-error-types-used-in-this-standard', 'NativeError')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td>標準の NativeError 型の定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.RuntimeError")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.md new file mode 100644 index 0000000000..9919812d76 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/index.md @@ -0,0 +1,77 @@ +--- +title: WebAssembly.RuntimeError +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError +tags: + - API + - Class + - JavaScript + - Reference + - RuntimeError + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.RuntimeError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError +--- +{{JSRef}} + +**`WebAssembly.RuntimeError`** オブジェクトは、 WebAssembly が[トラップ](https://webassembly.org/docs/semantics/#traps)を指定するたびに例外として発生するエラー型です。 + +## コンストラクター + +- [`WebAssembly.RuntimeError()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError) + - : 新しい `WebAssembly.RuntimeError` オブジェクトを生成します。 + +## インスタンスプロパティ + +- {{jsxref("Error.prototype.message", "WebAssembly.RuntimeError.prototype.message")}} + - : エラーメッセージ。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.name", "WebAssembly.RuntimeError.prototype.name")}} + - : エラー名。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.fileName", "WebAssembly.RuntimeError.prototype.fileName")}} + - : このエラーを発生させたファイルのパス。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.lineNumber", "WebAssembly.RuntimeError.prototype.lineNumber")}} + - : このエラーを発生させたファイルの行番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.columnNumber", "WebAssembly.RuntimeError.prototype.columnNumber")}} + - : このエラーが発生した行の列番号。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.stack", "WebAssembly.RuntimeError.prototype.stack")}} + - : スタックトレース。 {{jsxref("Error")}} から継承しています。 + +## インスタンスメソッド + +- {{jsxref("Error.prototype.toSource", "WebAssembly.RuntimeError.prototype.toSource()")}} + - : 同じエラーを評価できるコードを返します。 {{jsxref("Error")}} から継承しています。 +- {{jsxref("Error.prototype.toString", "WebAssembly.RuntimeError.prototype.toString()")}} + - : 指定された `Error` オブジェクトを表す文字列を返します。{{jsxref("Error")}} から継承しています。 + +## 例 + +### 新しい RuntimeError のインスタンスの作成 + +以下のスニペットでは、新しい `RuntimeError` インスタンスを生成して、詳細をコンソールに記録します。 + +```js +try { + throw new WebAssembly.RuntimeError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof WebAssembly.RuntimeError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "RuntimeError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードが実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/runtimeerror/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/runtimeerror/index.md new file mode 100644 index 0000000000..e55fb53be0 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/runtimeerror/runtimeerror/index.md @@ -0,0 +1,66 @@ +--- +title: WebAssembly.RuntimeError() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError +tags: + - Constructor + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.RuntimeError.RuntimeError +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/RuntimeError/RuntimeError +--- +{{JSRef}} + +**`WebAssembly.RuntimeError()`** コンストラクターは、新しい WebAssembly `RuntimeError` オブジェクトを生成します。これは、 WebAssembly が[トラップ](https://webassembly.org/docs/semantics/#traps)を指定するたびに例外として発生する型です。 + +## 構文 + +```js +new WebAssembly.RuntimeError() +new WebAssembly.RuntimeError(message) +new WebAssembly.RuntimeError(message, fileName) +new WebAssembly.RuntimeError(message, fileName, lineNumber) +``` + +### 引数 + +- `message` {{optional_inline}} + - : 人間が読めるエラーの説明です。 +- `fileName` {{optional_inline}} + - : 例外が発生したコードを含むファイル名です。 +- `lineNumber` {{optional_inline}} + - : 例外が発生したコードの行番号です。 + +## 例 + +### 新しい RuntimeError のインスタンスの生成 + +以下のスニペットは新しい `RuntimeError` のインスタンスを生成し、コンソールに詳細を記録します。 + +```js +try { + throw new WebAssembly.RuntimeError('Hello', 'someFile', 10); +} catch (e) { + console.log(e instanceof WebAssembly.RuntimeError); // true + console.log(e.message); // "Hello" + console.log(e.name); // "RuntimeError" + console.log(e.fileName); // "someFile" + console.log(e.lineNumber); // 10 + console.log(e.columnNumber); // 0 + console.log(e.stack); // コードの実行されていた位置を返す +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.html deleted file mode 100644 index ebcbd78d9f..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: WebAssembly.Table.prototype.get() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get -tags: - - API - - JavaScript - - Method - - Reference - - WebAssembly - - get - - table - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get ---- -<div>{{JSRef}}</div> - -<p><code><strong>get()</strong></code> は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイプメソッドで、指定されたインデックスに格納された関数参照を取得します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">table.get(<em>index</em>); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>index</em></dt> - <dd>取得する関数参照のインデックス。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>関数参照を返します。これは <a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a> 、wasm 関数を内在する JavaScript ラッパーです。</p> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<p>もし <em>index</em> が {{jsxref("WebAssembly/Table/length","Table.prototype.length")}} 以上だった場合、{{jsxref("RangeError")}} をスローします。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では (Github の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html">table.html</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/table.html">動作例</a> も確認してください)、<code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js">fetchAndInstantiate()</a></code> ユーティリティ関数を使用して table.wasm バイトコードをロード、コンパイルして、インスタンス化しています。その後、エクスポートされたテーブルに格納された参照を取得します。</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table.wasm')) -.then(function(obj) { - var tbl = obj.instance.exports.tbl; - console.log(tbl.get(0)()); // 13 - console.log(tbl.get(1)()); // 42 -});</pre> - -<p>参照内に格納されている値を実際に取得するためには、アクセサの最後に2つ目の関数呼び出し演算子を含める必要があります(<code>get(0)</code> ではなく <code>get(0)()</code>) 。これは単純な値ではなく、関数です。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-table-get', 'get()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Table.get")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.md new file mode 100644 index 0000000000..826de450ca --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/get/index.md @@ -0,0 +1,68 @@ +--- +title: WebAssembly.Table.prototype.get() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get +tags: + - API + - JavaScript + - メソッド + - Reference + - WebAssembly + - get + - table +browser-compat: javascript.builtins.WebAssembly.Table.get +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get +--- +{{JSRef}} + +**`get()`** は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイプメソッドで、指定された位置に格納されている関数参照を取得します。 + +## 構文 + +```js +get(index) +``` + +### 引数 + +- _index_ + - : 取得する関数参照の位置です。 + +### 返値 + +関数参照を返します。これは[エクスポートされた WebAssembly 関数](/ja/docs/WebAssembly/Exported_functions)、wasm 関数を内在する JavaScript ラッパーです。</p> + +### 例外 + +_index_ が {{jsxref("WebAssembly/Table/length","Table.prototype.length")}} 以上であった場合、{{jsxref("RangeError")}} が発生します。 + +## 例 + +### get の使用 + +次の例では (Github の [table.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html) と[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/table.html)も確認してください)、 table.wasm バイトコードを +{{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み取り、コンパイルしてインスタンス化しています。その後、エクスポートされたテーブルに格納された参照を取得します。 + +```js +WebAssembly.instantiateStreaming(fetch('table.wasm')) +.then(function(obj) { + var tbl = obj.instance.exports.tbl; + console.log(tbl.get(0)()); // 13 + console.log(tbl.get(1)()); // 42 +}); +``` + +参照に格納されている値を実際に取得するためには、アクセサーの最後に 2 つ目の関数呼び出し演算子を含める必要があります (`get(0)` ではなく `get(0)()`)。これは単純な値ではなく、関数です。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.html deleted file mode 100644 index 3c645810aa..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: WebAssembly.Table.prototype.grow() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/grow -tags: - - API - - JavaScript - - Method - - Reference - - WebAssembly - - grow - - table - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/grow ---- -<div>{{JSRef}}</div> - -<p><code><strong>grow()</strong></code> は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイプメソッドで、指定された要素数でテーブルを拡張します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">table.grow(<em>number</em>); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>number</em></dt> - <dd>テーブルを拡張する要素数。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>以前のテーブルの長さ。</p> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<p>もし <code>grow()</code> 操作が何かしらの理由で失敗した場合、{{jsxref("RangeError")}} をスローします。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では、初期サイズが2で最大サイズが10の WebAssembly Table を作成しています。</p> - -<pre class="brush: js">var table = new WebAssembly.Table({ element: "anyfunc", initial: 2, maximum: 10 });</pre> - -<p>次のようにすることで、テーブルのサイズを1拡張することができます:</p> - -<pre class="brush: js">console.log(table.length); // "2" -console.log(table.grow(1)); // "2" -console.log(table.length); // "3" -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-table-grow', 'grow()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Table.set")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.md new file mode 100644 index 0000000000..3622d9dcaf --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/grow/index.md @@ -0,0 +1,68 @@ +--- +title: WebAssembly.Table.prototype.grow() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/grow +tags: + - API + - JavaScript + - メソッド + - Reference + - WebAssembly + - grow + - table +browser-compat: javascript.builtins.WebAssembly.Table.grow +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/grow +--- +{{JSRef}} + +**`grow()`** は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイプメソッドで、 Table インスタンスの大きさを指定された要素数だけ拡張します。 + +## 構文 + +```js +grow(number) +``` + +### 引数 + +- _number_ + - : テーブルを拡張する要素数です。 + +### 返値 + +直前のテーブルの長さです。 + +### 例外 + +`grow()` の操作が何らかの理由で失敗した場合、 {{jsxref("RangeError")}} が発生します。 + +## 例 + +### grow の使用 + +以下の例では、新しい WebAssembly Table のインスタンスを初期サイズ 2、最大サイズ 10 で生成しています。 + +```js +var table = new WebAssembly.Table({ element: "anyfunc", initial: 2, maximum: 10 }); +``` + +以下のようにして、テーブルを 1 だけ拡張することができます。 + +```js +console.log(table.length); // "2" +console.log(table.grow(1)); // "2" +console.log(table.length); // "3" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/index.html deleted file mode 100644 index 963a942b65..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: WebAssembly.Table() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table ---- -<div>{{JSRef}}</div> - -<p><code><strong>WebAssembly.Table()</strong></code> コンストラクタは与えられたサイズと要素の型から <code>Table</code> オブジェクトを生成します。</p> - -<p>これは、配列ライクな構造で表現された WebAssembly テーブルの JavaScript ラッパーオブジェクトです。JavaScript か WebAssembly コード上で生成されたテーブルは JavaScript、WebAssembly の両方からアクセス、変更可能です。</p> - -<div class="note"> -<p><strong>注</strong>: 現在、テーブルには関数の参照のみ格納できます。しかし、将来的に拡張される予定です。</p> -</div> - -<h2 id="構文">構文</h2> - -<pre class="syntaxbox">var myTable = new WebAssembly.Table(tableDescriptor);</pre> - -<h3 id="パラメータ">パラメータ</h3> - -<dl> - <dt><em>tableDescriptor</em></dt> - <dd>以下のメンバーを含むことができるオブジェクト: - <dl> - <dt><em>element</em></dt> - <dd>テーブルに格納する値の型の文字列表現。現在は、<code>"anyfunc"</code> (関数) のみ設定できます。</dd> - <dt><em>initial</em></dt> - <dd>WebAssembly テーブルの初期要素数。</dd> - <dt><em>maximum {{optional_inline}}</em></dt> - <dd>WebAssembly テーブルが拡張できる要素の最大数。</dd> - </dl> - </dd> -</dl> - -<h3 id="例外">例外</h3> - -<ul> - <li>もし <code>tableDescriptor</code> がオブジェクト型でない場合、{{jsxref("TypeError")}} がスローされます。</li> - <li>もし <code>maximum</code> 定義されていて <code>initial</code> よりも小さい場合、{{jsxref("RangeError")}} がスローされます。</li> -</ul> - -<h2 id="Table_インスタンス"><code>Table</code> インスタンス</h2> - -<p>全ての <code>Table</code> インスタンスは <code>Table()</code>コンストラクタの <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/prototype">プロトタイプオブジェクト</a> を継承します。これは全ての <code>Table</code> インスタンスに影響するように変更可能です。</p> - -<h3 id="インスタンスプロパティ">インスタンスプロパティ</h3> - -<dl> - <dt><code>Table.prototype.constructor</code></dt> - <dd>このオブジェクトのインスタンスを生成した関数を返します。デフォルトでは {{jsxref("WebAssembly.Table()")}} コンストラクタです。</dd> - <dt>{{jsxref("Global_Objects/WebAssembly/Table/length","Table.prototype.length")}}</dt> - <dd>テーブルの長さを返します。すなわち、要素数です。</dd> -</dl> - -<h3 id="インスタンスメソッド">インスタンスメソッド</h3> - -<dl> - <dt>{{jsxref("Global_Objects/WebAssembly/Table/get","Table.prototype.get()")}}</dt> - <dd>アクセサ関数。インデックスから格納された要素を取得します。</dd> - <dt>{{jsxref("Global_Objects/WebAssembly/Table/grow","Table.prototype.grow()")}}</dt> - <dd>指定した要素数で Table インスタンスを拡張します。</dd> - <dt>{{jsxref("Global_Objects/WebAssembly/Table/set","Table.prototype.set()")}}</dt> - <dd>指定したインデックスに要素を格納します。</dd> -</dl> - -<h2 id="例">例</h2> - -<p>以下の例 (table2.htmlの <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html">ソースコード</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/table2.html">動作例</a> を参照) では初期サイズが2の WebAssembly Table インスタンスを生成しています。次に、テーブルの長さと2つのインデックスの内容を表示しています (長さが2で両方の要素が {{jsxref("null")}} であることを確認するために、{{jsxref("WebAssembly/Table/get", "Table.prototype.get()")}} を使って読み込んでいます) 。</p> - -<pre class="brush: js">var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); -console.log(tbl.length); // "2" -console.log(tbl.get(0)); // "null" -console.log(tbl.get(1)); // "null"</pre> - -<p>次に、テーブルを含むインポートオブジェクトを作ります:</p> - -<pre class="brush: js">var importObj = { - js: { - tbl:tbl - } -};</pre> - -<p>最後に {{jsxref("WebAssembly.instantiateStreaming()")}} を使用して wasm モジュール (table2.wasm) をロード し、インスタンス化します。table2.wasm モジュールは2の関数を持っていて (1つは42を、もう1つは83を返す) 、インポートされたテーブルの0、1番目に両方の要素が格納されます (<a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.wat">text representation</a>を参照) 。そして、インスタンス化された後、テーブルの長さは2のままです。しかし、今はJSから呼び出し可能な <a href="/en-US/docs/WebAssembly/Exported_functions">エクスポートされたWebAssembly関数</a> が含まれています。</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) -.then(function(obj) { - console.log(tbl.length); - console.log(tbl.get(0)()); - console.log(tbl.get(1)()); -});</pre> - -<p>内部の値を表示するためには、参照された関数のアクセサの呼び出しの後に、2つ目の関数呼び出しを含める必要があることに注意して下さい (<code>get(0)</code> ではなく <code>get(0)()</code>)。</p> - -<p>この例では、JavaScript からテーブルを作成してアクセスしていますが、wasm インスタンス内で同じテーブルを参照して呼び出すこともできます。</p> - -<h2 id="仕様">仕様</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様</th> - <th scope="col">策定状況</th> - <th scope="col">コメント</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#webassemblytable-objects', 'Table')}}</td> - <td>{{Spec2('WebAssembly JS')}}</td> - <td>初回ドラフト定義。</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2> - -<div>{{Compat("javascript.builtins.WebAssembly.Table")}}</div> - -<h2 id="関連情報">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> overview page</li> - <li><a href="https://developer.mozilla.org/ja/docs/WebAssembly/Concepts">WebAssembly のコンセプト</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API を使用する</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/index.md new file mode 100644 index 0000000000..049d2bec2d --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/index.md @@ -0,0 +1,86 @@ +--- +title: WebAssembly.Table +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table +tags: + - Class + - JavaScript + - Reference + - WebAssembly + - table +browser-compat: javascript.builtins.WebAssembly.Table +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table +--- +{{JSRef}} + +**`WebAssembly.Table()`** オブジェクトは JavaScript のラッパーオブジェクトであり、関数の参照を格納する WebAssembly Table を表す配列風の構造を持っています。 JavaScript や WebAssembly のコードで作成されたテーブルは、 JavaScript と WebAssembly の両方からアクセスでき、変更もできます。 + +> **Note:** 現在、テーブルには関数の参照のみが格納できますが、将来的に拡張される予定です。 + +## コンストラクター + +- [`WebAssembly.Table()`](/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table) + - : 新しい `Table` オブジェクトを生成します。 + +## インスタンスプロパティ + +- {{jsxref("WebAssembly/Table/length","Table.prototype.length")}} + - : テーブルの長さを返します。すなわち、要素数です。 + +## インスタンスメソッド + +- {{jsxref("WebAssembly/Table/get","Table.prototype.get()")}} + - : アクセサー関数です。指定した位置に格納された要素を取得します。 +- {{jsxref("WebAssembly/Table/grow","Table.prototype.grow()")}} + - : Table インスタンスを指定した要素数だけ拡張します。 +- {{jsxref("WebAssembly/Table/set","Table.prototype.set()")}} + - : 指定した位置に要素を格納します。 + +## 例 + +### 新しい WebAssembly Table インスタンスの生成 + +次の例では ([table2.html](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html) と[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/table2.html)を確認してください)、新しい WebAssembly Table メソッドを初期サイズ 2 要素で生成します。それからそのテーブルの長さと 2 つの位置の内容を ({{jsxref("WebAssembly/Table/get", "Table.prototype.get()")}} を使用して受け取って) 表示し、長さが 2 で両方の要素が {{jsxref("null")}} であることを示します。 + +```js +var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); +console.log(tbl.length); // "2" +console.log(tbl.get(0)); // "null" +console.log(tbl.get(1)); // "null" +``` + +次に、テーブルを含むインポートオブジェクトを生成します。 + +```js +var importObj = { + js: { + tbl:tbl + } +}; +``` + +<p>最後に {{jsxref("WebAssembly.instantiateStreaming()")}} を使用して wasm モジュール (table2.wasm) をロード し、インスタンス化します。table2.wasm モジュールは2の関数を持っていて (1つは42を、もう1つは83を返す) 、インポートされたテーブルの0、1番目に両方の要素が格納されます (<a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.wat">text representation</a>を参照) 。そして、インスタンス化された後、テーブルの長さは2のままです。しかし、今はJSから呼び出し可能な <a href="/en-US/docs/WebAssembly/Exported_functions">エクスポートされたWebAssembly関数</a> が含まれています。</p> + +<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) +.then(function(obj) { + console.log(tbl.length); + console.log(tbl.get(0)()); + console.log(tbl.get(1)()); +});</pre> + +<p>内部の値を表示するためには、参照された関数のアクセサの呼び出しの後に、2つ目の関数呼び出しを含める必要があることに注意して下さい (<code>get(0)</code> ではなく <code>get(0)()</code>)。</p> + +<p>この例では、JavaScript からテーブルを作成してアクセスしていますが、wasm インスタンス内で同じテーブルを参照して呼び出すこともできます。</p> + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.html deleted file mode 100644 index fed2cb3d54..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: WebAssembly.Table.prototype.length -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/length -tags: - - API - - JavaScript - - Property - - Reference - - length - - table - - プロパティ -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/length ---- -<div>{{JSRef}}</div> - -<p>{{jsxref("WebAssembly.Table")}} オブジェクトの <code><strong>length</strong></code> プロトタイププロパティはテーブルの長さを返します。すなわち、テーブルの要素数です。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">table.length; -</pre> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では、初期サイズが2で最大サイズが10の WebAssembly Table を作成しています。</p> - -<pre class="brush: js">var table = new WebAssembly.Table({ element: "anyfunc", initial: 2, maximum: 10 });</pre> - -<p>次のようにすることで、テーブルのサイズを1拡張することができます:</p> - -<pre class="brush: js">console.log(table.length); // "2" -console.log(table.grow(1)); // "2" -console.log(table.length); // "3" -</pre> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-table-length', 'length')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Table.length")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.md new file mode 100644 index 0000000000..08d20cefd1 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/length/index.md @@ -0,0 +1,49 @@ +--- +title: WebAssembly.Table.prototype.length +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/length +tags: + - API + - JavaScript + - プロパティ + - Reference + - WebAssembly + - length + - table +browser-compat: javascript.builtins.WebAssembly.Table.length +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/length +--- +{{JSRef}} + +**`length`** は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイププロパティで、このテーブルの長さ、すなわち、テーブルの要素の数を返します。 + +## 例 + +### length の使用 + +次の例では、新しい WebAssembly Table インスタンスを初期サイズ 2、最大サイズ 10 で作成します。 + +```js +var table = new WebAssembly.Table({ element: "anyfunc", initial: 2, maximum: 10 }); +``` + +次のようにして、テーブルを 1 ずつ拡大することができます。 + +```js +console.log(table.length); // "2" +console.log(table.grow(1)); // "2" +console.log(table.length); // "3" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.html deleted file mode 100644 index d2c6e13f4c..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: WebAssembly.Table.prototype.set() -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set -tags: - - API - - JavaScript - - Method - - Reference - - WebAssembly - - set - - table - - メソッド -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set ---- -<div>{{JSRef}}</div> - -<p>{{jsxref("WebAssembly.Table")}} オブジェクトの <code><strong>set()</strong></code> プロトタイプメソッドは指定されたインデックスに格納されている参照を違う値に変更します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">table.set(<em>index</em>, <em>value</em>); -</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>index</em></dt> - <dd>変更する関数参照のインデックス。</dd> - <dt><em>value</em></dt> - <dd>変更する参照。これは <a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a> 、 wasm 関数を内在する JavaScript ラッパーである必要があります。</dd> -</dl> - -<h3 id="Return_value" name="Return_value">返値</h3> - -<p>なし。</p> - -<h3 id="Exception" name="Exception">例外</h3> - -<ul> - <li><em>index</em> が {{jsxref("Global_Objects/WebAssembly/Table/length","Table.prototype.length")}} の場合、 {{jsxref("RangeError")}} がスローされます。</li> - <li><em>value</em> がエクスポートされた WebAssembly 関数でも <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/null">null</a></code> でもない場合、{{jsxref("TypeError")}} をスローします。</li> -</ul> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では、2つ参照を持つ WebAssembly Table インスタンスを生成しています (table2.html <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html">ソースコード</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/table2.html">動作例</a> を確認してください) 。それから、長さが2で、関数参照が含まれないこと ({{jsxref("null")}} を返します) を確認するために、テーブルの長さと2つのインデックス ({{jsxref("Global_Objects/WebAssembly/Table/get","Table.prototype.get()")}} を通して読み出して) のコンテンツを表示します。</p> - -<pre class="brush: js">var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); -console.log(tbl.length); -console.log(tbl.get(0)); -console.log(tbl.get(1));</pre> - -<p>次にテーブルの参照を含むインポートオブジェクトを作成します:</p> - -<pre class="brush: js">var importObj = { - js: { - tbl:tbl - } -};</pre> - -<p>最後に、<code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js">fetchAndInstantiate()</a></code> ユーティリティ関数を使用して wasm モジュール (table2.wasm) をロードしてインスタンス化します。テーブルの長さを表示して、いまテーブルに格納された(table2.wasm モジュール (<a href="https://github.com/mdn/webassembly-examples/blob/master/text-format-examples/table2.was">テキスト表現</a> を参照) はテーブルに2つの関数参照を追加し、両方とも、簡単な数値を表示します)2つの関数参照を実行します:</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) -.then(function(obj) { - console.log(tbl.length); - console.log(tbl.get(0)()); - console.log(tbl.get(1)()); -});</pre> - -<p>内部の値を表示するためには、参照された関数のアクセサの呼び出しの後に、2つ目の関数呼び出しを含める必要があることに注意して下さい (<code>get(0)</code> ではなく <code>get(0)()</code>)。</p> - -<p>この例では、JavaScript からテーブルを作成してアクセスしていますが、wasm インスタンス内で同じテーブルを参照して呼び出すこともできます。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-table-set', 'set()')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Table.set")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.md new file mode 100644 index 0000000000..0a30208e6d --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/set/index.md @@ -0,0 +1,91 @@ +--- +title: WebAssembly.Table.prototype.set() +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set +tags: + - API + - JavaScript + - メソッド + - Reference + - WebAssembly + - set + - table +browser-compat: javascript.builtins.WebAssembly.Table.set +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/set +--- +{{JSRef}} + +**`set()`** は {{jsxref("WebAssembly.Table")}} オブジェクトのプロトタイプメソッドで、指定された位置に格納されている参照を別な値に変更します。 + +## 構文 + +```js +set(index, value) +``` + +### 引数 + +- _index_ + - : 変更する関数参照の位置。 +- _value_ + - : 変更する参照。これは[エクスポートされた WebAssembly 関数](/ja/docs/WebAssembly/Exported_functions)、 wasm 関数を内在する JavaScript ラッパーである必要があります。 + +### 返値 + +なし。 + +### 例外 + +- _index_ が {{jsxref("WebAssembly/Table/length","Table.prototype.length")}} 以上の場合、 {{jsxref("RangeError")}} が発生します。 +- _value_ がエクスポートされた WebAssembly 関数でも <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/null">null</a></code> でもない場合、{{jsxref("TypeError")}} が発生します。 + +## 例 + +### Table.set の使用 + +次の例 (table2.html の[ソースコード](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html)と[動作例](https://mdn.github.io/webassembly-examples/js-api-examples/table2.html)を確認してください) では、初期サイズが参照 2 つである WebAssembly Table インスタンスを生成しています。そして、テーブルの長さと 2 つの位置の内容 ({{jsxref("WebAssembly/Table/get","Table.prototype.get()")}} で取得) を出力して、長さが 2 であること、それぞれの位置には現在、関数の参照が含まれていないこと (現在は {{jsxref("null")}} を返すこと) を示しています。 + +```js +var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); +console.log(tbl.length); +console.log(tbl.get(0)); +console.log(tbl.get(1)); +``` + +次に、テーブルの参照を含むインポートオブジェクトを作成します。 + +```js +var importObj = { + js: { + tbl:tbl + } +}; +``` + +最後に、 wasm モジュール (table2.wasm) を {{jsxref("WebAssembly.instantiateStreaming()")}} を使用して読み込みインスタンス化します。テーブルの長さを記録し、テーブルに格納された 2 つの関数参照を呼び出します (table2.wasm モジュール ([テキスト表現]](https://github.com/mdn/webassembly-examples/blob/master/text-format-examples/table2.was)) がテーブルに 2 つの関数の参照を追加し、どちらも単純な表示を表示します)。 + +```js +WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) +.then(function(obj) { + console.log(tbl.length); + console.log(tbl.get(0)()); + console.log(tbl.get(1)()); +}); +``` + +内部の値を表示するためには、参照された関数のアクセサーの呼び出しの後に、 2 つ目の関数呼び出しを含める必要があることに注意して下さい (`get(0)` ではなく `get(0)()`)。 + +この例では、JavaScript からテーブルを作成してアクセスしていますが、wasm インスタンス内で同じテーブルを参照して呼び出すこともできます。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/en-US/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/en-US/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/en-US/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.html b/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.html deleted file mode 100644 index e17643ba50..0000000000 --- a/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -title: WebAssembly.Table() コンストラクター -slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table -tags: - - Constructor - - JavaScript - - Reference - - WebAssembly - - コンストラクター -translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table ---- -<div>{{JSRef}}</div> - -<p><code><strong>WebAssembly.Table()</strong></code> コンストラクターは、大きさと要素の型を指定して新しい <code>Table</code> オブジェクトを生成します。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox">new WebAssembly.Table(tableDescriptor);</pre> - -<h3 id="Parameters" name="Parameters">引数</h3> - -<dl> - <dt><em>tableDescriptor</em></dt> - <dd>以下のメンバーを含むことができるオブジェクトです。 - <dl> - <dt><em>element</em></dt> - <dd>文字列で、テーブルに格納される値の型を表します。現時点では、 "<code>anyfunc</code>" (関数) の値のみを取ることができます。</dd> - <dt><em>initial</em></dt> - <dd>WebAssembly テーブルの初期の要素数です。</dd> - <dt><em>maximum {{optional_inline}}</em></dt> - <dd>WebAssembly テーブルが拡張する最大の要素数です。</dd> - </dl> - </dd> -</dl> - -<h3 id="Exceptions" name="Exceptions">例外</h3> - -<ul> - <li><code>tableDescriptor</code> がオブジェクトでない場合は、 {{jsxref("TypeError")}} が発生します。</li> - <li><code>maximum</code> が設定されており、かつ <code>initial</code> よりも小さい場合は、 {{jsxref("RangeError")}} が発生します。</li> -</ul> - -<h2 id="Examples" name="Examples">例</h2> - -<p>次の例では (table2.html の <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html">ソースコード</a> と <a href="https://mdn.github.io/webassembly-examples/js-api-examples/table2.html">デモ版</a>) 新しく WebAssembly テーブルのインスタンスを、2要素を初期の大きさとして生成します。それからテーブルの長さと2つの要素の中身を ({{jsxref("WebAssembly/Table/get", "Table.prototype.get()")}} で取得して) 表示し、長さは2で2つの要素は共に {{jsxref("null")}} となります。</p> - -<pre class="brush: js">var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); -console.log(tbl.length); // "2" -console.log(tbl.get(0)); // "null" -console.log(tbl.get(1)); // "null"</pre> - -<p>それからテーブルを含むインポートオブジェクトを作成します。</p> - -<pre class="brush: js">var importObj = { - js: { - tbl:tbl - } -};</pre> - -<p>最終的に、 wasm モジュール (table2.wasm) を {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みインスタンス化します。 table2.wasm モジュールには2つの関数 (1つは 42 を返し、もう1つは 83 を返す) が入っており、それぞれをインポートされたテーブルの要素 0 と 1 に格納します。 (<a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.wat">テキスト表示</a> をご覧ください)。インスタンス化した後で、テーブルは長さが2のままですが、要素には呼び出し可能な<a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a>が入り、 JS から呼び出せるようになりました。</p> - -<pre class="brush: js">WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) -.then(function(obj) { - console.log(tbl.length); - console.log(tbl.get(0)()); - console.log(tbl.get(1)()); -});</pre> - -<p>なお、関数呼び出し演算子がアクセサーの後に二重についており、実際に参照している関数を呼び出して、その中に格納された値をログ出力しています (例えば <code>get(0)()</code> を <code>get(0)</code> の代わりに使用)。</p> - -<p>この例は JavaScript からテーブルを生成してアクセスする方法を示していますが、同じテーブルを wasm インスタンスの中から見ることができ、呼び出すこともできます。</p> - -<h2 id="Specifications" name="Specifications">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('WebAssembly JS', '#dom-table-table', 'Table')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("javascript.builtins.WebAssembly.Table.Table")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/WebAssembly">WebAssembly</a> 概要ページ</li> - <li><a href="/ja/docs/WebAssembly/Concepts">WebAssembly の概念</a></li> - <li><a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript API の使用</a></li> -</ul> diff --git a/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.md b/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.md new file mode 100644 index 0000000000..ff30415f27 --- /dev/null +++ b/files/ja/web/javascript/reference/global_objects/webassembly/table/table/index.md @@ -0,0 +1,90 @@ +--- +title: WebAssembly.Table() コンストラクター +slug: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table +tags: + - コンストラクター + - JavaScript + - Reference + - WebAssembly +browser-compat: javascript.builtins.WebAssembly.Table.Table +translation_of: Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/Table +--- +{{JSRef}} + +**`WebAssembly.Table()`** コンストラクターは、大きさと要素の型を指定して新しい `Table` オブジェクトを生成します。 + +## 構文 + +```js +new WebAssembly.Table(tableDescriptor) +``` + +### 引数 + +- _tableDescriptor_ + + - : 以下のメンバーを含むことができるオブジェクトです。 + + - _element_ + - : 文字列で、テーブルに格納される値の型を表します。現時点では、 `"anyfunc"` (関数) の値のみを取ることができます。 + - _initial_ + - : WebAssembly テーブルの初期の要素数です。 + - _maximum {{optional_inline}}_ + - : WebAssembly テーブルが拡張することができる最大の要素数です。 + +### 例外 + +- `tableDescriptor` がオブジェクトでない場合は、 {{jsxref("TypeError")}} が発生します。 +- `maximum` が設定されており、かつ `initial` よりも小さい場合は、 {{jsxref("RangeError")}} が発生します。 + +## 例 + +### 新しい WebAssembly Table インスタンスの生成 + +次の例では (table2.html の[ソースコード](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.html)と[実行例](https://mdn.github.io/webassembly-examples/js-api-examples/table2.html)はこちら) 新しく WebAssembly テーブルのインスタンスを、初期の大きさを 2 要素して生成します。それからテーブルの長さと 2 つの要素の中身を ({{jsxref("WebAssembly/Table/get", "Table.prototype.get()")}} で取得して) 表示し、長さは 2 で 2 つの要素は共に {{jsxref("null")}} となります。 + +```js +var tbl = new WebAssembly.Table({initial:2, element:"anyfunc"}); +console.log(tbl.length); // "2" +console.log(tbl.get(0)); // "null" +console.log(tbl.get(1)); // "null" +``` + +それからテーブルを含むインポートオブジェクトを作成します。 + +```js +var importObj = { + js: { + tbl:tbl + } +}; +``` + +最終的に、 wasm モジュール (table2.wasm) を {{jsxref("WebAssembly.instantiateStreaming()")}} メソッドを使用して読み込みインスタンス化します。 table2.wasm モジュールには 2 つの関数 (1 つは 42 を返し、もう 1 つは 83 を返す) が入っており、それぞれをインポートされたテーブルの要素 0 と 1 に格納します。 ([テキスト表現](https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table2.wat)をご覧ください)。インスタンス化した後で、テーブルは長さは 2 のままですが、要素には呼び出し可能な<a href="/ja/docs/WebAssembly/Exported_functions">エクスポートされた WebAssembly 関数</a>が入り、 JS から呼び出せるようになりました。 + +```js +WebAssembly.instantiateStreaming(fetch('table2.wasm'), importObject) +.then(function(obj) { + console.log(tbl.length); + console.log(tbl.get(0)()); + console.log(tbl.get(1)()); +}); +``` + +なお、関数呼び出し演算子がアクセサーの後に二重についており (例えば `get(0)()` を `get(0)` の代わりに使用)、実際に参照している関数を呼び出して、その中に格納された値をログ出力しています。 + +この例は JavaScript からテーブルを生成してアクセスする方法を示していますが、同じテーブルを wasm インスタンスの中から見ることができ、呼び出すこともできます。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [WebAssembly](/ja/docs/WebAssembly) 概要ページ +- [WebAssembly の概念](/ja/docs/WebAssembly/Concepts) +- [WebAssembly JavaScript API の使用](/ja/docs/WebAssembly/Using_the_JavaScript_API) diff --git a/files/ja/web/javascript/reference/operators/addition/index.html b/files/ja/web/javascript/reference/operators/addition/index.html index d87d6a2894..dc258fc3c1 100644 --- a/files/ja/web/javascript/reference/operators/addition/index.html +++ b/files/ja/web/javascript/reference/operators/addition/index.html @@ -70,13 +70,13 @@ false + false // 0 <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/addition_assignment/index.html b/files/ja/web/javascript/reference/operators/addition_assignment/index.html index d2e2a59492..ca9497a6da 100644 --- a/files/ja/web/javascript/reference/operators/addition_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/addition_assignment/index.html @@ -73,6 +73,6 @@ foo += 'bar' // "foobar"</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/assignment/index.html b/files/ja/web/javascript/reference/operators/assignment/index.html index acf35e7514..c6b8cf4ceb 100644 --- a/files/ja/web/javascript/reference/operators/assignment/index.html +++ b/files/ja/web/javascript/reference/operators/assignment/index.html @@ -58,5 +58,5 @@ x = y = z // x, y そして z は全て 25</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/bitwise_and_assignment/index.html b/files/ja/web/javascript/reference/operators/bitwise_and_assignment/index.html index 431e576433..9c30120ab7 100644 --- a/files/ja/web/javascript/reference/operators/bitwise_and_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/bitwise_and_assignment/index.html @@ -59,6 +59,6 @@ a &= 2; // 0</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise_operators">ビット演算子ガイド</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise_operators">ビット演算子ガイド</a></li> <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_AND">ビット論理積演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/bitwise_or/index.html b/files/ja/web/javascript/reference/operators/bitwise_or/index.html index 6e4121968e..d19e7be3bf 100644 --- a/files/ja/web/javascript/reference/operators/bitwise_or/index.html +++ b/files/ja/web/javascript/reference/operators/bitwise_or/index.html @@ -109,6 +109,6 @@ translation_of: Web/JavaScript/Reference/Operators/Bitwise_OR <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise">ビット演算子ガイド</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Bitwise_OR_assignment">ビット論理和代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Bitwise">ビット演算子ガイド</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_OR_assignment">ビット論理和代入演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/bitwise_xor_assignment/index.html b/files/ja/web/javascript/reference/operators/bitwise_xor_assignment/index.html index 25ffd6de5c..90a6420cc5 100644 --- a/files/ja/web/javascript/reference/operators/bitwise_xor_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/bitwise_xor_assignment/index.html @@ -66,6 +66,6 @@ console.log(b); // 00000000000000000000000000000101 <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment_operators">代入演算子ガイド</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Bitwise_XOR">ビット排他的論理和演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment_operators">代入演算子ガイド</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_XOR">ビット排他的論理和演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/decrement/index.html b/files/ja/web/javascript/reference/operators/decrement/index.html index b22545059c..f5e63fd791 100644 --- a/files/ja/web/javascript/reference/operators/decrement/index.html +++ b/files/ja/web/javascript/reference/operators/decrement/index.html @@ -71,13 +71,13 @@ b = --a; <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/destructuring_assignment/index.html b/files/ja/web/javascript/reference/operators/destructuring_assignment/index.html index c627dd6049..13aade654e 100644 --- a/files/ja/web/javascript/reference/operators/destructuring_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/destructuring_assignment/index.html @@ -172,7 +172,7 @@ console.log(b); // [2, 3]</pre> <h4 id="Unpacking_values_from_a_regular_expression_match" name="Unpacking_values_from_a_regular_expression_match">正規表現の一致からの値取得</h4> -<p>正規表現オブジェクトの <code><a href="/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec"> exec()</a></code> メソッドは一致するものを見つけ、最初に一致した文字列全体の一部と、正規表現内の各括弧で囲まれたグループに一致した文字列の部分を含む配列を返します。分割代入によって、簡単にこの配列の一部分を取り出せます。また必要でない場合は、完全一致を無視できます。</p> +<p>正規表現オブジェクトの <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec"> exec()</a></code> メソッドは一致するものを見つけ、最初に一致した文字列全体の一部と、正規表現内の各括弧で囲まれたグループに一致した文字列の部分を含む配列を返します。分割代入によって、簡単にこの配列の一部分を取り出せます。また必要でない場合は、完全一致を無視できます。</p> <pre class="brush:js notranslate">function parseProtocol(url) { const parsedURL = /^(\w+)\:\/\/([^\/]+)\/(.*)$/.exec(url); diff --git a/files/ja/web/javascript/reference/operators/division/index.html b/files/ja/web/javascript/reference/operators/division/index.html index e3fd9b96f9..3db6a5715d 100644 --- a/files/ja/web/javascript/reference/operators/division/index.html +++ b/files/ja/web/javascript/reference/operators/division/index.html @@ -64,13 +64,13 @@ Math.floor(3 / 2) // 1 <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/exponentiation/index.html b/files/ja/web/javascript/reference/operators/exponentiation/index.html index 8a3e13a8b1..40531f5a6c 100644 --- a/files/ja/web/javascript/reference/operators/exponentiation/index.html +++ b/files/ja/web/javascript/reference/operators/exponentiation/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation --- <div>{{jsSidebar("Operators")}}</div> -<p>べき乗演算子 (<code>**</code>) は、1番目のオペランドを2番目のオペランドの累乗まで上げた結果を返します。これは <code>Math.pow</code> と同等ですが、オペランドとして <a href="/docs/Web/JavaScript/Data_structures#BigInt_%E5%9E%8B">BigInt</a> も受け入れます。</p> +<p>べき乗演算子 (<code>**</code>) は、1番目のオペランドを2番目のオペランドの累乗まで上げた結果を返します。これは <code>Math.pow</code> と同等ですが、オペランドとして <a href="/ja/docs/Web/JavaScript/Data_structures#BigInt_%E5%9E%8B">BigInt</a> も受け入れます。</p> <div>{{EmbedInteractiveExample("pages/js/expressions-exponentiation.html")}}</div> @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Operators/Exponentiation // JavaScriptでは意図が明白なため -4 </pre> -<p>注意: 一部のプログラミング言語ではべき乗計算にキャレット記号 <kbd>^</kbd> を使用していますが、JavaScript では<a href="/docs/Web/JavaScript/Reference/Operators/Bitwise_XOR">ビット排他的論理和</a>にこの記号を使用しています。</p> +<p>注意: 一部のプログラミング言語ではべき乗計算にキャレット記号 <kbd>^</kbd> を使用していますが、JavaScript では<a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_XOR">ビット排他的論理和</a>にこの記号を使用しています。</p> <h2 id="例">例</h2> @@ -91,13 +91,13 @@ NaN ** 2 // NaN <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/exponentiation_assignment/index.html b/files/ja/web/javascript/reference/operators/exponentiation_assignment/index.html index fa942f4779..9a7faa7c49 100644 --- a/files/ja/web/javascript/reference/operators/exponentiation_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/exponentiation_assignment/index.html @@ -56,6 +56,6 @@ bar **= 'foo' // NaN</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">Assignment operators in the JS guide</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Exponentiation">Exponentiation operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">Assignment operators in the JS guide</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">Exponentiation operator</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/greater_than/index.html b/files/ja/web/javascript/reference/operators/greater_than/index.html index 247f76e0cb..e5a05c3bbb 100644 --- a/files/ja/web/javascript/reference/operators/greater_than/index.html +++ b/files/ja/web/javascript/reference/operators/greater_than/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than <h2 id="解説">解説</h2> -<p>オペランドは、 <a class="external external-icon" href="https://tc39.es/ecma262/#sec-abstract-relational-comparison" rel="noopener">抽象関係比較</a> アルゴリズムを使用して比較されます。このアルゴリズムの概要については、 <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than">小なり</a> 演算子のドキュメントを参照して下さい。</p> +<p>オペランドは、 <a class="external external-icon" href="https://tc39.es/ecma262/#sec-abstract-relational-comparison" rel="noopener">抽象関係比較</a> アルゴリズムを使用して比較されます。このアルゴリズムの概要については、 <a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than">小なり</a> 演算子のドキュメントを参照して下さい。</p> <h2 id="例">例</h2> @@ -94,7 +94,7 @@ console.log(NaN > 3); // false</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Greater_than_or_equal">Greater than or equal operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than">Less than operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Greater_than_or_equal">Greater than or equal operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than">Less than operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/greater_than_or_equal/index.html b/files/ja/web/javascript/reference/operators/greater_than_or_equal/index.html index b72d8cf06c..12800994b8 100644 --- a/files/ja/web/javascript/reference/operators/greater_than_or_equal/index.html +++ b/files/ja/web/javascript/reference/operators/greater_than_or_equal/index.html @@ -22,7 +22,7 @@ translation_of: Web/JavaScript/Reference/Operators/Greater_than_or_equal <h2 id="解説">解説</h2> -<p>オペランドは、<a class="external external-icon" href="https://tc39.es/ecma262/#sec-abstract-relational-comparison" rel="noopener">抽象関係比較</a>アルゴリズムを使用して比較されます。 このアルゴリズムの概要は<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than">小なり</a>演算子のドキュメントを参照して下さい。</p> +<p>オペランドは、<a class="external external-icon" href="https://tc39.es/ecma262/#sec-abstract-relational-comparison" rel="noopener">抽象関係比較</a>アルゴリズムを使用して比較されます。 このアルゴリズムの概要は<a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than">小なり</a>演算子のドキュメントを参照して下さい。</p> <h2 id="例">例</h2> @@ -94,7 +94,7 @@ console.log(NaN >= 3); // false</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Greater_than">Greater than operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than">Less than operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Greater_than">Greater than operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than">Less than operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/in/index.html b/files/ja/web/javascript/reference/operators/in/index.html index ac6c61dc62..72b6bf5934 100644 --- a/files/ja/web/javascript/reference/operators/in/index.html +++ b/files/ja/web/javascript/reference/operators/in/index.html @@ -137,5 +137,5 @@ empties[2] // undefined を返す <li><code><a href="/ja/docs/Web/JavaScript/Reference/Operators/delete">delete</a></code></li> <li>{{jsxref("Object.prototype.hasOwnProperty()")}}</li> <li>{{jsxref("Reflect.has()")}}</li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Enumerability_and_ownership_of_properties">プロパティの列挙可能性と所有権</a></li> + <li><a href="/ja/docs/Web/JavaScript/Enumerability_and_ownership_of_properties">プロパティの列挙可能性と所有権</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/increment/index.html b/files/ja/web/javascript/reference/operators/increment/index.html index 9b575490f5..8cbb2486a8 100644 --- a/files/ja/web/javascript/reference/operators/increment/index.html +++ b/files/ja/web/javascript/reference/operators/increment/index.html @@ -69,13 +69,13 @@ b = ++a; <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/inequality/index.html b/files/ja/web/javascript/reference/operators/inequality/index.html index 7dba373779..aab622a884 100644 --- a/files/ja/web/javascript/reference/operators/inequality/index.html +++ b/files/ja/web/javascript/reference/operators/inequality/index.html @@ -10,7 +10,7 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality --- <div>{{jsSidebar("Operators")}}</div> -<p>不等価演算子 (<code>!=</code>) は、2つのオペランドが等しくないかをチェックし、ブール値の結果を返します。<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価</a>演算子とは異なり、異なる型のオペランドを変換して比較を行おうとします。</p> +<p>不等価演算子 (<code>!=</code>) は、2つのオペランドが等しくないかをチェックし、ブール値の結果を返します。<a href="/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価</a>演算子とは異なり、異なる型のオペランドを変換して比較を行おうとします。</p> <div>{{EmbedInteractiveExample("pages/js/expressions-inequality.html")}}</div> @@ -22,19 +22,19 @@ translation_of: Web/JavaScript/Reference/Operators/Inequality <h2 id="説明">説明</h2> -<p>不等価演算子は、そのオペランドが等しくないかどうかをチェックします。これは<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Equality">等価</a>演算子の否定なので、次の2行は常に同じ結果になります。</p> +<p>不等価演算子は、そのオペランドが等しくないかどうかをチェックします。これは<a href="/ja/docs/Web/JavaScript/Reference/Operators/Equality">等価</a>演算子の否定なので、次の2行は常に同じ結果になります。</p> <pre class="brush: js notranslate">x != y !(x == y)</pre> -<p>比較アルゴリズムの詳細については、<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Equality">等価</a>演算子のページを参照して下さい。</p> +<p>比較アルゴリズムの詳細については、<a href="/ja/docs/Web/JavaScript/Reference/Operators/Equality">等価</a>演算子のページを参照して下さい。</p> <p>等価演算子と同様に、不等価演算子は異なる型のオペランドを変換して比較しようとします。</p> <pre class="brush: js notranslate">3 != "3"; // false</pre> -<p>これを防止し、異なる型が異なる結果を返すようにするには、代わりに<a href="/en-US/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価</a>演算子を使用します:</p> +<p>これを防止し、異なる型が異なる結果を返すようにするには、代わりに<a href="/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価</a>演算子を使用します:</p> <pre class="brush: js notranslate">3 !== "3"; // true</pre> @@ -92,7 +92,7 @@ object2 != object2 // false</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Equality">等価演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Strict_equality">厳密等価演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Equality">等価演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Strict_equality">厳密等価演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Strict_inequality">厳密不等価演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/left_shift_assignment/index.html b/files/ja/web/javascript/reference/operators/left_shift_assignment/index.html index cbe638ccd2..be51e08dda 100644 --- a/files/ja/web/javascript/reference/operators/left_shift_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/left_shift_assignment/index.html @@ -56,6 +56,6 @@ bar <<= 2; // 20 <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Left_shift">左シフト演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Left_shift">左シフト演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/less_than/index.html b/files/ja/web/javascript/reference/operators/less_than/index.html index c684188b51..e3d838febc 100644 --- a/files/ja/web/javascript/reference/operators/less_than/index.html +++ b/files/ja/web/javascript/reference/operators/less_than/index.html @@ -25,7 +25,7 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than <p>オペランドは、以下に大まかに要約されている<a href="https://tc39.es/ecma262/#sec-abstract-relational-comparison">抽象関係比較</a>アルゴリズムを使用して比較されます:</p> <ul> - <li>最初に、オブジェクトは <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive">Symbol.ToPrimitive</a></code> を使用してプリミティブに変換されます。</li> + <li>最初に、オブジェクトは <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive">Symbol.ToPrimitive</a></code> を使用してプリミティブに変換されます。</li> <li>両方の値が文字列である場合、それらに含まれる Unicode コードポイントの値に基づいて、文字列として比較されます。</li> <li>それ以外の場合、 JavaScript は非数値型を数値に変換しようとします: <ul> @@ -35,7 +35,7 @@ translation_of: Web/JavaScript/Reference/Operators/Less_than <li>文字列は、含まれている値に基づいて変換され、数値が含まれていない場合は <code>NaN</code> として変換されます。</li> </ul> </li> - <li>いずれかの値が <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN</a></code> の場合、演算子は <code>false</code> を返します。</li> + <li>いずれかの値が <code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN</a></code> の場合、演算子は <code>false</code> を返します。</li> <li>それ以外の場合、値は数値として比較されます。</li> </ul> @@ -109,7 +109,7 @@ console.log(NaN < 3); // false</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Greater_than">Greater than operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Greater_than_or_equal">Greater than or equal operator</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Greater_than">Greater than operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Greater_than_or_equal">Greater than or equal operator</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Less_than_or_equal">Less than or equal operator</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/logical_and_assignment/index.html b/files/ja/web/javascript/reference/operators/logical_and_assignment/index.html index 1e74fc6b2d..95ac42b650 100644 --- a/files/ja/web/javascript/reference/operators/logical_and_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/logical_and_assignment/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_AND_assignment <h3 id="短絡評価（ショートサーキット）">短絡評価（ショートサーキット）</h3> -<p><a href="/docs/Web/JavaScript/Reference/Operators/Logical_AND">論理積演算子</a>は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。</p> +<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/Logical_AND">論理積演算子</a>は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。</p> <p><code>(偽値の式) && expr</code> は、偽値の式が短絡評価されます。</p> diff --git a/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.html b/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.html index 1c2235a65e..ba7ebab53d 100644 --- a/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/logical_nullish_assignment/index.html @@ -27,7 +27,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_nullish_assignment <h3 id="短絡評価（ショートサーキット）">短絡評価（ショートサーキット）</h3> -<p><a href="/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子</a>は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。</p> +<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子</a>は左から右に評価され、次のルールを使って短絡評価の可能性があるかどうかテストされます。</p> <p><code>(null や undefined ではない式) ?? expr</code> は、左辺が <code>null</code> でも <code>undefined</code> でもないことが証明されたら、左辺の式が短絡評価されます。</p> @@ -82,7 +82,7 @@ config({}); // { duration: 100, speed: 25 } <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子 (<code>??</code>)</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null 合体演算子 (<code>??</code>)</a></li> <li>{{Glossary("Nullish")}}</li> <li>{{Glossary("Truthy")}}</li> <li>{{Glossary("Falsy")}}</li> diff --git a/files/ja/web/javascript/reference/operators/logical_or_assignment/index.html b/files/ja/web/javascript/reference/operators/logical_or_assignment/index.html index 4f9a661684..96de814889 100644 --- a/files/ja/web/javascript/reference/operators/logical_or_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/logical_or_assignment/index.html @@ -26,7 +26,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_OR_assignment <h3 id="短絡評価（ショートサーキット）">短絡評価（ショートサーキット）</h3> -<p><a href="/docs/Web/JavaScript/Reference/Operators/Logical_OR">論理和</a>演算子は次のように動作します。</p> +<p><a href="/ja/docs/Web/JavaScript/Reference/Operators/Logical_OR">論理和</a>演算子は次のように動作します。</p> <pre class="brush: js notranslate">x || y; // x が truthy の場合 x を返します @@ -50,7 +50,7 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_OR_assignment <h3 id="デフォルトの内容を設定する">デフォルトの内容を設定する</h3> -<p>"lyrics" 要素が空の場合は、<code><a href="/docs/Web/API/Element/innerHTML">innerHTML</a></code> をデフォルト値に設定します。</p> +<p>"lyrics" 要素が空の場合は、<code><a href="/ja/docs/Web/API/Element/innerHTML">innerHTML</a></code> をデフォルト値に設定します。</p> <pre class="brush: js notranslate">document.getElementById('lyrics').innerHTML ||= '<i>No lyrics.</i>'</pre> @@ -84,9 +84,9 @@ translation_of: Web/JavaScript/Reference/Operators/Logical_OR_assignment <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Logical_OR">論理和演算子 (||)</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null合体演算子 (<code>??</code>)</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Bitwise_OR_assignment">ビット論理和代入 (<code>|=</code>)</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Logical_OR">論理和演算子 (||)</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator">Null合体演算子 (<code>??</code>)</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Bitwise_OR_assignment">ビット論理和代入 (<code>|=</code>)</a></li> <li>{{jsxref("Boolean")}}</li> <li>{{Glossary("Truthy")}}</li> <li>{{Glossary("Falsy")}}</li> diff --git a/files/ja/web/javascript/reference/operators/multiplication/index.html b/files/ja/web/javascript/reference/operators/multiplication/index.html index 3921c0c56a..4aed5ac7f6 100644 --- a/files/ja/web/javascript/reference/operators/multiplication/index.html +++ b/files/ja/web/javascript/reference/operators/multiplication/index.html @@ -62,13 +62,13 @@ Infinity * Infinity // Infinity</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/multiplication_assignment/index.html b/files/ja/web/javascript/reference/operators/multiplication_assignment/index.html index 86e53c206a..557ce809ee 100644 --- a/files/ja/web/javascript/reference/operators/multiplication_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/multiplication_assignment/index.html @@ -56,6 +56,6 @@ bar *= 'foo' // NaN</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/object_initializer/index.html b/files/ja/web/javascript/reference/operators/object_initializer/index.html index 305f7259ed..bd7259d336 100644 --- a/files/ja/web/javascript/reference/operators/object_initializer/index.html +++ b/files/ja/web/javascript/reference/operators/object_initializer/index.html @@ -210,7 +210,7 @@ var clonedObj = { ...obj1 }; var mergedObj = { ...obj1, ...obj2 }; // Object { foo: "baz", x: 42, y: 13 }</pre> -<p>{{jsxref("Object.assign()")}} は <a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions/set">setters</a> をトリガーしますが、スプレッド構文はトリガーできません。</p> +<p>{{jsxref("Object.assign()")}} は <a href="/ja/docs/Web/JavaScript/Reference/Functions/set">setters</a> をトリガーしますが、スプレッド構文はトリガーできません。</p> <h3 id="Prototype_mutation" name="Prototype_mutation">プロトタイプ変異</h3> diff --git a/files/ja/web/javascript/reference/operators/remainder_assignment/index.html b/files/ja/web/javascript/reference/operators/remainder_assignment/index.html index ab7d348b8b..c70fc20598 100644 --- a/files/ja/web/javascript/reference/operators/remainder_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/remainder_assignment/index.html @@ -57,6 +57,6 @@ bar %= 0 // NaN</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/right_shift_assignment/index.html b/files/ja/web/javascript/reference/operators/right_shift_assignment/index.html index 6ff0bb1cba..ba48bb625b 100644 --- a/files/ja/web/javascript/reference/operators/right_shift_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/right_shift_assignment/index.html @@ -56,6 +56,6 @@ b >>= 2; // -2 (-00000000000000000000000000000010)</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Right_shift">右シフト演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Right_shift">右シフト演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/subtraction/index.html b/files/ja/web/javascript/reference/operators/subtraction/index.html index 499b95bd50..1a02506128 100644 --- a/files/ja/web/javascript/reference/operators/subtraction/index.html +++ b/files/ja/web/javascript/reference/operators/subtraction/index.html @@ -56,13 +56,13 @@ translation_of: Web/JavaScript/Reference/Operators/Subtraction <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_plus">単項プラス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/subtraction_assignment/index.html b/files/ja/web/javascript/reference/operators/subtraction_assignment/index.html index 67fecfed23..f44dbc8232 100644 --- a/files/ja/web/javascript/reference/operators/subtraction_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/subtraction_assignment/index.html @@ -56,6 +56,6 @@ bar -= 'foo' // NaN</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/unary_plus/index.html b/files/ja/web/javascript/reference/operators/unary_plus/index.html index 6cd8b30087..418686a5c1 100644 --- a/files/ja/web/javascript/reference/operators/unary_plus/index.html +++ b/files/ja/web/javascript/reference/operators/unary_plus/index.html @@ -68,13 +68,13 @@ console.log(+y); <h2 id="関連情報">関連情報</h2> <ul> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> - <li><a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Addition">加算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Subtraction">減算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Division">除算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Multiplication">乗算演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Remainder">剰余演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Exponentiation">べき乗演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Increment">インクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Decrement">デクリメント演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unary_negation">単項マイナス演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html b/files/ja/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html index eb756b8c49..4e23558b27 100644 --- a/files/ja/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html +++ b/files/ja/web/javascript/reference/operators/unsigned_right_shift_assignment/index.html @@ -56,6 +56,6 @@ b >>>= 2; // 1073741822 (00111111111111111111111111111110)</pre> <h2 id="関連項目">関連項目</h2> <ul> - <li><a href="/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> - <li><a href="/docs/Web/JavaScript/Reference/Operators/Unsigned_right_shift">符号なし右シフト演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Guide/Expressions_and_Operators#Assignment">代入演算子</a></li> + <li><a href="/ja/docs/Web/JavaScript/Reference/Operators/Unsigned_right_shift">符号なし右シフト演算子</a></li> </ul> diff --git a/files/ja/web/javascript/reference/statements/block/index.html b/files/ja/web/javascript/reference/statements/block/index.html index da3bb914b0..fa85236949 100644 --- a/files/ja/web/javascript/reference/statements/block/index.html +++ b/files/ja/web/javascript/reference/statements/block/index.html @@ -43,7 +43,7 @@ translation_of: Web/JavaScript/Reference/Statements/block <h2 id="Description" name="Description">解説</h2> -<p>ブロック文は、他の言語ではよく<strong>複合文</strong>と呼ばれます。これは複数の文を JavaScript からみて1つの文にまとめるために使用します。ブロック内に複数の文をまとめることは、JavaScript ではよく行われることです。反対の動作は<a href="/en-US/docs/Web/JavaScript/Reference/Statements/Empty">空文</a>を使用することで実現でき、これは1つの文が必要な場所に文を置かずにおくことができます。</p> +<p>ブロック文は、他の言語ではよく<strong>複合文</strong>と呼ばれます。これは複数の文を JavaScript からみて1つの文にまとめるために使用します。ブロック内に複数の文をまとめることは、JavaScript ではよく行われることです。反対の動作は<a href="/ja/docs/Web/JavaScript/Reference/Statements/Empty">空文</a>を使用することで実現でき、これは1つの文が必要な場所に文を置かずにおくことができます。</p> <p>ブロックは、{{jsxref("Statements/if...else", "if...else")}} や {{jsxref("Statements/for", "for")}} 文との組み合わせでよく使用されます。</p> diff --git a/files/ja/web/javascript/reference/statements/var/index.html b/files/ja/web/javascript/reference/statements/var/index.html index 23cc8fe37c..7f5863ef05 100644 --- a/files/ja/web/javascript/reference/statements/var/index.html +++ b/files/ja/web/javascript/reference/statements/var/index.html @@ -32,7 +32,7 @@ translation_of: Web/JavaScript/Reference/Statements/var <dd>その変数の初期値です。有効な式なら何でも取ることができます。既定値は <code>undefined</code> です。</dd> </dl> -<p>あるいは、<a href="https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a>を使用して変数を宣言することもできます。 +<p>あるいは、<a href="/ja/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">分割代入</a>を使用して変数を宣言することもできます。 </p><pre class="notranslate">var <var>{ bar }</var> = <em>foo</em>; // where foo = { bar:10, baz:12 }; /* これは、値が 10 の「bar」という名前の変数を作成します。 */</pre> diff --git a/files/ja/web/manifest/index.html b/files/ja/web/manifest/index.html index 5c7959ef31..c4964ce6b0 100644 --- a/files/ja/web/manifest/index.html +++ b/files/ja/web/manifest/index.html @@ -89,9 +89,9 @@ translation_of: Web/Manifest <p>Chrome 47 以降では、ホーム画面からサイトが起動されるとスプラッシュ画面が表示されます。スプラッシュ画面はウェブアプリマニフェストのプロパティから、具体的には以下のように自動生成されます。</p> <ul> - <li><code><a href="/docs/Web/Manifest/name">name</a></code></li> - <li><code><a href="/docs/Web/Manifest/background_color">background_color</a></code></li> - <li><code><a href="/docs/Web/Manifest/icons">icons</a></code> の配列中のアイコンで、端末の 128dpi に最も近いもの。 + <li><code><a href="/ja/docs/Web/Manifest/name">name</a></code></li> + <li><code><a href="/ja/docs/Web/Manifest/background_color">background_color</a></code></li> + <li><code><a href="/ja/docs/Web/Manifest/icons">icons</a></code> の配列中のアイコンで、端末の 128dpi に最も近いもの。 </li></ul> <h2 id="Specification" name="Specification">仕様書</h2> diff --git a/files/ja/web/mathml/attribute/index.html b/files/ja/web/mathml/attribute/index.html index 8107079bca..616a59a7c3 100644 --- a/files/ja/web/mathml/attribute/index.html +++ b/files/ja/web/mathml/attribute/index.html @@ -6,13 +6,13 @@ tags: - MathML Reference translation_of: Web/MathML/Attribute --- -<p>これは MathML 属性のアルファベット順リストです。各属性の詳細はそれぞれの <a href="/docs/MathML/Element" title="/docs/MathML/Element">要素のページ</a> にあります。</p> +<p>これは MathML 属性のアルファベット順リストです。各属性の詳細はそれぞれの <a href="/ja/docs/MathML/Element" title="/docs/MathML/Element">要素のページ</a> にあります。</p> <p>補足:</p> <ul> <li>MathML {{ MathMLElement("mstyle") }} 要素と {{ MathMLElement("math") }} {{ gecko_minversion_inline("7.0") }} 要素は、すべての MathML プレゼンテーション要素のすべての属性を受け入れます。</li> - <li>MathML の値と単位についての補足は、<a href="/docs/MathML/Attributes/Values" title="/docs/MathML/Attributes/Values">値</a> を参照してください。</li> + <li>MathML の値と単位についての補足は、<a href="/ja/docs/MathML/Attributes/Values" title="/docs/MathML/Attributes/Values">値</a> を参照してください。</li> </ul> <table class="standard-table"> @@ -119,7 +119,7 @@ translation_of: Web/MathML/Attribute <tr id="depth"> <td><code>depth</code></td> <td>{{ MathMLElement("mpadded") }}</td> - <td>Sets or increments the depth. See <a href="/docs/MathML/Attributes/Values">length</a>.</td> + <td>Sets or increments the depth. See <a href="/ja/docs/MathML/Attributes/Values">length</a>.</td> </tr> <tr id="dir"> <td><code>dir</code></td> @@ -179,7 +179,7 @@ translation_of: Web/MathML/Attribute <tr id="height"> <td><code>height</code></td> <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}</td> - <td>Specifies the desired height. See <a href="/docs/MathML/Attributes/Values#Lengths" title="/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + <td>Specifies the desired height. See <a href="/ja/docs/MathML/Attributes/Values#Lengths" title="/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> </tr> <tr id="href"> <td><code>href</code></td> @@ -279,7 +279,7 @@ translation_of: Web/MathML/Attribute <tr id="lspace"> <td><code>lspace</code></td> <td>{{ MathMLElement("mo") }}, {{ MathMLElement("mpadded") }}</td> - <td>演算子の前側の空き量 (値と単位は <a href="/docs/MathML/Attributes/Values#Lengths">length</a> を参照)。</td> + <td>演算子の前側の空き量 (値と単位は <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> を参照)。</td> </tr> <tr id="lquote"> <td><code>lquote</code></td> @@ -289,12 +289,12 @@ translation_of: Web/MathML/Attribute <tr id="mathbackground"> <td><code>mathbackground</code></td> <td><em>All</em></td> - <td>背景色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> + <td>背景色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/ja/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> </tr> <tr id="mathcolor"> <td><code>mathcolor</code></td> <td><em>All</em></td> - <td>テキスト色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> + <td>テキスト色。<code>#rgb</code> および <code>#rrggbb</code>、<a href="/ja/docs/CSS/color_value#HTML.2fSVG.2fX11.c2.a0_Color_Keywords">HTML カラー名</a> が使用できます。</td> </tr> <tr id="mathsize"> <td><code>mathsize</code></td> @@ -314,7 +314,7 @@ translation_of: Web/MathML/Attribute <tr id="minlabelspacing"> <td>{{ unimplemented_inline() }} <code>minlabelspacing</code></td> <td>{{ MathMLElement("mtable") }}</td> - <td>A <a href="/docs/MathML/Attributes/Values">length value</a> specifing the minimum space between a <a href="Element/mlabeledtr" rel="internal">label</a> and the adjacent cell in the row.</td> + <td>A <a href="/ja/docs/MathML/Attributes/Values">length value</a> specifing the minimum space between a <a href="Element/mlabeledtr" rel="internal">label</a> and the adjacent cell in the row.</td> </tr> <tr id="minsize"> <td><code>minsize</code></td> @@ -460,7 +460,7 @@ translation_of: Web/MathML/Attribute <tr id="width"> <td><code>width</code></td> <td>{{ MathMLElement("mglyph") }}, {{ MathMLElement("mpadded") }}, {{ MathMLElement("mspace") }}, {{ MathMLElement("mtable") }}</td> - <td>Specifies the desired width. See <a href="/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> + <td>Specifies the desired width. See <a href="/ja/docs/MathML/Attributes/Values#Lengths">lengths</a> for possible values.</td> </tr> <tr id="xlink-href"> <td><code>xlink:href</code></td> diff --git a/files/ja/web/mathml/authoring/index.html b/files/ja/web/mathml/authoring/index.html index 3546ad1808..5051453456 100644 --- a/files/ja/web/mathml/authoring/index.html +++ b/files/ja/web/mathml/authoring/index.html @@ -11,7 +11,7 @@ translation_of: Web/MathML/Authoring <p>数式を表現しようと思うともっと複雑です。数学には分数や平方根、行列など独自のタグが必要になるような構造がいろいろあるからです。ですから、優良な MathML エディターが求められます。以下ではその幾つかについて述べていきます。取り分け、 Mozilla の MathML 開発チームが開発中の <a href="https://github.com/TeXZilla/">TeXZilla</a> は、 JavaScript 製 Unicode LaTeX-MathML コンバーターであり、本稿で紹介されているような多くの場面で用いられることを想定しています。無論、本稿のツール紹介ではすべてを網羅している訳ではありませんから、是非とも W3C が発行する <a class="external" href="https://www.w3.org/Math/Software/">MathML ソフトウェア一覧</a>をチェックして他のツールも見てみてください。</p> -<p>なお設計上、 MathML は HTML5 によく統合されており、特に CSS, DOM, Javascript, SVG のような通常のウェブ機能を使用できることができます。これはこのドキュメントの範囲外ですが、ウェブ言語の基本的な知識があれば、誰でも簡単にこれらの機能を MathML と組み合わせることができます。詳細については、<a href="/en-US/docs/Mozilla/MathML_Project#Sample_MathML_Documents">デモ</a>や <a href="/en-US/docs/Web/MathML">MathML リファレンスのページ</a>をご覧ください。</p> +<p>なお設計上、 MathML は HTML5 によく統合されており、特に CSS, DOM, Javascript, SVG のような通常のウェブ機能を使用できることができます。これはこのドキュメントの範囲外ですが、ウェブ言語の基本的な知識があれば、誰でも簡単にこれらの機能を MathML と組み合わせることができます。詳細については、<a href="/ja/docs/Mozilla/MathML_Project#Sample_MathML_Documents">デモ</a>や <a href="/ja/docs/Web/MathML">MathML リファレンスのページ</a>をご覧ください。</p> <h2 id="Using_MathML" name="Using_MathML">MathML の使用</h2> @@ -52,7 +52,7 @@ translation_of: Web/MathML/Authoring <pre class="brush: html notranslate"><script src="https://fred-wang.github.io/mathjax.js/mpadded-min.js"></script></pre> -<p>これら 2 つのスクリプトは <a href="/en-US/docs/Web/MathML/Element/mspace">mspace</a> または <a href="/en-US/docs/Web/MathML/Element/mpadded">mpadded</a> 要素の機能検出を行うことに注意してください (これらのページのブラウザー互換性表を参照してください)。また、良好な MathML の対応のないブラウザーのためにページの上部に警告を表示し、ユーザーに上記のフォールバックのいずれかを選択させるための同様のスクリプトもあります。</p> +<p>これら 2 つのスクリプトは <a href="/ja/docs/Web/MathML/Element/mspace">mspace</a> または <a href="/ja/docs/Web/MathML/Element/mpadded">mpadded</a> 要素の機能検出を行うことに注意してください (これらのページのブラウザー互換性表を参照してください)。また、良好な MathML の対応のないブラウザーのためにページの上部に警告を表示し、ユーザーに上記のフォールバックのいずれかを選択させるための同様のスクリプトもあります。</p> <pre class="brush: html notranslate"><script src="https://fred-wang.github.io/mathml-warning.js/mpadded-min.js"></script></pre> @@ -76,9 +76,9 @@ var isWebKit = ua.indexOf('AppleWebKit') > -1 && ua.indexOf('Chrome') <h4 id="数学記号用のフォント">数学記号用のフォント</h4> -<p>In order to get a good layout or to allow different style, it's important to have mathematical fonts available. It's always good to provide a link to <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">MDN's Font Instructions</a>, so that your visitors can verify whether they have appropriate fonts installed on their system. It's also good to provide a fallback with Web fonts.</p> +<p>In order to get a good layout or to allow different style, it's important to have mathematical fonts available. It's always good to provide a link to <a href="/ja/docs/Mozilla/MathML_Project/Fonts">MDN's Font Instructions</a>, so that your visitors can verify whether they have appropriate fonts installed on their system. It's also good to provide a fallback with Web fonts.</p> -<p>Prior to Gecko 31.0 {{GeckoRelease("31.0")}}, it was a bit tedious to setup math fonts, see the <a href="/en-US/docs/Mozilla/MathML_Project/FontsMozilla2.0#MathML_Font_Selection_with_CSS">font instructions for Mozilla 2.0</a>. For Gecko 31.0 {{GeckoRelease("31.0")}}, this is much simpler and is compatible with any Web rendering engine with MathML support. For example, here is a minimal stylesheet to use Latin Modern for the text and Latin Modern Math for the mathematics:</p> +<p>Prior to Gecko 31.0 {{GeckoRelease("31.0")}}, it was a bit tedious to setup math fonts, see the <a href="/ja/docs/Mozilla/MathML_Project/FontsMozilla2.0#MathML_Font_Selection_with_CSS">font instructions for Mozilla 2.0</a>. For Gecko 31.0 {{GeckoRelease("31.0")}}, this is much simpler and is compatible with any Web rendering engine with MathML support. For example, here is a minimal stylesheet to use Latin Modern for the text and Latin Modern Math for the mathematics:</p> <pre class="brush: css notranslate">@namespace url('http://www.w3.org/1999/xhtml'); @namespace m url('http://www.w3.org/1998/Math/MathML'); @@ -90,7 +90,7 @@ m|math { font-family: Latin Modern Math; }</pre> -<p>You can then use the <a href="/en-US/docs/Web/CSS/@font-face">@font-face</a> rule as usual to provide WOFF fallback for Latin Modern and Latin Modern Math. See this <a href="https://github.com/fred-wang/MathFonts">GitHub repository to get WOFF fonts and sample CSS stylesheets</a> to use on your Web site and check <a href="http://fred-wang.github.io/MathFonts/">its test page</a>.</p> +<p>You can then use the <a href="/ja/docs/Web/CSS/@font-face">@font-face</a> rule as usual to provide WOFF fallback for Latin Modern and Latin Modern Math. See this <a href="https://github.com/fred-wang/MathFonts">GitHub repository to get WOFF fonts and sample CSS stylesheets</a> to use on your Web site and check <a href="http://fred-wang.github.io/MathFonts/">its test page</a>.</p> <h4 id="XML文書（XHTML，EPUB等々）におけるMathML">XML文書（XHTML，EPUB等々）におけるMathML</h4> diff --git a/files/ja/web/mathml/element/index.html b/files/ja/web/mathml/element/index.html index a0b50d1e43..a2195bb00f 100644 --- a/files/ja/web/mathml/element/index.html +++ b/files/ja/web/mathml/element/index.html @@ -112,14 +112,14 @@ translation_of: Web/MathML/Element <h3 id="Other_elements" name="Other_elements">他の要素</h3> <ul> <li>{{ MathMLElement("semantics") }} (セマンティックアノテーション用のコンテナ)</li> - <li><a href="/docs/MathML/Element/semantics"><code><annotation></code></a> (Data アノテーション)</li> - <li><a href="/docs/MathML/Element/semantics"><code><annotation-xml></code></a> (XML アノテーション)</li> + <li><a href="/ja/docs/MathML/Element/semantics"><code><annotation></code></a> (Data アノテーション)</li> + <li><a href="/ja/docs/MathML/Element/semantics"><code><annotation-xml></code></a> (XML アノテーション)</li> </ul> </div> <h2 id="See_also" name="See_also">関連情報</h2> <ul> - <li><a href="/docs/Web/MathML">MathML</a></li> - <li><a href="/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></li> + <li><a href="/ja/docs/Web/MathML">MathML</a></li> + <li><a href="/ja/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></li> </ul> diff --git a/files/ja/web/mathml/element/mfenced/index.html b/files/ja/web/mathml/element/mfenced/index.html index 210ce30041..c89e7f5c8c 100644 --- a/files/ja/web/mathml/element/mfenced/index.html +++ b/files/ja/web/mathml/element/mfenced/index.html @@ -19,9 +19,9 @@ translation_of: Web/MathML/Element/mfenced <dt id="attr-href">href</dt> <dd>指定されたURIへのハイパーリンクを設定するために使用されます。</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>背景色。#<code>#rgb</code>、<code>#rrggbb</code>、および<a href="/en-US/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dd>背景色。#<code>#rgb</code>、<code>#rrggbb</code>、および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>テキストの色と分数数線の色。 <code>#rgb</code>、<code>#rrggbb</code>、および<a href="/en-US/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> + <dd>テキストの色と分数数線の色。 <code>#rgb</code>、<code>#rrggbb</code>、および<a href="/ja/docs/CSS/color_value#Color_Keywords">HTMLの色名</a>を使用できます。</dd> <dt id="attr-open">open</dt> <dd>開き記号の文字列を与えます。既定値は "(" です。空白文字はすべて無くされます。</dd> <dt id="attr-separators">separators</dt> diff --git a/files/ja/web/mathml/element/mfrac/index.html b/files/ja/web/mathml/element/mfrac/index.html index 567cf6bb87..b61285d674 100644 --- a/files/ja/web/mathml/element/mfrac/index.html +++ b/files/ja/web/mathml/element/mfrac/index.html @@ -26,7 +26,7 @@ translation_of: Web/MathML/Element/mfrac <dd><a href="/ja/docs/CSS">スタイルシート</a> で装飾を行なう際に使われます。</dd> <dt id="attr-denomalign"><code>denomalign</code> {{deprecated_inline}}</dt> <dd>分数の下に分母をどう揃えるかを指定します。取り得る値は <code>left</code>、<code>center</code> (既定値) と <code>right</code> です。<br> - この属性は、非推奨で近日中に廃止されます。代わりに CSS を用いて <code><a href="ja/docs/Web/CSS/text-align">text-align</a></code> を指定してください。</dd> + この属性は、非推奨で近日中に廃止されます。代わりに CSS を用いて <code><a href="/ja/docs/Web/CSS/text-align">text-align</a></code> を指定してください。</dd> <dt id="attr-href"><code>href</code></dt> <dd>特定の URI へのハイパーリンクを設定するのに使われます。</dd> <dt id="attr-linethickness"><code>linethickness</code></dt> diff --git a/files/ja/web/mathml/element/mi/index.html b/files/ja/web/mathml/element/mi/index.html index ee4ed66910..4f8eafe3ab 100644 --- a/files/ja/web/mathml/element/mi/index.html +++ b/files/ja/web/mathml/element/mi/index.html @@ -26,7 +26,7 @@ translation_of: Web/MathML/Element/mi <li><code>small:</code> Font is rendered smaller than the current font size.</li> <li><code>normal:</code> Equivalent to 100% or 1em.</li> <li><code>big:</code> Font is rendered larger than the current font size.</li> - <li>a custom <a href="/en-US/docs/CSS/length">length</a>.</li> + <li>a custom <a href="/ja/docs/CSS/length">length</a>.</li> <li>or a unitless value which multiplies the default.</li> </ul> </dd> @@ -113,5 +113,5 @@ translation_of: Web/MathML/Element/mi <ul> <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> - <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> </ul> diff --git a/files/ja/web/mathml/element/mmultiscripts/index.html b/files/ja/web/mathml/element/mmultiscripts/index.html index e7f6217cd3..40165c6cb6 100644 --- a/files/ja/web/mathml/element/mmultiscripts/index.html +++ b/files/ja/web/mathml/element/mmultiscripts/index.html @@ -22,17 +22,17 @@ translation_of: Web/MathML/Element/mmultiscripts <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-href">href</dt> <dd>特定の URI へのハイパーリンクをセットするのに使います。</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> + <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>文字色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> + <dd>文字色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a> が使えます。</dd> <dt id="attr-subscriptshift">subscriptshift</dt> - <dd>The minimum space by which to shift the subscript below the baseline of the expression, as a <a href="/en-US/docs/CSS/length">CSS length</a>.</dd> + <dd>The minimum space by which to shift the subscript below the baseline of the expression, as a <a href="/ja/docs/CSS/length">CSS length</a>.</dd> <dt id="attr-superscriptshift">superscriptshift</dt> - <dd>The minimum space by which to shift the superscript above the baseline of the expression, as a <a href="/en-US/docs/CSS/length">CSS length</a>.</dd> + <dd>The minimum space by which to shift the superscript above the baseline of the expression, as a <a href="/ja/docs/CSS/length">CSS length</a>.</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/mn/index.html b/files/ja/web/mathml/element/mn/index.html index 21d4fb2b84..94c9a6e47e 100644 --- a/files/ja/web/mathml/element/mn/index.html +++ b/files/ja/web/mathml/element/mn/index.html @@ -31,7 +31,7 @@ translation_of: Web/MathML/Element/mn <li><code>small</code>: Font is rendered smaller than the current font size.</li> <li><code>normal</code>: Equivalent to 100% or 1em.</li> <li><code>big</code>Font is rendered larger than the current font size.</li> - <li>a custom <a href="/en-US/docs/CSS/length">length</a>.</li> + <li>a custom <a href="/ja/docs/CSS/length">length</a>.</li> <li>or a unitless value which multiplies the default.</li> </ul> </dd> @@ -120,5 +120,5 @@ translation_of: Web/MathML/Element/mn <ul> <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> - <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 {{ geckoRelease("28.0") }} and require appropriate <a href="/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> </ul> diff --git a/files/ja/web/mathml/element/mo/index.html b/files/ja/web/mathml/element/mo/index.html index 504377c56e..2601ec133f 100644 --- a/files/ja/web/mathml/element/mo/index.html +++ b/files/ja/web/mathml/element/mo/index.html @@ -50,7 +50,7 @@ translation_of: Web/MathML/Element/mo <li><code>small:</code> Font is rendered smaller than the current font size.</li> <li><code>normal:</code> Equivalent to 100% or 1em.</li> <li><code>big:</code> Font is rendered larger than the current font size.</li> - <li>a custom <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>.</li> + <li>a custom <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a>.</li> <li>or a unitless value which multiplies the default.</li> </ul> </dd> @@ -90,14 +90,14 @@ translation_of: Web/MathML/Element/mo <dd>If <code>stretchy</code> is <code>true</code>, this attribute specifies the maximum size of the operator. Allowed values are: <ul> <li><code>infinity</code></li> - <li>an arbitrary <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a></li> + <li>an arbitrary <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a></li> </ul> </dd> <dt id="attr-minsize">minsize</dt> <dd>If <code>stretchy</code> is <code>true</code>, this attribute specifies the minimum size of the operator. Allowed values are: <ul> <li><code>infinity</code></li> - <li>an arbitrary <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a></li> + <li>an arbitrary <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a></li> </ul> </dd> <dt id="attr-movablelimits">movablelimits</dt> @@ -174,6 +174,6 @@ translation_of: Web/MathML/Element/mo <ul> <li>Starting with Gecko 16.0 {{ geckoRelease("16.0") }} the default values for <code>lspace</code> and <code>rspace</code> have been corrected to match the MathML3 specification. They now default to the constant <code>thickmathspace</code> (5/18em).</li> <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> - <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> <li>Any <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbattrs">linebreaking</a> or <a class="external" href="http://www.w3.org/TR/MathML3/chapter3.html#presm.lbindent.attrs">indentation attributes</a> are not implemented yet. See {{ bug("534962") }}.</li> </ul> diff --git a/files/ja/web/mathml/element/mover/index.html b/files/ja/web/mathml/element/mover/index.html index 2d6619d9a1..25a137a62a 100644 --- a/files/ja/web/mathml/element/mover/index.html +++ b/files/ja/web/mathml/element/mover/index.html @@ -19,13 +19,13 @@ translation_of: Web/MathML/Element/mover <dt id="attr-align">align</dt> <dd>オーバースクリプトの揃え位置。取り得る値は：<code>left</code>, <code>center</code> および <code>right</code>.</dd> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-href">href</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/mphantom/index.html b/files/ja/web/mathml/element/mphantom/index.html index b3e3e2c36b..196fbc9f49 100644 --- a/files/ja/web/mathml/element/mphantom/index.html +++ b/files/ja/web/mathml/element/mphantom/index.html @@ -11,9 +11,9 @@ translation_of: Web/MathML/Element/mphantom <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a> を用いることができる。</dd> + <dd>背景色。<code>#rgb</code>, <code>#rrggbb</code> および <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a> を用いることができる。</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/mspace/index.html b/files/ja/web/mathml/element/mspace/index.html index c5f70af81c..db5cb6ae68 100644 --- a/files/ja/web/mathml/element/mspace/index.html +++ b/files/ja/web/mathml/element/mspace/index.html @@ -11,7 +11,7 @@ translation_of: Web/MathML/Element/mspace <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-depth">depth</dt> <dd>ベースラインからの希望の深さ（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd> <dt id="attr-height">height</dt> @@ -19,7 +19,7 @@ translation_of: Web/MathML/Element/mspace <dt id="attr-linebreak">linebreak</dt> <dd>この空白における改行について。取り得る値は <code>auto</code>（規定値），<code>newline，</code><code>nobreak，</code><code>goodbreak</code>，<code>badbreak</code>。MathML 3 以降は改行を制御するのに {{ MathMLElement("mo") }} を用いるのが好ましい。</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-width">width</dt> <dd>希望の幅（値と単位については <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a> 参照）</dd> </dl> diff --git a/files/ja/web/mathml/element/msub/index.html b/files/ja/web/mathml/element/msub/index.html index 3e4f44c00f..e4be6d7edc 100644 --- a/files/ja/web/mathml/element/msub/index.html +++ b/files/ja/web/mathml/element/msub/index.html @@ -12,15 +12,15 @@ translation_of: Web/MathML/Element/msub <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-href">href</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-subscriptshift">subscriptshift</dt> - <dd>下付き部分を本体のベースラインから下げる最小量を <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value</a> として指定します。</dd> + <dd>下付き部分を本体のベースラインから下げる最小量を <a href="/ja/docs/MathML/Attributes/Values#Lengths">length value</a> として指定します。</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/msup/index.html b/files/ja/web/mathml/element/msup/index.html index 5d96ed2046..c1dc2d21c1 100644 --- a/files/ja/web/mathml/element/msup/index.html +++ b/files/ja/web/mathml/element/msup/index.html @@ -12,15 +12,15 @@ translation_of: Web/MathML/Element/msup <dl> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-href">href</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-superscriptshift">superscriptshift</dt> - <dd>上付き部分を本体のベースラインから持ち上げる最小の量を <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length value.</a> で指定します。</dd> + <dd>上付き部分を本体のベースラインから持ち上げる最小の量を <a href="/ja/docs/MathML/Attributes/Values#Lengths">length value.</a> で指定します。</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/mtable/index.html b/files/ja/web/mathml/element/mtable/index.html index 2d4c746517..c76c578e91 100644 --- a/files/ja/web/mathml/element/mtable/index.html +++ b/files/ja/web/mathml/element/mtable/index.html @@ -23,7 +23,7 @@ translation_of: Web/MathML/Element/mtable In addition, values of the <code>align</code> attribute can end with a <em>rownumber</em> (e.g. <code>align="center 3"</code>). This allows you to align the specified row of the table rather than the whole table. A negative Integer value counts rows from the bottom of the table. Starting with Gecko 8.0 {{ geckoRelease("8.0") }} the interpretation of <em>negative</em> values has been corrected ({{ bug(601436) }}). In Gecko 17.0 {{geckoRelease("17.0")}} the parsing has been updated to treat whitespace correctly.</dd> <dt id="attr-alignmentscope">alignmentscope</dt> <dt id="attr-class-id-style">class, id, style</dt> - <dd>Provided for use with <a href="/en-US/docs/CSS">stylesheets</a>.</dd> + <dd>Provided for use with <a href="/ja/docs/CSS">stylesheets</a>.</dd> <dt id="attr-columnalign">columnalign</dt> <dd>セル内の水平方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する列に適用されます（例：<code>columnalign="left right center"</code>）取り得る値は <code>left，center</code>（既定値）と <code>right</code> です。</dd> <dt id="attr-columnlines">columnlines</dt> @@ -46,11 +46,11 @@ translation_of: Web/MathML/Element/mtable <dt id="attr-href">href</dt> <dd>Used to set a hyperlink to a specified URI.</dd> <dt id="attr-mathbackground">mathbackground</dt> - <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The background color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-mathcolor">mathcolor</dt> - <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/en-US/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> + <dd>The text color. You can use <code>#rgb</code>, <code>#rrggbb</code> and <a href="/ja/docs/CSS/color_value#Color_Keywords">HTML color names</a>.</dd> <dt id="attr-minlabelspacing">minlabelspacing</dt> - <dd>A length value specifing the minimum space between a <a href="/en-US/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</dd> + <dd>A length value specifing the minimum space between a <a href="/ja/docs/MathML/Element/mlabeledtr">label</a> and the adjacent cell in the row.</dd> <dt id="attr-rowalign">rowalign</dt> <dd>セルの垂直方向の揃えを指定します。スペース区切りで複数の値を書くこともでき，その場合，対応する行に適用されます（例：<code>rowalign="top bottom axis"</code>）。取り得る値は <code>axis，baseline</code>（既定値），<code>bottom，center</code> と <code>top</code> です。</dd> <dt id="attr-rowlines">rowlines</dt> @@ -60,7 +60,7 @@ translation_of: Web/MathML/Element/mtable <dt id="attr-side">side</dt> <dd>{{ MathMLElement("mlabeledtr") }} ラベル要素を置く場所を指定します。 取り得る値は <code>left</code>，<code>right</code>（既定値），<code>leftoverlap</code> と <code>rightoverlap</code> です。</dd> <dt id="attr-width">width</dt> - <dd>Specifies the width of the entire table. Accepts <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length values</a>.</dd> + <dd>Specifies the width of the entire table. Accepts <a href="/ja/docs/MathML/Attributes/Values#Lengths">length values</a>.</dd> </dl> <h2 id="例">例</h2> diff --git a/files/ja/web/mathml/element/mtext/index.html b/files/ja/web/mathml/element/mtext/index.html index 7799f8b149..50c12704bf 100644 --- a/files/ja/web/mathml/element/mtext/index.html +++ b/files/ja/web/mathml/element/mtext/index.html @@ -32,7 +32,7 @@ translation_of: Web/MathML/Element/mtext <li><code>small:</code>Font is rendered smaller than the current font size.</li> <li><code>normal:</code>Equivalent to 100% or 1em.</li> <li><code>big:</code>Font is rendered larger than the current font size.</li> - <li>a custom <a href="/en-US/docs/MathML/Attributes/Values#Lengths">length</a>.</li> + <li>a custom <a href="/ja/docs/MathML/Attributes/Values#Lengths">length</a>.</li> <li>or a unitless value which multiplies the default.</li> </ul> </dd> @@ -116,5 +116,5 @@ translation_of: Web/MathML/Element/mtext <ul> <li>Starting with Gecko 20.0 {{geckoRelease("20.0")}} a unitless value for <code>mathsize</code> is allowed.</li> - <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="https://developer.mozilla.org/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> + <li>Some <code>mathvariant</code> values are only implemented starting with Gecko 28.0 (Firefox 28.0 / Thunderbird 28.0 / SeaMonkey 2.25) and require appropriate <a href="/ja/docs/Mozilla/MathML_Project/Fonts">math fonts</a>.</li> </ul> diff --git a/files/ja/web/mathml/index.html b/files/ja/web/mathml/index.html index ccfd494454..a40847e547 100644 --- a/files/ja/web/mathml/index.html +++ b/files/ja/web/mathml/index.html @@ -9,20 +9,20 @@ tags: - XML translation_of: Web/MathML --- -<p><strong>Mathematical Markup Language (MathML)</strong> は、数学的表記を記述し、その構造と内容を表現するための <a href="/docs/XML" title="/docs/XML">XML</a> マークアップ言語です。このページには、MathML のパワフルな技術を用いた仕事を助けるための文書、サンプル、ツールへのリンクがあります。簡単な概要は、<a href="http://fred-wang.github.io/MozSummitMathML/index.html">Mozilla Summit 2013 で行われた innovation fair 向けのスライド</a> をご覧ください。</p> +<p><strong>Mathematical Markup Language (MathML)</strong> は、数学的表記を記述し、その構造と内容を表現するための <a href="/ja/docs/XML" title="/docs/XML">XML</a> マークアップ言語です。このページには、MathML のパワフルな技術を用いた仕事を助けるための文書、サンプル、ツールへのリンクがあります。簡単な概要は、<a href="http://fred-wang.github.io/MozSummitMathML/index.html">Mozilla Summit 2013 で行われた innovation fair 向けのスライド</a> をご覧ください。</p> <div class="row topicpage-table"> <div class="section"> <h2 id="MathML_リファレンス">MathML リファレンス</h2> <dl> - <dt><a href="/docs/Web/MathML/Element">MathML 要素リファレンス</a></dt> + <dt><a href="/ja/docs/Web/MathML/Element">MathML 要素リファレンス</a></dt> <dd>各 MathML 要素の詳細とデスクトップおよびモバイルのブラウザの互換性情報。</dd> - <dt><a href="/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></dt> + <dt><a href="/ja/docs/Web/MathML/Attribute">MathML 属性リファレンス</a></dt> <dd>MathML 要素の見た目や振る舞いを変更する MathML 属性についての情報。</dd> - <dt><a href="/docs/Web/MathML/Examples">MathML の例</a></dt> + <dt><a href="/ja/docs/Web/MathML/Examples">MathML の例</a></dt> <dd>MathML の動作についての理解を深めるためのサンプルと例。</dd> - <dt><a href="/docs/Web/MathML/Authoring">MathML の書き方</a></dt> + <dt><a href="/ja/docs/Web/MathML/Authoring">MathML の書き方</a></dt> <dd>MathML を書くための提案とヒント、おすすめの MathML エディタ、その出力を Web コンテンツへ統合する方法。</dd> </dl> @@ -56,9 +56,9 @@ translation_of: Web/MathML <h2 id="関連トピック">関連トピック</h2> <ul> - <li><a href="/docs/Web/CSS">CSS</a></li> - <li><a href="/docs/Web/HTML">HTML</a></li> - <li><a href="/docs/Web/SVG">SVG</a></li> + <li><a href="/ja/docs/Web/CSS">CSS</a></li> + <li><a href="/ja/docs/Web/HTML">HTML</a></li> + <li><a href="/ja/docs/Web/SVG">SVG</a></li> </ul> </div> </div> diff --git a/files/ja/web/media/index.html b/files/ja/web/media/index.html index 5cfe5b75a9..0a98ae2308 100644 --- a/files/ja/web/media/index.html +++ b/files/ja/web/media/index.html @@ -27,7 +27,7 @@ translation_of: Web/Media <dt>{{HTMLElement("video")}}</dt> <dd><code><video></code> 要素は、Web コンテキストにおけるビデオコンテンツのエンドポイントです。単純にビデオファイルを提示するためにまたは、ストリーミングビデオコンテンツの宛先として使用することができます。<code><video></code> は、メディア API を他の HTML および、DOM 技術とリンクさせるための手段としても、使用できます。例えば、{{HTMLElement("canvas")}} (フレームの取得と操作) です。JavaScript から {{domxref("HTMLVideoElement")}} オブジェクトとしてアクセスできます。</dd> <dt>{{HTMLElement("track")}}</dt> - <dd>HTML の<code><track></code> 要素を {{HTMLElement("audio")}} または {{HTMLElement("video")}} 要素内に配置して、メディア再生時に使用する <a href="https://developer.mozilla.org/ja/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> 形式の字幕または、キャプショントラックへの参照を提供できます。JavaScript から {{domxref("HTMLTrackElement")}} オブジェクトとしてアクセスできます。</dd> + <dd>HTML の<code><track></code> 要素を {{HTMLElement("audio")}} または {{HTMLElement("video")}} 要素内に配置して、メディア再生時に使用する <a href="/ja/docs/Web/API/Web_Video_Text_Tracks_Format">WebVTT</a> 形式の字幕または、キャプショントラックへの参照を提供できます。JavaScript から {{domxref("HTMLTrackElement")}} オブジェクトとしてアクセスできます。</dd> <dt>{{HTMLElement("source")}}</dt> <dd>HTML の<code><source></code> 要素は、{{HTMLElement("audio")}} または {{HTMLElement("video")}} 要素内で使用して、表示するソースメディアを指定します。複数のソースを使用して、さまざまなフォーマット、サイズまたは、解像度により、メディアを提供できます。JavaScript から {{domxref("HTMLSourceElement")}} オブジェクトとしてアクセスできます。</dd> </dl> diff --git a/files/ja/web/security/index.html b/files/ja/web/security/index.html index f7c86e751c..94b76d86dc 100644 --- a/files/ja/web/security/index.html +++ b/files/ja/web/security/index.html @@ -27,7 +27,7 @@ translation_of: Web/Security <dt>HTTPS</dt> <dd><strong>HTTPS</strong> (<strong><em>HyperText Transfer Protocol Secure</em></strong>) は、{{Glossary("HTTP")}} プロトコルの暗号化バージョンです。{{Glossary("SSL")}} または {{Glossary("TLS")}} を使用して、クライアントとサーバー間のすべての通信を暗号化します。この安全な接続により、クライアントは意図したサーバーに接続されていることを確認し、機密データを交換することができます。</dd> <dt><a href="/ja/docs/Web/HTTP/Headers/Strict-Transport-Security">HTTP Strict-Transport-Security</a></dt> - <dd><code>Strict-Transport-Security:</code> は <a href="/en-US/docs/Web/HTTP">HTTP</a> のヘッダーで、ウェブサイトを HTTPS を使用してのみアクセスできるようにするものです。</dd> + <dd><code>Strict-Transport-Security:</code> は <a href="/ja/docs/Web/HTTP">HTTP</a> のヘッダーで、ウェブサイトを HTTPS を使用してのみアクセスできるようにするものです。</dd> <dt><a href="/ja/docs/Web/Security/Certificate_Transparency">電子証明書の透明性</a></dt> <dd><strong>電子証明書の透明性</strong>は、証明書の誤発行を防止し、監視するために設計されたオープンなフレームワークです。新しく発行された証明書は、公開されている、多くの場合独立した CT ログに「記録」され、発行された TLS 証明書の追加のみの暗号的に保証された記録を維持します。</dd> <dt><a href="/ja/docs/Web/Security/Mixed_content">混在コンテンツ</a></dt> diff --git a/files/ja/web/security/subdomain_takeovers/index.html b/files/ja/web/security/subdomain_takeovers/index.html index e06a556296..c0ad1b1675 100644 --- a/files/ja/web/security/subdomain_takeovers/index.html +++ b/files/ja/web/security/subdomain_takeovers/index.html @@ -3,7 +3,7 @@ title: Subdomain takeovers slug: Web/Security/Subdomain_takeovers translation_of: Web/Security/Subdomain_takeovers --- -<p>subdomain takeover は、攻撃者がターゲットドメインのサブドメインの制御権を獲得したときに発生します。一般的には、サブドメインがドメインネームシステム (<a href="/en-US/docs/Glossary/DNS">DNS</a>) に正規名 (<a href="https://en.wikipedia.org/wiki/CNAME_record">CNAME</a>) を持っているが、そのサブドメインにコンテンツを提供しているホストがいない場合に発生します。これは、バーチャルホストがまだ公開されていないか、バーチャルホストが削除されているために起こる可能性があります。攻撃者は、自分のバーチャルホストを提供して、そのサブドメインのコンテンツをホストすることで、そのサブドメインを乗っ取ることができます。</p> +<p>subdomain takeover は、攻撃者がターゲットドメインのサブドメインの制御権を獲得したときに発生します。一般的には、サブドメインがドメインネームシステム (<a href="/ja/docs/Glossary/DNS">DNS</a>) に正規名 (<a href="https://en.wikipedia.org/wiki/CNAME_record">CNAME</a>) を持っているが、そのサブドメインにコンテンツを提供しているホストがいない場合に発生します。これは、バーチャルホストがまだ公開されていないか、バーチャルホストが削除されているために起こる可能性があります。攻撃者は、自分のバーチャルホストを提供して、そのサブドメインのコンテンツをホストすることで、そのサブドメインを乗っ取ることができます。</p> <p>攻撃者がこれを行うことができれば、メインドメインから設定された<a href="/ja/docs/Web/HTTP/Cookies">クッキー</a>を読み取ったり、<a href="/ja/docs/Web/Security/Types_of_attacks#Cross-site_scripting_XSS">クロスサイトスクリプティング</a>を行ったり、<a href="/ja/docs/Web/HTTP/CSP">コンテンツセキュリティポリシー</a>を回避したりすることが可能となり、保護された情報 (ログインを含む) を取得したり、不審なユーザーに悪意のあるコンテンツを送信したりすることが可能となります。</p> diff --git a/files/ja/web/svg/applying_svg_effects_to_html_content/index.html b/files/ja/web/svg/applying_svg_effects_to_html_content/index.html index de5f6f0fff..59201e2f3a 100644 --- a/files/ja/web/svg/applying_svg_effects_to_html_content/index.html +++ b/files/ja/web/svg/applying_svg_effects_to_html_content/index.html @@ -212,7 +212,7 @@ pre.target:hover { filter:url(#f3); }</code></pre> <h2 id="参照">参照</h2> <ul> - <li><a href="/en-US/docs/SVG" title="SVG">SVG</a></li> + <li><a href="/ja/docs/SVG" title="SVG">SVG</a></li> <li><a class="external" href="http://robert.ocallahan.org/2008/06/applying-svg-effects-to-html-content_04.html">SVG Effects for HTML Content</a> (ブログ記事)</li> <li><del><a class="external" href="/web-tech/2008/10/10/svg-external-document-references">SVG External Document References</a></del> (ブログ記事) (<a href="http://web.archive.org/web/20120512132948/https://developer.mozilla.org/web-tech/2008/10/10/svg-external-document-references/" title="Web Tech Blog » Blog Archive » SVG External Document References">[archive.org] Web Tech Blog » Blog Archive » SVG External Document References</a>)</li> </ul> diff --git a/files/ja/web/svg/attribute/cy/index.html b/files/ja/web/svg/attribute/cy/index.html index a5a891aad3..17804a9faa 100644 --- a/files/ja/web/svg/attribute/cy/index.html +++ b/files/ja/web/svg/attribute/cy/index.html @@ -39,7 +39,7 @@ translation_of: Web/SVG/Attribute/cy <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">既定値</th> @@ -62,7 +62,7 @@ translation_of: Web/SVG/Attribute/cy <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">既定値</th> @@ -85,7 +85,7 @@ translation_of: Web/SVG/Attribute/cy <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong></td> </tr> <tr> <th scope="row">既定値</th> diff --git a/files/ja/web/svg/attribute/d/index.html b/files/ja/web/svg/attribute/d/index.html index 1775825110..9b4cbc6887 100644 --- a/files/ja/web/svg/attribute/d/index.html +++ b/files/ja/web/svg/attribute/d/index.html @@ -39,7 +39,7 @@ translation_of: Web/SVG/Attribute/d <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#String"><string></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#String"><string></a></strong></td> </tr> <tr> <th scope="row">初期値</th> @@ -62,7 +62,7 @@ translation_of: Web/SVG/Attribute/d <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#String"><string></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#String"><string></a></strong></td> </tr> <tr> <th scope="row">初期値</th> @@ -87,7 +87,7 @@ translation_of: Web/SVG/Attribute/d <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#String"><string></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#String"><string></a></strong></td> </tr> <tr> <th scope="row">初期値</th> diff --git a/files/ja/web/svg/attribute/dx/index.html b/files/ja/web/svg/attribute/dx/index.html index 62f024708d..adbf070f74 100644 --- a/files/ja/web/svg/attribute/dx/index.html +++ b/files/ja/web/svg/attribute/dx/index.html @@ -9,21 +9,21 @@ tags: - SVG Attribute translation_of: Web/SVG/Attribute/dx --- -<p>« <a href="/en-US/docs/Web/SVG/Attribute">SVG Attribute reference home</a></p> +<p>« <a href="/ja/docs/Web/SVG/Attribute">SVG Attribute reference home</a></p> <p><code>dx</code> 属性は、要素またはその中身の位置についての、x 軸に沿ったずれを表します。まさしくずらされるものは、この属性が設定される要素によります。</p> -<p>{{SVGElement("feOffset")}} 要素の場合は、入力グラフィックをずらす量を表す <a href="/en-US/docs/Web/SVG/Content_type#Number"><number></a> です。この量は、 {{SVGElement("filter")}} 要素上に {{SVGAttr("primitiveUnits")}} 属性で確立した座標系で表されます。</p> +<p>{{SVGElement("feOffset")}} 要素の場合は、入力グラフィックをずらす量を表す <a href="/ja/docs/Web/SVG/Content_type#Number"><number></a> です。この量は、 {{SVGElement("filter")}} 要素上に {{SVGAttr("primitiveUnits")}} 属性で確立した座標系で表されます。</p> -<p>{{SVGElement("glyphRef")}} 要素の場合は, このグリフについてのフォント座標系内での相対的 X 座標を表す <a href="/en-US/docs/Web/SVG/Content_type#Number"><number></a> です。</p> +<p>{{SVGElement("glyphRef")}} 要素の場合は, このグリフについてのフォント座標系内での相対的 X 座標を表す <a href="/ja/docs/Web/SVG/Content_type#Number"><number></a> です。</p> -<p>{{SVGElement("text")}} 要素、 {{SVGElement("tspan")}} 要素、 {{SVGElement("tref")}} 要素、{{SVGElement("altGlyph")}} 要素の場合は、<a href="/en-US/docs/Web/SVG/Content_type#List-of-Ts"><list-of-length></a> を受け取るせいで、物事が少し複雑になります。</p> +<p>{{SVGElement("text")}} 要素、 {{SVGElement("tspan")}} 要素、 {{SVGElement("tref")}} 要素、{{SVGElement("altGlyph")}} 要素の場合は、<a href="/ja/docs/Web/SVG/Content_type#List-of-Ts"><list-of-length></a> を受け取るせいで、物事が少し複雑になります。</p> -<p>一つの <a href="/en-US/docs/Web/SVG/Content_type#Length"><length></a> が与えられた場合、この値は、この要素またはその子孫のうちのいずれかの内部における最初の文字についての現在テキスト位置の新たな相対的 X 座標です。 現在テキスト位置は 、最初の文字が描画される前に、現在のユーザ座標系の x 軸に沿って、 <a href="/en-US/docs/Web/SVG/Content_type#Length"><length></a> だけずらされます。<br> +<p>一つの <a href="/ja/docs/Web/SVG/Content_type#Length"><length></a> が与えられた場合、この値は、この要素またはその子孫のうちのいずれかの内部における最初の文字についての現在テキスト位置の新たな相対的 X 座標です。 現在テキスト位置は 、最初の文字が描画される前に、現在のユーザ座標系の x 軸に沿って、 <a href="/ja/docs/Web/SVG/Content_type#Length"><length></a> だけずらされます。<br> <br> - カンマまたはスペースで区切られた n 個の <a href="/en-US/docs/Web/SVG/Content_type#Length"><length> </a>のリストが与えられた場合、これらの値は、この要素またはその子孫のうちのいずれかの内部における最初の n 文字についての現在テキスト位置の、x 軸に沿ったインクリメンタルなずれを表します。よって、現在の {{SVGElement("text")}} 要素内部の文字を描いた結果として得られる現在テキスト位置が、現在のユーザ座標系の X 軸に沿って、 <a href="/en-US/docs/Web/SVG/Content_type#Length"><length></a> だけずらされます。<br> + カンマまたはスペースで区切られた n 個の <a href="/ja/docs/Web/SVG/Content_type#Length"><length> </a>のリストが与えられた場合、これらの値は、この要素またはその子孫のうちのいずれかの内部における最初の n 文字についての現在テキスト位置の、x 軸に沿ったインクリメンタルなずれを表します。よって、現在の {{SVGElement("text")}} 要素内部の文字を描いた結果として得られる現在テキスト位置が、現在のユーザ座標系の X 軸に沿って、 <a href="/ja/docs/Web/SVG/Content_type#Length"><length></a> だけずらされます。<br> <br> - <a href="/en-US/docs/Web/SVG/Content_type#Length"><length></a> よりも多数の文字が存在する場合は、これらの余分な文字の各々について、以下のようにします。</p> + <a href="/ja/docs/Web/SVG/Content_type#Length"><length></a> よりも多数の文字が存在する場合は、これらの余分な文字の各々について、以下のようにします。</p> <ul> <li>先祖の {{SVGElement("text")}} 要素または {{SVGElement("tspan")}} 要素が、その与えられた文字について、 <code>dx</code> 属性を通じて相対 X 座標を指定している場合には、その量の分だけ、現在のユーザ座標系の x 軸に沿って、現在テキスト位置がずらされます (もっとも近い先祖が優先されます)。</li> @@ -40,7 +40,7 @@ translation_of: Web/SVG/Attribute/dx </tr> <tr> <th scope="row">Value</th> - <td><a href="/en-US/docs/Web/SVG/Content_type#Number"><number></a> | <a href="/en-US/docs/Web/SVG/Content_type#List-of-<var>T<.2Fvar>s"><list-of-length></a></td> + <td><a href="/ja/docs/Web/SVG/Content_type#Number"><number></a> | <a href="/ja/docs/Web/SVG/Content_type#List-of-<var>T<.2Fvar>s"><list-of-length></a></td> </tr> <tr> <th scope="row">Animatable</th> diff --git a/files/ja/web/svg/attribute/fill-opacity/index.html b/files/ja/web/svg/attribute/fill-opacity/index.html index af7b8ba3ce..35c4a58fba 100644 --- a/files/ja/web/svg/attribute/fill-opacity/index.html +++ b/files/ja/web/svg/attribute/fill-opacity/index.html @@ -45,7 +45,7 @@ translation_of: Web/SVG/Attribute/fill-opacity <tbody> <tr> <th scope="row">値</th> - <td><code>[0-1]</code> | <strong><a href="/docs/Web/SVG/Content_type#Paint"><percentage></a></strong></td> + <td><code>[0-1]</code> | <strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><percentage></a></strong></td> </tr> <tr> <th scope="row">規定値</th> diff --git a/files/ja/web/svg/attribute/fill/index.html b/files/ja/web/svg/attribute/fill/index.html index 53e1408b09..73ed5155b0 100644 --- a/files/ja/web/svg/attribute/fill/index.html +++ b/files/ja/web/svg/attribute/fill/index.html @@ -58,7 +58,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -167,7 +167,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -190,7 +190,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -213,7 +213,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -236,7 +236,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -259,7 +259,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -282,7 +282,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -326,7 +326,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -349,7 +349,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -374,7 +374,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -397,7 +397,7 @@ translation_of: Web/SVG/Attribute/fill <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Paint"><paint></a></strong></td> </tr> <tr> <th scope="row">Default value</th> diff --git a/files/ja/web/svg/attribute/filterunits/index.html b/files/ja/web/svg/attribute/filterunits/index.html index f63ceb3091..710079223d 100644 --- a/files/ja/web/svg/attribute/filterunits/index.html +++ b/files/ja/web/svg/attribute/filterunits/index.html @@ -3,7 +3,7 @@ title: filterUnits slug: Web/SVG/Attribute/filterUnits translation_of: Web/SVG/Attribute/filterUnits --- -<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> +<p>« <a href="/ja/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> <p><code>filterUnits</code>属性は、 {{ SVGAttr("x") }}, {{ SVGAttr("y") }}, {{ SVGAttr("width") }} そして {{ SVGAttr("height") }} の座標系を定義します。</p> diff --git a/files/ja/web/svg/attribute/href/index.html b/files/ja/web/svg/attribute/href/index.html index 23dc210b4b..188bb35c71 100644 --- a/files/ja/web/svg/attribute/href/index.html +++ b/files/ja/web/svg/attribute/href/index.html @@ -5,7 +5,7 @@ translation_of: Web/SVG/Attribute/href --- <div>{{SVGRef}}</div> -<p>The <strong><code>href</code></strong> attribute defines a link to a resource as a reference <a href="/en-US/docs/Web/SVG/Content_type#URL">URL</a>. The exact meaning of that link depends on the context of each element using it.</p> +<p>The <strong><code>href</code></strong> attribute defines a link to a resource as a reference <a href="/ja/docs/Web/SVG/Content_type#URL">URL</a>. The exact meaning of that link depends on the context of each element using it.</p> <div class="note"> <p><strong>Note:</strong> Specifications before SVG 2 defined an {{SVGAttr("xlink:href")}} attribute, which is now rendered obsolete by the <code>href</code> attribute.</p> @@ -37,7 +37,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -66,7 +66,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -95,7 +95,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -116,7 +116,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -137,7 +137,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -174,7 +174,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -189,13 +189,13 @@ translation_of: Web/SVG/Attribute/href <h3 id="mpath">mpath</h3> -<p>For {{SVGElement("mpath")}}, <code>href</code> defines a URL referring to the {{SVGElement("path")}} element or <a href="/en-US/docs/Web/CSS/CSS_Shapes/Basic_Shapes">basic shape</a> which defines the motion path.</p> +<p>For {{SVGElement("mpath")}}, <code>href</code> defines a URL referring to the {{SVGElement("path")}} element or <a href="/ja/docs/Web/CSS/CSS_Shapes/Basic_Shapes">basic shape</a> which defines the motion path.</p> <table class="properties"> <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -216,7 +216,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -237,7 +237,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -258,7 +258,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -273,13 +273,13 @@ translation_of: Web/SVG/Attribute/href <h3 id="textPath">textPath</h3> -<p>For {{SVGElement("textPath")}}, <code>href</code> defines a URL referring to the {{SVGElement("path")}} element or <a href="/en-US/docs/Web/CSS/CSS_Shapes/Basic_Shapes">basic shape</a> onto which the text will be rendered if no {{SVGAttr("path")}} attribute is provided. On the {{SVGElement("textPath")}} element, the <code>href</code> attribute is animatable.</p> +<p>For {{SVGElement("textPath")}}, <code>href</code> defines a URL referring to the {{SVGElement("path")}} element or <a href="/ja/docs/Web/CSS/CSS_Shapes/Basic_Shapes">basic shape</a> onto which the text will be rendered if no {{SVGAttr("path")}} attribute is provided. On the {{SVGElement("textPath")}} element, the <code>href</code> attribute is animatable.</p> <table class="properties"> <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> @@ -302,7 +302,7 @@ translation_of: Web/SVG/Attribute/href <tbody> <tr> <th scope="row">Value</th> - <td><code><a href="/en-US/docs/Web/SVG/Content_type#URL"><url></a></code></td> + <td><code><a href="/ja/docs/Web/SVG/Content_type#URL"><url></a></code></td> </tr> <tr> <th scope="row">Default value</th> diff --git a/files/ja/web/svg/attribute/r/index.html b/files/ja/web/svg/attribute/r/index.html index 93c9b8198f..7e5e51021b 100644 --- a/files/ja/web/svg/attribute/r/index.html +++ b/files/ja/web/svg/attribute/r/index.html @@ -51,7 +51,7 @@ translation_of: Web/SVG/Attribute/r <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">デフォルト値</th> @@ -76,7 +76,7 @@ translation_of: Web/SVG/Attribute/r <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">デフォルト値</th> diff --git a/files/ja/web/svg/attribute/stroke-dasharray/index.html b/files/ja/web/svg/attribute/stroke-dasharray/index.html index e83a7e18f9..8824b97018 100644 --- a/files/ja/web/svg/attribute/stroke-dasharray/index.html +++ b/files/ja/web/svg/attribute/stroke-dasharray/index.html @@ -80,7 +80,7 @@ translation_of: Web/SVG/Attribute/stroke-dasharray <dl> <dt><var><dasharray></var></dt> <dd> - <p>A list of comma and/or white space separated <a href="/en/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><var><length></var></a>s and <a href="/en/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><var><percentage></var></a>s that specify the lengths of alternating dashes and gaps.</p> + <p>A list of comma and/or white space separated <a href="/ja/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><var><length></var></a>s and <a href="/ja/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><var><percentage></var></a>s that specify the lengths of alternating dashes and gaps.</p> <p>If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, <code>5,3,2</code> is equivalent to <code>5,3,2,5,3,2</code>.</p> </dd> diff --git a/files/ja/web/svg/attribute/stroke-dashoffset/index.html b/files/ja/web/svg/attribute/stroke-dashoffset/index.html index a988f3813d..e214009aec 100644 --- a/files/ja/web/svg/attribute/stroke-dashoffset/index.html +++ b/files/ja/web/svg/attribute/stroke-dashoffset/index.html @@ -68,7 +68,7 @@ translation_of: Web/SVG/Attribute/stroke-dashoffset <tbody> <tr> <th scope="row">Value</th> - <td><strong><a href="/en/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><percentage></a></strong> | <strong><a href="/en/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><span><length></span></a></strong></td> + <td><strong><a href="/ja/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><percentage></a></strong> | <strong><a href="/ja/SVG/Content_type#Length" title="en/SVG/Content_type#Length"><span><length></span></a></strong></td> </tr> <tr> <th scope="row">Default value</th> @@ -81,7 +81,7 @@ translation_of: Web/SVG/Attribute/stroke-dashoffset </tbody> </table> -<p>The offset is usually expressed in user units resolved against the {{SVGAttr('pathLength')}} but if a <a href="/en/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><percentage></a> is used, the value is resolved as a percentage of the current viewport.</p> +<p>The offset is usually expressed in user units resolved against the {{SVGAttr('pathLength')}} but if a <a href="/ja/SVG/Content_type#Percentage" title="en/SVG/Content_type#Percentage"><percentage></a> is used, the value is resolved as a percentage of the current viewport.</p> <h2 id="Browser_Compatibility" name="Browser_Compatibility">Browser compatibility</h2> diff --git a/files/ja/web/svg/attribute/stroke/index.html b/files/ja/web/svg/attribute/stroke/index.html index fc682c32df..34630359e4 100644 --- a/files/ja/web/svg/attribute/stroke/index.html +++ b/files/ja/web/svg/attribute/stroke/index.html @@ -6,7 +6,7 @@ tags: - SVG Attribute translation_of: Web/SVG/Attribute/stroke --- -<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> +<p>« <a href="/ja/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> <p><code>stroke</code>属性は与えられた図形要素の外側に描画される色を定義します。<code>stroke</code>属性のデフォルト値は <strong>none</strong> です<strong>.</strong></p> diff --git a/files/ja/web/svg/attribute/transform/index.html b/files/ja/web/svg/attribute/transform/index.html index dc8dc76929..269cd1724e 100644 --- a/files/ja/web/svg/attribute/transform/index.html +++ b/files/ja/web/svg/attribute/transform/index.html @@ -41,7 +41,7 @@ translation_of: Web/SVG/Attribute/transform <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Transform-list"><code><transform-list></code></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Transform-list"><code><transform-list></code></a></strong></td> </tr> <tr> <th scope="row">既定値</th> diff --git a/files/ja/web/svg/attribute/viewbox/index.html b/files/ja/web/svg/attribute/viewbox/index.html index 3c060d1bfb..8bb7ed5632 100644 --- a/files/ja/web/svg/attribute/viewbox/index.html +++ b/files/ja/web/svg/attribute/viewbox/index.html @@ -3,7 +3,7 @@ title: viewBox slug: Web/SVG/Attribute/viewBox translation_of: Web/SVG/Attribute/viewBox --- -<p>« <a href="/en/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> +<p>« <a href="/ja/SVG/Attribute" title="en/SVG/Attribute">SVG Attribute reference home</a></p> <p><code>viewBox</code>属性は、特定のcontainer要素に合わせるためのグラフィックス stretchのセットを指定できます。</p> @@ -51,5 +51,5 @@ translation_of: Web/SVG/Attribute/viewBox <h2 id="See_also">See also</h2> <ul> - <li><a href="/en/SVG/Tutorial/Positions" title="https://developer.mozilla.org/en/SVG/Tutorial/Positions">SVG Getting Started: Positions</a></li> + <li><a href="/ja/SVG/Tutorial/Positions" title="https://developer.mozilla.org/en/SVG/Tutorial/Positions">SVG Getting Started: Positions</a></li> </ul> diff --git a/files/ja/web/svg/attribute/x/index.html b/files/ja/web/svg/attribute/x/index.html index ec7ce2f77c..1aee25dbd3 100644 --- a/files/ja/web/svg/attribute/x/index.html +++ b/files/ja/web/svg/attribute/x/index.html @@ -15,7 +15,7 @@ translation_of: Web/SVG/Attribute/x </tr> <tr> <th scope="row">値</th> - <td><a href="/en/SVG/Content_type#Coordinate" title="https://developer.mozilla.org/en/SVG/Content_type#Coordinate"><coordinate></a></td> + <td><a href="/ja/SVG/Content_type#Coordinate" title="https://developer.mozilla.org/en/SVG/Content_type#Coordinate"><coordinate></a></td> </tr> <tr> <th scope="row">アニメーション</th> diff --git a/files/ja/web/svg/attribute/x1/index.html b/files/ja/web/svg/attribute/x1/index.html index cf76281b74..9827bdc19d 100644 --- a/files/ja/web/svg/attribute/x1/index.html +++ b/files/ja/web/svg/attribute/x1/index.html @@ -45,7 +45,7 @@ translation_of: Web/SVG/Attribute/x1 <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">デフォルト値</th> @@ -80,7 +80,7 @@ translation_of: Web/SVG/Attribute/x1 <tbody> <tr> <th scope="row">値</th> - <td><strong><a href="/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> + <td><strong><a href="/ja/docs/Web/SVG/Content_type#Length"><length></a></strong> | <strong><a href="/ja/docs/Web/SVG/Content_type#Percentage"><percentage></a></strong></td> </tr> <tr> <th scope="row">デフォルト値</th> diff --git a/files/ja/web/svg/attribute/y/index.html b/files/ja/web/svg/attribute/y/index.html index ca9eacfa11..3e6d2ce191 100644 --- a/files/ja/web/svg/attribute/y/index.html +++ b/files/ja/web/svg/attribute/y/index.html @@ -15,7 +15,7 @@ translation_of: Web/SVG/Attribute/y </tr> <tr> <th scope="row">値</th> - <td><a href="/en/SVG/Content_type#Coordinate" title="https://developer.mozilla.org/en/SVG/Content_type#Coordinate"><coordinate></a></td> + <td><a href="/ja/SVG/Content_type#Coordinate" title="https://developer.mozilla.org/en/SVG/Content_type#Coordinate"><coordinate></a></td> </tr> <tr> <th scope="row">アニメーション</th> diff --git a/files/ja/web/svg/element/a/index.html b/files/ja/web/svg/element/a/index.html index a6c8588a91..15f503cc3c 100644 --- a/files/ja/web/svg/element/a/index.html +++ b/files/ja/web/svg/element/a/index.html @@ -24,12 +24,12 @@ html,body,svg { height:100% }</pre> <pre class="brush: html notranslate"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- 図形を囲むリンク --> - <a href="/docs/Web/SVG/Element/circle"> + <a href="/ja/docs/Web/SVG/Element/circle"> <circle cx="50" cy="40" r="35"/> </a> <!-- テキストを囲むリンク --> - <a href="/docs/Web/SVG/Element/text"> + <a href="/ja/docs/Web/SVG/Element/text"> <text x="50" y="90" text-anchor="middle"> &lt;circle&gt; </text> @@ -72,19 +72,19 @@ svg|a:hover, svg|a:active { <small><em>値種別</em>: <strong><string></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>no</strong></small></dd> <dt>{{SVGAttr("href")}}</dt> <dd>ハイパーリンクが指す先の {{Glossary("URL")}} または URL フラグメントです。<br> - <small><em>値種別</em>: <strong><a href="/docs/Web/SVG/Content_type#URL"><URL></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>値種別</em>: <strong><a href="/ja/docs/Web/SVG/Content_type#URL"><URL></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{htmlattrxref("hreflang", "a")}}</dt> <dd>ハイパーリンクが指す先の URL または URL フラグメントにおける人間の言語です。<br> <small><em>値種別</em>: <strong><string></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{htmlattrxref("ping", "a")}} {{experimental_inline}}</dt> <dd>空白区切りの URL のリストで、ハイパーリンクをたどるとき、 {{HTTPMethod("POST")}} リクエストで本文が <code>PING</code> であるものがブラウザーから (バックグラウンドで) 送信されます。通常はトラッキングのために使用されます。同じ用途でもっと広く対応されている機能として、 {{domxref("Navigator.sendBeacon()")}} を参照してください。<br> - <small><em>値種別</em>: <strong><a href="/docs/Web/SVG/Content_type#List-of-Ts"><list-of-URLs></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>no</strong></small></dd> + <small><em>値種別</em>: <strong><a href="/ja/docs/Web/SVG/Content_type#List-of-Ts"><list-of-URLs></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>no</strong></small></dd> <dt>{{htmlattrxref("referrerpolicy", "a")}} {{experimental_inline}}</dt> <dd>どの<a href="/ja/docs/Web/HTTP/Headers/Referer">リファラー</a>をアクセス先の {{Glossary("URL")}} に送信するかです。<br> <small><em>値種別</em>: <code>no-referrer</code>|<code>no-referrer-when-downgrade</code>|<code>same-origin</code>|<code>origin</code>|<code>strict-origin</code>|<code>origin-when-cross-origin</code>|<code>strict-origin-when-cross-origin</code>|<code>unsafe-url</code> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>no</strong></small></dd> <dt>{{htmlattrxref("rel", "a")}} {{experimental_inline}}</dt> <dd>対象のオブジェクトとリンクしているオブジェクトの関係です。<br> - <small><em>値種別</em>: <strong><a href="/docs/Web/HTML/Link_types"><list-of-Link-Types></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>値種別</em>: <strong><a href="/ja/docs/Web/HTML/Link_types"><list-of-Link-Types></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("target")}}</dt> <dd>リンクされた {{Glossary("URL")}} の表示先です。<br> <small><em>値種別</em>: <code>_self</code>|<code>_parent</code>|<code>_top</code>|<code>_blank</code>|<strong><name></strong> ; <em>既定値</em>: <code>_self</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> @@ -93,21 +93,21 @@ svg|a:hover, svg|a:active { <small><em>値種別</em>: <strong><string></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("xlink:href")}} {{deprecated_inline("SVG2")}}</dt> <dd>ハイパーリンクがさす先の URL または URL フラグメントです。古いブラウザー向けの後方互換性のために必要な場合があります。<br> - <small><em>値種別</em>: <strong><a href="/docs/Web/SVG/Content_type#URL"><URL></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>値種別</em>: <strong><a href="/ja/docs/Web/SVG/Content_type#URL"><URL></a></strong> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>主なもの: {{SVGAttr('id')}}, {{SVGAttr('lang')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件付き処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件付き処理属性</a></dt> <dd><small>主なもの: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small>, <a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small>, <a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>主なもの: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>XLink 属性</dt> <dd><small>主なもの: {{SVGAttr("xlink:title")}}</small></dd> diff --git a/files/ja/web/svg/element/animate/index.html b/files/ja/web/svg/element/animate/index.html index a502099556..be6996c30e 100644 --- a/files/ja/web/svg/element/animate/index.html +++ b/files/ja/web/svg/element/animate/index.html @@ -31,25 +31,25 @@ translation_of: Web/SVG/Element/animate <h3 id="Animation_Attributes" name="Animation_Attributes">アニメーション属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Timing_Attributes">アニメーションタイミング属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Timing_Attributes">アニメーションタイミング属性</a></dt> <dd><small>{{SVGAttr("begin")}}, {{SVGAttr("dur")}}, {{SVGAttr("end")}}, {{SVGAttr("min")}}, {{SVGAttr("max")}}, {{SVGAttr("restart")}}, {{SVGAttr("repeatCount")}}, {{SVGAttr("repeatDur")}}, {{SVGAttr("fill")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Value_Attributes">アニメーション値属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Value_Attributes">アニメーション値属性</a></dt> <dd><small>{{SVGAttr("calcMode")}}, {{SVGAttr("values")}}, {{SVGAttr("keyTimes")}}, {{SVGAttr("keySplines")}}, {{SVGAttr("from")}}, {{SVGAttr("to")}}, {{SVGAttr("by")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Attributes">その他のアニメーション属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Attributes">その他のアニメーション属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr("attributeName")}}, {{SVGAttr("additive")}}, {{SVGAttr("accumulate")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Events#Animation_Event_Attributes">アニメーションイベント属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Events#Animation_Event_Attributes">アニメーションイベント属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr("onbegin")}}, {{SVGAttr("onend")}}, {{SVGAttr("onrepeat")}}</small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr('id')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small></dd> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small></dd> </dl> <h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2> diff --git a/files/ja/web/svg/element/animatecolor/index.html b/files/ja/web/svg/element/animatecolor/index.html index 1fbecd53f6..c818128252 100644 --- a/files/ja/web/svg/element/animatecolor/index.html +++ b/files/ja/web/svg/element/animatecolor/index.html @@ -52,7 +52,7 @@ translation_of: Web/SVG/Element/animateColor <h2 id="DOM_インターフェース">DOM インターフェース</h2> -<p>この要素は <code><a href="/en-US/docs/DOM/SVGAnimateColorElement" title="en/DOM/SVGAnimateColorElement">SVGAnimateColorElement</a></code> インターフェースを提供します。</p> +<p>この要素は <code><a href="/ja/docs/DOM/SVGAnimateColorElement" title="en/DOM/SVGAnimateColorElement">SVGAnimateColorElement</a></code> インターフェースを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/animatemotion/index.html b/files/ja/web/svg/element/animatemotion/index.html index 145d52c0da..87c3ae12e8 100644 --- a/files/ja/web/svg/element/animatemotion/index.html +++ b/files/ja/web/svg/element/animatemotion/index.html @@ -42,13 +42,13 @@ translation_of: Web/SVG/Element/animateMotion <dl> <dt id="attr-cx">{{SVGAttr("keyPoints")}}</dt> <dd>この属性は [0,1] の範囲で、それぞれの {{SVGAttr("keyTimes")}} に関連付けられた値に対して、パスに沿ってオブジェクトがどのくらいの距離にあるかを示します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>*; <em>Default value</em>: none; <em>Animatable</em>: <strong>no</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>*; <em>Default value</em>: none; <em>Animatable</em>: <strong>no</strong></small></dd> <dt id="attr-cx">{{SVGAttr("path")}}</dt> <dd>この属性は、 {{SVGAttr('d')}} 属性と同じ構文を使用して、モーションパスを定義します。<br> <small><em>値の型</em>: <strong><string></strong>; <em>Default value</em>: none; <em>Animatable</em>: <strong>no</strong></small></dd> <dt id="attr-cx">{{SVGAttr("rotate")}}</dt> <dd>この属性は、パスに沿ってアニメーションされた要素に適用される回転を定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>|<code>auto</code>|<code>auto-reverse</code>; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>no</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>|<code>auto</code>|<code>auto-reverse</code>; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>no</strong></small></dd> </dl> <div class="blockIndicator note"> @@ -58,25 +58,25 @@ translation_of: Web/SVG/Element/animateMotion <h3 id="Animation_Attributes" name="Animation_Attributes">アニメーション属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Timing_Attributes">アニメーションタイミング属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Timing_Attributes">アニメーションタイミング属性</a></dt> <dd><small>{{SVGAttr("begin")}}, {{SVGAttr("dur")}}, {{SVGAttr("end")}}, {{SVGAttr("min")}}, {{SVGAttr("max")}}, {{SVGAttr("restart")}}, {{SVGAttr("repeatCount")}}, {{SVGAttr("repeatDur")}}, {{SVGAttr("fill")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Value_Attributes">アニメーション値属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Value_Attributes">アニメーション値属性</a></dt> <dd><small>{{SVGAttr("calcMode")}}, {{SVGAttr("values")}}, {{SVGAttr("keyTimes")}}, {{SVGAttr("keySplines")}}, {{SVGAttr("from")}}, {{SVGAttr("to")}}, {{SVGAttr("by")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute#Animation_Attributes">他のアニメーション属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Animation_Attributes">他のアニメーション属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr("attributeName")}}, {{SVGAttr("additive")}}, {{SVGAttr("accumulate")}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Events#Animation_Event_Attributes">アニメーションイベント属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Events#Animation_Event_Attributes">アニメーションイベント属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr("onbegin")}}, {{SVGAttr("onend")}}, {{SVGAttr("onrepeat")}}</small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に重要なもの: {{SVGAttr('id')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル付け属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル付け属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small></dd> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Document_Element_Event_Attributes">文書要素イベント属性</a></small></dd> </dl> <h2 id="Usage_notes" name="Usage_notes">使用上の注意</h2> diff --git a/files/ja/web/svg/element/animatetransform/index.html b/files/ja/web/svg/element/animatetransform/index.html index 5cef265bb3..5ef64ae909 100644 --- a/files/ja/web/svg/element/animatetransform/index.html +++ b/files/ja/web/svg/element/animatetransform/index.html @@ -64,7 +64,7 @@ translation_of: Web/SVG/Element/animateTransform <h2 id="DOM_インターフェース">DOM インターフェース</h2> -<p>この属性は <code><a href="/en-US/docs/DOM/SVGAnimateTransformElement" title="en/DOM/SVGAnimateTransformElement">SVGAnimateTransformElement</a></code> インターフェースを提供します。</p> +<p>この属性は <code><a href="/ja/docs/DOM/SVGAnimateTransformElement" title="en/DOM/SVGAnimateTransformElement">SVGAnimateTransformElement</a></code> インターフェースを提供します。</p> <p> </p> diff --git a/files/ja/web/svg/element/circle/index.html b/files/ja/web/svg/element/circle/index.html index 16c38d5ac5..0344aa9dc0 100644 --- a/files/ja/web/svg/element/circle/index.html +++ b/files/ja/web/svg/element/circle/index.html @@ -5,7 +5,7 @@ translation_of: Web/SVG/Element/circle --- <div>{{SVGRef}}</div> -<p><code><strong><circle></strong></code> <a href="https://developer.mozilla.org/ja/docs/Web/SVG">SVG</a> 要素は SVG の基本的な図形を表すものであり、中心座標と半径を指定して円を描画します。</p> +<p><code><strong><circle></strong></code> <a href="/ja/docs/Web/SVG">SVG</a> 要素は SVG の基本的な図形を表すものであり、中心座標と半径を指定して円を描画します。</p> <h2 id="使用可能な場所">使用可能な場所</h2> @@ -16,10 +16,10 @@ translation_of: Web/SVG/Element/circle <h3 id="グローバル属性">グローバル属性</h3> <ul> - <li><a href="https://developer.mozilla.org/ja/SVG/Attribute#Conditional_processing_attributes">条件処理属性</a></li> - <li><a href="https://developer.mozilla.org/ja/SVG/Attribute#Core_attributes">コア属性</a></li> - <li><a href="https://developer.mozilla.org/ja/SVG/Attribute#Graphical_event_attributes">グラフィカルイベント属性</a></li> - <li><a href="https://developer.mozilla.org/ja/SVG/Attribute#Presentation_attributes">プレゼンテーション属性</a></li> + <li><a href="/ja/SVG/Attribute#Conditional_processing_attributes">条件処理属性</a></li> + <li><a href="/ja/SVG/Attribute#Core_attributes">コア属性</a></li> + <li><a href="/ja/SVG/Attribute#Graphical_event_attributes">グラフィカルイベント属性</a></li> + <li><a href="/ja/SVG/Attribute#Presentation_attributes">プレゼンテーション属性</a></li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> @@ -36,7 +36,7 @@ translation_of: Web/SVG/Element/circle <h2 id="DOM_インターフェイス">DOM インターフェイス</h2> -<p>この要素は <a href="https://developer.mozilla.org/en-US/docs/Web/API/SVGCircleElement">SVGCircleElement</a> インターフェイスを実装しています。</p> +<p>この要素は <a href="/ja/docs/Web/API/SVGCircleElement">SVGCircleElement</a> インターフェイスを実装しています。</p> <h2 id="例">例</h2> diff --git a/files/ja/web/svg/element/defs/index.html b/files/ja/web/svg/element/defs/index.html index e9fb934e13..8f722e6c7d 100644 --- a/files/ja/web/svg/element/defs/index.html +++ b/files/ja/web/svg/element/defs/index.html @@ -36,10 +36,10 @@ translation_of: Web/SVG/Element/defs <h3 id="グローバル属性">グローバル属性</h3> <ul> - <li><a href="/en/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">条件的処理属性（コンディショナルプロセッシング属性）</a> »</li> - <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">コア属性</a> »</li> - <li><a href="/en/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">描画イベント属性</a> »</li> - <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">プレゼンテーション属性</a> »</li> + <li><a href="/ja/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">条件的処理属性（コンディショナルプロセッシング属性）</a> »</li> + <li><a href="/ja/SVG/Attribute#Core" title="en/SVG/Attribute#Core">コア属性</a> »</li> + <li><a href="/ja/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">描画イベント属性</a> »</li> + <li><a href="/ja/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">プレゼンテーション属性</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> @@ -52,7 +52,7 @@ translation_of: Web/SVG/Element/defs <h2 id="DOM_インタフェース">DOM インタフェース</h2> -<p>この要素は <code><a href="/en/DOM/SVGDefsElement" title="en/DOM/SVGDefsElement">SVGDefsElement</a></code> インタフェースを実装しています。</p> +<p>この要素は <code><a href="/ja/DOM/SVGDefsElement" title="en/DOM/SVGDefsElement">SVGDefsElement</a></code> インタフェースを実装しています。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/ellipse/index.html b/files/ja/web/svg/element/ellipse/index.html index cb9ab982f7..70b797a4a9 100644 --- a/files/ja/web/svg/element/ellipse/index.html +++ b/files/ja/web/svg/element/ellipse/index.html @@ -33,19 +33,19 @@ translation_of: Web/SVG/Element/ellipse <dl> <dt>{{SVGAttr("cx")}}</dt> <dd>楕円の x 座標。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>0</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>0</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("cy")}}</dt> <dd>楕円の y 座標。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>0</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>0</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("rx")}}</dt> <dd>x 軸の半径。<br> - <small><em>Value type</em>: <code>auto</code>|<a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>auto</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <code>auto</code>|<a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>auto</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("ry")}}</dt> <dd>y 軸の半径。<br> - <small><em>Value type</em>: <code>auto</code>|<a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>auto</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <code>auto</code>|<a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>デフォルト値</em>: <code>auto</code>; <em>アニメーション</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("pathLength")}}</dt> <dd>この属性は、使用単位での単位合計パス長さを指定します。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>デフォルト値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>デフォルト値</em>: <em>none</em>; <em>アニメーション</em>: <strong>yes</strong></small></dd> </dl> <div class="note"> @@ -55,15 +55,15 @@ translation_of: Web/SVG/Element/ellipse <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>注目すべき属性: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイリング属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイリング属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> <dd><small>注目すべき属性: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>、<a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">Graphical イベント属性</a></small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>、<a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">Graphical イベント属性</a></small></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>注目すべき属性: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>ARIA 属性</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> diff --git a/files/ja/web/svg/element/fedropshadow/index.html b/files/ja/web/svg/element/fedropshadow/index.html index 0350bab909..68ea01e62a 100644 --- a/files/ja/web/svg/element/fedropshadow/index.html +++ b/files/ja/web/svg/element/fedropshadow/index.html @@ -52,25 +52,25 @@ translation_of: Web/SVG/Element/feDropShadow <dl> <dt id="attr-cx">{{SVGAttr("dx")}}</dt> <dd>この属性は、ドロップシャドウの X 方向のオフセットを定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt id="attr-cx">{{SVGAttr("dy")}}</dt> <dd>この属性は、ドロップシャドウの Y 方向のオフセットを定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt id="attr-cx">{{SVGAttr("stdDeviation")}}</dt> <dd>この属性は、ドロップシャドウのぼかし操作の標準偏差を定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a>; <em>既定値</em>: <code>2</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に: {{SVGAttr('id')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute#Filters_Attributes">フィルタープリミティブ属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute#Filters_Attributes">フィルタープリミティブ属性</a></dt> <dd><small>{{SVGAttr('height')}}, {{SVGAttr('in')}}, {{SVGAttr('result')}}, {{SVGAttr('x')}}, {{SVGAttr('y')}}, {{SVGAttr('width')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>特に: {{SVGAttr('flood-color')}}, {{SVGAttr('flood-opacity')}}</small></dd> </dl> diff --git a/files/ja/web/svg/element/g/index.html b/files/ja/web/svg/element/g/index.html index 595db4f508..471c6d6e3a 100644 --- a/files/ja/web/svg/element/g/index.html +++ b/files/ja/web/svg/element/g/index.html @@ -37,15 +37,15 @@ translation_of: Web/SVG/Element/g <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイリング属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイリング属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> <dd><small>特に: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィカルイベント属性</a></small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィカルイベント属性</a></small></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>特に: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>Aria属性</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> diff --git a/files/ja/web/svg/element/line/index.html b/files/ja/web/svg/element/line/index.html index 985b4bcafc..5c0bc17f43 100644 --- a/files/ja/web/svg/element/line/index.html +++ b/files/ja/web/svg/element/line/index.html @@ -33,33 +33,33 @@ translation_of: Web/SVG/Element/line <dl> <dt>{{SVGAttr('x1')}}</dt> <dd>線の始点の X 座標を定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> <dt>{{SVGAttr('x2')}}</dt> <dd>線の終点の X 座標を定義します。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> <dt>{{SVGAttr('y1')}}</dt> <dd>線の始点の Y 座標を定義します。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> <dt>{{SVGAttr('y2')}}</dt> <dd>線の終点の Y 座標を定義します。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <code>0</code>; <em>アニメーション</em>: <strong>可</strong></small></dd> <dt>{{SVGAttr("pathLength")}}</dt> <dd>パス全体の長さをユーザーの単位で定義します。<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>可</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>既定値</em>: <em>none</em>; <em>アニメーション</em>: <strong>可</strong></small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>主なもの: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件付き処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件付き処理属性</a></dt> <dd><small>主なもの: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></small></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>主なもの: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>ARIA 属性</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> diff --git a/files/ja/web/svg/element/lineargradient/index.html b/files/ja/web/svg/element/lineargradient/index.html index 41aac08a01..0f34077564 100644 --- a/files/ja/web/svg/element/lineargradient/index.html +++ b/files/ja/web/svg/element/lineargradient/index.html @@ -19,7 +19,7 @@ translation_of: Web/SVG/Element/linearGradient <h2 id="例">例</h2> -<p>» <a href="https://developer.mozilla.org/files/3265/linearGradient.svg" title="https://developer.mozilla.org/files/3265/linearGradient.svg">linearGradient.svg</a></p> +<p>» <a href="/files/3265/linearGradient.svg" title="https://developer.mozilla.org/files/3265/linearGradient.svg">linearGradient.svg</a></p> <h2 id="属性">属性</h2> @@ -49,7 +49,7 @@ translation_of: Web/SVG/Element/linearGradient <h2 id="DOM_インターフェース">DOM インターフェース</h2> -<p>この要素は <code><a href="/en/DOM/SVGLinearGradientElement" title="en/DOM/SVGLinearGradientElement">SVGLinearGradientElement</a></code> インターフェースを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGLinearGradientElement" title="en/DOM/SVGLinearGradientElement">SVGLinearGradientElement</a></code> インターフェースを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/mask/index.html b/files/ja/web/svg/element/mask/index.html index 2437f3db0d..d5834464d9 100644 --- a/files/ja/web/svg/element/mask/index.html +++ b/files/ja/web/svg/element/mask/index.html @@ -39,7 +39,7 @@ translation_of: Web/SVG/Element/mask <dl> <dt id="attr-cx">{{SVGAttr("height")}}</dt> <dd>This attribute defines the height of the masking area.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; <em>Default value</em>: <code>120%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; <em>Default value</em>: <code>120%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("maskContentUnits")}}</dt> <dd>This attribute defines the coordinate system for the contents of the <code><mask></code>.<br> <small><em>Value type</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code> ; <em>Default value</em>: <code>userSpaceOnUse</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> @@ -48,25 +48,25 @@ translation_of: Web/SVG/Element/mask <small><em>Value type</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code> ; <em>Default value</em>: <code>objectBoundingBox</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt id="attr-cx">{{SVGAttr("x")}}</dt> <dd>This attribute defines the x-axis coordinate of the top-left corner of the masking area.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Default value</em>: <code>-10%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Default value</em>: <code>-10%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt id="attr-cx">{{SVGAttr("y")}}</dt> <dd>This attribute defines the y-axis coordinate of the top-left corner of the masking area.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Default value</em>: <code>-10%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Coordinate"><strong><coordinate></strong></a> ; <em>Default value</em>: <code>-10%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt id="attr-cx">{{SVGAttr("width")}}</dt> <dd>This attribute defines the width of the masking area.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; <em>Default value</em>: <code>120%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a> ; <em>Default value</em>: <code>120%</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> </dl> <h3 id="Global_attributes">Global attributes</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">Core Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">Core Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('id')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">Styling Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">Styling Attributes</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">Conditional Processing Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">Conditional Processing Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">Presentation Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">Presentation Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> </dl> diff --git a/files/ja/web/svg/element/metadata/index.html b/files/ja/web/svg/element/metadata/index.html index 10d943d20b..6bff4e88df 100644 --- a/files/ja/web/svg/element/metadata/index.html +++ b/files/ja/web/svg/element/metadata/index.html @@ -31,7 +31,7 @@ translation_of: Web/SVG/Element/metadata <h2 id="DOM_インターフェース">DOM インターフェース</h2> -<p>この要素は <code><a href="/en/DOM/SVGMetadataElement" title="en/DOM/SVGMetadataElement">SVGMetadataElement</a></code> インターフェースを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGMetadataElement" title="en/DOM/SVGMetadataElement">SVGMetadataElement</a></code> インターフェースを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/mpath/index.html b/files/ja/web/svg/element/mpath/index.html index 00c5daa516..d8e98247ac 100644 --- a/files/ja/web/svg/element/mpath/index.html +++ b/files/ja/web/svg/element/mpath/index.html @@ -56,8 +56,8 @@ translation_of: Web/SVG/Element/mpath <h3 id="グローバル属性">グローバル属性</h3> <ul> - <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> - <li><a href="/en/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Xlink attributes</a> »</li> + <li><a href="/ja/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> + <li><a href="/ja/SVG/Attribute#XLink" title="en/SVG/Attribute#XLink">Xlink attributes</a> »</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> </ul> @@ -69,7 +69,7 @@ translation_of: Web/SVG/Element/mpath <h2 id="DOM_インターフェイス">DOM インターフェイス</h2> -<p>この要素は <code><a href="/en/DOM/SVGMPathElement" title="en/DOM/SVGMPathElement">SVGMPathElement</a></code> インターフェイスを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGMPathElement" title="en/DOM/SVGMPathElement">SVGMPathElement</a></code> インターフェイスを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/path/index.html b/files/ja/web/svg/element/path/index.html index 356acfb540..e0f6666eec 100644 --- a/files/ja/web/svg/element/path/index.html +++ b/files/ja/web/svg/element/path/index.html @@ -40,21 +40,21 @@ translation_of: Web/SVG/Element/path <small><em>値の型</em>: <strong><string></strong> ; <em>初期値</em>: <code>''</code>; <em>アニメーション可否</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("pathLength")}}</dt> <dd>この属性は、ユーザ単位系でのパスの全長を指定することを可能にします。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>初期値</em>: <em>none</em>; <em>アニメーション可否</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Number"><strong><number></strong></a> ; <em>初期値</em>: <em>none</em>; <em>アニメーション可否</em>: <strong>yes</strong></small></dd> </dl> <h3 id="グローバル属性">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> <dd><small>特に: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>イベント属性</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィカルイベント属性</a></small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィカルイベント属性</a></small></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>特に: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>ARIA属性</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> diff --git a/files/ja/web/svg/element/pattern/index.html b/files/ja/web/svg/element/pattern/index.html index adf33d7f5e..9a7f70231b 100644 --- a/files/ja/web/svg/element/pattern/index.html +++ b/files/ja/web/svg/element/pattern/index.html @@ -33,10 +33,10 @@ translation_of: Web/SVG/Element/pattern <dl> <dt>{{SVGAttr("height")}}</dt> <dd>This attribute determines the height of the pattern tile.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a>; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("href")}}</dt> <dd>This attribute reference a template pattern that provides default values for the <code><pattern></code> attributes.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("patternContentUnits")}}</dt> <dd>This attribute defines the coordinate system for the contents of the {{ SVGElement("pattern") }}.<br> <small><em>Value type</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Default value</em>: <code>userSpaceOnUse</code>; <em>Animatable</em>: <strong>yes</strong></small> @@ -44,7 +44,7 @@ translation_of: Web/SVG/Element/pattern </dd> <dt>{{SVGAttr("patternTransform")}}</dt> <dd>This attribute contains the definition of an optional additional transformation from the pattern coordinate system onto the target coordinate system.<br> - <small><em>Value type</em>: <strong><a href="/docs/Web/SVG/Content_type#Transform-list"><transform-list></a></strong>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <strong><a href="/ja/docs/Web/SVG/Content_type#Transform-list"><transform-list></a></strong>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("patternUnits")}}</dt> <dd>This attribute defines the coordinate system for attributes <code>x</code>, <code>y</code>, <code>width</code> and <code>height</code>.<br> <small><em>Value type</em>: <code>userSpaceOnUse</code>|<code>objectBoundingBox</code>; <em>Default value</em>: <code>objectBoundingBox</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> @@ -53,33 +53,33 @@ translation_of: Web/SVG/Element/pattern <small><em>Value type</em>: (<code>none</code>| <code>xMinYMin</code>| <code>xMidYMin</code>| <code>xMaxYMin</code>| <code>xMinYMid</code>| <code>xMidYMid</code>| <code>xMaxYMid</code>| <code>xMinYMax</code>| <code>xMidYMax</code>| <code>xMaxYMax</code>) (<code>meet</code>|<code>slice</code>)? ; <em>Default value</em>: <code>xMidYMid meet</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("viewBox")}}</dt> <dd>This attribute defines the bound of the SVG viewport for the pattern fragment.<br> - <small><em>Value type</em>: <strong><a href="/docs/Web/SVG/Content_type#List-of-Ts"><list-of-numbers></a></strong> ; <em>Default value</em>: none; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <strong><a href="/ja/docs/Web/SVG/Content_type#List-of-Ts"><list-of-numbers></a></strong> ; <em>Default value</em>: none; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("width")}}</dt> <dd>This attribute determines the width of the pattern tile.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("x")}}</dt> <dd>This attribute determines the x coordinate shift of the pattern tile.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("xlink:href")}} {{deprecated_inline("SVG2")}}</dt> <dd>This attribute reference a template pattern that provides default values for the <code><pattern></code> attributes.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#URL"><strong><URL></strong></a>; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small> <p class="note"><strong>Note:</strong> For browsers implementing <code>href</code>, if both <code>href</code> and <code>xlink:href</code> are set, <code>xlink:href</code> will be ignored and only <code>href</code> will be used.</p> </dd> <dt>{{SVGAttr("y")}}</dt> <dd>This attribute determines the y coordinate shift of the pattern tile.<br> - <small><em>Value type</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>Value type</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <code>0</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> </dl> <h3 id="グローバル属性">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">Core Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">Core Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">Styling Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">Styling Attributes</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">Conditional Processing Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">Conditional Processing Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">Presentation Attributes</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">Presentation Attributes</a></dt> <dd><small>Most notably: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>XLink Attributes</dt> <dd><small>Most notably: {{SVGAttr("xlink:title")}}</small></dd> diff --git a/files/ja/web/svg/element/polyline/index.html b/files/ja/web/svg/element/polyline/index.html index e093dce2fd..0d034b1bbb 100644 --- a/files/ja/web/svg/element/polyline/index.html +++ b/files/ja/web/svg/element/polyline/index.html @@ -20,17 +20,17 @@ translation_of: Web/SVG/Element/polyline <h2 id="例">例</h2> -<p>» <a href="https://developer.mozilla.org/files/3260/polyline.svg" title="https://developer.mozilla.org/files/3260/polyline.svg">polyline.svg</a></p> +<p>» <a href="/files/3260/polyline.svg" title="https://developer.mozilla.org/files/3260/polyline.svg">polyline.svg</a></p> <h2 id="属性">属性</h2> <h3 id="グローバル属性">グローバル属性</h3> <ul> - <li><a href="/en/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">条件処理属性</a> »</li> - <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">コア属性</a> »</li> - <li><a href="/en/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">グラフィカルイベント属性</a> »</li> - <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">プレゼンテーション属性</a> »</li> + <li><a href="/ja/SVG/Attribute#ConditionalProccessing" title="en/SVG/Attribute#ConditionalProccessing">条件処理属性</a> »</li> + <li><a href="/ja/SVG/Attribute#Core" title="en/SVG/Attribute#Core">コア属性</a> »</li> + <li><a href="/ja/SVG/Attribute#GraphicalEvent" title="en/SVG/Attribute#GraphicalEvent">グラフィカルイベント属性</a> »</li> + <li><a href="/ja/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">プレゼンテーション属性</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li> @@ -45,7 +45,7 @@ translation_of: Web/SVG/Element/polyline <h2 id="DOM_インターフェイス">DOM インターフェイス</h2> -<p>この要素は <code><a href="/en/DOM/SVGPolylineElement" title="en/DOM/SVGPolylineElement">SVGPolylineElement</a></code> インターフェイスを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGPolylineElement" title="en/DOM/SVGPolylineElement">SVGPolylineElement</a></code> インターフェイスを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/rect/index.html b/files/ja/web/svg/element/rect/index.html index c4ad070e21..e095c85c26 100644 --- a/files/ja/web/svg/element/rect/index.html +++ b/files/ja/web/svg/element/rect/index.html @@ -18,11 +18,11 @@ translation_of: Web/SVG/Element/rect <h3 id="シンプルな_rect_要素の使い方">シンプルな <code>rect 要素の使い方</code></h3> -<p>» <a href="https://developer.mozilla.org/files/3247/rect-1.svg" title="https://developer.mozilla.org/files/3247/rect-1.svg">rect-1.svg</a></p> +<p>» <a href="/files/3247/rect-1.svg" title="https://developer.mozilla.org/files/3247/rect-1.svg">rect-1.svg</a></p> <h3 id="角の丸い_rect_要素"><code>角の丸い rect</code> 要素</h3> -<p>» <a href="https://developer.mozilla.org/files/3248/rect-2.svg" title="https://developer.mozilla.org/files/3248/rect-2.svg">rect-2.svg</a></p> +<p>» <a href="/files/3248/rect-2.svg" title="https://developer.mozilla.org/files/3248/rect-2.svg">rect-2.svg</a></p> <h2 id="属性">属性</h2> @@ -52,7 +52,7 @@ translation_of: Web/SVG/Element/rect <h2 id="DOM_インターフェイス">DOM インターフェイス</h2> -<p>この要素は <code><a href="/en/DOM/SVGRectElement" title="en/DOM/SVGRectElement">SVGRectElement</a></code> インターフェイスを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGRectElement" title="en/DOM/SVGRectElement">SVGRectElement</a></code> インターフェイスを提供します。</p> <h2 id="使用可能な場所">使用可能な場所</h2> diff --git a/files/ja/web/svg/element/set/index.html b/files/ja/web/svg/element/set/index.html index ff85e944c3..d9e72d82f3 100644 --- a/files/ja/web/svg/element/set/index.html +++ b/files/ja/web/svg/element/set/index.html @@ -42,7 +42,7 @@ translation_of: Web/SVG/Element/set <h2 id="DOM_インターフェース">DOM インターフェース</h2> -<p>この要素は <code><a href="/en/DOM/SVGSetElement" title="en/DOM/SVGSetElement">SVGSetElement</a></code> インターフェースを提供します。</p> +<p>この要素は <code><a href="/ja/DOM/SVGSetElement" title="en/DOM/SVGSetElement">SVGSetElement</a></code> インターフェースを提供します。</p> <h2 id="仕様">仕様</h2> diff --git a/files/ja/web/svg/element/text/index.html b/files/ja/web/svg/element/text/index.html index 5c42559230..5aa3855d70 100644 --- a/files/ja/web/svg/element/text/index.html +++ b/files/ja/web/svg/element/text/index.html @@ -12,7 +12,7 @@ translation_of: Web/SVG/Element/text <p><span class="seoSummary">SVG <strong><code><text></code></strong> 要素は、テキストからなるグラフィクス要素を定義します。<code><text></code> には、他の SVG グラフィクス要素と同じように、グラデーション、パターン、クリッピングパス、マスク、またはフィルターを適用することができます。</span></p> -<p>SVG 内でテキストが <code><text></code> 要素内以外で組み込まれた場合、レンダリングされません。これはデフォルトで隠されるのとは違い、<a href="/docs/Web/SVG/Attribute/display">ディスプレイプロパティ</a> を変更してもテキストは表示されません。</p> +<p>SVG 内でテキストが <code><text></code> 要素内以外で組み込まれた場合、レンダリングされません。これはデフォルトで隠されるのとは違い、<a href="/ja/docs/Web/SVG/Attribute/display">ディスプレイプロパティ</a> を変更してもテキストは表示されません。</p> <h2 id="Usage_context" name="Usage_context">使用可能な場所</h2> @@ -23,10 +23,10 @@ translation_of: Web/SVG/Element/text <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <ul> - <li><a href="/docs/Web/SVG/Attribute#Conditional_processing_attributes">条件処理属性</a> »</li> - <li><a href="/docs/Web/SVG/Attribute#Core_attributes">コア属性</a> »</li> - <li><a href="/docs/Web/SVG/Attribute#Graphical_event_attributes">グラフィカルイベント属性</a> »</li> - <li><a href="/docs/Web/SVG/Attribute#Presentation_attributes">プレゼンテーション属性</a> »</li> + <li><a href="/ja/docs/Web/SVG/Attribute#Conditional_processing_attributes">条件処理属性</a> »</li> + <li><a href="/ja/docs/Web/SVG/Attribute#Core_attributes">コア属性</a> »</li> + <li><a href="/ja/docs/Web/SVG/Attribute#Graphical_event_attributes">グラフィカルイベント属性</a> »</li> + <li><a href="/ja/docs/Web/SVG/Attribute#Presentation_attributes">プレゼンテーション属性</a> »</li> <li>{{SVGAttr("class")}}</li> <li>{{SVGAttr("style")}}</li> <li>{{SVGAttr("externalResourcesRequired")}}</li> diff --git a/files/ja/web/svg/element/tspan/index.html b/files/ja/web/svg/element/tspan/index.html index 1ef05592ae..1dee4218a4 100644 --- a/files/ja/web/svg/element/tspan/index.html +++ b/files/ja/web/svg/element/tspan/index.html @@ -38,39 +38,39 @@ translation_of: Web/SVG/Element/tspan <dl> <dt>{{SVGAttr("x")}}</dt> <dd>テキストのベースラインの開始点の X 座標です。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("y")}}</dt> <dd>テキストのベースラインの開始点の Y 座標です。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("dx")}}</dt> <dd>テキストの位置を直前のテキスト要素から水平方向にずらします。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>Default value</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("dy")}}</dt> <dd>テキストの位置を直前のテキスト要素から垂直方向にずらします。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値: none; Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("rotate")}}</dt> <dd>それぞれの文字の向きを回転します。文字ごとに個別に回転させることができます。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#List-of-Ts"><strong><list-of-number></strong></a> ; <em>既定値</em>: none; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#List-of-Ts"><strong><list-of-number></strong></a> ; <em>既定値</em>: none; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("lengthAdjust")}}</dt> <dd>テキストを<code>textLength</code> 属性で定義された幅に合わせるために伸縮する方法です。<br> <small><em>値の型</em>: <code>spacing</code>|<code>spacingAndGlyphs</code>; <em>既定値</em>: <code>spacing</code>; <em>Animatable</em>: <strong>yes</strong></small></dd> <dt>{{SVGAttr("textLength")}}</dt> <dd>テキストを伸縮して合わせる幅です。<br> - <small><em>値の型</em>: <a href="/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> + <small><em>値の型</em>: <a href="/ja/docs/Web/SVG/Content_type#Length"><strong><length></strong></a>|<a href="/ja/docs/Web/SVG/Content_type#Percentage"><strong><percentage></strong></a> ; <em>既定値</em>: <em>none</em>; <em>Animatable</em>: <strong>yes</strong></small></dd> </dl> <h3 id="Global_attributes" name="Global_attributes">グローバル属性</h3> <dl> - <dt><a href="/docs/Web/SVG/Attribute/Core">コア属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Core">コア属性</a></dt> <dd><small>特に: {{SVGAttr('id')}}, {{SVGAttr('tabindex')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Styling">スタイル属性</a></dt> <dd><small>{{SVGAttr('class')}}, {{SVGAttr('style')}}</small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> + <dt><a href="/ja/docs/Web/SVG/Attribute/Conditional_Processing">条件処理属性</a></dt> <dd><small>特に: {{SVGAttr('requiredExtensions')}}, {{SVGAttr('systemLanguage')}}</small></dd> <dt>Event Attributes</dt> - <dd><small><a href="/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></small></dd> - <dt><a href="/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> + <dd><small><a href="/ja/docs/Web/SVG/Attribute/Events#Global_Event_Attributes">グローバルイベント属性</a>, <a href="/ja/docs/Web/SVG/Attribute/Events#Graphical_Event_Attributes">グラフィックイベント属性</a></small></dd> + <dt><a href="/ja/docs/Web/SVG/Attribute/Presentation">プレゼンテーション属性</a></dt> <dd><small>特に: {{SVGAttr('clip-path')}}, {{SVGAttr('clip-rule')}}, {{SVGAttr('color')}}, {{SVGAttr('color-interpolation')}}, {{SVGAttr('color-rendering')}}, {{SVGAttr('cursor')}}, {{SVGAttr('display')}}, {{SVGAttr('dominant-baseline')}}, {{SVGAttr('fill')}}, {{SVGAttr('fill-opacity')}}, {{SVGAttr('fill-rule')}}, {{SVGAttr('filter')}}, {{SVGAttr('mask')}}, {{SVGAttr('opacity')}}, {{SVGAttr('pointer-events')}}, {{SVGAttr('shape-rendering')}}, {{SVGAttr('stroke')}}, {{SVGAttr('stroke-dasharray')}}, {{SVGAttr('stroke-dashoffset')}}, {{SVGAttr('stroke-linecap')}}, {{SVGAttr('stroke-linejoin')}}, {{SVGAttr('stroke-miterlimit')}}, {{SVGAttr('stroke-opacity')}}, {{SVGAttr('stroke-width')}}, {{SVGAttr('text-anchor')}}, {{SVGAttr("transform")}}, {{SVGAttr('vector-effect')}}, {{SVGAttr('visibility')}}</small></dd> <dt>Aria 属性</dt> <dd><small><code>aria-activedescendant</code>, <code>aria-atomic</code>, <code>aria-autocomplete</code>, <code>aria-busy</code>, <code>aria-checked</code>, <code>aria-colcount</code>, <code>aria-colindex</code>, <code>aria-colspan</code>, <code>aria-controls</code>, <code>aria-current</code>, <code>aria-describedby</code>, <code>aria-details</code>, <code>aria-disabled</code>, <code>aria-dropeffect</code>, <code>aria-errormessage</code>, <code>aria-expanded</code>, <code>aria-flowto</code>, <code>aria-grabbed</code>, <code>aria-haspopup</code>, <code>aria-hidden</code>, <code>aria-invalid</code>, <code>aria-keyshortcuts</code>, <code>aria-label</code>, <code>aria-labelledby</code>, <code>aria-level</code>, <code>aria-live</code>, <code>aria-modal</code>, <code>aria-multiline</code>, <code>aria-multiselectable</code>, <code>aria-orientation</code>, <code>aria-owns</code>, <code>aria-placeholder</code>, <code>aria-posinset</code>, <code>aria-pressed</code>, <code>aria-readonly</code>, <code>aria-relevant</code>, <code>aria-required</code>, <code>aria-roledescription</code>, <code>aria-rowcount</code>, <code>aria-rowindex</code>, <code>aria-rowspan</code>, <code>aria-selected</code>, <code>aria-setsize</code>, <code>aria-sort</code>, <code>aria-valuemax</code>, <code>aria-valuemin</code>, <code>aria-valuenow</code>, <code>aria-valuetext</code>, <code>role</code></small></dd> diff --git a/files/ja/web/svg/index.html b/files/ja/web/svg/index.html index bc2f471ea8..91fc84d703 100644 --- a/files/ja/web/svg/index.html +++ b/files/ja/web/svg/index.html @@ -22,7 +22,7 @@ translation_of: Web/SVG <p class="summary" style="border-top-width: 0; padding-top: 0;"><span class="seoSummary"><strong>Scalable Vector Graphics (SVG)</strong> は、二次元ベースの<a class="external" href="https://ja.wikipedia.org/wiki/ベクタ形式">ベクター形式</a>のための <a href="/ja/docs/Web/XML" title="XML">XML</a> に基づくマークアップ言語です。そのため、どんな大きさでもきれいにレンダリングできる画像を記述するためのテキストベースのオープンなウェブ標準であり、特に他のウェブ標準、例えば <a href="/ja/docs/Web/CSS">CSS</a>, <a href="/ja/docs/Web/API/Document_Object_Model">DOM</a>, <a href="/ja/docs/Web/JavaScript">JavaScript</a>, <a href="/ja/docs/Web/SVG/SVG_animation_with_SMIL">SMIL</a> などとうまく機能するように設計されています。 SVG は本質的に、グラフィックに対するもので、テキストに対する <a href="/ja/docs/Web/HTML">HTML</a> のような位置づけです。</span></p> -<p>SVG 画像と関連する振る舞いは <span class="seoSummary"><a href="/en-US/docs/Web/XML">XML</a></span> のテキストファイルに定義されるので、検索したり、インデックスをつけたり、スクリプトで操作したり、圧縮したりすることができます。加えて、これはあらゆるテキストエディターやドローソフトで作成したり編集したりできることを意味します。</p> +<p>SVG 画像と関連する振る舞いは <span class="seoSummary"><a href="/ja/docs/Web/XML">XML</a></span> のテキストファイルに定義されるので、検索したり、インデックスをつけたり、スクリプトで操作したり、圧縮したりすることができます。加えて、これはあらゆるテキストエディターやドローソフトで作成したり編集したりできることを意味します。</p> <p>旧来の {{Glossary("JPEG")}} や {{Glossary("PNG")}} のようなビットマップ画像形式と比較して、 SVG 形式のベクター画像は、品質を損なうことなく任意の大きさでレンダリングすることができ、テキストを更新することで、グラフィックエディターを使用せずに簡単にローカライズすることができます。適切なライブラリを使用すれば、 SVG ファイルをその場でローカライズすることも可能です。</p> diff --git a/files/ja/web/svg/namespaces_crash_course/index.html b/files/ja/web/svg/namespaces_crash_course/index.html index e2d0f49690..75ef5bdc51 100644 --- a/files/ja/web/svg/namespaces_crash_course/index.html +++ b/files/ja/web/svg/namespaces_crash_course/index.html @@ -7,7 +7,7 @@ tags: translation_of: Web/SVG/Namespaces_Crash_Course --- <h3 id=".E5.B0.8E.E5.85.A5" name=".E5.B0.8E.E5.85.A5">導入</h3> -<p><a href="ja/XML">XML</a> の派生言語として、 <a href="ja/SVG">SVG</a> は名前空間付けられています。もしあなたが SVG コンテンツを作成する予定なら名前空間の概念と使い方を理解することは重要です。 Firefox 1.5 リリースより前の幾つかのバージョンの SVG ビューワは残念ながら名前空間に対して十分な注意を払いませんが、 とても厳格でなくてならない <a href="ja/Gecko">Gecko</a> ベースのブラウザのようなユーザエージェントが複数の XML 派生言語をサポートするために不可欠です。今、名前空間を理解するためにいくらかの時間をとり、将来頭を悩ませる時間を節約しましょう。</p> +<p><a href="/ja/XML">XML</a> の派生言語として、 <a href="/ja/SVG">SVG</a> は名前空間付けられています。もしあなたが SVG コンテンツを作成する予定なら名前空間の概念と使い方を理解することは重要です。 Firefox 1.5 リリースより前の幾つかのバージョンの SVG ビューワは残念ながら名前空間に対して十分な注意を払いませんが、 とても厳格でなくてならない <a href="/ja/Gecko">Gecko</a> ベースのブラウザのようなユーザエージェントが複数の XML 派生言語をサポートするために不可欠です。今、名前空間を理解するためにいくらかの時間をとり、将来頭を悩ませる時間を節約しましょう。</p> <h3 id=".E8.83.8C.E6.99.AF" name=".E8.83.8C.E6.99.AF">背景</h3> <p>異なった種類の XML ベースのコンテンツが同じ XML ファイルの中で一緒に混ざるのを可能にするのことは W3C の長年の目標です。 例えば、SVG と MathML は直接 XHTML ベースの科学ドキュメントに組み込まれるかもしれません。このようなコンテンツ タイプを混ぜることが可能にすることは、多くの利点がありますが、解決するために非常に大問題を要しました。</p> <p>当然、それぞれのXML 派生言語は仕様で述べたマークアップタグ名の意味を定義します。 1つの XML ドキュメントに異なった XML 派生言語のコンテンツを混ぜることによる問題は 別の派生言語が 1つの派生言語によって定義されたタグと同じ名前のタグを定義するかもしれないということです。 例えば、XHTMLとSVGの両方には、<code><title></code> タグがあります。 事実、ユーザエージェントはどうやって XML コンテンツが(あらかじめ)知っているものであるとき時に、単なる未知の任意のタグ名を含む無意味な XML ファイルでないと言えますか?</p> @@ -148,4 +148,4 @@ image.setAttributeNS(XLink_NS, 'xlink:href', 'flower.png'); </pre> <p>あなたが特定のドキュメントでそれら全ての名前空間を使用しなくても、名前空間宣言を含んで全く害はありません。 後日、未使用の名前空間の1つをコンテンツに結局加えるなら、それはいくつかの煩わしいエラーから救ってくれるかもしれません。</p> <h3 id=".E5.AE.8C.E5.85.A8.E3.81.AA.E4.BE.8B" name=".E5.AE.8C.E5.85.A8.E3.81.AA.E4.BE.8B">完全な例</h3> -<p>完全な例は <a href="ja/SVG/Namespaces_Crash_Course/Example">SVG:Namespaces Crash Course:Example</a> を参照してください。</p> +<p>完全な例は <a href="/ja/SVG/Namespaces_Crash_Course/Example">SVG:Namespaces Crash Course:Example</a> を参照してください。</p> diff --git a/files/ja/web/svg/scripting/index.html b/files/ja/web/svg/scripting/index.html index 91830c66d4..37f369f7ca 100644 --- a/files/ja/web/svg/scripting/index.html +++ b/files/ja/web/svg/scripting/index.html @@ -53,6 +53,6 @@ translation_of: Web/SVG/Scripting <p>Mozilla では <code>svgElement.style.setProperty("fill-opacity", "0.0")</code> 関数は <code>SYNTAX ERR</code> という DOMException を投げます。この挙動は W3C によって DOM Level 2 Style 仕様の中で定められています。<code>setProperty</code> 関数は 3 つのパラメタを持つ関数として定義されています。上記は <code>'svgElement.style.setProperty("fill-opacity", "0.0", "")'</code> で置き換えられます。こちらの方がより標準に一致しています。 </p> <h3 id=".E3.83.AA.E3.83.B3.E3.82.AF" name=".E3.83.AA.E3.83.B3.E3.82.AF"> リンク </h3> -<p><a href="ja/SVG">SVG ホームページ</a> +<p><a href="/ja/SVG">SVG ホームページ</a> </p><p><a class="external" href="http://wiki.svg.org/Main_Page#Scripting_and_Programming">SVG wiki on Scripting and Programming</a> </p>{{ languages( { "en": "en/SVG/Scripting" } ) }} diff --git a/files/ja/web/svg/svg_animation_with_smil/index.html b/files/ja/web/svg/svg_animation_with_smil/index.html index 0d70f03fe8..b33dd3c042 100644 --- a/files/ja/web/svg/svg_animation_with_smil/index.html +++ b/files/ja/web/svg/svg_animation_with_smil/index.html @@ -108,7 +108,7 @@ translation_of: Web/SVG/SVG_animation_with_SMIL </html> </pre> -<p><a href="https://developer.mozilla.org/samples/svg/svganimdemo1.html">View live sample</a></p> +<p><a href="/samples/svg/svganimdemo1.html">View live sample</a></p> <h3 id="例_2_曲線状の移動">例 2: 曲線状の移動</h3> diff --git a/files/ja/web/svg/tutorial/getting_started/index.html b/files/ja/web/svg/tutorial/getting_started/index.html index 184d127062..d382d76798 100644 --- a/files/ja/web/svg/tutorial/getting_started/index.html +++ b/files/ja/web/svg/tutorial/getting_started/index.html @@ -29,7 +29,7 @@ translation_of: Web/SVG/Tutorial/Getting_Started </svg> </pre> -<p>コードをコピーして、ファイル demo1.svg に貼り付けましょう。そして、ファイルを Firefox で開いてください。これは、下のスクリーンショットを表示するようレンダリングします。(Firefox のユーザは <a class="external" href="https://developer.mozilla.org/@api/deki/files/4571/=svgdemo1.xml" title="https://developer.mozilla.org/@api/deki/files/4571/=svgdemo1.xml">こちら</a> をクリックしてください)</p> +<p>コードをコピーして、ファイル demo1.svg に貼り付けましょう。そして、ファイルを Firefox で開いてください。これは、下のスクリーンショットを表示するようレンダリングします。(Firefox のユーザは <a class="external" href="/@api/deki/files/4571/=svgdemo1.xml" title="https://developer.mozilla.org/@api/deki/files/4571/=svgdemo1.xml">こちら</a> をクリックしてください)</p> <p><img alt="svgdemo1.png" class="default internal" src="/@api/deki/files/4928/=svgdemo1.png"></p> diff --git a/files/ja/web/svg/tutorial/other_content_in_svg/index.html b/files/ja/web/svg/tutorial/other_content_in_svg/index.html index 7fffed676b..50c381c8a1 100644 --- a/files/ja/web/svg/tutorial/other_content_in_svg/index.html +++ b/files/ja/web/svg/tutorial/other_content_in_svg/index.html @@ -21,7 +21,7 @@ translation_of: Web/SVG/Tutorial/Other_content_in_SVG xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"> <image x="90" y="-65" width="128" height="146" transform="rotate(45)" - xlink:href="https://developer.mozilla.org/static/img/favicon144.png"/> + xlink:href="/static/img/favicon144.png"/> </svg> </pre> diff --git a/files/ja/web/web_components/index.html b/files/ja/web/web_components/index.html index 79f4bbbe10..dac57aa0c2 100644 --- a/files/ja/web/web_components/index.html +++ b/files/ja/web/web_components/index.html @@ -31,7 +31,7 @@ translation_of: Web/Web_Components <p>Web Component を実装する基本的な流れは、以下に挙げてある通りです。</p> <ol> - <li>Web Component の機能を明示したクラスもしくは関数を作成します。クラスを使用するなら、ECMAScript 2015 のクラスの文法に従って下さい。 (詳細は<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">クラス</a>を参照して下さい。)</li> + <li>Web Component の機能を明示したクラスもしくは関数を作成します。クラスを使用するなら、ECMAScript 2015 のクラスの文法に従って下さい。 (詳細は<a href="/ja/docs/Web/JavaScript/Reference/Classes">クラス</a>を参照して下さい。)</li> <li>新しく作成したカスタム要素を登録します。{{domxref("CustomElementRegistry.define()")}} メソッドに、要素の名前、機能が明示されているクラスもしくは関数、またオプションでどの要素を継承するかを渡して下さい。</li> <li>必要なら、{{domxref("Element.attachShadow()")}} メソッドを使って、Shadow DOM をカスタム要素に紐付けます。通常の DOM メソッドを使って、子要素やイベントリスナーなどをShadow DOM に追加して下さい。</li> <li>必要なら、{{htmlelement("template")}} と {{htmlelement("slot")}} を使って、HTML テンプレートを定義します。通常の DOM メソッドを再度使って、テンプレートをクローンし、Shadow DOM に紐付けてください。</li> @@ -41,11 +41,11 @@ translation_of: Web/Web_Components <h2 id="チュートリアル">チュートリアル</h2> <dl> - <dt><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">カスタム要素を使ってみよう</a></dt> + <dt><a href="/ja/docs/Web/Web_Components/Using_custom_elements">カスタム要素を使ってみよう</a></dt> <dd>単純な Web Component を作成するために、カスタム要素の機能の使い方を紹介したガイドラインです。それ以外にも、ライフサイクルコールバックやその他の高度な機能の中を覗いていきます。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM を使ってみよう</a></dt> + <dt><a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM を使ってみよう</a></dt> <dd>Shadow DOM の基礎を眺めるガイドラインです。 Shadow DOM を要素にどう紐付けるか、Shadow DOM ツリーにどう追加するか、どうスタイルするかなどを紹介しています。</dd> - <dt><a href="https://developer.mozilla.org/ja/docs/Web/Web_Components/Using_templates_and_slots">テンプレートとスロットを使ってみよう</a></dt> + <dt><a href="/ja/docs/Web/Web_Components/Using_templates_and_slots">テンプレートとスロットを使ってみよう</a></dt> <dd>{{htmlelement("template")}} と {{htmlelement("slot")}} 要素を使って、再利用可能な HTML 構造体の定義と使用方法を紹介したガイドラインです。 </dd> </dl> @@ -58,7 +58,7 @@ translation_of: Web/Web_Components <dd>カスタム要素に関わる機能が含まれています。中でも注目すべきは、 {{domxref("CustomElementRegistry.define()")}} メソッドで、新しいカスタム要素を登録するために用います。それにより、カスタム要素をドキュメント内で使用できるようになります。</dd> <dt>{{domxref("Window.customElements")}}</dt> <dd><code>CustomElementRegistry</code> オブジェクトへの参照を返します。</dd> - <dt><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#Using_the_lifecycle_callbacks">Life cycle callbacks</a></dt> + <dt><a href="/ja/docs/Web/Web_Components/Using_custom_elements#Using_the_lifecycle_callbacks">Life cycle callbacks</a></dt> <dd>カスタム要素のクラス定義の中で定義された特別なコールバック関数で、挙動に影響を与えます。 <ul> <li><code>connectedCallback</code>: カスタム要素がドキュメントの DOM に初めて接続したときに呼び出されます。</li> @@ -85,9 +85,9 @@ translation_of: Web/Web_Components <dd>カスタム要素に関連する擬似クラス: <ul> <li>{{cssxref(":defined")}}: ビルトイン要素と <code>CustomElementRegistry.define()</code> で定義されるカスタム要素を含む、あらゆる定義済みの要素にマッチします。</li> - <li>{{cssxref(":host")}}: 使われている CSS を含む、<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。</li> - <li>{{cssxref(":host()")}}: 使われている CSS を含む、<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。 (Shadow DOM の内側からカスタム要素を選択することができます。) ただし、関数のパラメータとして渡されるセレクタがシャドーホストに一致している場合に限ります。</li> - <li>{{cssxref(":host-context()")}}: 使われている CSS を含む、<a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。 (Shadow DOM の内側からカスタム要素を選択することができます。) ただし、関数のパラメータとして渡されるセレクタが DOM 階層内のシャドーホストの先祖要素に一致している場合に限ります。</li> + <li>{{cssxref(":host")}}: 使われている CSS を含む、<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。</li> + <li>{{cssxref(":host()")}}: 使われている CSS を含む、<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。 (Shadow DOM の内側からカスタム要素を選択することができます。) ただし、関数のパラメータとして渡されるセレクタがシャドーホストに一致している場合に限ります。</li> + <li>{{cssxref(":host-context()")}}: 使われている CSS を含む、<a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> のシャドーホストを選択します。 (Shadow DOM の内側からカスタム要素を選択することができます。) ただし、関数のパラメータとして渡されるセレクタが DOM 階層内のシャドーホストの先祖要素に一致している場合に限ります。</li> </ul> </dd> </dl> @@ -129,7 +129,7 @@ translation_of: Web/Web_Components <dd>Contains an HTML fragment that is not rendered when a containing document is initially loaded, but can be displayed at runtime using JavaScript, mainly used as the basis of custom element structures. The associated DOM interface is {{domxref("HTMLTemplateElement")}}.</dd> <dt>{{htmlelement("slot")}}</dt> <dd>A placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together. The associated DOM interface is {{domxref("HTMLSlotElement")}}.</dd> - <dt>The <code><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/slot">slot</a></code> global HTML attribute</dt> + <dt>The <code><a href="/ja/docs/Web/HTML/Global_attributes/slot">slot</a></code> global HTML attribute</dt> <dd>Assigns a slot in a shadow DOM shadow tree to an element.</dd> <dt>{{domxref("Slotable")}}</dt> <dd>A mixin implemented by both {{domxref("Element")}} and {{domxref("Text")}} nodes, defining features that allow them to become the contents of an {{htmlelement("slot")}} element. The mixin defines one attribute, {{domxref("Slotable.assignedSlot")}}, which returns a reference to the slot the node is inserted in.</dd> @@ -173,22 +173,22 @@ translation_of: Web/Web_Components <tr> <td>{{SpecName("HTML WHATWG","custom-elements.html#custom-elements","custom elements")}}</td> <td>{{Spec2('HTML WHATWG')}}</td> - <td><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">HTML Custom Elements</a> の定義です。</td> + <td><a href="/ja/docs/Web/Web_Components/Using_custom_elements">HTML Custom Elements</a> の定義です。</td> </tr> <tr> <td>{{SpecName("DOM WHATWG","#shadow-trees","shadow trees")}}</td> <td>{{Spec2('DOM WHATWG')}}</td> - <td><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> の定義です。</td> + <td><a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> の定義です。</td> </tr> <tr> <td>{{SpecName("HTML Imports", "", "")}}</td> <td>{{Spec2("HTML Imports")}}</td> - <td><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/HTML_Imports">HTML Imports</a> の最初の定義です。</td> + <td><a href="/ja/docs/Web/Web_Components/HTML_Imports">HTML Imports</a> の最初の定義です。</td> </tr> <tr> <td>{{SpecName("Shadow DOM", "", "")}}</td> <td>{{Spec2("Shadow DOM")}}</td> - <td><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> の最初の定義です。</td> + <td><a href="/ja/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a> の最初の定義です。</td> </tr> </tbody> </table> diff --git a/files/ja/web/web_components/using_shadow_dom/index.html b/files/ja/web/web_components/using_shadow_dom/index.html index 3a990d1953..78d1a05317 100644 --- a/files/ja/web/web_components/using_shadow_dom/index.html +++ b/files/ja/web/web_components/using_shadow_dom/index.html @@ -13,7 +13,7 @@ translation_of: Web/Web_Components/Using_shadow_DOM <h2 id="High-level_view">High-level view</h2> -<p>この記事では <a href="/en-US/docs/Web/API/Document_Object_Model/Introduction">DOM (Document Object Model)</a> —ドキュメントにある要素やテキストを表現するノードによって構成された木構造 — に親しんでいる前提で説明します。例として以下の HTML フラグメントを考えます。 </p> +<p>この記事では <a href="/ja/docs/Web/API/Document_Object_Model/Introduction">DOM (Document Object Model)</a> —ドキュメントにある要素やテキストを表現するノードによって構成された木構造 — に親しんでいる前提で説明します。例として以下の HTML フラグメントを考えます。 </p> <pre class="brush: html"><!DOCTYPE html> <html> @@ -181,7 +181,7 @@ wrapper.appendChild(info);</pre> <h3 id="カスタム要素の使用">カスタム要素の使用</h3> -<p>クラスを定義すると、定義したようにカスタム要素を使用することができます。(<a href="/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a>)</p> +<p>クラスを定義すると、定義したようにカスタム要素を使用することができます。(<a href="/ja/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a>)</p> <pre class="brush: js">// Define the new element customElements.define('popup-info', PopUpInfo);</pre> @@ -212,7 +212,7 @@ shadow.appendChild(linkElem);</pre> <h2 id="参考">参考</h2> <ul> - <li><a href="/en-US/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a></li> - <li><a href="/en-US/docs/Web/Web_Components/Using_templates_and_slots">Using templates and slots</a></li> + <li><a href="/ja/docs/Web/Web_Components/Using_custom_elements">Using custom elements</a></li> + <li><a href="/ja/docs/Web/Web_Components/Using_templates_and_slots">Using templates and slots</a></li> </ul> </div> diff --git a/files/ja/web/web_components/using_templates_and_slots/index.html b/files/ja/web/web_components/using_templates_and_slots/index.html index 71f1ac7ca7..016ad83ce5 100644 --- a/files/ja/web/web_components/using_templates_and_slots/index.html +++ b/files/ja/web/web_components/using_templates_and_slots/index.html @@ -106,8 +106,8 @@ document.body.appendChild(templateContent);</pre> <p>これからのコードは {{htmlelement("slot")}} を {{htmlelement("template")}} と共に使用する方法の例です。以下の2点を目指す JavaScript です。</p> <ul> - <li><a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> の中で <strong><code><element-details></code></strong> 要素を <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slot</a> を用いて作ること。</li> - <li><strong><code><element-details></code></strong> 要素を、その <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> と一緒にレンダリングされるように作ること。つまり、要素の内容が <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slots</a> の中身に代入されるようになります。</li> + <li><a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> の中で <strong><code><element-details></code></strong> 要素を <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slot</a> を用いて作ること。</li> + <li><strong><code><element-details></code></strong> 要素を、その <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> と一緒にレンダリングされるように作ること。つまり、要素の内容が <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slots</a> の中身に代入されるようになります。</li> </ul> <p>{{htmlelement("slot")}} 要素は {{htmlelement("template")}} 要素なしで使用することが可能です。例えば、 {{HTMLElement("div")}} 要素の中で宣言しても Shadow DOM で使用した場合と同様にプレースホルダーとしての役割は果たします。しかし、{{HTMLElement("template")}} 要素の中で使用する方がより一般的で実用的です。</p> @@ -120,7 +120,7 @@ document.body.appendChild(templateContent);</pre> <h3 id="template_をスロットと共に作る">template をスロットと共に作る</h3> -<p>まず最初に{{htmlelement("template")}} 要素の中に {{htmlelement("slot")}} 要素を作成し、新しい "element-details-template" と名付けた<a href="/en-US/docs/Web/API/DocumentFragment">フラグメント</a>を作ります。</p> +<p>まず最初に{{htmlelement("template")}} 要素の中に {{htmlelement("slot")}} 要素を作成し、新しい "element-details-template" と名付けた<a href="/ja/docs/Web/API/DocumentFragment">フラグメント</a>を作ります。</p> <pre class="brush: html"><template id="element-details-template"> <style> @@ -160,12 +160,12 @@ document.body.appendChild(templateContent);</pre> <li><code><slot name="attributes"></code></li> </ul> </li> - <li>{{HTMLElement("template")}} の中で各 <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slot</a> は{{HTMLElement("details")}} 要素の中に実装されています。</li> + <li>{{HTMLElement("template")}} の中で各 <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slot</a> は{{HTMLElement("details")}} 要素の中に実装されています。</li> </ul> <h3 id="<template>_から_<element-details>_要素を作る"><template> から <element-details> 要素を作る</h3> -<p>次に <strong><code><element-details></code></strong> と名付けた新しいカスタム要素を作りましょう。 上で確認した簡単な例と同様に、{{DOMXref("Element.attachShadow")}} を利用してカスタム要素に <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> を追加します。</p> +<p>次に <strong><code><element-details></code></strong> と名付けた新しいカスタム要素を作りましょう。 上で確認した簡単な例と同様に、{{DOMXref("Element.attachShadow")}} を利用してカスタム要素に <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> を追加します。</p> <pre class="brush: js">customElements.define('element-details', class extends HTMLElement { @@ -208,9 +208,9 @@ document.body.appendChild(templateContent);</pre> <p>このコードについて以下の点に注意してください。</p> <ul> - <li>２つの <strong><code><element-details></code></strong> 要素が使用されており、いずれも {{htmlattrxref("slot")}} 属性を <code>"element-name"</code> および <code>"description"</code> と指定することで対応する <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。</li> - <li>1つ目の <strong><code><element-details></code></strong> 要素でのみ <code>"attributes"</code> と名付けられた <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。2個目の <code><strong><element-details</strong>></code> 要素では参照していません。</li> - <li>1つ目の <code><<strong>element-details></strong></code> 要素は {{HTMLElement("dl")}} 要素を用いて <code>"attributes"</code> と名付けられた <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。</li> + <li>２つの <strong><code><element-details></code></strong> 要素が使用されており、いずれも {{htmlattrxref("slot")}} 属性を <code>"element-name"</code> および <code>"description"</code> と指定することで対応する <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。</li> + <li>1つ目の <strong><code><element-details></code></strong> 要素でのみ <code>"attributes"</code> と名付けられた <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。2個目の <code><strong><element-details</strong>></code> 要素では参照していません。</li> + <li>1つ目の <code><<strong>element-details></strong></code> 要素は {{HTMLElement("dl")}} 要素を用いて <code>"attributes"</code> と名付けられた <a href="/ja/docs/Web/HTML/Element/slot#named-slot">slot</a> を参照しています。</li> </ul> <h3 id="スタイルを追加する">スタイルを追加する</h3> @@ -236,11 +236,11 @@ document.body.appendChild(templateContent);</pre> <p>以下のことに着目してください。</p> <ul> - <li>ドキュメント内で <strong><code><element-details></code></strong> 要素のインスタンスは {{HTMLElement("details")}} 要素を直接使用しませんが、 <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> が {{HTMLElement("details")}} を生成することでレンダリングされます。</li> - <li>レンダリングされた {{HTMLElement("details")}} の出力結果で、<strong><code><element-details></code></strong> 要素のコンテンツは <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/en-US/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を埋め込みます。言い換えれば、<strong><code><element-details></code></strong> 要素のDOMツリーは <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> のコンテンツと共に構成されます。</li> - <li>両方の <strong><code><element-details></code></strong> 要素おいて、<code>"attributes"</code> 名前付きスロットが配置される前に、 <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> から自動的に <strong>Attributes </strong>見出しは自動的に追加されます。</li> - <li>最初の <strong><code><element-details></code></strong> は <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/en-US/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を明示的に参照している {{HTMLElement("dl")}} 要素を持つため、{{HTMLElement("dl")}} のコンテンツは <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> から <code>"attributes"</code> <a href="/en-US/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を置き換えています。</li> - <li>二つ目の <strong><code><element-details></code></strong> は <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/en-US/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を明示的に参照していないため、<a href="/en-US/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>のコンテンツは <a href="/en-US/docs/Web/API/ShadowRoot">shadow root</a> のデフォルトのコンテンツが埋め込まれます。</li> + <li>ドキュメント内で <strong><code><element-details></code></strong> 要素のインスタンスは {{HTMLElement("details")}} 要素を直接使用しませんが、 <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> が {{HTMLElement("details")}} を生成することでレンダリングされます。</li> + <li>レンダリングされた {{HTMLElement("details")}} の出力結果で、<strong><code><element-details></code></strong> 要素のコンテンツは <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/ja/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を埋め込みます。言い換えれば、<strong><code><element-details></code></strong> 要素のDOMツリーは <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> のコンテンツと共に構成されます。</li> + <li>両方の <strong><code><element-details></code></strong> 要素おいて、<code>"attributes"</code> 名前付きスロットが配置される前に、 <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> から自動的に <strong>Attributes </strong>見出しは自動的に追加されます。</li> + <li>最初の <strong><code><element-details></code></strong> は <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/ja/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を明示的に参照している {{HTMLElement("dl")}} 要素を持つため、{{HTMLElement("dl")}} のコンテンツは <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> から <code>"attributes"</code> <a href="/ja/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を置き換えています。</li> + <li>二つ目の <strong><code><element-details></code></strong> は <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> から<a href="/ja/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>を明示的に参照していないため、<a href="/ja/docs/Web/HTML/Element/slot#named-slot">名前付きスロット</a>のコンテンツは <a href="/ja/docs/Web/API/ShadowRoot">shadow root</a> のデフォルトのコンテンツが埋め込まれます。</li> </ul> <div class="hidden"> diff --git a/files/ja/web/xml/index.html b/files/ja/web/xml/index.html index 5c54c27742..8116e5f39c 100644 --- a/files/ja/web/xml/index.html +++ b/files/ja/web/xml/index.html @@ -12,6 +12,6 @@ translation_of: Web/XML --- <p>{{QuickLinksWithSubpages("/en-US/docs/Web/XML")}}{{Draft}}</p> -<p class="summary">The <strong>Extensible Markup Language</strong> is a strict serialisation of the <a href="/en-US/docs/Web/API/Document_Object_Model">Document Object Model</a>.</p> +<p class="summary">The <strong>Extensible Markup Language</strong> is a strict serialisation of the <a href="/ja/docs/Web/API/Document_Object_Model">Document Object Model</a>.</p> <p>{{LandingPageListSubpages}}</p> diff --git a/files/ja/web/xpath/axes/index.html b/files/ja/web/xpath/axes/index.html index fc379d42b4..3e7315f1de 100644 --- a/files/ja/web/xpath/axes/index.html +++ b/files/ja/web/xpath/axes/index.html @@ -11,7 +11,7 @@ translation_of: Web/XPath/Axes --- <p>{{ XsltRef() }} <a href="/ja/docs/Web/XPath">XPath</a> 仕様では 13 種類の軸 (Axis) が定められています。軸はコンテキストノードとの関連性を表し、ツリー上でのノードのコンテキストノードからの相対的な位置を示すのに用いられます。</p> -<p>XPath 式の使用に関するより詳しい情報は、 <a href="/ja/docs/Web/XSLT/Transforming_XML_with_XSLT">XSLT による XML の変換</a>の記事の最後の<a href="/en-US/docs/Web/XSLT/Transforming_XML_with_XSLT#for_further_reading">さらなる読み物</a>の節を参照してください。また、<a href="https://www.w3.org/TR/xpath-30/#axes">XPath 仕様書の 'axes' の節</a>も参照してください。</p> +<p>XPath 式の使用に関するより詳しい情報は、 <a href="/ja/docs/Web/XSLT/Transforming_XML_with_XSLT">XSLT による XML の変換</a>の記事の最後の<a href="/ja/docs/Web/XSLT/Transforming_XML_with_XSLT#for_further_reading">さらなる読み物</a>の節を参照してください。また、<a href="https://www.w3.org/TR/xpath-30/#axes">XPath 仕様書の 'axes' の節</a>も参照してください。</p> <dl> <dt><a href="/ja/docs/Web/XPath/Axes/ancestor">ancestor</a></dt> diff --git a/files/ja/web/xpath/comparison_with_css_selectors/index.html b/files/ja/web/xpath/comparison_with_css_selectors/index.html index faaa5ce0b5..0c0b166a3d 100644 --- a/files/ja/web/xpath/comparison_with_css_selectors/index.html +++ b/files/ja/web/xpath/comparison_with_css_selectors/index.html @@ -23,7 +23,7 @@ translation_of: Web/XPath/Comparison_with_CSS_selectors </thead> <tbody> <tr> - <td><a href="/en-US/docs/Web/XPath/Axes/ancestor"><code>ancestor</code></a>, <a href="/en-US/docs/Web/XPath/Axes/parent"><code>parent</code></a>, <a href="/en-US/docs/Web/XPath/Axes/preceding-sibling"><code>preceding-sibling</code></a> 軸</td> + <td><a href="/ja/docs/Web/XPath/Axes/ancestor"><code>ancestor</code></a>, <a href="/ja/docs/Web/XPath/Axes/parent"><code>parent</code></a>, <a href="/ja/docs/Web/XPath/Axes/preceding-sibling"><code>preceding-sibling</code></a> 軸</td> <td>{{CSSxRef(":has",":has()")}} セレクター {{experimental_inline}}</td> </tr> <tr> diff --git a/files/ja/web/xpath/introduction_to_using_xpath_in_javascript/index.html b/files/ja/web/xpath/introduction_to_using_xpath_in_javascript/index.html index 98c859da9e..b1d275a984 100644 --- a/files/ja/web/xpath/introduction_to_using_xpath_in_javascript/index.html +++ b/files/ja/web/xpath/introduction_to_using_xpath_in_javascript/index.html @@ -34,7 +34,7 @@ original_slug: Introduction_to_using_XPath_in_JavaScript <li><code>namespaceResolver</code>: <code>xpathExpression</code> に含まれるあらゆる名前空間接頭辞を渡され、その接頭辞に対応する名前空間 URI を表す文字列を返す関数です。この関数により、 XPath 式で使われている接頭辞と文書内で使われている接頭辞が異なっていたとしてもそれを変換することが可能になります。この関数は次のいずれかです。 <ul> - <li><code><a href="http://www.xulplanet.com/references/objref/XPathEvaluator.html">XPathEvaluator</a></code> オブジェクトの <code><a href="ja/DOM/document.createNSResolver">createNSResolver</a></code> メソッドにより<a href="#implementing_a_default_namespace_resolver">作成された</a>もの。ほとんどの場合はこれを使うべきでしょう。</li> + <li><code><a href="http://www.xulplanet.com/references/objref/XPathEvaluator.html">XPathEvaluator</a></code> オブジェクトの <code><a href="/ja/DOM/document.createNSResolver">createNSResolver</a></code> メソッドにより<a href="#implementing_a_default_namespace_resolver">作成された</a>もの。ほとんどの場合はこれを使うべきでしょう。</li> <li>HTML 文書の場合や、名前空間接頭辞が使われていない場合は <code>null</code> 。<code>xpathExpression</code> に名前空間接頭辞が含まれている場合に null を使うと、 <code>DOMException</code> が<code>NAMESPACE_ERR</code> コードと共に投げられるので注意してください。</li> <li>ユーザー定義のカスタム関数。詳しくは付録の<a href="#implementing_a_user_defined_namespace_resolver">ユーザー定義名前空間リゾルバーの使用</a>の節を参照してください。</li> </ul> @@ -248,7 +248,7 @@ while (thisHeading) { </people> </pre> -<p>拡張機能内で XML 文書の内容を取得できるようにするため、<code><a href="ja/XMLHttpRequest">XMLHttpRequest</a></code> オブジェクトを作成して文書を同期的に読み込みます。変数 <code>xmlDoc</code> には文書が <code><a href="ja/XMLDocument">XMLDocument</a></code> オブジェクトとして格納されるので、それに対して <code>evaluate</code> メソッドを使う事ができます。</p> +<p>拡張機能内で XML 文書の内容を取得できるようにするため、<code><a href="/ja/XMLHttpRequest">XMLHttpRequest</a></code> オブジェクトを作成して文書を同期的に読み込みます。変数 <code>xmlDoc</code> には文書が <code><a href="/ja/XMLDocument">XMLDocument</a></code> オブジェクトとして格納されるので、それに対して <code>evaluate</code> メソッドを使う事ができます。</p> <p>拡張機能の xul/js 文書で使用する JavaScript は以下の通りです。</p> diff --git a/files/ja/web/xslt/element/element/index.html b/files/ja/web/xslt/element/element/index.html index 4963fcf4c4..79b36498b4 100644 --- a/files/ja/web/xslt/element/element/index.html +++ b/files/ja/web/xslt/element/element/index.html @@ -30,7 +30,7 @@ translation_of: Web/XSLT/Element/element <dt><code>namespace</code></dt> <dd>出力要素の名前空間を指定します。</dd> <dt><code>use-attribute-sets</code></dt> - <dd><code>element</code> 要素の出力要素に適用される <a href="https://developer.mozilla.org/en-US/docs/Web/XSLT/attribute-set"><code>attribute-set</code> 要素</a>名のスペース区切りのリスト。適用された属性は、ネストされた属性要素によってオーバーライドできます。</dd> + <dd><code>element</code> 要素の出力要素に適用される <a href="/ja/docs/Web/XSLT/attribute-set"><code>attribute-set</code> 要素</a>名のスペース区切りのリスト。適用された属性は、ネストされた属性要素によってオーバーライドできます。</dd> </dl> <h3 id="Type" name="Type">タイプ</h3> diff --git a/files/ja/web/xslt/element/number/index.html b/files/ja/web/xslt/element/number/index.html index aaba95f2a2..1e33a8af19 100644 --- a/files/ja/web/xslt/element/number/index.html +++ b/files/ja/web/xslt/element/number/index.html @@ -45,7 +45,7 @@ translation_of: Web/XSLT/Element/number <dd> <dl> <dt><code>single</code></dt> - <dd>リスト内の項目のように、ノードを兄弟順に番号付けします。プロセッサは count 属性に一致する <a href="https://developer.mozilla.org/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/ancestor-or-self"><code>ancestor-or-self</code></a> 軸の最初のノードに移動し、そのノードとそれに先行するcount属性にも一致するすべての兄弟 (それが存在する場合は <code>from</code> 属性に一致すると停止する) をカウントします。一致するものが見つからない場合、シーケンスは空のリストになります。</dd> + <dd>リスト内の項目のように、ノードを兄弟順に番号付けします。プロセッサは count 属性に一致する <a href="/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/ancestor-or-self"><code>ancestor-or-self</code></a> 軸の最初のノードに移動し、そのノードとそれに先行するcount属性にも一致するすべての兄弟 (それが存在する場合は <code>from</code> 属性に一致すると停止する) をカウントします。一致するものが見つからない場合、シーケンスは空のリストになります。</dd> </dl> </dd> </dl> @@ -63,7 +63,7 @@ translation_of: Web/XSLT/Element/number <dd> <dl> <dt><code>any</code> (現時点ではサポートされていません)</dt> - <dd>レベルに関係なく、すべての一致するノードに順番に番号を付けます。 <a href="https://developer.mozilla.org/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/ancestor"><code>ancestor</code></a>、 <a href="https://developer.mozilla.org/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/self"><code>self</code></a>、および <a href="https://developer.mozilla.org/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/preceding"><code>preceding</code></a> 軸すべてが考慮されます。プロセッサは現在のノードから開始し、逆の文書順に進み、<code>from</code> 属性に一致する場合は停止します。 count属性に一致するものが見つからない場合、シーケンスは空のリストになります。このレベルは現時点ではサポートされていません。</dd> + <dd>レベルに関係なく、すべての一致するノードに順番に番号を付けます。 <a href="/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/ancestor"><code>ancestor</code></a>、 <a href="/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/self"><code>self</code></a>、および <a href="/ja/docs/XSLT/Elements/en/Transforming_XML_with_XSLT/Mozilla_XSLT%2f%2fXPath_Reference/Axes/preceding"><code>preceding</code></a> 軸すべてが考慮されます。プロセッサは現在のノードから開始し、逆の文書順に進み、<code>from</code> 属性に一致する場合は停止します。 count属性に一致するものが見つからない場合、シーケンスは空のリストになります。このレベルは現時点ではサポートされていません。</dd> </dl> </dd> </dl> diff --git a/files/ja/web/xslt/transforming_xml_with_xslt/for_further_reading/index.html b/files/ja/web/xslt/transforming_xml_with_xslt/for_further_reading/index.html index 87ecf2e669..ad01c7e38e 100644 --- a/files/ja/web/xslt/transforming_xml_with_xslt/for_further_reading/index.html +++ b/files/ja/web/xslt/transforming_xml_with_xslt/for_further_reading/index.html @@ -9,7 +9,7 @@ tags: - XSLT translation_of: Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading --- -<p><a href="/en-US/docs/Transforming_XML_with_XSLT">« Transforming XML with XSLT</a></p> +<p><a href="/ja/docs/Transforming_XML_with_XSLT">« Transforming XML with XSLT</a></p> <h2 id="Print" name="Print">印刷物</h2> diff --git a/files/ja/web/xslt/transforming_xml_with_xslt/the_netscape_xslt_xpath_reference/index.html b/files/ja/web/xslt/transforming_xml_with_xslt/the_netscape_xslt_xpath_reference/index.html index 759309026a..698ff02950 100644 --- a/files/ja/web/xslt/transforming_xml_with_xslt/the_netscape_xslt_xpath_reference/index.html +++ b/files/ja/web/xslt/transforming_xml_with_xslt/the_netscape_xslt_xpath_reference/index.html @@ -10,320 +10,320 @@ translation_of: Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Refe --- <p>次のリストは W3C の XSLT 1.0 勧告と、XPath 勧告に適したセクションの要素、axes、関数にアルファベット順に注釈をつけたものです。XSLT プロセッサの開発は進行中です。また、機能の拡張と共にこのドキュメントも更新されます。</p> -<h3 id=".E8.A6.81.E7.B4.A0" name=".E8.A6.81.E7.B4.A0"><a href="ja/XSLT/Elements">要素</a></h3> +<h3 id=".E8.A6.81.E7.B4.A0" name=".E8.A6.81.E7.B4.A0"><a href="/ja/XSLT/Elements">要素</a></h3> -<h4 id="xsl:apply-imports" name="xsl:apply-imports"><a href="ja/XSLT/apply-imports">xsl:apply-imports</a></h4> +<h4 id="xsl:apply-imports" name="xsl:apply-imports"><a href="/ja/XSLT/apply-imports">xsl:apply-imports</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:apply-templates" name="xsl:apply-templates"><a href="ja/XSLT/apply-templates">xsl:apply-templates</a></h4> +<h4 id="xsl:apply-templates" name="xsl:apply-templates"><a href="/ja/XSLT/apply-templates">xsl:apply-templates</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:attribute" name="xsl:attribute"><a href="ja/XSLT/attribute">xsl:attribute</a></h4> +<h4 id="xsl:attribute" name="xsl:attribute"><a href="/ja/XSLT/attribute">xsl:attribute</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:attribute-set" name="xsl:attribute-set"><a href="ja/XSLT/attribute-set">xsl:attribute-set</a></h4> +<h4 id="xsl:attribute-set" name="xsl:attribute-set"><a href="/ja/XSLT/attribute-set">xsl:attribute-set</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:call-template" name="xsl:call-template"><a href="ja/XSLT/call-template">xsl:call-template</a></h4> +<h4 id="xsl:call-template" name="xsl:call-template"><a href="/ja/XSLT/call-template">xsl:call-template</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:choose" name="xsl:choose"><a href="ja/XSLT/choose">xsl:choose</a></h4> +<h4 id="xsl:choose" name="xsl:choose"><a href="/ja/XSLT/choose">xsl:choose</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:comment" name="xsl:comment"><a href="ja/XSLT/comment">xsl:comment</a></h4> +<h4 id="xsl:comment" name="xsl:comment"><a href="/ja/XSLT/comment">xsl:comment</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:copy" name="xsl:copy"><a href="ja/XSLT/copy">xsl:copy</a></h4> +<h4 id="xsl:copy" name="xsl:copy"><a href="/ja/XSLT/copy">xsl:copy</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:copy-of" name="xsl:copy-of"><a href="ja/XSLT/copy-of">xsl:copy-of</a></h4> +<h4 id="xsl:copy-of" name="xsl:copy-of"><a href="/ja/XSLT/copy-of">xsl:copy-of</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:decimal-format" name="xsl:decimal-format"><a href="ja/XSLT/decimal-format">xsl:decimal-format</a></h4> +<h4 id="xsl:decimal-format" name="xsl:decimal-format"><a href="/ja/XSLT/decimal-format">xsl:decimal-format</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:element" name="xsl:element"><a href="ja/XSLT/element">xsl:element</a></h4> +<h4 id="xsl:element" name="xsl:element"><a href="/ja/XSLT/element">xsl:element</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:fallback" name="xsl:fallback"><a href="ja/XSLT/fallback">xsl:fallback</a></h4> +<h4 id="xsl:fallback" name="xsl:fallback"><a href="/ja/XSLT/fallback">xsl:fallback</a></h4> <p><em>(非対応)</em></p> -<h4 id="xsl:for-each" name="xsl:for-each"><a href="ja/XSLT/for-each">xsl:for-each</a></h4> +<h4 id="xsl:for-each" name="xsl:for-each"><a href="/ja/XSLT/for-each">xsl:for-each</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:if" name="xsl:if"><a href="ja/XSLT/if">xsl:if</a></h4> +<h4 id="xsl:if" name="xsl:if"><a href="/ja/XSLT/if">xsl:if</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:import" name="xsl:import"><a href="ja/XSLT/import">xsl:import</a></h4> +<h4 id="xsl:import" name="xsl:import"><a href="/ja/XSLT/import">xsl:import</a></h4> <p><em>(ほとんど対応)</em></p> -<h4 id="xsl:include" name="xsl:include"><a href="ja/XSLT/include">xsl:include</a></h4> +<h4 id="xsl:include" name="xsl:include"><a href="/ja/XSLT/include">xsl:include</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:key" name="xsl:key"><a href="ja/XSLT/key">xsl:key</a></h4> +<h4 id="xsl:key" name="xsl:key"><a href="/ja/XSLT/key">xsl:key</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:message" name="xsl:message"><a href="ja/XSLT/message">xsl:message</a></h4> +<h4 id="xsl:message" name="xsl:message"><a href="/ja/XSLT/message">xsl:message</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:namespace-alias" name="xsl:namespace-alias"><a href="ja/XSLT/namespace-alias">xsl:namespace-alias</a></h4> +<h4 id="xsl:namespace-alias" name="xsl:namespace-alias"><a href="/ja/XSLT/namespace-alias">xsl:namespace-alias</a></h4> <p><em>(非対応)</em></p> -<h4 id="xsl:number" name="xsl:number"><a href="ja/XSLT/number">xsl:number</a></h4> +<h4 id="xsl:number" name="xsl:number"><a href="/ja/XSLT/number">xsl:number</a></h4> <p><em>(一部対応)</em></p> -<h4 id="xsl:otherwise" name="xsl:otherwise"><a href="ja/XSLT/otherwise">xsl:otherwise</a></h4> +<h4 id="xsl:otherwise" name="xsl:otherwise"><a href="/ja/XSLT/otherwise">xsl:otherwise</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:output" name="xsl:output"><a href="ja/XSLT/output">xsl:output</a></h4> +<h4 id="xsl:output" name="xsl:output"><a href="/ja/XSLT/output">xsl:output</a></h4> <p><em>(一部対応)</em></p> -<h4 id="xsl:param" name="xsl:param"><a href="ja/XSLT/param">xsl:param</a></h4> +<h4 id="xsl:param" name="xsl:param"><a href="/ja/XSLT/param">xsl:param</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:preserve-space" name="xsl:preserve-space"><a href="ja/XSLT/preserve-space">xsl:preserve-space</a></h4> +<h4 id="xsl:preserve-space" name="xsl:preserve-space"><a href="/ja/XSLT/preserve-space">xsl:preserve-space</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:processing-instruction" name="xsl:processing-instruction"><a href="ja/XSLT/processing-instruction">xsl:processing-instruction</a></h4> +<h4 id="xsl:processing-instruction" name="xsl:processing-instruction"><a href="/ja/XSLT/processing-instruction">xsl:processing-instruction</a></h4> -<h4 id="xsl:sort" name="xsl:sort"><a href="ja/XSLT/sort">xsl:sort</a></h4> +<h4 id="xsl:sort" name="xsl:sort"><a href="/ja/XSLT/sort">xsl:sort</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:strip-space" name="xsl:strip-space"><a href="ja/XSLT/strip-space">xsl:strip-space</a></h4> +<h4 id="xsl:strip-space" name="xsl:strip-space"><a href="/ja/XSLT/strip-space">xsl:strip-space</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:stylesheet" name="xsl:stylesheet"><a href="ja/XSLT/stylesheet">xsl:stylesheet</a></h4> +<h4 id="xsl:stylesheet" name="xsl:stylesheet"><a href="/ja/XSLT/stylesheet">xsl:stylesheet</a></h4> <p><em>(一部対応)</em></p> -<h4 id="xsl:template" name="xsl:template"><a href="ja/XSLT/template">xsl:template</a></h4> +<h4 id="xsl:template" name="xsl:template"><a href="/ja/XSLT/template">xsl:template</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:text" name="xsl:text"><a href="ja/XSLT/text">xsl:text</a></h4> +<h4 id="xsl:text" name="xsl:text"><a href="/ja/XSLT/text">xsl:text</a></h4> <p><em>(一部対応)</em></p> -<h4 id="xsl:transform" name="xsl:transform"><a href="ja/XSLT/transform">xsl:transform</a></h4> +<h4 id="xsl:transform" name="xsl:transform"><a href="/ja/XSLT/transform">xsl:transform</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:value-of" name="xsl:value-of"><a href="ja/XSLT/value-of">xsl:value-of</a></h4> +<h4 id="xsl:value-of" name="xsl:value-of"><a href="/ja/XSLT/value-of">xsl:value-of</a></h4> <p><em>(一部対応)</em></p> -<h4 id="xsl:variable" name="xsl:variable"><a href="ja/XSLT/variable">xsl:variable</a></h4> +<h4 id="xsl:variable" name="xsl:variable"><a href="/ja/XSLT/variable">xsl:variable</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:when" name="xsl:when"><a href="ja/XSLT/when">xsl:when</a></h4> +<h4 id="xsl:when" name="xsl:when"><a href="/ja/XSLT/when">xsl:when</a></h4> <p><em>(対応済)</em></p> -<h4 id="xsl:with-param" name="xsl:with-param"><a href="ja/XSLT/with-param">xsl:with-param</a></h4> +<h4 id="xsl:with-param" name="xsl:with-param"><a href="/ja/XSLT/with-param">xsl:with-param</a></h4> <p><em>(対応済)</em></p> -<h3 id="Axes" name="Axes"><a href="ja/XPath/Axes">Axes</a></h3> +<h3 id="Axes" name="Axes"><a href="/ja/XPath/Axes">Axes</a></h3> -<h4 id="ancestor" name="ancestor"><a href="ja/XPath/Axes/ancestor">ancestor</a></h4> +<h4 id="ancestor" name="ancestor"><a href="/ja/XPath/Axes/ancestor">ancestor</a></h4> -<h4 id="ancestor-or-self" name="ancestor-or-self"><a href="ja/XPath/Axes/ancestor-or-self">ancestor-or-self</a></h4> +<h4 id="ancestor-or-self" name="ancestor-or-self"><a href="/ja/XPath/Axes/ancestor-or-self">ancestor-or-self</a></h4> -<h4 id="attribute" name="attribute"><a href="ja/XPath/Axes/attribute">attribute</a></h4> +<h4 id="attribute" name="attribute"><a href="/ja/XPath/Axes/attribute">attribute</a></h4> -<h4 id="child" name="child"><a href="ja/XPath/Axes/child">child</a></h4> +<h4 id="child" name="child"><a href="/ja/XPath/Axes/child">child</a></h4> -<h4 id="descendant" name="descendant"><a href="ja/XPath/Axes/descendant">descendant</a></h4> +<h4 id="descendant" name="descendant"><a href="/ja/XPath/Axes/descendant">descendant</a></h4> -<h4 id="descendant-or-self" name="descendant-or-self"><a href="ja/XPath/Axes/descendant-or-self">descendant-or-self</a></h4> +<h4 id="descendant-or-self" name="descendant-or-self"><a href="/ja/XPath/Axes/descendant-or-self">descendant-or-self</a></h4> -<h4 id="following" name="following"><a href="ja/XPath/Axes/following">following</a></h4> +<h4 id="following" name="following"><a href="/ja/XPath/Axes/following">following</a></h4> -<h4 id="following-sibling" name="following-sibling"><a href="ja/XPath/Axes/following-sibling">following-sibling</a></h4> +<h4 id="following-sibling" name="following-sibling"><a href="/ja/XPath/Axes/following-sibling">following-sibling</a></h4> -<h4 id="namespace" name="namespace"><a href="ja/XPath/Axes/namespace">namespace</a></h4> +<h4 id="namespace" name="namespace"><a href="/ja/XPath/Axes/namespace">namespace</a></h4> <dl> <dd><em>(非対応)</em></dd> </dl> -<h4 id="parent" name="parent"><a href="ja/XPath/Axes/parent">parent</a></h4> +<h4 id="parent" name="parent"><a href="/ja/XPath/Axes/parent">parent</a></h4> -<h4 id="preceding" name="preceding"><a href="ja/XPath/Axes/preceding">preceding</a></h4> +<h4 id="preceding" name="preceding"><a href="/ja/XPath/Axes/preceding">preceding</a></h4> -<h4 id="preceding-sibling" name="preceding-sibling"><a href="ja/XPath/Axes/preceding-sibling">preceding-sibling</a></h4> +<h4 id="preceding-sibling" name="preceding-sibling"><a href="/ja/XPath/Axes/preceding-sibling">preceding-sibling</a></h4> -<h4 id="self" name="self"><a href="ja/XPath/Axes/self">self</a></h4> +<h4 id="self" name="self"><a href="/ja/XPath/Axes/self">self</a></h4> -<h3 id=".E9.96.A2.E6.95.B0" name=".E9.96.A2.E6.95.B0"><a href="ja/XPath/Functions">関数</a></h3> +<h3 id=".E9.96.A2.E6.95.B0" name=".E9.96.A2.E6.95.B0"><a href="/ja/XPath/Functions">関数</a></h3> -<h4 id="boolean.28.29" name="boolean.28.29"><a href="ja/XPath/Functions/boolean">boolean()</a></h4> +<h4 id="boolean.28.29" name="boolean.28.29"><a href="/ja/XPath/Functions/boolean">boolean()</a></h4> <p><em>(対応済)</em></p> -<h4 id="ceiling.28.29" name="ceiling.28.29"><a href="ja/XPath/Functions/ceiling">ceiling()</a></h4> +<h4 id="ceiling.28.29" name="ceiling.28.29"><a href="/ja/XPath/Functions/ceiling">ceiling()</a></h4> <p><em>(対応済)</em></p> -<h4 id="concat.28.29" name="concat.28.29"><a href="ja/XPath/Functions/concat">concat()</a></h4> +<h4 id="concat.28.29" name="concat.28.29"><a href="/ja/XPath/Functions/concat">concat()</a></h4> <p><em>(対応済)</em></p> -<h4 id="contains.28.29" name="contains.28.29"><a href="ja/XPath/Functions/contains">contains()</a></h4> +<h4 id="contains.28.29" name="contains.28.29"><a href="/ja/XPath/Functions/contains">contains()</a></h4> <p><em>(対応済)</em></p> -<h4 id="count.28.29" name="count.28.29"><a href="ja/XPath/Functions/count">count()</a></h4> +<h4 id="count.28.29" name="count.28.29"><a href="/ja/XPath/Functions/count">count()</a></h4> <p><em>(対応済)</em></p> -<h4 id="current.28.29" name="current.28.29"><a href="ja/XPath/Functions/current">current()</a></h4> +<h4 id="current.28.29" name="current.28.29"><a href="/ja/XPath/Functions/current">current()</a></h4> <p><em>(対応済)</em></p> -<h4 id="document.28.29" name="document.28.29"><a href="ja/XPath/Functions/document">document()</a></h4> +<h4 id="document.28.29" name="document.28.29"><a href="/ja/XPath/Functions/document">document()</a></h4> <p><em>(対応済)</em></p> -<h4 id="element-available.28.29" name="element-available.28.29"><a href="ja/XPath/Functions/element-available">element-available()</a></h4> +<h4 id="element-available.28.29" name="element-available.28.29"><a href="/ja/XPath/Functions/element-available">element-available()</a></h4> <p><em>(対応済)</em></p> -<h4 id="false.28.29" name="false.28.29"><a href="ja/XPath/Functions/false">false()</a></h4> +<h4 id="false.28.29" name="false.28.29"><a href="/ja/XPath/Functions/false">false()</a></h4> <p><em>(対応済)</em></p> -<h4 id="floor.28.29" name="floor.28.29"><a href="ja/XPath/Functions/floor">floor()</a></h4> +<h4 id="floor.28.29" name="floor.28.29"><a href="/ja/XPath/Functions/floor">floor()</a></h4> <p><em>(対応済)</em></p> -<h4 id="format-number.28.29" name="format-number.28.29"><a href="ja/XPath/Functions/format-number">format-number()</a></h4> +<h4 id="format-number.28.29" name="format-number.28.29"><a href="/ja/XPath/Functions/format-number">format-number()</a></h4> <p><em>(対応済)</em></p> -<h4 id="function-available.28.29" name="function-available.28.29"><a href="ja/XPath/Functions/function-available">function-available()</a></h4> +<h4 id="function-available.28.29" name="function-available.28.29"><a href="/ja/XPath/Functions/function-available">function-available()</a></h4> <p><em>(対応済)</em></p> -<h4 id="generate-id.28.29" name="generate-id.28.29"><a href="ja/XPath/Functions/generate-id">generate-id()</a></h4> +<h4 id="generate-id.28.29" name="generate-id.28.29"><a href="/ja/XPath/Functions/generate-id">generate-id()</a></h4> <p><em>(対応済)</em></p> -<h4 id="id.28.29" name="id.28.29"><a href="ja/XPath/Functions/id">id()</a></h4> +<h4 id="id.28.29" name="id.28.29"><a href="/ja/XPath/Functions/id">id()</a></h4> <p><em>(一部対応)</em></p> -<h4 id="key.28.29" name="key.28.29"><a href="ja/XPath/Functions/key">key()</a></h4> +<h4 id="key.28.29" name="key.28.29"><a href="/ja/XPath/Functions/key">key()</a></h4> <p><em>(対応済)</em></p> -<h4 id="lang.28.29" name="lang.28.29"><a href="ja/XPath/Functions/lang">lang()</a></h4> +<h4 id="lang.28.29" name="lang.28.29"><a href="/ja/XPath/Functions/lang">lang()</a></h4> <p><em>(対応済)</em></p> -<h4 id="last.28.29" name="last.28.29"><a href="ja/XPath/Functions/last">last()</a></h4> +<h4 id="last.28.29" name="last.28.29"><a href="/ja/XPath/Functions/last">last()</a></h4> <p><em>(対応済)</em></p> -<h4 id="local-name.28.29" name="local-name.28.29"><a href="ja/XPath/Functions/local-name">local-name()</a></h4> +<h4 id="local-name.28.29" name="local-name.28.29"><a href="/ja/XPath/Functions/local-name">local-name()</a></h4> <p><em>(対応済)</em></p> -<h4 id="name.28.29" name="name.28.29"><a href="ja/XPath/Functions/name">name()</a></h4> +<h4 id="name.28.29" name="name.28.29"><a href="/ja/XPath/Functions/name">name()</a></h4> <p><em>(対応済)</em></p> -<h4 id="namespace-uri.28.29" name="namespace-uri.28.29"><a href="ja/XPath/Functions/namespace-uri">namespace-uri()</a></h4> +<h4 id="namespace-uri.28.29" name="namespace-uri.28.29"><a href="/ja/XPath/Functions/namespace-uri">namespace-uri()</a></h4> <p><em>(対応済)</em></p> -<h4 id="normalize-space.28.29" name="normalize-space.28.29"><a href="ja/XPath/Functions/normalize-space">normalize-space()</a></h4> +<h4 id="normalize-space.28.29" name="normalize-space.28.29"><a href="/ja/XPath/Functions/normalize-space">normalize-space()</a></h4> <p><em>(対応済)</em></p> -<h4 id="not.28.29" name="not.28.29"><a href="ja/XPath/Functions/not">not()</a></h4> +<h4 id="not.28.29" name="not.28.29"><a href="/ja/XPath/Functions/not">not()</a></h4> <p><em>(対応済)</em></p> -<h4 id="number.28.29" name="number.28.29"><a href="ja/XPath/Functions/number">number()</a></h4> +<h4 id="number.28.29" name="number.28.29"><a href="/ja/XPath/Functions/number">number()</a></h4> <p><em>(対応済)</em></p> -<h4 id="position.28.29" name="position.28.29"><a href="ja/XPath/Functions/position">position()</a></h4> +<h4 id="position.28.29" name="position.28.29"><a href="/ja/XPath/Functions/position">position()</a></h4> <p><em>(対応済)</em></p> -<h4 id="round.28.29" name="round.28.29"><a href="ja/XPath/Functions/round">round()</a></h4> +<h4 id="round.28.29" name="round.28.29"><a href="/ja/XPath/Functions/round">round()</a></h4> <p><em>(対応済)</em></p> -<h4 id="starts-with.28.29" name="starts-with.28.29"><a href="ja/XPath/Functions/starts-with">starts-with()</a></h4> +<h4 id="starts-with.28.29" name="starts-with.28.29"><a href="/ja/XPath/Functions/starts-with">starts-with()</a></h4> <p><em>(対応済)</em></p> -<h4 id="string.28.29" name="string.28.29"><a href="ja/XPath/Functions/string">string()</a></h4> +<h4 id="string.28.29" name="string.28.29"><a href="/ja/XPath/Functions/string">string()</a></h4> <p><em>(対応済)</em></p> -<h4 id="string-length.28.29" name="string-length.28.29"><a href="ja/XPath/Functions/string-length">string-length()</a></h4> +<h4 id="string-length.28.29" name="string-length.28.29"><a href="/ja/XPath/Functions/string-length">string-length()</a></h4> <p><em>(対応済)</em></p> -<h4 id="substring.28.29" name="substring.28.29"><a href="ja/XPath/Functions/substring">substring()</a></h4> +<h4 id="substring.28.29" name="substring.28.29"><a href="/ja/XPath/Functions/substring">substring()</a></h4> <p><em>(対応済)</em></p> -<h4 id="substring-after.28.29" name="substring-after.28.29"><a href="ja/XPath/Functions/substring-after">substring-after()</a></h4> +<h4 id="substring-after.28.29" name="substring-after.28.29"><a href="/ja/XPath/Functions/substring-after">substring-after()</a></h4> <p><em>(対応済)</em></p> -<h4 id="substring-before.28.29" name="substring-before.28.29"><a href="ja/XPath/Functions/substring-before">substring-before()</a></h4> +<h4 id="substring-before.28.29" name="substring-before.28.29"><a href="/ja/XPath/Functions/substring-before">substring-before()</a></h4> <p><em>(対応済)</em></p> -<h4 id="sum.28.29" name="sum.28.29"><a href="ja/XPath/Functions/sum">sum()</a></h4> +<h4 id="sum.28.29" name="sum.28.29"><a href="/ja/XPath/Functions/sum">sum()</a></h4> <p><em>(対応済)</em></p> -<h4 id="system-property.28.29" name="system-property.28.29"><a href="ja/XPath/Functions/system-property">system-property()</a></h4> +<h4 id="system-property.28.29" name="system-property.28.29"><a href="/ja/XPath/Functions/system-property">system-property()</a></h4> <p><em>(対応済)</em></p> -<h4 id="translate.28.29" name="translate.28.29"><a href="ja/XPath/Functions/translate">translate()</a></h4> +<h4 id="translate.28.29" name="translate.28.29"><a href="/ja/XPath/Functions/translate">translate()</a></h4> <p><em>(対応済)</em></p> -<h4 id="true.28.29" name="true.28.29"><a href="ja/XPath/Functions/true">true()</a></h4> +<h4 id="true.28.29" name="true.28.29"><a href="/ja/XPath/Functions/true">true()</a></h4> <p><em>(対応済)</em></p> -<h4 id="unparsed-entity-url.28.29" name="unparsed-entity-url.28.29"><a href="ja/XPath/Functions/unparsed-entity-url">unparsed-entity-url()</a></h4> +<h4 id="unparsed-entity-url.28.29" name="unparsed-entity-url.28.29"><a href="/ja/XPath/Functions/unparsed-entity-url">unparsed-entity-url()</a></h4> <p><em>(非対応)</em></p> diff --git a/files/ja/web/xslt/using_the_mozilla_javascript_interface_to_xsl_transformations/index.html b/files/ja/web/xslt/using_the_mozilla_javascript_interface_to_xsl_transformations/index.html index f707cb4701..3d570a566e 100644 --- a/files/ja/web/xslt/using_the_mozilla_javascript_interface_to_xsl_transformations/index.html +++ b/files/ja/web/xslt/using_the_mozilla_javascript_interface_to_xsl_transformations/index.html @@ -107,7 +107,7 @@ function onload() { <ul> <li><a href="/ja/docs/The_XSLT_JavaScript_Interface_in_Gecko" title="The_XSLT//JavaScript_Interface_in_Gecko">Gecko の XSLT/JavaScript インターフェース</a></li> - <li>XML文書の読み込みに関する<a href="https://developer.mozilla.org/en/DOM/document.load" title="en/DOM/document.load">document.load()</a> (上で使用したもの)</li> + <li>XML文書の読み込みに関する<a href="/ja/DOM/document.load" title="en/DOM/document.load">document.load()</a> (上で使用したもの)</li> </ul> <div class="originaldocinfo"> diff --git a/files/ja/webassembly/c_to_wasm/index.html b/files/ja/webassembly/c_to_wasm/index.html index a312484e2f..eb8d5bdf61 100644 --- a/files/ja/webassembly/c_to_wasm/index.html +++ b/files/ja/webassembly/c_to_wasm/index.html @@ -5,7 +5,7 @@ translation_of: WebAssembly/C_to_wasm --- <div>{{WebAssemblySidebar}}</div> -<p class="summary">C / C ++のような言語でコードを書いたら、<a href="/en-US/docs/Mozilla/Projects/Emscripten">Emscripten</a> のようなツールを使って WebAssembly にコンパイルすることができます。 どのように動作するかを見てみましょう。</p> +<p class="summary">C / C ++のような言語でコードを書いたら、<a href="/ja/docs/Mozilla/Projects/Emscripten">Emscripten</a> のようなツールを使って WebAssembly にコンパイルすることができます。 どのように動作するかを見てみましょう。</p> <h2 id="Emscripten_の環境設定">Emscripten の環境設定</h2> diff --git a/files/ja/webassembly/concepts/index.html b/files/ja/webassembly/concepts/index.html index 279b780017..106c86f762 100644 --- a/files/ja/webassembly/concepts/index.html +++ b/files/ja/webassembly/concepts/index.html @@ -128,7 +128,7 @@ translation_of: WebAssembly/Concepts <p>生成された HTML 文章は JavaScript グルーコードのファイルを読み込んで {{htmlelement("textarea")}} に標準出力を書き出します。もしアプリケーションが OpenGL を利用している場合、その HTML はまた出力先となる {{htmlelement("canvas")}} 要素を含みます。Emscripten の出力結果を修正して必要とするウェブアプリに変換するのは非常に簡単です。</p> -<p>Emscripten に関する完全なドキュメントは <a href="https://emscripten.org">emscripten.org</a> で参照でき、このツールチェインの組み込みと自身の C/C++ アプリを wasm へとコンパイルするガイドとしては <a href="https://developer.mozilla.org/ja/docs/WebAssembly/C_to_wasm">C/C++ を WebAssembly にコンパイルする</a> が参考になります。</p> +<p>Emscripten に関する完全なドキュメントは <a href="https://emscripten.org">emscripten.org</a> で参照でき、このツールチェインの組み込みと自身の C/C++ アプリを wasm へとコンパイルするガイドとしては <a href="/ja/docs/WebAssembly/C_to_wasm">C/C++ を WebAssembly にコンパイルする</a> が参考になります。</p> <h3 id="Writing_WebAssembly_directly" name="Writing_WebAssembly_directly">直接 WebAssembly を記述する</h3> diff --git a/files/ja/webassembly/loading_and_running/index.html b/files/ja/webassembly/loading_and_running/index.html index 9839824f2b..9903ec8926 100644 --- a/files/ja/webassembly/loading_and_running/index.html +++ b/files/ja/webassembly/loading_and_running/index.html @@ -54,7 +54,7 @@ translation_of: WebAssembly/Loading_and_running }</pre> <div class="note"> -<p><strong>注</strong>: 通常はインスタンスのみを気にしますが、キャッシュする場合や、<code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MessagePort/postMessage">postMessage()</a></code> を使用して別のワーカーやウィンドウと共有する場合や、インスタンスをさらに作成したい場合に備えて、モジュールを用意すると便利です。</p> +<p><strong>注</strong>: 通常はインスタンスのみを気にしますが、キャッシュする場合や、<code><a href="/ja/docs/Web/API/MessagePort/postMessage">postMessage()</a></code> を使用して別のワーカーやウィンドウと共有する場合や、インスタンスをさらに作成したい場合に備えて、モジュールを用意すると便利です。</p> </div> <div class="note"> @@ -79,7 +79,7 @@ translation_of: WebAssembly/Loading_and_running })</pre> <div class="note"> -<p><strong>注</strong>: WebAssembly モジュールからのエクスポートの仕組みの詳細については <a href="https://developer.mozilla.org/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript APIを使用する</a> と <a href="https://developer.mozilla.org/ja/docs/WebAssembly/Understanding_the_text_format">WebAssemblyテキストフォーマットを理解する</a> を参照してください。</p> +<p><strong>注</strong>: WebAssembly モジュールからのエクスポートの仕組みの詳細については <a href="/ja/docs/WebAssembly/Using_the_JavaScript_API">WebAssembly JavaScript APIを使用する</a> と <a href="/ja/docs/WebAssembly/Understanding_the_text_format">WebAssemblyテキストフォーマットを理解する</a> を参照してください。</p> </div> <h2 id="Using_XMLHttpRequest">XMLHttpRequest を使用する</h2> diff --git a/files/ja/webassembly/understanding_the_text_format/index.html b/files/ja/webassembly/understanding_the_text_format/index.html index a83895909e..ea6a24cf7b 100644 --- a/files/ja/webassembly/understanding_the_text_format/index.html +++ b/files/ja/webassembly/understanding_the_text_format/index.html @@ -452,7 +452,7 @@ WebAssembly.instantiateStreaming(fetch('logger2.wasm'), importObject) </div> <div class="blockIndicator note"> -<p><strong>注:</strong> Memory と同じように Table も JavaScript から作成すること (<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table">WebAssembly.Table()</a></code> を参照) 、別の wasm モジュール間でインポートすることができます。</p> +<p><strong>注:</strong> Memory と同じように Table も JavaScript から作成すること (<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table">WebAssembly.Table()</a></code> を参照) 、別の wasm モジュール間でインポートすることができます。</p> </div> <h3 id="Mutating_tables_and_dynamic_linking" name="Mutating_tables_and_dynamic_linking">テーブルの変更と動的リンク</h3> diff --git a/files/ja/webassembly/using_the_javascript_api/index.html b/files/ja/webassembly/using_the_javascript_api/index.html index a8e956984f..ea6221a243 100644 --- a/files/ja/webassembly/using_the_javascript_api/index.html +++ b/files/ja/webassembly/using_the_javascript_api/index.html @@ -5,10 +5,10 @@ translation_of: WebAssembly/Using_the_JavaScript_API --- <div>{{WebAssemblySidebar}}</div> -<p class="summary">これまでに <a href="/en-US/docs/WebAssembly/C_to_wasm">Emscriptenのようなツールを使用して他の言語からモジュールをコンパイルしたり</a>、<a href="/en-US/docs/WebAssembly/Loading_and_running">あなた自身のコードをロードして実行しました</a>。次のステップは他のWebAssembly JavaScript APIの使い方について学ぶことです。この記事ではあなたが知る必要があることを説明します。</p> +<p class="summary">これまでに <a href="/ja/docs/WebAssembly/C_to_wasm">Emscriptenのようなツールを使用して他の言語からモジュールをコンパイルしたり</a>、<a href="/ja/docs/WebAssembly/Loading_and_running">あなた自身のコードをロードして実行しました</a>。次のステップは他のWebAssembly JavaScript APIの使い方について学ぶことです。この記事ではあなたが知る必要があることを説明します。</p> <div class="note"> -<p><strong>注</strong>: もし、この記事で説明している基本的なコンセプトがよくわからない場合、<a href="/en-US/docs/WebAssembly/Concepts">WebAssemblyのコンセプト</a> をはじめに読んでからこの記事に戻ってきてください。</p> +<p><strong>注</strong>: もし、この記事で説明している基本的なコンセプトがよくわからない場合、<a href="/ja/docs/WebAssembly/Concepts">WebAssemblyのコンセプト</a> をはじめに読んでからこの記事に戻ってきてください。</p> </div> <h2 id="シンプルな例">シンプルな例</h2> @@ -25,7 +25,7 @@ translation_of: WebAssembly/Using_the_JavaScript_API <li>まずは、wasm モジュールが必要です! <a href="https://github.com/mdn/webassembly-examples/raw/master/js-api-examples/simple.wasm">simple.wasm</a> をコピーしてローカルマシンの新しいディレクトリの中に保存します。</li> <li>次に、使用しているブラウザが WebAssembly に対応しているか確認します。Firefox 52+ と Chrome 57+ では WebAssembly がデフォルトで有効になっています。</li> <li>次に、wasm ファイルと同じディレクトリに <code>index.html</code> という名前でシンプルな HTML ファイルを作成しましょう (もしも簡単に利用できるテンプレートを持っていない場合、<a href="https://github.com/mdn/webassembly-examples/blob/master/template/template.html">simple template</a> を使用できます) 。</li> - <li>ここで、何が起こっているのか理解を助けるために、wasm モジュールのテキスト表現を見てみましょう (<a href="https://developer.mozilla.org/ja/docs/WebAssembly/Text_format_to_wasm">テキストフォーマットから wasm に変換する</a> も参照してください): + <li>ここで、何が起こっているのか理解を助けるために、wasm モジュールのテキスト表現を見てみましょう (<a href="/ja/docs/WebAssembly/Text_format_to_wasm">テキストフォーマットから wasm に変換する</a> も参照してください): <pre>(module (func $i (import "imports" "imported_func") (param i32)) (func (export "exported_func") @@ -46,7 +46,7 @@ translation_of: WebAssembly/Using_the_JavaScript_API <p>上で説明したように、 <code>imports.imported_func</code> でインポート機能を利用できます。</p> <div class="note"> -<p><strong>注</strong>: <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">ES6のアローファンクション</a> を使用するとより簡潔に書くことができます:</p> +<p><strong>注</strong>: <a href="/ja/docs/Web/JavaScript/Reference/Functions/Arrow_functions">ES6のアローファンクション</a> を使用するとより簡潔に書くことができます:</p> <pre class="brush: js">var importObject = { imports: { imported_func: arg => console.log(arg) } };</pre> </div> @@ -251,7 +251,7 @@ console.log(tbl.get(1)()); // 42</pre> </li> </ol> -<p>このコードはテーブルに格納されている各関数参照に順番にアクセスし、内包した値をコンソールに書き出すためにインスタンス化します。<code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get">Table.prototype.get()</a></code> で各関数参照を取得した後、関数を実行するためには括弧を追加することに注意してください。</p> +<p>このコードはテーブルに格納されている各関数参照に順番にアクセスし、内包した値をコンソールに書き出すためにインスタンス化します。<code><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/WebAssembly/Table/get">Table.prototype.get()</a></code> で各関数参照を取得した後、関数を実行するためには括弧を追加することに注意してください。</p> <div class="note"> <p><strong>注</strong>: 完全なデモは <a href="https://github.com/mdn/webassembly-examples/blob/master/js-api-examples/table.html">table.html</a> (<a href="https://mdn.github.io/webassembly-examples/js-api-examples/table.html">動作例</a>) を参照してください。このバージョンでは <code><a href="https://github.com/mdn/webassembly-examples/blob/master/wasm-utils.js">fetchAndInstantiate()</a></code> 関数を使用しています。</p> |
