web designの最近のブログ記事

"Like a twitter"

• The next perspective from Twitter's world


• http://www.likeatwitter.com/

●セッション数57、8種類の国/地域。

1. Japan 23


2. Germany 13


3. United States 11


4. Ireland 4


5. Canada 2


6. United Kingdom 2


7. Switzerland 1


8. Ukraine 1

●セッション数57、19種類の都市。

1. Tokyo 16


2. Manhattan 6


3. Halle 5


4. Sacaton 4


5. Dublin 4


6. Shinjuku 3


7. Essen 3


8. Hildesheim 2


9. London 2


10. (not set) 2


11. Sapporo 2


12. Topeka 1


13. West Vancouver 1


14. Brampton 1


15. Chigasaki 1


16. Ternopil 1


17. Zurich 1


18. Kyoto 1


19. Berlin 1

※「Kyoto 1」は、きっとNOBにちがいない（笑）

いろんな国の様々な都市の人が訪れたみたいです。でもどうやって辿り着いたのでしょう！？

下記のブラウザによるアクセスもありました。

SeaMonkey / Linux

Galeon / Linux

Twitterとこのブログでのみリリースしました。しかし、Twitterのセッションは4、めのうら。からは1だけ。ということで、まだ検索エンジンに登録されていないにもかかわらずdirectに来て下さっていたみたいでした。likeatwitterというドメインのせいかな？

ちなみに、発信する情報は、1つアップすると下記のように2つ以上のサービスへRSSなどによってほぼ同時にアップやリンクもしくは配信されるようにしてあります。いろんなサービスを利用していても、同じ内容を複数アップしなくてもよくなったのはとても便利です（My Spaceも外部情報の読み込みに対応して欲しい…）。

• めのうら。
  
  
  
  • → mixi / gree / はてなキーワード / はてなブックマーク / facebook / technorati / RSSリーダー
  
  
  
  


• Flickr
  
  
  
  • → facebook / designrelated / RSSリーダー
  
  
  
  


• tumblr
  
  
  
  • → Twitter / RSSリーダー
  
  
  
  

…なんておおげさに書くほどではないのですが、

下記のような サービス サイト →ページを作成しました。

"Like a twitter"

• The next perspective from Twitter's world


• http://www.likeatwitter.com/


• ※now, recommend twitter's accounts list

実はいろいろとサービスになるようなことを考えてはいました。

そこで実現のためにjavascriptやphpに取り組んでみるも、自分の技術力のなさにより、とりあえずはTwitterのおすすめアカウントのブックマークリストのようにして公開することにしました（これだと単なるページにすぎないのではありますが…）。

ここ最近になってTwitterをようやくちゃんと使い始めました。そうすると感じること、気づくことがたくさんありました。そこで、そのときの気づきを流さずにカタチにしてみようと思って、今回取り組んでみたのです。

突然、アイデアなどをつらつらとメールしたにも関わらず返答を下さった友人の皆様、ありがとうございました！今後の改良の過程で頂戴した意見や対話の中で見つけたものを反映していきたいと思います。

1. 日々の主体性


2. アイデア


3. カタチ


4. サラス


5. 評価改良（カタチ→サラスの反復）　★いまここのスタートライン


6. 実現

日々の主体性→アイデア→カタチ→サラス→評価改良（カタチ→サラスの反復）→実現

もちろんこれは、当時みんなで研究したIDEOのイノベーションを起こす5つのステップ（理解→観察→視覚化→評価と改良→実現）にインスピレーションを受けてのこと。

