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の新しいコーディング手法について紹介していきます。
日経クロステック Special
What's New
経営
- ジェイテクトエレクトロニクスのDX事例
- NTTドコモ支援の実践型教育プログラム
- DXを成功に導くITインフラとは?
- NTTデータに優秀なデジタル人財が集まる理由
- 地域創生で重要になる「事業化」の視点とは
- ERPプロジェクト≫IT人財の必須条件は
- 先進都市対談>生成AIは行政DXの切札?
- 多様化する地域の課題解決に向けて議論
- 地域×テクノロジーでミライを共創する
- 脱レガシー案件≫SIerに必要な人財像は
- 役所文化の変革!奈良市のデジタル市役所
- イノベーションの起爆剤
- 3段階で考える、DXで企業力を高める方法
- 石戸氏に聞く。生成AIを教育で使うには
- 東芝が描くDXの道筋とその先の未来とは
- 次世代技術をもっとリアルに体感したいなら
- 大規模プロジェクトでPMが注意すべき点は
- ファンケルの躍進を支えたMAの徹底活用術
- 経営戦略と連動したシステムのあるべき姿
- 大阪・名古屋エリアのDXが注目される理由
- 力点は「未来予測」へ:データ利活用の勘所
- 生成AI活用でSAP BTPの価値が進化
- ServiceNowでDXを加速≫方法は