まず裏返します。今回はソールの交換なので裏側の黒い部分をまずは剥がします。僕も初めてのときは結構勇気がいりました。しかし今回は二回目なので迷い無く。

メリメリメリッっと。

本来は故意に剥がすような場所じゃないので結構剥がしにくいです。ピンセットなど薄くてヘラの代わりになるものを使うと剥がしやすくなります。

剥がし終わったらエアパッドソールをペタペタペタと貼ってしまえば完了です。

貼り終わった後のマウスは冗談抜きによく滑ります。ノーマルのソールの約三倍(※当社比)くらい滑ります。すっごい滑るよ！の世界です。さっきまでは「このマウス重いなぁ」と思っていたのが「あー滑りすぎて確実にクリックできねぇ」レベルまで変化します。

当然ながら(マウスを動かすのが)重い状態から滑るように軽くなるので、使い心地に慣れるまではちょっと違和感がありますがすぐ慣れます(ソースは俺)。

きっとネットやPCが好きな僕みたいな者は、人生で一番長く握っていたモノが彼女の手ではなくマウスになるわけですし、少しでも軽い方が疲労も溜まりにくいんじゃないかなーと勝手に思いながら慣れていこうと思います。

いやーそれにしてもよく滑る。

[補足]Appleの純正マウスやlogicoolの一部マウスには専用のソールも発売されていますので、もしお買い求めの場合はそれを選んでみるのも良いかもです。

関連する投稿

• Magic Mouseが届いたからちょっと使ってみた
• Mac Book Proが届きました

(左からV550, VX Revolution(以下VX R), MX 620)

今回買ったのは一番左のV550です。

これに決めた理由はMac Book用のマウスということで、レシーバーが小さいマウスが欲しかったからです。レシーバーを装着すると。

こんな感じでちょこんと頭が出る程度なので、あまり気になりません。

ちなみに一番上の写真に写ってるマウスのレシーバーを比べると

(左からV550, VX R, MX 620のレシーバー )
という感じになり大きさは一目瞭然だと思います。Logicoolのマウスだらけなのは、MicroGearの使い心地が大好きだからです。

“新開発ホイール： MicroGear™プレシジョンスクロールホイール

MicroGearプレシジョンスクロールホイールは、2つのモードによって、容易なナビゲーションを可能にします。新開発のフリースピンモードを使用することで、長文の文書でも思ったとおりにすばやく移動することができます。
〜省略〜
スクロールした短い移動単位ごとに馴染みのあるフィードバックが得られるため、ユーザーは、リスト、スライド、個別のイメージなどを精確にナビゲートできます。
Logicool製品紹介より引用”

V550を使ってみての第一印象は「見た目感じより重い！」でした。よく調べもせずに小さいマウスなのでVX Rとおなじ単三電池1本かと思っていたら、実は二本使用だったので予想より重かったです。

またVX Rのような手のひらにフィットするように作られたマウスに手がなれているせいか、手のひらとマウスの間の空間が気になります。しかしまぁこれは慣れでしょうね。

ちなみに上の写真の左に写ってるMX620は握り心地自体は良いんですが、いかんせん僕の手には大きいのと単三電池2本というところで大きくて重くイマイチな感じでした。またVX Rは持ち運び時にレシーバーをマウス内に収納する事ができるのですが、VX Rより大きいボディのVN620でそれが出来ないというのもマイナスポイントです。

ちなみに僕はマウスを指先でつまみ手首を支点にして操作する人なので、手のひら全体で操作する人と比べるとマウスの重さが最大のネックとなります。

しかしうちのMX620は、ノーマルのソールを外してエアーパッドプロについてきたエアパッドソールを付けてからはネックだった重さ問題もいくぶん軽減しました。

↑の写真の白いやつ。これを付けると、マウスがまるで机の上を滑るような感じになって手首への負担が減るのでオススメです。

ちなみに一番上の写真に写ってるマウスパッドがエアーパッドプロなのですが、ソール単体でも十分な効果が得られます。（ソールは消耗します。一回張れば1〜2年持ちますが）

ちなみに僕のオススメはVX Rです。ボディは小ぶりで手にフィットし(まぁここは人それぞれですね)、MicroGearはもちろんZoomも合わせると8ボタンと多機能で、なんと単三電池1本なので重さが気になりません。ちょっとレシーバーが大きいですけどね。

とりあえずV550もクリップ&ゴー システムなる便利なもの(マウスをひっかけるドックを新品のMac Bookに貼る勇気が無いので僕は使ってませんが)もありますし、レシーバーが小さいという点だけでもノート用マウスとしては満足です。

