JavaScriptってどういうもの？(3/3)
■JavaScriptの開発環境は？
開発環境を整えずにエディタだけで書くのは、正直かなりつらい
１．プログラミング言語対応エディタ
「NOTEPAD++」
タブ方式で多数のファイルを開き編集できるフリーのエディタ
非常に多くの言語に対応
予約語を色分け
入力中に利用可能な単語を自動的にポップアップして表示
各種の入力支援機能
http://notepad-plus.sourceforge.net/
２．統合開発環境
Web開発のための機能も充実
HTMLJavaScriptのスクリプト作成にも十分利用
「Eclipse」＋「Eclipse IDE for EE Developers」
日本語 「Pleiades」
http://eclipse.org/
http://mergedoc.sourceforge.jp/
３．Web用開発ソフト
Adobeの「Dreamweaver」
Webデザインのためのソフトウェア
JavaScriptのスクリプト作成の機能も充実
http://www.adobe.com/jp/products/dreamweaver/
2012年8月7日火曜日
2012年8月6日月曜日
JavaScriptってどういうもの？(2/3)
＜学習のまとめ＞
JavaScriptってどういうもの？(2/3)
■JavaScriptとHTMLの関係
JavaScriptで書かれたプログラムリスト（ソースコード）は、一般に「スクリプト」と呼ばれます
Webの世界では、JavaScriptのスクリプトは、一般に以下の２通りの組み込み方
１．HTMLのソースコードの中に埋め込む
HTMLのタグとしてスクリプトを埋め込む
HTML内にスクリプトを書いてしまうわけですから、全体としてソースコードが長くなりがち
あまり複雑なものになると、コードも読みにくくなる
２．外部ファイルとして用意しWebページに埋め込む
長いスクリプト→別途スクリプトファイル→HTMLから読み込んで利用
テキストファイル→拡張子「.js」→Webサイトにアップロード→HTMLにファイルをロードするためのタグを用意→ページにアクセスした際に自動的にファイルが読み込まれてスクリプトが動くようになる
＜・・・・・＞
どちらの場合も、HTMLのソースコードでは<script>というタグを利用
※注意 「language」属性と「type」属性について
間違い → <script language="javascript"> （昔）
広く利用されているHTML4.01というバージョンでは、languageではなくtypeという属性を用いるように推奨
「今、広く使われているブラウザではtype="text/javascript"と書けばOK!」
<program list>
※HTMLないに埋め込む際のスクリプトの書き方
<script type="text/javascript">
<!--
・・ここにスクリプトを書く・・
//-->
※XHTML内に埋め込む際のスクリプトの書き方
<script type="text/javascript">
//<![CDATA[
・・ここにスクリプトを書く・・
//]]>
</script>
※JavaScriptの外部ファイルを読み込むタグの書き方
<script type="text/javascript" src="ファイルのアドレス"></script>
＜学習のまとめ＞
たまに、アフィリエイトでこのようなものを貼りこんだようなきがしてきました。
そういうことだったのですね。
少し、進歩しました。
JavaScriptってどういうもの？(2/3)
■JavaScriptとHTMLの関係
JavaScriptで書かれたプログラムリスト（ソースコード）は、一般に「スクリプト」と呼ばれます
Webの世界では、JavaScriptのスクリプトは、一般に以下の２通りの組み込み方
１．HTMLのソースコードの中に埋め込む
HTMLのタグとしてスクリプトを埋め込む
HTML内にスクリプトを書いてしまうわけですから、全体としてソースコードが長くなりがち
あまり複雑なものになると、コードも読みにくくなる
２．外部ファイルとして用意しWebページに埋め込む
長いスクリプト→別途スクリプトファイル→HTMLから読み込んで利用
テキストファイル→拡張子「.js」→Webサイトにアップロード→HTMLにファイルをロードするためのタグを用意→ページにアクセスした際に自動的にファイルが読み込まれてスクリプトが動くようになる
＜・・・・・＞
どちらの場合も、HTMLのソースコードでは<script>というタグを利用
※注意 「language」属性と「type」属性について
間違い → <script language="javascript"> （昔）
広く利用されているHTML4.01というバージョンでは、languageではなくtypeという属性を用いるように推奨
「今、広く使われているブラウザではtype="text/javascript"と書けばOK!」
<program list>
※HTMLないに埋め込む際のスクリプトの書き方
<script type="text/javascript">
<!--
・・ここにスクリプトを書く・・
//-->
※XHTML内に埋め込む際のスクリプトの書き方
<script type="text/javascript">
//<![CDATA[
・・ここにスクリプトを書く・・
//]]>
</script>
※JavaScriptの外部ファイルを読み込むタグの書き方
<script type="text/javascript" src="ファイルのアドレス"></script>
＜学習のまとめ＞
たまに、アフィリエイトでこのようなものを貼りこんだようなきがしてきました。
そういうことだったのですね。
少し、進歩しました。
JavaScriptってどういうもの？（1/3）
＜学習のまとめ＞
JavaScriptってどういうもの？（1/3）
■JavaScriptとDOMの関係
JavaScriptは、Webブラウザに搭載されているスクリプト言語
「Webブラウザ専用の言語」ではない
純粋なプログラミング言語であり、Webページを操作するための機能などが用意されているわけではない
Webブラウザでは、JavaScriptという言語と「DOM(Document Object Model)」というものが搭載
DOM→HTMLやXLMの文書を利用するためのAPI→JavaScriptから、このDOMの機能を利用できる→Webページのさまざまな操作
「Webび世界では、JavaScript+DOMによってさまざまな操作をしている」
DOMでは、HTML/XMLのさまざまな要素を「オブジェクト」として利用できるような仕組みが用意
それらを使いこなすためには「オブジェクト」というものについてしっかり理解
＜学習のまとめ＞
しかしながら、JavaScriptを使うとは・・・
これなら、非常に幅広く、アプリケーションの構築が可能になりますね。
ただ、オブジェクトという言葉になれていないので、気が重いですが。
JavaScriptってどういうもの？（1/3）
■JavaScriptとDOMの関係
JavaScriptは、Webブラウザに搭載されているスクリプト言語
「Webブラウザ専用の言語」ではない
純粋なプログラミング言語であり、Webページを操作するための機能などが用意されているわけではない
Webブラウザでは、JavaScriptという言語と「DOM(Document Object Model)」というものが搭載
DOM→HTMLやXLMの文書を利用するためのAPI→JavaScriptから、このDOMの機能を利用できる→Webページのさまざまな操作
「Webび世界では、JavaScript+DOMによってさまざまな操作をしている」
DOMでは、HTML/XMLのさまざまな要素を「オブジェクト」として利用できるような仕組みが用意
それらを使いこなすためには「オブジェクト」というものについてしっかり理解
＜学習のまとめ＞
しかしながら、JavaScriptを使うとは・・・
これなら、非常に幅広く、アプリケーションの構築が可能になりますね。
ただ、オブジェクトという言葉になれていないので、気が重いですが。
登録:
投稿 (Atom)