HTMLをJavaScriptから操作するときに用いる形式 DOM
Tweet Tweet前回は、開発、実行、デバッグ手法などクライアントサイドJavaScriptとHTMLについてまとめた。ここでは、HTMLをJavaScriptから操作するときに用いる形式であるDOMについて解説する。 １ DOMとは DOM（Document Object Model）とは、HTMLドキュメントやXMLドキュメントをプログラムから利用するためのAPIである。DOMではHTMLドキュメントやXMLドキュメントをオブジェクトのツリー状の集合（DOMツリー）として取り扱う。DOMツリーの中の一つひとつのオブジェクトはノードと呼ばれる。 DOM Level 1 DOM Level 1にはCoreとHTMLの2つのモジュールから構成される。CoreはHTMLに限らない一般的なDOM操作についての仕様で、HTMLはHTML文書に特有のメソッドについての仕様である。 DOM Lev
開発、実行、デバッグ クライアントサイドJavaScriptとHTML
Tweet Tweet前回は、配列、JSON処理、日付処理、正規表現などJavaScriptのデータ処理についてまとめた。ここでは、開発、実行、デバッグ手法などクライアントサイドJavaScriptとHTMLについて解説する。 １ クライアントサイドJavaScriptの重要性 Webアプリケーションの発達 インターネットの発展により複雑な機能を提供するWebページが作成されるようになった。これらのWebページは一般に単なる文書ではなくアプリケーションであるという意味からWebアプリケーションと称される。 Webアプリケーションの機能を実現するためには2つの場所で処理を実行する。すなわち、サーバサイドとクライアントサイド（Webブラウザ）である。サーバサイドの処理は、Java、Perl、Python、Ruby、SQLなどといった多様な言語で実装される。それに対してクライアントサイドの機能を
配列、JSON、日付、正規表現 JavaScriptのデータ処理
Tweet Tweet前回は、関数自体の演算と状態を持つ関数である関数とクロージャについてまとめた。ここでは、配列、JSON処理、日付処理、正規表現 JavaScriptのデータ処理について解説する。 １ 配列 配列は順序のある要素の集まりである。JavaScriptの配列の長さは可変である。なぜならJavaScriptの配列はオブジェクトだからである。 JavaScriptの配列 JavaScriptの配列はリテラル表記とnew式（後述）の2つの方法で生成できる。配列リテラルはブラケット（[]）の中に配列要素をカンマで区切って並べる。要素がない配列は長さゼロの配列である。要素には任意の値やオブジェクト参照を指定できる。 配列の要素アクセス 配列の要素のアクセスはブラケット演算子（[]演算子）で行う。[]内には添字の数値を書く。添字は0から始まる。要素のない添字を指定するとundefine
関数自体の演算と状態を持つ関数 関数とクロージャ
Tweet Tweet前回は、オブジェクト指向を支援する機能を提供するオブジェクト指向言語であるJavaScriptにおける変数とオブジェクトについてまとめた。ここでは、関数自体の演算である関数と状態を持つ関数であるクロージャについて解説する。 １ 関数宣言文と関数リテラル式 関数宣言文と関数リテラル式で関数を宣言できる。関数宣言文で宣言した関数は宣言より前に呼び出し可能である。 ２ 関数呼び出しの整理 関数呼び出しの分類は以下の通り。 メソッド呼び出し：レシーバオブジェクト経由での関数呼び出し（applyとcallの呼び出しも含む） コンストラクタ呼び出し：new式での関数呼び出し 関数呼び出し：上記2つ以外の関数呼び出し 関数宣言文の巻き上げ 関数宣言文で宣言した関数は、宣言した行より前のコードから呼べる。 ３ 引数とローカル変数 argumentsオブジェクト 関数内でargumen
オブジェクト指向言語JavaScript 変数とオブジェクト
Tweet Tweet前回は、JavaScriptの文法規則 文、式、演算子についてまとめた。ここでは、オブジェクト指向を支援する機能を提供するオブジェクト指向言語であるJavaScriptにおける変数とオブジェクトについて解説する。 １ 変数の宣言 変数の役割は値の格納やオブジェクトを名前で呼ぶことである。宣言しただけで何も代入していない変数の値はundefined値である。 ２ 変数と参照 変数が名前を付ける対象の代表はオブジェクトである。オブジェクトそれ自体には名前がなく、名なしのオブジェクトを名前で呼ぶために使うのが変数である。変数には基本型変数（値型変数）と参照型変数の区別がある。参照とは、オブジェクトの位置情報を指し示すモノと言える。 関数の引数（値渡し） 値渡し（call-by-value）とは、JavaScriptの代入演算は右辺から左辺への値のコピーと考えるといった規則の
JavaScriptの文法規則 文、式、演算子
Tweet Tweet前回は、５つの基本型とオブジェクト型 JavaScriptの型についてまとめた。ここでは、JavaScriptの文法規則 文、式、演算子について解説する。 １ 式と文の構造 JavaScriptのソースコードは文の集まりである。文は文と式から構成される。式は式と演算子から構成される。 式を最後まで分解すると、識別子（変数名や関数名）とリテラル値（数値や文字列の直接表記）と演算子（記号が予約語）になる。 ２ 予約語 予約語（reserved word）はECMAScript第5版は以下の5つに分解される。 キーワード：break、do、instanceofなど 将来の予約語：class、enum、extendsなど null：リテラル値 true：リテラル値 false：リテラル値 ３ 識別子 識別子は変数名や関数名など、開発者がプログラムの中で定義する単語である。識別
５つの基本型とオブジェクト型 JavaScriptの型
Tweet Tweet前回は、インタプリタ言語、動的型言語など JavaScript の言語仕様についてまとめた。ここでは、５つの基本型とオブジェクト型という合計6つの型がある JavaScript の型について解説する。 １ 型とは 型とは対象の特徴を決定づけるものである。JavaScriptには以下の5つの基本型がある。 文字列型 数値型 ブーリアン型 null型 undefined型 5つの基本型以外をオブジェクト型と呼ぶ。つまりJavaScriptの型は6種類に分類できる。なお、基本型のインスタンスを「値」と呼び、オブジェクト型のインスタンスをオブジェクトと呼ぶ。 型に関してJavaとの比較 型に関してJavaScriptとJavaの比較は以下の2つである。1つは動的型と静的型という視点、もう1つはクラスベースとプロトタイプベースの視点である。前者では、Javaのように変数に型のあ
JavaScriptでgreasemonkeyを作成する方法 - flandlescarlet's diary【情報工学生の備忘録】
サイトの表示や動作を自己流にアレンジできる JavaScriptが使えるようになると、greasemonkeyも使えるようになると言われていますが、個人的にはDOMの概念について理解しておかないと使えないと言っても良いかもしれません。 JavaScriptには大きく分けると ナビゲータオブジェクト(ブラウザの判別やハンドラ等) ビルトインオブジェクト(newで始まる予め用意されたオブジェクト) DOM(Document Model Object いわばDHTML) 基本的にはこの3つです。 ではgreasemonkeyはDOMを理解していないとできないのか!?と言われればそうではありません。主にgreasemonkeyでやっている事は内容の書き換えですのでDOMを用いる場面が多いというのが結論となってきます。DOMを用いなくてもgreasemonkeyは製作出来ますが、基本的にナビゲーター
13 Sites to Learn How to Code for Web Developers
Gone are the days when programming languages could only be mastered programmers like Bill Gates, who later got to dominate the world by storm. Now everyone holds the same potential, and the chance to learn and even master programming language easily. Today, we will show you 10 interactive websites that will help you do that. That’s right, forget about complicated setups and black, cold command pro
Basic JavaScript for the impatient programmer
Two things contradict what we have said about primitives versus objects: The type of a function is 'function' and not 'object'. Given that Function (the type of functions) is a subtype of Object (the type of objects), this isn’t wrong. The type of null is 'object'. This is a bug, but one that can’t be fixed, because it would break existing code. instanceof looks like this: «value» instanceof «Cons
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方
Web Creative Park
このサイトは? JavaScriptやjQuery、jQuery Mobileなどのリファレンスを提供するサイトです。 現在総意製作中の為、情報量は少ないですが、日々追加されていっています。
iOSプログラマへ。HTML5 Canvasがおもしろい！
Media Art II 2013 第7回 : openFrameworks 3Dグラフィクス、OpenGL
Frontrend/05
Kobayashi @koba_biz 今日はFrontrend Vol.5 powered by CyberAgent, Inc.参加するのでこれから渋谷～ 2013-05-25 11:59:23
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スタイル、AJAX、フォーム 実践クライアントサイドJavaScript
要素を取得しイベントハンドラを登録 イベントの取り扱い
コロコロ公式サイト｜コロコロゲームクラフトブロック
Chegg Skills | Skills Programs for the Modern Workplace
JSer.info
tettori