Eye-Fi Explore を試してみた
無線 LAN 機能を内蔵した SD カード Eye-Fi に、自動位置情報タグ付け機能を加えた Eye-Fi Explore を試してみた。デジタルカメラに入れて、SKYHOOK Wireless のサービス地域で使用すれば、どこで撮影したかという情報もいっしょに記録できるというもの。 この Eye-Fi Explore を使うにあたって、ポイントとなる SKYHOOK Wireless のサポート地域は、日本でも少しずつ広がっているよう。過去にネタフルさんで、日本でのサポート地域について取り上げらた記事と比べても、青く塗られている範囲は拡大していた。東京都心や、大阪市内では使えそう。 「Skyhook」日本のカバーエリアを調べてみる SKYHOOK Wireless のサポート地域確認ページ さっそく GR DIGLTAL に仕込んで、撮影してみた。記録される位置情報は、特にヒドいずれも
スタイルシートを分けて管理する方法をまとめる - 2xup.org
comment 2006-10-17T21:15:00+09:00 お好みの言語が英語で無い場合は、日本語でどうぞ。 In this PDF file, the order of the set format rule and property's appearing was announced. This time, the method of separately managing the CSS file used on the site is announced. Why is CSS divided? I think that most reasons are the improvements of the work efficiency. The access to the revision part becomes early They are combined and co
CSS Nite LP Disk 1 で行った microformats に関するセミナーの資料などを公開 - 2xup.org
2006-10-10T18:00:00+09:00 本日 CSS Nite LP DIsk 1 が行われました。現在会場の Opera ブースから更新しています。今回もたくさんの方にご来場いただいたようで、確かに会場はものすごい熱気でした。無料版の CSS Nite もそうですが、みなさんお熱い。『とったらんかい！』と言わんばかりの熱心な姿勢の方が多く、このような雰囲気の中、お話できて本当に良い経験になります。今回は長谷川恭久さんとのジョイントセッションでした。 CSS Nite 公式ブログ: CSS Nite LP Disk 1(CSS Nite 公式ブログ) 今回はこれまでの経験から、いくら簡単なことでも難しく伝えられると手を付けるのが遅くなったり、その簡単さに気づくのに時間がかかったりしてしまうので、microformats の魅力をできるだけ楽しく伝えられるように努力してみましたが
CSS Nite LP Disk 1 で microformats についてお話しします
2006-10-06T20:05:55+09:00 告知がおくれましたが、来る10月10日に行われる、CSS Nite 有料版、CSS Nite LP Disc 1 で microformats についてお話することになりました。しかも、長谷川恭久さんとの共演になります。どきどき。microformats がどんなもので、これからどんな未来があるのか、できるだけ柔らかく、楽しくお伝えできればと思います。 やはり CSS Nite LP Disc 1 の詳細は、hCalendar を使って書くべきでしょう。 CSS Nite LP Disc 1 2006年10月10日15時から20時 津田ホール コピペして使えるように、以下にソースを書いておきます (こういう時に Live Clipbord を使うと良いかも)。 <dl class="vevent"> <dt class="summary"
Vim7.0 + KaoriYa を Mac OSX にインストールする - 2xup.org
2006-09-13T02:20:00+09:00 welcome home : vim online pre 要素のスタイル定義とマークアップ でも書いたのだけれど、最近 CSS や HTML の編集をする時は Vim (version 7.0) を利用しています。Vim を利用するに至った理由は 専用サーバを使い始めた Plagger を使い始めた CSS なんかは直接編集した方が早いと感じた Vim7 の補完機能 Omni completion がゴキゲン 『憶えておいて損はあるまい』と感じた というのがあります。中でも Omni completion というゴキゲンな補完機能が Vim7.0 を利用する大きなきっかけになっています。 vim7の新機能 Omni completion(川o・-・）＜2nd life) サーバへのインストールの前に、練習を兼ねてメインマシンの Maci
pre 要素のスタイル定義とマークアップ - 2xup
2006-09-07T00:56:49+09:00 なにやら pre 要素に CSS でどういったスタイル定義をしているのか、また、pre 要素をどのようにマークアップしているのか、様々な意見がでている模様。 ブログにコードを貼り付ける方法で悩むの巻(i d e a * i d e a - Lifehacks by 100SHIKI.COM) pre要素へのスタイル指定(hail2u.net - Weblog) Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻(hxxk.jp) 情報共有と新たな発見を期待して、どのようにスタイル定義・マークアップしているのか公開することに。まずは注意しているポイントを挙げてみます。 Macintosh 版 Internet Explorer では、div 要素以外に値が visible (初期値) 以外の overf
情報の発信・取得に関して意識していること
2006-07-18T01:43:45+09:00 ブログで情報発信するようになってから、僕自身の知識はどんどん増えていきました。同じようにブログで情報発信している人の意見などを見ては真似してやってみたり、もっと詳しく調べるきっかけにもなったし、職業を変えるきっかけにもなりました。最近ではソーシャルブックマークのおかげで情報取得の速度はどんどんスピードを上げ、より良い情報へのアクセスが簡単になっています。時には追いつかないくらいですが、情報整理の方法もこうした中で学んでいくのかな。と実感しています。 情報を発信する側でもあり、取得する側でもある僕自身が、どういった事に注意して意識を持っているのか、自分自身へのフィードバックも兼ねて書き出してみました。こういうのは所謂 Life Hack とか言ってもよいのかしら。 被ブックマーク数が記事の価値や正確性を示すものではないという認識 書いた記事
Transformer 機能を利用したプラグインで管理画面をカスタマイズ
2006-07-03T20:30:34+09:00 画像アップロード時に alt 属性を追加するプラグイン (Transformer) - 2xup imagealt プラグインの知らせのあと、Transformer を使えるように勉強していたところ、ちょうど『カテゴリーの出力先を指定できるようになったのは良いのだけれど、そのフィールドのラベルが出力ファイル名なのはねえ。』という意見があったので、それ plu ということで練習を兼ねて作ってみました。実は管理画面のテンプレートを書き換えて lib/MT/L10N/ja.pm に文言を追加すれば済むのだけれど、そういう変更はなんかチョット元のファイルを弄ってしまうのでアレですし…。そもそも Movable Type のコード自体をカスタマイズしてしまっているばかりにアップグレードが大変に感じてしまうのも嫌なので。あわせて 3.3 からプラグイ
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
CSS Nite vol.9 にお越しいただきありがとうございました - 2xup
2006-06-17T16:55:11+09:00 先日、6月15日に Apple Store 銀座で行われたイベント、CSS Nite Vol.9 にゲストとして参加させていただきました。200 人ほどの方にお越しいただいたようで、お足下の悪い中本当にありがとうございました。また、前回の森田雄さん。そして、Vol.10 のゲストが神崎正英さん。その間のゲストとしてなんとも言えないプレッシャーを感じましたが、皆さんがブログなどで書いてくださっている感想をみて少しでも Movable Type の魅力を伝えられたのではないかと、とても嬉しく感じています。これからももっと勉強しますので、どうぞよろしくお願いします。イェス。 CSS Nite公式ブログ: CSS Nite Vol.9(CSS Nite公式ブログ) Movable Type で行うウェブサイト管理 - CSS Nite Vol.9
flickr も microformats に対応 - 2xup.org
2006-05-04T02:57:06+09:00 いつのまにやら flickr の プロフィールページも microformats に対応していますね。hCard でマークアップされています。先日microformats に対応したサービスなどまとめで紹介した、Technorati の Contacts Feed Service や、Greasemonkey を利用すると hCard を閲覧したり、vCard に書き出してアドレスブックに登録できます。 hCard を用意してみよう！ せっかくなので、自分自身のブログやウェブサイトに hCard を用意してみると良いかもしれません。詳しい仕様は microformats の Wiki で確認できますが、address 要素を利用して、マークアップするサンプルを用意してみました。 <address class="author vcard">
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
microformats に対応したサービスなどまとめ - 2xup
2006-04-21T21:54:03+09:00 microformats が日々おもしろくなってきている理由はその microformats に対応したサービスなどが充実してきた事にあると思います。僕もなにか作ってみようと挑戦しているので、うまくいったら公開できればと思っています。 せっかくおもしろいものが増えてきているので、これまでに使った事があって、microformats スゲー！と思わされたものをまとめてみました。これからもっと楽しくなりそうで、いまからもうドキワクです。これからもなにかあれば投稿していきますので、よろしければ時々 2xup の microformats タグをチェックしてみてください。 tag: microformats - 2xup microformats コード生成 microformats | Code microformats.org で公開されてい
hCalendar を Google Calendar に登録できる Greasemonkey スクリプト
2006-04-18T18:32:44+09:00 Google Calendar イカスなあ。iCal よりも良く感じるのにそれが Web 上で動いている事に驚きです。カレンダーといえば hcalendar の存在を忘れることができないのですが、hCalendar でマークアップされたイベント情報に Google Calendar へ登録するリンクを表示する Greasemonkey スクリプトがありました。これはステキス！ googlehcalendar(®¤©: home) さっそく Greasemonkey をインストールして、hCalendar でマークアップされたコンテンツを見てみると、Google Calendar にポストするバナーが現れました。バナーをクリックして登録押したらキター！これでまたひとつ hCalendar でマークアップされたデータを使う手段が増えました。ヤ
Structured Blogging - 2xup
2006-03-28T20:57:23+09:00 microformats の登場は、文書に意味付けするという HTML の重要な役割を楽しく再認識できる良い機会であったと思います。今年の SxSW では Tantek Çelik 氏をはじめとするメンバーによる、microformats に関するセッションもあったようです。microformats のウェブサイトでは、その時に使用されたスライドが公開されているので興味のある方は是非チェックしてみてください。合わせて、実際に SxSW に参加された木達さんの blog では、木達さんご自身が microformats に興味を持っていらっしゃる理由をその重要さとともに解りやすく読む事ができます。僕も読ませていただき microformats にますます興味を抱きました。 Microformats at SxSW(microformats)
Movable Type + RightFields で microformats に対応 - 2xup.org
2006-03-23T23:20:32+09:00 3月29日、30日に開催される YAPC::Asia Tokyo （ヤップシー・アジア・トウキョウ）のセッションとスピーカーのブログを作成する際に microformats に対応させてみました。セッションのブログでは hCalendar に、スピーカーのブログでは、hCard に対応しています。hCalendar を iCalendar に書き出す で紹介した X2V でも iCalendar や vCard に書き出せます。ちょうどこの作業中に宮川さんから教わった、Firefox Extension でもページに含まれる microformats で マークアップされたメタデータを閲覧できます。イカス！ YAPC::Asia 2006 Tokyo Speakers YAPC::Asia 2006 Tokyo Sessions Don’
HINAGATA Style Switch プレビュー
2005-09-10T12:00:57+09:00 新しい HINAGATA では、2Column 用テンプレートセットと 3Column テンプレートセットを用意していますが、実は 3Column テンプレートだけを利用して 2Column と 3Column のスタイルスイッチを実現しています。といっても、2Column にした場合メインコンテンツよりもサイドメニューが長くなってしまうようなサイトでは、見事に表示が崩れてしまうわけですが…。 これをより簡単に実現するために、スタイルの切り替えを Movable Type 3.2 用に用意された StyleCatcher プラグインで実現できるようにしています。 StyleCatcher（Six Apart ProNet - Plugin Directory） せっかくなので、まだベータ公開（大袈裟）までもう少し時間はかかりますが、Sty
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite Vol.8
うつわとしての Design