関連する投稿

• 関連する投稿はありません。

なぜ今ごろまたMacが欲しくなったかというと、きっとiPhoneを買ったからでしょうね。iPhoneを使ってると何故か無性に欲しくなってしまい、今月初めにMac Book Proの新しいラインナップの発表に背中を押され、気がついたら電気屋さんで注文してしまいました。

13インチの2.53Ghzを買いました。思ってたより箱が小さくてビックリです。僕の中でMacはOS X 10.1.8で止まったままなので色々覚えることが多くて大変ですが、また１から勉強していこうと思います。

ちなみにキーボードはUSにしました。

KeyRemap4MacBookで設定を変えれば困ることはなさそうです。

これからはMacネタも何か書けたらいいなぁと思います。

関連する投稿

• マウスに早速エアパッドソールを貼ってみた。
• Magic Mouseが届いたからちょっと使ってみた
• iPhoneを買いました

双方とも装丁が同じ青系の色で、正方形を取り入れたデザインなんで意識して合わせてあるのかなと。とりあえず安い本ではないので、興味がある方はweb creatorsの6月号を読んでみてはいかがでしょうか。

ブログの方は書きかけのエントリーは何本かあるのですが、中々書ききることができません。まぁぼちぼち更新していこうと思ってますので、不定期ですがどうぞ宜しくお願いします。

関連する投稿

• 美しい日本語フォントAXISの商用利用できる試用版
• 無料で商用利用可能なメールフォームやCGI
• 横幅960pxのグリッドレイアウト
• 携帯サイトを作る前に読むべき本
• 今風のグラデーションを使ったボタンを作る方法 – 基礎

それでまぁXBOXのテイルズ オブ ディスペリアも一応クリアしたし(まだやってました)、やる事無いからやっとくかーというノリでアップデートしてみました。

念には念を押して、DBのバックアップを取り、プラグインからもバックアップを保存。

とりあえずやる事やったからと、FTPにwordpress2.7.1をぶち込んで放置・・・。

そしてそのままiPhoneをいじること5分ほど・・・。

あっ、プラグインを全OFFにしてない！

しかもテーマをdefaultに戻してない！

結果的になんか調子がおかしいです。またテーマもいじる必要があるので、新しいテーマを作るまでSandboxを使わせてもらおうかと思います。

前よりこっちの方が断然良いよねってのは言わない方向で。

関連する投稿

• [wordpress] – テーマ制作用メモ – 走り書き
• [Wordpress] – とりあえずテーマ作ってみました

もう２週間くらい前になるんですがiPhoneを買ってきました。関東では一括で１万円前後のような話をチラホラ見ますが、地方というか僕の住んでいる地域では19800円が一番安かったです。そのかわりなのか車で充電できるFMトランスミッターやケースなどのアクセサリ類を色々もらいました。

6月に新しいiPhoneの発表が・・・などの話もあるみたいですが、試しに実機を触るだけのつもりがそのまま契約しちゃいました。先日発表があったOS3も使えるようでし、まぁいいかなぁと。
「サイトを作るなら環境は古い方が良い」なんて強がってもみましたが、安くなったから買ったのはバレバレですけどね。

それで最近iPhone用のwebサイトを作ってみたりして遊んでいます。特定の機種や環境に絞ってサイトを作った経験がないので楽しいです。

結構HTMLの書き方が違うのでまだまだですが、safariの独自仕様やHTML5の勉強にもなりそうなんでボチボチ続けていこうと思います。

それにしてもサイトの見た目はなんとなく作れるんだけど、肝心の中身は何を作ればいいものか。こういうときに何らかのwebサービスが作れると良いんですけどね。”はてな”で見た「デザイナとHTMLコーダーはネットの一番楽しい所を味わえない」みたいな意見もやっぱ一理あるなと思ったり。

まぁ僕の場合は作る技術が無いどころか、作りたいモノも思いつかないんでもっと問題外ですが。まぁアイデアが空から降りてくるまで、サイト作りの基礎知識は身につけておこうと思います。

関連する投稿

• 横幅960pxのグリッドレイアウト
• 今週のweb制作情報まとめ | Web Design Scratch 01
• リキッドレイアウトの最大横幅を固定する-minmax.js
• サンプル系のページを移動しました
• [追記]CSSでロールオーバーをするときは

