メイン

web アーカイブ

2006年09月13日

スゴイ地図

http://sugoi.doko.jp/

確かにすごいです。
ですがちょっと使いにくいんじゃないでしょうか。

地図を動かすといちいち再検索をしているのか、ピンが消えてしまうようです。これ結構致命的な気がするんですが。

URLが固定ってのもちょっとまずいんじゃないでしょうか。

ウィンドウのサイズにおおじて地図のサイズも変更してくれたらいいのですがねー。


リクルートさん初のフルFlashサイトらしいですね。

今後はユーザーの情報発信とか共有機能がつくみたいですね。
その辺は期待してみます。

リクルートの新感覚「地図」メディア 『スゴイ地図』9/13オープン! ― RECRUIT
http://www.recruit.jp/newsrelease/2006/09/new/NR20060913

2006年09月16日

del.icio.usのブックマークをはてなブックマークへ同期

以前は下記のwindowsツールを利用して同期させていました。
[観] ソーシャルブックマーク管理ツール
http://watcher.moe-nifty.com/memo/2005/10/bookey.html


Macで同じことをしたいと思い、探してみたところ良さげなモノを見つけました。
“Nowhere Near - del.icio.us のブックマークをはてなブックマークへ同期 (2)”
http://d.hatena.ne.jp/drawnboy/20051222/1135223580

Rubyのスクリプトで簡単に動きました。
同期もばっちり。

2006年09月24日

CSS Nite in Nagoya

CSS Nite in Nagoya に参加してきました。

名古屋でこういったイベントが開催されるのは非常にありがたいです。
今後もぜひやって欲しい。

音声とか資料はそのうち公開されると思います。

懇親会がとてもよかったです。
モチベーション高い人たちがあれだけ集まってるとすごいですね。
面白い出会いもあったし、濃い話も聞けて大満足です。


せっかくなんで少しレポートっぽいのを書いてみます。


サイバーガーデンが考える次世代Webライティング


益子貴寛 さん

タイトルに次世代とありますが、次世代ではなくすぐに実現していくべきだよなーと思いました。

プッシュとプルのバランス
話の中に、サイトではプッシュ型とプル型の情報はバランスが大切であるとのことでしたが、これはサイトだけでなくフィードやメール、その他リアルな世界などで個人が受け取る情報すべてに、当てはまりますよこれは。
ただ、個人によってそのバランスはまちまちだから、そこをどうクリアしていくかが課題でしょうか。

足立区の歯医者
UEハニカム構造の話の中で、足立区の歯科を探す際に「足立 歯科」と検索してしまうと、足立区の歯科もヒットするけど、どこにあるかわからない足立歯科もヒットしてしまうって話がありました。これは非常に難しい問題です。
人間の意思をどれだけコンピュータが受け取れるか、人間がどれだけ伝えられるか。ちょっとSFチックな話になりそうですがそう遠くない未来に何か答えが出るとますますWEB周辺が面白くなってきますね。

内容が盛りだくさんだったので、資料と音声が公開されたらそちらを見てください。

どうしても技術を追いかけがちなので、こういった概念的なことをもっと押さえておいて、それをもとにモノ作りをするべきだと考えさせられました。




CSS3をJavaScriptで先取り実装!


長谷川恭久 さん

CSS3のセレクタをJavascriptで実現させるお話でした。

CSS3のセレクタに関しては、今までよりロジカルに考えてスタイルを効率よく割当ができるようになるようです。
パターンを見つけてそれを定義することで、複数箇所に同じスタイルを当てるのが楽になりそうです。

例えば表の偶数行に色を付けたいときは


tr:nth-child(2n){
backgraoud: #efefef
}

とするだけです。
ただ、すべてのブラウザが完璧にサポートしているわけではありません

そこで、これをJavaScriptで実現してみると


function rowcolor()
{
var rows = document.getElementByTagName("tr");
for(var i=0; i if (i%2 == 1){
row[i].className = "evenrow"
}
}
}

でいけますよって話でした。
他にもいろいろサンプルがあったので、詳しくは資料をご参考

こういう方法で実装しておけばCSS3への乗り換えは比較的スムーズですかね。

