blog | SevenStyleWeb

グラデーションがキレイなのと、すごく見やすいページなのでブックマーク。
ボタン周りが、hoverで色がはっきりするという感じがなかなかよい感じ。
さすが政治関係のページとあって、メニューの中身がゴバーと多い感じもするけど。。。

CSSを切ってみたらわかるんだけど、この大量にあるメニュー部分に対する対策として、XHTML文書の中で「Skip To Content」というものがあり、それにはメニューを飛ばして、コンテンツまでのアンカーが張ってある。これで、CSS未対応であっても、すぐに目的のコンテンツまでジャンプできる。
すばらしい、心配りだ。ユーザエクスペリエンス。おもてなし。

フリーフォントを探すときによく使う海外のサイト。
欧文フォントのいいのが結構あるのでよく使います。

ブックマークとして。

今日親友の大介とその相方ふみちゃんと呑んだ。うちの嫁もで、４人で。
場所は恵比寿の、ちりとり鍋　大島。
そう。元ドロンズの大島さんがやってて、おいしいと有名な店。

確かにすごいおいしかった。店員さんの感じもよかったし。
これは最高な感じの店だ。呑んでいたら、大島さんがやってきて、
「ご来店ありがとうございます。」
「いかがですか？」
「初めていらしゃったんですか？」
などすごく気さくに話しかけてくれて、かなり満足。

んで、一番のびっくりは、呑みはじめのこと。
大介が「誕生日おめでとう」と、なんとWiiをくれた。えー！という感じ。
嫁分のコントローラーとヌンチャクと電池。あとドラゴンボールのソフト。

Wiiがうれしいのもあるけど、その心意気が最高にうれしい。
心から気持ちよくプレゼントをいただいた。
帰宅後早速写真を撮る。

なんか有り難い親友をもったもんだと、心から感激をしながら今日眠りにつきます。

このブログにサイトブックマークの機能をつけるために一つ新たなカテゴリーとして、bookmarkを追加した。サムネイル機能をつけてヒアウィゴーです。

ということでひとつ。
海外のサイトですが、CSS、javascriptで参考にしているサイト。

woork

googleの出身者が作った検索サイト「cuil」
http://www.cuil.com/

検索手法も今までと若干違うみたい。日本語にはまだ完全対応されていない様子だけど、検索結果とかも今までとちょっと違う感じ。グーグルの出身者がこういう検索サイトを作る。。。
これがまた流行ると、グーグルが買う。

そのヒトの懐はチョー潤う。

そしてまたミリオネアが誕生する。

そんな仕組みなのかな～。この検索サイトがどこまで注目されるか・・・ちょっとそれに注目しておきたくて、メモ。

livedoorのニュースを見ていたら、変わった名前の生物ランキングの記事があった。
http://news.livedoor.com/article/detail/3750358/

へぇ～こんな名前の生物がいるんだ～。って感じの面白いものがたくさん。
つけた人最高。

でも、虫とかってまだ未知のものがたくさんいるみたいだし、これからも面白い名前がバンバン出てくればえーなーって感じですな。

以前、CSSのセミナーのあとの食事会で少しお話をさせてもらった長谷川恭久さんのHPに
「建設的な会話をするために気をつけておきたいこと」と題して、エントリーがあった。

見出しだけ抜粋すると・・

・感情を含む熟語を含めない
・問題といわない
・主観的であることを認識する
・明確な理由を述べる
・答えを先にいわない

このエントリーを読んで普段のMTGの感じを振り返ってみると、やはりいい感じのしないMTGというのは、上の５つができていない感じがある。
この５つができるかできないかの一つの前提は、「チーム」的なものがあるかないかではないだろうか。
長谷川さんのエントリーにもあるが、この５つを定義する前に、

よりよいウェブサイトを皆で作って行くために覚えておきたい項目を5点紹介します。

とある。
オレの個人的見解から言えば、ここでのポイントは、「よりよいウェブサイト」ではなく、「皆で作っていく」の方ではないだろうか？
もちろん、中には自分の意見をガガーっと押し通したいときもある。しかし、それは「皆で作っていく」からは離れている。（「よりよいウェブサイト」にはなるのかもしれないが・・・）
やはり組織として、やっているのだから・・・というよりも、相手がいてやることだから、主張しながら主張も聞くという単純なgive&takeの姿勢が重要なんではないかとこのエントリーを見て思う。

中日ライオンズのキャラクターで人気のドアラ。
何気にサイトを探していたら、中日スポーツにこんなコンテンツ。

【ドアラの九州旅日記】
http://www.chunichi.co.jp/chuspo/k/doala/index.html


基本ムービーのサイトだけど、キャラクターの人気ってすごいもんがある。
このドアラ。そういえば本も出していた。




