ユーザ用ツール

サイト用ツール


javascript

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
javascript [2014/01/04 13:36] – [ECMAScript] nullponjavascript [2015/07/29 10:01] (現在) nullpon
行 4: 行 4:
 Webブラウザ上で動作するスクリプト言語として主に使用されてきたが、node.jsの登場よってWebアプリケーションのサーバサイド実装にも利用されるようになってきた。 Webブラウザ上で動作するスクリプト言語として主に使用されてきたが、node.jsの登場よってWebアプリケーションのサーバサイド実装にも利用されるようになってきた。
  
-===== 特徴 =====+ページ整理中
  
-  * 動的型付け +  * [[JavaScript]] 名前空間は主にブラウザで動作するJavaScriptの話題を扱う 
-  * プロトタイプベース(インスタンスベース)オジェクト指向 +  * 言語仕様的な話は [[ECMAScript]] 名前空間で 
-  * ファーストクス関数/クロージャ +  * node.js話は [[nodejs]] 名前空間
- +
-===== プログラミング手法 ===== +
- +
-  * 非同期処理 +
-  * イベント駆動型 +
- +
-多く処理系がシングルスレッドあるため、シングルスレッド前提のプログラミング手法を用いる。イベント駆動型の非同期処理はコードが処理が追いにくく複雑になりやすいが、クロージャによって容易な記述が可能になる。+
  
 ===== 仕様 ===== ===== 仕様 =====
行 23: 行 16:
   * E4X - JavaScript中で直接XMLを扱うためのECMAScript拡張仕様、ブラウザによっては全く動かないのであまり使われていない。   * E4X - JavaScript中で直接XMLを扱うためのECMAScript拡張仕様、ブラウザによっては全く動かないのであまり使われていない。
  
-==== ECMAScript ==== +ECMAScriptにはHTML文書の操作(DHTML)の仕様は定められていない。DHTMLに関する仕様はw3cのDOMによって決められている。
- +
-ECMAScriptはJavaScriptの言語仕様を標準化したもの。ECMA Internationalによって標準化されている。 +
- +
-  * [[http://www.ecma-international.org/publications/standards/Ecma-262.htm|ECMA-262 5th Edition]] +
-  * [[http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm|ECMA-262 Archives]] +
- +
- +
-最新の仕様はECMA-262 5th Edition、次期標準である6th Editionが策定されており、2014年末頃に完了の予定 +
- +
-  * [[javascript:es5|ECMAScript 5th Editionでの追加機能]] +
-  * [[javascript:es6|ECMAScript 6th Editionでの追加機能]] +
- +
- +
-ECMAScriptにはHTML文書の操作(DHTML)の仕様は定められていない。DHTMLに関する仕様はw3cのDOMによって決められている。またHTML5と呼ばれるJavaScript APIもw3cが決めている。+
  
   * ネイティブオブジェクト - ECMAScript仕様で定義されているオブジェクト。StringやArray。   * ネイティブオブジェクト - ECMAScript仕様で定義されているオブジェクト。StringやArray。
   * ホストオブジェクト - 実行環境が提供するオブジェクトでECMAScriptの仕様外のもの。windowやDOMオブジェクト、XMLHttpRequest。   * ホストオブジェクト - 実行環境が提供するオブジェクトでECMAScriptの仕様外のもの。windowやDOMオブジェクト、XMLHttpRequest。
  
-DOM以外のホストオブジェクト(window、navigator、location、history 等)には標準仕様がなく各ブラウザベンダが互いに様子見したり、協力しつつ実装しているようだ。ただ、XMLHttpRequestについては[[html:html5]]で仕様化+DOM以外のホストオブジェクト(window、navigator、location、history 等)には標準仕様がなく各ブラウザベンダが互いに様子見したり、協力しつつ実装しているようだ。新しいAPIについてはwhatwgによって仕様化が進めらている
  
- 
- 
-==== プロトタイプベースオブジェクト指向 ==== 
-Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 
- 
-クラスベースは、まず振る舞いとデータをクラスとして定義し、クラスを型とするインスタンスを作成する。そしてクラスで定義した操作を組み合わせてプログラミングする。プロトタイプベースでは、まずインスタンスを作成し、そのインスタンスに独自の性質を付加してプログラミングする。また別のインスタンスをプロトタイプとすることでプロトタイプとなったインスタンスの性質を引き継ぐことができる。 
- 
-クラスに縛られないため、実行中の任意の場所でプロパティやメソッドをオブジェクト毎に変更したり、新しく追加したり、削除したりすることができる。これはStringやwindow等のビルトインオブジェクトも例外ではなく、同じStringのオブジェクトでもオブジェクトごとに別の振る舞いを持たせる事もできる 
-<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言語 ===== 
-  * [[javascript:function|関数]] 
-  * [[javascript:closure|クロージャ]] 
-  * [[javascript:object|オブジェクト]] 
-  * [[javascript:class|クラス]] 
-  * [[javascript:inherit|継承とオーバーライド]] 
- 
-  * [[javascript:generator|ジェネレータ]]  
- 
-===== TIPS ===== 
-  * [[javascript:extendsString|Stringを拡張する]] 
-  * [[javascript:stringReplace|String#replaceに関数を渡す]] 
  
 ===== DOM (Document Object Model) ===== ===== DOM (Document Object Model) =====
行 88: 行 38:
   * [[javascript/bookmarklet]]   * [[javascript/bookmarklet]]
  
-===== 実行環境 ===== 
-==== ECMAScriptの処理系 ==== 
- 
-  * Rhino - Javaで書かれたJavaScriptエンジン、JDKに付属 
-  * Nashorn - JDK8でRhinoに代わって搭載予定 
-  * JScript - IEのJavaScriptエンジン、ASPの記述言語、WSHの記述言語として利用される。 
-  * V8 - ChromeのJavaScript処理系、node.jsのJS処理系としても使われている。CrankshaftというJITコンパイラを搭載している。 
-  * JavaScriptCore - Safari、iOSのJavaScript処理系。 
-  * SpiderMonkey - Firefox、IonMonkeyと呼ばれる高速なJITコンパイラを搭載している 
-  
-===== ライブラリ ===== 
-言語機能拡張、ウィジェット・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.1388842573.txt.gz · 最終更新: 2014/01/04 13:36 by nullpon