Powered by
Movable Type 3.35

« 2008年01月 | メイン | 2008年03月 »

バックナンバー:2008年02月

JiftyでWebアプリをつくる - ログイン機能を作るはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加


※2008/02/09 
Jifty::Plugin::Authentication::Passwordについて追記しました。

こんにちは、Perl担当の西山です。

前回に引き続き、DRY(Don't Repeat Yourself)をとことん追求する
WebフレームワークJiftyの話題です。
今回からJiftyを使ったWebアプリケーションの作り方について書いていこうと思います。
手元の環境にPerlの実行環境やJiftyをインストールしていない方は
前回のエントリーを参照してください。

ログイン機能を付ける

さてサンプルアプリのお題は・・・と考えてみましたが、
Jifty自体がRailsを少なからず意識していることもありますし、
本ガイドブログのRubyのエントリーに勝手に(汗;)連動して
パスワード認証によるログイン機能をまずは実装してみようと思います。
Ruby on Railsを使った作り方はこちら を参照して比較してみるのも面白いのでは?

なお、ここでは説明の簡単の為にDBはMySQLではなく標準添付のSQLiteを使用します。

続きを読む "JiftyでWebアプリをつくる - ログイン機能を作る" »

capistrano で本番環境にデプロイはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

Ruby(とRails)を担当している石原です。

ソーシャル「OSを入れた後にインストールする10のアプリケーション」(仮) を作る過程をレポートしています。

これまでのエントリーはこちら ↓

  1. つくるぶガイドブログ: Ruby on Rails を使ってひとりでサービスを作ってみよう
  2. つくるぶガイドブログ: ひとりサービスの雛型をつくる(リキッドレイアウト、GetText、Acts as Authenticated)
  3. つくるぶガイドブログ: Rails で楽々ソーシャルブックマークの仕組みを作る
  4. つくるぶガイドブログ: Rails プラグイン acts_as_taggable_redux でタグクラウドを作ろう
  5. つくるぶガイドブログ: ドラッグアンドドロップで並べ替え(Rails + Ajax)
  6. つくるぶガイドブログ: Rails + rcov でテストカバレッジを調べる

まだ開発途中ではありますが、今回はアプリケーションを本番環境にデプロイしてしまおうと思います。

開発環境で開発したアプリケーションを本番環境に移すデプロイの作業は、それぞれの環境によって千差万別なやりかたがあるため、ときにはかなりてこずることがあります。

リリース間際ではなく、なるべく早い段階で本番環境でも開発環境と同じように動くことを確認しておくと安心です。

capistrano はデプロイの作業を楽にしてくれるおすすめのツールです。

» Capistrano: Home

本番環境には筆者が契約している VPS(Cent OS 5) を例に、capistrano のデプロイ作業の流れを紹介します。

アプリケーションサーバーには Mongrel Cluster、Web サーバーには Apache という定番の構成をとることにします。

続きを読む "capistrano で本番環境にデプロイ" »

SWFAddress2.0を利用した「状態」による機能制御はてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは、JavaScript担当の(株)アークウェブの竹村です。

以前、「Flash|Ajaxベストサイトセレクション20」でご紹介していた
「Gucci」のサイトですが、今もなお、Ajaxによる画面遷移を行っています。

さて、この「Gucci」のサイトを語る上で外せないのが、オンラインショッピング ページのURLです。

例えば、↓こちらのバッグのURLへアクセスすると、バッグの詳細画面が表示されます。
http://www.gucci.com/us/us-english/us/spring-summer-08/web-exclusives/#0-179859-197020BCB1G7007

# 以下に商品を表すIDが振ってあります。

これを取ってアクセスすると、↓このカテゴリトップが表示されます。
http://www.gucci.com/us/us-english/us/spring-summer-08/web-exclusives/

このように商品詳細へ直接リンクを張ることを「ディープリンク」と呼ぶようです。
今回は、このディープリンクを実装する概念とライブラリをご紹介します。

レジュメは↓このようになっています。

  • SWFAddress2.0
  • タブ切り替えのサンプル
  • 初期化処理
  • イベントハンドラの処理
  • イベント駆動との違い
  • 状態の中のパラメータ
  • ディープリンクにアクセスしてみる
  • 次回予告


まず、SWFAddress2.0というディープリンクをお助けするライブラリがありますので、
このライブラリを使いながら、概念を理解していきましょう。

続きを読む "SWFAddress2.0を利用した「状態」による機能制御" »

標準Java APIを使用したWebサービスへのアクセスはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

昨今のJavaは、大規模なWebアプリケーションを構築するための技術として、すっかり定着しました。サーバサイドでの処理としては、データベースへのアクセスが大半を占めることでしょう。しかし最近では、一般公開されている多くのWebサービスを利用する機会が増えてきています。それは一部のマッシュアップサイトにとどまらず、企業システムの中でも採用されることが多くなってきています。Javaエンジニアにとって、サーバサイドマッシュアップというキーワードは、今後どんどん身近なものになります。

前回の内容は、典型的なマッシュアップの形態や、SOAPやRESTなどのWebサービスの種類についても取り上げました。今回は、実際にWebサービスにアクセスして情報を得るためのコードを紹介しようと思います。何らかのライブラリをいきなり使っても良いのですが、まずは堅く、標準Java APIのみで試してみたいと思います。といっても、とっても面倒な手順というわけではありませんので、ご安心ください。

続きを読む "標準Java APIを使用したWebサービスへのアクセス" »

Rails で Yahoo 検索 API + Widgets Tabnav でタブナビゲーションはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

Ruby(とRails)を担当している石原です。

ソーシャル「OSを入れた後にインストールする10のアプリケーション」(仮) を作る過程をレポートしています。

これまでのエントリーはこちら ↓

  1. つくるぶガイドブログ: Ruby on Rails を使ってひとりでサービスを作ってみよう
  2. つくるぶガイドブログ: ひとりサービスの雛型をつくる(リキッドレイアウト、GetText、Acts as Authenticated)
  3. つくるぶガイドブログ: Rails で楽々ソーシャルブックマークの仕組みを作る
  4. つくるぶガイドブログ: Rails プラグイン acts_as_taggable_redux でタグクラウドを作ろう
  5. つくるぶガイドブログ: ドラッグアンドドロップで並べ替え(Rails + Ajax)
  6. つくるぶガイドブログ: Rails + rcov でテストカバレッジを調べる
  7. つくるぶガイドブログ: capistrano で本番環境にデプロイ

今回は API との連携、マッシュアップをおこなってみたいと思います。

手前味噌ではありますが、筆者が以前作成した

» Rails で Yahoo 検索 API を使うためのプラグイン YahooSearchApi : 僕は発展途上技術者

を使います。

ソーシャル「OSを入れた後にインストールする10のアプリケーション」(仮) は、みんながOSを入れた直後にどんなアプリケーションをインストールするのかを、そのアプリケーションの Web ページをブックマークすることで共有するサイトです。

アプリケーション名をキーワードに、API を使って Yahoo 検索の結果を表示することで、そのアプリケーションの関連情報を表示してみます。

後半では Widgets というプラグインの Tabnav 機能を使って、タブナビゲーションを実現します。

続きを読む "Rails で Yahoo 検索 API + Widgets Tabnav でタブナビゲーション" »

楽天API+SWFAddress2.0を利用したストアのマッシュアップはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは、JavaScript担当の(株)アークウェブの竹村です。


前回の『SWFAddress2.0を利用した「状態」による機能制御』でSWFAddressのによるディープリンクの作り方と、通常のイベント駆動との違いについて理解いただけたと思います。

今回はこれを利用して、JavaScriptだけで楽天APIとマッシュアップしたストアのサイトを作ってみたいと思います。

レジュメは↓このようになっています。

  • Ajaxストア つくるぶ店
  • 楽天のAPI
  • 状態の設計
  • 初期化と状態制御部分
  • 楽天APIでJSONを取得するまで
  • 取得したJSONの出力はテンプレートを外部ファイルで
  • 詳細側も同じ要領で出力
  • ディープリンクにアクセスしてみる
  • まとめ

Ajaxストア つくるぶ店

どういうアプリか完成品を見てみてください。
名づけて『Ajaxストア つくるぶ店』ですっ!

▼Ajaxストア つくるぶ店
ajax_store.jpg
http://okra.ark-web.jp/~takemura/public/js/swfaddress2_store_demo/#/detail/?category=100317&product=wineya:664477

続きを読む "楽天API+SWFAddress2.0を利用したストアのマッシュアップ" »

Restletとjson-lib を使ったWebサービスへのアクセスはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

前回の内容は、標準Java APIを使用を使用してテクノラティのWebサービスにアクセスしました。今回は、前々回で紹介した標準Java API以外のライブラリを利用して、Webサービスにアクセスしてみたいと思います。

続きを読む "Restletとjson-lib を使ったWebサービスへのアクセス" »

lightboxをカスタマイズしてみよう(中編)- 角丸対応ライブラリとCanvasはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

image_main.jpg

※このエントリは「Lightboxのデザインをカスタマイズしてみよう(前編)」のつづきです。

こんにちは、HTML+CSS担当の小森です。
ずいぶん間が空いてしまいましたが、前回の続きです。前回は、CSSだけでlightboxを角丸にする方法をいろいろと模索したものの、サイズ可変に対応できなかった…というところで終わりました。

続きを読む "lightboxをカスタマイズしてみよう(中編)- 角丸対応ライブラリとCanvas" »