September 13, 2007

i Ring

世の中に誕生してから現在までものすごい数が売れ、mp3プレイヤーの代表格といってもいいipod。

もちろん販売数だけでなくサブプロダクトの数も相当多い。
そのほとんどが似たり寄ったりな品なのだけれども、その中から飛び抜けたipod用の
サブプロダクトを一つ。

i Ring

デザインなんかもスタイリッシュでいい。
説明によると、

With a stylish design and wireless Bluetooth connectivity with your iPod and iPhone, the iRing allows you to control playback and volume on any of your Apple media devices. iRing features a bright OLED status display with touch-sensitive function strip, and a rechargeable battery life of up to 2 days. Conveniently recharge your iRing using the included cradle. Its minimal size and unique ring-lock mechanism make it an ideal companion for charging and storing your iRing.

だそうだ。
デザインが奇麗なため電車の中で同じ指輪をしてる人を見つけたときは気まずいかもしれない。

それでも利便性を求めるあなたへぜひ。

Categories: その他 — @ 8:19 pm

The last two days, Tokyo witnessed the first MySQL users conference in Asia. Held in the National Museum of Emerging Science and Innovation (Miraikan) in Odaiba, it was a very informative event in a relaxed atmosphere.

(more…)

Categories: Focus Web, Geek Talk, News & Innovations — @ 12:04 pm

Japan (and maybe Korea) is the leading high tech mobile countries on this planet. Different from other countries, in Japan the mobile phone, not the PC, is the device of choice for internet access. Now Over 80 million users access the internet through their mobile phones.

(more…)

Docomo でCSSを使うために四苦八苦しましたが、やっと設定がうまくいったので備忘録的に書いておきます。

キーポイントは
・XML 宣言、Doctype 宣言をきちんとする
・Content-Type は’application/xhtml+xml;’
・拡張子はxhtml

多分、この3つを押さえておけば大丈夫かと。
あともしかしたら.htaccessに以下の記述をしてあげるといいかもしれない。
AddType application/xhtml+xml .xhtml

とりあえず、テストのソースコードを置いておきます。ドコモ携帯で見てください。

http://blog.cyber-media.co.jp/files/mobile/docomo_css.xhtml


<?xml version="1.0" encoding="Shift_JIS"?><!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
	<meta http-equiv="Content-Type" content="application/xhtml+xml;"/>
	<title>Docomo Html</title>
	<style type="text/css">
	<![CDATA[
	a:link{color:#333333;},
	a:focus{color:#FF0099;},
	a:visited{color:#AAAAAA;}
	]]>
	</style>
</head>

<body style="color:#888888;">

<p>
<img src="img/pic_1.jpg" alt="pic1" width="80" height="120" style="float:left; vertical-align:top; margin-left:5px; margin-right:5px" />
画像1まわりこみも問題なし。画像1まわりこみも問題なし。画像1まわりこみも問題なし。画像1まわりこみも問題なし。画像1まわりこみも問題なし。
</p>

<p style="clear:both;">
<img src="img/pic_2.jpg" alt="pic2" width="80" height="120" style="float:left; vertical-align:top; margin-left:5px; margin-right:5px" />
<span style="font-size:x-small; color:#336633;" >画像2フォントサイズと色を変えてみた。floatを解除するにはpタグ等に'style="clear:both;"'を設定</span>
</p>

<p style="clear:both;">
<a href="http://google.com">リンク1</a><br />
<a href="http://google.com">リンク2</a>
</p>

</body>
</html>

画像に対するフロートやマージンが利いているところがミソですね。あと、font タグの代わりにspanタグを使う必要があったり、body タグに書いていた aタグの疑似要素をhead タグ内に書かなきゃいけないところは要注意。

ただ、これだとAUに対してはfloatが利かないですし、そもそもMova ユーザーだとi-mode xhtmlは見れないというわけで…。全キャリアほぼ共通仕様で書くためにはCSS的な機能をあきらめて、fontタグ等でやり過ごしていくのが賢明なようです。

あぁ、モバイルhtmlにWeb Standard が普及するのはいつになることやら…。

今回参考にしたページ

http://www.nttdocomo.co.jp/service/imode/make/content/xhtml/

http://q.hatena.ne.jp/1174467853

http://www.extype.com/gofa/archives/2005/10/foma.html

Categories: モバイル — @ 4:33 pm

The Adelholzener Oxygen O2 yoga campaign has started. Fill out a simple survey on your mobile phone (in Japanese) and have the chance of winning one of ten yoga sets.

Get more information here or directly access the mobile site with your qr code reader.

Categories: Campaigns, Cybermedia Projects — @ 10:33 am

company information

CyberMedia k.k.
Tech Hiroo Bldg 1F
Hiroo 1-10-5
Shibuya-ku, Tokyo
150-0012
tel +81(0)3-5423-5333
fax +81(0)3-5423-6654
email CyberMedia

Categories

cyber bloggers