ユーザ用ツール

サイト用ツール


javascript

文書の過去の版を表示しています。


JavaScript

JavaScriptはオブジェクト指向スクリプト言語。

Webブラウザ上で動作するスクリプト言語として主に使用されてきたが、node.jsの登場よってWebアプリケーションのサーバサイド実装にも利用されるようになってきた。

ページ整理中

  • JavaScript 名前空間は主にブラウザで動作するJavaScriptの話題を扱う
  • 言語仕様的な話は ECMAScript 名前空間で
  • node.jsの話は nodejs 名前空間で

仕様

  • ECMAScript - 言語仕様。
  • DOM - XMLやHTMLを扱うためのAPI仕様。表示されているHTML文書のDOMをJavaScriptで操作することでWebページを操作する。
  • E4X - JavaScript中で直接XMLを扱うためのECMAScript拡張仕様、ブラウザによっては全く動かないのであまり使われていない。

ECMAScriptにはHTML文書の操作(DHTML)の仕様は定められていない。DHTMLに関する仕様はw3cのDOMによって決められている。

  • ネイティブオブジェクト - ECMAScript仕様で定義されているオブジェクト。StringやArray。
  • ホストオブジェクト - 実行環境が提供するオブジェクトでECMAScriptの仕様外のもの。windowやDOMオブジェクト、XMLHttpRequest。

DOM以外のホストオブジェクト(window、navigator、location、history 等)には標準仕様がなく各ブラウザベンダが互いに様子見したり、協力しつつ実装しているようだ。新しいAPIについてはwhatwgによって仕様化が進められている。

DOM (Document Object Model)

Ajax (Asynchronous JavaScript and XML)

Bookmarklet

ブックマークレットはブックマークに保存するJavaScript

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エディタ

TinyMCEとFCKeditorの違いを比較、TinyMCEは複数の1つのインスタンスで複数のテキストエリアに対応できるので、1画面上に二つのエディタを置くとき圧倒的に速い。

jwysiwygはjQueryプラグインとして提供されるライブラリ。

javascript.1438164028.txt.gz · 最終更新: 2015/07/29 10:00 by nullpon