AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
[ajax] JKL.ParseXML／ajax通信処理ライブラリ
Kawa.netxp [ajax] JKL.ParseXML／ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード～解析して、 JavaScript オブジェクト（配列やマップ）に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サービスや、 CGI と連携することで ajax ページを手軽に構築できます。 IE・Firefox・Opera・Safari のクロスブラウザに対応しています。 XML を JSONのように手軽に扱える他、 JSON／CSV／LoadVars 形式ファイルなどのテキストファイルも利用可能です。 安定版アーカイブ： jkl-parsexml-0.22.tar.gz TAR.GZ jkl-parsex
Kawa.net xp - Ajax＆Perl技術情報（川崎有亮）
Kawa.net は、川崎有亮（かわさきゆうすけ）のウェブサイトです。 このサイトでは主に、JavaScript・Perl・ActionScript などの技術情報を載せています。 Kawanet Blog II（ウェブリブログ） でも、日々の知ったこと・思ったこと・試してみたことを書いています。 2012年9月から、 Kawanet Blog III（はてなブログ）に引っ越しました。 国内・海外の技術系カンファレンス Shibuya.pm、Shibuya.js、 YAPC（東京、シカゴ、コペンハーゲン、リスボン、リガ）、OSDC.TW（台北）、 Google Develoeprs Day、Adobe MAX などで講演したり、 The JUI、TokyoCloud などのイベント企画・運営も行っています。 ≫もっと詳しく 著書に、インプレスジャパン『ソーシャルストリーム・ビジネス』（共著
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
[Perl] XML::FeedPP - RSS・RDF・Atomフィードの解析・生成・変換・結合
Kawa.netxp [Perl] XML::FeedPP - RSS・RDF・Atomフィードの解析・生成・変換・結合 XML::FeedPP モジュールは、 RSS 2.0、RSS 1.0 (RDF)、Atom 0.3（および1.0）フィードの XML ファイルを解析・生成・変換・結合するための Perl モジュールです。 RSS ベースの1種類の共通 API で RSS・RDF・Atom の各フォーマットの処理に対応しているため、 手軽に扱えます。 フィードの読み出し・書き込みはもちろん、 RSSからRDFへ、RDFからAtomへといった各フォーマット間の相互変換も可能です。 他サイトからダウンロードした複数のファイルを結合して、 まとめて1つのファイルとして出力することもできます。 公開版アーカイブ： XML-FeedPP-0.43.tar.gz TARGZ CPAN ←通常パッケ
情報処理学会「Web 2.0の現在と展望」セミナー講演資料（2006年11月29日）
Kawa.netxp 情報処理学会「Web 2.0の現在と展望」セミナー講演資料（2006年11月29日） 情報処理学会の平成18年度短期集中セミナー 『Web 2.0の現在と展望』 で講演しました。（2006年11月29日） 「Web 2.0時代の情報アーキテクチャ」と題して、 Ajaxやマッシュアップの事例などをご紹介させていただきました。 （PDF版はこちら） Web 2.0らしさとは？ Ajax の浸透と発展 JavaScriptの復権とリッチUIライブラリ WebサービスAPIとマッシュアップ マッシュアップ構築のレシピ Sun×RECRUIT Mash Up Award 今後の課題と展望 （余談） Power Point の「別名で保存」で生成される JPEG ファイルのサイズって変更できるんでしょうか？ 960×720 ピクセルって、ノート PC とかの画面だと大きいですよね
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
[JavaScript] dataスキームURI生成（画像データのBase64変換）
Greasemonkey のユーザスクリプトなどの JavaScript ソースコード内に画像データを埋め込める、 『data:image/gif;base64,～～～』形式のデータ（dataスキーム）を生成します。 画像ファイルなどのバイナリデータを Base64 エンコードに変換しています。 data スキーマでは、外部ファイルへのアクセスなしにスクリプト内で完結して画像を表示できるため、 小さなアイコンなどの表示には便利です。data スキームは Firefox・Opera では利用できます。 残念ながら Internet Explorer は data スキームに対応していないので利用できません。 やってみよう 画像URL: ▼ ▼ JavaScript ソースコード生成結果: ここにソースコード結果が表示されます。 ▼ data スキーム経由の画像表示: 生成したコードの使い方
[JSAN] XML.ObjTree
XML.ObjTree クラスは、Perl 用の XML::TreePP モジュールの JavaScript 版です。 XML ファイルと JavaScript オブジェクト（連想配列）間の相互変換を行います。 prototype.js または JSAN の HTTP.Request クラスと併用することで、 JKL.ParseXML の 後継 としても利用できます。 ECMA-357 の普及を待たずに、 ECMAScript for XML (E4X) 風のXMLのオブジェクト利用が可能になります。 Intel Mac 版の Safari で、 DOMParser オブジェクトの async プロパティが read-only となる点にも対応しています。 IE で（サーバ上でなく）ローカルのXMLファイルを開きやすくなりました。（2006/08/14） オンラインDEMO DEMO（お試
日本語処理・携帯絵文字処理関係のperlモジュール
Kawa.netxp 日本語処理・携帯絵文字処理関係のPerlモジュール 日本語を含む多言語処理(主にUTF8、Shift_JIS、ISO-2022-JP。 その他にLatin1、EUC-JP、EUC-KR、Big5、GB2310などにも対応)や、 DoCoMo・SoftBank・au に対応した携帯絵文字処理関連のモジュール群です。 CGIparamJP.pm - CGI.pmのクエリ中の日本語処理 EmailHTML.pm - HTMLメールMIMEマルチパートメッセージの生成 EmailJP.pm - 携帯絵文字対応のSMTPメール送信 EmojiTrans.pm - iモード用絵文字をSoftBank/au用絵文字に変換 Encode561.pm - Perl 5.005/5.6.1 環境で Encode.pm ライクな操作 EntityRef.pm - © 等の実体参照
[JavaScript] Animation.Raster - ラスタースクロールだ！
※4月2日が1日になっていた点と、 31日まであった点を修正しました。 JavaScript 技術メモ 先日書いた Nクイーン問題 を解く JavaScript と同様に、アニメーションの１コマずつ 1ミリ秒のタイマー割り込み(というかsetTimeout)を使って表示を行っています。 JavaScript の処理をロックせずに、ブラウザに画面描画を行わせるためのテクニックです。 もちろん、垂直同期とか本来のラスタスクロール的な技術は使っていません。 Raster.js スクリプトをロードした上で、以下のように使います。 var ras = new Animation.Raster( id_or_elem, image_url ); ras.scroll(); new() コンストラクタの 第1引数 id_or_elem は、描画キャンバスを設置する要素（または要素id文字列）を指定します
[Perl] 作成したモジュールをCPANで公開する手順
久しぶりに Perl モジュールを作成してみた ので、せっかくなので CPAN にアップロードしてみました、の手順をメモ。 もともと、2002年に CPAN へのアップロードサイト PAUSE 用のアカウントは 作ってあったけど、実際に自作モジュールを CPAN で公開してもらったことはなかったので、 実は今回が初挑戦でした。 もし↓に間違っている点がありましたら、ご指摘いただけると幸いです。＞識者の方 配布用のモジュールを作成する まず第一歩は、 perlnewmod - 新しいモジュールを配布するには を熟読すること。 モジュール .pm ファイルと、 そのアーカイブ .tar.gz ファイル を作成するのが最初です。 中身は以下のようなファイル構成になりました。 lib/XML/TreePP.pm # Perlモジュール本体 Makefile.PL # ほぼh2xsで生成したそのまま
[Perl] phone.pl 携帯電話キャリア自動判別ライブラリ
上記に JPEG が ○ と書いてあっても、古い機種では JPEG 画像を表示できない場合があります。 必ず $phone->{image_jpeg} で判別するようにしてください。 上記には入れていませんが、{ezweb_mono} が真であれば、 au・TU-KA のごく古い HDML 白黒液晶機種と判別できます。 この場合、画像は BMP 形式のみとなります。 しかし、今では利用者シェアが0.1％を割って、また新規契約も停止されています。 キャッシュ容量も 1.4KB 制限と厳しいので、動作対象外したいですねぇ。。。 その他、phone.pl の不具合情報や、ご意見・ご要望をお待ちしております。 SoftBank 3G携帯対応について バージョン1.52以前のphone.plは、 2004年以降発売の SoftBank の 3G 携帯に対応していません。 古い phone.pl をご
[ajax] JavaScript版 RSSリーダー
Kawa.netxp [ajax] JavaScript版 RSSリーダー RSS（ウェブフィード）をダウンロードし、 テンプレートを使用してHTMLページ中に展開する ajax の習作です。 JKL.ParseXML と JKL.Hina を利用しています。 RSS をダウンロード～展開 (DEMO) JavaScript ソース HTML テンプレート RSS 2.0 を利用している場合 日時の表示形式を変更する 表示件数を制限する 対応ブラウザ 応用例 コメントはこちらへ このページへのトラックバック RSS をダウンロード～展開 (DEMO) ボタンを押すと、 RSSファイルをダウンロード～展開します。⇒ 実行 [ここに展開されます] JavaScript ソース JKL.ParseXMLとJKL.Hinaを利用するので、 まず、head 要素内で jkl-hina.js と jk
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajax - Content-Type: 許容判定