カテゴリー別アーカイブ Misc

「Web標準テキスト(2) CSS」という本が出ます

この記事が属するカテゴリー
Misc

2008 年 1 月 12 日に技術評論社より刊行される「Web標準テキスト」シリーズ 3 冊のうち、「(2)CSS」の執筆を担当させていただきしました。「Web標準テキスト」シリーズは、大藤さんが執筆された「HTML/XHTML」、古旗さんが執筆された「DOM Scripting」、そして僕が執筆した「CSS」の3冊で構成されており、それぞれ基礎から丁寧に解説しています。書店で見かけたら、是非とも手にとってご覧になってみてください。

Web標準テキスト(1) DOM Scripting 表紙
Web標準テキスト(2) CSS 表紙
Web標準テキスト(3) HTML/XHTML 表紙

「Web標準テキスト(2) CSS」について

今回執筆させていただいた「Web標準テキスト(2) CSS」は、これから CSS を学びたい方や、オーサリングソフトの WYSWYG だけでなくハンドコーディングを行えるようになりたい方、もう一度基礎を確認したい方など、どちらかと言うと初心者寄りをターゲットとして、CSS の基礎から段組レイアウトまでを分かりやすく解説しています。

例えばセレクタを解説する項目では、必ずしも正解がひとつではないセレクタのユースケースとして、あるサンプル文書内の特定要素を選択する際に、最低限考えられるセレクタをいくつか挙げ、それぞれの詳細度とともに解説していたりします。そんな感じで、比較的基礎部分にページを割いているので、マニアックでディープな Tips 関連などは避けていますが、知っておくと役に立つかもしれない情報は載っているかと思います。

謝辞

こうして無事に刊行の運びとなったのも、ひとえに編集者さまの力添えのおかげです。この場を借りて今回の書籍に関わってくださったすべての方々にお礼を申し上げたいと思います。また、執筆中は何かとIMで相談にのって頂いた 2xup.org の goya さん、ありがとうございました。

刊行までのアバウトな流れ

  1. ホップ本が脱稿して間もない 2007 年 1月のはじめに執筆のお話をいただく
  2. いやー、ホップ本がまだ校正中なんす
  3. 技術評論社にて直接お話を伺う
  4. これは自分のためにもやっておいた方が良くね?という結論が俺の中で出たので快諾する
  5. なんだかんだでゴールデンウィークから執筆を開始するも、なかなか進まない
  6. なにこのプレッシャー。おなか痛い
  7. 7月末脱稿予定が 1 ヶ月延びる
  8. 締め切りの 8月末に RS ウィルスにかかって一週間寝込む
  9. 10 日遅れで本文脱稿
  10. 本業に忙殺されて 30 点弱ほどの未作成の図版を 1 ヶ月ほど忘れる
  11. 涙目で図版作成
  12. 校正。初校より再校の方が赤が多いって、俺バカスwww
  13. 校了!
  14. 久々の更新なのに宣伝乙!←今ここ
  15. この刊行までの流れは書かない方が良かったんじゃないかと後悔する

2007-12-27T23:27:07+09:00 | コメント (9) | トラックバック (1) |はてなブックマーク

第二子が誕生

この記事が属するカテゴリー
Misc

非常に私事なご報告なんですけれども、第二子が誕生しました。「俺のベイビー」(by 真木蔵人)は 21日の朝に予定日より一週間遅れて無事に生まれました。やっぱりと言うか何というか、第一子の時ほどの大きい感動があったかと問われれば、まあそこは、ほら、あれでしょ?的に濁したくなる感じではあるのですけれども、とりあえずは無事に生まれて良かったです、はい。後は、明らかにワーキングプアに僕まっしぐらな現実をどうにかしなければいけないという命題が残っています。

  • myBaby.jpg

そうそう、今回とても不思議だったことは、最初に子供が出来たことを感じ取ったのが、当時4歳になったばかりだった長女だったってこと。母親の絵を描いて、お腹の所にぐるぐるっと黒い丸を描いて「これ赤ちゃん」って。カミさんと二人してのけぞって、調べてみたら本当だったってゆう。ほんと子供は不思議だなあ。

2007-05-22T23:28:58+09:00 | コメント (18) | トラックバック (0) |はてなブックマーク

Hop or die! @ 六本木

この記事が属するカテゴリー
Misc

もう参加された方々からレポートなんかも書かれてたりしますが、5 月 3 日に iwaim さんの馴染みのお店である六本木のベルギービール専門店「BELG AUBE(ベル・オーブ)」にて行われたホップ本出版記念にかこつけた飲み会に参加しました。参加というか誘っているいる方ですが。

参加者

そもそもは、ホップ本も無事出版できたんで次はやっぱ出版記念パーティーっしょ?っていう流れから、どうせならお会いしてお話したい webdev 方面の方々も誘おうってな感じで、モリモリと盛り上がってゴールデンウィークに開催!ってなった訳で。当然ながら参加者全員のブログは購読させて頂いているんで、お会いするのが非常に楽しみでした。