この辺の実装は結構サーバー側でやったりもするんだけど、その辺はどっちがいいんですかね。
でもCSS3先取りJavascriptライブラリがあったら面白いかもしれません。
サーバーサイドのプログラムよりJavascriptの方がどこでも使えますしね。

ライブラリ使えばもっと簡単とか、ライブラリってどうよ的な話もありました。

ちなみに上のJavascriptのコードをライブラリ使うと(たしかjQuery)


function rowcolor(){
$("tr:even").addClass("evenrow");
}

てな感じでOKです

個人的には楽しくプログラムを書くにはライブラリどんどん使うべきだと思ってます。
ラクですしね。でもライブラリのソースは読んどかなきゃ大変なことになったりするかも。



Web標準時代のDreamweaverテンプレート活用


鷹野雅弘 さん

私はプログラマなんでDreamweaverはまったく使わないのですが、テンプレート機能は便利そうでした。
でもやっぱり使わないかな・・・・。
ごめんなさい。


2006年11月17日

シニア向けサイト参考

めも
これからはシニア重要。
シニア向けWEB2.0ツールとか出てくるかな。


ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント
http://column.usability4s.info/2006/09/10_ff3f.html

TRANS - シニアはログインでつまづく?!
http://d.hatena.ne.jp/aratako0/20061115/p1

使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
http://mamico.way-nifty.com/note/

FPN-団塊〜シニア層向けのWeb設計 やっちゃいけない10のUI
http://www.future-planning.net/x/modules/news/article.php?storyid=1833

シニア向けのデザイン|ある技術者の備忘録
http://ameblo.jp/matchasoft/entry-10020067827.html

2006年12月13日

「Web屋の注目トピック」で振り返る2006年占う2007年

ちょっと書くのがおそくなったけど
「Web屋の注目トピック」で振り返る2006年占う2007年
というセミナーを受けてきた

スピーカーはアークウェブの中野宗さん。
Zen-Cart.JPとかSnippyで有名な方ですね。
WebSig24/7のモデレータの方でもあります。

内容はこんな感じでした

1. Web 2.0のおさらい
2. 2006年のWeb屋
3. 2006年のWeb
4. 2007年の注目トピック

今年のWEBはこんなだったよねっていうのを、わかりやすくまとめられてたので、あーそうそうと思いながら聞いてました。

一番印象に残った話は、バズワードの話です。
この業界にどっぷり浸かっている人って、どちらかというとバズワードを敬遠する傾向があると思います。私も実際そー思うことがよくあります。
「またWEB2.0かよ」とか「なんでもajaxとか言ってるんじゃねーよ」みたいな・・・。
でもバズワードになるってことは、そういうニーズがあるってことで、拒否反応を起こさずうまくつきあったほうがいいよ、てことでした。
自分がどう思ってるかより、そのバズワードがもっている「時代の気分」を考えて、そのバズワードと付き合う。

これはなかなか考えられました。
なぜそのバズワードが出てきたのか、もっと深く考える必要がありそうですね。


他にもデザイナーはエンジニアよりに、エンジニアはデザイナーよりに、どっちもできるようになった方がいいよ的な話とか、駆け足だったけど面白い話が聞けました。中野さんにはもっと偏った話を聞けたらおもしろそだなと思いました。

ひとつ残念だったのは、セミナーのなかで情報はオープンにしていきましょう的な話があったのにも関わらず、セミナーで利用された資料がクローズになってしまっていることです。非常にいい資料なのでぜひオープンに公開していただきたかったです。大人の事情ってヤツですかね。

追記
中野さんよりコメントをいただきました。
資料公開されているそうです。
失礼致しました。

第10回WebSig会議の発表資料公開 - 「注目の『コト』でみるWebとWeb屋の2006年 2007年の展望」
http://www.ark-web.jp/blog/archives/2006/11/10websig_webweb.html

2006年12月14日

WCAN 200612

WCAN/200612に参加してきた。
今回のスピーカーは益子貴寛さんと長谷川恭久さん

WCAN [ Web Creators Association Nagoya ]
http://www.wcan.jp/

WCANとは名古屋を中心としたエリアでWEBをやっている人の集まりです。


ユーザー中心デザインのポイント