しかもDVDまであった。


しかもフィギュアまである。



なんじゃ？このキャラクター。おそろしい。アマゾン張ってみたけど、中日ファンは購入して～！

会社で定期購読をしているWebSite Expertでちょっと面白い内容があったのでメモ。

E-mailと携帯の登場によって起こった大きな変化（p36）

・将来の顧客となりうる見込み顧客のデータを獲得しやすくなった。
・顧客へのアプローチがより簡単にコストをかけずにできるようになった。
・顧客とリアルタイムに気軽な、ラフなコミュニケーションを取れるようになった。
・マーケティング手法が単一アプローチではなく複数になり、コストをかけずに細かいアプローチをできるようになった。

MTでタグ入力をするときには、なんのタグを入れたかを覚えておかないといけないという状況に陥る。実はこれまで、覚えていなくて、重複したり、なんか変なのいれたりとあったわけです。なんとかなんねーかなと思いながら、同じように使っていたら、to-Rさんのサイトでプラグインがありました。

Movable Typeのタグ入力を簡単にするtagSupportプラグイン

おー！ということで、早速DL。んで、インストール。
うーん便利。

to-Rさんにはいつもお世話に。感謝の意をこめてトラバ。

このブログパーツはオモロイ。けど、サイドバーに載せる感じではなかったので、エントリー内に記載。触ると切られるので、ご注意ください。数回触ってみてください。そして、最終的にクリックしてみてください。デストロイヤー！

この連休は嫁の妹がきているので、色々朝から回る。
まずは、朝から築地にいってきた。築地で朝から...と言っても、10時すぎから海鮮丼。めっちゃうまい。店内は写真がNGだったので、写真はないけど店の前の写真はとれたので、パシャリ。

そのあと汐留にいって日テレを若干ゆるりと見て、そのあとは、フジテレビのある台場へ。

「日テレのあとに俺フジテレビいかなきゃいけないから」
とちょっと勘違いを始めた芸能人みたいに言ってみた。

お台場では、ご存知のとおり、「冒険王」が。人がめっちゃ多いのかと思いきや、そうでもなく、
ほどほどの人。

めちゃイケの海の家にも行ったし、もちろん鈴木紗理奈のあのうちわもゲット。（これはあとで回収されました。）

んで、そのあと展望台にも行って、スポルトなどのセットで写真をとったり。
冒険王は今年でおわりということになっているし、せっかくなので、と思って行ってみたが、割と面白かったので良かった。
晩飯は台場で食事をとって、夜景をみて帰宅。
明日は、また別の所へGoです。

何かできることはないかと考えてみたら、やはりこれくらいしか。でもこれくらいならできる、ということで、我サイトにクリック募金を儲けました。左下のほうに。

おいらもスポーツをやる身。知り合いにも車椅子テニスで頑張っている人がいる。ということで障害者スポーツに対するクリック募金を儲けております。

サイトを見たらクリックしてくれたらうれしいです。
なお、クリックしてもクリックした本人は何も影響はありません。ただクリックするだけですので、ご協力お願いします。

できないことはできなくとも、できることはやろう。

長藤寛和さんのサイトを何気に見ていたら、「刻時淡淡」というサイトにたどり着く。
そこであった時計のブログパーツがこれまたすばらしい。ケータイでもダウンロードが出来る模様。だけど、月額制なので、ちょっとまだためらい中。
ブログパーツに関しては簡単に設置できるし、このブログパーツの時計は、アクセスするたびにデザインが変化。

ユニクロックとのならびになって、時計ばかりか！ってことになるけど、気に入ったので、左に載せました。久々にびびーっときた。やっぱりオレはタイポグラフィが好きみたい。

CSSメモです。SafariでのCSSですが、例えばDWとかでコーディングをするとき、１行目にコメントとかが勝手に入る。

/*CSS Document*/

とか。

このコメントのせいで一発目のCSSがおかしくなる事がおおい。
というか、効かない。

なので、SafariでもきちんとCSSをきかせようと思ったら、

@charset "文字コード"

の前にコメントなどを書き込まないこと。

そうしないと、Safariで読まないよ。
いじょ。

googleが先日ベータ版をリリースしたgoogle livelyについて、
操作感などのレビューをお送りします。

関連記事
http://www.secondtimes.net/special/001/20080710_lively.html
http://www.secondtimes.net/news/world/20080709_lively.html

まず、導入について。
livelyは、専用のビューアのようなものをダウンロードする必要がなく、ブラウザで見ることができます。しかし、当然のことながら、ブラウザにプラグインをダウンロードする必要があります。

このプラグインが、「アプリケーション並み」の容量なので、結局ビューアをダウンロードした感じにはなりますが、導入操作としては、過去のメタバースに比べはるかに敷居が低いものと思われます。