当日の流れ

  1. 新宿にて著者 3 人で 0 次会。感慨深げに語り合う。(エロ話あり)
  2. 六本木に向かうべく大江戸線に乗るが、何故か新宿駅に舞い戻る(謎)
  3. 著者 3 人が遅れるという大失態。ごめんなさい。
  4. いやー、まあビールがウマス。マジで。
  5. 何故かみんなでサイン会。
  6. kotarok さん遅れて登場。
  7. ここには書けない毒 Talk。楽しい。
  8. 川島さんと木達さんがお互い頼んだビールを間違って飲んでいたことを飲み終わった頃に気づく。
  9. 数々の名言が発せられる。(ケツは飾れない etc)
  10. ドメイン名由来のお話。オチは当然木達さん。
  11. 恥ずかしい自分の過去を無駄にバラす。
  12. 名残惜しいけど時間が来たので解散。
  13. katsuo さんから「声がいいっすね」と言われて妙に照れる。
  14. goya さんが寝過ごして東武動物公園まで行ってないか心配しながら帰途につく。

やっぱ、リアルに会ってお話するってのはすんげぇ刺激になった。さて次は巣鴨か!?(謎)

2007-05-06T22:05:24+09:00 | コメント (6) | トラックバック (0) |はてなブックマーク

RE: 正しくHTMLを書こうと心がけている人に5つの質問

この記事が属するカテゴリー
Misc

今日までに片づけなければいけなかったものが何とかなりそうで、ちょっと時間ができたので正しくHTMLを書こうと心がけている人に5つの質問 : 雑記帳 : der Gegenwartに答えてみるよ!

  1. HTML文書を制作する際に使用しているプログラムをお答えください。(Webプログラムも含む)
    ウィンドウズ環境では TeraPad、ガッツリ作るようなのは Dreamweaver をコードビューで。マックな環境ではちょっと前までは mi だったけど、今は skEdit。これ最強。ここを生成しているCMS は Movable Type。
  2. 採用しているDTDとその理由をお答えください。
    このサイトでは XHTML 1.0 strict。今んとこ ruby を使う必要がないため。使いたくなったら変える。仕事で作るときはケースバイケース。
  3. 何故正しくHTMLを書いているのですか?
    正しく書くことはそれほど難しくないし、少なくとも正しくない HTML を書いているよりかは何か得をするかもしれないと思うから。
  4. W3CとWHATWG、どちらに期待してますか?
    最終的によりよい仕様にまとまってくれればどちらでも。
  5. あなたにとってHTMLとは何ですか?
    WWW に文書を公開するためのひとつの手段。

しかし、回答内容よりもこの質問への回答をどうマークアップするかの方が悩んだりしてね。「正しくHTMLを(中略)5つの質問」に対する回答一覧とか見ると、マークアップの仕方も人ぞれぞれで、正解が無いのが面白い。

2007-04-13T17:45:10+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

web creators 5月号の記事をちょこっと書いた

この記事が属するカテゴリー
CSS Misc

web creators 5月号の巻頭特集「プロパティ別スタイルシートデザイン帖」にちょこっとだけ書いた。ほんとにちょっとだけなんで、相当探さないと分かんないかもしれないけど。今後も機会があれば書かせて頂く予定です。

web creators 5月号の表紙

