付箋紙のような感じのサイドノートをブログの本文中に追加できます。背景色の変更なども自由自在で、非表示にするのも再表示させるのも簡単。JavaScriptとCSSを使っています。 ダウンロードと使い方や例は以下のサイトから。 arc90 lab : tools : Unobtrusive Sidenotes ダウンロードはこちらから http://lab.arc90.com/tools/sidenote.zip 上記サイトの「How Do I Use It?」に使い方が詳しく書いてあります。 実際の例はこちら。 arc90 lab | tools: Sidenote Demo http://lab.arc90.com/tools/sidenote/ 左上の「Hide Sidenotes」をクリックするとサブノートを非表示にできます。本文中に、脚注やちょっとした豆知識みたいなのを入れておきたい

昨日から始まったワールドカップですが、そのワールドカップの入場チケットにはすべて「RFID」が使われており、購入時に回答したデータ（住所氏名年齢など）が含まれており、全12カ所の会場に入場する際にデータベースと照合して合っているかどうかの確認をするそうです。これは偽チケットが出てくるのを防止するための策らしい。 PCWorld.com - Security Scores Big at World Cup Tournament ワールドカップチケットはこんな見た目です http://flickr.com/photos/charliux/139259034/ http://flickr.com/photos/charliux/139259027/ で、「RFID」という名前をよく聞くもののそれが何なのか、どのような使用例があるのか、その実態を調査してまとめてみました。 まずは一番簡単なRFID

自宅のパソコンで使っているFirefoxと、職場や学校で使っているFirefoxのブックマーク、履歴、保存しているパスワード、クッキーなどを統一して同期できるそうです。また、単体で使用すると簡単なバックアップにもなります。 インストールは以下から。早速使ってみたので簡単な使い方も書いておきます。なお、使用するにはGoogleのアカウントが必須です。 Google Browser Sync 上記ページにアクセスしたら「browsersync.xpi」をクリック 規約に同意するために「Agree and Install」をクリック 「今すぐインストール」をクリック インストールが完了したらFirefoxを再起動させましょう 再起動するとこのようなダイアログが出てくるので「次へ」をクリック 同期に使いたいGoogleのアカウントを入力します。持っていない場合には作りましょう。入力後、「次へ」をク

チェックしたいサイトのアドレスを入力するだけでGoogleページランク、Yahoo!WEBランク、トラフィック世界ランク、サイト来訪者数、サイト来訪者の平均ページビュー、最重要に設定されているキーワード、最重要キーワードの月間検索数、Google/Yahoo!/MSNの最重要キーワードでのサイトの順位と競合数・狙い目数値、Google/Yahoo!/MSNの被リンク数、ドメイン取得年月日などがわかります。 今まであちこちの同種のサイトを使っていたのがかなり楽になります。国内サービスなので表示も全部日本語で、非常にわかりやすいです。 SEO TOOLS http://www.seotools.jp/ SEOアクセス解析ツール http://www.seotools.jp/001_seoanalyze/ SEO TOOLS - 順位チェックツール http://www.seotools.jp/

この間、Googleが満を持してExcelのような表計算が可能な「Google Spreadsheets」をリリースしましたが、他にも同じようなサービスはあるわけです。 というわけで、色々集めてみました。グラフ作成機能はやはり必須だなと実感しました。 Num Sum - web spreadsheet http://www.numsum.com/ 実際の例としてはこうなります、ちゃんとグラフ作成機能もありますし、Excelにかなり近い。 Online spreadsheet - iRows http://www.irows.com/ 実際の例はこんな感じ、グラフが立体にできる。 Zoho Sheet - Online Spreadsheet http://zohosheet.com/home.do 実際の例はこうなる、今まで見た中では一番再現性が高く、シートの切り替えもチャートの編集もきっ

「Google Spreadsheet」というウェブベースのオンライン表計算サービスの限定テストが開始されたわけですが、早速ざっくりと使ってみました。ちゃんと日本語入力も可能で、既存のExcelファイルも読み込めました。 以下、さらなる詳細。 一応先着順でテストには参加できるらしく、まずここから申し込みます。 Welcome to Google Spreadsheets (Limited Test) http://www.google.com/googlespreadsheets/try_out.html 既に作成済みのGoogleアカウントを入力すればおしまい。「Your invitation to try Google Spreadsheets」という件名のメールが来るので、本文に書いてあるアドレスにアクセスすれば参加できるようになります。 コレがその画面 ログイン直後の画面、まんまE

