[B! javascript] rosiroのブックマーク

rosiro id:rosiro

javascriptに関するrosiroのブックマーク (8)

Perl 初心者がとある JavaScript コードを読むための基礎知識 - あらびき日記
この記事は abicky.net の Perl 初心者がとある JavaScript コードを読むための基礎知識に移行しました
rosiro 2013/10/28
Perl

javascript
リンク
JavaScript のテストを Perl から実行できるようにした話
わかば (id:wakabatan) 2013年1月24日自己紹介わかば id:wakabatan JavaScript は15年目くらい株式会社はてなアプリケーションエンジニア ( ) 仕事では1年くらい JavaScript 書いてない概要 HatenaStar.js Ten.js JSAN PhantomJS Wight / Poltergeist Travis CI JavaScript のテストを Perl から実行できるようにした話です。 HatenaStar.js http://s.hatena.ne.jp/js/HatenaStar.js はてなスターの Web ページ用公式クライアント (2007-) ブログ記事にボタンを付けるほとんどのはてなサービス、いくつかの社外のサイト、いくつかのブラウザ拡張で利用されている Ten.js id:jkondo 作の
rosiro 2013/06/23
perl

javascript
リンク
Google Maps ガイド(Google Maps JavaScript API V3)
rosiro 2013/02/19
Google

javascript
リンク
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
rosiro 2013/01/07
javascript
リンク
document.writeを使った遅いブログパーツ（例えばzenback）を非同期化してサイトを高速表示する方法 | ゆっくりと…
広告やソーシャル系のサードパーティー製ブログパーツを張りたいんだけど、サイトの表示速度が遅くなるのって我慢なりませんよネ。こういったブログパーツの多くが JavaScript で作られています。自サーバーに設置したスクリプトならまだ手の打ちようはあるし、本サイトでも JavaScript 読み込みを高速化するための非同期化ネタを幾つか扱ってきました。例えば Google Analitics の非同期トラッキングスニペットや LABjs、HEAD JS などの非同期ローダーが有名なところでしょう。ところが困ったことに、こういったサードパーティ製スクリプトに document.writeが使われていると、Google Analitics のようなテクニックや非同期ローダーでは、ほとんどの場合でページが白紙となってしまい使えません。Twitter や Facebook など超有名どころは既
rosiro 2013/01/07
javascript

非同期
リンク
JSX - a faster, safer, easier JavaScript
JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers. Being developed at DeNA as a research project, the language has following characteristics. faster JSX performs optimization while compiling the source code to JavaScript. The generated code runs faster than an equivalent code written directly in JavaScript. The gain may vary, but even the optimi
rosiro 2012/06/01
javascript

JSX
リンク
chromeデベロッパーツールでjavascriptのデバッグをする -node.jsもあるでよ- - tumblr
ソースコードリーディングとかしてると、ただコード読んでてもどうしようもなく、オブジェクトの中身や変数などを見るためにデバッグツールを使いながらでないとやっていけないことが今になって分かりました。自分でもどうしようもなくアホだと思いながら戒めのために覚書。デバッグツールの機能僕自身まともに触れる言語はjavascriptとphpくらいなもので、どちらもeclipseのようなIDEを使わず頑なにvimを使って組んできました。phpの場合はxdebugと連携させる方法*1や、javascriptならrhinoなんかを入れてquickrunとかって方法も考えられますが、僕はある程度は知っていながらもひたすら標準のスタックトレースやalert,console.log,console.dirばかりしていたので、まずはIDEなどに搭載されている一般的なデバッグ機能を復習をかねて覚書。ブレークポイン
rosiro 2012/01/02
javascript

デバッグ
リンク
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。下記に主な特徴を挙げます。拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUIEx
rosiro 2009/10/27
javascript

JQuery
リンク
1