んで、せっかくだから記事で使ったサンプルを公開しておく。なんだかさっぱり分からないかもしれないけど、そんな人は web creators 5月号 を読んでください。そんで、もっと色々と勉強したいと思ったら、拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」を買うといいと思います(ぉ

「プロパティ別スタイルシートデザイン帖」で使ったサンプル

2007-03-29T22:17:53+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

「実践 Web Standards Design」という本を書きました

この記事が属するカテゴリー
Misc

お知らせというか宣伝。九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせて頂きました。3ping.org の wu さんと hxxk.jp の真琴さんとの共著です。2007 年 2 月 23 日頃 から書店に並び始めるみたいです。Amazon にはまだ載っていないようです。ちなみに、カバーデザインを見せて頂いた瞬間から執筆者の間では通称「ホップ本」(真琴さん命名)ということになってます。たぶん。

「実践 Web Standards Design」のカバー画像
  • 書籍名 : 実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips
  • ページ数 : 436 ページ
  • 定価 : 3,200 円

最初に wu さんから共著のお誘いを頂いたのが 2006 年の 5 月頃。6 月に行った打ち合わせ後の著者 3 人での飲みは、気のせいかもしれないけど下ネタで終わったような気もします。そして、7 月頃から執筆作業に入り、2006 年内刊行予定だったのが色々とあって、結局、総ページ数 436 ページとボリュームアップしてようやく刊行の運びとなりました。

九天社の大内さん、および出版に関わった全ての方々にこの場を借りて感謝申し上げます。特に大内さんには色々とご迷惑をおかけしました。著者校を 2 回もとっていただき、おかげさまで納得のいく校正ができました。

書籍の内容

内容としては、真琴さんが (X)HTML および CSS の基本を仕様面から解説、wu さんによる float や position によるレイアウト方法の解説、またそれらの実践的なレイアウトパターン、そして最後に Tips ってな感じです。著者 3 人の特徴が良く出ている構成になっていると思います。

Tips では、このサイトで紹介しているものもありますが、それらについては、より詳細に解説していたりします。Tips の内容をそのまま使って頂いても良いのですが、そこからヒントを得て他のアイデアに応用したり、肝となる部分のコードを抜き出してガリガリとコードを書いてみたりしてください。たぶん、色々と見えてくるものがあると思います。最後に、目次を載せておくんで購入の参考にしてください。

「実践 Web Standards Design」の目次

  1. 1 章 Web Standards の基本
    1. Web Standards とは
  2. 2 章 (X)HTML の基本
    1. HTMLXHTML に共通して覚えておくべきこと
    2. HTMLXHTML における違い
    3. (X)HTMLはまず文章ありき
  3. 3 章 CSS の基本
    1. これだけは守らなければならない書式
    2. 心がけるとメンテナンスしやすい書式
    3. CSS 管理のコツ
    4. 視覚整形フォーマット
  4. 4 章 float プロパティを利用したレイアウト
    1. 寄せと流し込み
    2. 重なったブロックボックスにマージン
    3. 複数フロートの横並び
    4. ネガティブマージンを利用したレイアウト
    5. float プロパティを利用したレイアウトの使い分け
    6. フロートしたボックスを含む親ボックスの高さの算出
  5. 5 章 position プロパティを利用したレイアウト
    1. 指定できる 4 つの配置方法
    2. 絶対配置を利用したレイアウト
    3. 固定配置を利用したレイアウト
  6. 6 章 実践レイアウト
    1. レイアウトパターン
    2. 複合レイアウトで情報を整理したブログページの制作
    3. ボックスを自由に配置したページデザイン
  7. 7 章 XHTML&CSS Tips
    1. トピックパスのマークアップ
    2. outline プロパティによるドロップシャドウ
    3. Mac OS X の Dock 風ナビゲーション
    4. CSS による自動番号付け(カウンタ生成)
    5. CSS でフォトギャラリー
    6. アイコンリモート表示メニュー
    7. CSS を使って画像をポップアップ表示
    8. CSS だけで動作するドロップダウンメニュー
    9. 背景画像を利用したロールオーバー効果
    10. visibility プロパティを利用して img 要素をロールオーバー
    11. さまざまなブラウザでフォントの見栄えを揃える CSS ライブラリ
    12. IE 6以下での子供セレクタの使用
    13. 印刷用 CSS の作成
    14. line-height プロパティの指定値
    15. 定義リストの dt と dd を横並びさせる
    16. 背景画像を利用して訪問済みリンクを一工夫する
    17. img 要素のサイズを CSS で指定
    18. position プロパティを利用して要素を画面中央に固定
    19. position プロパティでフッタを常に画面の下部に固定
    20. 行ボックスの高さで垂直センター配置
    21. 背景画像を利用した画像置換
    22. リンク先のファイルタイプを CSS で明示する
    23. CSS でフォームをスタイリング
    24. モダンブラウザ向けの CSS ハック
  8. Appendix
    1. DTD の読み方ガイド
    2. DOCTYPE スイッチの一覧表
    3. CSS 2.1 の各プロパティリファレンス

関連エントリー

2007-02-20T23:00:00+09:00 | コメント (16) | トラックバック (6) |はてなブックマーク

ldR の購読者数が Bloglines を抜いた

この記事が属するカテゴリー
Misc

色々とやることがあってここ最近放置気味だったこのサイトだけど、いつの間にやら livedoor Reader の購読者数が Bloglines の購読者数を抜いてた。

Feedbuner.jpによるリーダー別購読者数のグラフ

あまり更新していないのに何故か購読者数が増えてるみたいで、おかげさまで FeedBurner.jp 利用サイトの購読者数トップ 1 をここ4 ヶ月ほどキープ出来てる模様。

ここの更新頻度が低い状態はもうしばらく続きそうなんだけど、どうでも良い内容のものは VOX の方でチマチマと書いてたりして。

何が言いたいのかというと、つまりは、まぁ色々と頑張っています。

2006-09-05T00:29:04+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

最近のシューゲイザーとか

この記事が属するカテゴリー
Misc

ここんとこ、またシューゲイザーな音楽が自分の中で盛り上がってきたりして、マイブラとか curve、初期のコールター・オブ・ザ・ディーパーズなんかが、iPod でヘビロテ気味。そんなんで、チェックしていなかった最近のシューゲイザーってどうなんだろって思ってたら、すんげぇグッドなタイミングでタワレコで手に取った bounce に紹介されてた。

bounce では、AMUSEMENT PARKS ON FIRE がネオ・シューゲイザー(=ニューゲイザー)なんて紹介されてて、併せて最近の要注目なシューゲイザーがいくつか載ってた。そんな中でそのうち購入しちゃおうかしらと思ったやつ。FLEETING JOYS とか、もろにマイブラ。

AMUSEMENT PARKS ON FIRE
YouTube - Amusement Parks On Fire - Venus In Cancer
FLEETING JOYS
YouTube - Fleeting Joys - The Breakup
ASTROBRITE
Independent Record Label :: Vinyl Junkie » BANDS
ASOBI SEKUSU
www.myspace.com/asobi
SERENA-MANEESH
www.myspace.com/serenamaneesh

検索すればすぐに聴くことができるなんて、インターネッツってスゲェですね。

2006-08-05T14:55:43+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

PC が逝った

この記事が属するカテゴリー
Misc PC

昨日、普段使用しているレッツノート Y2 がぶっ壊れた。明日の午前中にパナに引き取られる予定。会社にも持ち込んでたりして、使用頻度が高かっただけにかなり痛い。つか、マジへこみ。もうね、昨日は酒呑んで不貞寝。

昨日は、バージョン 7 を含む IE 向けの CSS ハックを整理した記事を書こうと思って、テストページなんかもガリガリ書いてたんだけど、突然 HDD が "カコン" とか鳴って、その後なんかシャリシャリと異音が聞こえたかと思ったらハング。しばらく様子見してたら、画面が真っ黒になって Operating System not foundってなエラーメッセージが表示されて、そのまま、セーフモードだろうが何だろうが、もう二度とブート出来なくなった。なんか、HDD のヘッドがあがったままになっちゃってんのかも。HDD の交換かなぁ。買ってから、まだ 2 年弱なのに。

データが消えて真っ青になるような仕事のデータは多分無いと思うんだけど、残念なのは、このサイトの今までのデザインの CSS とか PSD データとか作りかけの CSS とか、あとはGmail を使う前のメールデータとかか。ついてねぇ。

2006-05-30T23:53:38+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

リサイズしてドロップシャドーをつける Photoshop 用アクション

この記事が属するカテゴリー
Misc web&blog

以前、一括して変換する必要があった時に作った Photoshop 用のアクションを公開してみる。なんか、別に大したことしてなくて、Photoshop いじってる人だったら誰でも簡単に作成できちゃうようなもんだけど。

開いている画像をリサイズして 4px のドロップシャドーをつけるだけ。アクションは 3 種類あって、それぞれ影を含んだ状態で横幅 100px、200px、300px で縦なりゆきの 3 パターンのサイズにリサイズするようになっている。

100px のサンプル
100px での作成例
200px のサンプル
200px での作成例
300px のサンプル
300px での作成例

ダウンロードして解凍した shadow.atn を、Photoshop のアクションパレットから「アクション読み込み」で取り込むと、3 種類のアクションがセットとして表示される。適用したい画像を開いた状態で、希望のサイズを選択してアクション再生でズギャンと作成。後は、お好みの画像フォーマットで web 用保存するなりなんなりと。あと、サイズとか影の調子とかで気に入らないとこは、アクションを編集して変更すれば良いかと。

一応、対応しているPhotoshop のバージョンは、カンバスサイズを相対でサイズ変更可能になった Photoshop 7 以降だと思う。多分。特に色んなバージョンで試してないから分かんないけど。

2006-05-02T12:52:49+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

サイトに関するちょっとしたお知らせ

この記事が属するカテゴリー
Misc

FeedBurner に移行

フィードを FeedBurner.jp で焼くことにした。すでに 1 月末にフィード作って登録してたんだけど、色々と忙しくなっちゃってそのまま放置してた。ちなみに URI は下記のようになってます。

Redirect して ステータスコード 301 返してるんで、アグリゲータの方で特に変更する必要はないと思う。とりあえず、RSS2.0 をベースに要約だけで無く、content で全文つっこんでみた。関係ないけど、公開する前から bloglines の subscribe 数が自分以外に 5 ユーザいたりして何かのけぞった。

サンプルページを集めたページを作成

今まで作ったサンプルページを集めたページを作ってみた。

過去に作ったサンプルページを確認したいって時に激しく面倒だったって事と、埋もれてしまった過去のものを掘り返すって事で、各サンプルページをカテゴライズして適当にまとめてみた。本当に適当だから、もうちっと整理してみるけど。

そうそう、古いサンプルページも全て appendix ディレクトリ下に移動しちゃったんで、サンプルページをブックマークしていた人はゴメンなさい。あとから気付いた :-P

2006-03-30T12:49:14+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

ゲームと娘

この記事が属するカテゴリー
Misc

3 歳半になる娘を今虜にしているのが、ディズニーキャラクターが数多く登場するゲーム「キングダムハーツ」。プレステ 2 の アナログスティックを小さな手で巧みに操作し、敵を倒してイベントをクリアしてんのを見ると、なんかスゲェなって思ったりして。彼女の場合はゲームをプレイするのが楽しいって言うよりは、どちらかと言うとディズニーの各キャラクターに会えるのを楽しんでいるっぽい。その楽しみ方は例えば FF12 でのガンビットの組み合わせを試行錯誤するのが楽しいとか、ライセンスをどう取得させていくか考えるのが楽しいとかってのとはまるで違う次元だ。

100 エーカーの森へ行き、プーの家へ入りこんでおもむろに窓を開け放ったり、戸棚を開けてみたり、鳩時計ならぬ熊時計を何回も鳴らして、それに合わせて自分も飛び跳ねてみたり。テレビの中や絵本の中だった世界へ入り込んで触ることができる。擬似的とは言え彼女にとってそこはリアルに存在する世界だ。こりゃ脳内麻薬出まくりだよなぁとか思った。

そんな娘が今日もまた小さい手でコントローラーを握りしめて目を輝かせている。そして、その横で FF12 のロムを手に順番待ちをしている俺がいますが、何か?

2006-03-25T10:25:46+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

明けましておめでとうございます

この記事が属するカテゴリー
Misc

引き続き、たいして役に立たないこと、愚にもつかないことを垂れ流していく所存でございます。本年も宜しくお願いいたします ;-)

