FHW BLOG仮

最新記事一覧

DATE : 2010.9.01

WEBで「気が利いている」と思った5つのこと

chinup chinup

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
こんにちは。chinupです。
今回は日々WEBを使っていて「おっ」て思ったこと。

1.パンくずナビって1つじゃなくてもいいんだ。

そうか。その手があったか。

100901_1.jpg
ヘルスクリック



2.ニュースサイトの「全文表示」
ニュースサイトって、ページを繰るごとに
ローディングがまどろこしいことがあって、
「全文表示」があったときにゃー好感度UP!
バナー広告出してる側に取っては
あまり喜べる機能ではないかもだけど。

100901_2.jpg
Jcastnews



3.「資料としてお使いください」
最近メーカーのサイトで増えてきました。
このページをどのような場で活用できるのか、
「使い方の提案」が新しいな〜と思ったのです。

情報をどう活かすかは受け手に委ねられているけれど、
こんなに沢山の情報があるなかで、
「そういう使い方、アリかも」って気づかせてくれる、
のは嬉しいと思った。

100901_5.jpg
ダイキン


4.掲載写真お分けします。
え?分けてくれんの?
例え実費でも、「お分けします」って
書いておくのと書いておかないのとでは
心理障壁が違いますわな〜。
私のブログ写真も「お分けします」!
いらないか。

100901_4.jpg
産経ニュース




5.「引き続きお楽しみください」
いや、楽しんでないけど。 ん?楽しんでいたのか?
楽しんでたってゆうのかも。
なんて。
お問い合わせの後に、こんな一言が添えてあって、
動揺してしまいました。

ウェブサイトの回遊を促す(ページビューを増やす)ことにも
つながるかもしれない。
そんなことよりも、
よく企業サイトではゴールとされる「コンバージョン」。
コンバージョン後のおもてなしの精神を見てしまったのだよ。
(そんなつもりないかもだけど)

「私たちは『お問い合わせがゴール』じゃないから」
みたいなゆとり。
「楽しませるコンテンツ」があるからこそ
書けることなんじゃないだろうかと。

果たしてHPはお客様が求める情報を提供していただろうか?
なんて、新たな宿題を発見。
今日から新学期のはじまりです。

100901_3.jpg
JA堺市


page top

DATE : 2010.8.26

しゅわしゅわiPhone壁紙

にとだーそん にとだーそん

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
厳しい残暑が続きますね。
しかし、毎日の晩酌が楽しみでしょうがないというビール党の方々にとっては、
毎日最高のコンディションが準備されているとも言えましょう。

近年は若者のビール離れが進んで、こんな猛暑でもビール市場は縮小傾向だそうです。「飲めよ!ビールを!」というわけで、しゅわしゅわなiPhone4の壁紙を作成してみました。
日頃アルコールを控えている方も、携帯すれば少しは溜飲が下がるかもしれません。

beer_sample.jpg

↓↓ダウンロード↓↓

なお、ビールの泡はフリーで使えるphotoshopのブラシを使って描いてみました。
シャボン玉や泡が簡単に描けて大変便利ですよ。

titoff77

page top

DATE : 2010.8.19

Googleマップが不動産検索を実装

チャーリー チャーリー

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
GoogleがGoogle mapに不動産検索機能を実装したようです。
ますますすごいなGoogle....

Googleマップの検索で、「地域名 マンション」等と検索すると、以下の画像のように左側に物件の一覧と、検索が可能なパネルが登場します。
マップ部分には物件の位置が表示。

自由が丘 マンション - Google マップ.png
各物件の詳細ページにはには写真や物件の情報等の情報が集約されています。
ストリートビューももちろん見れます。
便利です・・・。

世田谷区奥沢2丁目 - Google マップ - 地図検索.png

ジアースというサイトの情報を引っ張ってきているようなのですが、
ジアースのサイト側では、不動産屋さんが物件情報を無料登録出来るようになっています。
※このジアースというサイトも面白い!【http://www.the-earth.tv/TheEarth/top
Googleみたいなインターフェースです。


また、ユーザーはジアース側で不動産会社へのお問合せが可能です。

今後物件情報や機能も増えていくとは思いますが、シンプルに希望の場所の物件をスグに探したい場合に便利ですね。すごいですねーGoogle。

page top

DATE : 2010.8.10

Dreamweaverが起動しなくなったら...

yukaring yukaring

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
コーダーはとっても困ります!w

