Recently Ajax http://www.h2o-ajax.com Prototype、Spryなどを中心としたAjax情報提供ブログ Sun, 31 Aug 2008 15:46:13 +0000 http://wordpress.org/?v=2.6 ja PHPで動的にQRコード®を作る方法 http://www.h2o-ajax.com/archives/159 http://www.h2o-ajax.com/archives/159#comments Sun, 31 Aug 2008 15:37:46 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/159 図：PHPで動的にQRコード®を作る方法

ケータイのサイト制作には欠かせない「QRコード」ですが、URLが次々に変わる場合には、プログラムで生成する必要があります。

一応アルゴリズムなども公開されているのですが、手作りするよりフリーソフトのライブラリを使わせてもらい、楽をして作成することができます。

ＱＲコード CGI & PHP scripts - QRcode generator for perl & php

このライブラリをダウンロードして、フォルダにアップロードし、次のような<img>要素を記述しましょう。

<img src="qrcode/php/qr_img.php?d=http%3A%2F%2Fwww.h2o-ajax.com&t=P&s=2">

こうすると、次のような QRコードを作成することができます。

クリックするとサンプルが起動します
サンプルを起動する

なお、利用にはGDライブラリが必要です。PHP以外にもPerlにも利用できるようで便利。是非使ってみてください

]]> http://www.h2o-ajax.com/archives/159/feed Codaがバージョンアップ。Subversionにも対応して、最強の開発ソフトに？ http://www.h2o-ajax.com/archives/154 http://www.h2o-ajax.com/archives/154#comments Wed, 27 Aug 2008 03:44:57 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/154 画像：Coda

筆者も愛用している、PANIC社のWeb開発ソフト「CODA」ですが、バージョンアップのお知らせが届きました。

1.5では、「Web books」のカスタマイズや、複数ファイルに渡っての検索が可能になるなど、細かい改良が加えられていますが、最もわくわくするバージョンアップが「Subversion」への対応です。

Subversionは、ご存じの方も多いでしょうがバージョン管理システムのスタンダード。チェックインやコミットを行うことで、複雑にバージョンアップを繰り返すライブラリなどをスマートに管理することができます。
サーバーを自分で立てることもできますが、Google Codeなどを利用すれば、無料でサーバーをレンタルすることも。

Codaでは、この Subversionサーバーで管理されているプロダクトをチェックアウトしたりチェックインしたりすることができるそうです。
Mac用にはスマートなクライアントソフトもなく、Aptanaのプラグインなどで賄っていたため、これだけでも十分 Codaを利用する価値が生まれました。

もちろん開発ソフトとしても非常にスマート。筆者も毎日起動するソフトの一つになりました。

» Panic - Coda - One-Window Web Development for Mac OS X

]]> http://www.h2o-ajax.com/archives/154/feed Google、Android SDKのβ版をリリース http://www.h2o-ajax.com/archives/152 http://www.h2o-ajax.com/archives/152#comments Tue, 19 Aug 2008 04:27:15 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/152 Googleは、携帯電話のオープンソースプロジェクト「Android SDK」のβ版を公開しました。

グーグル、「Android」用SDKのベータ版を公開 - builder by ZDNet Japan

　「今回はベータ版であるため、このベータ版で開発したアプリケーションは、製品版のAndroid 1.0を実行する携帯電話との互換性を完全には保てない場合がある」と、Googleの開発者支援を担当するDan Morrill氏はブログの中で述べている。

いよいよ、実機が今年中に発売されるようで、動きが活発になりそうです。そろそろ、勉強を始めないといけないかも知れませんね。

]]> http://www.h2o-ajax.com/archives/152/feed Yahoo! UI Library(YUI) 3で、アニメーションをするサンプル http://www.h2o-ajax.com/archives/130 http://www.h2o-ajax.com/archives/130#comments Mon, 18 Aug 2008 18:06:59 +0000 たにぐち まこと http://www.h2o-ajax.com/?p=130 先日公開された「Yahoo! UI Library(YUI) 3」ですが、早速一番簡単なサンプルを作ってみました。