A Happy New Year!!!! 2006

今年の目標
転職

自分をレベルアップさせるために、転職という選択肢もありかなと思ってたり。まぁ、あれだ、雇ってくれるとこ探すのが大変そうですけども :-P

2006-01-01T11:41:47+09:00 | コメント (5) | トラックバック (0) |はてなブックマーク

違和感のあるフォトギャラリー

この記事が属するカテゴリー
Misc

デジタルなデータなんてものは、いくらでも手を加えて改変することが出来るんだなぁとか改めて思わせてくれるフォトギャラリー。

フォトショップで画像の一部を消し去っているんだけど、ここまでやるにはかなりテクニックいる。簡単なものだったらスタンプツールだけでもいけるんだろうけど、ここまでは出来ない。

2005-12-27T11:00:44+09:00 | コメント (2) | トラックバック (1) |はてなブックマーク

iTunes のライブラリからオーディオ署名を作成

この記事が属するカテゴリー
Mac Misc web&blog

iTunes のミュージックライブラリを利用して、再生回数や割り当てたレイトなどの情報からその人の好みの曲を抽出してオーディオ署名を作成してくれる iTunes Signature Maker ってのがあるんだけど、試しに作成してみたら超イントロクイズドレミファドン!なミキシングぶりに軽くのけぞった。

