JavaScript

天下一MVCフレームワーク武闘会に参加してきました

chaplin.js rails風 viewとモデルはBackbone reuseすると早い ただし再利用を意識しないと死ぬ CollectionView テストがない vue.js シンプル コンパクト モジュールフレンドリー 将来機能 web components observ riple.js reactiveなview componentファミリ…

Chrome Extentionで高機能なデスクトップ通知を作る

ふと思いついたことがあって、Chrome Extentionを作っています。某所に対してごにょごにょしてデスクトップ通知をするのですが、単なる通知ではさびしいですし、なにより不便です。Opera標準のRSSリーダーのようなクリックしたらリンク先に飛ぶなどのリアク…

JavaScriptだけでレコメンドシステムを作ってみた

Follow NowというTwitterのリアルタイムフォロワー推薦ツールを公開しました。 このツール、サーバーサイド処理はこちらでは一切作っていません。HTML+JavaScript+CSSにWebAPIを組み合わせただけなのです。 Follow Nowの仕組み WebAPIとJavaScriptだけでどう…

JavaScript基本概念最速マスター

プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してくださ…

Rubyライクな文法でJavaScriptを記述できるCoffeeScript

Rubistな方には朗報、なのでしょうか? Rubyライクな文法でシンプルにJavaScriptを記述することができるCoffeeScriptが公開されています。 コンパイラはRubyで記述されていて、コマンドラインオプションによって簡単なデバッグ支援がされています。また、変…

jQueryベースのJavaScript用MVCフレームワークcorMVCのチュートリアル

jQueryをベースとしたいわゆるMVCフレームワークであるcorMvcのチュートリアルが公開されています。 corMVCはまだリリースしたてでドキュメントなどがない状態なのでありがたいですね。 ルーティングなどはかなり見慣れた形式で、なかなか使いやすそうです。…

イベント管理を手助けしてくれるjQueryプラグイン behavior

以前、JavaScriptとクロージャとデザインパターンというエントリーを書きましたが、この中で行ったのとほぼ同じことをjQueryプラグインとしてまとめたものがありました。 jQuery.behaviorというエレメントに対してオブジェクトを結びつけてくれるプラグイン…

Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック

などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれてい…

script.aculo.usのUIライブラリscripty2のβ版プレビュー

Ruby on Railsに同梱されていることで知られるscript.aculo.usのUIライブラリ、scripty2のベータ版がgithubで公開されています。 作者のエントリーによると ノキア携帯のマルチタッチのサポート キーボードイベントのサポート jQueryUIのテーマ作成ツールへ…

JavaScriptでJPEGをエンコーディング

Ajaxianより。JavaScriptでJPEGエンコーディングを試してみた人がいました。JavaScriptは基本的にインタプリタなのに関わらず、コンパイラであるActionScriptと比べてそれほど遅くない結果になっています。 方法は Canvasタグ(参考)をHTMLに作ってそこにJPEG…

サイトの最適化に役立つ(?)ブックマークレットstaty

最近、googleが熱心なWebサイトのチューニングですが、本格的なチューニングの前に手軽にサイトの統計を見ることのできるstatyというブックマークレットが公開されています。 このブックマークレットをブックマークして分析したいサイトで開くと、Webサイト…

JavaScriptとクロージャとデザインパターン 

html5-developers-jpで「GoFデザインパターンのJavascript版があったら様相がかわるかも?」という話が出ました。 デザインパターンが拡張性を確保する手段の一つがメソッドの書き換えなのですが、Javavscriptの場合、通常の継承とは違う特有のメソッドのオ…

JavaScriptでswitch文を使わずに条件分岐

JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように…

jQuery1.3のカスタムイベント

1.3から、イベントトリガーの第2引数にオブジェクトが設定できるようになった。操作結果の取得をイベントという形で定義でき、分離できる。コンポーネント指向のフレームワークとも相性がいい。

YSlow

無茶振りのため、ドミニオンの紹介からw Yahoo謹製のWeb最適化ツール、YSLOWについて。 スコアが高いのが早いわけではない。その内容を考える。

Jqueryでクロスドメイン

Flashを使ってクリアしている、のかな?

JavaScriptでAR

FLAR(フラッシュでARツールキット)のJavaScriptラッパー。 マーカーを認識してその上にCanvasタグで描画 指をマーカー代わりにしてスライドを操作している(!) タネは指サック。ARカンファレンスで紹介されていたものですね

Polyplotと予約語プログラミング

一つのコードで複数のプログラムで動くプログラムを作る方法と予約語と記号だけでプログラミングする方法。Pyhonバージョン誰か作ってください、とのこと。変態が続く…。

もっとJavaScriptを楽しく

記号だけでJSを書くテクニック。ア…アホですね(^^)

対談

ブラウザ3Dのアプローチが複数ある中でどうするべきか 統合するフレームワークを作ったらどうか APIの違いや計算負荷の問題で破綻するのでは? Canvas3Dは低レベルなので、その差を吸収すれば? Googleが対応するのはわからない 今やれといわれたら フラッシ…

WhatO3D

3D表示プラグイン バックエンドにOpengl、Direct3D シーンの管理を担当する 3Dのめんどくさいことをやってくれる 入れ子状のシーン記述 シーン設定ファイルを読み込む。JSONで記述 一番下は頂点のリスト 描画の流れを書くリスト Parentでマニュアルを検索す…

JqueryUI(Paulさん)

CSS3。角丸とか、斜めにしたりとかが簡単にできる YotubeAPIだけ、バックエンドなしのデモ SmartFMのJavascript化 日本語フォントの問題。言語対応の問題 バックエンドを必要としないアプリケーションが作れるAPI? サウンド制御、擬似3D、完全JavaScript、…

第3回Juiに参加してきました

リクルートメディアテクノロジーラボ主催のJavaScriptUserInterfaceイベントに参加してきました。

 Google APP Engine とPHP使いから見たPython

私の発表です。 簡単なAppEngineの解説とPythonとPHPの比較、そしてGoogleのコードラボの体験記です。 こういった場での発表は初めてだったのですが、評判が悪くないようでほっとしました。 この後は体調が悪くて一足先に帰りました。話しかけていただいたの…

 Ext.jsのお話

最初はExt.jsのお話。リッチだけど重すぎなライブラリという印象しかなかったのですが、「AIRに変換できる」と聞いて俄然興味が沸いてきました。