2012-07-31

基礎の基礎  【javascript】

◆javascriptを読み込んでいるかのチェック(アラート表示)

-その他につかうとき--
ページを開いたときのメッセージ


 alert("アラート表示");

文字列の場合…「”」か「’」で囲む
囲むことによってコンピューターに文字列として認識される。


※「”」内で改行する場合→alert("いちぎょう¥nにぎょう")




◆文字列表示


 document.write ("あいうえお");

 document.write ("<img src="" />");

↓計算結果も表示できる ※「”」と「’」はいらない
 document.write (20+20);
40と表示される





◆配列とfor文


var box= new Array();
 box[0]="あいうえお";
box[1]="かきくけこ"; 
box[2]="さしすせそ";
$(function(){
$("#bbb").text(box[2]);
});
意:ボタンのテキスト部分がさしすせそになる。


boxという箱にさらに小さい箱で3つはいっている


番号で呼び出す。


box.length …配列の数

box.sort();…配列の数字を順番にしてくれる



for文(カウント)をつかって、番号をすべて呼び出したりして使う。
var rank=1;var box= new Array();box[0]="あいうえお";

box[1]="かきくけこ";

box[2]="さしすせそ";

for(i=0;i<=2;i++){

document.write(rank+i+"位"+box[i]+"<br>");

}



表示すると


1位あいうえお
2位かきくけこ
3位さしすせそ


となる。








---------------参考サイト---------------------

・JavaScript入門
http://www.pori2.net/jhttp://www.blogger.com/img/blank.gifs/

2012-07-19

オブジェクト メソッド 何? javascriptの理解 【javascript】②

◆○○オブジェクトって何?


ざっくりゆうと、javascriptは、オブジェクトメソッドで成り立っている。

○○(オブジェクト)に対して、★★(メソッド)してね。

しかも、たぶん
出来ることが決まってる↓↓javascriptリファレンスより確認

http://www.htmq.com/js/index.shtml


…ということは、
この中にないものはできないと考えた方が頭すっきり。

しかもメソッド(命令)は、オブジェクトによって決まってるので
そんなに難しくないかも



下の参考サイトの<例>を式にすると↓

document.write("テスト");
   ↓↓↓
対象物オブジェクト.アクションメソッド具体的な内容引数




◆なら、オブジェクト指向ってなに?



要は、あんまり難しいことはしなくていいょ。

簡単にいこうよ!…的なこと?またつまづいたら調べてみる




◆あれ、プロパティは?



下記のリファレンスをよ~くみてみる
例えば、「window」は、最後に「()」があるのがメソッドでないのがプロパティ
ちなみに、「●●名」とうのは、nameまたはIDで指定

★JavaScriptリファレンス(オブジェクト別)
http://www.htmq.com/js/index.shtml


プロパティとメソッドの使い方
「.(ドット)」を使う

「[](ブラケット)」を使う

↑この二つを使ったプロパティの例↓
document.getElementById("linktest").href="https://www.google.co.jp/";

document.getElementById("linktest")["href"]="https://www.google.co.jp/";


※<a>タグlinktest(ID)のリンク先を変更している。



----------------- 参考サイト ---------------------
・オブジェクト/JavaScript入門
http://www.scollabo.com/banban/java/jvp_01.html

・オブジェクト、メソッド、プロパティについて
http://plusone.jpn.org/javascript/nyumon/kihon/06obj.html

2012-07-13

使っていないレイヤー 一括削除 【photshop】

◆使っていないレイヤー(非表示)を一括で削除

【レイヤー】→【削除】→【非表示レイヤー】

2012-07-06

in演算子 【javascript】

◆指定したオブジェクトからプロパティ・メソッドがあるかないかを調べる


よくわかんないや どんな時に使うのか不明なのでまた今度





-----------------------参考サイト------------------------
・in演算子の使用法:続JavaScriptのオブジェクトについて - builder
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20365320/

2012-07-05

論理演算子を使った例

論理演算子


★『!B』・・・B以外
function gogo(v){

if (!(v==4)){
alert("4以外です。");
}else{
alert("4です。");
}

}


gogo(8);



★『A&&B』・・・AとB両方
if ((v==4*3)&&(v==6*2)){
alert("これは12です。");
}

}


gogo(12);




★『A||B』・・・AもしくはBどちらか
function gogo(v){

if ((v=="AAA")||(v=="aaa")){
alert("これはエーです。");
}

}


gogo("AAA");