iTunes Signature Maker (iTSM) analyzes your music collection and creates a short audio signature to represent who you are and what you listen to.

実際にオーディオ署名を作成する前にいくつかの設定が出来るんだけど、とりあえずデフォルトのままでやってみた。

itunes-signature-maker.png

作成が完了すると WAV ファイルが出来上がる。そんでもって出来上がったのがこんな感じ。playtagger を仕込んでるんで、再生ボタンで聴けるようになってます。

なんか、最後の方にマックの音量を調整したときの"ピコッ"って音が入ってて、そう言えばオーディオ署名作成中に消音を解除したような気がして、もう一回聞き直したらやっぱあの"ピコッ"って音で激しく萎えた。とりあえず、含まれている曲が一曲でも分かった人はネ申認定で。

2005-12-10T11:28:36+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

カーボンヒーターを買う時のポイント

この記事が属するカテゴリー
Misc

昨年の今頃は、ハロゲンヒーターが暖房器具売り場を席巻していた訳だけど、今年はそれに代わってカーボンヒーターが目玉商品らしい。ハロゲンヒーターなんてほとんど見ない。んで、今日そのカーボンヒーターを買ったった。

ハロゲンヒーター

このカーボンヒーターっつうのは、熱伝導率の高いカーボンを利用してるだけあって、約 2 秒ほどであっと言う間に暖かくなる。カーボンヒーターを買う時に気をつけなければいけないのは、使用されているカーボンが国内製か中国製かってこと。注意してよく見てみると色が全然違う。中国製カーボンはホント真っ黒で、国内製カーボンは濃いグレーってのが分かるはず。分かりづらいけど、この写真は国内製のカーボン。

国内製のカーボン

同じカーボンでも実は暖かさが全然違うらしい。例えば、ほとんどのヒーターには 450W と 900W の 2 モードがあったりするんだけど、中国製カーボンの 900W の暖かさは 日本製カーボンの 450W 相当しかない。使用する電気代は、450W で 1 時間約 10 円、900W で 1 時間約 20 円くらいになるんで、こりゃ庶民にとってはでかいっす。つうことで、カーボンヒーターを買う時は、使われているカーボンが国内製である事を確認してから買った方が良い。って Y 電気の店員さんが言っていたですよ。

2005-11-20T19:42:48+09:00 | コメント (7) | トラックバック (5) |はてなブックマーク

iPod 5G(with video)が届いた

この記事が属するカテゴリー
Mac Misc

我慢できずに勢いでポチッと注文していた iPod 5G(with video)が、25 日(火)の昼に届いてた。14 日(金)の夜に注文してたから、ちょうど 7 営業日で届いたことになる。

ipod_g5.png

んでもって、そんな日に限って 22 時過ぎまで残業。23時半頃に帰宅して、晩飯を流し込んで 0 時頃からライブラリの転送を開始。Firewire を廃止しやがったおかげで、自宅の G4 Cube タン からは USB1.1。1018 曲、およそ 4.41GB の転送に約 2 時間弱、1 曲につき 5 〜 8 秒くらいか。家の CD を全部エンコしてたら、大変なことになるとこだった。つか、もう 2 時過ぎてんじゃん。動画は明日以降だな。

2005-10-26T02:18:09+09:00 | コメント (8) | トラックバック (1) |はてなブックマーク

コンビニで iPod が買えるようになる?

この記事が属するカテゴリー
Misc

巷では、12 日の Apple の発表が注目されていたりして、多分ビデオ再生可能 iPod は無さそうっつう僕の予想と、どちらにしろ第 5 世代の iPod であれば買ってしまうかも知れないなんて事はどうでも良い事なのだけれども、Apple 関連でちょっと気になる噂ってのが、10 月末頃までにセブンイレブンで iPod が買えるようになるかも知れないって事。

7-Eleven plans on selling iPods in Japanese its convenience stores by the end of October.

セブンイレブンの店頭で注文すれば 2、3 日で商品が届くらしい。これ実現したら Apple 一人勝ちが加速するのは間違いないなぁ。ま、ネタ元とされる UPI のレポートNot Found になってるんで、真偽のほどは分からないけど。

2005-10-11T10:37:04+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

フォトショップのチュートリアルサイト

この記事が属するカテゴリー
Misc web&blog

フォトショップ持ってるんだけど、イケてるっぽいウェブ用素材の作り方が分からないとか、フィルターを使った加工方法が分からないって人は何下に多いのかもしれない。かと言って、教則本は値段もそれなりにするし、必要としないチュートリアルも載ってるんで、なんだかなぁって思っている人は Tutorial Select.com を一回覗いてみると良いかもしれない。

tutorialselect.com

無料のチュートリアル

このサイトではフォトショップだけでなく PHP や Flash などのチュートリアルを様々な人たちが投稿してくれているんだけど、一番多いのはフォトショップ関連。もちろん海外サイトなんで解説は英語なんだけど、画像付きで解説しているんで英語分かんなくてもなんとかなっちゃう。多分。恐らく。もしかしたら。

