JavaScript
テンプレート
テンプレート
JavaScript を試すときの HTML ファイルのテンプレート。同一フォルダに program.js ファイルを作成し、JavaScript を記述する。
<html>
<body>
<pre><script src="program.js"></pre>
</body>
</html>
(JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス, p5 より)
cf. HTML のテンプレート
準備
準備
- 開発環境を整える
- Spket IDE, Firebug を使って JavaScript
- HTML のテンプレート
言語
言語
参考、ツール
CSS
CSS
- CSS と JavaScript で伸縮する領域を作成
- ブラウザのウィンドウのリサイズに合わせて HTML の要素の値を更新
- Index : style プロパティの一覧
DOM
DOM
Greasemonkey
Greasemonkey
開発
開発
- 設定の異なる複数の Firefox を起動して開発用とブラウズ用を分ける
- Spket IDE で Greasemonkey
- Greasemonkey 最初のテンプレート
参考サイト
参考サイト
- Main Page - GreaseSpot : 本家サイト
- Dive Into Greasemonkey : 定番チュートリアル
サンプル
サンプル
その他
その他
ツール
ツール
- Aptana
- Firebug :: Add-ons for Firefox
- JS Bin - [unsaved]* : ブラウザでコードを編集できる。
- JSLint : コードのチェック
- Compress javascript and css: JavaScript を圧縮する
参考サイト
参考サイト
言語仕様
言語仕様
ライブラリ
ライブラリ
チュートリアル
チュートリアル
- A re-introduction to JavaScript - MDC
- JavaScriptのイロハ:特集 - builder by ZDNet Japan
- 連載:Ajax時代のJavaScriptプログラミング再入門 - @IT
- JavaScript - MDC
- Core JavaScript 1.5 ガイド - MDC
- JavaScript - Wikibooks
- とほほのJavaScriptリファレンス
- イヌでもわかるJavaScript講座
- オブジェクト指向
学習環境
学習環境
- JavaScript Shell
- TIDE 2.0 beta : ブラウザ上の IDE
- Aptana
DOM
DOM
- DOMから始めるJavaScriptモダン・スクリプティング---目次 :ITpro
- 第6回 イベントハンドラから脱却しよう
- HTML要素内にイベントハンドラをセット
- windowオブジェクトにonloadイベントハンドラをセッ
- W3C DOMイベントモデル
- 第6回 イベントハンドラから脱却しよう
オブジェクト
オブジェクト
参考書籍
参考書籍