約 2,903,095 件
https://w.atwiki.jp/yuksew/pages/17.html
angularJS (あんぎゅらじぇいえす) Google が2012年に公開したjavascript のMVCフレームワーク 特徴 良い点 操作した内容がただちにVIEWに反映される 悪い点 javascript のフレームワークとしてはサイズが大きめ モバイルでの使用には向かない?
https://w.atwiki.jp/jsuz/pages/20.html
/* 月の英字表記取得 */ var d,wk; var s=new Array(11); for(var i=0;i 12;i++){ d=new Date(2010,i,1); wk=String(d).split(" "); s[i]=(i)+"|"+wk[1]+" br "; } $( return ).innerHTML=s.join(); /* 週の英字表記取得 */ var d,wk; var s=new Array(6); for(var i=1;i 8;i++){ d=new Date(1970,1,i); wk=String(d).split(" "); s[i]=(i)+"|"+wk[0]+" br "; } $( return ).innerHTML=s.join();
https://w.atwiki.jp/javascriptteam/pages/20.html
第6回 ブロック崩し完成(12/05) ブロック崩しのサイトを参考にして勉強しました。 勉強の内容 ラケット上でボールの当たった位置の判定 スコア・繰り返し スペースインベーダを作る。が、キーボードイベントが厳しいかも(?) 第7回活動について(12月6日月曜) 最終目標 ブロック崩しを通して勉強し、スペースインベーダーを作る。 内容 ミーティング・スペースインベーダ作成 1秒ごとにブロックを動かしてみる。 今までに組んだ経験のあるプログラムをJavaScriptで書きなおしてみる
https://w.atwiki.jp/asdfkekadfa/pages/554.html
PukiWiki/1.4/Manual/Plugin/A-D
https://w.atwiki.jp/arasimakuro/pages/15.html
,traditional !0})},10);" ( °∀ °c彡))Д´) アヒャスパーン /a )
https://w.atwiki.jp/wikittoku/pages/16.html
javascriptでグラフを表示する(Yahoo UI Library Charts) Yahoo UI LibraryのChartライブラリ -- http //developer.yahoo.com/yui/charts/ 注意:ここで使用しているYahoo UI Library2.6.0のChartライブラリはexperimental(実験?)ステータス クライアントにFlash Player 9.0.45以降がインストールされている必要がある。 データはYahoo UI LibraryのDataSourceを使用する。 チャートの種類 以下の6つがあるようだ。 YAHOO.widget.LineChart(折れ線グラフ) YAHOO.widget.BarChart(横棒グラフ) YAHOO.widget.ColumnChart(縦棒グラフ) YAHOO.widget.PieChart(円グラフ) YAHOO.widget.StackedBarChart(横積み上げ棒グラフ) YAHOO.widget.StackedColumnChart(縦積み上げ棒グラフ) サンプル 以下はそれぞれのグラフの簡単なサンプル 事前準備 必要ライブラリの読み込み !-- Dependencies -- script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" /script script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/element/element-beta-min.js" /script script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/datasource/datasource-min.js" /script script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/json/json-min.js" /script !-- OPTIONAL Connection (enables XHR) -- script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/connection/connection-min.js" /script !-- Source files -- script type="text/javascript" src="http //yui.yahooapis.com/2.6.0/build/charts/charts-experimental-min.js" /script データソースなどの準備 YAHOO.util.Event.onDOMReady(function() {//データvar myData = [{name "鈴木", kokugo 100, sugaku 60, rika 70, shakai 50, eigo 95},{name "佐藤", kokugo 50, sugaku 100, rika 100, shakai 70, eigo 45},{name "小林", kokugo 70, sugaku 70, rika 70, shakai 70, eigo 70},{name "中村", kokugo 75, sugaku 95, rika 80, shakai 80, eigo 95},{name "高橋", kokugo 80, sugaku 50, rika 80, shakai 90, eigo 90}]; //データソースvar myDataSource = new YAHOO.util.DataSource(myData);myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY;myDataSource.responseSchema = {fields ["name",{key "kokugo", parser "number"},{key "sugaku", parser "number"},{key "rika", parser "number"},{key "shakai", parser "number"},{key "eigo", parser "number"}]}; //チャート使用flashの指定YAHOO.widget.Chart.SWFURL = "http //yui.yahooapis.com/2.6.0/build/charts/assets/charts.swf"; //以下、チャートの記述・・・ }); YAHOO.widget.LineChart html div id="myLineChart" style="width 400px;" /div javascript //LineChart var myLineChart = new YAHOO.widget.LineChart("myLineChart", myDataSource, { xField "name", yField "kokugo" }); YAHOO.widget.BarChart html div id="myBarChart" style="width 400px;" /div javascript //BarChart var myBarChart = new YAHOO.widget.BarChart("myBarChart", myDataSource, { xField "kokugo", yField "name" }); YAHOO.widget.ColumnChart html div id="myColumnChart" style="width 400px;" /div javascript //ColumnChart var myColumnChart = new YAHOO.widget.ColumnChart("myColumnChart", myDataSource, { xField "name", yField "kokugo" }); YAHOO.widget.PieChart html div id="myPieChart" style="width 400px;" /div javascript //PieChart var myPieChart = new YAHOO.widget.PieChart("myPieChart", myDataSource, { categoryField "name", dataField "kokugo" }); YAHOO.widget.StackedBarChart html div id="myStackedBarChart" style="width 400px;" /div javascript //StackedBarChart var myStackedBarChart = new YAHOO.widget.StackedBarChart("myStackedBarChart", myDataSource, { series [ {displayName "国語", xField "kokugo"}, {displayName "数学", xField "sugaku"}, {displayName "理科", xField "rika"} ], yField "name" }); YAHOO.widget.StackedColumnChart html div id="myStackedColumnChart" style="width 400px;" /div javascript //CStackedolumnChart var myStackedColumnChart = new YAHOO.widget.StackedColumnChart("myStackedColumnChart", myDataSource, { xField "name", series [ {displayName "国語", yField "kokugo"}, {displayName "数学", yField "sugaku"}, {displayName "理科", yField "rika"} ] });
https://w.atwiki.jp/twstudy/pages/14.html
8.6 関数のプロパティとメソッド8.6.1 lengthプロパティ 8.6.2 prototypeプロパティ 8.6.3 自分専用の関数プロパティの定義 8.6.4 apply()メソッドとcall()メソッド 8.7 ユーティリティ関数 8.6 関数のプロパティとメソッド 関数は特殊なJavaScriptオブジェクト →関数もプロパティやメソッドを持つ。 typeofで調べると関数は「function」。 8.6.1 lengthプロパティ argument配列のlengthプロパティはその関数に実際に渡された引数の個数を示す。 これに対し、関数自身のlengthプロパティは関数の引数リストで宣言された引数の個数を示す。 関数のlengthプロパティは、関数の中でも外でも使用できる。 関数に渡された引数の個数が想定どおりの数かどうかチェックする時に使える。 function check(args){ var actual = args.length; var expected = args.callee.length; if( actual != expected ){ throw new Error("Wrong number of arguments"); } } function f(x, y, z){ check(arguments); return x + y + z; } 8.6.2 prototypeプロパティ どの関数にも、あらかじめ定義された プロトタイプオブジェクト を参照する prototypeプロパティ がある。 new演算子を伴うコンストラクタとして関数を使用する場合に、プロトタイプオブジェクトが使われる。 →prototypeプロパティについては9章で! 8.6.3 自分専用の関数プロパティの定義 呼び出された時に一意の識別値を返す関数(毎回異なる値を返す。) →過去の履歴を保持しておき、呼び出されたときにその履歴情報にアクセスする必要がある。 →これをグローバル変数に格納することもできるが、関数の内部でしか使わない場合、関数のプロパティに格納するのが最適。 例) uniqueInteger.counter = 0; function uniqueInteger(){ return uniqueInteger.counter++; } 8.6.4 apply()メソッドとcall()メソッド すべての関数に対してcall()メソッドとapply()メソッドが存在する。 これらのメソッドの最初の引数は、これから呼び出す関数の対象となるオブジェクトで、関数の本体のthisキーワードの値になる。 2番目以降の引数は、これから呼び出す関数に引数として渡される。 →あるオブジェクトのメソッドであるかのように関数を呼び出すことができる。 例)2つの引数を使用する関数f()を、オブジェクトobjのメソッドのように呼び出す f.call(obj, 1, 2); これは、次の記述とほぼ同じ意味になる。 o.m = f; o.m(1, 2); delete o.m; apply()メソッドも、call()と同じような働きをするが、関数に渡す引数を配列形式で指定する。 上の例をapply()を用いて行う場合、下記のようになる。 f.apply(obj, [1, 2]); 例)配列に格納されているようその中から最大の数値を見つけたい場合 var biggest = Math.max.apply(null, array_of_numbersf); 8.7 ユーティリティ関数 オブジェクトや配列、関数を操作するのに便利な関数 例)オブジェクトのユーティリティ関数 //調査可能なプロパティ名を配列に格納し、その配列を返す function getPropertyNames(obj){ var r = []; for( name in obj ) r.push(name); return r; } //fromからto(なければ、新規オブジェクト)に、調査可能なプロパティをコピーする。 function copyProperties(from, to){ if(!to) to = {}; for( p in from ) to[p] = from[p]; return to; } //上記と同様、プロパティをコピーするが、既にtoで定義されているプロパティは上書かない。 function copyUndefinedProperties(from, to){ for( p in from ){ if(!p in to) to[p] = from[p]; } } 例)配列用 //配列aryの各要素に対し、その要素を引数にして指定した関数を呼び出し、 //関数から返された値がtrueとなった要素のみを抜き出した配列を返す。 function filterArray(ary, predicate){ var results = []; var length = ary.length; for( var i=0; i length; i++ ){ var element = ary[i]; if(predicate(element)) results.push(element); } return results; } //配列aryの各要素を関数fncに引数として渡し、fncから //返される値を要素として格納する配列を返す。 function mapArray(ary, fnc){ var r = []; var length = ary.length; for(var i=0; i length; i++) r[i] = fnc(ary[i]); return r; } 例)関数用 //関数fncをオブジェクトobjのメソッドとして呼び出す関数を返す。 function bindMethod(obj, fnc){ return function(){ return fnc.apply(obj, arguments} } //呼び出し時に指定した引数の他に、あらかじめ指定した引数も含めて //fncを呼び出す関数を返す。 function bindArguments(fnc /*, あらかじめ指定する引数... */){ var boundArgs = arguments; return function(){ //引数の配列を作成する。 var args = []; for(var i=1; i boundArgs.length; i++) args.push(boundArgs[i]); for(var i=0; i arguments.length; i++) args.push(arguments[i]); //この引数を使って関数を呼び出す。 return fnc.apply(this, args); } }
https://w.atwiki.jp/javascriptteam/pages/14.html
第1回 ミーティング(11/24) ブロック崩しを勉強することに決めました。 勉強の内容 毎日、サイトを2章ずつ進めていく。 集まったときに、勉強内容をお互いで確認する。 できればその場で応用する。 来週の活動報告について 発表までの大まかな日割りと活動の割り振りとつくる内容を決めておく 作る物 ブロック崩しを通して勉強し、スペースインベーダーを作る。 予定 今週のうちにサイトを読み終わる 勉強 1日2章、バラバラに予習した分を共有する 作業 金曜に話す 第2回活動までの内容 サイトの2章まで読み、理解してくる 今までに組んだ経験のあるプログラムをJavaScriptで書きなおしてみる
https://w.atwiki.jp/sevenlives/pages/2752.html
ECMAScript 6 読み: いーしーえむえー すくりぷと 英語: ECMAScript 6 別名: ES6, ECMAScript 2015, ES2015 種類: JavaScript 意味: ECMAScript 6(ES6)とは、2015年に策定されたJavaScriptの仕様でありECMASCriptの6th Editionのこと。 旧来のJavaScriptに大幅に仕様が加わり、現代JavaScriptの集大成となる仕様である。 const,letなどの変数宣言、アロー関数やclass対応、モジュール構文などJavaScirptのエポックメーキング的な存在となった。 2018年12月16日 const(JavaScript)? let(JavaScript)? 分割代入(JavaScript)? アロー関数(JavaScript)? 可変長引数? class(JavaScript)? テンプレート・リテラル? ECMAScript JavaScript
https://w.atwiki.jp/javascriptteam/pages/21.html
第7回 ミーティング・スペースインベーダ仕様策定(12/06) ミーティングの内容 12月18日は中間報告。スライドを用意。 スペースインベーダは普通につくる。 スペースインベーダ仕様 敵は、多重配列を用いて表現する 敵は普通のスペースインベーダの敵とゲッソーの2種類 攻撃命中のメソッド作成 ゲッソーの動き y=0,x=randomの場所に出現し、-10から10までのランダム値をx座標に足し入れながら降下してくる。ふらふら動く。 第8回活動について(12月8日水曜) 最終目標 ブロック崩しを通して勉強し、スペースインベーダーを作る。 内容 スペースインベーダ作成 1秒ごとにブロックを動かしてみる。 今までに組んだ経験のあるプログラムをJavaScriptで書きなおしてみる