---------------- 参考サイト ---------------------
・論理演算子/Flash ActionScript Helper
http://homepage3.nifty.com/ginga-b/MX/logical_op.html

$ドルマークについて

変数に「$」がついてるのはPHPで変数をかくときに使うらしい

$top ~…


関数に「$」が付いてるのは、昔の名残りらしい


gogo$() ~…

-----------------参考サイト--------------------

・きぬたにっき:[VB] VBでの"$(ドル記号)"について
http://blog.livedoor.jp/keisuke0425/archives/51029674.html


・【 ほでなすPHP 】 PHPの基本 -> 変数
http://www.shigeweb.jp/php/project_p/?section=first&page=var

2012-07-04

変数と関数の理解 javascriptの理解 【javascript】③

◆変数について


var n; //「n」という箱をつくって
n=1; //「n」の中に1をいれる
document.write(n+"<br>");n=n+2; //1の入った「n」に2たす。
document.write(n+"<br>");n++; //3の入った「n」に+1する
document.write(n+"<br>");
※左のnはただの空箱と考える。

++(カウント)や代入の意味はこちら→演算子一覧

変数に使えるもの
・大文字(キャメルケース) 【例:topTop】
・数字(一番最初以外) 【例:top1】
・英文字
・$ドル記号
・_(アンダーバー)

▼複数の変数指定
var n ,m ;




変数のスコープ(有効範囲)について(2種)

グローバル変数ローカル変数っていうのがあるらしい


▼ローカル変数…宣言した関数内でのみ利用可能な変数
function test(){
var aaa ="テキスト";//ローカル変数

}

alert(aaa);←エラーになります。ローカルにはアクセスできない


▼グローバル変数…プログラム全体で共有できる変数(2パターン
var aaa ="テキスト";//グローバル変数
function test(){
bbb="テキスト";//varをつけない(どこでもいい)

}

alert(aaa);←アラートで「テスト」とでる
alert(bbb);←アラートで「テスト」とでる


ちなみに…ローカル関数もアクセスはできない
function test(){
var aaa ="テキスト";

function test_in(){
var aaa ="テキスト";
alert(aaa);
}

}

test_in();



※if文やforの中括弧の中で宣言した変数にはアクセスできます。
※ローカル関数は、関数の一番上に宣言(空)されるようになってるらしい…だからなんなのかは不明





◆関数について

あらかじめ決まっている処理を行う命令のこと


function aaa(引数1,引数2){
処理;
return処理;


呼び出すとき
aaa();


↓↓クリックしたときは↓↓※関数を呼び出しに、JQueryを使用
*js側
function aaa(){
alert('アラート\n表示');
}

$("#bbb").click(aaa);

*html側
<body><div id="bbb">ボタン</div></body>

意:ボタンを押すと、アラート表示がでる。


ちなみに…
function test(){
alert("テスト");

}
 ※関数test

↑と↓は同じです。

var test = function (){
alert("テスト");
}
 ※変数testに無名関数(関数の名前無)をいれたもの


test();


ということで…

関数は変数として呼び出すことができる
function test(){
alert("テスト");
}

var a = test;

a();



◆引数(ひきすう)について

function aaa(引数1,引数2)処理;
return処理;




function aaa(x){
return x*2;
}

aaa(3);
意:ボタンが3×2、6と差し替わります



・return…処理したものを元に返す。(戻り値)
(※aaa()という関数には、×2したものをかえしてね。とかいてある。)

aaa(3)を×2したものをかえしてる。

※引数をかえることで、同じ関数をつかいまわしができる。




ちなみに…引数に関数オブジェクトを入れることもできます
function gogo(x){

x();

}

gogo( function(){ alert("テスト") } );





引数は変数の一種です。 関数を呼び出す時には、このにいろいろな値を代入します。

(http://www.pori2.net/js/kihon/9.htmlより流用)



引数が複数の場合は、,をつかって区切る。
↓例
function aaa(x,y){

return "かけると"+ x*y +"です。";
}

(aaa(3,3));



戻り値に、関数オブジェクトを入れることもできる…が例えば…が思いつかなかったので無視



------------------------- 参考サイト -------------------------
・JavaScriptの変数のスコープについて学ぶ - builder
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20373861/

・JavaScriptのイロハ:「関数はオブジェクト」って理解できますか? - builder
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20364588/

2012-07-03

繰り返しの処理 【javascript】

◆while(ホワイル)

while(この条件を満たしていたら…){
この処理を繰り返してね


条件を満たしていなかったら、終了します。





そのほかの繰り返しの処理→forについて

アマゾン和書/最新の情報