益子貴寛さん


内容はこんな感じ
1. 意識改革
2. ワークフローの改善とユーザビリティテスト
3. もっとワイヤーフレームが重視されてよいはず
4. ユーザー間のユーザビリティ対立
5. Webライティングの視点から

実は遅刻したので初めの10分くらい聞いてません。ごめんなさい。

気になったのは、ユーザビリティテストですね。
以前、ユーザビリティテストに関する書籍を読んだときには、読んで満足してしまい何もやってなかったです。

よくあるクライアントと制作側での意見対立は、ユーザーテストを行ってクライアント、制作側、双方納得して進めましょうってのが気になりましたね。
結構クライアントに押し切られることが多いような気がするので、ちゃんとテストしてその結果をクライアントに示せる体制を整えなきゃいけないなー。
なかなか、ユーザーテストをやるのって難しいとこではあるので、まずは社内のスタッフを使って少しずつ制作のフローに取り込んでいこう。

いろんなユーザーがいるっていう話も少し考えられました。
私はFlashをやっている人間なので、すぐにFlashを使ってどうのこうのと考えてしまいます。でもFlashを使うことでそのコンテンツが利用できなくなってしまうユーザーが存在することが頭から抜けていました。ターゲットのユーザーを明確にした上で、FlashやAjax(DHTML)の利用を考えるべきという話で、決してFlash使うなとかAjax使うなって話ではなかったですけどね。


2006年のWebを振り返る

長谷川恭久さん


以下の4つの話が聞けました。
・ウィジェット
・ソーシャルネットワーク
・パーソナルブロードキャスト
・オンラインゲーム

ウィジェットはこれからどんどん流行りそうな予感です。もっとWEBとからめた面白い物が作れるはず。規格の策定も進んでるみたいですしね。WEBとの連携もいろいろできそうですし今からいろいろ考えておかないと。

【レポート】ウィジェットの統一・普及につながるか -「W3C Widgets 1.0」が進行中 (MYCOMジャーナル)
http://journal.mycom.co.jp/articles/2006/11/15/widgets/


ソーシャルネットワークの話では、MySpaceやMixiが流行る理由として
「便利 < 有意義」
が一つの理由ではとおっしゃっていました。
確かにMixiなんかは特別使いやすい訳ではないけど、それでも何か書いたり見たりしてしまう。そういった居て楽しくなる要素をサービスに盛り込む必要があるということでした。またSNSがどんどん増えるなかで、SNS同士の連携も今後必要になるのではとのことでした。

パーソナルブロードキャストに関しては、どんどんWEBを経由したメディアの楽しみ方が増えていくのではって話でした。また日本ではあまりCtoCのコンテンツはないのでこれから増えていくってのも興味深い話でした。

そして最後はオンラインゲーム。
WEBのセミナーでゲームの話が聞けるとは思いませんでしたw
何もしなくてもよいゲームが増えてきていて、ユーザーがそのゲームの世界を自由に楽しむことができるらしいです。
Second LIFEなんかはよく話を聞くけど、未だにやったことがなかったので少し手を出してみようかな。最近のゲームはWEBとの連携が一つキーワードになっているようなので、その辺り少し調べてみると、おもしろいことができるかも。

最後に聞きに来てた人たちの意見なんかが発表されて、何人かその場で発表してたりしてました。スピーカー以外の話が聞けるってのはよいですね。みんなが何を考えているかもっとたくさん聞きたいです。
絶対に面白いこと考えてる人がたくさんいると思うんですよねー。

個人的に最近気になっているのはWEBとリアルな世界をつないだコンテンツですかね。WEBからのインプットがリアルへアウトプットされるとか、リアルからのインプットがWEBにアウトプットされるとか。この辺はまた書こう。

2006年12月19日

ActionScript3で3Dパノラマ

QuickTimeのヤツよりゆがみが少なくてサクサク動く感じ。
読み込みはちょっと重かったかな

Papervision3D AS3 Panorama « Papervision3D
http://blog.papervision3d.org/2006/12/18/papervision3d-as3-panorama/

2007年02月06日

ブログバトラーがβ2になっとる

なっとるね

http://blogbattler.com/blog/2007/02/post_15.html