作業中(とくにファイルを保存したとき)に急にDreamweaverがフリーズして落ちることがあります。
そのあと起動しようとしても「サイトキャッシュのロード中」あたりでまたフリーズしてソフト自体が立ち上がらなくなってしまうことがあります。
これ、PCを再起動しても直らないことが多いんです。
そんなときは以下の方法をお試しください。

1. Dreamweaverのキャッシュファイルを削除する
落ちる直前に作業していたサイトのキャッシュを消します。

Documents and Settings¥<ユーザ名>¥Application Data¥Adobe¥Dreamweaver 9¥Configuration¥SiteCache¥サイト名.dws

アドビのサポートに詳細が載っています。
サイト定義に関連する作業の実行中に Dreamweaver がクラッシュする


2. 直前に作業していた箇所を別のテキストエディタで書き換える

cssを書いていて保存したときに落ちた場合、直前に書いていたcssのコードが原因のことが多いです。
その場合は、そのcssファイルをDreamweaver以外の別のテキストエディタで開き、直前に書いたコードを削除してみてください。
削除までしなくても、半角スペースを取るとか、id,class名を変えるとか、位置をずらすとか、とにかく原因となった箇所を書き換えて保存してください。

---

この2つの方法を知っていれば大抵は復活するはずです。
参考になれば。

page top

DATE : 2010.8.03

sendmail、qmail、Postfix

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
メモ


sendmail、qmail、Postfixのそれぞれの良さと違い

http://www.hde.co.jp/press/column/detail.php?n=200703140


vpopmailなんてものもあるらしい。

上記ブログより。

一言でまとめるなら、実績と柔軟さのsendmail、セキュリティと先進性のqmail、
総合的にバランスが取れて優秀なPostfixということになるでしょうか。

page top

DATE : 2010.7.30

WordPressで簡単に多言語化

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ

めもめも

ワードプレスのプラグインです。


英語 → 中国語

http://shotawatanabe.com/ja/archives/12

http://www.attrip.net/4498/


多言語展開に期待。


page top

DATE : 2010.7.29

FHWが電車ジャック!?

はる はる

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ

電車のつり広告だしちゃいました!!

 

trainjack.jpg

 

いやぁ~、金かかかった。

でも、URLぐらい入れときゃよかったなぁ~。

問合せ来るかなぁ~。

あ、これじゃ何屋かわからんかぁ。

もしかして、失敗?

 

っなんて、当然、合成です。

http://www.metro-ad.co.jp/ad/jack/

メトロ アド エージェンシーさん の Metro Jack というコンテンツです。

ちょっときれいなのでアップさせていただきましたぁ

page top

DATE : 2010.7.27

円グラフが簡単に作れるサイト

うざいなー うざいなー

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
WEB上で簡単に作れる円グラフのサイトを見つけたので...

g.jpg
作ってみた。
ゆるくて楽しい。。。
フォントもいろいろ選べて細かい設定もできていいです。
ネットって便利。
暇な方は是非。


べつやくメソッド.NET
今回作ったアホっぽいグラフが作れる

HeartRails Graph
スッキリ可愛いグラフが作れる

JSChart
棒・線・円・3Dグラフが作れる 


page top

DATE : 2010.7.16

モバイルサイトの構築 オススメ書籍

yukaring yukaring

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
携帯サイト コーディング&デザイン 携帯サイト コーディング&デザイン
高木 悠介

おすすめ平均
starsもっと早く読めばよかった
starsほかのタイプと組み合わせてさらに強力な味方にしよう。
stars携帯サイト コーディング&デザイン
stars携帯サイトを作成する上でまずはじめに読むべき本
starsきちんとした携帯サイトを作りたい人へ

Amazonで詳しく見る
by G-Tools

iPhone全盛の今、あえて原点に戻ってみます。

私が初めてモバイルサイトを作ったときに参考にした本です。
「3キャリア対応」モバイルサイト構築のポイントが押さえられていています。
各キャリアの仕様は必ず比較できるような書き方になっているのでとてもわかりやすい。
初めて読んだ本がこれで本当によかったと思っています。

iPhoneが流行っていてちょっと地味なポジションになっていますが、携帯サイト大好きです。
限られた画面、スペックの中でどれだけ表現できるかという制限プレイ的なところがw

page top

DATE : 2010.7.15

公開されました!「るるぶ」全国ビーチ&プール特集2010