"wcp-orangemoove" - [ めのうら。/ Menoura

これらは、5SEEDSのB for aチームみんなで2004年後半から何度も打合せを重ねて制作をすすめて2005年に公開したときのデザイン（※WEBサイトは現在終了）。

久しぶりにHDD内から発掘しましたが、いま見るとストアの作りとか結構わかりやすくていいなぁと思います。

みんなで考え抜くこと、人と人が向き合って本音で語り合うことの大切さをあらためて感じます。

幾度となく夕方から朝までご飯を食べ食べお酒を飲み飲みアイデアをこねこねとみんなで語り合っていった時間と空間の吐息が封入されています。

駆け抜けているときにはわからないものがあり、駆け抜けた後に振り返ってはじめて見えてくるものがある。

過去はかつて未来に目指したものを今に想い起こさせてくれる。

そして、過去は教えてくれる。

かつての時間はもうどうやっても触れることはできず、そこに浸っていても何も生み出さないことを。

さらに、過去は教えてくれる。

永遠に輝かしい時間を生み出すのは、今を精一杯駆け抜けるしかないことを。

過去は押しすすめる。

未来に向かえ、と。

電球色のあたたかい思い出は、必ずまたつながってゆく。

上記は、2004年9月17日のミーティング議事録の一部。「☆このプロジェクトの成功は、人の信頼と感動のネットワークによるものである。」という一文にはいまも熱がある。

下記は、Aboutページに綴られた代表者のメッセージ。

What is B for a？

B for aとは、一つに「Born for art」、そしてもう一つに「Born for artist」という意味を持っています。

Born for artとは、アートのために生まれたアーティストたちを指し、Born for artistとは、そんなアーティストたちのために生まれたこのサイト自身のことを指しています。

それはつまり、【This site is born for artist who is born for art.】になります。

「アーティストのために、在りたい。」

身近に居るアーティストのために、何かできないか。それが出発点であり、今、こうして僕がここに存在する理由でもあります。1人のアーティストへのその想いから始まったこのサイトが、どういう「かたち」になるのか。

ものは造れないけど、アートは好き。そんな人間の1人として、アーティストとの橋渡しが出来ればと思っています。

B for a　　Shingo.S

杉団扇でおなじみのSugikaigiのブログを新しくしました。

まだ調整したい部分はあるのですがずるずると長引いてしまうので公開してしまいます。

実は、これ、昨年10月にほとんど出来ていたもの…。

自分の時間管理具合に情けなくなります…。

前回は、「杉風呂」という命名でしたが、今回はより普遍を目指して「Sugikaigi」に。

そして、コピーは「creative action of our life.」。

おっきなところから見ればたいしたことはないかもしれないけれど、それでも僕らにとってはいつも休日や夜に集まって、まっさらなところから楽しいこと面白いこと、そして新しい商品のデザインを考えていき、想いをカタチにしていくのは新しく創造的な試みでした。

これまでの杉会議のいろんな活動は、いままでどおり「粋品.jp」でご覧いただけます。

Flickr badgeの画像を右側にまとめました。

上の5つは前回同様最新の写真が表示されます。下の5つがランダムなので、アクセスする度に毎回いろんな写真が表示されます。

…が、しかしカテゴリーページなどでは、

ヘッダーが表示されないことが発覚(！)

しばらくは、このデザインで行きます。

Menoura_Flickr080929（フッターリンクなし版）

Menoura_Flickr080929のフッターリンクなし版です。フッターリンクを編集するのが面倒かと思い、削除したバージョンを作成してみました。

記事の横幅をFlickrの写真幅500pxサイズに合わせて設計しています。

ページ上部にFlickr badgeをサイトのtopに置いてもいいと思います。

右側の2つのカラムは、内側を自分のブログ関連のリスト（エントリーやコメントなど）、に利用し、外側を検索ボックスやamazonリンク、画像、アフェリエイトなどのバナー張りつけ位置にすると見やすいと思います。

iPhoneでも閲覧できます。

公開デザイン「Menoura_Flickr080929（フッターリンクなし版）」 - はてなダイアリー

Menoura_Flickr080929は、自分をのぞいて2830人の方にインポートしていただいたようです。1つ作ったものがこうしてひろがっていくことに、（とても小規模ですが）オープンソースな感覚を感じています。ありがとうございます

Menoura_Flickr080929

http://d.hatena.ne.jp/designset/1149

最近たて続けに「めのうら。のデザインってどうなってるノ？」という質問を耳にする機会がありましたので、デザインをはてなに公開してみました。

ネーミング

デザインテンプレート名は「Menoura_Flickr080929」です。

これは、記事の横幅をFlickrのAvailable sizes：Medium (500px x 376px)に合わせて設計しているためです。

Flickr最適設計

以前は、中途半端な横幅だったのでいちいちフォトショップなどでリサイズして画像をアップするかレイアウトにぴったり合っていない状態でアップしてはがゆい感じでしたが、このデザインでは、Flickr Uploadrで自分のPCからどんどんFlickr上にアップしていき、FlickrでMediumサイズを選んで表示されるソースを貼付けるだけなので効率的です（しかも簡単な色調補正などはFlickr上で出来てしまいます）。Flickrは、有料版を利用しているので無制限にサーバ上にアップできるのも魅力的です。ちなみに、VimeoやGoogle Mapも横幅を変更できるので500pxにすればデザインを崩さずに記事に追加していくことができます。

また、Flickr badgeをヘッダー部分にもってくることで、何も無い空白だった（その後、モノクロの小さい写真を追加した）以前に比べて賑わいが少しは出ていると思います。更新が止まっていても、写真が変わっていたりする面白さもあります。スライドショーにすぐにアクセスできるのもポイントです。

レイアウト

右側の2段サイドメニューは、内側がブログに関連する情報、外側が外部の情報と分けています。ページ最下部には、カテゴリーごとの最新記事5件が表示されるようになっています。簡易的なサイトマップの機能を果たし、だいたいどんなアクティビティがあったのかわかるようになっています。

カラーリング

以前の記事にも書いたように、記事のテキストリンクを西洋色のビビッドカラー、その他の部分を和色の自然色にすることで、メインの記事以外の情報は背景になるよう心がけました。

iPhone対応

たまたまiPhoneのSafariでも崩れずにPC同様に閲覧ができます。

ちょうどめのうら。のデザインに飽きはじめつつあるところでした（もちろんとても気に入ってはいますけれども。小林秀雄だったか忘れましたがやはり「人間はいてもたってもいられない存在」なのです）。

次はどんなデザインにしようかな。

↑頭の中。

1. 「最新エントリー」をクリックしやすく、夏っぽく爽やかに。

使用色

• 薄藍 うすあい：#0094c8

2. フッターを土っぽく、落ち着いて。

使用色

• 檳榔子染 びんろうじぞめ：#433d3c

• 白磁 はくじ：#f8fbf8

• 葡萄色 えびいろ：#640125

• 百入茶 ももしおちゃ：#1f3134

• 鶯茶 うぐいすちゃ：#715c1f

• 白練 しろねり：#f3f3f2

Appendix. 通常のテキストリンクを和色に。

• 常磐緑 ときわみどり：#028760

※ちなみに、記事のタイトルは下記の西洋色です。

• Deeppink：#ff1493

• Royalblue：#4169e1

和色は白銀比、西洋色は黄金比にしてみました。