現在のところFirefoxなどのGeckoエンジンとOpera、それからSafari/WebKitベース以外のブラウザでは実現できていませんが、次の「CSS3」だとこういうことができるよ～という例。テキストに影を付けるとか、コーナーを丸くするとかなかなか面白い。CSS3 Preview - Joost de Valk http://www.joostdevalk.nl/code/css3-preview/ ブラウザのサポート状況は以下のサイトが上手にまとまっています。 Web Browser CSS Support http://www.webdevout.net/browser_support_css.php#css3standards W3CのページによるとCSS3というのはこんな感じらしい。 Introduction to CSS3 http://www.w3.org/TR/css3

フォームに自分のサイトのアドレスを入れるだけで、Googleのページランク、Googleでの検索結果から類推されるリンクしているサイトの数、同じくYahoo！とMSNからのリンク数、さらにはAlexaのトラフィックグラフへのリンクなどをまとめて表示してくれます。 Who links to me http://www.wholinks2me.com/ ほかにもそれぞれのリンク元一覧がずらっとこのサイト下部に並ぶので、自サイトのメジャー具合を調べるのに都合がいいかもしれません。また、SEO業者に頼んでからその成果を見る場合に役立つかも。 なお、この「Who links to me」はRefererを見ているらしく、自サイトからリンクすればそのリンク元サイトの結果で自動的に表示してくれます。そこで自サイトからリンクする用のタグもページ最下部に提供されています。

初回起動速度、一度起動して2度目の起動速度、CSSのレンダリング速度、テーブルタグのレンダリング速度、JavaScriptの実行速度、複数画像のロード速度、一度表示したページのキャッシュ再表示速度で各種ブラウザを比較した結果、その頂点に立つブラウザはどれなのか？というお話。 比較対象ブラウザはAvant1.1、Blazer4.0、Clue4.2、Escape4.82、Escape5.1.4、Firefox1.0（Moox）、Firefox1.0、Firefox1.5、ICEbrowser6、Internet Explorer 5.0、Internet Explorer 6.0、Internet Explorer 7.0 (b1)、K-Meleon 0.8.2、Maxthon 1.1、Mozilla 1.0、Mozilla 1.8、NetFront 3.2、Netscape 4.77、Net

個人での利用はもちろん商用でも無料。素材をそのままネットで再販しない限りはOK。ユーザー登録不要でダウンロードできます。 ブログなどの作成時に記事にちょっとしたイメージ画像を付けるといい感じになるのですが、よい画像が見つからないときに便利。また、サイズも大きいのでちょっとした印刷レベルで大丈夫。暑中見舞いや年賀状にも使えるかも。 Image * After http://imageafter.com/ 一応ライセンスに関しては以下のようになっているので商用利用を考えている人は一読を。 http://imageafter.com/terms.php

ここ3日間ぐらい超絶な重さだったのはサーバに物理的トラブルが発生したからではなく、単純に閲覧者数が満員御礼となり、各時間で倍増したためです。LoadAverageはひどいときで15分間の平均値「27.1」程度。瞬間最大風速だともっと高いです……明らかにまずい。 というわけで、Apacheのデフォルト設定で今までは大丈夫だったのですが、ついに高負荷サイト用の設定に変更せざるを得なくなりました。 そのため、実際に行った対処方法は以下の通り。1日30万PV近い動的サイトの高負荷を緩和させる方法として参考になれば幸いです。 まず大前提として、既にDNS逆引きや.htaccessの余計な読み込みなどは停止させていました。下記ページに書いてあることは実行済み。 ＠IT：Apacheパフォーマンス・チューニングの実践（1/2） この状態で負荷が15分平均で「27」になっていたわけです。 また、LoadA

