本文へジャンプ

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む。


お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名（非表示設定にしていない限り）とディスプレイ・ネームは、投稿するコンテンツと一緒に表示されます。

送信されたすべての情報は安全です。

  • 閉じる [x]

developerWorks に初めてサインインするとプロフィールが作成されますので、その際にディスプレイ・ネームを選択する必要があります。ディスプレイ・ネームは、お客様が developerWorks に投稿するコンテンツと一緒に表示されます。

ディスプレイ・ネームは、3文字から31文字の範囲で指定し、かつ developerWorks コミュニティーでユニークである必要があります。また、プライバシー上の理由でお客様の電子メール・アドレスは使用しないでください。

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む。


送信されたすべての情報は安全です。

  • 閉じる [x]

言語を選択する：

  • 閉じる [x]
  • 閉じる [x]

HTML5 の基礎

日付：  2011年 11月 08日 |レベル：中級 |

進行状況を保存するには、 サインインしてください (詳細はこちら)

進行状況を保存 (詳細はこちら)

1. HTML5 入門

HTML5 は、Web とクラウド上で今お客様が進めているビジネスにおける歴史的な変化を反映しています。HTML5 を実装する Web サイトやアプリケーションを構築する基盤を得るために、HTML5 が提供する要素と API の多くの機能と構文を見てみましょう。

