オンラインでドロー＆SVG保存·Closure Draw MOONGIFT
Closure DrawはJavaScript製のオープンソース・ソフトウェア。最近は何でもWebブラウザ上で動作するようになっている。メール、RSSリーダー、カレンダー、画像編集と何でもござれだ。そんな中、弱めだったのがドロー系アプリケーションだ。 プロジェクトサイトで試せる 元々ローカルアプリケーションでもあまり数の多くないドロー系だけに、Web上で使い勝手の良いものを作るのは難しい。だが幾つか候補が出てきている。一つは先日紹介したSVG-edit、もう一つは日本製のClosure Drawだ。 Closure Drawは直線、円、四角といったオブジェクトの他、文字や画像を埋め込むこともできるWebブラウザ上で動作するドローアプリケーションだ。できあがった図はSVGで出力できるので、保存すれば別なツールで読み込むこともできる。 配置の変更やオブジェクトの移動ができる 描いたオブジェクト
hCalendar を使って予定を公開しよう！ - IT戦記
はじめに みなさん、こんばんわ！ さてさて最近のことですが、 Google の検索結果にイベントや予定へのリンクが表示されるようになりましたね！（まだ、英語版だけですけどね＾＾；） ASCII.jp：Google、リッチスニペットでイベントの日時や場所表示に対応 以下のような感じで表示されるみたいです！ ウェブページの中に書かれた「予定」や「イベント」などを Google 先生が理解して表示しているんですね！ この予定やイベントはどうやって探してるの？ Google は hCalendar という形式のデータを読んで、予定やイベントを探しているようです。 というわけで、今日はこの Google が使っている hCalendar というものが「どういうもので」「どうやって活用すればいいか」を実例を交えながら紹介したいと思います。 hCalendar って何？ hCalendar とは「カレン
Webカムで撮影し、Webに投稿する·JPEGCam MOONGIFT
JPEGCamはFlash製のオープンソース・ソフトウェア。FlashはWebカムに接続することが出来るので、もっとWebカムの普及が進めば色々な使い方が考えられるようになるだろう。動画チャット以外でも、目の前にあるものを撮影するだけでも面白い。 キャプチャしてアップロード その一つとしてJPEGCamを紹介しよう。Webカムというとストリーミングが思いつくがJPEGCamの場合はそうではない。目の前の映像をキャプチャし、JPEG画像として使うのだ。一瞬を捉えた、面白いサービスができそうだ。 仕組みとしてFlash + JavaScriptという組み合わせになっている。Flashを使ってWebカムに接続しつつ、JavaScriptでシャッター機能を提供する。キャプチャした際にはカメラのシャッター風の音が出るようになっている。 そして撮影した写真は即座にアップロードまたは別途アクションを使っ
セキュリティ情報 - iモードIDを用いた「かんたんログイン」のDNS Rebinding脆弱性
HASHコンサルティング株式会社 公開日:2009年11月24日 追記日:2010年1月21日 概要 iモードブラウザ2.0のJavaScriptとDNS Rebinding(DNSリバインディング)問題の組み合わせにより、iモードIDを利用した認証機能（以下かんたんログイン）に対する不正アクセスが可能となる場合があることを確認したので報告する。危険度の高い攻撃手法であるので、サイト運営者には至急の対策を推奨する。 背景 携帯電話のかんたんログインとは、ケータイブラウザ（たとえばiモードブラウザ）に用意された契約者固有IDを利用した簡易的な認証であり、ユーザがIDやパスワードを入力しなくても認証が可能となる。iモードIDは、NTTドコモの提供する契約者固有IDの一種で、URLにguid=ONというクエリストリングを含めることにより、端末固有の7桁のIDがWebサーバに送出される。現在、iモ
グーグル、JavaScript作品を集めたサイトを開設--Chromeの高速性をアピール
2008年9月に「Google Chrome」を公開して以来、Googleは同ブラウザにおけるJavaScriptで書かれたウェブベースのプログラムの動作速度がいかに速いかを、盛んに宣伝してきた。そして米国時間3月18日、GoogleはJavaScriptの高速性の活用法を披露し、Chromeの導入を促進することを目的としたChrome Experimentsというサイトを立ち上げた。 ブラウザベンチマークによる実行速度のスコアは、見栄えのする棒グラフを示すには有効だが、現実世界におけるコンピュータ利用時のニーズからはかけ離れている場合がある。そこで、Chrome Experimentsでは、これまで以上に興味をそそるよう作られた、手の込んだJavaScriptアプリケーションを集めて紹介している（アプリケーションを見るのにChromeを使う必要はないが、適切に表示されないことがある）。
Comet/Ajaxの上を行く技術 - Blog by Sadayuki Furuhashi
上を行くかどうかは知りませんが :-p Ajaxはクライアントの都合でサーバーに通信を仕掛けるpull型の通信ができ、Cometはサーバーが好きなタイミングでクライアントへデータを送りつけるpush型の通信ができるわけですが、新たに双方向の通信ができる技術を開発しました。 具体的には、JavaScriptとサーバーの間で双方向のRPCができます。すなわち、サーバーからクライアント側のJavaScriptのメソッドが呼べるし、逆にクライアント側からサーバー側のメソッドを呼ぶこともできます。 サーバー側で call("addMessage", "Hello!") とやると、JavaScript側の function addMessage(msg) { ... } という関数が呼ばれたりします。 この技術を使って、試しにチャットシステムを作ってみました ＞ デモ （ソースコード）*1 リアルタイ
JavaScriptで実行するファミコンエミュレータ·JSNES MOONGIFT
JSNESはJavaScript/Perl製のオープンソース・ソフトウェア。今やゲームと言えば任天堂、ソニー、マイクロソフトの三つどもえになっている。20年くらい前はファミコンくらいしかなかった。今のゲームは高性能で、グラフィックス性能は向上し、リアルなゲームが楽しめるようになっているが、旧来のファミコンのグラフィックスに回帰する人も少なくない。 ブラウザ上のファミコンエミュレータ そんな昔を懐かしむ人はエミュレータを使ってゲームを楽しんでいたりする。そしてファミコンは専用のソフトウェアを使うことなくブラウザだけで楽しめるようになってしまった。それがJSNESだ。JSNESはJavaScriptを使って各種ファミコンゲームをブラウザ上で楽しめるソフトウェアだ。 当たり前だがROMは別途必要だ。そしてROMを変換し、ブラウザ上で使えるようにしているようだ。実際のHTMLではCanvasを使っ
SVG + VMLのJavaScriptグラフィックスライブラリ·Raphaël MOONGIFT
SVGは技術的に注目を集めていても実際に利用されている場面はそう見かけない。ブラウザ上でドローを描くだけであれば、画像で十分という話であるし、アニメーションを必要とするならFlashがあるからだ。かつIE6をはじめとするレガシーなブラウザで動作しないという最大の問題がある。 だがFlashに比べれば扱いやすく、テキストベースなのでシステムとの親和性も高い。また画像とは違いインタラクティブな動作ができる。そんなSVGの利用を推進するのがRaphaëlだ。 今回紹介するオープンソース・ソフトウェアはRaphaël、JavaScriptのグラフィックスライブラリだ。 RaphaëlはSVG、VML、JavaScriptを使ったグラフィックスライブラリだ。グラフやSVG、様々なオブジェクトを描き出すことができる。もちろんJavaScriptによって刻々と変化するアニメーションやマウスの動きによって
Ajaxを活かした掲示板·MetaForum MOONGIFT
Webサイトの最もポピュラーな双方向コミュニケーションといえば掲示板（フォーラム）を思い浮かべることだろう。2ちゃんねるのような巨大な掲示板サイトもあるが、個人で自分のサイトにフォーラムを付けるという人も多い。サイトを訪れてくれた人と対話すると、新しい発見があったり元気づけられたりするはずだ。 Ajaxを使ったスムーズな操作が可能 そんな昔からある掲示板ではあるが、進化が止まってしまった訳では決してない。その一つMetaForumもそうだ。 今回紹介するフリーウェアはMetaForum、Ajaxを多用した掲示板ソフトウェアだ。ソースコードは公開されているがライセンスは明記されていないのでご注意いただきたい。 MetaForumはAjaxを使って構築されているのでスムーズな操作が出来る。システムはPHP + MySQLで構築されている。ユーザ登録した人だけが書き込める仕組みだ。掲示板はチャン
CouchDBを使ったチャットシステム·Toast MOONGIFT
CouchDBはWeb2.0（？）型のDBだと言われている。リレーショナルではなく、アクセスにはHTTP通信を用いて行う。RESTfulなインタフェースを提供しており、それを使ってデータを取得するのだ。 CouchDBを用いたチャットアプリケーション RESTfulなので、機密性を必要としなければJavaScriptでも手軽にアクセスできることになる。そしてCouchDBを使って作られたのがToastだ。 今回紹介するフリーウェアはToast、CouchDBを使ったチャットシステムだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Toastはチャットルームと発言の階層構造になっているチャットシステムだ。言わずもがなCouchDBを利用しており、JavaScriptだけで動作している。反映はほぼリアルタイムで行われるので、ストレスは感じない。 発言の
2009-05-28
今週のThunderbird Status Meeting（2009-05-26版）その他より。日付は米国太平洋夏時間（PDT）が基準である。 Thunderbird 3 Beta 3は、新検索システム（Bug 474701）が完成していないため、スケジュールが立たない状態のままだ。ただ、Beta 4のスケジュールも合わせて策定するそうなので、決まるときは一気に決まるだろう。 Beta 3はUI、バックエンド、ローカライズなど、後の作業に重大な影響を与える部分をまとめて変更するリリースとなる。重要度の低いものはBeta 4に回すわけだ。しかし、新検索システムのマルチバイト対応（Bug 472764）がBeta 4に回されている。つまり、Beta 3では、新検索システムが日本語の全文検索に対応しない。このあたりの作業は変更として大きいはずで、どうやら重要度が低くなくても、作業に時間がかかるも
OpenSocialガジェットの開発にjQueryを使う·opensocial-jquery MOONGIFT
mixiがOpenSocialに対応したとあって、日本においてもOpenSocial開発に力が入ってくるかも知れない。海外のSNSを含めて一つのコードが全てのSNSで動作する（実際には動作しないことが多いようだが）のが魅力だ。 OpenSocialガジェット用のjQueryライブラリ そんなOpenSocialではあるが、JavaScript主体のコードで組みづらい場合があるかも知れない。そんな時はopensocial-jqueryを使い、効率的な開発を行おう。 今回紹介するオープンソース・ソフトウェアはopensocial-jquery、OpenSocial対応のjQueryライブラリだ。 opensocial-jqueryはOpenSocialの面倒な部分を吸収してくれるjQueryライブラリだ。Ajaxを使ったり、JSONを使うような操作が簡単にできるようになる。YoutubeやPi
その場で検索して結果に素早くアクセスする·jQuery Live Search MOONGIFT
インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。 JavaScriptだけで検索を行う そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。 今回紹介するオープンソース・ソフトウェアはjQuery Live Search、jQueryを使ったリスト検索ライブラリだ。 jQuery Live SearchはWebページ上にあるリストを検索するライブラリだ。リアルタイムにフィルタリングが行われるのでインクリメンタル検索に近い。デモでは1,000件のリストに対してフィルタリングを行っている。 文字を入力するたびに絞り込まれていく レスポンスはブラウザの性能によるだろうが、思っていた以上に高速だ。検索結果の件数も表示されるので
MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
入力された値の検証は最終的にサーバ側で行わなければ意味がない。が、ユーザビリティを考えるとブラウザ上でチェックし、通知できれば便利に違いない。問題はそうしたチェック機能を実装するのが手間だと言うことだ。 jQueryを使ってWebブラウザ上で入力チェック 動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。 今回紹介するオープンソース・ソフトウェアはjQuery Inline Form Validation Engine、jQueryプラグインで提供される入力チェックライブラリだ。 jQuery Inline Form Validation Engineの良い点は、入力チェックがブラウザ上で行われ、かつそのエラー内容が入力項目の横にフローティングで表示される所だ。吹き出し風になっており、非
『JavaScriptのHTTPアクセスのクロスドメイン問題』
いくつかの解決方法を覚書 サーバの権限にもよって選択肢も変わると思います。 ※JavaScriptのHTTPアクセスのクロスドメイン問題 Ajaxでよく使われるXMLHttpRequestはSame-Origin Policyのため、ドメインを超えたリソースへのアクセスが出来ません。 例えば、http://sample.jp/js/ajax.jsから呼び出されたfunctionはhttp://sample.jp/配下のリソースにしかアクセスが出来ない。サブドメインであっても同様で、http://www.sample.jp/配下のリソースへはアクセスが出来ません。 よくある話として、jQuery（jFeed)などでRSSを取得したい時 http://sample.jp/js/ajax.js で http://www.sample.com/rss/ のRSSを取得したいとして、 解決策： Ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://amachang.sakura.ne.jp/misc/aamaker/
404 NOT FOUND | Kagayaku
JavaScriptによるゲーム開発
JSONの仕様を読む
https://jp.techcrunch.com/2009/06/24/20090623google-shares-its-need-for-speed/
