配列（Array） - とほほのWWW入門
配列の作成 array = [e1, e2, ...] array = new Array() array = new Array(n) array = new Array(e1, e2, ...) Array.from(arrayLike[, mapFunc, [thisArg]]) Array.of(e1, e2, ...) 多次元配列 配列の長さ array.length 配列のループ for (...) array.forEach (callback[, this]) array.entries() array.keys() array.values() array.map(callback[, this]) array.reduce(callback[, initial]) array.reduceRight(callback[, initial]) 配列の検査 array.in
【CSS3】HSL色空間による色指定のすゝめ
CSS3では、上記の色指定の方法に加えて、HSL色空間による色指定を行うことが可能になりました。 HSL色空間とは、色相（Hue）、彩度（Saturation）、明度（lightness）の３つの成分からなる色空間のことで、色相を0〜360度の範囲（赤を0度に置き、時計回りに赤、橙、黄、黄緑、緑、青緑、青、青紫、紫、赤紫の順に変化）で、彩度を純色から灰色の範囲で、明度を白から黒の範囲で（中間が純色）表すものです。 色相のイメージ 色相、彩度、明度の関係 色相の角度による色の把握がわかりやすく、また、色の鮮やかさや明るさを数値で指定することで増減することができるため、rgbを用いた色指定の方法よりも、直感的に色の指定が行える方法になっています。 CSS3でHSLによる色指定を行うには、hsl関数（透明度を指定する際には、hsla）を用いて指定します。 引数は、色相（0〜360までの数値）、彩
javascriptで、配列の最大値のキーを取得するコードの書き方を教えて下さい。…
javascriptで、配列の最大値のキーを取得するコードの書き方を教えて下さい。 例えば、下記の配列があった場合、 var graph1_array = [3,5,10,30,33,1,6]; どのように書くと、最大値３３のキー[4]を取得できるのでしょうか。
Math.random() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback Math.random() は静的メソッドで、 0 以上 1 未満の範囲で浮動小数点の擬似乱数を返します。その範囲ではほぼ均一な分布で、ユーザーは必要なだけ範囲の拡大をすることができます。実装側で乱数生成アルゴリズムの初期シードを選択します。ユーザーが初期シードを選択、またはリセットすることは出来ません。 メモ: Math.random() の提供する乱数は、暗号に使用可能な安全性を備えていません。セキュリティに関連する目的
Introduction to JavaScript
JavaScript中では、変数を用いることができます。 変数の宣言にはvar命令を用います。 functionの外で宣言された変数は全ての関数で有効ですが、function内で宣言された変数および引数はその関数の中でだけ有効です。 またArrayにより、変数を1次元配列として用いることもできます。 変数への代入は=を用いますが、数の演算を行ないながらの代入に関しては、Cと同様の形式(+=、-=、*=、/=、%=、++、--)が認められています。 JavaScriptでの制御構造は、if、while、forの3つだけです。 ifは if(真偽値を返す式){ 命令… }else{ 命令… } という形で、trueの場合は左の命令群、falseの場合は右の命令群を実行します。 else以降は省略可能です。 whileは while(真偽値を返す式){ 命令… } という形で、trueの間、命令
新JavaScript例文辞典
説明 JSONデータを解析して読み込むにはJSON.parse()を使います。これは従来eval()を使って変換していたものを、より安全にJSONデータを扱えるようにしたメソッドです。Firefox 3.1以降で動作します。 サンプルプログラム httpObj = new XMLHttpRequest(); httpObj.open("get", "./jsondata.txt", true); httpObj.onload = function(){ var myData = JSON.parse(this.responseText); var txt = ""; for (var i=0; i<myData.item.length; i++){ txt = txt + myData.item[i].itemName + " " + myData.item[i].itemPrice+"円
anything from herejQuery を活用したオリジナルの Ajax 通信コードを全面的に改訂しました
▲ToTop 連続的な Ajax 通信による結果取得の困難性 以前のエントリイタイトル、最新のエントリイタイトル、そして以後のエントリイタイトル───Ajax 通信によるこれらの 3 つのフェースの情報取得をずっと試みる中で、特に躓いた点は過去/未来のエントリイタイトル取得、それもそれぞれに 10 個の、合計 20 個のエントリイタイトルを一発で取得する Ajax 通信でした。 もっと具体的に言えば、1回のコード進行で過去/未来の 20 個のエントリイタイトルを取得することは出来たのですが、それらの取得後可及的速やかにそれらを表示することがどうしても巧くいかなかったのです。 例えば、20個の取得を指示しても、過去エントリイは 3 つしか表示できないのに、未来エントリイは 10 個表示できたり、その逆だったり、二度目に実行すると必ず 20 個全てのタイトルを表示取得できたり、結果取得が非常に
何と！JavaScriptにマニュアルのメモリ管理機能を実装する·*JS MOONGIFT
*JSはJavaScriptにC言語ライクのメモリ管理を実装するライブラリです。 JavaScriptがどうも手になじまない…そう感じているコンパイル系言語を得意とする方に試してもらいたいのが*JSです。JavaScriptにC言語に似た特性を追加するJavaScriptライブラリです。 変数の型を指定できます。異なる型にキャストしようとするとエラーになります。 データ型と演算です。 ポインタです。 関数の戻り値も指定できます。 swap関数で変数を入れ替えている例です。 mallocもあります。 *JSを使うと型の定義、構造体、ポインタ、メモリの確保と解放などおおよそスクリプト言語のJavaScriptとは思えないほどの機能が追加されます。これまでにないJavaScriptを体験したい人はぜひお試しを。 *JSはJavaScript製のソフトウェア（ソースコードは公開されていますがライセ
JavaScript ベンチマークテストサイト - コンピュータ系blog
コンピューター系のblogになる予定です (blog名のまま)。が、もう更新を停止しました。コメントもトラックバックもできません。すいません。。。 お知らせ： 2014/07現在、2015/09/30 で kinshachi.ddo.jp のドメインが使えなくなってしまうかもしれないので、ddo.jp と dip.jp で並行運用します。(居ないとは思いますが ^^;) ブックマークをしてる人が居たら ddo.jp から dip.jp へ変更お願いします。 クライアント側で処理する JavaScript の処理量が増えてるから、各Webブラウザは JavaScript のスピードアップに力を入れてるらしい。 JavaScript のベンチマークをできるサイトは幾つもあるようですが、それぞれ特徴があるらしい。 ChromeのJavaScriptエンジンである「V8」をテストするために新たに開
DOM要素（＜div＞タグ）をJavaScriptで削除する｜プログラムメモ
DOM要素をJavaScriptで削除するには次のようにします。 次のような html 構造になっている場合 <div id="hoge"> <div id="aaa">テストA</div> <div id="bbb">テストB</div> <div id="ccc">テストC</div> </div> id="hoge" を削除するには _delete_element('hoge'); function _delete_element( id_name ){ var dom_obj = document.getElementById(id_name); var dom_obj_parent = dom_obj.parentNode; dom_obj_parent.removeChild(dom_obj); } 子要素 id="aaa" id="bbb" id="ccc" を削除するには次
ThemeRoller | jQuery UI
Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and
BNRスピードテスト 画像読込み版（iPad iPhone などのFlash非対応版）
InfoSphere 固定IP【大幅割引価格で、ずーっとつかえます】 【弊社だけの特典】キャンペーン中の今お申込されると月額最大約60%オフにてず～っと使えて 初期費用が無料です。しかもお申込者全員に、JCBギフトカード をプレゼント中 本ページ（画像読込み版）の測定方法は、ブラウザに画像を表示させることにより、通信速度を測定しております。その為、処理能力の低い端末の場合、測定結果は遅くなると考えられます。また、ネットワークの混み具合の影響も受けますし、モバイル端末の場合、利用場所によって電波状況が、大きく異なります。測定結果は、参考値としてご利用ください。 よく似た質問が多くありましたので、こちらに掲載させていただきます。 Ｑ．計測のたびに、速度が違いますが、どちらが正しいですか？ Ａ．実際の通信速度は、常に変動いたしますので、計測時の通信速度とお考え下さい。 Ｑ．同じ回線で、端末を変え
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
Array.prototype.sort() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback sort() は Array のメソッドで、配列の要素をその場 (in-place) でソートし、ソートされた同じ配列の参照を返します。既定のソート順は昇順で、要素を文字列に変換してから、 UTF-16 コード単位の値の並びとして比較します。 ソートの時間的・空間的予測値は実装に依存するため、保証はできません。 元の配列を変更せずに配列内の要素をソートするには、 toSorted() を使用してください。 const mon
prototype.jsを10KBにする方法
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype（“prototype-1.4.0.js”）を10キロバイト（10,453 bytes）に圧縮して、しかも（当たり前ながら）動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした（他は
AJAXのお勉強
このサイトは、Ajaxのお勉強サイトです。 Ajaxに付随する技術的な情報を提供します。 Ajaxは、JavaScriptのHTTP通信機能を使って、 サーバとXML形式のデータのやり取りを非同期で通信できます。 今まで動的なWebアプリケーションを作成する場合は、 画面遷移を伴う必要が生じましたが、 遷移が伴わないアプリケーションの作成が可能となります。 Ajaxは、DHTMLと呼ばれる技術（Http、CSS、JavaScriptなど）に、 このHTTP通信が足されたものでしょうか。 Ajaxと言えば、GoogleMapが有名ですね。 今日では、様々なWebサービスにAjaxが利用されています。 Ajaxは、htmlで作成できるのは利点でしょう。 手軽に組み込めるのは良いと思います。
文字表示をマトリックス風にするJavascript！！！
今回紹介するJavaScriptを使うと面白い文字表示をしてくれる。なんというかマトリックス風に表示してくれます。百聞は一見にしかずということわざがあるように、文章での説明を見るより一回自分で見てみたほうが分かりやすいですね。私もサンプルページを作ってみたので下からどうぞ。 サンプルページ 表示のされ方には「_ _ _」「110011」の2種類が存在して、ランダムに表示方法が変わる。もちろん日本語にも対応している。この表示方法をサイトに取り入れたい人は以下のJavaScriptをhtmlに加えるだけOKです。 <script src="http://bodytag.org/bt_melter/bt_melter.js" type="text/javascript"></script> javascript自体もbodytag.orgからダウンロード可能です。 こういうJavaScriptで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Highcharts Demo - JSFiddle - Code Playground
配列内の最大値のインデックスを取得(Javascript)
Get month name from Date