ユーザ用ツール

サイト用ツール


javascript

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン
前のリビジョン
javascript [2011/02/16 00:56] – 外部編集 127.0.0.1javascript [2015/07/29 10:01] (現在) nullpon
行 1: 行 1:
 ====== JavaScript ====== ====== JavaScript ======
-JavaScriptはオブジェクト指向スクリプト言語。主にブラウザ上でDHTMLの実現、ユーザ操作の補助、Ajaxと呼ばれる手法で高度なWebアプリケーション作成に利用される+JavaScriptはオブジェクト指向スクリプト言語。
  
-===== 仕様 ===== +Webブラウザ上で動作するスクリプト言語として主に使用されてきたが、node.js登場Webアプリケーションサーバサイド実装にも利用されるうにってきた
-  * ECMAScript - 言語仕様。現行の仕様は[[http://www.ecma-international.org/publications/standards/Ecma-262.htm|ECMAS-262 ECMAScript Language Specification 3rd Edition]]として文書化されている。  +
-    * ネイティブオブジェクト - ECMAScriptで定義されているオブジェクト。StringやDateのように言語仕様に含まれいるも。 +
-    * ホストオブジェクト - 言語仕様では定義されておらず、実装が提供するオブジェクト。windowやXMLHttpRequest。 +
-  * DOM - XMLやHTMLを扱うためのAPI仕様。表示されていHTML文書のDOMをJavaScriptで操作することでWebページを操作する。 +
-  * E4X - JavaScript中で直接XMLを扱ためのECMAScript拡張仕様、ブラウザっては全く動かないのであまり使われていない+
  
-==== ECMAScript ==== +ページ整理中
-JavaScriptの言語仕様部分。最新の仕様はECMA-262 5th Editionで文書化されている。現在の主要なブラウザが実装している仕様はECMAScript 3rd Editionであるが、最新のブラウザでは既に5thの一部の仕様が実装されている。+
  
-  * [[http://www.ecma-international.org/publications/standards/Ecma-262.htm|ECMA-262 5th Edition]] +  * [[JavaScript]] 名前空間は主にブラウザで動作するJavaScriptの話題を扱う 
-  * [[http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm|ECMA-262 Archives]]+  * 言語仕様的な話は [[ECMAScript]] 名前空間で 
 +  * node.jsの話は [[nodejs]] 名前空間で
  
-ECMAScriptは言語仕様であり、HTML文書の操作(DHTML)の仕様は一切定められていない。DHTMLに関する共通仕様はW3CのDOMによって決められている。+===== 仕様 =====
  
-ホストオブジェクト(window、navigator、location、history 等)には標準仕様がなく各ブラウザベンダが互いに様子見しり、協力しつつ実装しているようだ。たXMLHttpRequestついては[[html:html5]]仕様化さるようだ+  * ECMAScript - 言語仕様。  
 +  * DOM - XMLやHTMLを扱うめのAPI仕様。表示されているHTML文書のDOMをJavaScriptで操作することでWebページを操作する 
 +  * E4X - JavaScript中で直接XMLを扱うめのECMAScript拡張仕様ブラウザよっては全く動かないのあまり使わていない
  
-==== プロトタイプベースオブジェクト指向 ==== +ECMAScriptにHTML文書操作(DHTML)の仕様は定めらていないDHTMLに関す仕様w3cのDOMによって決めらている。
-Java等のオブジェクト指向クラスベースオブジェクト指向と呼ば一方、JavaScriptはプロトタイプベース、あインスタンスベースオブジェクト指向と呼ばれる。+
  
-クラスベースは、まず振る舞いとデータをクラスとして定義し、クラスを型とするンスタンスを作成する。そしてラスで定義した操作を組み合わせプログラミングす。プロタイプベースでは、まずインスタンスを作成し、そのインスタンスに独自の性質を付加してプログラミングするまた別のインスタンをプロタイプとすることプロタイプとなったインスタンスの性質を引き継ぐことができる+  * ネティブオブジェト - ECMAScript仕様で定義されオブジェクト。StringやArray。 
 +  * ホストオブジェクト - 実行環境が提供するオブジェクトECMAScriptの仕様外のもの。windowやDOMオブジェク、XMLHttpRequest
  
-クラに縛られないため、実行中の任意の場所でプロパティやメソッドをオブジェクト変更したり、く追加たり、削除したりすることができる。これStringやwindow等のビルトインオブジェクトも例外ではなく、同じStringのオブジェクトでもオブジェクトごと別の振る舞を持たせ事もできる +DOM以外のホオブジェクト(window、navigator、location、history 等)は標準仕様がなく各ブラウザベンダが互いに様子見したり、協力つつ実装ていようだ新しいAPIについてwhatwgよって仕様化が進められている
-<code javascript> +
-var a = new String("JavaScript"); +
-var b = new String("JavaScript"); +
-b.toString = function() { return this.valueOf() + "にゃー"; };+
  
-console.log(a.toString());  // "JavaScript" 
-console.log(b.toString());  // "JavaScriptにゃー" 
-</code> 
  
-===== JavaScript言語 ===== +===== DOM (Document Object Model) ===== 
-  * [[javascript:function|関数]] +  * [[html:api|HTMLで使えるJavaScript API]]
-  * [[javascript:closure|クロージャ]] +
-  * [[javascript:object|オブジェクト]] +
-  * [[javascript:class|クラス]] +
-  * [[javascript:inherit|継承とオーバーライド]]+
  
-  * [[javascript:generator|ジェネレータ]]  
- 
-===== TIPS ===== 
-  * [[javascript:extendsString|Stringを拡張する]] 
-  * [[javascript:stringReplace|String#replaceに関数を渡す]] 
- 
-===== DOM (Document Object Model) ===== 
   * [[javascript:css|JavaScriptでCSSを動的に定義する]]   * [[javascript:css|JavaScriptでCSSを動的に定義する]]
   * [[javascript:addEventListener|addEventListenerメソッドのuseCaptureについて]]   * [[javascript:addEventListener|addEventListenerメソッドのuseCaptureについて]]
行 59: 行 38:
   * [[javascript/bookmarklet]]   * [[javascript/bookmarklet]]
  
-===== 実行環境 ===== 
-==== ECMAScriptの処理系 ==== 
-  * [[https://developer.mozilla.org/ja/Rhino|Rhino - MDC]] - Javaで書かれたJavaScriptエンジン、JDK6に付属しているJavaScriptエンジンはこれ。 
-  * JScript - WSH(Windows付属のスクリプト実行環境)、IEのJavaScriptエンジン、ASPの記述言語として利用される。WSHはWindowsコマンドプロンプト上で実行できる他、.js拡張子のスクリプトをダブルクリックで実行可能。最新版では、ActiveXオブジェクトや、.NETクラスライブラリを使うこともできる。 
- 
-==== ブラウザのJSエンジン ==== 
- 
-  * SpiderMonkey - Firefox3のJavaScriptエンジン 
-  * TraceMonkey - Firefox3.1、JIT技術による大幅な高速化 
-  * JavaScriptCore - Safari 
-  * Nitro - Safari4 (SquirrelFish Extremeから改名?) 
-  * V8 - Google Chrome 
- 
-===== ライブラリ ===== 
-言語機能拡張、ウィジェット・GUIコンポーネントの提供、クロスブラウザ、Ajax処理の簡易化等の機能を提供する。 
-^ ライブラリ ^ ライセンス ^ メモ ^ 
-| [[http://www.prototypejs.org/|prototype.js]] | MIT | これに依存するライブラリが多い。  | 
-| [[http://script.aculo.us/|script.aculo.us]] | MIT | prototype.jsにエフェクト等の機能を追加する拡張ライブラリ | 
-| [[http://www.dojotoolkit.org/|Dojo Toolkit]] | [[http://dojotoolkit.org/about/license|AFL v2.1]] | 全部入りの重量級ライブラリ | 
-| [[http://openrico.org/rico/home.page|rico]] | Apache 2.0  | prototype.js依存 | 
-| [[http://mochikit.com/|Mochikit]] | MIT or AFL v2.1 | 軽量 | 
-| [[jQuery]] | [[http://docs.jquery.com/Licensing |MIT or GPL]]  | prototypeを抜きトップ独走中 | 
-| [[http://ui.jquery.com/|jQuery UI]] | [[http://docs.jquery.com/Licensing|MIT or GPL]]  | jQueryにUIコンポーネントを追加 | 
-| [[http://extjs.com/|Ext JS]] | [[http://extjs.com/license|LGPL 3.0]] | prototype.js、YUI、jQueryにコンポーネントを追加する。単体でも動作可能、重い | 
-| [[http://developer.yahoo.com/yui/|YUI]] | BSD | Yahoo!が作成したライブラリ | 
-| [[http://mootools.net/|MooTools]] | MIT | 軽い | 
- 
- 
-その他 
-  * [[http://livepipe.net/projects/control_modal/|Cotrol.Modal]] LightBox風モーダルダイアログ作成ライブラリ、要prototype.js 
-  * [[http://www.kawa.et/works/js/jkl/calender.html|jkl.calendar]] とりあえずカレンダーが欲しいときに便利 
- 
-  * [[http://www.sproutcore.com/|SproutCore]] JavaScript単体ライブラリではなくサーバサイドとセットになっており、アプリケーション作成に特化されている 
- 
-巨大ライブラリで通信負荷が気になる場合は、Gzip圧縮転送などを使う。 
- 
-==== Google AJAX Libraries API ==== 
-GoogleのサーバからjQuery等の各種ライブラリを取得できる。これを用いる事で開発者にはダウンロード設置の手間が省け、運用では負荷の低減、ユーザにはライブラリのキャッシュヒットの可能性が高くなり、高速化が期待できる(かも…) 
- 
-http://code.google.com/intl/ja/apis/ajaxlibs/ 
- 
-直接読み込む 
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" /> 
- 
-googleのライブラリを通して取得する 
-  <script src="http://www.google.com/jsapi"></script> 
-  <script> 
-    google.load("jquery", "1.3.1"); 
-  </script> 
- 
-==== JavaScript WYSIWYGエディタ ==== 
-  * [[http://www.fckeditor.net/|FCKeditor]]  
-  * [[http://tinymce.moxiecode.com/|TinyMCE]] 
-  * [[http://code.google.com/p/jwysiwyg/|jwysiwyg]] 
- 
-[[http://kyms.ne.jp/siteman/item_218.html|TinyMCEとFCKeditorの違いを比較]]、TinyMCEは複数の1つのインスタンスで複数のテキストエリアに対応できるので、1画面上に二つのエディタを置くとき圧倒的に速い。 
  
-jwysiwygはjQueryプラグインとして提供されるライブラリ。 
javascript.1297817804.txt.gz · 最終更新: 2011/04/11 14:46 (外部編集)