マップアプリのソース公開
昨日のエントリーで書いた「シアトル近郊の交通情報表示アプリ」、コメント欄で励まされたこともあり、全ソースを公開することにした。ただし、会社のサーバーで公式に遊ぶことになったので、発表の際にはまず英語で解説を書かねばならなくなってしまった。とりあえず、これが解説ページである。 King Country Traffic Map たいしたことが書いてあるわけではないので、全部を日本語に訳すこともないとは思うが、肝となる How it works （どうやって動いているか）だけは日本語での解説が必要そうだ。そこだけ抜き出して意訳すると、 このアプリは、三つのUJMLファイル（クライアント側でマップを表示して、ユーザーとのやり取りをするもの）と、二つのPHPファイル（サーバー側で元画像を細かくスライスしてキャッシュするもの）から出来ている。 Main.ujbc（Main.ujmlをコンパイルしたもの
Mac People誌の特集記事、「ジョブズのプレゼンに学べ！」
「元MSエンジニア、ついにマックを買う」というエントリーを書いたのがわずか９ヶ月前だとは思えないぐらい、あっという間にアップル好きになってしまった私の一家には、今や iPod ３台と Mac ２台が大活躍をしている。私の期待していた通りの（参照）Front Row を搭載した新型Mac mini を発売してくれるアップルには、妙に購買意欲をそそられて困ってしまう。 そんな私が少し前に書いた「スティーブジョブズに学ぶプレゼンのスキル」。それが、Mac People の編集者の目にとまったようで、特集記事への記事の投稿を頼まれた。 このブログのおかげで文章を書くことにすっかり慣れてしまった私が、「あいよっ」と二つ返事で引き受けて書いたのがMac People ４月号の特集記事「ジョブズのプレゼンに学べ！」の冒頭のコラム。内容は先のエントリーを膨らましたものだが、編集部の人がその後３ページにわっ
企画、「名作に隠されたメッセージを探せ！」
去年の夏に、「世界初？３Dブログエントリー」というエントリーを書いて以来、何とか大量生産する手法はないものかと考えていたのだが、今日、CSSのたまたま資料を読んでいて思いついたことがあったので、試しに作ってみたら、結構簡単にできてしまった。 http://satoshi.blogs.com/3d/wagahai.html 興味のあるウェブ・エンジニアの方はソースコードを見ていただければ一目瞭然だが、"position:relative" が全体のレイアウトに影響を及ぼさないという点を利用すると、こんなに簡単に「ステレオグラム」が作れてしまうのだ。 「これで大量生産が出来る！」と思ったのだが、隠しメッセージが含まれた文章を作るのは結構大変である。そこで、思いついたのが、著作権の切れた小説などから、強引に隠しメッセージを拾い出す、というアイデアである。上の例は、夏目漱石の「我輩は猫である」の冒
ブログパーツで遊べる自由度の高いブログサービス、ベスト１０
今までこのブログでも４つほどブログ用ミニアプリ（最近は「ブログパーツ」という名前が定着してきたようだ）を公開した来たが（参照）、色々と勉強になる。特に「今日のひとこと」はとても評判が良く、既に５０以上のブログで採用され、なお増え続けている。期待した通りバイラルマーケティングの効果が現れているようだ。 そもそも IFRAME を使ったブログパーツを、「以下のHTMLをブログのサイドバーに貼り付けてください」などという不親切な方法で提供して使っていただけるものか不安であったが、なんとか使いこなしているただいているようである。ただし、IFRAMEが使えるブログと使えないブログとがあるようで、その辺りは一度ちゃんと調査をしなければいけないと考えていたところである。 しかし、自分で調査をするとなると結構な手間なので、ここは wisdom of crowd （「みんなの意見」は案外正しい）の発想を利用
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
prototype.js で遊んでみた
先日このブログで公開したばかりの、「ライブドア事件」専用トラックバック・ステーションであるが、毎回ページが開かれるたびにデータベースにアクセスする仕組みで作ったのだが、そんな作りのままではトラフィック増には耐えられない。そこで、良く出来たブログ・サービス（例えばMT）の様に、変更があったときに（つまり、トラックバックが送られてきた時に）、データベース上のデータからHTMLページを生成しておき、閲覧時にはそれを返すように変更することにした。 その作業を進めているときに、この手法の一つの欠点に気が付いた。MovableType がしているように、ヘッダーも含めた全HTMLページを生成するようにしておくと、その中にスタイルシート（CSS）へのリンクを埋め込むことになるので、スタイル（見た目）が固定化されてしまうのである。これでは面白くない。そこで、複数のスタイルシートを用意しておき、閲覧時に動的
Life is beautiful: ディベートは 楽しくするもの したいもの
先日、SixApartの関社長と食事をしたのだが、その時に「日本人はディベートが得意ではない」という話になった。私も以前から色々と思うことがあったので、ここに書いてみようと思う。ただし、今回のテーマは「どうやったらディベートに勝てるか」とかいうテクニックの話ではなく、それ以前にある「どうやってディベートを楽しくするか」に関しての話なので、誤解しないで欲しい。 関社長に言わせると、日本人には、ネットの世界であれリアルの世界であれ、自分の意見を否定されるとそれを自分の人格を全否定されたと誤解して、怒ってしまったり、しょげてしまう人が多いと言う。確かにその通りだと思う。もちろん、それは受け取る側だけの問題だけではなく、反対意見を表明する場合に問題がある場合が多い。 例えば、一つ前のエントリーで「有名ブログを１０分で斜め読みする裏技」という話を書いたが、これに対して、 「ブックマークの数だけでエン
Life is beautiful: 図解、イノベーションのジレンマ
私がマイクロソフトをやめるキッカケを作ったのが、「イノベーションのジレンマ」という本だということは、以前にも書いた。IT業界でビジネスをしている限り、大きな会社にいようと、小さなベンチャー企業にいようと、この本に書いてあることを日々意識しながら仕事をするかどうかは大きな違いを生むはずだ。 このブログでも何度も引用しながら、一度もちゃんと解説を書いたことがなかったことに気が付いたので、今日のエントリーは、この本に書かれているコンセプトの解説。 そう思っていつもの様に書き始めたのだが、文字だけではとても伝えにくいコンセプトだ。しかし、図解と言えばパワポ、というのもありきたりすぎるので、会社の廊下にあるホワイトボードに手書きで描いた図を、携帯電話で撮影したものを使うことにした。通りがかった社員にも見てもらえるので、一石二鳥である。 上の図は、この本に書かれたコンセプトを一般化したもの。ブルーのラ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