http://blogbattler.com/

2007年02月14日

digg labs bigspy

digg labs / bigspy
http://labs.digg.com/bigspy/

diggのlabsになんか新しいの増えてた

2007年02月21日

TBWA HAKUHODOがMacで見れね

trick7.com blog: TBWA HAKUHODO
http://www.trick7.com/blog/2007/02/21-091704.php

trick7さんで紹介されてた「TBWA HAKUHODO」
Macで見れないんですが。。。
Firefox Safari ともにローディングが終わったとこでブラウザごと落っこちます。
Flash Playerの問題かな。Debug Playerがいかんのかなー

Winで見たけど確かにすごいね
こんなにおもしろいサイトなのに、リンクを制限しているのがもったいないなー
プライバシーポリシーにリンクは承諾受けないとダメよって書いてあった。

もったいないもったいない

TBWA HAKUHODOでググったら出てくるYO!

これってありなのかな

はてなブックマーク - TBWA\HAKUHODO
http://b.hatena.ne.jp/entry/http%3A//www.tbwahakuhodo.co.jp/

追記
プレイヤーをデバッグ版9.0.18.60からデバッグ版9.0.28.0にしたら見れるようになりました。

2007年02月27日

Remember The Milk チートシート

Remember The Milk キーボードショートカットのチートシート
http://komposition.jp/wordpress/2007/02/27/rtm_cheat_sheet/

便利そうなので印刷してみた。
ショートカット覚えていこー


Remember The Milk - Help / Basics / What are the keyboard shortcuts?
http://www.rememberthemilk.com/help/answers/basics/keyboard.rtm

今更かもしれんけど、拡張子が「.rtm」なのが素敵ですね。

2007年03月18日

Eye Project

EYE-PROJECT BY KDDI
http://eye.kddi.com/

正式に始まったのかな。

2007年03月27日

PEPSI NEX DANCE

PEPSI NEX DANCE
http://pepsinex-dance.jp/

PEPSIバージョンだー

2007年03月29日

Twitter

Twitter
http://twitter.com/

流行ってるみたいなので登録してみた
IMから更新できるシステムって素敵だね

http://twitter.com/ll_koba_ll

2007年03月30日

Scrapblog

Scrapblog // Create a world for your pictures.
http://scrapblog.com/preview/

http://scrapblog.com/builder/

すげーな
負けてるorz

英語はいいよなー
フォント埋め込んでもたいしたことないから。


TechCrunch Japanese アーカイブ » 機能満載のスライドショーScrapblog、ついに公開
http://jp.techcrunch.com/archives/the-real-scrapblog-is-here-finally/

2007年04月09日

モバTwitter

