JavaScriptでチェスのウィジェットを作るためのライブラリ『ChessBoardJS』 | 100SHIKI
ちとマニアックだがいつか使いそうな気もするのでご紹介。 ChessBoardJSは、チェスボードをJavaScriptで作るためのライブラリである。 盤のサイズを指定できたり、コマの位置を指定できたりする他、ちゃんとイベントにも対応しているので、これをもとに対戦型のゲームを作れたりするだろう。 また対戦までのロジックをつくらずとも、棋譜（チェスの場合もこういうんだっけ？）を再現するアニメーションなんかはさくっと実現できそうだ。 チェスだけではなくて、将棋とかトランプとかのこうしたライブラリも欲しいところですな。
javascriptの問題です 以下のfunction aとbを結合するにはどう書けばいいのでしょうか？…
javascriptの問題です 以下のfunction aとbを結合するにはどう書けばいいのでしょうか？ function bの中身をaの最後に追加して実行しましたが動きませんでした function a() { var trs = document.getElementsByTagName("tr"); var need_mark = false; for (var i = 0 ; i < trs.length ; ++i) { var ans = trs[i].children.item(5); re_ans = new RegExp("^[" + ans.innerHTML + "]"); var ele_q = trs[i].children.item(2); var ele = ele_q.firstChild; do { if (ele.nodeType == 3) { if
JavaScript で、 他の JavaScript ファイルを読み込むにはどうしたらよいでしょうか？…
JavaScript で、 他の JavaScript ファイルを読み込むにはどうしたらよいでしょうか？ ------ どうしたいかというと、 <script type="text/javascript" src="aaa.js"></script> という風に HTML から aaa.js を読み込んでいますが、bbb.js も読み込みたいと思っています。 <script type="text/javascript" src="aaa.js"></script> <script type="text/javascript" src="bbb.js"></script> とせず、 aaa.js に bbb.js を読み込みたいと思っています。
入力フォームの全角・半角を勝手に変換してくれるJavaScript
入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。 １．発端 「入力フォームの迷宮。全角数字を強要するフォームを理解できません。」を読んで、たしかに私も半角全角の入力を強制されるフォームには辟易してしまいます。 というか、半角全角どちらでも良いという登録フォームを（多分）見たことがありません。 それはさておき、システム側で半角文字・全角文字の制御が不能であれば、せめてフロントエンドでなんとかできるんじゃないの？と思ったのが、作ったそもそもの発端です。 ２．半角を全角に変換する仕組み 半角文字の文字コードから65248番目の文字コードが全角文字になるようです。 よって半角を全角に変換するには、charCodeAt()で参照した半角文字コードに65248を加算したあと、fromCharCode()で文字コードを文字に戻します。 "ABC".replace( /[A
[JS]わずか1KBでインディ・ジョーンズの雰囲気が楽しめるスクリプト -Strange crystals
インディ・ジョーンズの「魔宮の伝説」でのトロッコで坑道を滑走するシーンを再現したような1KBのスクリプトを紹介します。 キャプチャは静止画ですが、アニメーションで描画されます！ 下り坂の下に光りが JavaScript スクリプトは他のスクリプト無しで、1KBで作成されています。 _="b.bgColor=X=Y=H=I=J=E=Q=U=V=0;T=[l=1];C=(c.width=c.h_=innerH_)/2;setInterval(function(<code> i=H;i<X+1�;H=++i</code>(s=�8j)�(D=i/80�P=D&1�-Q+(Q=�5$K=OD�(K+2+(�5))%3-1,B=OD>9�!B��kW=1@*�-1�E�F=(s<160)-(s>639��=[I�J,J�K,U�V,V=P*E,O�(L=��-2j)*L^3)/1���,�95];i
jQueryプラグインの中に出てくるセミコロン「;」
jQueryプラグイン jQueryプラグインのソースを読んでいると、無名関数の先頭にセミコロン「;」を付けているのを見かけたりします。 たとえば、fancyboxとかがそうです。 ;(function($){ ..etc })(jQuery); jQueryの$関数みたいなものかな？と思いつつ、JSLintとかで文法チェックするとエラーになりますよ。 ただ、なんとなく予想はついていたので、ググってみると英語のフォーラムに書いてありました。 http://markmail.org/message/3gppon7hfmw7jqr7 ざっくり書くと、「セミコロンが先頭にあるプラグインを読み込む前に、セミコロンがちゃんと書かれていないコードがあるとバグッちゃうからつけといたよ！」ということですね。 jsでのセミコロン jsではセミコロンの自動補完という謎の機能があるため、こんな感じの残念なソース
JavaScript の this キーワードに結びつけられる値はどのように決定されるのか (言語仕様の説明) - ひだまりソケットは壊れない
最近 JavaScript の this キーワードについての記事をいくつか見かけて 「そういや自分も昔 this キーワードについて記事を書いたなー」 と思って 古い記事 を見返してみたのですが、関数呼び出しのことしか説明してなかったので改めて this キーワードの全般的な話を書いておこうかと思います。 本記事は ECMA-262 5.1th に基づいています。 初心者向けの this キーワードの使い方の指針を示しているわけでも JavaScript 処理系の実装の説明をしているわけでもなく、JavaScript 言語コアの仕様を説明していることに注意してください。 ECMA-262 5.1th : JavaScript の言語コア部分 (ECMAScript) の言語仕様 (バージョン 5.1) 初心者向けの this キーワード周りの指針 この記事の最後の 「まとめ」 に、自分が
ジャバスクリプト（javascript）が集客の邪魔になってはいないかな？
javascriptが集客の邪魔をする理由 ある程度Googleで検索している人は知っているようなことですが、地味にホームページに集客する事を邪魔しているのがジャバスクリプトなんですよね。 最近ではAjaxの登場でものすごい注目を浴びていますし、それこそ純粋にジャバスクリプト自体の人気も上がってきています。 ですから今一度、ジャバスクリプトとSEOについておさらいをしておきます。 通常ジャバスクリプトが挿入される領域は <head> このあたりにかかれる事が多い。 </head> これを思い切ってこうしてみましょう。 <head> <SCRIPT language=JavaScript src="./java/java.js" type=text/javascript></SCRIPT> </head> そして今まで書いていたジャバスクリプトを、java.jsというファイルを作ってコピーし
JavaScript による動的スクリプティング - ウェブ開発の学習 | MDN
次のページ JavaScript は巨大な分野であり、学ぶべき機能やスタイル、テクニックは多岐にわたり、その上に構築された API やツールも数多く存在します。このモジュールでは、言語の中核となる基本要素に加え、関連する重要なトピックに焦点を当てています。これらのトピックを学ぶことで、しっかりとした基礎を築くことができます。 チュートリアルと課題 JavaScript とは MDN の初心者向け JavaScript コースへようこそ！この最初の記事では JavaScript を高い視点から見ていき、「それは何ですか？」「それで何ができますか？」などの質問に答え、 JavaScript の目的があなたに受け入れられるものであるかを確認します。 JavaScript の最初の一歩 これで JavaScript の理論や、 JavaScript で何ができるかを学んだと思いますが、完全に実践的
JavaScript の正規表現マッチング - vivid memo
JavaScript で正規表現 (RegExp オブジェクト) を使ってマッチングする方法。 しょっちゅう忘れてしまううえに ECMAScript 仕様に適合した方法があまり web 上に書かれていないようなので軽くメモしておきます。 RegExp.prototype.exec( string ) メソッド 正規表現のマッチングを試して、マッチした文字列全体とキャプチャリングした文字列を取得するためのメソッドが RegExp.prototype.exec( string ) メソッドです。 このメソッドは、マッチングが成功した場合は Array オブジェクトを返します。 その Array オブジェクトの第 0 要素はマッチした部分文字列全体です。 正規表現にキャプチャリングが含まれていた場合は、Array オブジェクトの第 1 要素以降に、順番にキャプチャリングされた文字列が格納されます
JavaScriptの「ケツカンマ問題」まとめ · DQNEO日記
なぜIE6,7(とIE8の配列)ではケツカンマが正しく動かないのか 結論からいうと、「それがJScriptの仕様である」ということになるかと思います。 後述のとおりECMAScript3の仕様書はケツカンマなしなので、IE(=Jscript)がそのような仕様になっていても間違いではないということになります。 ひとつだけ納得がいかないのは、IE(=Jscript)は配列ケツカンマとオブジェクトケツカンマで挙動が異なるのです。 var list = ['a' , 'b', ]; // → 要素３個のarrayが生成される。 var obj = { a : 1, b : 2, }; // → 文法エラー この仕様はなんか中途半端な気がします。 ECMAScriptの仕様はどうなっているのか ECMAScript3 Standard ECMA-262 3rd Edition-December199
document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…
広告やソーシャル系のサードパーティー製ブログパーツを張りたいんだけど、サイトの表示速度が遅くなるのって我慢なりませんよネ。こういったブログパーツの多くが JavaScript で作られています。自サーバーに設置したスクリプトならまだ手の打ちようはあるし、本サイトでも JavaScript 読み込みを高速化するための非同期化ネタを幾つか扱ってきました。例えば Google Analitics の非同期トラッキングスニペット や LABjs、HEAD JS などの非同期ローダーが有名なところでしょう。 ところが困ったことに、こういったサードパーティ製スクリプトに document.write が使われていると、Google Analitics のようなテクニックや非同期ローダーでは、ほとんどの場合でページが白紙となってしまい使えません。Twitter や Facebook など超有名どころは既
ページを読み込んだらすぐにfancyBoxを実行する方法
画像などをクリックすると拡大画像をふわっと表示してくれる、いわゆるLightBox風のjQueryのプラグイン、「fancyBox」ですが、 これをページを開いた時にすぐ実行する方法を調べたので書いておきます。 JSファイルは普通に読み込む javascriptファイルは普通に読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.fancybox.js"></script> 実行の箇所をloadで読み込む そして、実行のjavascript部分を以下のようにします。 $(window).load(function(){ $.fancybox.open($('.fancybox')); }); $('.fancybox')の箇所には
nextSibling vs childNodes · jsPerf
JavaScript performance comparison Test case created by Adrian Sutton on 2010-10-10 Preparation code <div id="container"> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> <p>Child</p> </div> <script> var container = document.getElementById('container'); function process(element) {} </script> Preparation code output <div id="contain
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cssrefresh.frebsite.nl/
jsdo.it
HugeDomains.com
こちら『右クリック禁止』対策委員会です。
http://cgi2.nhk.or.jp/darwin/broadcasting/detail.cgi?p=p235