約 2,903,586 件
https://w.atwiki.jp/ce00582/pages/5455.html
!DOCTYPE html html head title ABC /title meta http-equiv="Content-Type" content="text/html; charset=UTF-8" script type="text/javascript" function sample() { var canvas = document.getElementById( cam ); if (canvas.getContext) { var ctx = canvas.getContext( 2d ); ctx.beginPath(); ctx.moveTo(20, 20); ctx.lineTo(120, 20); ctx.lineTo(120, 120); ctx.lineTo(20, 120); ctx.stroke(); } } /script /head body onLoad="sample()" h2 図形を描く /h2 canvas id="cam" /canvas /body /html
https://w.atwiki.jp/sampleisbest/pages/253.html
実行環境 Microsoft Windows XP Home Edition (SP3) デフォルトではWScriptで実行される。 cscript //H CScript でデフォルトがCScriptに設定され mjd だけで実行されるようになる。 mjd.vbs Option Explicit Dim date, y, m, d, mjd date = #2012/01/01# y = Year(date) m = Month(date) d = Day(date) If m 3 Then y = y - 1 m = m + 12 End If mjd = Int(365.25 * y) + Int(y / 400) - Int(y / 100) + Int(30.59 * (m - 2)) + d - 678912 WScript.Echo date vbCrLf "MJD=" mjd pause WScript.StdIn.ReadLine 出力 C \projects\[[VBScript]] cscript mjd.vbs Microsoft (R) Windows Script Host Version 5.7 Copyright (C) Microsoft Corporation 1996-2001. All rights reserved. 2012/01/01 MJD=55927
https://w.atwiki.jp/javaapl/pages/16.html
ウェブ(クライアント側) ウェブブラウザでJavaアプレットを実行する技術は、広く使われている。 Javaアプレットは、ブラウザがウェブページ内でアニメーションの表示やマウスによるインタラクティブな操作を可能とする技術である。 簡単でインタラクティブなアニメーション用には、JavaアプレットよりもAdobe Flash を採用する事例が多い。 この分野においては、最近では Ajax も普及しつつある。 ウェブ(サーバ側) [編集] 現在、ウェブのサーバ側において、Java技術 (Java EE) は広く使われている。 多くのウェブサイトが、Javaサーブレット (Java Servlet) や JSP(JavaServer Pages)などの Java EE 技術を使って動的にページを生成するウェブを構築している。
https://w.atwiki.jp/dq_shibari/pages/15.html
script src="http //widgets.twimg.com/j/2/widget.js" /script script new TWTR.Widget({ version 2, type profile , rpp 4, interval 6000, width 250, height 300, theme { shell { background #333333 , color #ffffff }, tweets { background #000000 , color #ffffff , links #4aed05 } }, features { scrollbar false, loop false, live false, hashtags true, timestamp true, avatars false, behavior all }}).render().setUser( DqShibari ).start(); /script
https://w.atwiki.jp/mhikichi/pages/22.html
トランプを使って基本アルゴリズムを学びましょう。 探索プログラムの最も基本的なアルゴリズムである線形探索を実装します。 準備 HTMLとCSSを準備します。 トランプで作成したプログラムからForkするのが簡単です。 HTMLとCSSを準備します。 これまで作ってきたプログラムをForkしても良いですし、一から作成しても良いでしょう。 このページで作成するプログラムで共通で使用します。 HTML html body form name="form1" br INPUT TYPE="button" NAME="cmdCalc" value="開始" onclick="start()" /form div id="disp" /div form name="form2" どのマーク?(0 ♠,1 ♣, 2 ♥, 3 ♦) INPUT TYPE="text" NAME="txtA" br どの数字?(1~13) INPUT TYPE="text" NAME="txtB" br INPUT TYPE="button" NAME="cmdSrc" value="検索" onclick="search()" INPUT TYPE="button" NAME="cmdSrc2" value="検索2" onclick="search2()" /form div id="disp2" /div /body /html いくつかボタンが用意されていて、onclickで start() search() search2() それぞれが起動できるようになっています。 divタグを書いて出力用の領域を置いてます。 dispという名前の領域とdisp2という名前の領域2つ作ります。 CSS body { background-color #DDDDDD; font 30px sans-serif; } 前回と同じです。Forkしたなら変更不要です。 線形探索 線形探索とは、前から順番に総当たりで探す単純なアルゴリズムです。 ランダムに並んでいるものから探すにはこの方法しかありません。 検索ボタンを押した時に動作する search() 関数を作ります。 function search() { この中にプログラムを書く } 他のプログラムと同様に、テキストボックスから値を取り出します。今回は数値として扱うのでparceIntで整数値に変換しています。 var a=parseInt(document.form2.txtA.value); var b=parseInt(document.form2.txtB.value); この変数は、出力領域の一時保存場所として使います。最初は空文字列を入れておきます。 var tmpHtml=""; while命令は繰り返しの命令です。forでも書けますが、この形も良く使うので覚えておきましょう。 条件はカードのi番目の数字がb(後ろのテキストボックスの値)と等しく無い間です。 意味付けすると、「カードがまだ見つかっていない間」を表しています。 var i=0; while(cards[i].num!=b) { i++; } tmpHtml += を使って、変数の内容を追加しています。=だけを使うと内容を書き換えるので、前の行で設定した物が残らなくなります。ここでは見つかった時のiを表示して何番目に見つかったかを表示しています。配列の添字は0から始まっているので、先頭は0番目として表示します。さらに、その時のマークの値を表示しています。 最後にその結果をdisp2の領域に出力しています。 tmpHtml += "探しているカードは"+i+"番目に見つかりました br "; tmpHtml += "マークは"+cards[i].mark+"です"; document.getElementById("disp2").innerHTML = tmpHtml; ここまでの完成板は以下のプログラムです。 このままでは一つ不具合があるはずです。 入力した値がトランプに無い値の場合は、検索できません。実際動作させてみると何も表示されませんが、存在しない配列の場所を探すので不具合で異常終了しています。 見つからない場合には、その情報を表示するように改良します。 基本的な考え方は以下の図です。 線形探索では最後のカードを探した後にさらに次のカードを探そうとします。 そこにはカードが無いため、探さずに終了します。 結局、カードが見つかった場合はその場所を示していますが、見つからなかった場合はカードが無い場所を示す事になります。 これを判定することで、見つからなかった事を知る事ができます。 実際のコードを書いてみます。 while(i 13*4 cards[i].num!=b) { i++; } カードがまだ見つかっていない事とまだカードがある事の2つを判定します。 どちらかでも満たさない場合は終了しなければいけません。繰り返す条件は両方満たしている場合ですから という記号を使います。どちらかだけ満たしたいという条件を書く場合は||を使います。 実は順番も重要です。 もうカードが無い場合はカードを見てはいけませんから、まだカードがある事の条件を先に書かなければなりません。 見つかった場合と見つからなかった場合で処理を分けます。 if(i 13*4) { tmpHtml += "探しているカードは"+i+"番目に見つかりました br "; tmpHtml += "マークは"+cards[i].mark+"です"; } else { tmpHtml += "そんなカードはありません。"; } i 13*4 は最終的なiの値がカードの範囲内かどうかを判定しています。13*4枚より少ないという判定ですから、これは見つかった場合を表しています。それ以外は見つからなかった場合ですから処理を分岐しています。 練習 検索する様子を随時表示するようにプログラムを追加してみよう。whileループ内でtmpHtmlに情報を追記してください。 数値とマークが両方合うカードを検索するように追加してみよう。search2()関数を作って、検索2ボタンから動かしてください。条件が少し複雑です。数値とマーク両方一致している場合は終了しますが、繰り返し条件はその逆です。逆を表す記号は!です。!(条件式)のようにすると()の中の条件の逆で成り立つ式を記述することができます。 途中結果を表示する実行例
https://w.atwiki.jp/korin1021/pages/14.html
WinのIEで表示される枠を取り去る方法はコチラ↓ まず、vbscript.js、vbscript.js、vbscript.js、object.jsの4つを用意する。 vbscript.js、vbscript.js、vbscript.jsの三つは下記URLからダウンロード可 ■version.js ■useragent.js ■vbscript.js その後、object.jsをダウンロードする。※コピーしてmiエディットでjavaページを作り、そこにペーストして出来上がり。 object.jsの変更点は2つで Flash の名前と飛び先を変える(リンク間違いに気をつける) elseの画像を消す で、OK。 その後、消したいページのHEADの中に下記のソースを挿入。 SCRIPT LANGUAGE="VBScript" SRC="●●vbscript.js" TYPE="text/vbscript" /SCRIPT SCRIPT LANGUAGE="JavaScript1.1" SRC="●●vbscript.js"TYPE="text/javascript" /SCRIPT SCRIPT LANGUAGE="JavaScript" SRC="●●vbscript.js" TYPE="text/javascript" /SCRIPT 注※●●の部分はパスを書く。 そして、bodyの中に下記のソースを挿入。 SCRIPT LANGUAGE="JavaScript" SRC="●●●object.js" TYPE="text/javascript" /SCRIPT 注※●●●の部分にパスを書く。 以上で、見えなくなります。
https://w.atwiki.jp/mhikichi/pages/24.html
このページではカードの並べ替えを行うアルゴリズムについて学びます 準備 HTMLとCSSを準備します。 トランプその3で作成したプログラムをForkしましょう。 HTML html body form name="form1" br INPUT TYPE="button" NAME="cmdCalc" value="開始" onclick="start()" /form div id="disp" /div form name="form2" INPUT TYPE="button" NAME="cmdGet" value="カードをもらう" onclick="getcard()" INPUT TYPE="button" NAME="cmdPut" value="カードを返す" onclick="putcard()" br どのマーク?(0 ♠,1 ♣, 2 ♥, 3 ♦) INPUT TYPE="text" NAME="txtA" br どの数字?(1~13) INPUT TYPE="text" NAME="txtB" br INPUT TYPE="button" NAME="cmdPut2" value="指定したカードを返す" onclick="putcard2()" INPUT TYPE="button" NAME="cmdSort1" value="並べ替え1" onclick="mycardsort1()" INPUT TYPE="button" NAME="cmdSort2" value="並べ替え2" onclick="mycardsort2()" /form div id="disp2" /div /body /html トランプその3で作成したHTMLにボタンをいくつか追加しています。 mycardsort1() 並び替え1ボタン用のプログラム mycardsort2() 並び替え2ボタン用のプログラム バブルソート まずはソート(並び替え)の基本中の基本であるバブルソートについて学びます。 常に隣同士を比較して、順番が逆だったら交換するという処理を繰り返します。 これで1周目完了です。 1周目が完了すると、右端には一番大きな数のカードがあるはずです。 続いて2周目です。2周目は、右端に既に確定したカードを除外して繰り返し回数が少なくなります。 残ったカードの中で一番大きな数のカードが右端にあります。ここまでで、大きい2枚のカードが確定しています。 続いて3周目も、既に確定したカードを除いて処理します。 残ったカードの中で一番大きな数のカードが右端にあります。ここまでで、大きい3枚のカードが確定しています。 続いて4周目も、既に確定したカードを除いて処理します。 残ったカードの中で一番大きな数のカードが右端にあります。ここまでで、大きい4枚のカードが確定しています。 続いて5周目も、既に確定したカードを除いて処理します。 5周目は、最後の2枚のカードなので、1回比較して終了です。 これで、全てのカードが並び変わっているはずです。 コーディング では、バブルソートのプログラムを完成させていきます。 HTMLのボタンかmycardsort1()という関数を呼び出すことになっていますから、その名前から始めます。 function mycardsort1() { //ここにプログラムを書く } 変数の宣言をしておきましょう。 var i,j,w; まずは1周目のプログラムを実装します。 隣同士を比較して、順番が逆順だったら交換です。 繰り返しの回数は、右隣まで比較することを考慮しカード枚数より一回少なく繰り返します。 for(j=0;j mycardcnt-1;j++) { if(mycards[j].num mycards[j+1].num) { w = mycards[j+1]; mycards[j+1]=mycards[j]; mycards[j]=w; } } 最後に表示関数を呼び出しましょう。 dispMyCard(); このプログラムの段階で、実行結果を確認しておきましょう。 並べ替えはまだ終了しませんが、右端には一番大きいカードがあれば正しいプログラムです。 ちなみにこの状態でも、たくさんボタンを押せばどんどんならび変わるはずです。 練習 このプログラムを改造して、バブルソートを完成させてみましょう。さらに変数iの繰り返しを追加します。繰り返しの初期値は0、終了はmycardcnt-1です。 内側のループはこのままでも並び変わりますが、より効率よく不必要な繰り返しをしないために内側の条件を変更します。最初はmycardcnt-1回、次はmycardcnt-2回、…、最後は何回繰り返すのが効率よいでしょうか。 挿入ソート 基本ソートの一種である挿入ソートを実装します。 挿入ソートの実装前に少し準備をしておきます。 HTML html body form name="form1" br INPUT TYPE="button" NAME="cmdCalc" value="開始" onclick="start()" /form div id="disp" /div form name="form2" INPUT TYPE="button" NAME="cmdGet" value="カードをもらう" onclick="getcard2()" INPUT TYPE="button" NAME="cmdPut" value="カードを返す" onclick="putcard()" br どのマーク?(0 ♠,1 ♣, 2 ♥, 3 ♦) INPUT TYPE="text" NAME="txtA" br どの数字?(1~13) INPUT TYPE="text" NAME="txtB" br INPUT TYPE="button" NAME="cmdPut2" value="指定したカードを返す" onclick="putcard2()" INPUT TYPE="button" NAME="cmdSort1" value="並べ替え1" onclick="mycardsort1()" INPUT TYPE="button" NAME="cmdSort2" value="並べ替え2" onclick="mycardsort2()" /form div id="disp2" /div /body /html 一部だけ変更します。カードをもらう処理を少し変更しますので、HTMLでgetcard()→getcard2()とします。 続いてgetcard2()を完成させます。 これまで使って来たgetcard()は自分のカードの先頭に入れていましたが、自分のカードの最後に追加するように変更します。 function getcard2() { var c; var i; if( cardcnt 0 ) { c = cards[0]; for(i=0;i cardcnt;i++) { cards[i]=cards[i+1]; } cardcnt--; // ↑ここまでは、変更無し。 // ↓ここから自分のカードに追加 mycards[mycardcnt]=c; mycardcnt++; // ↑変更ここまで dispCard(); dispMyCard(); } } ここまでで動作確認しておきましょう。 手札を貰った時に、最後に追加されるようになれば準備完了です。 挿入のアルゴリズム 既に順番に並んでいるところへ、適当な場所へ挿入するためのアルゴリズムです。 挿入ソートに進むための基本です。 後ろから順に自分が入るべき位置を探します。 判断基準は、自分のカードより大きければまだ前へ、自分のカードより大きなカードを見つけてその場所へ移動します。 HTMLのボタンからmycardsort2()という関数を呼び出すことになっていますから、その名前から始めます。 function mycardsort2() { //ここにプログラムを書く } 変数の宣言をしておきましょう。 var i,j,w; 一番後ろのカード(mycardcntが枚数なので、最後の番号はmycardcnt-1)を退避しておきます。 w = mycards[mycardcnt-1]; 退避したカードのさらに1枚前から開始して、w.num が小さい間一枚ずつずらします。 また、最後まで見つからない場合もあるので j =0 で繰り返せる条件を追加します。 for(j=mycardcnt-2;j =0 mycards[j].num w.num ;j--) { mycards[j+1]=mycards[j]; } 最後に、退避してあったカードを空いた場所へ格納します。 mycards[j+1]=w; 最後に表示関数を呼び出しましょう。 dispMyCard(); ここまでのプログラムです。 動作確認して挿入の動きを確認しておきましょう。 2枚カードをもらう 挿入する 1枚カードをもらう 挿入する の3,4を繰り返すだけでも、並べ替えが完了することも確認しましょう。 挿入ソートへ拡張 まずは2枚で挿入して順番通りにする。 続いてその2枚に後ろの1枚を挿入して3枚が順番通りになる。 さらに続いて3枚に後ろの1枚を挿入して4枚が順番通りになる。 これをカードが有る限り続けると、全て並び変わることになります。 練習 このプログラムを改造して、挿入ソートを完成させてみましょう。外側のループは1からmycardcntより小さい間繰り返します。 内側のループのどこに外側のループの変数を反映させるかがポイントです。退避するカードと最初のjの値をどう表すかを考えましょう。
https://w.atwiki.jp/m_shige1979/pages/1266.html
graph_radar 概要 レーダーチャートを表示する ダウンロード http //www.html5.jp/library/graph_radar.html デモ サンプル1 サンプル2 サンプル3 サンプル4 サンプル5 パラメータ パラメータ可変サンプル サンプル window.onload = function() { var rc = new html5jp.graph.radar("sample"); if( ! rc ) { return; } var items = [ ["商品A", 5, 2, 4, 5, 3, 2, 4, 4], ["商品B", 3, 4, 3, 4, 5, 4, 5, 1] ]; var params = { aCap ["安さ", "性能", "デザイン", "人気", "使いやすさ", "寿命", "軽さ", "強さ"], aMax 6, aMin 0, chartShape "circle", faceColors ["green", "olive"], aLinePositions [0,1,2,3,4,5,6] }; rc.draw(items, params); };
https://w.atwiki.jp/myscripts/pages/29.html
MyScriptsには初めからいくつかのデフォルトスクリプトがプリインストールされています。 このページではデフォルトスクリプトの基本的な使い方を紹介します。 デフォルトスクリプトの使い方全角を半角へ変換 半角を全角へ変換 大阪弁へ変換 WikiマークアップをHTMLへ 日本語へ翻訳 メモ fhconvert.js wiki2html.js すべてコピー Textforce Touch Icon Creator Touch Icon Creator BG スクリプトを複製 スクリプト登録用TinyURL MyShortcuts MyShortcuts BG デフォルトスクリプトの再インストール デフォルトスクリプトの使い方 スクリプトの起動方法は多岐にわたります(参考:スクリプトの起動方法)が、ここでは最も単純な起動方法であるスクリプト一覧画面からの起動で説明を行います。 全角を半角へ変換 好きなアプリ上でひらがなやカタカナを含む文字列をコピーする(例:色は匂へど) MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする 全角ひらがなや全角カタカナが半角カタカナに変換される(例:色ハ匂ヘド) 好きなアプリを開きペーストする ※動作にはデフォルトスクリプトのfhconvert.jsが必要 半角を全角へ変換 好きなアプリ上で半角カタカナを含む文字列をコピーする(例:色ハ匂ヘド) MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする 半角カタカナが全角カタカナに変換される(例:色ハ匂ヘド) 好きなアプリを開きペーストする ※動作にはデフォルトスクリプトのfhconvert.jsが必要 大阪弁へ変換 好きなアプリ上で標準語を含む文字列をコピーする(例:さようなら) MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする 標準語が大阪弁(っぽい言葉)に変換される(例:ほなさいなら) 好きなアプリを開きペーストする WikiマークアップをHTMLへ 好きなアプリ上でWikiマークアップで書かれた文字列をコピーする(例:*リスト) MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする 文字列がHTMLに変換される(例: li リスト /li ) 好きなアプリを開きペーストする 参考:Wiki to HTML using JavaScript 日本語へ翻訳 好きなアプリ上で外国語で書かれた文字列をコピーする(例:Hello, world.) MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする クリップボードの文字列が日本語に変換される(例:ハローワールド。) 変換結果が画面に表示される メモ MyScriptsを開きスクリプト一覧画面で本スクリプトをタップする 「メモ」がコピーされる 好きなアプリを開きペーストする fhconvert.js 「全角を半角へ変換」「半角を全角へ変換」スクリプトで参照されるスクリプト 参照元のスクリプトを使用する場合は削除しない また、本スクリプトは単体では作動しない wiki2html.js 「日本語へ翻訳」スクリプトで参照されるスクリプト 参照元のスクリプトを使用する場合は削除しない また、本スクリプトは単体では作動しない すべてコピー スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「すべてコピー」を選択 目的のスクリプトのスクリプト本文がクリップボードにコピーされる ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される Textforce スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「Textforce」を選択 目的のスクリプトのタイトルとスクリプト本文がTextforceアプリで開かれる ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される 参考:テキスト編集 Textforce for Dropbox - AppStore Touch Icon Creator スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「Touch Icon Creator」を選択 目的のスクリプトのタイトルと起動するためのURLがTouch Icon Creatorアプリに渡される Touch Icon Creatorでアイコンを作成しホーム画面に置く ホーム画面からスクリプトを起動する ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される 参考:Touch Icon Creator - AppStore Touch Icon Creator BG スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「Touch Icon Creator BG」を選択 目的のスクリプトのタイトルとバックグラウンド起動するためのURLがTouch Icon Creatorアプリに渡される Touch Icon Creatorでアイコンを作成しホーム画面に置く ホーム画面からMyScriptsを起動し目的のスクリプトのバックグラウンド監視を有効になる(スクリプト一覧でスクリプト名の右側のチェックが付く) ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される 参考:Touch Icon Creator - AppStore スクリプトを複製 スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「スクリプトを複製」を選択 目的のスクリプトが複製され編集画面にうつる タイトルやスクリプト本文を編集し右上のボタンで保存する ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される スクリプト登録用TinyURL スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「スクリプト登録用TinyURL」を選択 目的のスクリプトを登録するためのURLがコピーされる Twitter、ブログなどで共有する ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される MyShortcuts スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「MyShortcuts」を選択 目的のスクリプトのタイトルと起動するためのURLがMyShortcutsアプリに渡される MyShortcutsでリマインダーを設定する 通知センターからスクリプトを起動できる ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される 参考:MyShortcuts+Viewer - AppStore MyShortcuts BG スクリプト一覧で好きなスクリプトを長押し 「スクリプトを実行...」を選択 「MyShortcuts BG」を選択 目的のスクリプトのタイトルとバックグラウンド起動するためのURLがMyShortcutsアプリに渡される+MyShortcutsでリマインダーを設定する 通知センターからMyScriptsを起動し目的のスクリプトのバックグラウンド監視を有効にできる(スクリプト一覧でスクリプト名の右側のチェックが付く) ※本スクリプトを削除すると「スクリプトを実行...」を選択した後のメニューからも削除される 参考:MyShortcuts+Viewer - AppStore デフォルトスクリプトの再インストール デフォルトスクリプトを誤って消してしまった場合、設定.appのMyScript設定画面で」デフォルトスクリプトを追加」をオンにすることで再インストールされる 逆に、デフォルトスクリプトのうち不要なものを削除するときは、この設定をオフにしてから削除する この設定がオンのまま削除しても自動的に復活する
https://w.atwiki.jp/sevenlives/pages/2384.html
Canvas 読み:きゃんばす 英語:Canvas 別名: 意味: Canvasとは、ドキュメント上にJavaScriptでビットマップ画像を描く仕様のこと。 座標を指定して様々な線や図形を描くことが出来、グラデーションやシャドウなどの効果も装備されています。 描画された画像はビットマップ画像として処理することが出来ます。 アニメーション機能はありませんが、動的に再描画にすることよって動きをつけることは可能です。 2011年10月09日 HTML5 ExplorerCanvas?