livelyの世界に入っていくには、googleアカウントがあればOK。
つまり、igoogleや、gmailを利用している人ならば、すぐにlivelyの世界に入れることができます。

livelyの操作は、SLになれていると感覚的にずれます。というのもSLは基本的にアバター主体の操作になりますが、livelyは基本的に視点の操作になります。例えば十字キーを操作するということは、アバターを操作するのではなく、カメラ位置を操作することになります。アバターの移動にはマウスのクリックやドラッグを使います。

livelyはルームといわれる一つの部屋が単位となります。
そして、SLのようにルーム通しはつながっておらず、1画面で見えるのは、１つのルームです。
別のルームに移動する際には、Webの移動と同じように、一旦別の画面に切り替わります。
ルームが一つしか表示していないおかげでしょうが、画面内の動きはかなり滑らかです。

はじめに全部のデータを読み込むので、操作中に別のエリアの描画がない分、初期のSLのような
イライラ感は感じません。

ただし、現状livelyはβ版というのもあって、英語でのコミュニケーションしかできません。
入力自体が、アルファベットのみ対応です。ですので、日本人に出会っても英語会話となります。
またlivelyの中でできることといえば、自分のルームを作成することと、チャットコミュニケーションです。


livelyのすごいなぁと思ったところはモロモロありますが、一番感心したのは、ジェスチャーです。
今は英語だけなので、可能なのかもしれませんが、

例えば、「hello」と打てば、手を振ります。
例えば、「I don't know how to play lively」と打てば、両手を広げて肩を軽くあげます。

つまり、チャットで使われた言語を判断してジェスチャーを行っています。
さすが、情報整理のgoogleといった感じでしょうか？

livelyはまだまだβ版の域ですが、googleの技術力とパワーでどこまで進化するのか超期待。別件ですが、IBMとリンデンがマルチバースの世界をボチボチ作り始めているという話も聴くし、このlivelyとつながるときもくるのだろうか？とワクワクします。

今後に期待。

合間、合間でサイトの作成をしてるから、ボチボチ遅れ気味だったけど、
ようやくlaboの土台が完成。ここでは、メインでPHP、javascriptの勉強・実験を行っていきます。
もちろん自作のものも作っていこう。実験的に色々やったものは、すべてlaboに保存って感じですね。あまり多くのものを頻繁にやらないと思うんで、こちらは基本CMSを使っていません。

ただ、表の部分にjsを入れ込んだりして、見やすく。を目指してます。
http://sevenstyleweb.com/labo/index.html 

CSSコーディングをしていて、必ずといっていいほど使うmargin。
このmarginにはやっかいなことに、相殺ってのがある。
こいつを知らない状態でCSSコーディングをしていくと、「あれー？指定したはずなのに、効いてないじゃーん、プンプン！」ってことになる。（過去にオレもなった）

その相殺、正確にいうと「marginの相殺」について、to-Rの西畑さんのブログにエントリーが公開されてた。
http://blog.webcreativepark.net/2008/07/09-001153.html

最近は、merginは重ならないように設定している（topかbottomに限定してる）が、どうしても使わなければいけないときに、相殺に陥って、頭の中ではわかっているつもりが、「おりょー？」って感じになってる。それが西畑さんのエントリーにより、よりクリアになった。

自分用のメモがてら、皆さんにも紹介という形式ということで。
コメントとトラバで感謝表明。

本をみながら見よう見まねでそのままやってみた。AS3(あずさん）。 まあ、ぼちぼち進めてやっていくというスタンスで。 とりあえず、成果として。

ここから

本日を持ちまして、２９歳になりました。
そう今日は誕生日の日。今年の誕生日は、ウィンブルドンの決勝、フェデラーVSナダルの試合の最中に訪れました。といいながら先週末に旅行にいってて、その移動の疲れが出たのか、若干寝てしまった。まぁそんなもん。

ということで３０歳目前のオレですが、、なにか？

この１年は色々またしないとなぁと思う今日この頃。
抱負とかいうわけじゃないけど、このブログも然り。
色々またやっていこうと思いますので、今後ともよろしくお願いいたしますです。


さ、仕事仕事。

サイドバー横に２つのブログパーツを追加しました。
FICCのAnotherBookmarkのブログパーツとご存知ユニクロック。

ちょっと華やかになったかな？

このブログのアーカイブページを作成してみた。一覧性を求めてテーブルで再現。
その際に、テーブルが使いやすくできるように、とあるライブラリを使用。

使用したのは、to-Rさんのsortable.js系。
http://blog.webcreativepark.net/2007/09/24-172811.html

使用方法などはto-Rさんを参考してみてください。

右サイドバーの上部から。