ここでは最初にもっとも分かりやすい「Animation Utility」を利用して、アニメーションのサンプルを作ってみます。

まずは HTMLを準備しましょう。

<div id="demo" style="background-color: #ccc; width: 500px; height: 500px">

次に、<head>要素に<script>要素を記述します。

<script src="http://yui.yahooapis.com/3.0.0pr1/build/yui/yui-min.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {
	YUI().use("anim-base", function(Y) {
		var myAnim = new Y.Anim({
			node: '#demo',
			to: {
				width: 0,
				height: 0
			}
		});

		myAnim.run();
	});
}
</script>

これでWebブラウザで実行すると、次のようになります。

サンプルを実行する
サンプルを実行する

最初に「YUI」というメインオブジェクトの「use」メソッドを利用します。これは、必要なモジュールを参照して、動作させるYUIのコアとなる部分です。

次に、「Y.Anim」というオブジェクトに、様々なパラメータを指定します。ここでは「IDが “demo”という要素を、幅0、高さ0にする」というパラメータを指定しました。

あとは、ここで作った「myAnim」というインスタンスを、好きなタイミングで「run」メソッドで実行させれば完了です。ここでは、表示したらすぐに実行しました。

]]> http://www.h2o-ajax.com/archives/130/feed Yahoo UI Library 3.X(YUI 3)がプレビューリリース http://www.h2o-ajax.com/archives/116 http://www.h2o-ajax.com/archives/116#comments Fri, 15 Aug 2008 02:07:18 +0000 たにぐち まこと http://www.h2o-ajax.com/?p=116 図：Yahoo UI Library 3.X(YUI3)

高機能なJavaScriptライブラリとして定評のある、『Yahoo UI LIbrary(YUI)』が最新バージョン 3.Xとしてプレビューリリースされました。

The Yahoo! User Interface (YUI) Library

リリース内容によれば、

・より軽く
・より速く
・よりパワフルに
・よりセキュアに

そして、一貫性のあるコード実装を目指しているとのこと。「Examples」からいくつかのサンプルを見ることができます。

» Index of Library Examples

登場が楽しみです。

]]> http://www.h2o-ajax.com/archives/116/feed Googleの暗号化ツールキット『Keyczar』 http://www.h2o-ajax.com/archives/114 http://www.h2o-ajax.com/archives/114#comments Thu, 14 Aug 2008 03:21:52 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/114 Googleは、同社の Google Codeで、オープンソースの暗号化ツールキット『Keyczar』を公開しました。

keyczar - Google Code

Keyczar is an open source cryptographic toolkit designed to make it easier and safer for devlopers to use cryptography in their applications. Keyczar supports authentication and encryption with both symmetric and asymmetric keys. Some features of Keyczar include:

これを利用すると、自作のアプリケーションなどに簡単に暗号化技術を組み込むことができる。現在は Java用と Python用が公開されているが、C++向けなどにも提供するとか。ライセンスは「Apache License 2.0」。

» keyczar - Google Code

]]> http://www.h2o-ajax.com/archives/114/feed PHPで、その月の最後の日を求める方法 http://www.h2o-ajax.com/archives/108 http://www.h2o-ajax.com/archives/108#comments Wed, 13 Aug 2008 03:09:31 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/108 Ajaxと関係なく恐縮ですが、知って感動したのでエントリー。

例えば、「このアンケートの集計期間は 2008/08/01〜2008/08/31です」などと、一ヶ月の範囲を表示することがあります。
しかしこの時「最後の日」を求めるのはなかなか難儀。2,4,6,9,11（西向くサムライ）は一ヶ月が短くて、さらに 2月は閏年の時だけちょっと長い・・などと、非常に複雑なルールがあります。

しかし、PHPなら次の関数一発で知ることができます。


echo date('t');

