2007-01

「yoyaQでオトック～」でも使っている、ギザギザバッジアイコンの超簡単な作り方を紹介します。WEB2.0的サイトでよく使われているアレです(笑)。

1、まず、素材屋さんから、ありがたく素材をいただきます。
大中小の大きさと色も豊富にそろってます。
素材はフリーで、商用、非商用問わず使用してもよいとのこと。
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　大)
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　中)
webデザイナーが作るホームページ素材(爆弾の形をしたフリー素材　小)

2、オンライン画像加工サイトで、文字入れをします。
http://www.phixr.com/photo/
サイトに飛んだら、Upload photoのアイコンをクリックします。
会員登録ができるみたいですが、create a temporary accountで一時的に使用できます。
その後は、素材屋さんからいただいた素材をアップロードし、左側にあるツールバーの
一番下にあるテキストのアイコンから文字入れをします。
フォントの設定、文字の大きさの変更、傾きの設定ができます。
ちなみに、日本語は通りません。
お好みの文字を入れたら、作成したアイコンをダウンロードするだけです。

完成すると、こんな感じのアイコンができます！

あら、簡単。どうぞ試してみてください。

「yoyaQでオトック～」というサイトを作成しました。

yoyaQでオトック～は、yoyaQの割安ホテルプランの内、
半額以上の割引率のあるお徳なプランを一覧して見ることのできるサイトです。
yoyaQ APIを使用しています。
価格コムWEBサービスコンテストへの応募作品です。

yoyaQは当日から7日以内の直前予約という条件つきで、
高級ホテルを最大70％の割引率で宿泊できるプランを提供しているお得なサイトです。
「yoyaQでオトック～」を開発中に見たのですが、70％超えの割引率のプランもありました。
半額以上のプランもごろごろあり、見ていてなんとなくお徳な気分になれます(笑)。

検索のインターフェイスではなく、ぶらぶら見れる画面で、
かつ、お徳なプランだけ集めてみると、
面白いかなと思い、コンテスト締め切り前の土日に作成しました(笑)。

さすがに、公開できるレベルまでは、土日だけでは作成できなかったので、
今までプログラムやデザインを修正していました。
その過程で、yoyaQ APIのバグも見つけてしまったので、
価格コムさんに報告しました。
すぐに対応していただき、ありがたかったです。

また、yoyaQ APIだけでなく、食べログAPIも使ってみました。
ホテル付近のレストラン情報を雰囲気の良さ順に見ることができます。
検索レンズへのリンクも虫眼鏡のアイコンから飛ぶことができます。

ぜひ、「yoyaQでオトック～」見てみてください♪