とりあえず、上部メニューから「Top viewed tutorials」へ行くと、閲覧されている数が多い順にソートしてあったりするんで、ここら辺をつらつらと眺めてみて、ウェブ用素材に関わらず自分的に役に立ちそうなチュートリアルを探すってものありかも。例えば、ボタン風なバナーの作り方なんてのは、「Cool button」なんかが参考になりそう。

2005-10-04T23:16:47+09:00 | コメント (1) | トラックバック (2) |はてなブックマーク

このサイトの誕生日

この記事が属するカテゴリー
Misc

このサイト始めてから今日でちょうど 1 年が経った。1 年なんてホントあっという間なのね。つうことで、とりあえず上っ面の雰囲気を変えてみた。

今月に入ってから、時間があるときにフォトショップでチマチマとモックアップを作ってたんだけど、如何せん最近は時間がなくてどうにもはかどらなく、納得のいかないまま今日になっちゃった。右サイドカラムの部分なんて何も思いつかなかったんだけど、もういいやって感じで見切り発車。おいおい手を加えていく予定。とりあえず、マック IE は対象ブラウザのスコープからは外してしまったんで、マック IE な環境だと若干しょっぱい感じになってるんだけど、閲覧するにはそれほど障害はないはず。

デザインを変えるにあたって

今回は、最初から使いたい色を決めていた。honeydew3(#C1CDC1) と honeydew4(#838B83) に惚れて、この色をどう使うかって所から膨らませてていった。今回も可変レイアウトな訳だけど、前回は両サイドの余白部分は左右 40px 固定だったのを、両サイドの余白も可変にした。んで、余白可変の場合って、div を増やさずに上左右に影をつけるようとすると激しく面倒。とりあえず、スライスして下図のようにブロック要素に割り当てていった。

newdesign_sample.png

基本的には前回の CSS をベースに弄ってるんで、レイアウト的に大幅な変更は無く、部分部分は前のままだったりするんだけど、そこら辺も時間があるときに変えていきます。多分、所々崩れているとこがあるかもしれないんで、気が向いたら教えてください。ちなみに IE でサイト内検索すると結果ページが崩れてるのは確認済み。

まぁ、そんな感じで良く分からないけど、これからもよろしくおながいします ;-)

2005-09-30T21:12:10+09:00 | コメント (12) | トラックバック (0) |はてなブックマーク

iTunes ミュージックビデオをダウンロードする方法

この記事が属するカテゴリー
Misc web&blog

iTunes ミュージックストア上のミュージックビデオをローカルに落とす方法ってのを試してみた。

ミュージックストアの左メニューに『ミュージックビデオ』メニューがあるんだけど、日本のミュージックストアにはまだまだビデオが揃ってない。一方、米国の方とかだと今日現在で 596 本あったりするんで、そっちで試してみた。

  1. ミュージックストアの左メニューから『Music Videos』を選択する。

    music_video_menu.png

  2. 登録されているビデオがサムネールで表示されるんで、落としたいビデオを選択する。
  3. small もしくは Large 上で右クリック -> "iTunes ミュージックストア URL をコピー"

    music_video.png

  4. .:UNEASYsilence:. - iTunes Music Videos」へアクセスし、URL をペーストして "submit"
  5. 表示されたリンクを右クリックからローカルに保存してウマー

実際に The Chemical Brothers のビデオを落としてみたところ、Small のファイルサイズは 5.56MB、 Large で 43.2MB くらいだった。

2005-09-27T13:44:29+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

「釈云麦」

この記事が属するカテゴリー
Misc

いやね、もう堪らなくハマっている麦焼酎があって、その名も「釈云麦(じゃくうんばく)」ってやつで、麦焼酎ってそれほど好きなわけじゃなかったんだけど、これがもうね、ヤバイくらいに旨い。酒屋とかまわってみたんだけど何処にも売って無くて、もうこれはインターネッツのお力を借りるしかねぇとか思った。

釈云麦は蔵元の意向によりインターネットでの販売は致しておりません。販売は対面販売のみとさせて頂きます。

ぎゃぼっ

この「釈云麦」が地元の飲み屋に置いてあって、友人達と飲みに行った時はもうベロンベロンになるまで飲みまくる。なんつうか、飲んだ時に麦の深い香りが鼻にぬける感じで、焼酎の味の違いが全然分からないって人からすると、「何これ麦茶でしょ」ってなぐらい麦がキタコレ!麦好きには堪らない一品この上ないとか日本語が怪しくなるくらい深いずら。

その飲み屋の常連と化している友人がマスターに 720ml をお裾分けしてもらってたんで、おこぼれに預かりたいと思っている次第。ソッコーで空けられてる可能性大だけど。

2005-09-10T15:23:28+09:00 | コメント (7) | トラックバック (2) |はてなブックマーク

レーザーで投影する 3D ディスプレイ

この記事が属するカテゴリー
Misc

ぶはっ、とうとう 3D のディスプレイが登場した模倣。販売に関しては、すでに限定数でのリリース準備が完了しているみたい。(なんか開発した会社のサイトへは繋がりにくくなってる。)

heliodisplay.png

なんかカッケェっす。 空気中にレーザーで映し出すって仕組みらしく、インタラクティブなアプリケーションによって、マウスの代わりに指で制御できるようにするらしい。映画で見てた様な世界が、もうすぐそこまで来てたのねん。

2005-08-20T13:51:49+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

