タグ

JavaScriptに関するtotottiのブックマーク (105)

  • jQuery 2.0 Released | Official jQuery Blog

    You asked for it, you got it: jQuery 2.0 has arrived! As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8. You can

    tototti
    tototti 2013/04/19
    一番大きい変更は『No more support for IE 6/7/8』ってとこなのかな・・・
  • jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他

    jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、 自分なりにまとめました。 誤訳して間違ったことをまとめてたり、 最新の情報でないかもしれないので 読まれる際はご注意下さい。 (※ページをそのまま訳したわけではないと、思います) jQuery 1.9 では API の削除や 挙動の変更を行っています。 この記事は、前のバージョンから更新した時、 既存のコードに影響がでそうな変更を 並べたものになります。 変更点を全部網羅しているわけではありません。 箇条書きにすると以下のような感じ: 削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A

    tototti
    tototti 2013/03/05
    CheckBoxに対するattr()が変更になっている、と。
  • D3.js 101

    A Technical IntroScott Cheng @ PKU Vis Group OutlineWhat D3 IsWhat D3 Can DoHow D3 WorksHands-OnWhat is D3.js?Open source JavaScript library for manipulating documents based on dataBuilt for data visualization with web technologies (HTML, CSS, JavaScript)FactsD3 = Data-Driven DocumentsMade by Mike BostockStarted in 2010Paper published in InfoVis 2011The Power of D3 http://bl.ocks.org/1256572 http:

    tototti
    tototti 2013/02/05
    javascriptフレームワークD3のプレゼン資料。ふむふむ。
  • jQuery 1.9 で変わったところを調べてみる。 | バシャログ。

    引越しの準備がままならないminamiです。 jQuery1.9 が正式にリリースされました。すでにベータ版として発表されているjQuery 2.0 はIE6/7/8に対応しないことを謳っているため、これらのブラウザ対応をする場合は1.9 を使っていくことになりますね。 jQuery1.9 で変更があった機能を見ていきたいと思います。 どう変わったの? jQuery 1.9でアップグレードされた機能は下記ページにまとまっています。 jQuery Core 1.9 Upgrade Guide 主要なところを抜粋してみます。 toggle(function,function,...) の廃止 間違えそうですが、表示/非表示のtoggle()は使えます。 jQuery.browser() の廃止 だいぶ前からなくなるよ、と言われていましたが、とうとう廃止に。jQuery.supportや、Mod

    jQuery 1.9 で変わったところを調べてみる。 | バシャログ。
    tototti
    tototti 2013/01/31
    ふむふむ
  • QUnitの基本的な使い方 - but hopeful

    [追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un

    QUnitの基本的な使い方 - but hopeful
    tototti
    tototti 2013/01/10
    JavaScriptのテストフレームワーク
  • 1216彩票-官网平台

    您不具备使用所提供的凭据查看该目录或页的权限。 请尝试以下操作: 如果您认为自己应该能够查看该目录或页面,请与网站管理员联系。 单击刷新 按钮,并使用其他凭据重试。 HTTP 错误 401.1 - 未经授权:访问由于凭据无效被拒绝。 Internet 信息服务 (IIS) 技术信息(为技术支持人员提供) 转到 Microsoft 产品支持服务 并搜索包括“HTTP ”和“401 ”的标题。 打开“IIS 帮助”(可在 IIS 管理器 (inetmgr) 中访问),然后搜索标题为“身份验证”、“访问控制”和“关于自定义错误消息”的主题。

    tototti
    tototti 2013/01/09
    へーへー。
  • HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個!

    動くぞ!きれいだぞ! ヘ(・_・ヘ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営WebサービスHTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破! 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました!(わーい!) 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します! あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集! 説明不要! 気になったコードは是非のぞいてみてください!

    tototti
    tototti 2012/12/14
    どれもいい感じで素敵。
  • JSLint integration for Sublime Text 2

    Web developers are editing more and more Javascript. Because Javascript is very flexible language and has some bad parts from the past, you want to enforce linting software to validate your Javascript code against the good known best practices and avoid bad parts like global variables. One of such tools to enforce good practices is Douglas Crockford’s jslint. Also note that Crockford’s best practi

    JSLint integration for Sublime Text 2
    tototti
    tototti 2012/12/04
    Sublime Text 2でファイル保存時にJSLintを動作させる方法
  • 正しいJavaScriptの変数名の話をしよう

    「var π = Math.PI; が文法的に正しいJavaScriptだと知っていますか?」という書き出しで始まるJavaScriptの変数名についてのエントリが話題になっていました。エントリーを書いたのはベルギーのフリーランスWEB開発者のMathias Bynensさんです。彼はUnicodeのどんなグリフが識別子として利用できるのかECMAScriptの仕様を見てみることにしたそうです。 ECMAScript 5.1によれば: 識別子は予約語ではない識別できる名前 となっており、直接記号やグリフについての制約には言及していません。元記事ではさらに予約語や識別子に使用できる文字の例外などについて解説した後に、下記のようなコードが有効なJavaScriptの変数名であるとして紹介しています。 // How convenient! var π = Math.PI; // Sometime

    正しいJavaScriptの変数名の話をしよう
    tototti
    tototti 2012/12/04
    『var ლ_ಠ益ಠ_ლ = 42;』もokなのか
  • neu.Node, Node.js server running on iPhone

    neu.Node is a research project for distributed computing architecture, which allows a single application to run across multiple mobile devices. A lightweight programmable server running on mobile devices is an essential piece of this architecture, and I have started porting Node.js to iPhone to see how feasible it is. Here is the quick demonstration of Node.js running on iPhone.

    neu.Node, Node.js server running on iPhone
    tototti
    tototti 2012/12/04
    iPhone上で動くNode.js互換アプリのデモ。脱獄してOSにインストールしているのではなく、node.jsのAPI仕様を見て再実装しているのだとか・・。すごい。
  • 【Raphael.js】エレメント毎に固有のデータを記憶させる方法 - RAPHAELIST

    data関数 data関数を使用すると、エレメント固有の情報をエレメントごとに持たせておくことが出来ます。名札をつけて雑多なエレメントの中から目的のものを探すといった使い方から、グラフのデータを格納したりと様々な利用方法があります。地味な関数ながらも、これがあるのとないのとではコーディング効率が全く変わってくるでしょう。 実行結果 FullScreen http://jsfiddle.net/nekosmash/7gAeF/embedded/result/ 解説 まず、5つのcircleエレメントを描画する際に、それぞれのcircleエレメントに"index"というキーでカウンタを格納しています。そして、クリックされた時にこの”index”で保存されているデータを取り出し、その値が3であった場合は黒で塗り、それ以外を白で塗っています。実際にクリックして試してみてください。キー管理になります

    【Raphael.js】エレメント毎に固有のデータを記憶させる方法 - RAPHAELIST
    tototti
    tototti 2012/11/28
    ちょうど、これをやりたかったのだった。素敵。
  • 【Raphael.js】Raphaelエレメントをアニメーションする - RAPHAELIST

    animate関数 Raphael.jsの中で最も光り輝いている部分があるとすればずばりコレ!アニメーション機能です。この関数を使えば、様々なアニメーションが可能になります。 使い方はattr関数と非常によく似ています。animate関数はアニメーションさせる属性に加え、アニメーションが完了するまでの秒数やアニメーションタイプを指定する事で様々なアニメーションが可能になります。 実行結果 FullScreen http://jsfiddle.net/nekosmash/n9NdW/embedded/result/ Raphael最強伝説 このSVGのアニメーション処理は、モダンブラウザの中には対応しているものもあります。ですが、IE8以前のものはもちろんSVGに対応していませんし、あのIE9もSVGは対応していますがSVGのアニメーションには対応していません(oh...)。 その違いを見事

    【Raphael.js】Raphaelエレメントをアニメーションする - RAPHAELIST
    tototti
    tototti 2012/11/28
    ふむふむ
  • jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog

    実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介したのですが、Pluginからelementを処理する場合対象のelementが広範囲に及ぶことが多く、Plugin内の変数の他に各element毎の変数を持ちたくなることがあります。 たとえば、「クリックする毎に順番にCSSが変わるPlugin」を考えた場合、各element毎に「今どのCSSが指定されているか」を保持できると実装が楽になると思います。 具体的には以下のような形になります。 $(function () { var colors = ['blue', 'yellow', 'red']; $('

    jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog
    tototti
    tototti 2012/11/27
    $.dataでelementにデータを保持させる事ができる、と。
  • Perl & JavaScript - 万能配列操作関数spliceを覚えておこう : 404 Blog Not Found

    2012年11月24日08:45 カテゴリTipsLightweight Languages Perl & JavaScript - 万能配列操作関数spliceを覚えておこう Perl Cookbook (English) Christiansen / Torkington [邦訳: Perlクックブック] 風邪が全然抜けない…リハビリしなきゃ… 2012/11/23:リストを任意件数ごとにぬるぬる処理する用のモジュール書いた - bayashi.net 鉈でひげ剃り感があるのは、こうも書けるからかな。 use 5.012; sub fizzbuzz { my @fizzbuzz; push @fizzbuzz, ('Fizz')[$_%3] . ('Buzz')[$_%5] || $_ for @_; @fizzbuzz; }; my @hundred = (1..100); whil

    Perl & JavaScript - 万能配列操作関数spliceを覚えておこう : 404 Blog Not Found
    tototti
    tototti 2012/11/26
    spliceってなんでも出来るんですね...。
  • Javascriptの基本:クロージャー(closure)とその読み方 - tetsuya_odakaの日記

    よく、下のような形式の関数を『クロージャー(closure)』と呼ぶ。 // クロージャー var test1 = function(){ --- (1) var _i = 1; return function(){ alert(_i); _i++; }; }; 形式的には、先のログ『Javascriptの基:いろいろな関数』で照会した、「関数を戻り値にする関数」と同じ。 これを以下のようにして実行すると、'1'、'2’…という値がアラートに上がってくる。 var func = test1(); func(); // '1'がアラートされる。 func(); // '2'がアラートされる。 func(); // '3'がアラートされる。 perlruby,phpなどでもクロージャー(と呼ばれるもの)を作ることができる(Java7へのクロージャーの導入は見送られた)。 クロージャーと聞い

    Javascriptの基本:クロージャー(closure)とその読み方 - tetsuya_odakaの日記
  • サーバサイドJavaScriptの本命「node.js」の基礎知識

    稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様

    サーバサイドJavaScriptの本命「node.js」の基礎知識
    tototti
    tototti 2012/11/21
    今更感もあるけど、node.jsが気になっている。
  • Triangulation Image Generator - jsdo.it - Share JavaScript, HTML5 and CSS

    ファイルをドロップしてリソースを変更可能 クリックで次のプリセット画像へ 2012.10.2 エッジのポイント検出の部分に誤りがあったので修正 速度向上のためにコードを最適化 Photo from http://www.sxc.hu/ http://www.flickr.com/ // forked from akm2's "エッジ検出のテスト" http://jsdo.it/akm2/89lF (function(window, document) { 'use strict'; // Configs // (int) 0~255 明るさの平均からエッジを検出する際の最小値を示す, この明るさを超えるピクセルを検出する, 少ないほど詳細 var EDGE_DETECT_VALUE = 50; // (number) エッジ上のポイントの分布比率, 高いほど詳細, 生成されたポイント数はコ

    Triangulation Image Generator - jsdo.it - Share JavaScript, HTML5 and CSS
    tototti
    tototti 2012/10/05
    javascriptによる画像のエッジ検出etc... これは凄い!
  • Plugins | jQuery Learning Center

    A jQuery plugin is simply a new method that we use to extend jQuery's prototype object. By extending the prototype object you enable all jQuery objects to inherit any methods that you add. As established, whenever you call jQuery() you're creating a new jQuery object, with all of jQuery's methods inherited. The idea of a plugin is to do something with a collection of elements. You could consider e

    tototti
    tototti 2012/10/03
    jQuery プラグインの作り方。
  • Developer's Guide - Google Chart API - Google Code

    Discover the resources for adding interactive charts for browsers and mobile devices.

    Developer's Guide - Google Chart API - Google Code
    tototti
    tototti 2012/10/01
    Googleのグラフ描画ツール。
  • Highcharts Core Charting Library | Highcharts

    Our core library. Includes all standard chart types and more.

    Highcharts Core Charting Library | Highcharts
    tototti
    tototti 2012/10/01
    グラフ描画のライブラリ。非商用なら無料、商用利用にはライセンス購入が必要。。