読む: HTML5 の基礎: 第 1 回 最初の一歩項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: Create modern Web sites using HTML5 and CSS3 (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5 で新たに導入された構造タグ項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5、CSS3、および関連技術項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5 動画の紹介項目は未完了とマークされています - 完了にするにはマークをクリックしてください

見る: 基本的な HTML5 の Web ページを作成する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

演習: セマンティック・エラーを発見し、解決する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

2. フォームで入力を受け付ける

フォームは、JavaScript コーディングの必要性を減らすことで、基本的な HTML でより多くの機能を提供するために強化されています。少数のタグを使用するだけで、素晴らしい結果を創ることができます。フォームは、Web サイトの所有者またはエージェントと Web サイト・ユーザー間の相互作用を活気づける中心的な要因であり、そのため、サイトの設計と開発に非常に重要です。

読む: HTML5 の基礎: 第 2 回 入力を編成する項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: フォームの検証とフォーム要素のスタイリング (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

見る: HTML5 フォームを設計する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

演習: シンプルな HTML5 フォームを作成する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

3. API での作業

アプリケーション・プログラミング・インタフェース (API) を使用することで、その API が提供するサービスを実装した製品を設計することができます。そして、Web Workers と新しい JavaScript プログラミング・モデルで、Web アプリケーションの双方向性を向上させることができます。HTML5 の API のいくつかで提供される可能性をより深く見て、独自の Web アプリケーションに Web Workers をどのように採用するかを学びましょう。

読む: HTML5 の基礎: 第 3 回 HTML5 API の能力項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: Web Workers を使用して Web アプケーションのユーザビリティーを高める項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5 － iPhone の位置情報のコード例 (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML 5 を使ってモバイル Web アプリケーションを作成する: 第 1 回、HTML 5、ジオロケーション API、Web サービスを組み合わせ、モバイル・マッシュアップを作成する項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5 － ContentEditable と LocalStorage のコード例 － Web 付箋メモを作成する！ (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

演習: 地理位置情報コンポーネントを作成する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

演習: 専用と共有 Web Workers を作成する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

4. Canvas のエクスペリエンスを強化する

リッチ・インターネット・アプリケーション (RIA) を作り出すことは、人目を引くことと魅力的なコンテンツの開発を含んでいます。HTML5 の Canvas は、RIA アプリケーションを作成するための基盤を提供します。HTML5 Canvas API は、鮮やかなグラフィックスとアニメーションを作成するためにページに直接描画することを可能にします。

読む: HTML5 の基礎: 第 4 回 最後の仕上げ項目は未完了とマークされています - 完了にするにはマークをクリックしてください

読む: HTML5 の Canvas を使って素晴らしいグラフィックスを作成する項目は未完了とマークされています - 完了にするにはマークをクリックしてください

見る: Canvas をペイントする (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください

演習: 幾何学図形を作成する (英語)項目は未完了とマークされています - 完了にするにはマークをクリックしてください




このコンテンツを評価する



フィードバックをお寄せください

送信に失敗しました。もう一度やり直してください。

送信する前に次の質問のいずれかを記入してください。

1. この Knowledge Path を終了していますか?

       

2. どのくらいスキルが身につきましたか?

           

3. 詳しくお聞かせください

  • 何が気に入り、何が気に入らなかったか?
  • 私どもがさらに良くできることは何でしょうか?

残り 2500 文字

送信ボタンを無効にしました

閉じる [x]

Add to My dW interests

Submission failed. Please try again.

Topics:

  • HTML
  • Webオーサリング

My profile

閉じる [x]

developerWorks: サイン・イン


IBM ID が必要ですか?
IBM IDをお忘れですか？


パスワードをお忘れですか？
パスワードの変更

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 利用条件。

 

お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。 プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。 お客様の姓名（非表示設定にしていない限り）とディスプレイ・ネームは、投稿するコンテンツと一緒に表示されます。

送信されたすべての情報は安全です。

閉じる [x]

表示名をお選びください

developerWorks に初めてサインインするとプロフィールが作成されますので、その際にディスプレイ・ネームを選択する必要があります。ディスプレイ・ネームは、お客様が developerWorks に投稿するコンテンツと一緒に表示されます。

ディスプレイ・ネームは、3文字から31文字の範囲で指定し、かつ developerWorks コミュニティーでユニークである必要があります。また、プライバシー上の理由でお客様の電子メール・アドレスは使用しないでください。

（半角英数字で3文字以上31文字以下にする必要があります）

「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 利用条件。

 

送信されたすべての情報は安全です。

閉じる [x]

進行状況を保存 項目は完了とマークされています - 未完了にするにはマークをクリックしてください

サインインの際、お客様の developerWorks コミュニティーのホームページにこのアイテムを保存し、お客様が戻られた時に再開する場所と、どこまで完了したかが分かるように進捗状況を追跡します。

お客様が保存した項目のリストについては、マイ・ホームの「備忘録」を参照してください。

閉じる [x]

ありがとうございました。

お客様の私どもへのフィードバックを共有することに感謝申し上げます。

閉じる [x]

進行状況を保存しますか?

, 進行状況を保存するには、サインインしてください

閉じる [x]

進行状況を保存

申し訳ございません。サーバーが現在利用できないため、この時点でお客様が保存した進行状況を表示することができません。

サーバーが再び使用可能になった時に進行状況が表示されます。以前のすべての進行状況が保持され、追加の進行状況は追跡されています。

お客様の最も最近の進行状況が24時間以内に表示されていない場合は、完了を示すためにチェックマークをクリックすることができます。

この Knowledge Path について

World Wide Web が 1990年代の初期に現れて以来、HTML は、その密接なパートナーである JavaScript と CSS によってバックアップされながら相対的に強力なマークアップ言語になるために進化してきました。そして視覚的に素晴らしくインタラクティブな Web サイトやアプリケーションを作成するために使用できます。HTML5 は、Web とクラウド上で今お客様が進めているビジネスにおける歴史的な変化を反映しています。この Knowledge Path は、HTML5 の基礎を取得したい方々のために用意されています。

このコンテンツでのアクティビティー

  1. HTML5 入門
  2. フォームで入力を受け付ける
  3. API での作業
  4. Canvas のエクスペリエンスを強化する

関連リンク

このページを共有する：

  • 閉じる [x]

developerWorks をフォロー：

  • 閉じる [x]
static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=60
Zone=Web development
ArticleID=772941
publish-date=11082011