Twitterは携帯電話で決まりっ! (がらくたラボ - Specialized F's Garage for Technologies -)
http://f-shin.net/labs/2007/04/twitter.html


モバTwitter
http://tw.f-shin.net/


べんりー

2007年04月10日

DooVii

http://chat.doovii.com/

登録してみた

http://chat.doovii.com/lllkoballl

社内Twitterおもろいかも

社内Twitterおもろいかも - daiskip.com
http://daiskip.com/blog/2007/04/10/0057.php

ありかも

2007年04月27日

プレゼン資料がすごすぎる!

Flex 2 勉強会でスピーチしてきました (blog.nium.jp)
http://blog.nium.jp/flash/progression/flex_2_1.php

めちゃめちゃかっこいい!

2007年05月04日

Pandora が日本から聞けなく

なったみたい

TechCrunch Japanese アーカイブ » Pandora、木曜夜から米国外のユーザーをシャットアウト
http://jp.techcrunch.com/archives/pandora-to-shut-out-non-us-users-thursday-evening/

ざんねんっす

finetuneはじめてみた

finetune
http://www.finetune.com/

Pandoraの変わりに使ってみる。
Apolloのクライアントとかあってよさげ。

2007年05月05日

FON Spot

FON Spotベータ版リリース | FON Blog
http://blog.fon.com/jp/archive//fon-spotaaacaaaa.html

これは便利そう。
でもMacって同じようなことできなかったっけ?

2007年05月09日

Adobe スゴロク CS3

http://sugorock.net/


なんかすげーなw

2007年05月10日

Google Analytics 新しいのキタ

適用されたみたい。

Screenshot_1.png

2007年05月22日

movatwitterの一時的にブックマークって超便利

今更気づきました

一時的にブックマークするとTwitterアカウントにTwitterのIDをタグとして登録されるみたい。
だから

http://b.hatena.ne.jp/twitter/ll_koba_ll

で自分が一時的にブックマークしたモノが閲覧できる。
いままで、タグにIDが入るなんて知らなかったから、埋もれちゃうだろうなーと思い使ってなかったけど、これは使える!

2007年05月30日

マタタビ

サービス開始しました。

旅の思い出つなぐ マタタビ JTB中部
http://matatavi.com/

顧客を囲い込むサイトにはしない--「旅」がつながるJTB中部のSNS「マタタビ」 - CNET Japan
http://japan.cnet.com/news/media/story/0,2000056023,20349784,00.htm

勉強会とかでマタタビがどーのこーのとか、ネコのキャラクターを見せたりと、してましたが、正式にオープンしました

担当はリッチエディタってFlashのヤツです。

またなんか書くけどとりあえず紹介。

マタタビのブログパーツっぽいもの

があったりします。

旅の思い出つなぐ マタタビ JTB中部
http://matatavi.com/

マタタビはタビとタビをキーワードでつないでいったりするサービスなのですが、その中に記事をFlashでちょっと自由につくれちゃう機能があったりします。
で作った記事はBlogに貼付けたりもできます

こんな感じで
旅と関係ないけど

2007年06月06日

Wassr [お気軽メッセージングハブ・ワッサー]

Wassr [お気軽メッセージングハブ・ワッサー]
http://wassr.jp/

なかなかいい

ll_koba_ll - Wassr [お気軽メッセージングハブ・ワッサー]
http://wassr.jp/user/lllkoballl

ワッサーのブログパーツ

手書き風な文字はなにw

2007年06月16日

UNIQLOCK

2007年06月19日

SWFAdress って Google Analytics に

対応してるんですね。。。

swfadress.jsを読んでたら

typeof urchinTracker != 'undefined'

でチェックしてあったらurchinTracker実行してた。

FlashからurchinTrackerしてたんだけど、これだと2つログが取れちゃうじゃん。
swfadressのページ名とは別名でログ取りたかったんだけどな

2007年06月25日

flOw


これって
Welcome to Flow in Games
http://intihuatani.usc.edu/cloud/flowing/

PS3のゲームになったってこと?
flOw
http://www.flow-games.jp/

2007年07月09日

They’re Beautiful

They're Beautiful!
http://www.theyrebeautiful.com/

バーチャルな花を贈れるサービス。
送られてきた花は育てることができる。
ほおっておくと枯れるのかな
blogパーツもあり

すかうたー

pownce

Pownce : ll_koba_ll .
http://pownce.com/ll_koba_ll/

Diggの創業者が始めたらしいTwitter的なサービス。
まだ招待制みたい。アカウントとれた。

日本語がぁー

2007年07月11日

FlashでMultitouch

andré michelle - gamedev | musicware - berlin is in germany » Blog Archive » Multitouchscreen AS3 controlled
http://blog.andre-michelle.com/2007/multitouchscreen-as3-controlled/

ActionScript3.0で作られてるらしいです。
Screenshot_1.png

こんな仕組みらしい
http://www.timroth.de/180/page5/page5.html


180
http://www.timroth.de/180/

2007年07月25日

ROXIKの城戸さん

今日、名古屋でAdobeのイベントがあったんだけど、そこにROXIKの城戸さんがきた!

ROXIK
http://roxik.com/

ROXIK | PICTAPS
http://www.roxik.com/pictaps/

あんなぶっ飛んだコンテンツをつくる人ってことで、すげー楽しみにしてたんだけど、期待を裏切らずスゴクよかった。


まずびっくりしたのがプレゼンの資料。
Flashで作ってあったんだけど、なんかちっちゃい奴らがたくさん出てきて、わーて文字はこんだり、人文字作ったりしてたw
ちっちゃいやつらはペラペラなんだけど3Dでつくられてた。
どうやら、どこかでボツッたやつを、もったいないから今回用にしたらしい。

3DでつくるFlashコンテンツの話しだったんだけど、今仕事でやってるものをイロイロみせてもらった。まだ作成中の物ばかりだったので、どんなだったかは言えないけど、すごい物ばかり!


AS2とAS3の比較とかもあったんだけど、AS3はえーって感じだった。


ものを作るときには、まず思いついたら作ってみる。で、作ってる間にまた思いついて、さらにイロイロやってみる。その繰り返しがとてもいいと言ってた。
よいループに入れると、おもしろいモノがつくれる。どこかでは止めないといけないけどw


3Dで何か作るときは、既存のライブラリとかを使うよりも、自分で一からやった方がいいらしい。そうすることで、3Dの基本的なことが体に染み付いていくとのこと。
これは、なるほどと思った。ライブラリ使ってると、よくわからんけど動いたみたいのがあるから、応用がなんともって感じだったから。

城戸さんも、3Dを始めたとき、一からWEBを見ながら作っていったらしい。
とりあえず簡単なものなら、三角関数がわかってれば大丈夫だと。


自作のライブラリをつかって3Dの表現をしてるらしいんだけど、それもちゃんとした形にして
公開したいとも言ってた。非常に楽しみ。


終わった後で、すこし話しができたんだけど、福岡にあまりクリエイターがいなくて寂しいみたいな話しをしてた。みんな東京だからなーって。
地方がんばろーみたいな感じになったw


いつか名古屋の勉強会にきてくれるといいなー

2007年08月09日

タビメモ

旅の思い出つなぐ マタタビ JTB中部
http://matatavi.com/

マタタビに新しい機能「タビメモ」が追加されました。

Twitter風のなにかです。
どちらかというと携帯で使うことを想定してます。

Screenshot_2.png


あと、密かにAS3で作った何かも追加してあります。
ひっそりとですが。


夏休みにタビに言ったらマタタビで!

キャンペーンもやっているからなんか当たるかも

「夏タビラブ」キャンペーン powered by マタタビ
http://matatavi.com/campaign/200707

2007年10月09日

news! au!!! news!

なんだろ?

2007年12月13日

THE PROCESSING MATCH

PCの処理速度で戦えるみたい。
アイディアがおもしろいですね。
単純に負荷のかかる処理を実行してタイムを計ってそれをサーバーに保存、それらを比較してバトル。

でもこれってPlayerのバージョンとかブラウザによっても変わってくるんじゃ。。。
でもそれっぽいことが重要ですね、こういうのは。

インテル:パソコンの中ではこのくらいの変化は、もう常識
http://www.intel.co.jp/jp/personal/campaign/promotion/index.htm


2007年12月21日

emoのつながり家系図

これすごくいい。
自分が貼ったブログパーツから登録した人が、家系図のように表示される。
おもしろいですねー

Screenshot_7.png

2008年07月03日

crossreviewリリース!

crossreviewというサービスがリリースされましたー!!

crossreview(クロスレビュー) || レビューで繋がる、みんなの輪
http://crossreview.jp/

このサービスはsmashmedia河野さんがリリースされたたサービスでRAWHIDE.でお手伝いさせていただきました。

crossreview.jp » plessrelease
http://blog.crossreview.jp/plessrelease

ぼくとcrossreviewの誕生日 (smashmedia)
http://smashmedia.jp/blog/2008/07/001654.html

いろいろな物のレビューを一言でできるサービスです。twitterのレビュー版と言った方がわかりやすいかも。
私のアカウントは
crossreview(クロスレビュー) || レビューで繋がる、みんなの輪 » ll_koba_ll
http://crossreview.jp/ll_koba_ll/
なのでどんどんお気に入り追加しちゃってください。


タクティクスオウガ人気だなー

2008年08月18日

Launching "Progression 3" in Apple Store, Ginza

Launching "Progression 3" in Apple Store, Ginza
http://event.progression.jp/

Progression3のリリースイベントがあるそうです。

trick7さんがすてきなブログパーツ作ってたので。

About web

ブログ「Unknown Quality」のカテゴリ「web」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

前のカテゴリはMacです。

次のカテゴリはworkです。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。