yaml – CSSフレームワークライブラリとそのブラウザエディタ yaml builder | 秋元@サイボウズラボ・プログラマー・ブログ
via Ajaxian 名前が紛らわしいのだけど、データフォーマットのYAMLとは関係ない。ドイツ製のウェブサイトレイアウトライブラリyamlは、CSSベースのマルチカラムレイアウトをマルチブラウザ対応で行なうライブラリ。 それだけだと他にもいろいろあるのだけど、特徴としてはドキュメントがすごく充実していることらしい。そのわりに知られていなかったのはドイツ語圏で開発が続けられていたかららしいが、英語のドキュメントも揃えて本格的なバイリンガルプロジェクトとなったそうだ。 プレビューが公開されたばかりらしいyaml builderが良くできていて、ブラウザ上のオンラインエディタでドラッグアンドドロップでレイアウトを試すと、できあがったレイアウトを再現するHTMLとCSSを入手できるというもの。 こんな風にマルチカラムを編集し、ヘッダや本文などのコンテンツを置いていく。 “Get Code”を押
秋元@サイボウズラボ・プログラマー・ブログ: 究極の.htaccess?
via del.icio.us/popular Apacheのフォルダローカルな設定ファイル.htaccess で使いそうな設定をかたっぱしから書き込んだファイル。 メイン、スクリプト関連、ヘッダ(キャッシュや最速化)、URL書き換え、認証、SSL、開発中サイト、というようなジャンルごとに、よく使われそうなディレクティブがずらずらと並んでいる。PHPの設定、cool URLの設定、エラーページ、認証の掛けかた、などなど。 書き換えるべきところは英単語で何を書くのかわかるようになっているので、コメントとあわせて思い出しながらコメントを外していくとそれなりに使えそうな .htaccess が作れるかもしれない。僕なんかは細かい設定方法すぐ忘れてしまって検索することが多いので、これで楽になりそう。 # 本当に不要なものはコメントにせずファイルから消すべきだし、安定運用に入ったら.htaccess
秋元@サイボウズラボ・プログラマー・ブログ: YSlow for Firebug ページのチューニングを助言してくれるFirefoxアドオン
via Ajaxian Yahoo! Developer NetworkからリリースされたYSlowは、Firefox+Firebugのアドオンとして、ページの表示速度の改善点を列挙してくれるというツールだ。 ここのところ、ウェブサイトのパフォーマンス改善で積極的に資料を公開しているYahoo!が、ツールも出してきた。今日のOSConにて発表されたもののようだ。 アドオンをインストールして任意のページを開くと、Firebugのメニューの中にYSlowが追加される。Performanceのタブには、パフォーマンスの点数(下記では「C(71)」)と、13の項目のそれぞれについてパフォーマンス対策がされているかどうかを、A～Fのグレードで表示してくれる。 それぞれの指摘をクリックすると、Yahooの解説ページに飛んで、何がパフォーマンスの障害になっているのか、何をどう直すと改善されるのか、が読め
ダンボールオフィス | 秋元@サイボウズラボ・プログラマー・ブログ
いたずら好きの同僚の出張中に、他のみんなが反撃に出た。 子供の頃にやりそうなことだけど、徹底してやるとこんなことに。 ところどころに書き込んである英文も、パンチが効いている。出張から戻って自席がこんなことになってたらたいへんだ。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
世界の「，」（カンマ）と「．」（ピリオド）を解き明かす | 秋元@サイボウズラボ・プログラマー・ブログ
コードは以下。最近 Java 使ってなかったので、いろんなものが思い出せなくて苦労した。書き方とか使ってるクラスとか古臭いかったら申し訳ない。 import java.util.List; import java.util.ArrayList; import java.util.Locale; import java.text.NumberFormat; import java.io.FileOutputStream; import java.io.BufferedWriter; import java.io.OutputStreamWriter; import java.io.PrintWriter; import java.io.Writer; import java.io.IOException; import java.io.FileNotFoundException; impor
2006年8月のブログ界レポート by Technorati CEO | 秋元@サイボウズラボ・プログラマー・ブログ
Technorati の CEO、David Sifry のブログ Sifry’s Alerts で、3ヶ月ぶりのブログ界定点観測のエントリが上がっている。 あいかわらず、面白いグラフがいくつも載っている。ひとつ紹介するとこれ。 ブログエントリの総量を、書かれている言語で分類したもの。英語と日本語の言語人口の差を考えると、日本でのブログが他国に比べていかに活発かがわかる。 そのほかにも、ブログの数、新規ブログの増加数、エントリ数とニュース・事件の関係、マスメディアと人気ブログの対比、書き込み時間帯と言語の相関、などのグラフが解説されている。 まとめは長文のエントリの最後の部分にある。ブログスペースが3年で100倍の大きさになったとか、Technorati に届く Weblog Ping の7割 はスパマーからだとか、そういった興味深い項目が10個並べられている。 この記事は移転前の古いUR
秋元@サイボウズ研究所プログラマーBlog 実験 - 人はどんなところをクリックするのか
New Click Survey というページで、8枚のページに対して自由に一箇所をクリックしてもらい、人は画面のどこをクリックするのか、という実験をしている。 ただの長方形、円、「ここをクリック」、「ここはクリックするな」、などといったシンプルなページに対してクリックしていくと、最後に訪問者全員のクリック結果から、よくクリックされたところがわかるような結果画面を見せてくれる。いきなり結果だけを見ることも可能。 今のところ、18000人がこの実験に参加したようだ。 画面内に特徴があるところで人はクリックするし、「ここは押すな」と書いてあるところでも何もないとこよりはるかに押される、など、おもしろい。 [追記] 2006.8 に登場の clickdensity で、Javascript によるユーザのクリック位置の統計・ヒートマップ作成をサポートしている。無料トライアルつきの有料サービス。
秋元@サイボウズ研究所プログラマーBlog: Googleが正式に英語の動詞に(少なくともオックスフォード辞書で)
via techdirt 英英辞書といえばOED(Oxford English Dictionary)、のオックスフォード英語辞書に、最近の更新で、ついに”google”が動詞として登録されたそうだ。 これはつまり、今後は to google とか、googling とか、googled とか使っても正しい英語、ってことなのかな。 OEDに出たから正しい、というわけでもないだろうけど。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
偽名作成サービス Fake Name Generator | 秋元@サイボウズラボ・プログラマー・ブログ
Fake Name Generator は、架空の名前、住所と郵便番号、生年月日、母親の旧姓、電話番号、ソーシャルセキュリティナンバー(SSN)をアクセスするたびにランダムに生成してくれるサービス。 作成した名前が実在の名前と被ってないか調べるための Google 検索へのリンクも用意してくれている。 使う必要もないのに色々な個人情報を取得しようというサービスに対する反撃、なのだろうか。 今年のエイプリルフールに日本でも似たようなネタがあったね。 名簿の流出なども、こういったジェネレータで架空の名簿を流しまくれば、回収はできなくてもノイズが多くなって流れた個人情報の悪用も減る? よくわからん。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、とい
秋元@サイボウズ研究所プログラマーBlog: Google AdSense API がベータ公開
Google AdSense のブログにて、Google AdSense API のベータ公開がアナウンスされている。 公式ブログの解説によれば、この API によって、自分のサイトのユーザに対して AdSense の申し込みをさせたり、すでに AdSense アカウントを持っているユーザにも AdSense アカウントの管理を自分のサイト上で提供できるようになるということだ。 たとえば、無料ブログスペースなどが、自社サービスを使ってブログを作っているユーザに対して、AdSense の申し込みを勧誘するような使い方があるのではと思った。ブログサービス側ではユーザを集めるためのインセンティブになるし、AdSense の紹介プログラム( 照会先の収入によっては$100得られる )という実収入もある。 このプログラムの対象は、10万ページビュー/日以上あるサイトということなので、当面はそれなりに
HTML構造のグラフによる可視化 | 秋元@サイボウズラボ・プログラマー・ブログ
[2006/5/28 追記] applet バージョンが公開されたので、自分のページのHTMLを可視化することもできるようになった。 論文にありそうなネタで、じつは同案多数かもしれないが, Websites as graphs では、HTML の構造を要素ごとに色分けしグラフ化する作業を著名ないくつかのサイトについて行なったという。下はグーグルのもので、 以下のような色分けになっているという。 青: リンク (A タグ) 赤: テーブル (TABLE, TR , TD タグ) 緑: DIV タグ 紫: 画像 ( IMG タグ) 黄色: フォーム (FORM, INPUT, TEXTAREA, SELECT OPTION タグ) オレンジ: 改行と引用 (BR, P, BLOCKQUOTE タグ) 黒: ルートである HTML タグ 灰: その他のタグ 元記事ではもっとたくさんの実例が出てい
米Amazonがオンデマンド製本サービスを発表 | 秋元@サイボウズラボ・プログラマー・ブログ
19日、Amazon と100%子会社の BookSurge が、出版社向けに Print-On-Demand サービスを開始すると発表した。 出版側が書籍のデータを Amazon に預けておくことで、注文が入ったときに書籍を印刷して販売することができるようになるとのこと。 これはまず、絶版が無くなるしどんなマイナーな本でも対応できるので、ロングテールをさらに伸ばす効果があるだろう。他で品切れの本が Amazon でだけ買えるとなれば競合はきついだろう。 しかしそれ以上に大きいのは、取次ぎへの影響だろう。既にAmazonでも出版社から直接買い付けている本があるという話も聞くし、ますます中抜きが進むようになる。 「なか見検索」で、一部の書籍については本文のデータやページのスキャン結果がAmazon側に提供されていたとは思うが、Amazon が注文に応じて製本するとすれば、書籍のデータが Am
秋元@サイボウズ研究所プログラマーBlog: 検索と広告、予算を割くべきはどちら?:
japan.internet.com 併載コラム 検索エンジンで検索をしたなら、 – 左側に検索結果(キーワードに関連の高い順にロボット検索の結果) – 右側に検索連動広告(検索キーワードを購入した会社の宣伝) という並びのページが表示される。レイアウトは、Yahoo や Google、その他の検索エンジンでも似たり寄ったりだ。 以前は検索結果と広告の配置も各社バラエティに富んでいたが、Google AdWords の大成功と、Yahoo! がディレクトリ検索からロボット検索へ転換したこともあり、検索結果と広告の配置はどこも Google の配置と似たり寄ったりなものになっている。 検索結果で上位に上げる SEO を専門業者に頼むのも、クリックで課金される検索連動広告を買うのも、どちらも実施するのにコストがかかるとすれば、どちらにどれだけ費用をかけるべきなのだろうか? SEO 業者は自然な
Google Sitemaps にルール違反指摘機能が追加 | 秋元@サイボウズラボ・プログラマー・ブログ
via Google Sitemaps Blog via Matt Cutts Blog Google Sitemaps は、Google のクローラーに対して自サイトのページ群を能動的に教えることで、Google により最新のページを持ってもらおう、というサービス。うまく Google bot が探してくれないページを登録するという意味でも、SEO対策の一部として使われることがある(ちゃんとトップや他サイトからリンクされて見つけてもらうほうがいいはずではあるが)。 その Sitemaps のブログで、いくつか統計情報の提供機能などが追加されたというアナウンスがあった。 注目は ”Notification of violations of the webmaster guidelines” というセクションで語られていることで、Google のガイドラインに違反している場合に、違反している
Ziki – オープンなソーシャルネットワーク | 秋元@サイボウズラボ・プログラマー・ブログ
Ziki というサービスが始まっている。 さっそく試してみたところ、これはオープンな SNS を狙っているのではないか、と感じられた。 ユーザ登録して、自分にタグをつけていくと、タグのついたほかのメンバーの一覧ページができる。これは mixi などでいうコミュニティにあたる。 とりあえず作ってみた My Ziki がこれ 自分の属性には、自分のブログをはじめとして、RSS で提供されているさまざまなものを含めることができる。例として推奨されているのは、Blogger.com などのブログサービス、写真共有サービス Flickr 、ブックマーク del.icio.us/Blinklist など。カレンダーサービスの RSS 出力などを食わせるのもありだろう。 RSS を追加する際に、RSS のカテゴリーを指定させられる。フィードの性格ごとに違う表示をするのかも(あるいは、将来するつもりなのか
MySQL が Solid を買収 | 秋元@サイボウズラボ・プログラマー・ブログ
zdnet の記事によると、MySQL が Solid を買収するらしい。 MySQL は、バックエンド側のストレージエンジンとして使っている InnoDB と BerkleyDB(Sleepycat) を立て続けに Oracle に買収されていた。買収されてもこれまでの契約もあるので、すぐにそれらが使えなくなるわけではないが、DBMS ベンダとして競合である Oracle が今後どうでるかわからないため、不安視されていたのも事実。 これで今すぐ何か変わるわけではないだろうが、近いうちに MySQL のストレージエンジンとして Solid が選択肢に入ってくるのだろう。 zdnet の記事では、MySQL がフィンランド発だと書いてあり、フィンランド勢が連合して反撃を始めた、みたいにまとめてあるけど、MySQL ってスウェーデンじゃなかったっけ? Oracle に買われた InnoDB は
究極のユーザビリティテスト Eye Tracking | 秋元@サイボウズラボ・プログラマー・ブログ
via del.icio.us/popular Eye Tracking がすごい。技術がすごい。 まだ自分で試せるわけじゃないので、「本当にこれ実現してるの?」という気持ちもあるのだが。 動画デモを見てもらうとわかるけれど、変な道具や特別なメガネをかぶったりすることなく、ディスプレイを見ている被験者の目の動きを追うことができるシステムを開発した、と言っている。 被験者をカメラで映し、その両目の動きを分析することで、画面上で何を見ているかを追尾できているのだそうだ。 動画デモでは、ユーザの視線が青い線で、ユーザの視線が何かに注目している間は、青い円で、注目時間が長ければ円を大きく、表示している。 また、複数のユーザの視線データを集め、視線が多く/長く滞留しているところを、温度表示してみるというのもデモではやっている。中央に目立つように置かれた広告がまったく視線に止まっていない(笑)のは、予
子猫認証 | 秋元@サイボウズラボ・プログラマー・ブログ
via del.icio.us/popular スパム行為を行うロボットスクリプトを、正規の人間ユーザとどう見分けるか、ということで、「プログラムには(まだ)わからないけれど人間なら簡単にわかる」ような問題を使う、という方法はよく使われる。いわゆる CAPTCHA (キャプチャ)である。 CAPTCHA と言うと、まず思い浮かぶのは、ぐにゃっと曲げられたり上から線をかぶせられたりした文字列を入力させられるものだろう。機械読み取りでは認識できないように文字列を崩すことで、スクリプトの攻撃をある程度防いでいる。 しかし、特に意味のあるわけでもない読みづらいテキストを、投稿のたびに入力させられるのは、利用者にとってあまり楽しい作業とは言えないだろう。サービスがスパムで汚染されるのを防ぐために、仕方なく協力しているというところだ。 であれば、CAPTCHA の入力が、それなりに人間にとって楽しかっ
バカの本 | 秋元@サイボウズラボ・プログラマー・ブログ
“* fof dummies”という洋書のシリーズがある。日本語で言うと「バカのための○○入門」みたいな意味か。 で、こちらがそのニセ表紙を作るためのジェネレータ。 ちょっと変だけど日本語も出るところがえらい。 amazon.com で “for dummies”で検索すると4000件以上出てくるし、そうとう人気のあるシリーズだ。日本人だったら「バカのための」というタイトルはつけないと思うが。 アイデア自体は O’Reilly 表紙ジェネレータと同じなんだけど、あっちは技術者にしかわからないので、一般向けにはこの dummies ネタのほうが面白いかもしれない。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターで
Google ページランクにだまされるな | 秋元@サイボウズラボ・プログラマー・ブログ
自分のサイトについてページランクを調べるには 自分のサイトのページランク（ページランクはページごとに付与されるので正確には自分のページのページランク）を調べるには、いくつか方法がある。 Google に認められている正規の方法は、Google Toolbar という Google の提供するツールバーをインストールすることだ。 Windows の Internet Explorer の場合はこちらで、ブラウザが Firefox の場合は、Windows、Mac OS X、Red Hat Linux など用のツールバーが、Google 自身により提供されている。 このツールバーをダウンロードしてインストールすると、現在訪問中のページについて、そのページランクがいくつなのかが、白地に緑色の棒グラフで表示される。 ページランクは、Google ツールバーをインストールすることでもチェックできるが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
