タグ

JavaScriptとjavascriptに関するDryadのブックマーク (34)

  • asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット

    JavaScriptのサブセットとして静的型付け言語を定義し、事前コンパイルを可能にすることでJavaScriptの実行速度を劇的に改善しようというasm.jsの概要を、1つ前の記事で調べました。 まだasm.jsの情報は少ないのですが、その中でも分かりやすくまとまった記事がDevon Govett氏のブログBADASS JAVASCRIPTのエントリ「asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers」です。 Govett氏に翻訳の許可を得たので、翻訳記事として掲載します。 asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers MozillaのDavid Herman、Luke Wagnerそして

    asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット
  • JSX / Haxe / TypeScript

    前回の勉強会の内容が、C言語のハック的内容で、あまり役に立たないものだったので、今回は、C言語の基に立ち返った内容にしました。 C言語のマナーとか書いているので、学校でC言語をやったよ、という人は、見ると得るものがあるかもしれません。 最後のほうには、オマケの内容も付けています。

    JSX / Haxe / TypeScript
  • HTML5 videoでニコニコ動画風プレーヤーを作ろう (1/7)

    HTML5テロッパーのサンプル。テキストエリアの文字がテロップとして動画の上に表示される画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) 動画投稿サイト「ニコニコ動画」が人気です。ニコニコ動画はユーザーのコメントを再生中の動画にテロップのように表示する機能が特徴で、多くのユーザーがコメントを書き込んで楽しんでいます。 ニコニコ動画のようにブラウザー上で動画を再生しながらテロップを表示するには、従来、Flashが必要でした。Flash(Action Script)に習熟している開発者でなければ、ニコニコ動画のようなWebサービスは作れなかったのです。ところが現在、モダンブラウザーへの実装が進んでいるHTML5 videoなら、JavaScriptを使って簡単に文字や画像を動画に重ねられます。 今回はHTML5 videoとJavaS

    HTML5 videoでニコニコ動画風プレーヤーを作ろう (1/7)
  • 無名関数を使った非同期通信のススメ(JavaScript)

    ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセスして結果をXMLやHTMLやJSONで受け取る」というケースに限定すれば、基的に3つのパターンに分けられる。 1. 同期通信 result = urlfetch.fetch("http://www.google.com/") if result.status_code == 200: doSomethingWithResult(result.content) その書きやすさのために、実務経験の

  • TiddlyWiki+DropBoxはある意味Google Gears対抗 - uehaj's blog

    「ひとりWiki」として孤高の未知のエリアに到達しつつあるTiddlyWiki(※)っていうのがあります。 これおもしろい。「テキスト処理に特化した個人用のHTMLアプリにHTTPサーバなんか要らない」というコンセプト。つくりとしての面白さもあるんですが(つまりWikiなんでページ単位なんですが、多くの追加機能がJavaScriptを含むページ=プラグインで実装されていて、プラグイン間・データプラグイン間はタグを媒介に疎結合します。インポートによってページデータと実行コード区別せずに取り込める)、非常にユニーク。 これをDropBoxと組み合わせるとえらい便利です。 これって、私見ですが、おおげさかもしれませんが、次世代のアプリのありかたのひとつを予感させます。キーワードは「クラウド&HTML5&モバイル」です。(モバイルというか、「複数PCから共有」か) 考えてみると、WEBアプリ開発っ

    TiddlyWiki+DropBoxはある意味Google Gears対抗 - uehaj's blog
  • 特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社

    第3回Command Line APIとその活用⁠⁠、各タブからのデバッグ方法 堀邦明 2008-05-21 第2回Firebugによるデバッグの基⁠⁠、Console APIとその活用 堀邦明 2008-05-14

    特集:Firefox 3とFirebugで始めるJavaScript開発|gihyo.jp … 技術評論社
  • prototype.js で定期リロード - まちゅダイアリー (2006-11-18)

    Flickr で名刺を作った moo MiniCards Flickr に載せた写真でミニカードを作ってくれる moo というサービスがある。 カードの裏には好きな文字を入れられるので、ちょっとした名刺代わりになる。 10日くらい前に申し込んでいたんだけど、今日無事に届… prototype.js で定期リロード 唐突に prototype.js の話。 使うのは1年ぶりかな。 チャットのように、定期的にリロードする仕組みを実現するために prototype.js の Ajax.PeriodicalUpdater を使ってみた。 Ajax.Perio…

    prototype.js で定期リロード - まちゅダイアリー (2006-11-18)
  • [firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 - papamitra

    javascriptの勉強がてらfirefoxのエクステンションを初めて作ってみた。車輪の再(再々…)発明なのはみのがして。いろいろハマったので誰かの何かの足しになるかも、というわけで作り方とかを掲載してみることにする。 ちなみに当方の環境はDebian(lenny) + FireFox(Iceweasel) 2.0.0.6 firefoxのエクステンションに関して参考にしたのは以下のサイト Firefoxエクステンションの書き方 Firefox拡張機能(extension)の作り方 ニコニコ動画からのflvファイル取得については以下のサイトを参考にした。 ニコニコ動画のFLVをダウンロードするGreasemonkey 仕様はこんな感じで。 ステータスバー(ウィンドウの右下にあるやつ)にそれっぽいアイコンを表示 動画の再生ページでアイコンをクリックすると動画のflvファイルを取得 パッケー

    [firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 - papamitra
  • nsIWebBrowserPersistじゃなくてnsIChannelをnsIDownloadManager管理でダウンロードする « ku

    MySpaceのMP3ファイルにID3tagを埋め込みつつダウンロードするJSActionsスクリプト でやっているダウンロードしながらファイルを加工してその進行状況をダウンロードマネージャに表示する、っていうのが簡単じゃなかったのでご紹介。でもextensionっぽいの書いて2日目なので違うところも多々あると思うので間違ってたら指摘していただけるとうれしいです。 ふつうにダウンロードして保存するだけだったらこれですみます。 var dm = Components.classes["@mozilla.org/download-manager;1"] .getService(Components.interfaces.nsIDownloadManager); var persist = Components.classes["@mozilla.org/embedding/browser/ns

  • Firefoxで独自プロトコルを定義する方法 - outsider reflex

    Latest topics > Firefoxで独自プロトコルを定義する方法 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « Mozilla Add-ons Main URNサポートを超久しぶりに更新した » Firefoxで独自プロトコルを定義する方法 - Mar 26, 2007 独自のプロトコルというか独自のスキーマを使えるようにしたくてやり方を調べてみたら、あちこちでAdding a New Protocol to Mozillaという文書が紹介されてたんだけど、日語訳が無かったのでとりあえず気合いと勘で訳してみた。誤訳があったらゴメンナサイ。 2004年の資料で、しかもMozilla Suiteを対象とした物なので情報が古い。Fire

  • [JavaScript] ECMAScript for XML (E4X) を試してみた

    Firefox 1.5では、 ECMAScript for XML (E4X) が利用できます。 JavaScript 中に XML コードを埋め込んで XML オブジェクトとして利用できるほか、 (XML.ObjTreeクラスのように) 面倒な DOM 操作ではなくてJavaScriptオブジェクトの プロパティを辿るようにして簡単に XML のデータ構造にアクセスできます。 大なり・小なりの記号を新しい用途に使っているわけですね。賢い! (C++ のストリームの << よりもよっぽど直感的な用途だと思う) XML の処理がスゴく直感的に分かりやすくなるので、良いと思うのですが、 まだ IE では使えないので、一般に普及するのはまだ当分先になりますね……。 ※このページのスクリプトは、Firefox 1.5 用になります。 IE 7/Opera 8.53 では動作しません。 要素の値・属

  • FirefoxのE4XはXPathより便利? - bits and bytes

    つい最近FirefoxのXMLオブジェクトがすごく便利なのを知りました。そして、そのXMLオブジェクトサポートのことをE4X(ECMAScript for XML)と呼んでいたというのを今知りました.... E4Xについては ECMAScript for XML (E4X) 仕様邦訳 を翻訳された nanto_viさんが書かれている E4X in Firefox が詳しいです。 しょせんはさっきE4Xがなんなのかを知った程度なのでちゃんとしたことは他のページを参照していただくことにして、11.2 左辺式 に書かれているアクセサと選別述語演算子でXPathと同じようなことができて、それがXPath以上に便利なところがありますよ、というはなしだけ書こうと思います。 E4XについてECMAScript for XML (E4X) 仕様邦訳序文には このプログラミング言語拡張は、世界中のもっとも大

  • ECMAScript for XML (E4X) 仕様邦訳

    この文書は ECMA-357 ECMAScript for XML (E4X) Specification 2nd edition を訳者 (nanto_vi) が私的に訳したものであり、Ecma International またはその他の関連団体・個人とは一切関係ありません。 この文書は正規の仕様ではありません。正規の仕様に関しては Ecma International から PDF で公開されています。 翻訳の内容については保障しません。この文書の利用によって発生したいかなる損害についても訳者は責任を負いません。 翻訳上の誤りなどがあれば訳者 (ブログまたはメール <nanto (at) moon.email.ne.jp>) までご連絡ください。 Standard ECMA-357 2nd Edition / December 2005 序文 2002 年 6 月 13 日、BEA S