World Wide Web のオープンな性質は、ウェブサイトやオンラインアプリケーションを作ろうとする人に信じられないほどの機会を提供します。ウェブの能力を最大限に活用するには、それを使用する方法を知っておく必要があります。下記のリンクを探索すると、さまざまなウェブ技術について学習することができます。

ウェブ技術

基礎技術

HTML
HTML (HyperText Markup Language; ハイパーテキストマークアップ言語) はウェブページのコンテンツを記述し定義するための言語です。
CSS
CSS (Cascading Style Sheets; カスケーディングスタイルシート) はウェブコンテンツの見た目を制御するために使います。
HTTP
HTTP (Hypertext Transfer Protocol) は HTML その他のハイパーメディア文書をウェブで配信するために使われます。

スクリプト

JavaScript
JavaScript はブラウザ内で動作するプログラミング言語で、対話的なウェブサイトやアプリケーションを作るのに使われます。
Web API
Web API (Web Application Programming Interfaces) はいろいろなタスクを実行するのに使われます。そのタスクには DOM の操作や、音声や動画の再生や、3次元グラフィックの生成があります。
  • Web API インターフェイスリファレンス - ウェブ開発で使うことのできるすべてのオブジェクトを載せています。
  • WebAPI ページには、通信やハードウェアアクセスや、その他のウェブアプリケーション開発用のすべての API を載せています。
  • イベントリファレンス にはウェブページやアプリケーションの中で行われる、興味を引くことがらを追跡して反応するのに使うすべてのイベントを載せています。
Web component
Web Component は、再利用可能なカスタム要素を作成することができる技術の集合体です。機能の実現手段はコードの他の部分から隠蔽されており、ウェブアプリの中で利用することができます。

グラフィック

Canvas
<canvas> 要素は JavaScript を使って3次元のグラフィック描画できるAPI を提供します。
SVG
SVG (Scalable Vector Graphics) では直線、曲線、その他の幾何学形状を使ってグラフィックを描画します。ベクターにて、いかなるサイズでも明瞭に拡大縮小される画像を作成できます。
WebGL
WebGL は HTML5 の <canvas> 要素を用いて 3Dや2D のグラフィックを描画できる JavaScript API です。この技術ではウェブコンテンツの中で標準の OpenGL ES を使えます。

音声、動画、マルチメディア

ウェブメディア技術
メディア関連の API 一覧で、それぞれ必要となる文書へのリンクがあります。
Overview of media technology on the web
オープンウェブテクノロジーとそれがオーディオとビデオの再生、操作、レコーディングをサポートするAPI について見ていきます。どの API を使うべきか分からない場合、ここが始める場所です。
Media Capture and Streams API
ストリーミング、録画、メディア操作をローカル/ネットワーク経由の両方で可能にする API のリファレンスです。ここには動画やオーディオや静止画をキャプチャーするためのローカルのカメラやマイクを使うものも入っています。
Using HTML5 audio and video
動画/オーディオをウェブページに組み込んで再生を制御します。
WebRTC
WebRTC での RTC とは Real-Time Communications を表し、これはオーディオ/ビデオのストリーミングとデータ共有を、ブラウザーのクライアント同士(ピアー)で可能にするテクノロジーです。

その他

MathML
MathML (Mathematical Markup Language; 数学用のマークアップ言語) を用いて複雑な数学の方程式や構文を表示できます。

学習エリア

ウェブ開発を学ぶ
この一連の記事は初心者にとって、シンプルなウェブサイトをコーティングし始めるのに必要なすべてを提供します。
ウェブプログレッシブ・ウェブアプリ
プログレッシブ・ウェブアプリは、クロスプラットフォーム/マルチプラットフォーム対応アプリを作成するためのWebアクセシビリティ(プログレッシブ・エンハンスメント)向上対策を伴う「ウェブAPI」を活用します。このようなアプリは、どこでも動作し、異なる側面で使わます。これらは、ネイティブアプリとして、各用途に応じた、同様のユーザ体験効果を実現します。
この一連の文書や手引きは、プログレッシブ・ウェブアプリに関して必要なすべての内容理解の手助けとなります。

その他のトピック

Web アプリケーション開発
この一連の記事ではモバイル、デスクトップ用の Web アプリ開発に使う技術を説明します。
アクセシビリティ
Web 開発におけるアクセシビリティとは、視覚、聴覚、その他の能力が制限された人も含め、ウェブサイトをできる限り多くの人が使えるようにすることです。この一連の記事では、アクセシビリティを高めるようにウェブ開発するための情報をまとめています。
ローカライゼーション(L10n)とインターナショナライゼーション(I18n)
ウェブはグローバルコミュニティです。 全てのサイトはその一部であり、各サイトやアプリを使用する、すべてのユーザに対応した言語・レイアウトのコンテンツが必要とされることを心得てください。

セキュリティ

ウェブサイトやアプリが個人情報を悪意の者へ漏えいさせてしまわないようにします。一連の記事を使ってプロジェクトをしっかりと安全に保ってください。
WebAssembly
WebAssemblyは、現代ブラウザで動作可能な新系統の仕様です。ネイティブに近いパフォーマンスで動作するコンパクトなバイナリー形式のアセンブリのような(機械語と一対一対応の)低級言語です。さらに、C/C++などのコンパイル対象にできるため、これらの言語をウェブ上で実行することができます。

すべて見る...

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

最終更新者: mojahige,