120 ページあります:

# ページ タグと要約
1 ウェブ開発を学ぶ Landing, Web, 初心者, 学習, 索引
MDN のこのエリアのねらいは、あなたを「初心者」から「達人」に変えることではなく、「初心者」から「それなり」に変えることです。ウェブ開発において自分なりの方法を確立するためには、さらに、MDN のこのエリア以外の記事と他の中・上級者用のウェブサイトを読み進めなければなりません。しかしその前に、このエリアで沢山の前提知識を身に付けておく必要があります。
2 CSS Beginner, CSS, CodingScripting, Debugging, Landing, NeedsContent, Topic, length, specificity
Cascading Stylesheets — CSS — は、HTML の次に学習を始めるべき第 1 の技術です。HTML は、コンテンツの構造とセマンティクス決定するのに使用されるのに対し、CSS は、スタイルとレイアウトのために使用されます。例えば、コンテンツのフォント、色、サイズ、余白を変更したり、複数の列に分割したり、アニメーションやその他の装飾機能を追加するのに CSS は使用できます。
3 CSS を使ってよくある問題を解決する Beginner, CSS, Learn
以下のリンクは CSS で解決できるよくある問題の解決法です。
4 CSS 入門 Beginner, CSS, Cascade, CodingScripting, Inheritance, Introduction to CSS, Landing, Module, Selectors, color, properties, rules, units
CSS は、ウェブページのスタイルとレイアウトに使用されます — 例えば、コンテンツのフォント、色、サイズ、空白や複数カラムへの分割やアニメーションの追加、他の装飾機能の追加などがあります。このモジュールで、CSS 習得の道のりを開始できます。セレクターとプロパティ、CSS の記述ルール、CSS を HTML に適用する方法、CSS で長さや色やその他の単位を指定する方法、カスケードと継承、CSS のデバッグを含む動作の基本があります。
5 CSS の働き CSS, CodingScripting, DOM, Guide, Syntax, external, internal, リンク
CSS (Cascading Style Sheets) を利用すると、すばらしい外見のウェブページを作成できますが、その裏側ではどのように動作しているのでしょう?この記事は、CSS とは何か、ウェブブラウザーが HTML を Document Object Model (DOM) に切り替える方法、CSS が DOM のパーツに適用される方法、とても基本的な文法例、実際に CSS をウェブページ内に含める方法を説明します。
6 カスケードと継承 Beginner, CSS, CodingScripting, カスケード, ガイド, スタイル, スタイルシート, ソース上の順序, レイアウト, 厳密度, 学習, 継承, 記事, 重要度
この記事では、 CSS のカスケードとは何か、厳密度とは何か、重要度とは何か、複数の規則からどのようにプロパティが継承されるかを定義します。
7 セレクター Article, Beginner, CSS, Class, Guide, Learn, combinator, id, universal, セレクター, 疑似クラス, 疑似要素, 要素
CSS では、セレクターはスタイルを適用したいウェブページ上の HTML 要素を指定するのに使用されます。 CSS セレクターは幅広い種類があり、スタイルを適用する要素を選択するとき、きめ細かく指定できます。以下のいくつかの記事で、とても詳しく複数の種類を見ていきます。
8 単純セレクター Article, Beginner, CSS, Class, Guide, Learn, Type, id, universal, ガイド, クラス, セレクター, ユニバーサル, 型, 学習, 要素, 記事
セレクターについての最初のこの記事では、「単純」セレクターを学びます。これは要素の型や classid に基づいて、文書中の1つまたは複数の要素を直接選択するものです。
9 属性セレクター Article, Attribute, Attribute selectors, Beginner, CSS, CSS Selectors, Guide, Learn, Selectors, presence, substring, value
属性セレクターは要素の属性およびその値に基づいてマッチする特殊なセレクターです。その一般的な文法は、属性の名前と、その値にマッチするオプションの条件を囲む角括弧 ([]) で構成されます。属性セレクターは属性の値にマッチする方法によって、2 つのカテゴリーに分けられます。存在および完全一致属性セレクターと部分一致属性セレクターです。
10 テキストのスタイリング Beginner, CSS, CodingScripting, Fonts, Landing, Links, Module, Text, font, letter, line, lists, shadow, web fonts
CSS 言語の基本を習得したら、次に取り組むべき CSS のトピックはテキストのスタイリングです — これは、CSS で行う最も一般的なことの一つです。ここでは、フォント、太字、イタリック体、線、文字間隔、影、その他のテキストの機能の設定を含むテキストスタイリングの基礎を確認します。あなたのページにカスタムフォントを適用し、リストとリンクにスタイルを適用することでこのモジュールを締めくくります。
11 HTML の学習: ガイドとチュートリアル Beginner, Guide, HTML, Intro, Learn, Topic, ガイド, トピック, 初心者, 学習, 導入
ウェブサイトを構築するためには、ウェブページの構造を定義するための基本的な技術である HTML 言語を知っておくべきでしょう。 HTML はウェブコンテンツをどのよう解釈するべきかを特定するために使用します。段落、リスト、見出し、リンク、画像、マルチメディアプレーヤー、フォーム、又は他の数多くの要素の一つ、又はユーザーが定義した新しい要素などです。
12 HTML テーブル Article, Beginner, CodingScripting, Guide, HTML, Landing, Module, Tables
HTML でのとてもよくある仕事はテーブルデータの構造化で、数々の要素と属性がこの目的のためにあります。スタイリング用の CSS と組み合わせて、HTML はウェブ上に、学校の授業の計画や、水泳の時間割や、好きな恐竜やフットボールチームの統計情報といった、情報のテーブルを簡単に表示できます。このモジュールではHTMLを使ってテーブルデータを構造化するのに必要な知識を一通り案内します。
13 HTML の表の基本
That just about wraps up the basics of HTML Tables. In the next article we will look at some slightly more advanced table features, and start to think how accessible they are for visually impaired people.
14 HTML 表の高度な機能とアクセシビリティ
There are a few other things you could learn about table HTML, but we have really given all you need to know at this moment in time. At this point, you might want to go and learn about styling HTML tables — see Styling Tables.
15 評価: 太陽系の惑星のデータを構造化する
HTMLのtableの復習として、太陽系の惑星に関するいくつかのデータを提供するので、HTMLの表として構造化してもらいます。
16 HTML フォームガイド Beginner, Featured, Forms, Guide, HTML, Landing, Learn, Web
このモジュールは、HTML フォームの習得に役立つ記事をそろえています。 HTML フォームは、ユーザーとやり取りするための強力なツールです。しかし歴史的および技術的な理由により、その能力を十分に生かして使用する方法は、必ずしも明確ではありません。このガイドで HTML フォームの構造からスタイル、データの扱いからカスタムウィジェットまでのあらゆる側面を網羅します。
17 HTML フォームの構築方法 Beginner, CodingScripting, Example, Forms, Guide, HTML, Learn, Structure, Web
基本から外れて、ここでは色々なフォームのパーツを構造化し、意味をつけるのに使われる要素を詳しく見ていきます。
18 HTML フォームへのスタイル設定 CSS, Example, Forms, Guide, HTML, Intermediate, Web
本記事では、HTML フォームを (できれば) より美しくするために CSS を使用する方法を学びます。意外にも、これは少しコツがいります。歴史的や技術的な理由により、フォームウィジェットは CSS とうまくかみ合いません。このような難しさから、多くの開発者はウィジェットのルックアンドフィールをコントロールできるようにするために、独自の HTML ウィジェットを作成することを選択します。しかし現代のブラウザでは、Web デザイナーがフォーム要素のデザインをより多くコントロールできます。詳しく見ていきましょう。
19 HTML フォームへの高度なスタイル設定 Advanced, CSS, Example, Forms, Guide, HTML, Web
本記事では、HTML フォームでカスタマイズが難しい一部のウィジェットで CSS を使用する方法を見ていきます。前の記事で見たように、テキストフィールドやボタンでの CSS 使用はまったく問題がありません。ここからは、HTML フォームへのスタイル設定の闇の部分を見ていきます。
20 JavaScript によるフォームの送信 Advanced, Example, Forms, Guide, HTML, JavaScript, Web
以前の記事で示したとおり、HTML フォームは HTTP リクエストを宣言的な方法で設定するのに便利です。しかし多くの場合、フォームは JavaScript を使用した HTTP リクエストの設定でも有用になり得ます。これを扱う方法はいくつかありますので、本記事で説明します。
21 カスタムウィジェットの作成方法 Advanced, Example, Forms, Guide, HTML, Web
HTML フォームで使用可能なウィジェットだけでは十分でない場合が多くあります。<select> 要素のようなウィジェットに高度なスタイル設定を行いたい場合や、独自の動作を提供したい場合は、あなた自身のウィジェットを作成するしかありません。
22 例 1
This is the first example of code that explains how to build a custom form widget.
23 ネイティブフォームウィジェット Example, Forms, Guide, HTML, Intermediate, Web
ここでは色々なウィジェットを詳しく見ていきます。色々なデータ型を集めるのにどんなオプションが使うるのかを見ていきます。このガイドはいくらか疲れるもので、利用できるネイティブフォームウィジェットをすべて網羅しています。
24 フォームウィジェット向けプロパティ実装状況一覧 Advanced, CSS, Forms, Guide, HTML, NeedsUpdate, Web, ウェブ, ガイド, フォーム, 高度
以下の実装状況一覧表で、 HTML フォーム向けの CSS の対応状況を要約しています。 HTML フォームや CSS の複雑さにより、これらの表は完全なリファレンスであるとはいえません。それでも、何ができて何ができないかの見識を得られるでしょう。また、どうすればよいかを知る助けにもなるでしょう。
25 フォームデータの検証 HTML, Intermediate, JavaScript, Web, ウェブ, ガイド, フォーム, フォーム検証, 中級者向け, 例
フォーム検証validationは、送信されたデータがアプリケーションで正しく動作するかを確認することで、ユーザーに正しい書式でフォームを埋めてもらうのに役立ちます。この記事では、フォーム検証について知っておくべきことを紹介します。
26 フォームデータの送信 Beginner, CodingScripting, Guide, HTML, HTTP, Web, セキュリティ, ファイル, フォーム
この記事は、ユーザーがフォームを送信したときに何が起こるかを見ます。 ― データがどこへ行くのか、そこに来たときにどう扱うのか。また、フォームデータの送信に関連するセキュリティの考慮事項のいくつかも見てみます。
27 初めての HTML フォーム Beginner, CodingScripting, Example, Forms, Guide, HTML, Learn, Web, ウェブ, ガイド, フォーム, 初心者向け, 学習
おめでとうございます! 初めての HTML フォームが完成しました。こちらが最終結果のデモです。
28 古いブラウザーでの HTML フォーム Example, Forms, Guide, HTML, Intermediate, Web
すべての Web 開発者が、Web はとてもつらい場所であることをいち早く (時には痛いほど) 知ります。もっともいまいましいのは、古いブラウザーです。まあそれは受け入れて、"古いブラウザー" というときは古いバージョンの Internet Explorer を念頭に置きます... しかし、それだけではありません。ESR バージョンのような、1 年経過した Firefox も古いブラウザーです。また、モバイルでは? ブラウザーも OS も更新できないのではないでしょうか? そうです、最新ではないブラウザを備えている、多くの古い Android フォンや iPhone があります。これらもまた、古いブラウザです。
29 HTML入門 CodingScripting, HTML, Introduction to HTML, Landing, Links, Structure, Text, head, semantics
本来、HTML は、要素で構成される極めてシンプルな言語です。HTMLは、テキストの断片に、文書における他とは異なる意味(段落なのか?箇条書きなのか?表の一部なのか?)を与え、文書を論理的なセクションに構成し(ヘッダを持つのか?コンテンツを3段組にするのか?ナビゲーションメニューを持つのか?)、ページに画像や動画のようなコンテンツを貼り付けるために使うことができます。このモジュールでは、これらのうち最初の2つについて紹介し、HTMLを理解する上で知る必要がある基本的な概念や文法について紹介します。
30 HTML テキストの基礎 Beginner, CodingScripting, Guide, HTML, Introduction to HTML, Learn, Text, headings, paragraphs, semantics
That's it for now! This article should have given you a good idea of how to start marking up text in HTML, and introduced you to some of the most important elements in this area. There are a lot more semantic elements to cover in this area, and we'll look at a lot more in our 'More Semantic Elements' article, later on in the course. In the next article, we'll be looking in detail at how to create hyperlinks, possibly the most important element on the Web.
31 HTMLのデバッグ CodingScripting, HTML, エラー, ガイド, デバッグ, バリデーション, バリデーター, ビギナー
HTMLを書くことは良いですが、何か問題が生じた場合どうなります?また、コード内のどこにエラーがあるか見つけられますか?この記事では、HTML内のエラーの発見、および修正の手助けをしてくれるいくつかのツールを紹介します。
32 HTMLを始めよう Attribute, Beginner, CodingScripting, Comment, Element, Guide, HTML, entity reference, whitespace
この記事の最後にたどり着きました — HTML のほんの初歩のツアーを楽しんでこられたことを望んでいます!ここではこの言語がどのようなものか、基本的にどうやって動作するのかを理解し、いくつかの要素と属性を書くことができるようになったでしょう。あなたがいる場所は完璧な場所です、続きの記事ではすでに見てきたことをもっと詳細に経験して、いくつか新しい言語機能を紹介します。引き続き注目!
33 head には何が入る? HTML のメタデータ Beginner, CodingScripting, Guide, HTML, Meta, favicon, head, lang, metadata
That marks the end of our quickfire tour of the HTML head — there's a lot more you can do in here, but an exhaustive tour would be boring and confusing at this stage, and we just wanted to give you an idea of the most common things you'll find in there for now! In the next article we'll be looking at HTML text fundamentals.
34 ドキュメントとウェブサイトの構造 Beginner, CodingScripting, Guide, HTML, Layout, Page, Site, blocks, semantics
At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.
35 ハイパーリンクの作成 Beginner, CodingScripting, Guide, HTML, Learn, Links, Title, absolute, hyperlinks, relative, urls
That's it for links, for now anyway! You'll return to links later on in the course when you start to look at styling them. Next up for HTML, we'll return to text semantics and look at some more advanced/unusual features that you'll find useful — Advanced text formatting is your next stop.
36 高度なテキスト処理 Beginner, CodingScripting, Guide, HTML, Learn, Text, abbreviation, description list, quote, semantic
That marks the end of our study of HTML text semantics. Bear in mind that what you have seen during this course is not an exhaustive list of HTML text elements — we wanted to try to cover the essentials, and some of the more common ones you will see in the wild, or at least might find interesting. To find way more HTML elements, you can take a look at our HTML element reference (the Inline text semantics section would be a great place to start.) In the next article we will look at the HTML elements you'd use to structure the different parts of an HTML document.
37 マルチメディアとその埋め込み方 Assessment, Audio, Beginner, CodingScripting, Flash, Guide, HTML, Images, Landing, Learn, SVG, Video, iframes, imagemaps, responsive
このコースではここまで多くのテキストを見てきましたが、ただテキストだけのウェブでは面白くありません。ウェブが生き生きとして、面白いコンテンツがどんどんあふれるようにする方法を見ていきましょう! このモジュールでは、あなたのWebページに、HTMLをどのようにして用いればマルチメディアを含むことができるかについて学びます。また、画像を挿入するためのさまざまな方法や、どのようにして動画・音声、そして他のウェブページ全体を挿入する方法についても触れます。
38 Adding vector graphics to the Web
This article has provided you with a quick tour of what vector graphics and SVG are, why they are useful to know about, and how to include SVG inside your webpages. It was never intended to be a full guide to learning SVG, just a pointer so you know what SVG is if you meet it in your travels around the Web. So don't worry if you don't feel like you are an SVG expert yet. We've included some links below that might help you if you wish to go and find out more about how it works.
39 HTMLの画像 HTML, alt text, captions, figcaption, figure, img, ガイド, キャプション, 代替テキスト, 初心者, 図表, 画像, 記事
最初は、ウェブは単なるテキストに過ぎず、とても退屈でした。 幸運なことに、ウェブページ内に画像(および他のより興味深いタイプのコンテンツ)を埋め込む能力が追加されるまでにはあまり時間がかかりませんでした。 考慮すべき他のタイプのマルチメディアもありますが、簡単な画像をウェブページに埋め込むために使用される謙虚な <img> 要素から始めるのが理にかなっています。 この記事では、基本的な使い方、 <figure> を使ったキャプションの注釈付け、 CSS 背景画像との関連付けなど、詳細な使い方を見ていきます。
40 object から iframe へ — その他の埋め込み技術 Article, Beginner, CodingScripting, Embedding, Flash, Guide, HTML, Learn, Multimedia and embedding, Object, embed, iframe, ガイド, フラッシュ, マルチメディアと埋め込み, 初心者, 埋め込み, 学習, 記事
ウェブドキュメントに他のコンテンツを埋め込むという話題は、すぐに非常に複雑になる可能性があるので、関連する技術のより高度な機能のいくつかを示唆しながらも、すぐに関連すると思われる単純で使い慣れた方法で紹介しようとしました。 まず、あなたのページに地図や動画などの第三者のコンテンツを含めること以外に埋め込みを使用する可能性は低いです。 しかし、経験が増すにつれて、より多くの用途を見つけることになるでしょう。
41 レスポンシブ画像 Article, Beginner, CodingScripting, Design, Graphics, Guide, HTML, Image, Intermediate, img, picture, sizes, srcset, ガイド, グラフィックス, デザイン, 中級, 初心者, 画像, 記事
それはレスポンシブ画像のラップです - あなたはこれらの新しいテクニックで遊ぶことを楽しんでください。 要約すると、私たちがここで議論してきた2つの明確な問題があります。
42 動画と音声のコンテンツ Article, Audio, Beginner, Guide, HTML, Video, captions, subtitles, track, ガイド, 初心者, 動画, 記事, 音声
それはラップです。 ウェブページで動画や音声を楽しみながら楽しく遊びました!  次の記事では、<iframe><object> などの技術を使用して、ウェブにコンテンツを埋め込む他の方法について説明します。
43 一般的な問題解決に HTML を使う CodingScripting, HTML
下記のリンクは、日常の解決すべき問題を HTML を使って解決する解決法を指しています。
44 Using data attributes HTML, HTML5, ウェブ, ガイド, 例, 独自データ属性
HTML5 は、データの拡張性を念頭において設計されているため、特定の要素に関連させるべきデータが、定義済みの意味を持つ必要はありません。 data-* 属性により、標準外の属性、 DOM の追加プロパティ、 Node.setUserData() のような特殊な方法に頼らずに、標準的な意味のある要素に追加情報を格納することができます。
45 ウェブページで JavaScript を使う方法 Beginner, HTML, JavaScript, OpenPractices
JavaScript はウェブページをインタラクティブにするための、主にクライアントサイドで使われるプログラミング言語です。 JavaScript を使わなくてもすばらしいウェブページを作ることができますが、JavaScript は全く新しいレベルの可能性を開きます。
46 JavaScript Beginner, CodingScripting, JavaScript, JavaScripting beginner, Landing, Module, Topic, l10n:priority
JavaScript は Web ページ上に複雑なものを実装することを可能にするプログラミング言語です。Web ページが表示されるたびに静的な情報が表示されるだけでなく、タイムリーにコンテンツを更新したり、インタラクティブマップやアニメーション 2D / 3D グラフィックスを表示したり、またはビデオジュークボックスが流れたりします。ほかにもありますが、これらは 間違いなくJavaScript が関係しています。
47 JavaScript の構成要素 Article, Assesment, Beginner, CodingScripting, Conditionals, Functions, Guide, JavaScript, Landing, Loops, Module, events, l10n:priority
このモジュールでは、条件付きステートメント、ループ、関数、イベントなど一般的に発生するコードブロックの種類に注目し、JavaScript の重要な基本機能をすべてカバーしていきます。コースの中で既にこれらを目にしているのですが、説明を省いてきました。ここではすべて明示的に説明を行います。
48 イベントの紹介 Beginner, CodingScripting, JavaScript, イベント, イベントハンドラー, ガイド, 学習, 記事
イベントは、あなたがプログラムを書いているシステムで生じた動作、出来事を指します。システムからあなたへ、イベントとして何かあった事を知らせてくるので、必要であればそれに何らかの反応を返す事ができます。例えば、ユーザーがウェブページ上でボタンを押したとき、ある情報を表示するように反応させたいと思うかもしれません。この記事では、イベントに関する重要な概念を取り上げ、ブラウザーの中でのイベントの振る舞いを見ていきます。ここでは、全てを説明するのではなく、この段階で知っておくべき内容を取り上げます。
49 イメージギャラリー Assessment, Beginner, CodingScripting, Conditionals, Event Handler, JavaScript, Learn, Loops, events
Javascriptの基本的な構成要素を見てきたので、多くのウェブサイトで見かける結構一般的な要素である Javascriptで動作するイメージギャラリーの作りながら、繰り返し、関数、条件そしてイベントの知識を試します。
50 コードでの意思決定 — 条件文 Article, Beginner, CodingScripting, Conditionals, JavaScript, Learn, Switch, conditions, else, if, l10n:priority, ternary
どのプログラミング言語でも、コードは様々な入力に応じた決定を迫られ、その結果として動作を起こします。例えば、ゲームではプレイヤーの残機が 0 になった場合、ゲームオーバーとなります。天気アプリは朝に起動された場合は日の出の画像を表示し、夜に起動された場合は星や月の画像を表示します。この記事では、JavaScript において、条件文と呼ばれるものがどのように動作するかを説明します。
51 ループコード Article, Beginner, CodingScripting, DO, Guide, JavaScript, Learn, Loop, break, continue, for, l10n:priority, while
プログラミング言語は、繰り返し実行するタスクを素早く終わらせるのがとても得意です。基本的な計算処理から、同じような作業がたくさんあるのならどんな状況でもこなします。今度は JavaScript でそういった目的を果たすために使用するループ構造を見てみましょう。
52 自分で関数を作る
前の記事で扱った重要な理屈をたくさん使って、この記事では実践的な練習を行ないます。ここではあなたが自力で独自関数を作成するための練習を行なっていきます。同時に、関数を扱う上で役に立つ細々の説明もしていきます。
53 関数 — 再利用可能なコードブロック API, Article, Beginner, Browser, CodingScripting, Custom, Functions, Guide, JavaScript, Learn, Method, anonymous, invoke, l10n:priority, parameters
コーディングにおいて、不可欠なコンセプトが関数です。関数を使用することで、特定のタスクをこなすコードを定義し、保持しておいて、いつでも簡単なコマンドで呼び出すことを可能にしてくれます。同じコードを何度も打たなければならないよりとっても簡単です。この記事では関数の書き方や、関数を実行する方法、定義の仕方、スコープ、引数といった関数に関する基礎を学びます。
54 関数の返値 リターン, リターン値, 戻り値, 返り値, 返却値, 関数
このコースでの関数の学習を終えるために、最後に議論しておくべき大事なコンセプトがあります。それは返値です。関数によっては完了時に特定の値を返さないものもありますが、値を返すものも当然あります。それらの値が何であるか、どのようにカスタム関数に意味のある値を返させるのかについて理解することは重要です。これらについてすべてを以下で紹介します。
55 JavaScript の第一歩 Arrays, Article, Assessment, Beginner, CodingScripting, Guide, JavaScript, Landing, Module, Numbers, Operators, Variables, l10n:priority, maths, strings
最初の JavaScript のモジュールでは、初めて JavaScript を書く実践的な経験を体験する前に、「JavaScript とは何?」や「どのようなもの?」や「何ができる?」といったような基本的な質問に答えます。その後変数や文字列、 数値、配列といったような言語の内容をお話します。
56 JavaScript とは Beginner, CodingScripting, JavaScript, Learn, l10n:priority, インライン, コア, コメント, サードパーティー, スクリプト, ブラウザー, 外部, 学習, 記事
さて、JavaScript の世界に足を踏み入れましたね。なぜ JavaScript を使い、何ができるのかということに慣れるため、まずは理論から始めました。進むにつれ、数行のコードでしたが、例を見て、何よりも JavaScript がどのようにウェブサイトの他のコードに組み込まれているかを学習しました。
57 JavaScriptでの基本演算 — 数値と演算子 Article, Beginner, CodingScripting, Guide, JavaScript, Learn, Math, Operators, augmented, increment, l10n:priority, maths, modulo
この記事では、JavaScript の数値処理で知っておくべき基礎的なことを学びました。JavaScript を学習する間、今後も繰り返し数値を扱うことになるので、しっかりと復習しておきましょう。数学が好きではなくとも、この章はとても短いので安心して (復習して) ください。
58 JavaScriptへの最初のダイブ Article, Beginner, CodingScripting, Conditionals, Functions, JavaScript, Learn, Objects, Operators, Variables, events, l10n:priority
JavaScript の理論のいくらかと、これで何ができるかを学びました。JavaScript の基本的な機能について、実践的なチュートリアルで紹介します。簡単な「数字当てゲーム」を一歩一歩作ってみましょう。
59 テキストを扱う — JavaScript での文字列 Article, Beginner, CodingScripting, Guide, JavaScript, Join, Quotes, concatenation, l10n:priority, strings
プログラミングでは文字の羅列を文字列と呼びますが、次はこれを学習しましょう。この記事では、JavaScript でよく使われる、文字列を作ったり、引用符をエスケープしたり、文字列を結合したりといった、文字列について本当に知っておくべきことだけを見てみましょう。
60 バカ話ジェネレーター Arrays, Assessment, Beginner, CodingScripting, JavaScript, Learn, Numbers, Operators, Variables, l10n:priority, strings
この評価試験では、このモジュールを通して身に付けた知識を生かして、ランダムなバカ話を生成する楽しいアプリを作ります。楽しんでください!
61 何が間違っている? JavaScript のトラブルシューティング Article, Beginner, CodingScripting, Debugging, Developer Tools, Error, JavaScript, Learn, Tutorial, console.log, l10n:priority
やっとここまで来ましたね。簡単な JavaScript プログラムのエラーを見つけ出すための基本が理解できました。コードの間違いを解決するのがいつも簡単とは限りませんが、学習の過程でうまくいかない時があったとしても、基本を押さえていれば、多少は寝る時間が取れたり、多少の進捗もより早くあげられたりするでしょう。
62 便利な文字列メソッド Article, Beginner, CodingScripting, JavaScript, Learn, case, indexof, l10n:priority, length, lower, replace, split, upper
文字列の基本についてはすでに見ました。ここからはレベルを上げて、組み込みのメソッドを使用して文字列に対して実行できる便利な操作について考えてみましょう。例えば、文字列の長さを調べたり、繋げたり、分割したり、ある文字を他の文字に置き換えたりなどです。
63 必要な情報を保存する — 変数 Arrays, Booleans, JavaScript, Numbers, Objects, Updating, Variables, declaring, initializing, l10n:priority, loose typing, strings
ここまでで JavaScript の変数の作り方について理解して、それ以外にもそれなりの知識を得ましたね。次の記事では数値に焦点を当てて、JavaScript の数値計算の基礎について見ていきます。
64 配列 Arrays, Article, Beginner, CodingScripting, JavaScript, Join, Learn, Pop, Push, l10n:priority, shift, split, unshift
このモジュールの最後として、配列について見ていきましょう。配列とは一つの変数名でリスト形式のデータを保持するのに好都合です。ここでは、どう便利なのか、どのように作るのか、そして配列の項目を追加したり削除したり取得したりする方法について学びます。
65 JavaScript オブジェクト入門 Article, Assesment, Beginner, CodingScripting, Guide, JavaScript, Learn, Objects, Tutorial, 学習
JavaScript では、文字列や配列などの JavaScript のコア機能から、JavaScript の最上部に構築されたブラウザー API まで、ほとんどのものがオブジェクトです。関連する関数や変数を効率的なパッケージにカプセル化して、便利なデータコンテナーとして動作する独自のオブジェクトを作成することもできます。JavaScript のオブジェクトベースの性質を理解することは、言語に関する知識をさらに深め、より効率的なコードを書く場合に重要です。したがって、この役立つモジュールを用意しました。ここではオブジェクトの理論と構文を詳しく説明し、独自のオブジェクトを作成する方法を見ます。
66 JSONの利用
JavaScript Object Notation (JSON) は表現用の標準的なテキストベースの構造データ表現フォーマットで、JavaScript構造データオブジェクトの表記法をベースとしています。一般的にはWebアプリケーションでデータを転送する場合に使われます。(例えば、データをサーバからクライアントへ送信する場合などで、Webページに表示されたりすることもあり、その逆もあります)。頻繁に見かけるデータフォーマットですので、この節ではJavaScriptを使ってJSONをパースする、JSONのデータを参照する、JSONを作るなど、JSONを扱うために必要となる操作を説明します。
67 JavaScript オブジェクトの基本 API, Article, Beginner, CodingScripting, JavaScript, Syntax, bracket notation, dot notation, instance, object literal, this, オブジェクト, 学習, 理論
お疲れ様でした。最初の JS オブジェクトの記事の終わりまで到達しました。JavaScript のオブジェクトがどのように機能するかについて、良い考えを得ることができたのではないでしょうか。記事では、簡単なオリジナルオブジェクトの作成を含んでいました。オブジェクトはデータやファンクション関連を保存する構造として非常に便利であることも理解しなければいけません。もし別々の変数と関数として、person オブジェクトのすべてのプロパティとメソッドを記録していくとすると、非効率でありストレスが溜まります。そして同じ名前の他の変数や関数をクラッシュしてしまう危険性も抱えてしまいます。オブジェクトは有害な方法を避けて、パッケージの中で安全に鍵をして情報を守ってくれます。
68 JavaScriptでの継承 Article, Beginner, CodingScripting, Inheritance, JavaScript, Learn, OOJS, OOP, Object, Prototype, l10n:priority
OOJS(short for Object-oriented JavaScript)ライブラリが提供する各種機能のうち、本項では”親”クラスからの機能を継承する”子供”のオブジェクトクラス(コンストラクター)の生成方法について解説します。なお、JavascriptのコンストラクターはJavaのコンストラクターとは内容を全く異にするものであることに留意する必要があります。
69 Object building practice
ここまでの記事でJavaScriptオブジェクトの根幹部に関する理論と文法の詳細について全てを見てきて、始めていくのに十分な基礎固めをしました。この記事では実練習を行ない、独自のJavaScriptオブジェクトを作っていくための実践をしていきましょう — 楽しくてカラフルなやつを。
70 Object のプロトタイプ
プロトタイプは JavaScript オブジェクトが機能を互いに継承するメカニズムです。この記事ではプロトタイプチェーンの動作を説明し、prototype プロパティを使用して既存のコンストラクタにメソッドを追加する方法を見ていきます。
71 バウンスボールに機能を追加する
この評価では,前の記事を出発点として、 あなたが、スーパーボールのデモを使えるようになることが期待されます。さらにいくつかの新機能や面白い機能を追加します。
72 初心者のためのオブジェクト指向 JavaScript Beginner, Create, JavaScript, OOJS, OOP, オブジェクト, オブジェクト指向, 学習, 記事
この記事はオブジェクト指向の理論の概略を見てきました。これですべてではありませんが、ここで扱っていることに関する考えを提示しました。加えて、オブジェクトのインスタンスを生成する様々な方法を見始めたところです。
73 JavaScriptのコードのよくある問題を解決する Beginner, JavaScript, Learn
JavaScript のコードが正しく動作しないので修正したい、というような場合にみられる、よくある問題の解決方法へのリンクを以下に示します。
74 クライアント側ウェブAPI API, CodingScripting, DOM, JavaScript, Landing, WebAPI, グラフィック, データ, メディア, モジュール, 初心者向け, 学習, 記事
ウェブサイトやアプリケーション用にクライアント側のJavaScriptを書いていると、すぐにアプリケーションプログラミングインターフェース(Apprication Programming Interfaces、API)にでくわします。APIとはブラウザーやサイトが動作しているOSの様々な面を操作したり、他のウェブサイト、サービスから取得したデータを操作するためのプログラムされた機能です。このモジュールではAPIとは何か、開発作業の中でしばしば見掛ける最もよく利用されるAPIのいくつかについて、どのように使うかを説明していきます。
75 ウェブAPIの紹介
まずはAPIを高い視点から見ていきます — これは何なのか、どう働くのか、あなたのコードでどう使うのか、どういう風に作られているのか? また様々なクラスのAPIは何なのか、どのような使い方があるのかも見ていきます。
76 クライアント側ストレージ API, Article, Beginner, CodingScripting, Guide, IndexedDB, JavaScript, Learn, Storage, Web Storage, ウェブストレージ, ガイド, 保存, 初心者, 学習
これで終わりです。クライアント側での保存の技術についてのこの概要を、皆さんが有用だと思ってくださったのであれば良いな、と望んでいます。
77 グラフィックの描画 API, Article, Beginner, Canvas, CodingScripting, Graphics, JavaScript, Learn, WebGL
At this point, you should have a useful idea of the basics of graphics programming using Canvas and WebGL and what you can do with these APIs, as well as a good idea of where to go for further information. Have fun!
78 サーバからのデータ取得
モダンなウェブサイトやアプリケーションでしょっちゅう必要になる仕事は、サーバから個々のデータを取ってきて、新しいページ全体を読んでくることなしに、ページの一部を書き換える事です。この一見ちょっとした事が、サイトのパフォーマンスや振舞いに巨大なインパクトを与えました。この記事ではそのコンセプトを解説し、これを可能にした技術 XMLHttpRequest や Fetch API について見ていきます。
79 ドキュメントの操作
ウェブページやアプリを書く場合に、最も多く必要になるのはウェブ文書をどうかして操作する事でしょう。これは普通ドキュメントオブジェクトモデル(Document Object Model、DOM)、これはHTMLとスタイルに関する情報をDocumentオブジェクトを使いまくって操作する一連のAPIです。この記事では、DOMの使い方を詳しく見ながら、面白い方法であなたの環境を変える事ができる興味深い他のAPIもいくつか見ていきます。
80 MDN の学習エリアに貢献するには Beginner, Contribute, Documentation, Guide, Learn, MDN Meta, l10n:priority
このページでは、 MDN の学習コンテンツの改良に協力し始めるのに必要となる全てが見つかるでしょう。できることはたくさんあって、それはあなたがどれくらい時間を使えるか、初心者ウェブ開発者教師かによって決まります。
81 Server-side website programming CodingScripting, Landing, NeedsTranslation, Server, Server-side programming, Topic, TopicStub, 初学者, 学習, 導入部
この Dynamic(動的な)ウェブサイト サーバーサイドプログラミングのトピックは、動的なウェブサイト (HTTP リクエストに応じてカスタマイズされた情報を届けるウェブサイト) の作り方を説明する一連のモジュールです。各モジュールは、一般的なサーバーサイドプログラミングへの導入となる情報を提供するほか、特に初学者に向けて、Django (Python) や Express (Node.js/JavaScript) といった基礎的なアプリケーションを構築するためのウェブフレームワークの使用方法について説明しています。
82 Djangoウェブフレームワーク (Python) Python, django, ウェブアプリケーションフレームワーク, サーバーサイドプログラミング, プログラミング, 初心者, 学習, 概要
Django は、Python で書かれた高機能なサーバーサイドウェブフレームワークで、とても普及しています。このモジュールは、Django が最も人気のあるウェブサーバーフレームワークの 1 つである理由、開発環境の設定方法、独自のウェブアプリケーションを作成する方法を説明します。
83 Django チュートリアル Part 2: スケルトンウェブサイトの作成
Djangoチュートリアル の2つ目の記事では、基本的なウェブサイトプロジェクトの「スケルトン」をどのように作っていくのかを説明します。サイト固有の設定、URL、モデル、ビュー、テンプレートを作成する方法について説明します。
84 Django チュートリアル: 地域図書館ウェブサイト Python, django, チュートリアル, 初心者
実践的なチュートリアルシリーズの最初の記事は、学習する内容を説明し、後の記事で進めていく「地域図書館」のサンプルウェブサイトの概要を示しています。
85 Django 開発環境の設定 Python, Webフレームワーク, django, サーバーサイドプログラミング
Djangoがどういうものか知ったので、Windows、Linux(Ubuntu)、およびmacOSでDjango開発環境をセットアップしてテストする方法を説明します。一般的なオペレーティングシステムを使っていれば、Djangoアプリケーションの開発を始められます。
86 Djangoの紹介 Python, Webフレームワーク, django, サーバーサイドプログラミング
最初のDjangoの記事では、 "Djangoとは何ですか?" という疑問に答え、このWebフレームワークの特徴と概要を説明します。
87 Express web framework (Node.js/JavaScript) Beginner, CodingScripting, Express, Express.js, Intro, JavaScript, Learn, NeedsTranslation, Node, Server-side programming, TopicStub, node.js
Express is a popular unopinionated web framework, written in JavaScript and hosted within the node.js runtime environment. The module explains some of the key benefits of this framework, how to set up your development environment and how to perform common web development and deployment tasks.
88 Express Tutorial Part 2: Creating a skeleton website
You have now created a skeleton website project for the Local Library and verified that it runs using node. Most important, you also understand how the project is structured, so you have a good idea where we need to make changes to add routes and views for our local library.
89 Express Tutorial Part 4: Routes and controllers
We've now created all the routes for our site, along with dummy controller functions that we can populate with a full implementation in later articles. Along the way we've learned a lot of fundamental information about Express routes, and some approaches for structuring our routes and controllers.
90 Express/Node introduction
Congratulations, you've completed the first step in your Express/Node journey! You should now understand Express and Node's main benefits, and roughly what the main parts of an Express app might look like (routes, middleware, error handling, and template code). You should also understand that with Express being an unopinionated framework, the way you pull these parts together and the libraries that you use are largely up to you!
91 サーバー・サイドのウェブサイトプログラミング第一歩 Beginner, CodingScripting, Guide, Intro, Landing, Learn, Server-side programming
ここ、サーバー・サイドのプログラミングモジュールでは、サーバー・サイドプログラミングに関する基礎的な疑問に少しだけ答えます — "これは何?"、"クライアント・サイドプログラミングとどう違うの?"、"なぜ便利なの?" など。いくつかの人気のあるサーバー・サイドウェブフレームワークの概要を初めてのサイトを作成するために最も適したフレームワークを選択する助言とともに 説明します。最後に、ウェブサーバーのセキュリティに関するハイレベルな導入記事を紹介します。
92 WebGL Beginner, NeedsContent, WebGL
WebGL (とその親技術の OpenGL) を説明しようとする時に、これは3Dグラフィックを描画し、ビジュアルエフェクト(例えばライティング、テキスチャリング、シャドウ、など)をかける技術であると、しばしば説明します。これは多分最もよくある使い方でしょう。
93 よくある質問 CodingScripting, Infrastructure, Learn, Web, WebMechanics
学習エリアのこのセクションでは、浮かんでくるかもしれないけれども学習ルートの本筋 (例 HTMLCSS 学習記事) には必要でもない、よくある質問への回答を載せるために作りました。この記事は単独でこれだけを読んでも理解できるものになっています。
94 インターネットはどのように動くのか Beginner, Tutorial, WebMechanics
インターネットは Web のバックボーンであり、Web を可能にする技術基盤です。最も基本的なインターネットは、すべてが一元的に通信を行う大規模なコンピュータネットワークです。
95 ウェブサイトを作成するのにどんなソフトウェアが必要か? WebMechanics, 初心者
ウェブ開発に必要なプログラムの多くは、無料でダウンロードすることができます。この記事ではいくつかのリンクを紹介します。必要なツールとしては、 1) ウェブページの作成と編集、 2) ウェブサーバーへのファイルのアップロード、 3) ウェブサイトの閲覧のためのものが必要です。
96 ウェブサーバーとは Beginner, インフラ
「ウェブサーバー」はハードウェア又はソフトウェア、又は共に動作する両方を指すことがあります。
97 ウェブページ、ウェブサイト、ウェブサーバー、検索エンジン、これらは何が違うの? Beginner, NeedsActiveLearning, WebMechanics
知識のあらゆる領域と同様に、ウェブには多くの専門用語があります。 心配しないでください、私たちはあなたを圧倒することはありません (あなたが興味があれば用語集があります) 。しかし、読んでいる間は常にこれらの表現があるため、最初に基本的な用語をいくつか理解しておく必要があります。関連しているが異なる機能を指しているため、これらの用語を混乱させるのは簡単です。事実これらの用語がニュースレポートや他の場所で誤用されることがあるため、これらが混じってしまうことは理解できます。
98 ブラウザー開発者ツールとは? Beginner, Browser, CSS, CodingScripting, Dev Tools, HTML, JavaScript, Learn
開発者ツールはブラウザーのサブウィンドウの中にいます。大体こんな感じに...。
99 アクセシビリティ ARIA, Accessibility, Articles, Beginner, CSS, CodingScripting, HTML, JavaScript, Landing, Learn, Module
ウェブ開発者になりたい場合、HTML, CSS, JavaScript の学習は役立ちます。しかし知識は単に技術を使うよりも前に進める必要があります — それらを責任を持って使う必要があり、その結果ウェブサイトの聴衆を増やし、またそれを使わないことに縛らないことになります。これを達成するには、一般的な成功事例 (HTML, CSS, JavaScript のトピックに示されています) を積み上げ、クロスブラウザーテストを行って、最初からアクセシビリティを考慮しておきます。このモジュールでは後者を詳しく扱います。
100 CSS と JavaScript のアクセシビリティの ベスト・プラクティス Accessibility, Article, CSS, CodingScripting, Guide, JavaScript, Learn, color, contrast, hiding, unobtrusive, ひかえめ, アクセシビリティ, ガイド, コントラスト, 学習, 色, 隠す
CSS と JavaScript も、適切に使えばアクセシブルなウェブ体験を可能にしてくれる可能性がありますが、誤用すると、大幅にアクセシビリティを悪化させることがあります。本記事では、複雑なコンテンツでもできる限りアクセシブルにすることを保証するために考慮すべき、CSS と JavaScript のベスト・プラクティスのいくつかを概観します。
101 HTML: アクセシビリティの基礎 AT, Accessibility, Article, Beginner, Buttons, CodingScripting, Forms, HTML, Learn, Links, a11y, assistive technology, keyboard, screenreader, semantics, アクセシビリティ, キーボード, スクリーンリーダー, セマンティクス, フォーム, ボタン, リンク, 初心者, 学習, 意味
今や読者の皆さんは、ほとんどの場合にアクセシブルな HTML を書くことについて、熟知しているはずです。WAI-ARIA の基本 の記事も、この知識の抜けを埋めてくれるでしょうが、本記事でもその基本には気を配ってきました。次は、CSS と JavaScript を検討しましょう。そして、CSS と JavaScript の良い使い方やまずい使い方によって、アクセシビリティがどのような影響を受けるのかを検討しましょう。
102 WAI-ARIAの基本 ARIA, Accessibility, Article, Beginner, CodingScripting, Guide, HTML, JavaScript, Learn, WAI-ARIA, semantics
This article has by no means covered all that's available in WAI-ARIA, but it should have given you enough information to understand how to use it, and know some of the most common patterns you will encounter that require it.
103 アクセシビリティとは? AT, Accessibility, Article, Beginner, CSS, CodingScripting, HTML, JavaScript, Learn, Tools, Users, assistive technology, keyboard, screan reader, screenreader
このページでは高いレベルでアクセシビリティの概要を説明し、それが重要である理由と、作業フローに取り込む方法を見てきました。サイトをアクセシブルにするための実装の詳細について学ぶことを渇望する人もいるでしょう。それでは次の節では、HTML がアクセシビリティの良い基本である理由を見ていきます。
104 アクセシブルマルチメディア Accessibility, Article, Audio, Beginner, CodingScripting, HTML, Images, JavaScript, Learn, Multimedia, Video, captions, subtitles, text tracks
アクセシビリティの問題を引き起こす他のカテゴリーは、マルチメディアでです。ビデオ、オーディオ、画像といったコンテンツは、支援技術 (assistive technologies) とユーザが理解可能となる適切な代替テキストを必要とします。この記事ではその方法を説明します。
105 評価: アクセシビリティのトラブルシューティング Accessibility, Assesment, Beginner, CSS, CodingScripting, HTML, JavaScript, Learn, WAI-ARIA
このモジュールの評価では、あなたが診断、修正するべきいくつかのアクセシビリティの問題を持った簡単なサイトを表示します。
106 インデックス MDN Meta, インデックス, 学習
120 ページあります:
107 ウェブ入門 Beginner, CSS, HTML, Index, l10n:priority, publishing, ガイド, デザイン, 学習, 理論
プロが作るようなウェブサイトを作るのはとても大変な作業です。ウェブ開発の初心者は、まずは小さなものから作り始めるとよいでしょう。今すぐ Facebook のようなサイトを作ることはできませんが、簡単なウェブサイトなら作るのはそれほど難しくありません。私たちはここから始めることにしましょう。
108 CSS の基本 CSS, CodingScripting, Styling, Web, l10n:priority, 初心者, 学習
HTML のように、CSS は本当のプログラミング言語ではありません。またマークアップ言語でもありません。CSS はスタイルシート言語です。つまり HTML 文書の要素に選択的にスタイルを適用できます。例えば、HTML ページのすべての段落要素を選択し、その中のテキストを赤色にするには、次のような CSS を記述します。
109 HTML の基本 Beginner, CodingScripting, HTML, Learn, Web, l10n:priority, 学習
HTML はプログラミング言語ではありません。マークアップ言語と言って、コンテンツの構造を決めるものです。 HTML は 要素の集まりでできています。要素とは様々なコンテンツがどのように見えるか、またどのように動くかを表現するためにタグで囲まれたまとまりです。タグは言葉や画像を表示したり、他のページに移動するハイパーリンクを作ったり、文字を斜体にしたり、大きくしたり小さくしたり、色々なことが出来ます。例えば、次の文を見てください。
110 JavaScript の基本 JavaScript, Learn, Web, codescripting, l10n:priority, 初心者
JavaScript (略して "JS" ) は成熟した動的プログラミング言語であり、 HTML 文書に適用すると、ウェブサイトに動的な対話操作を提供できます。Mozilla プロジェクト、Mozilla Foundation、Mozilla Corporation の共同設立者である Brendan Eich によって考案されました。
111 ウェブのしくみ Beginner, DNS, HTTP, IP, Infrastructure, Learn, l10n:priority, クライアント, サーバー, 学習
この理論は、短期間でウェブのコードを書く上で必須ではありませんが、背景で何が起きているのかを理解しておくと、まもなく役に立つでしょう。
112 ウェブサイトの公開 FTP, GitHub, Google App Engine, Learn, Web, l10n:priority, publishing, web server, コードスクリプティング, 初心者, 学習
ウェブサイトを公開するというのは簡単に語れることではありません。なぜなら、ウェブサイトの公開の仕方には、さまざまな方法があるからです。この記事での私たちの目標は、そのすべての方法を記述することではありません。むしろ、我々は初心者の視点から、大まかに 3 つの手法の長所と短所をお話しし、その次に、今のところはこれでうまくいくという方法で一通りやってみます。
113 ウェブサイトをどんな外見にするか Assets, Beginner, Composing, Content, Design, Fonts, Learn, Plan, l10n:priority
始める前に、いくつか考えておかなければいけないことがあります。あなたのウェブサイトは実際に何をすべきでしょうか?普通ウェブサイトは様々なことができます。しかし、はじめは単純なことにとどめておくべきでしょう。まずは、一つの見出し、一つの画像、そして少しの文章をもつシンプルなウェブページを作ることから始めましょう。
114 ファイルの扱い Beginner, CodingScripting, Files, Guide, HTML, l10n:priority, theory, website
自分のコンピューター上のウェブサイトでローカルに作業している時、関連するすべてのファイルを、サーバー上に公開されたウェブサイトのファイル構造のミラーである単一のフォルダーに保持する必要があります。このフォルダーは好きな場所に置くことができますが、簡単に見つけることができる場所、たとえばデスクトップ上、ホームフォルダーの中、またはハードディスクのルートなどに置いてください。
115 基本的なソフトウェアのインストール Beginner, Browser, Learn, Setup, Tools, WebMechanics, l10n:priority, text editor, 学習
上のリストにはたくさんのツールが書かれていて、ちょっと恐ろしかったかもしれませんね。でも大丈夫です。ウェブ開発を始めるのには、まだ上のツールをほとんど知らなくても問題ありません。これから私たちが、ウェブ開発に必要最小限のツールのセットアップの仕方を説明しておきます。必要なものは、テキストエディターと最新のウェブブラウザーだけで十分です。
116 ツールとテスト Accessibility, Automation, Beginner, CSS, CodingScripting, HTML, JavaScript, Landing, Learn, NeedsTranslation, Testing, Tools, Topic, TopicStub, cross browser, user testing
ウェブ技術のコア (HTML, CSS,  JavaScriptのような) での快適なプログラミングを開始して、経験を積んで、色んなリソースを読み、色んなコツや技を学習すると、準備された CSS と JavaScript といったものからテスト自動化アプリやそれ以外の、全てのツールに出くわします。ウェブプロジェクトが大きく複雑になっていくと、こうしたツールを活用したり、コードの信頼できるテスト計画を考案したくなるでしょう。学習エリアのこのパートでは、開始したり選択するために必要なものを与えることを狙いとします。
117 クロスブラウザーテスト Accessibility, Automation, Beginner, CSS, CodingScripting, HTML, JavaScript, Landing, Learn, Module, Testing, Tools, cross browser
このモジュールでは、色々なウェブブラウザー間でウェブプロジェクトをテストすることに焦点を当てます。あなたのターゲット視聴者 (例 どのユーザー、ブラウザー、デバイスに一番関心があるのか?) の特定や、テストをどう動かすかや、主な問題としてさまざまな種類のコードと対面してそれらを緩和する方法や、テストを楽にして問題を解決するのに最も役立つツールが何かや、自動化を利用してテストをスピードアップする方法を見て行きます。
118 JavaScript のよくある問題を扱う Article, Beginner, CodingScripting, JavaScript, Learn, Libraries, Testing, cross browser, feature detection, linting, polyfills
So that's JavaScript. Simple huh? Maybe not so simple, but this article should at least give you a start, and some ideas on how to tackle the JavaScript-related problems you will come across.
119 はじめてのクロスブラウザーテスト Article, Beginner, CodingScripting, Learn, Testing, concepts, cross browser
この記事では、クロスブラウザーテストに関して知っておくべき最も大事な概念について、高位の理解を与えてきました。この知識を備えたことで、クロスブラウザーテストの戦略について学び始める準備ができています。
120 テスト自動化環境をセットアップする Article, Automation, Beginner, Browser, CodingScripting, Learn, Testing, Tools, cross browser, selenium
This module should have proven fun, and should have given you enough of an insight into writing and running automated tests for you to get going with writing your own automated tests.

ドキュメントのタグと貢献者

このページの貢献者: silverskyvicto
最終更新者: silverskyvicto,