2012年8月9日木曜日

値・変数・演算(2/4)

■変数と代入
「スクリプトに直接書かれている値」→ リテラル
「変数に格納して利用する」 → ケース
変数 → 「値の入れ物」
1.変数の宣言
「var 変数名」 → 「var A」
変数の宣言は「しなくてもいい」 
 → 変数宣言をしないでいきなり変数を使い始めてもかまわない
   → JavaScriptのほうで自動的に変数宣言をしたものとして扱う
また、何度「var」宣言しても問題なし。
ただ、var宣言してあれば「圧倒的に読みやすい」
2.値の代入
「A=10」 → 「10という値を変数Aに代入する」
「=」 → 「代入演算子」
3.数値の演算
四則演算 「+」「-」「*」「/」
var A = 10 + 20
割り算 小数点以下、割り切れるまで
varで変数宣言するときも、そのまま代入演算子を使って値設定可能
整数部分だけを割り算し、あまりを計算するようなときには「%」
「10%3」は 「1」
4.テキストの演算子
「+」 → 2つのテキストを1つにつなげる
「var a = "ABC"+"XYZ"」とすれば、変数aには"ABCXYZ"というテキストが代入
・使用していい文字は、半角英数字とアンダーバー記号のみ
・1文字目は、数字は使ってはいけない
・スペースが私用して良い文字に含まれないので、複数の単度を1つの変数に設定することはできない
・大文字と小文字は別の文字として扱われるので注意!「A」「a」は別の変数
※注意--「+」演算子の働き
1+1は「2」 "1"+"1"は「"11"」

2012年8月8日水曜日

値・変数・演算(1/4)

■値について
表示の位置の値
大きさの値
色の値
フォント名やフォントサイズの値
「値には種類がある」
・数値
数値にも種類がある
JavaScriptでは、内部的にはすべて「実数」
整数や実数  100 1.234
○○×10の△乗   1.23E5    1.23×10の5乗
・テキスト
ダブルクォート(") か、シングルクォート(')でテキストの前後をくくる
"Hello"  'あいうえお'
両社の違いは、JavaScriptでは全くない
・真偽値
「真か偽か」 二者択一の状態
値は、JavaScriptに用意されている「true」「false」のいずれか
テキストではないので"true"と書いてはいけない
trueとだけ書く
・配列、関数、オブジェクト
「配列」 多数の値をひとまとめにして管理するためのもの
「オブジェクト」 HTMLの要素を扱う場合などに多用
「関数」 スクリプトをいつでもどこからでも呼び出せるようにまとめたもの
 値として扱うことができる→スクリプトそのものも、値として扱える
・null、undefined、NaN
nullは、「値が存在しない状態」
undefined 「値がまだ定義されていない状態」
NaNは、「数値であるべきものなのに数字でない」

2012年8月7日火曜日

JavaScript​ってどういうもの?(​3/3)

JavaScriptってどういうもの?(3/3)
■JavaScriptの開発環境は?
開発環境を整えずにエディタだけで書くのは、正直かなりつらい
1.プログラミング言語対応エディタ
「NOTEPAD++」
タブ方式で多数のファイルを開き編集できるフリーのエディタ
非常に多くの言語に対応
予約語を色分け
入力中に利用可能な単語を自動的にポップアップして表示
各種の入力支援機能
http://notepad-plus.sourceforge.net/
2.統合開発環境
Web開発のための機能も充実
HTMLJavaScriptのスクリプト作成にも十分利用
「Eclipse」+「Eclipse IDE for EE Developers」
日本語 「Pleiades」
http://eclipse.org/
http://mergedoc.sourceforge.jp/
3.Web用開発ソフト
Adobeの「Dreamweaver」
Webデザインのためのソフトウェア
JavaScriptのスクリプト作成の機能も充実
http://www.adobe.com/jp/products/dreamweaver/

2012年8月6日月曜日

JavaScript​ってどういうもの?(​2/3)

<学習のまとめ>

JavaScriptってどういうもの?(2/3)
■JavaScriptとHTMLの関係
JavaScriptで書かれたプログラムリスト(ソースコード)は、一般に「スクリプト」と呼ばれます
Webの世界では、JavaScriptのスクリプトは、一般に以下の2通りの組み込み方
1.HTMLのソースコードの中に埋め込む
HTMLのタグとしてスクリプトを埋め込む
HTML内にスクリプトを書いてしまうわけですから、全体としてソースコードが長くなりがち
あまり複雑なものになると、コードも読みにくくなる
2.外部ファイルとして用意し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を使うとは・・・

これなら、非常に幅広く、アプリケーションの構築が可能になりますね。

ただ、オブジェクトという言葉になれていないので、気が重いですが。

Google Apps Scriptの基本を​覚える(1/7)

<学習のまとめ>

Google Apps Scriptの基本を覚える(1/7)
■Google Apps Scriptって何?
・Google Apps
Googleが提供する統合オンラインアプリケーション
・Google Apps Script
GoogleのサービスをJavaScriptによるスクリプトで操作するためのスクリプト環境
・Google Apps Engine
Googleのサーバー環境を使い、Webアプリケーションを開発するためのもの
「Google Apps Scriptは、Google Appsとは関係のないもの」

■Google Apps ScriptはGoogleドキュメント専用ではない!
Googleが提供する主要サービスのほぼすべてで利用できる
「Google Apps Scriptは、JavaScriptでスクリプトを書く」
「JavaScriptの基本を身につけており、スクリプトを書ける」だけの知識が必要

<学習のまとめ>

とほほ、

まず、前段としてJavaScriptの理解が必要とは・・・・

一歩一歩前進していくしかありませんね。

お世話になるホームページについて

初心者のためのGoogle Apps Scriptプログラミング入門

http://libro.tuyano.com/index3?id=623009

上記がお世話になるホームページです。

なんと、JavaScriptまで勉強しないと理解できないって

いきなり、荷が重たくなりました。