僕にいたっては午後になるとピント調整が困難になり、目の前にあるモニタにガンを飛ばしながら作業をする毎日です。たぶん遠くからみたら、モニタにメンチをきってるか薄目でモザイクの向こう側を見ようとしてる人にしか見えません。

それで以前からGigazine-蒸しタオルを使うと酷使した目の疲れが取れるというのを読んで、蒸気は目に良いというのは知っていたんですが、蒸しタオルがね・・・面倒というかなんというか。あの理髪店とかにある、蒸しタオルをストックできる機械があればいいんですけどね。

そういうわけで、どうにかお手軽な方法で目の疲れを取り除く方法がないかと考えていると、ドラッグストアで調度良さそうのを発見しました。その名も「めぐリズム 蒸気でホットアイマスク」。どうやら使い捨てらしく、写真のお姉さんが付けているアイマスクが5個入って500円前後でした。

装着してみてまず最初の感想は「こんなもんか」というのが正直な所。でもこれが2分くらいすると本当にアイマスクの裏側から蒸気が出てきます。目の上が濡れてないか心配になるくらい蒸気が出てきます。しかも結構長い時間それが続きます。

なぜ”結構長く”と書いたかというと、実はこれ気持ち良過ぎて寝ちゃうんです。元々寝付きが悪くて、そろそろ本気でドリエルでも飲もうかと思ってただけにこれは嬉しい。

でもこれ5個入りだから(１２個入りもある)1日1個使ったら5日で終了なんですね。昼と夜で1日2個使うとして、1個約100円だから、1ヶ月で約6000円ということになります。またそうなると大量にゴミが発生する事にもなるし。

というわけで、もっと安上がりで繰り返し使えるものって無いのかなぁと探したところ、なんとピッタリな商品を発見しました。

その名も「あずきのチカラ 目もと用」。あずきのチカラはめぐリズムと違って使い捨てではありません。ピローの中に本物の小豆が入っていて、レンジ(500w)で40秒チンすることで小豆から蒸気が出るという優れもの。微かに香る小豆の匂いも心地よいです。

ちなみに近くのドラッグストアで690円でした。これなら出費を抑えて、ゴミも増えなくてすみます。

使用感としては正直めぐリズムと比べると蒸気が弱いです。「めぐリズム」の蒸気パワーが10なら「あずきのチカラ」は6くらいな感じ。でもこれでもリラックスできて目が軽くなるので十分満足です。

しかし「あずきのチカラ」は、耳にひっかける紐が無いので、仰向けで使う事になります。小豆の重量で案外しっくりきますが、仰向け必至ということで使う場所は結構選びますね。

というわけでどちらがオススメかというと、どちらも一長一短です。めぐリズムは強力だけど使い捨て。あずきのチカラはちょっと弱いけど繰り返し使える。個人的には通常はあずきのチカラを使い、疲れている日は”めぐリズム”を使ってます。

人によっては使用感に違いがあったり、向き不向きもあるとは思います。しかし両方とも安いので、目の疲れで悩んでる方は1回試してみてはいかがでしょうか。

関連する投稿

• さくらレンタルサーバ－が弱点を克服？
• [PSP] God of warやってます

このブログもLightBox風のjavascriptが使えるように作ってます(面倒だからあんまり使ってないけど)。最初はLightBoxを使おうと思っていたのですが、やっぱりライセンス的にはもうちょっと緩い方がいいなと思い、lightboxのクローンであるslimboxを選択しました。当時はMooToolsだけだったと思うんだけど、MITの緩さがいいよね的なノリで。

だがしかし他のAjaxも使うとなると、使用するライブラリは出来るだけ統一した方がいいという事で、その後はjQueryのThickBoxを使うようになりました。

まぁそんなこんなで、先日はてブの整理がてらで久しぶりにslimboxのページを見てみると、なんとjQuery版がリリースされてるではないですか!

slimbox2.02
ライブラリ:jQuery
ライセンス:MIT

slimbox1.69
ライブラリ:MooTools
ライセンス:MIT

使うかどうかは置いといて試しておきたいと思います。

関連する投稿

• 無料で商用利用可能なメールフォームやCGI
• [フリー素材]New ipod nanoのアイコン
• [Webデザイン] YahooとgoogleのMap APIと銀行の地図
• webサイト制作用データ
• mediaboxとzoomifyで簡単に楽して画像をリッチに見せる

今回の記事は2008-12-07CSS Spriteで表現する角丸 | Commit Labの続きです。