オリジナリティがあるって事は羨ましいよねって話

この記事が属するカテゴリー
Misc

masa4.net を見た時は確かに「あ、hail2u.net そのまんまだな」とか思ってたんだけど、真琴さん( hxxk.jp )のアーティクル(これ言ってみたかった)を見て、やっぱ他の人もそう思ってたんだってのが分かった。

んで、それが許可を得ている・得ていないとか許す・許さないって事に関しては特に何の意見もないんですが、それよりも、色味を変えていても同じデザインだってのが一目見て分かってしまう hail2u.net のオリジナリティがスゲェんだなって。それ故、masa4.net の中の人がそのスタイルを被せたいって思ったんだろうしね。

パクられるって事はそれだけステータスが高いと思われているってことだから、自分なんかは逆にパクってもらえたら嬉しかったりするけれど、色変えちゃえばパクったことが分かんねぇ可能性大。まぁ、頑張れよ俺ってことです、はい。

2005-08-19T18:24:30+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

盆休み中のいわゆる日記のような駄文

この記事が属するカテゴリー
Misc

5 日間の盆休みも今日で終わり :-( 休み中には、早々と娘の七五三の写真を撮りに写真屋へ行って来た。最近、趣味として写真とか良くね?とか思ってたりして、モーレツに一眼のデジカメが欲しい度が高まってたんだけど、仕事としてはやりたくねぇな。3 歳の子供の笑顔を引き出すための小道具を汗だくで活用しまくりんぐ。ありゃ、大変だ。

一応、娘一人のパターンと家族全員のパターンの 2 種類を撮ったんだけど、家族を撮る時にはなんか師匠みたいな大御所っぽい人がお出まし。それまで娘を撮っていた30代後半くらいの二人はサポートにまわってて、なんかシャレ山紀信を見ているようだった。

んでもって、カメラですよ。初心者にお薦めの一眼デジカメって、どこらへんなんでしょう? お手軽な感じだったらキヤノンの EOS Kiss のダブルズームキットあたりだったりするんでしょうか。

2005-08-16T14:02:55+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

アップルが音楽イベントを開催

この記事が属するカテゴリー
Misc

アップルが 8 月 4 日の午前 10 時に東京国際フォーラムにて行われる音楽イベントに、ジャーナリスト達を招待しているらしい。

The event will take place on August 4, at 10:00 am at the Tokyo International Forum. The event could mark the beginning of an Apple iTunes Music Store in Japan.

うぉ、これは iTunes Music Store を日本でやるっつう発表なんじゃねぇの?って勘ぐってしまうけど、今回こそは期待できそう。さて、一曲いくらになるんだろうか。

2005-07-27T12:55:21+09:00 | コメント (0) | トラックバック (5) |はてなブックマーク

木製の iPod

この記事が属するカテゴリー
Misc

うはっ、iPod のガワを木で作っちゃった人が居るみたい。

wood_ipod.jpg

どうやら表面だけらしいんだけど、なにげに本体とホイール部分は違う木を使って雰囲気を変えていたりして、愛情とこだわりを感じるなぁ。手触り良さそうだし、使い込むほど味が出てくるような気がするマスターピース。

2005-07-05T22:32:37+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

iTunes で del.icio.us 上のメディアをポッドキャスティング

この記事が属するカテゴリー
Misc del.icio.us

そういや、iTunes のバージョン 4.9 で正式にポッドキャスティングをサポートしたことによって、del.icio.us 上にブックマークされているメディアを取り込めるようになったんだな。

iTunes への取り込み方法

システムタグに関しては、拙記事「del.icio.us タグがファイルタイプをサポート」や、「del.icio.us で音楽ファイルのダウンロード」でも説明しているけど、例えば MP3 ファイルや Audio ファイルであれば下記へアクセス。

RSS を iTunes へドラッグすると読み込まれるんで、気になるファイルを「入手」ボタンでダウンロードして再生。

podcast_01.png

Audio ファイルの場合は、再生すると左下のアートワーク内で再生され、クリックすると画面がポップアップされる。

podcast_02.png

やべぇ、なんか楽しいぞ。まだ日本ではそれほどポッドキャスティングが広まってないんで、とりあえず del.icio.us で漁るのも良いかも。

2005-07-01T17:20:04+09:00 | コメント (0) | トラックバック (1) |はてなブックマーク

Musical Baton が廻ってきた

この記事が属するカテゴリー
Misc

うぁ、廻ってきちゃいましたですよ、Musical Baton が。

最初に Kazu さんの「覚え書き@kazuhi.to: Musical Baton」で見て、へぇー面白い試みだなぁとか余裕ぶっこいて傍観していた訳ですが、まさか自分とこに来るとは思っていなかった。ありがたくも真琴さんからご指名頂いたんで、とりあえず書いてみます。

今コンピュータに入ってる音楽ファイルの容量

マックの G4 Cube に 963 曲入っててトータル 4.22 GB です。手持ちの CD の約 1/3 ほどしかエンコしてなかったりして、もう何かきっかけがないと全てをエンコすることはないかなぁとか思ってたり。

今聴いている曲

こういう時は、見栄を張って何かスゲェのを言ってみたかったりもしますが、正直にここを書いている瞬間に流れているものを。

Hidden Place (Vespertine )
by Bjork

最後に買ったCD

えっと、この間買ったばっかなのは、オエイシス(ネイティブな発音で)の新しいやつ。

Don't Believe the Truth
by Oasis

よく聞く、または特別な思い入れのある5曲

うー、これは非常に難しいな。ここは、最近はあんま聞いていないけど、若かりし頃のバンドやってた時にインスパイアされたものにしてみる。

Passion Of Lovers (Mask )
by Bauhaus
A Night Like This (The Head on the Door )
by The Cure
Blink (THE VISITORS FROM DEEPSPACE )
by Coaltar Of The Deepers
Hair do (WEAR OFF )
by Air
Smells Like Teen Spirit (Nevermind)
by Nirvana

この頃に影響を受けたアーティストっつうと、アート オブ ノイズ、デッドカンダンス、コクトーツインズ、イザベル・アンテナ、ミランダ セックス ガーデン、マイブラって挙げてたらきりがない。

バトンを渡したい5人

つうかね、真琴さんが Musical Baton の泥臭いまとめで Musical Baton がどう経由して来たのか鬼のようにまとめてるんだけど、ただでさえ繋がりが浅い僕が廻そうかなって思った人が既に廻ってたりする罠。その中でかろうじてまだ廻っていない方を勝手に指名させていただきますので、気が向いたらトラックバックでも:-)

