2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
Web上でのプログラミングがさらに便利に。JavaScriptを使った開発補助·Tern MOONGIFT
Ternは入力補完や関数の引数表示と言った機能がついたJavaScript用プログラミング補助ライブラリです。 そろそろWebブラウザ上でコーディングを行える環境が整ってきたのではないでしょうか。プログラミングするためのエディタ環境として必要なのはハイライターなどの他にもたくさんあります。その幾つかを提供してくれるのがTernです。 入力補完。 文字を打つと絞り込まれていきます。 変数、クラスの定義を探します。 オブジェクトの種類を下に表示できます。 変数名を変更します。 名前空間に対応しているので余計なところは変更しません。 関数の引数を表示します。 デモ動画です。 Ternでは入力補完、変数やオブジェクトの定義元検索、関数の引数表示、変数名の一括変更と言った機能がサポートされています。いずれもローカルアプリケーションのプログラミングエディタには備わっている機能と言えるでしょう。しかしそ
JavaScriptを使ってCanvasタグにUMLを描画·UmlCanvas MOONGIFT
UmlCanvasはCanvasタグを使ってUMLモデルを描画するJavaScriptライブラリ。 UmlCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。2000年頃にもてはやされたUML。オフショア開発やエンタープライズでの開発では今も使われていると思うが、小規模なプロジェクトまではなかなか普及しなかった。 リレーション 作成するのに専用のツールが必要であったり、システム開発の変更が多くてせっかく作成しても修正が多かったといった問題もあった。だが専用のツールを用いず、誰でも手軽に見られるならばまだ使われる場面はあるのではないだろうか。それをかいま見せるのがUmlCanvasだ。 UmlCanvasはその名の通りUMLをCanvas上に描画するソフトウェアだ。使えるのは主にクラス図で、状態遷移図にも対応している。クラスを定義していけば線は自動的に引かれるが、
PythonやLuaをWeb上で実行。LLVMをJavaScriptに変換する·Emscripten MOONGIFT
EmscriptenはLLVMをJavaScriptに変換するソフトウェア。PythonやLuaをWebブラウザ上で実行できる。 EmscriptenはPython/JavaScript製のオープンソース・ソフトウェア。LLVM（Low Level Virtual Machine）という技術がある。ソースコードをアーキテクチャに依存しない中間コードに変換し、最適化した上で各マシン向けにネイティブなコードを出力することでより効率的なバイナリを作成できるというものだ。 Python実行例 つまりLLVMが生成する中間コードを使えば、元々の言語は気にせずに動くという訳だ（おそらく）。それを実証してくれるプロジェクトがEmscriptenだ。 EmscriptenはLLVMの中間コードをJavaScriptに変換するソフトウェアだ。つまり中間コードにさえ変換できれば、それをJavaScriptに変
条件付きで外部ファイルの読み込みが出来る「yepnope.js」 | Web活メモ帳
読み込みが完了するまで待機し、完了後のコールバック関数を設定できるようになります。 例えば、IEのためだけに書かれたコードを「if IE」タグを使うのではなく動的に変更する事が出来るようになります。 以下のようなコードで動作するようです。 yepnope([ { load: 'js/jquery.js', wait: true }, { test: Modernizr.geolocation, nope: ['googleapi.js', 'needs-googleapi.js'], wait: true, callback: function(){ alert('JS was loaded!'); } } ]); このコードはjQueryの読み込み完了後に、googleapi.jsとneeds-googleapi.jsを読み込み、 全ての読み込みが完了したらアラートを表示するサンプルです
GreasemonkeyのスクリプトがChromeで対応したので試してみた：将来のＰＣ業界パワーバランス - CNET Japan
「「Firefox」向けアドオン「Greasemonkey」が「Google Chrome」にも対応」 GreasemonkeyのスクリプトがChromeでほとんど変更せずに使用できると言うので、過去に作成したモノを試してみます。今まで作成してここで公開したものは以下の三つがあります。 ・スクロールしなが次々とエントリを見るスクリプトを作ってみた ver 0.2 ・"CNET 編集部へ行こう！"で行ってきました ・CNET Japan ブログネットワークの自分のブログのアクセス数一覧をGreasemonkeyで取得するスクリプト (v0.5) ファイルをダウンロードして解凍して、Chromeに***.user.jsをドラッグアンドドロップしてインストールすれば使用出きます。 １．スクロールしなが次々とエントリを見るスクリプトを作ってみた ver 0.2 スクロール予定の下半分が出てきません
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBSITE.WS - Your Internet Address For Life™
もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き） 記事一覧 | gihyo.jp