閉じる

DOMから始めるJavaScriptモダン・スクリプティング

日経デザイン

目次

  • 第9回 JavaScriptは控えめに ~クロスブラウザ対策地獄からの脱出~

     今日,様々なブラウザがあふれており,またそれらのバージョンも多岐にわたります。すべてのブラウザ,そしてすべてのバージョンで全く同じように動くようにするというのは,もはや現実的ではありません。そこで,近年,Unobtrusive Scriptingと呼ばれるスクリプティングの考え方が注目されるように…

  • 第8回 スクリプトのパッケージ化 ~使い回しできるスクリプトを目指そう~

     今回は,スクリプトのパッケージ化について学んでいきます。JavaScriptコーディングの際に,案件ごとに同じような処理を幾度となく繰り返し作っていませんか? 同じ処理なのであれば,汎用的に作っておいて,それを繰り返し使えるようにすれば便利です。JavaScriptのコードは,書き方によって,その…

  • 第7回 スクリプトを完全に分離しよう ~コンテンツ,プレゼンテーション,ビヘイビア~

     前回でW3C DOMイベントモデルの基礎を学んできましたが,ここでは,その実践を見ていきます。W3C DOMイベントモデルで,どのようにしてHTMLとスクリプトを完全分離するのか,そして,W3C DOMイベントモデルを使うことで,イベント・ハンドラでの問題点も克服できることを具体的に見てきます。

  • 第6回 イベントハンドラから脱却しよう

    イベント・リスナーへようこそ

     JavaScriptによるアプリケーションを作成するうえでは,イベントは欠かすことができない要素です。ここでは,旧来より使われてきたイベントハンドラのおさらいと,イベントハンドラの問題点を考察します。そして,イベントハンドラに置き換わるW3C DOMイベントモデルの基礎を学んでいきます。

  • 第5回 DOMを使ってHTMLを自由自在に書き換える

     これまでは,すでにHTML上に存在している要素をDOMを使って参照する方法を見てきました。しかし,参照するだけではページに何も変化をつけることはできません。今回は,HTML上に新たに要素を追加したり,削除する手法を見ていきましょう。

  • 第4回 DOMスクリプティングのことはじめ(2) ~これはどんな要素?~

     前回ではHTML内に存在する要素を参照する方法を紹介してきました。今回は,参照した要素のタグ名やテキスト,属性を調べる方法を紹介してきます。次のサンプルHTMLを使って,それぞれの方法を見ていきましょう。

  • 第3回 DOMスクリプティングのことはじめ(1) ~要素(タグ)を狙い撃ち~

     DOMスクリプティングで動的なアクションを与えるためには,まずHTML上に存在する要素をJavaScriptから特定できなければいけません。ここではDOMで規定されている各種手法を解説していきます。DOMを使ってHTMLの特定の要素を参照するために,次の三つのメソッドのいずれかを使います。

  • 第2回 ブラウザからHTMLはどう見えているかを理解しよう ~ドキュメントツリー~

     今回はDOMの仕組みを学んでいきましょう。一つのHMTLが,Internet Explorer 7,Firefox 2.0,Operaでそれぞれどのようなドキュメントツリーとして見えているかを説明します。ちょっとした違いが,後ほどご紹介するDOMスクリプティングでトラブルの原因になります。

  • DOMから始めるJavaScriptモダン・スクリプティング---目次

     近年,Ajaxの台頭をきっかけに,JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では,ページの表示を変化させるだけであれば,ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。

  • 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ

     AJAXの台頭をはじめとするブラウザのリッチ・クライアント化により,JavaScriptに求められる要求は,複雑さを増すばかりです。本連載では,DOM(Document Object Model)を使ったJavaScriptの新しいコーディング手法について紹介していきます。

日経 xTECH SPECIAL

What's New!

経営

クラウド

アプリケーション/DB/ミドルウエア

運用管理

設計/開発

サーバー/ストレージ

クライアント/OA機器

ネットワーク/通信サービス

セキュリティ

もっと見る