しかし、真琴さんが挙げているアーティストとか見てたら、「あ、ROUAGE ってそう言えば何かのイベントで対バンした事あったなぁ」とか、黒夢のヴォーカルの人が僕の友達バンドの関係で横浜のライブハウス 7th アベニューに見に来ていて楽屋で見かけたなぁとか、自分が挙げた Coaltar Of The Deepers のナラサキさんが特撮でギターやってたりとか、何か共通するものが見つかったりして面白かった。

2005-06-15T10:16:05+09:00 | コメント (8) | トラックバック (3) |はてなブックマーク

携帯番号からキャリアと地域を解析

この記事が属するカテゴリー
Misc

へぇー、携帯番号からその携帯のキャリアと契約地域を割り出すことが出来るなんて知らなかった。ウェブ上で入力して調べるサービスもあるみたいだけど、やっぱローカルで使うソフトウェアの方が安心でしょーって事で、「おしえて!ケータイ君」を試してみた。

携帯番号を入力し解析ボタンを押せば、地図上で地域をハイライト表示してくれ、事業者(キャリア)を教えてくれる。

おしえて!ケータイ君の画面

これで、見知らぬ番号の着信履歴を睨みながら誰だろうって訝しむことなく、まずは解析してみて少なくとも自分とは関係のない地域からであれば気持ちよくスルー出来る。もちろん地域っつっても、あくまで契約地域なんで実際には違うかもしれないけど。

2005-06-03T15:52:52+09:00 | コメント (0) | トラックバック (0) |はてなブックマーク

病み上がりで思ったこと

この記事が属するカテゴリー
Misc

なんだか風邪を引いたらしく、咳→喉の痛み→39 度近い高熱→鼻水と言う 4 連コンボで、日曜日の午後から月曜日の夕方近くまで、ウンウン唸っていたわけで、今日はなんとか出社したんだけど全然頭が働かなくて、しかも、両手首に蕁麻疹みたいなんが出来てちょっと痒いんですが、これは何の病気ですか。

そんな感じで、丸 2 日ほどネット落ちしていて、今日久しぶりに広大なネットの海へ恐る恐る泳ぎ入れてみたんですが、なんだかものスゲェ勢いで情報が流れているのを実感。取りあえず bloglines の未読を片っ端から片づけ、del.icio.us の inbox を見渡し興味がありそうなのものを手当たり次第にブックマーク。

del.icio.us や MM/Memo はてなブックマークなどのサービスによって、今まで個人の端末の中で完結していたものが共有化されて目の前を流れている。ニッチな情報はどんどん下流に流され、大多数の共感を得たものは定期的に上流に顔を出す。普段は貪欲に新しい情報を求めていたりしたんだけど、この 2 日ほどネットから離れていたのに置いてけぼり感とか全く無くて、あ、何だ俺って全然依存していないんだなって思い知らされた。

もともとアナログな環境で育ってきた世代なわけで、途中から身の回りに湧いて出てきたもんなんか、途中で無くなっても、それを乗り越えるのはそんなに苦じゃないのかもしれない。多分、ネットがない環境に放り込まれても、あっという間に順応しそうだ。なきゃないで、どうって事はない。逆に、自分たちの子供世代なんかは、こういった環境が物心ついた時から目の前にあったりするわけで、使いこなし方も相当だろうけど、依存度もかなり高くなるんだろうなって思った。

で、何が言いたいのかっつうと、ずっとマスクをしていると耳の後ろが痛くなるんですね(違)

2005-05-31T17:32:53+09:00 | コメント (2) | トラックバック (0) |はてなブックマーク

三次元のインターフェース

この記事が属するカテゴリー
CSS Misc

Joel Swanson って言うデジタルアーティストの作品で、 Photoshop のインターフェースを三次元で表現している作品を見つけた。

3次元で表現されたフォトショップのインタフェース

一瞬、「うぉスゲェ、なんじゃこりゃ」って思ったんだけど、何のことはない。糸か何かで宙に吊っているだけだった。しかし、こんなモニターが本当にあったら、ちょっと欲しいな。

ボックスモデルを立体的に表現

三次元と言えば、CSS のボックスモデルを立体的に表現して、ボーダーやパティングなどの関係性を分かりやすく説明しているサイトもある。

2005-05-23T13:00:47+09:00 | コメント (2) | トラックバック (1) |はてなブックマーク