chinup chinup

  • はてなブックマークに登録
  • Yahoo!ブックマーク
  • Google Bookmarks
  • livedoor クリップ
こんにちは。chinupです。
先日、私がデザインを担当した
「るるぶ」全国ビーチ&プール特集2010
が公開されました! わーい!

キャンペーンサイトのデザインの鉄則といえば...
●盛り上げるデザイン
●各カテゴリーの分かりやすさ
●押したくなるボタン

そんなことに気をつけながら、
どんな気持ちで作ったのかってのを紹介させて下さい。


「るるぶ」全国プール&プール特集2010:トップページ
トップページ  (別ウィンドウでるるぶに飛びます。)
ビーチ&プールってことで「夏休み」。
「夏休み」といえば「絵日記」「工作」「自由研究」。
自由研究のようなクラフト感、質感を大切にデザインしてみました。
クラフト感って言うとガサガサした印象ですが、
爽やかな印象も出したかったので、
透ける質感の表現や、淡いグラデーションで涼しさをプラス。

グラデ・角丸ってコーディング大変じゃないですか。
あとは各種ブラウザ対応と文字の可変対応を考えると、
わたしがコーディングするなら
なるべくシンプルなデザインを作っちゃうと思う。

弊社はデザインとコーディングが分業になっておりまして、
どんなデザインが上がってきてもコーディングしてくれます。

まずはデザインが優先。
伝えたい印象があるから、分かりやすいから、このデザイン。
ってのがあって。
そこをまず最優先に作ることができる。

そのデザインを忠実にコーディングしてくれる。
コーダーさんに感謝です。


「るるぶ」全国プール&プール特集2010:リストページ

リストページ  (別ウィンドウでるるぶに飛びます。)
タイトルの最大文字数や、2行になったときはどう見るのかも
加味してデザインをします。
ここでは再検索エリアをどうデザインするかで結構悩みました。

100713_icons.png
あと、アイコン。幼児用プールと子供用プール。
夜中、ニトダーソン(デザイナー)に
「何歳までおむつしてた?」なんて聞いたりしながら作りました。

この検索機能は充実してるので是非使ってみて下さい。

「るるぶ」全国プール&プール特集2010:詳細ページ"

詳細ページ  (別ウィンドウでるるぶに飛びます。)
ここでは「No image」のときの画像を作るのが楽しかったです。
100713_noImg.gif
写真がないところに表示されるんだけど、
そんなところも盛り上げないと!って。
雰囲気にあったデザインで作っています。
No imageのページがものすご少ないので、
なかなか見かける機会が無いと思いますが、
なのに気合い入れちゃった!!!


「るるぶ」全国プール&プール特集2010:口コミコーナー
あ、「ビーチ&プール特集」で口コミ募集してます。
行ったことある方、是非!
集合知ってゆうんですか、
これこそウェブの真価ですよね〜。
初めていくところの口コミって絶対見ちゃう。
個人的には船橋海浜公園の
アメリカンドックが好きでした。w
(どこでも一緒だろ〜!!!)

「るるぶ」全国プール&プール特集2010:水遊びスポット

水遊びスポットページ  (別ウィンドウでるるぶに飛びます。)
こちらはまだプールは早いかな〜ってというお子さまも
お水と戯れることができる!スポットを紹介してます。

公園の名前より、水遊びスポットデータの名前の方が大きいのは、
公園に行ったはいいけど、
公園のどこだっけ?ってならないために。

「クレヨンタッチ」は打合せで決まったんだけど、
実際、いい感じのクレヨン具合ってむずかしかったです。
背景なんかも何度も描き直して(photoshopで)。

子供がいる友達も見てくれるといいな〜。

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

なかなかこんな風に公開できる案件が少ないので、
沢山書いちゃいました!
まだ書ききれてないこだわりのとこもあるけど、
別の機会にお伝え出来たらな〜と思います!

「るるぶ」全国ビーチ&プール特集2010
ご覧頂けたら幸いです。


page top

最近の記事一覧
最近のコメント一覧
最近のトラックバック一覧
カテゴリ一覧

コーダーTIPS

ディレクターの・・・

デザインTIPS

アーカイブ

2010年

2009年

2008年

2007年

タグクラウド

HTML5実践

My tweets
Loading..

Powered by Movable Type 5.02


※本欄は広告欄です。広告の内容に関する一切の責任は広告主に帰属します。これらWEBサイトは、FLYING HIGH WORKSが推奨するものではありません。