JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。
はじめに 2011年はサーバサイドJavaScriptのnode.jsがエンジニアの間で流行した年でした。そこで、2011年に書かれたnode.jsに関する記事を、はてなブックマーク数順に並べてランキングを作ってみました。 全部チェックされている方もそうでない方も、この週末を使って読み返してみると良いかもしれません。 ランキングの抽出条件 はてなウェブ検索を使って、以下の条件でつくりました。 3 users 以上で絞り込み ユーザ数でソート 2011年1月1日 〜 2011年12月31日の間にpostされたもの 2012.1.7追記 ポストしてから気づきましたが、上記抽出条件ではてなウェブ検索しても、漏れるエントリがいくつかあるみたいです。それと、2010年の記事がいくつか混ざっていましたので、修正しました。 2011年 node.jsに関する記事のブクマ数ランキングTOP50 No.タイ
[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML
ときどき、たまたま自分がそのとき考えていたことについてそれを補強するような材料が偶然たくさん集まってくる、なんてことがあります。そんな出来事があったので、ちょっとブログを書いてみようかなと。 以前に HBFav を作ったときこんなことを書きました。 Mark Zuckerberg は、いずれみんな、ニュースは友人知人経由で知ることになるだろうと言っていました。自分もそうなるだろうと思います。 4年ぐらいが経ちましたが、その思いは以前よりも増して確信めいたものになってきています。 ところで先日、Twitter の iOS アプリに「ニュース」という機能が追加されました。人によっては出てないそうなのでまだテスト中か、もしくは既に削除されているのかもしれないですが。 この機能についての自分の感想は以下のようなものでした。 もうすこし補足します*1。 Facebook や Twitter のような
30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項30。 自分へのインプット&メモがてらにちょっとまとめてみます。 JavaScript DOMの操作は可能な限りやめる eval, new Function() は遅いので可能な限り使わない withステートメントを使わない(使った事ないですが) for-in 文ではなく for 文を使う。 ループの中で try-catch ではなく、try-catchの中にループを置く グローバル変数をなるべく使わない aaa+='AAA';aaa+='BBB'; の方が aaa+='AAA'+'BBB';より速い 複数の文字列連結には、Array で文字列
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」(Crockford氏) Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が本当
JavaScriptで書かれたオープンソースFlashプレイヤーが本家/.で紹介されている。 「フラッシュ・ゴードン」から名前を取って「Gordon」と命名されたこのソフトウエアはFlashファイルの表示方法をJavaScriptでブラウザに指示するもので、SVG/HTML5対応ブラウザ向けとして開発されたものであるという。Gordonをウエブページに組み込めば、iPhoneのSafariなどでもFlashコンテンツを表示できるようになるという。 まだ開発の初期段階であるため問題も多くドキュメントなどもまだないが、ソースコードやデモは公開されている。
Webアプリケーションの開発やWebサイトの構築にあたり、いつでも気にしなければならないパフォーマンス。パフォーマンスアップに有益なツールとしてはYSlowが有名だが、このたびGoogleから同様のツールとして「Page Speed」がリリースされた。あのGoogleの「Webサイト高速化」ノウハウが詰まったツールとはいったいどんなモノなのか!? Page Speedとは Googleは6月4日(米国時間)、Webサイトのパフォーマンスを向上させるための解析/最適化アドオン「Page Speed」をリリースした。Page SpeedはFirefox上で動作するアドオン。Webサイトを構成するCSSやJavaScript、画像ファイルなどをあらかじめ用意されたチェック項目に沿って解析し、問題点や改善方法をリスト化してくれる。またFirebugの「ネットワークモニター」をさらに強力にしたような
フィジオスは12月17日、ウェブアプリケーション「PHYZIOS Studio」プロフェッショナル版を発表した。 PHYZIOS Studioは、「粒子法」と呼ぶ物理シミュレーション技術を利用したウェブアプリケーションだ。水や火、石などの性質をシミュレートしたオブジェクトや、さまざまなアクションを行う画像オブジェクト「アートピース」を設置して、アート作品やゲームを作成できる。8月にプロトタイプを公開し、11月には機能を拡張したベータ版を公開している。 今回発表したプロフェッショナル版では、物体の性質をカスタマイズして、「冷たい石」「熱くて粘性のある液体」などを作り出せるようになった。また、これまでは1画面内に作品を収める必要があったが、画面のスクロールに対応。これによって、横スクロールするアクションゲームの作成なども可能になった。 また、新たに搭載したスクリプトエディターを使うことで、アー
iモードブラウザ2.0のJavaScriptを調査・研究する過程で、iモード専用サイトのhtmlソースを閲覧する方法を発見しました。 今回発見した方法を用いれば、「ドコモ・ゲートウェイ以外からのアクセスを禁止している」、「サーチエンジンのクロールを禁止している」、「XSS脆弱性が存在しない」の三つの条件を満たしているiモード専用サイトでも、htmlソースを閲覧することができます。 しかし、htmlソースを閲覧するためには、そのiモード専用サイトが別の二つの条件を満たしている必要があります。 htmlソースが閲覧可能なiモード専用サイトの条件 デフォルトホストで運用されている。(ヴァーチャルホストではない) iモードブラウザ2.0のJavaScriptからのアクセスを禁止していない。 iモード専用サイトのhtmlソースの閲覧方法 iモードブラウザ2.0のJavaScriptで、htmlソース
オンラインで綺麗にJavaScriptのコードを整形できる「Online javascript beautifier」。 WEBで拾ったソースコードがインデントされていなかったり、ブックマークレットを読むような場合に使えます。 若干不具合あるようですが、自分でコードを元に戻すのに比べるとはるかに楽ですね。 タブを変換したりも出来るみたいです。 以下のエントリを参照してください。 Online javascript beautifier
さて、昨日のエントリの続き。 「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ!」という人のために、昨日と同様のことを自前で行うための方法。 WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。 しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。 これを回避する方法が JSONP です。 hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。 まずは JSONP 形式で、WordPress の最新エントリ一覧を取得する方法。 以下のようなコードを ge
Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。 Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブベースのプログラム記述を強く推進している。確かにGoogleは、「Gmail」や「Google Docs」などのサービスを通じて、JavaScriptを最大限に活用しており、より高速にJavaScriptプログラムを実行できるようにする目的もあって、「Chrome」ブラウザの開発に努めてきた。 しかしながら、JavaScriptプログラムは時に異なるブラウザ上では異なった動作をするなどの理由から、高機能なJavaScriptの記述、デバッグ、最適化は困難なものともなってきた。Googleがオープ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く