Windows XPの起動がおかしくなった、あるいは全く起動しなくなった場合に使えるかも知れない最終手段です。必ずしもコレで救われるわけではありませんが、知っておいて損はありません。 Repairing Windows XP in Eight Commands - Guide - Short-Media http://www.short-media.com/review.php?r=313&p=2 使うのは「Windows 回復コンソール」です。 Windows XP 回復コンソールについて 回復コンソールのインストールは以下を参照。 ITmedia エンタープライズ：Windows Tips「回復コンソールって何？」 http://www.itmedia.co.jp/help/tips/windows/w0391.html また、フロッピーディスクなどからでも回復コンソールは起動できます

正確にはオープンソースソフトなわけですが、非常に優秀です。ISOイメージをダウンロードしてCD-Rに焼けばライブCDが完成。そこから起動すればパーティション操作がグラフィカルな操作画面から可能になります。 パーティションのサイズ変更や新しいパーティションの作成、フォーマットの変換、まるごとコピーなどが簡単にできます。 対応しているのはExt2、Ext3、FAT16、FAT32、JFS、ReiserFS、Reiser4、NTFS、XFSなど。 GParted http://gparted.sourceforge.net/ ダウンロードはこちらから（LiveCDの方） http://gparted.sourceforge.net/download.php パーティションのサイズ変更はこのような感じで可能 新しくパーティションを作る場合はこんな感じ フォーマット変換は選ぶだけで済む 各フォーマッ

GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor

上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle

現在、どうやらアメリカ国内のIPアドレス以外からだと弾かれるようになっているようです。 そのため、プロキシを間に挟んだりすると見えます。 例） http://67.18.35.242/-picasa.google.com/linux/index.html 一応、ミラーサイトはこちら。 Picasa http://picasa.google.com.nyud.net:8080/linux/ 直リンは以下を参照。 RPM (Red Hat/Fedora/Suse/Mandriva x86) DEB (Debian/Ubuntu x86) BIN (Any x86 Linux distribution)

この映画のセットみたいなパルテノン神殿もどきはCGではなく、首都圏地下深度50メートルに実在する世界最大級巨大施設「首都圏外郭放水路」の一部「調圧水槽」です。通称「地下神殿」。数々の特撮や映画で使われた実績あり。 幅約78m、長さ約177m、高さ約25mあり、59本の鉄筋コンクリートの柱が並んでいます。こんなものが首都圏の地下に実在するとは…。 以下のサイトでこの巨大建造物の写真を見ることができます。360度ぐるりと見回すことができる写真もあるので、かなりインスピレーションが刺激されます。怠惰な日常に疲れ切ってしまった方にオススメ。 フォトギャラリー | 首都圏外郭放水路インフォメーション http://www.g-cans.jp/intro/07photo/index.html フォトギャラリー | 360度写真館 | 首都圏外郭放水路インフォメーション http://www.g-can

IBMにAJAXとPHPとMySQLを使ったRSSリーダーの作り方が掲載されています。 いわゆるサーバインストール型のRSSリーダーについて、個人で使うだけではなくその結果を閲覧者に見せるためのモードも搭載するという非常に凝ったものになっています。 ソースコードもダウンロードでき、実際のスクリーンショットなども使って解説されているのでRSSリーダーを作りたいと思っている人にはかなり有益な情報になるのではないかと。 作り方とコードのダウンロードは以下から。 Ajax RSS reader そのほかにも日本語で書いてあるのは以下のようなページ。 「Ajax + PHP」でRSSリーダーを作る : きまぐれ日記2『オンとオフの狭間』 http://sakipapa.sakura.ne.jp/blog/2006/03/002534.php Ajaxを使おう　RSSリーダーを作る - ［JavaSc

9800個もあるフォントを無料でダウンロードできるサイトです。ちゃんとプレビューも表示されるのでダウンロード前にどんな書体か確認もできます。 ダウンロードするには「DOWNLOAD THE FONT」の下にあるフロッピーディスクのアイコンをクリック。ポップアップしたウインドウに表示されるランダムなアルファベット3文字を入力して「Send」をクリック。あとは表示される「click to download the file」をクリックすればダウンロードできます。 9800 Free Fonts, fonts for free, font finder, download free fonts, free typography http://www.creamundo.com/index.php?lang=en ほかにも以下のサイトで無料のフォントを山ほどダウンロードできます。いざというときに備