これはCSS Spriteというテクニックを利用して作った角丸boxです。従来通りならば複雑になりがちな角丸のマークアップを、CSS Spriteで作る事ことによりシンプルで無駄なタグのない記述のhtml+CSSで角丸を表現しています。(IE5,5に対応するときはどうしてもdivが1つ増えますが)

文字の拡大にあわせてboxの縦が伸縮しますので、すぐにフレキシブルな角丸を表現出来ます。またデザインにおいても、htmlとcssのみで作られているので思いのままに装飾する事ができます。

今回は前回の問題点を修正しました。h2のheightをpxで固定していたのはやめて、line-heightのみで高さを調整しました。これで文字を拡大しても、H2から文字がはみ出す事はありません。

またH2にbackground-colorを与え、どれだけ拡大しても背景が途中で途切れないようになりました。

それに伴いCSS Spriteの画像を変更してます。横幅が1.5倍になりましたが、サイズは10バイト少々増えた程度です。またそれに合わせてCSSのbackgroundを変更しました。

今回使用している画像
sample（1色のみのサンプル）
sample2(5色のバリエーション)
Download:kadomaru.zip
動作確認：IE5.5 IE6 IE7 Firefox2 Firefox3 Opera9.62 Safari3 chrome0.4

body, div, address, p, h2 {
margin: 0;
padding: 0;
}
body {
font:100%/1.231 Arial, Helvetica, sans-serif;
padding-top: 30px;
text-align: center;
}

.contentbox {
width: 350px;
padding-bottom: 10px;
margin: 0 auto;
background: url(scbb.png) right bottom;
}

h2 {
width: 350px;
color: #fff;
font: bold 108%/1.9 'メイリオ',Meiryo,;
text-align: left;
text-indent: 1em;
background: #2C6EBD url(scbb.png) no-repeat left top;
}

* html h2 {
padding-top: 3px;
line-height: 1.8;
}

.IE55 {
width: 350px;
background: url(scbb.png) repeat-y center top;
}

p {
letter-spacing: 0.1em;
line-height: 1.5;
font-size: 83%;
padding: 7px 15px 0px;
text-align: left;
}

img {
float: left;
margin: 10px 15px 0px 10px;
}

.justify {
text-align: justify;
text-justify:inter-ideograph; /* IE独自 */
}

<div class="contentbox">
<h2>ipod nanoのアイコン</h2>
<div class="IE55">
<p class="justify">テキスト段落1</p>
<p class="justify">テキスト段落2</p>

</div>
</div>

IE5.5に対応しない場合はdiv=”IE55″ごと削除が可能。しかしその場合はDIV=”IE55″のbackgroundをPに設定(コピペ)する必要がある。

関連する投稿

• 横幅960pxのグリッドレイアウト
• 今週のweb制作情報まとめ | Web Design Scratch 01
• リキッドレイアウトの最大横幅を固定する-minmax.js
• サンプル系のページを移動しました
• [追記]CSSでロールオーバーをするときは

携帯サイト Coding&Design
高木 悠介 (著)

この本は携帯サイト制作の入門書です。僕の仕事は今のところPC用サイトが中心なんで、差し迫って携帯サイトについて勉強しなければならないわけではないんですが、前々から携帯サイトの作り方には興味があったので今回この本を読んでみました。

この本の良いところは、僕のようなPCサイトはそこそこ作れてHTMLとCSSをある程度理解している人に対して書かれている事です。ですので、今までPC用サイトを含めwebサイトを作った事がない人にはちょっと敷居が高いかもしれません。

しかしwebサイトを作りなれてる人にとっては、PCサイトの作り方を例に出しながら携帯サイトの作り方を説明してくれるのでとても理解しやすいです。

また誰もが頭を悩ませるキャリア別の表示結果も3キャリアの実機の写真を用いて説明してくれるので、作りなれない間はそれを見るだけで実機確認が減り、無駄な時間を減らす事が出来るでしょう。

何より一番ありがたいのは、携帯サイトならではの文字の使い方のノウハウ。これはちょっとやそっと作ったくらいでは気づかない部分なのでそのページだけでもお金を出す価値があると思います。

興味が沸いた方は、一度アマゾンのレビューに目を通してみてはいかがでしょうか。

Amazon – 携帯サイト Coding&Design 高木 悠介 (著)

関連する投稿

• 美しい日本語フォントAXISの商用利用できる試用版
• 無料で商用利用可能なメールフォームやCGI
• 横幅960pxのグリッドレイアウト
• 今風のグラデーションを使ったボタンを作る方法 – 基礎
• 今週のweb制作情報ランキング | WDS 04