プログラミング言語/JavaScript
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
* JavaScript [#pf3c78c9]
#contents
** はじめに [#r91414c9]
JavaScriptはオブジェクト指向という考えを独自の発想で実装...
そもそもはWebページに特殊効果を加えるためにネットスケープ...
また、最近ではJavaScriptから派生したActionScriptというア...
こうなると気になるのがその互換性ですが、ActionScriptのよ...
そのため業界におけるJavaScriptの信頼度も増し、Microsoft社...
ゆえにVisualStudio上でJScriptを用いて本格的なWindowsアプ...
このほかにも、Ajaxなどの近年注目されているWeb技術はJavasc...
現在では、乱立するJavaScript関連規格をECMA(欧州計算機協会...
たとえば、最新のJScriptおよびActionScriptはECMA-262 Editi...
そして、IEやFirefoxなどのWebブラウザのほとんどがサポート...
** 言語の特徴 [#n0bd0e45]
なんといってもJavaScriptの特徴は、その''学びやすさ''、そ...
もともとがVBよりも単純なスクリプト言語であるために、直感...
実際、JavaScriptに実装された独自のオブジェクト指向機能や...
それでは、次にJavaScriptのオブジェクト指向など高度な機能...
JAVAやC++など多くのプログラミング言語ではオブジェクト指向...
そのため、最初から組み込まれていないクラスの本格的な継承...
そのほかにも、JavaScriptではできないことになっている機能...
またはじめにで述べたように、JavaScriptは関連技術があちこ...
ここではWebブラウザで動作するJavaScript/JScriptについて解...
** 環境の構築 [#g0862e99]
JavaScriptはWebページに埋め込んで使う形のスクリプト言語な...
開発にはメモ帳などテキストエディタしか必要ありません。~
C言語などと違い、JavaScriptは「スクリプト言語」といい、書...
** とりあえず作ってみる [#g855a1e3]
*** Hello World [#heb5745e]
JavaScriptはWebページに埋め込んで使う形のスクリプトですの...
そのため、以下のHello Worldスクリプトは長々と行数がありま...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http:...
<html>
<head><title>JavaScriptテスト</title>
<script type="text/javascript">
document.write("hello world!");
</script>
</head>
<body><p> </p></body>
</html>
//頼むからちょっとHTML勉強してくれ。これは酷すぎ。
これを書いたら、「Hello.html」という名前にして保存。~
「Hello」の部分は何でもよいのですが、「.html」を必ずファ...
そして、保存したファイルをダブルクリックするとWebブラウザ...
・ソースの解説~
|1行目|DTD宣言。HTML文書の先頭で行う。|
|2行目|HTML開始タグ。|
|3行目|HEAD開始タグ。<head>以下の記述がHTML文書のうちのヘ...
|4行目|SCRIPT開始タグ。<script (中略)>以下の記述がJavaScr...
|5行目|''JavaScriptコード。「hello world!」とドキュメント...
|6行目|SCRIPT終了タグ。以上の記述がJavaScript言語によるス...
|7行目|HEAD終了タグ。<head>から</head>までの記述がHTML文...
|8行目|BODY開始タグ。<body>から</body>まで部分はブラウザ...
|9行目|HTML終了タグ。|
ここではHTMLの解説は行いません。HTMLに関しては[[HTMLとCSS...
** 新たな言語仕様の勃興 [#md00b46c]
「環境問題は政治」みたいなフレーズが作れるほどに「言語仕...
「DOM Storage」「canvas」や、次世代のHTML5 を見越した動き...
とくに注目すべき動きなのが「DOM Storage」かなあと思われる。
*** DOM Storage（Client-side Database Storage） [#v8408f64]
Firefox 2、Safari 3.1（Safari 4 でインスペクタ追加）、Win...
「session」を遣うウェブプログラミング同様に、localStorage...
Safari の場合は OS と同じで SQLite 3を遣ってるらしい。狐...
まああんまりヨイショするのもアレだ、仕様はまだ出揃ってな...
**ライブラリ [#d230a868]
***JQuery [#j9577ea9]
http://jquery.com/
HTML要素へのアクセスを独自の記法で簡潔に書くことができる。
ブラウザ間の差異も（あまり）気にしなくてよい。
** リンク [#r76adf91]
*** 言語リファレンス [#l4b701ec]
-http://www.sumnet.ne.jp/domp/jsbs/reference.htm
機能別にまとめてあるタイプのリファレンス。~
まず何をつくるか考えて、どういう処理をしたらそれが実現で...
しかし初心者は、なにを作るか考える際に「何ができるのか」...
*** 言語リファレンス２ [#y205fe15]
-http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5...
日本語で書かれた数少ない体系的にまとめられたJavaScript言...
ブラウザを開発している団体によるもので内容も信頼できる。
*** 言語ガイドライン(WebKit) [#za75b26d]
-http://developer.apple.com/jp/documentation/ScriptingAut...
Appleの開発者向けガイドラインの邦訳ドキュメント。言語の基...
同じくブラウザを開発してる会社。他にもJavaScriptに関する...
*** サンプルスクリプトサイト [#j13980cc]
-http://www.awcs.org/javascript/
ここは非常に良質なサイトであり、JavaScript以外にもHTMLな...
しかし、Firefoxでは見にくいのが難点。
-[[jsdo.it - Share JavaScript, HTML5 and CSS:http://jsdo....
*** おすすめリファレンス [#m1c85659]
-http://www.tohoho-web.com/js/index.htm
-http://www.openspc2.org/JavaScript/reference4/index.html
すこしレベルが上がってきたら、こちらのようなタイプのリフ...
すっかり忘れていた機能や、「こんなのあるだろ?」というよう...
*** DOMリファレンス [#t4632467]
-http://www.openspc2.org/JavaScript/JavaScript_DOM/
DOMとは、HTMLで構成されたWebページを動的にJavaScriptで操...
*** 総合的なJavaScript解説サイト [#x2be5eef]
-http://javascriptist.net/
基礎のレベルや逆引きリファレンスから、詳細なリファレンス...
-[[モダンJavaScript チュートリアル集 | Diaspar Journal:ht...
-[[オブジェクト指向プログラム言語としてのJavaScript:http:...
-[[Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブ...
-[[JavaScript: オブジェクト指向の手法によって高度な Web ...
-[[JavaScriptっぽい。 JavaScript OOPなリンク集:http://jav...
-[[JavaScript: 世界で最も誤解されたプログラミング言語 - R...
終了行:
* JavaScript [#pf3c78c9]
#contents
** はじめに [#r91414c9]
JavaScriptはオブジェクト指向という考えを独自の発想で実装...
そもそもはWebページに特殊効果を加えるためにネットスケープ...
また、最近ではJavaScriptから派生したActionScriptというア...
こうなると気になるのがその互換性ですが、ActionScriptのよ...
そのため業界におけるJavaScriptの信頼度も増し、Microsoft社...
ゆえにVisualStudio上でJScriptを用いて本格的なWindowsアプ...
このほかにも、Ajaxなどの近年注目されているWeb技術はJavasc...
現在では、乱立するJavaScript関連規格をECMA(欧州計算機協会...
たとえば、最新のJScriptおよびActionScriptはECMA-262 Editi...
そして、IEやFirefoxなどのWebブラウザのほとんどがサポート...
** 言語の特徴 [#n0bd0e45]
なんといってもJavaScriptの特徴は、その''学びやすさ''、そ...
もともとがVBよりも単純なスクリプト言語であるために、直感...
実際、JavaScriptに実装された独自のオブジェクト指向機能や...
それでは、次にJavaScriptのオブジェクト指向など高度な機能...
JAVAやC++など多くのプログラミング言語ではオブジェクト指向...
そのため、最初から組み込まれていないクラスの本格的な継承...
そのほかにも、JavaScriptではできないことになっている機能...
またはじめにで述べたように、JavaScriptは関連技術があちこ...
ここではWebブラウザで動作するJavaScript/JScriptについて解...
** 環境の構築 [#g0862e99]
JavaScriptはWebページに埋め込んで使う形のスクリプト言語な...
開発にはメモ帳などテキストエディタしか必要ありません。~
C言語などと違い、JavaScriptは「スクリプト言語」といい、書...
** とりあえず作ってみる [#g855a1e3]
*** Hello World [#heb5745e]
JavaScriptはWebページに埋め込んで使う形のスクリプトですの...
そのため、以下のHello Worldスクリプトは長々と行数がありま...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http:...
<html>
<head><title>JavaScriptテスト</title>
<script type="text/javascript">
document.write("hello world!");
</script>
</head>
<body><p> </p></body>
</html>
//頼むからちょっとHTML勉強してくれ。これは酷すぎ。
これを書いたら、「Hello.html」という名前にして保存。~
「Hello」の部分は何でもよいのですが、「.html」を必ずファ...
そして、保存したファイルをダブルクリックするとWebブラウザ...
・ソースの解説~
|1行目|DTD宣言。HTML文書の先頭で行う。|
|2行目|HTML開始タグ。|
|3行目|HEAD開始タグ。<head>以下の記述がHTML文書のうちのヘ...
|4行目|SCRIPT開始タグ。<script (中略)>以下の記述がJavaScr...
|5行目|''JavaScriptコード。「hello world!」とドキュメント...
|6行目|SCRIPT終了タグ。以上の記述がJavaScript言語によるス...
|7行目|HEAD終了タグ。<head>から</head>までの記述がHTML文...
|8行目|BODY開始タグ。<body>から</body>まで部分はブラウザ...
|9行目|HTML終了タグ。|
ここではHTMLの解説は行いません。HTMLに関しては[[HTMLとCSS...
** 新たな言語仕様の勃興 [#md00b46c]
「環境問題は政治」みたいなフレーズが作れるほどに「言語仕...
「DOM Storage」「canvas」や、次世代のHTML5 を見越した動き...
とくに注目すべき動きなのが「DOM Storage」かなあと思われる。
*** DOM Storage（Client-side Database Storage） [#v8408f64]
Firefox 2、Safari 3.1（Safari 4 でインスペクタ追加）、Win...
「session」を遣うウェブプログラミング同様に、localStorage...
Safari の場合は OS と同じで SQLite 3を遣ってるらしい。狐...
まああんまりヨイショするのもアレだ、仕様はまだ出揃ってな...
**ライブラリ [#d230a868]
***JQuery [#j9577ea9]
http://jquery.com/
HTML要素へのアクセスを独自の記法で簡潔に書くことができる。
ブラウザ間の差異も（あまり）気にしなくてよい。
** リンク [#r76adf91]
*** 言語リファレンス [#l4b701ec]
-http://www.sumnet.ne.jp/domp/jsbs/reference.htm
機能別にまとめてあるタイプのリファレンス。~
まず何をつくるか考えて、どういう処理をしたらそれが実現で...
しかし初心者は、なにを作るか考える際に「何ができるのか」...
*** 言語リファレンス２ [#y205fe15]
-http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5...
日本語で書かれた数少ない体系的にまとめられたJavaScript言...
ブラウザを開発している団体によるもので内容も信頼できる。
*** 言語ガイドライン(WebKit) [#za75b26d]
-http://developer.apple.com/jp/documentation/ScriptingAut...
Appleの開発者向けガイドラインの邦訳ドキュメント。言語の基...
同じくブラウザを開発してる会社。他にもJavaScriptに関する...
*** サンプルスクリプトサイト [#j13980cc]
-http://www.awcs.org/javascript/
ここは非常に良質なサイトであり、JavaScript以外にもHTMLな...
しかし、Firefoxでは見にくいのが難点。
-[[jsdo.it - Share JavaScript, HTML5 and CSS:http://jsdo....
*** おすすめリファレンス [#m1c85659]
-http://www.tohoho-web.com/js/index.htm
-http://www.openspc2.org/JavaScript/reference4/index.html
すこしレベルが上がってきたら、こちらのようなタイプのリフ...
すっかり忘れていた機能や、「こんなのあるだろ?」というよう...
*** DOMリファレンス [#t4632467]
-http://www.openspc2.org/JavaScript/JavaScript_DOM/
DOMとは、HTMLで構成されたWebページを動的にJavaScriptで操...
*** 総合的なJavaScript解説サイト [#x2be5eef]
-http://javascriptist.net/
基礎のレベルや逆引きリファレンスから、詳細なリファレンス...
-[[モダンJavaScript チュートリアル集 | Diaspar Journal:ht...
-[[オブジェクト指向プログラム言語としてのJavaScript:http:...
-[[Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブ...
-[[JavaScript: オブジェクト指向の手法によって高度な Web ...
-[[JavaScriptっぽい。 JavaScript OOPなリンク集:http://jav...
-[[JavaScript: 世界で最も誤解されたプログラミング言語 - R...
ページ名:
