Powered by
Movable Type 3.35

メイン | 2007年11月 »

バックナンバー:2007年10月

つくるぶガイドブログ スタート!!はてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

つくるぶ事務局です。
日頃、つくるぶをご愛顧いただきありがとうございます。

プログラミング言語とネット業界の旬な話題をお届けする
「つくるぶ ガイドブログ」
が、いよいよスタートです!!

ガイドしてくれるのは、つくるぶ「プログラミング言語のまとめ」ページを担当してくださっていた7名+1チームのみなさん。

  • PHP ・・ 高杉さん
  • Perl ・・ 春田さん、西山さん
  • Java ・・ ATLのみなさん
  • Ruby ・・ 石原さん
  • JavaScript ・・ 竹村さん
  • HTML/CSS ・・ 小森さん
  • Flash ・・ 寺井さん

日頃使っているプログラミング言語の話題を中心に、Web開発とネット業界の広い話題を得ることができる
「1粒で2度オイシイブログ」
にしていきたいと思います。

第一回は、明日17日掲載です。
ご期待下さい!
   &
今すぐブックマーク!

はてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加 Choixにブックマーク Buzzurlに追加

 http://www.tkrb.jp/guide/atom.xml

Test::WWW::Declareで宣言的にWebアプリをテストはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは。
つくるぶガイドブログ Perl担当の西山です。

Perlカテゴリーのエントリーでは、CPAN(世界中のPerlプログラマーが作成しているライブラリを集約したアーカイブ)に登録されているモジュールの中から、便利だったりコードが格好良かったり、Perlならではの魅力を持っているようなモジュールを取り上げていこうと思っています。
よろしくお願いします!

Test::WWW::Declareモジュールについて

というわけで、一発目は Test::WWW::Declare モジュールをご紹介します。

今年の春のYAPC::AsiaでJesse Vincent氏が 「Abusing Domain Specific Languages for Fun and Profit」 というセッションで発表していたり、最近では 宮川達彦さんのWeb::Scraperのスライド
"integrate with WWW::Mechanize and Test::WWW::Declare"
と書かれていたりで気に留めていた方も多いんじゃないでしょうか?しばらくSubversionのリポジトリでしか公開されてなかった様ですが、先月末ようやくCPANにアップされました。

Test::WWW::Declareは、Webアプリケーションのテストコードを宣言的に記述する為のモジュールです。「宣言的である」ということは、作業そのもの(HOW)を記述するのでは無く、性質や状態を定義することで「それは何なのか(WHAT)」という観点で対象を記述するようなイメージでしょうか。

このモジュールでは、Perlの持つ機能を駆使して英語に近い構文のDSLを定義することで、宣言的なコーディングを実現しています。内部的にはテスト用のモジュールとして実績のある Test::WWW::MechanizeとTest::More をラッピングする形で実装されています。

また、Railsの対抗馬として開発されていると話題になっているWebアプリケーションフレームワークJiftyと開発元が一緒ということもあって、Jiftyとの連携も念頭に開発されているようです。

続きを読む "Test::WWW::Declareで宣言的にWebアプリをテスト" »

Ruby on Rails を使ってひとりでサービスを作ってみようはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは。
Ruby(とRails)を担当している石原です。

Ruby on Rails を使ってなにか Web のサービスを作っていく過程を実況中継しつつ、毎回いくつか役に立つ Tips を盛りこんでいけたらと考えています。

ひとりでサービスを作ってみよう

Web のサービスを一人で作ることをおすすめします。

一人で作ると何がいいか?

サービスを作るためのすべてのスキル、つまりインフラ、プログラミング、デザインはもとより、企画、宣伝、サポート、などの力も身につけることができます。

自分で全部好きなように決めることができて楽しいですし、いざリリースして、使ってくれたユーザーからの反応が得られたときには変えがたい喜びが得られます。

もしこのブログがひとりでサービスを作るきっかけになってくれたらうれしい限りです。リリースの暁にはぜひご報告ください。つくるぶには作品のお披露目コーナーがあります。

僕もひと月ワンサービス(最近さぼってしまっていますが。。)を宣言して、いくつか作ってきました。ぜひとも、ひとりサービス仲間になりましょう。

さて、そのサービスを作る道具をお持ちでしょうか?

もしまだなら、筆者が断然おすすめするのが Ruby on Rails です。こんなサービス作りたいというアイデアをサクッと形にできる最も開発効率が高い道具だと思っています。

15分でブログアプリケーションを作るというスクリーンキャストがその開発スピードをアピールし、Rails を一躍有名にしました。

すでに PHP や Perl など他の道具を持っているなら、これからの説明では Ruby on Rails に関連する部分を自分の得意とする言語に読みかえてください。プログラミング言語に関わらないサービス作りの話も織りまぜていこうと思っているので、よかったら参考にしてみてください。そして言語特有の話題については、他のガイドのみなさんがそれぞれお届けしますから、そちらもどうぞよろしくお願いいたします。

