steps to phantasien(2008-09-07) v8祭り
ウェブっ子の間では Google Chrome の JS 処理系である V8 祭りが絶賛開催中らしい. いつもは出遅れる私もたまにはやんやしたいと思っていろいろ読んでみたものの, VM に食傷気味な自分に気付いた. けれど, そうは言っても祭りは別腹. 一通り騒いでみます. 販促マンガ や 資料 によれば, V8 は以下のような特徴を備えている. hidden class transition と fast property access generational accurate GC accurate だから incremental GC もできる オブジェクトの rellocation はするけど handle は使わず参照元書き換え 中間表現のインタプリタなしの native code 生成. instruction cache コードをみたところ, incremental GC
Google Chrome 2.0 で使える(自作の) User Scripts - 0x集積蔵
やけにあっさりと Google Chrome 2.0 がリリースされました。 というわけで、Greasemetal, GreaseKit で使える UserJavaScript (自作中心) - 0xFFのGoogle Chrome 2.0版(今回は自作のみ)です。 最初に、GreasemetalはGoogle Chrome 2にGreasemonkey相当の機能が実装されたため、開発を終了しています。ので、以下はChromeに搭載されたUser Scriptsを対象とします。(ちなみに、User Scriptsを書いてみようという方は、Google Chrome 2.0のUserScriptsはGreasemonkey互換のようで、そうではない - 0xFFをチェックしておくと良いかもしれません) User Scripts の導入 起動時に --enable-user-scripts オ
窓の杜 - 【NEWS】Greasemonkeyスクリプトを「Google Chrome」で利用可能にする「Greasemetal」
サイボウズ・ラボ（株）は10日、Greasemonkeyスクリプトを「Google Chrome」で利用可能にするソフト「Greasemetal」を公開した。Windowsに対応するフリーソフトで、編集部にてWindows XP/Vista上の「Google Chrome」v0.2.149.29で動作を確認した。現在、同社のラボサイト“31tools.com”からダウンロードできる。 「Greasemonkey」とは、特定のドメインやURLを開いた際に指定したJavaScriptを実行できる「Firefox」用の拡張機能。Webページ内のフォントを任意のフォントへ強制的に変更したり、Webページの不要部分を削除して見栄えをよくするなどの使い方ができる。たとえば、弊誌でも過去に紹介したGreasemonkey用スクリプト「AutoPagerize」を利用すれば、複数ページにわたるWebページ
第1回 そもそもGoogle Gearsって何？
Googleがまた新しいサービスを開始しました。Google Gearsです。ものすごく大ざっぱに説明すると，Google GearsはWebアプリケーションをオフライン状態でも使うことができる環境をブラウザに拡張機能として付与するという技術です。 執筆時点ではベータ版公開(しかもまだ英語のみ)が始まったばかりという，本当にできたてホヤホヤの状態です。Google Gearsとは一体どんなサービスで，Google Gearsによって何が変わっていくのかについて，簡単なサンプルも作りながら見ていきたいと思います。 Googleの新サービス「Google Gears」 近年WebアプリケーションやWebサービスというソフトウエア形態がメジャーになってきました。デスクトップ上で独立して動作するExcelやWordのような一般アプリケーションと違い，Webアプリケーションはブラウザの“中”で動作し
MOONGIFT: » Ajaxを使ったWebベースのコンソール「Web Console」:オープンソースを毎日紹介
外部においたWebサーバをメンテナンスしようと思ったら、SSHを使って行うのが一般的だ。だが、ターミナルも使えないPCやPDAなどからではどうやって操作を行えば良いだろう。 ログイン設定画面 危険は承知の上で、このような方法もある。Webベースでコンソールを利用するのだ。 今回紹介するオープンソース・ソフトウェアはWeb Console、Webベースのコンソールだ。 Web Consoleは予めログイン設定を行っておくことで、任意に利用されることを防いでいる。Ajaxを使って、ほぼ通常のコンソール操作は可能だ。findなど、画面に出力が返ってくるものは、全ての出力が終わるまで待たされ、一気に表示される。 ログイン直後の画面 sudoが使えそうな感じもするが、利用できない。suは無理とのこと。実行履歴に対応し、Ctrl+aやCtrl+eで移動、Ctrl+kで切り取ることだってできる（貼付けは
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
【レポート】CSS、YAML、XML、JSONのいいとこ取り? 新データフォーマット「RSD」提案 | エンタープライズ | マイコミジャーナル
ZeraWeb development labは2007年3日(米国時間)、新しいデータフォーマットとして「Really Simple Data(RSD)」を提案した。同フォーマットは現在注目されているデータフォーマットの優れた特徴をまとめたようなフォーマット。CSSからクォートなしのシンプルな表記を、YAMLから高い柔軟性を、XMLからメタデータとの親和性の高さを、JSONから文法の学習の容易性を持ってきていると主張されている。 ZeraWebのサイトにおいて提案されているサンプルを次に引用する。CSSとJSONのフォーマットを組み合わせたようなフォーマットになっているようだ。 Example 1: A person object.(ZeraWebからの引用) person { name { last: Yoder, first: Dan } title: Web Application
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」:phpspot開発日誌
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
ページを開いた瞬間に外部ページを表示させるAjaxサンプル
上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。 広告やお知らせなんかに使えるのではないでしょうか。 Dynamic Drive DHTML Scripts- Interstitial Content Box からのお届けです。 訪問するとデモが見れます。 詳細は以下に ステップ１）ダウンロード まずは画面中央ぐらいにある上記リンクから各種ファイルをダウンロードしてください。そして同一フォルダに保存してください。 カスタマイズ interstitial.jsを開いて簡単な編集を var interstitialBox={ //1) list of files on server to randomly pick from and display displayfiles: ['samplecontent.htm', 'samplecontent2.
classに値を指定するだけでクリックイベントを付与できる「behavior.js」:phpspot開発日誌
duck_typer - Automating JS behavior registration I created a behaviors javascript class to handle all my (prototype) Event observe registrations. Annotating DOM elements with the metadata needed to register itself automatically, which would save you from having to call Behavior.register(..). classに値を指定するだけでクリックイベントを付与できる「behavior.js」。 次のようにタグを書いておくとします。 <a class="bvr-observe-click-xhrTheFunction"
JSON形式のデータをブラウザ上で編集できる『JSON Editor』 | POP*POP
ちょっと癖のあるデータ形式であるJSONですが、ブラウザ上で編集できるツールが出たようです。 ツリー状のナビゲーションが直観的で使いやすいです。ちょこちょこっといじるときに便利そうですね。簡単な使い方は以下からどうぞ。 ↑ まずはサンプルデータをロード。ご自分のJSONデータを貼り付けてもかまいません。 ↑ Build Treeをクリック。左側にデータ構造がツリー状に出てきます。 ↑ ツリーを展開して編集。終わったら「Save」。 ↑ 変更されたJSONデータを見るにはツリーのトップをクリック。データが変わっているのがわかります。 あとはこうして変更されたデータをご自身のプログラムで利用するだけです。データ構造が複雑になりすぎて変更が面倒・・・というときにご利用されてはいかがでしょうか。 JSON Editorは以下よりどうぞ。 » javascript json editor
Gadgets - Google Code
How do I start? Check out our Getting Started doc. Learn more: The gadgets.* Developers Guide describes the new gadgets API that runs in containers that also support the OpenSocial API. The "legacy" Developers Guide describes the original gadgets API. The legacy gadgets API runs everywhere, but it doesn't include new features introduced in the gadgets.* API. Submit your gadget to the directory (l
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」:phpspot開発日誌
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 2007年04月10日- QrONE - crossdomain.js crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 次のように使えるそうです。 <script language="JavaScript" type="text/javascript"> <!-- crossdomain.open(); var _map; crossdomain.onload = function(){ crossdomain.request(http://api....com, function(flexE
ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」:phpspot開発日誌
ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」 2007年02月14日- Dynamic Drive Email Riddler- email encryption script and tool Updated to version 2.0! Jan 28th, 07. Improved interface, output now XHTML valid, plus added ability to simply output encrypted email as a JavaScript variable. ページにクリッカブルなメールアドレスを載せつつスパム対策もする方法「Email Riddler」。 Eメールアドレスの画像化が進んでいますが、メールアドレスをいちいち打つのはやっぱり面倒。クリックでメールを送りたい、アドレスをコピー
IEで選択した部分のソースコードを右クリックメニューで編集する（前編）：CodeZine
はじめに MicrosoftのInternet Explorer（以下、IE）は、パソコンのWebブラウザにおいて最大のシェアを誇っています。このソフトは、手軽に利用できるWebブラウザというだけでなく、ユーザーが必要に応じて機能追加ができるという特徴があります。その機能追加の方法の1つに、コンテキストメニュー（ブラウザ上を右クリックして表示するメニュー）へのソフトの登録があります。この方法を使うことで、自分が必要な機能をIEに追加することができます。 コンテキストメニューに追加するソフトは、HTMLとJavaScriptの簡単な知識があれば作成できます。本記事では、このコンテキストメニューに追加するソフトの作成、およびこのコンテキストメニューに簡単にソフトを登録することができるインストーラの作成の2点を行います。 コンテキストメニューに登録するソフト（以下、「コンテキストメニュー用ソフト
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.isthatclear.com/jquery/canimate/
https://jp.techcrunch.com/2010/02/10/20100207sketchpad-in-html5-why-flash-is-no-longer-relavent/
JavaScriptでDOMレンジを扱う：CodeZine
GoogleのJavaScript APIがこっそり統一されてきている件について。 - Ogawa::Memoranda