「t」は、「その月の日数」を求めるパラメータ。要するにこれが最終日になるというわけです。いやはや、こんなに簡単に求められるとは・・
筆者は、「翌月の初日から -1をする」などという計算式を思い立ち、「月に +1した時に 13になっちゃったら翌年だから、年を +1して・・」などと、かなり複雑なプログラムを作ってしまうところでした・・

» PHP: date - Manual

]]> http://www.h2o-ajax.com/archives/108/feed Microsoftの Silverlightイベント『MIX essentials. “Silverlight Day”』が開催されます http://www.h2o-ajax.com/archives/103 http://www.h2o-ajax.com/archives/103#comments Tue, 12 Aug 2008 03:11:04 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/103 図：MIX essentials. Silverlight Day

Flashの好敵手として期待の、Microsoftの「Silverlight」ですが、Microsoftでは 500名を集める大規模イベントを開催するそうです。詳細はこちら。

MIX essentials. “Silverlight Day”

名称 ： MIX essentials. “Silverlight Day”
開催日時 ： 2008 年 10 月 10 日 (金) 13:00 - 17:40 (予定)
開催場所 ： 六本木アカデミーヒルズ 40F　（地図）
〒106-6149 東京都港区六本木 6-10-1
Tel. 03-6406-6220 (フォーラム事務局 代表)
主催 ： マイクロソフト株式会社
参加費 ： 無料（事前登録制）
参加対象 ： Web デザイナー、Web クリエイター、Web 開発者
定員 ： 500 名

Microsoftの方々が次々に出てきてセッションをするそうな。なかなか面白そうなイベントです。
是非チェックしてみてください。

» MIX essentials. “Silverlight Day”

]]> http://www.h2o-ajax.com/archives/103/feed イーエクスティ、Ext JSの日本向けサービスを開始 http://www.h2o-ajax.com/archives/100 http://www.h2o-ajax.com/archives/100#comments Thu, 31 Jul 2008 16:46:39 +0000 たにぐち まこと http://www.h2o-ajax.com/archives/100 Ext JSといえば、非常に高機能でデザインに定評のある JavaScriptライブラリ。
しかし、現在は英語のドキュメントがあるだけで、使いこなすにはなかなか抵抗がありました。

そこで、今回「イーエクスティ（Ext Japan）」が日本国内での販売代理業務やサポート業務を行うそうです。

7ns.jp ~ Simple Web Services» Ext JS お知らせ » RIAを実現するJavaScriptライブラリ「Ext JS」の日本向けサービス開始 Ext Japanが公式リセラー契約を締結し、「Ext GWT」と同時展開

合同会社イーエクスティ（本社：東京都港区、代表：直鳥裕樹、以下「Ext Japan」）と米Ext JS, LLC（本社：米国フロリダ州、CEO：Abraham Elias、以下「Ext」）は、日本国内における販売代理店契約を締結し、2008年8月1日よりExt JS、Ext GWTをはじめとするExt製品のライセンス販売およびテクニカルサポート等のサービス提供を本格的に開始します。

Ext JSは、業務で利用するにはライセンスを購入する必要もあり、このあたりも日本円でやりとりができるようになって、ますます便利になるかもしれませんね。これを機会に、少し本格的にさわってみても良いかもしれません。

» Ext Japan - A foundation you can build on

]]> http://www.h2o-ajax.com/archives/100/feed Google Appエンジンで 2chビューワーが公開されていました http://www.h2o-ajax.com/archives/98 http://www.h2o-ajax.com/archives/98#comments Sat, 19 Jul 2008 11:47:39 +0000 たにぐち まこと http://www.h2o-ajax.com/?p=98 図：ktkrリーダー

Google の開発プラットフォーム Google Appエンジンに、非常に完成度の高いプロダクトが公開されていました。

» ktkrリーダー

JavaScriptで構築された 2chビューワーです。

データのやり取りを Pythonで行い、ほとんどのインタフェース処理は JavaScriptで行われているのだとか。
Google Appエンジンの可能性を感じさせてくれますね。筆者もなにか作ってみたい・・まずは、Pythonの勉強か。。

]]> http://www.h2o-ajax.com/archives/98/feed