1237558 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

ワナビから貴方へ 独り言の吐き溜め

ワナビから貴方へ 独り言の吐き溜め

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! --/--
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
2013.03.05
XML
カテゴリ:理系

HTML5とJavascriptを組み合わせてのプログラミングを勉強中

その入門編の備忘録 その1

どんな言語か?
・Webやスマホ、タブレットでのアプリを開発できる
→マルチプラットフォーム?

 

・高機能の開発ツールもあるが、ブラウザ+エディタのみで開発できる

 

・奥は深いが、初心者にもとっつきやすい
関数型言語の機能、オブジェクト指向をサポート

 

・関数はオブジェクトや値のように扱える
var square = function(x){return x*x;}

document.write(square(7));

のように書ける他、高階関数も扱える

var a = [1,2,3];
var b = a.map(square);//関数を引数にしている
//b = [1, 4, 9]となる

 

・Canvas機能で自由にグラフィクスをかける
従来は画像を作って読み込むことしか出来なかったが
今では、Canvasで動的に生成できる

var cvs=document.getElementById("canvas");
var cnt = cvs.getContext("2d");
cnt.storokeStyle = "rgb(255,0,0)";

for(var i=0;i<10;i++){//長方形を10個生成
 var x = Math.random()*320;
 var y = Math.random()*240;
 var w = Math.random()*160;
 var h = Math.random()*120;
 cnt.storokeRect(x,y,w,h); 
}

 






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2013.03.25 15:34:39
コメント(0) | コメントを書く
[理系] カテゴリの最新記事


PR

サイド自由欄

フリーページ

カレンダー

カテゴリ

日記/記事の投稿

楽天カード


© Rakuten Group, Inc.