https://jp.techcrunch.com/2010/02/10/20100207sketchpad-in-html5-why-flash-is-no-longer-relavent/
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 を使って、次のような、ドラッグ＆ドロ
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できる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"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」:phpspot開発日誌
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日- Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」。 Prototype1.5.1とScript.aculo.us1.7.1_beta をパックにしたパッケージ。 ノーマルのPrototype1.5.1 だけでも 93 KB もあるので、かなりのダイエットに成功しているようで
ページを開いた瞬間に外部ページを表示させる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"
MOONGIFT: » JavaScriptを一括して管理する「JS Builder」:オープンソースを毎日紹介
MOONGIFTをご覧いただいている方々は、もはやJavaScriptと聞いて単なるWebサイトの装飾だとは思ってはいないだろう。だが、各種ライブラリを扱ったり、JavaScriptを書く事はまだ個別ファイルベースでの話でしかないはずだ。 そろそろ他のファイルとの関連性を考えつつ、統合的に管理していくべきなのかも知れない（そのためにはIncludeのような仕組みが必要だと思うが）。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはJS Builder、JavaScriptのプロジェクトビルダーだ。 JS BuilderはJavaScriptファイルをプロジェクトとして一括管理し、それらの一括したコメント除去処理およびJSDocを利用したドキュメント生成処理を行ってくれる。コメント除去したファイルは指定ディレクトリに生成されるので、テスト環境と本番環境との使い分けと言った利用法も考え
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
Quintura - visual search engine
? RU|EN Old version Web Images Video Search for kids business car celebrity cell phones education game health holiday iphone movie music politics review sport technology travel video web 2.0 web technology © 2005-2010 Quintura Inc. All Rights Reserved. Search for kids About Quintura Send Us Feedback FAQ Blog Subscribe
Web2.0ナビ: SQL-DESIGNERがスゴイ
いいね！ 0 ツイート B! はてブ 447 Pocket 2 データベースの設計時にER図をかくことが多いと思いますが、SQL-designerというウェブベースのツールが非常に使いやすいく、デザイン的にも綺麗で便利。 MSproject等のデータベース設計を行う専用ソフトは非常に多くあるが、どれもインストールが必要だったり、設定ファイルが必要だったり、ソフトが重かったり、環境依存が激しかったりして、使いにくい。 使いかたは簡単で、 １．ウェブページにいって ２．テーブルやフィールドを追加する ３．プリントアウトorXMLエクスポート だけ。 データの型なども選択できて、設計が終わったら、SQL文をそのまま発行したり、作ったEQ図をXMLでエクスポートやインポートすることも可能。Javascriptベースなので、めんどくさいインストールや環境依存もなし。 ウェブ上でやるのは、セキュリティ
Balloon Tooltip
Licensing This script is distributed under the LGPL open source license. Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year. Download script You can download the script from this Zip file Implementation On the words that should have tooltip, insert a tag like this: <a href="#" onmousemove="showToolTip(event,'This is a simple, simpl
Balloon tooltip
Content is comming here as you probably can see.Content is comming here as you probably can see. DHTML Balloon tooltip This demo demonstrates how the balloon tooltip works. Roll your mouse over the red links in the text below. Roll over me to see the tooltip in action. And here's some more content Roll over me This is the last piece of the content on this web page
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
IBM Developer