続きを読む "Ruby on Rails を使ってひとりでサービスを作ってみよう" »

「Zooomr」の「写真の上に別の写真のレイヤーを配置する」部分をクラスライブラリ化してみましたはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは。
JavaScriptを担当している竹村です。

JavaScriptのライブラリは、進化が早いのでいろいろなライブラリを使ったサイトについて解説したり、サンプルを作ったりしながら、どのようにライブラリを利用しているのか参考にしてもらえればと思います。

今回のお題

このつくるぶに8/20に掲載された「特集 Flash|Ajax ベストサイトセレクション20」に私も参加させていただいているのですが、この対談ではプログラム的な話はあまりしていないためAjaxパートについて、JavaScriptの技術面のフォローを弊社のブログにて書いています。

つくるぶ ベストサイトセレクション20技術フォローまとめ -ARK-Web SandBox Wiki

ちょうど今朝の投稿で4回目になり、次回でラストの予定です。


さて、上記4回目の記事に書きました「お題7>写真/動画で魅せるサイト」の「Zooomr」の「写真の上に別の写真のレイヤーを配置する」という部分を簡単に自作してみました。

Crosslayer サンプル
http://staff.ark-web.jp/~takemura/public/js/crosslayer/

今回のつくるぶガイドブログでは、これをprototype.js 1.6.0 RC1を利用してクラス化をしてみようと思います。prototype.js 1.6.0 RC1は2007/10/16にリリースされた現在最新のリリース候補バージョンです。
※これで1.6.0についてFIXされたわけではないのでリリースにあたって仕様が変わる可能性があります。

まず、どういうライブラリを作る?

今回の説明用に、Crosslayerをライブラリ化したサンプル事例を作ってきました。

Crosslayerサンプル事例:
http://staff.ark-web.jp/~takemura/public/js/crosslayer/example_1.6.0rc1/
img02.jpg

アークウェブの最寄り駅の1つである『銀座一丁目』から『ビル前』までをアクセスマップのように、遷移していくものです。写真の中の四角い枠にマウスオーバーすると、次の写真がチラ見でき、クリックで先に進みます。

では、具体的にポイントとなるコードを見ていきます。

続きを読む "「Zooomr」の「写真の上に別の写真のレイヤーを配置する」部分をクラスライブラリ化してみました" »

ローディングが素敵なウェブサイトを紹介しますはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは。Flash 記事を担当させていただく寺井です。よろしくお願いします。

今日は Flash とローディングバーについて思うことと、素敵なローディングバーを使われている素敵なサイトをいくつか紹介させていただきます。

続きを読む "ローディングが素敵なウェブサイトを紹介します" »

オブジェクトをforeachで反復処理はてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは、PHP を担当している高杉です。

今回は、PHP5で配列を使用したループを組むときに便利なforeach文の機能について紹介したいと思います。

PHP5以上のforeachであれば、配列だけでなくオブジェクトの反復にも使用することが出来ます。(ただし、PHP4以下では使えません。注意してください)

オブジェクトをforeach文で扱うことができるなら、データを取り出すためにwhile文を使用しなくてもよくなります。foreachを一行書くだけで簡単にイテレーターの処理が可能になり、工数削減や可読性の向上などにつながります。

続きを読む "オブジェクトをforeachで反復処理" »

Javaでマッシュアップする!はてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

 突然ですがJavaってマッシュアップに向いてないと思っていませんか?

 こんにちは、つくるぶガイドブログ Javal担当の(株)エーティーエルシステムズ エンタープライズ・アーキテクチャ・ユニットです。担当で唯一のチームなのでちょっと長いです。

 さて、確かにJavaはエンタープライズ向けの言語です。ですが、マッシュアップ・アプリケーションを作ることだってできます。むしろJava言語の良さを活かして簡単にマッシュアップすることができます。

 Javaカテゴリでは普段Javaを使って開発をしている方を対象にマッシュアップアプリケーションを作る方法を紹介していきたいと思います。

 業務でStruts使ってるから、Strutsアプリケーションは作れるけど、Ajaxを利用したアプリケーションは敷居が高いなぁ、とおもっていたりするJavaエンジニアが対象です。

続きを読む "Javaでマッシュアップする!" »

CSSでタブをつくってみるはてなブックマークに追加 livedoorクリップに追加 Yahoo!ブックマークに追加 del.icio.usに追加 イザ!ブックマーク ニフティクリップに追加

こんにちは、HTML+CSS担当の小森です。

ウェブサービスをつくるうえで、ユーザにとってわかりやすくて、使っていて楽しい、
そんな魅力的なインタフェースをつくれたらいいですよね。
これをCSSでどう実現するか、という視点でいろいろ考えていければと思っています。

今日のお題は「タブ」です。

タブは直感的でわかりやすく、AmazonなどECサイトにも使われますよね。
グローバルナビゲーションとして、また情報ブロックの切り替えパーツとして、使いどころはたくさんある便利なヤツです。

続きを読む "CSSでタブをつくってみる" »