ダウンロードページについて
- 2007.05.07 Monday
- misc
旧サイトでは掲示板CGIスクリプトなど、いくつかの著作物を配布していました。
miのモードファイル「sbHTML」を始めとして、いくつかのアーカイブを「SimpleBoxes - 物置」にアップロードしておきましたので、お知らせいたします。
お気軽にご利用ください。
ページ上部のナビゲーションリンク「junk」よりダウンロードページにリンクしています。
配布物一覧 [2008.03.20現在]
スポンサーリンク
旧サイトでは掲示板CGIスクリプトなど、いくつかの著作物を配布していました。
miのモードファイル「sbHTML」を始めとして、いくつかのアーカイブを「SimpleBoxes - 物置」にアップロードしておきましたので、お知らせいたします。
お気軽にご利用ください。
ページ上部のナビゲーションリンク「junk」よりダウンロードページにリンクしています。
スポンサーリンク
リンクをCtrlクリックすると、リンク先のページを新しいFirefoxウィンドウに表示する
Forgot the Milk. - Firefox の意外と知らない10の基本機能
設定によるのかもしれませんが、私は以下のキーボードショートカットを多用します。
リンクを開くときに利用します。
新しいタブでリンクを開くのですが、バックグラウンドで開きます。
また、これはおそらく設定に依存すると思うのですが、Macの場合、以下のキーボードショートカットがあります。
新しいウィンドウをバックグランドで開く方法が分からなかった……。
あと、キーボードショートカットと言えば、ctrl + tabはタブ切り替えに使えるかと思います。これはMacでもWindowsでも同様かな(shiftを使うと逆順で切り替え)。
スポンサーリンク
javascriptでキーが押された時のイベント処理について、調べてみました。
prototype.jsでは、以下のサイトで触れられているような処理を行っているようです。
確認したブラウザは以下の通り。
keydownとkeypressが送られる回数をカウントするという簡単なサンプルを用意して確認しました(スクリプトの内容)。
| ブラウザ | keydown | keypress |
|---|---|---|
| Safari 2.0.4 | 押したとき一度だけイベント発生 | キーリピートでイベント発生 |
| Opera 9.20 | 押したとき一度だけイベント発生 | キーリピートでイベント発生 |
| Firefox 2.0.0.3 | 押したとき一度だけイベント発生 | キーリピートでイベント発生 |
| iCab 3.0.3 | キーイベントそのものが発生しない？(註1) | キーイベントそのものが発生しない？(註1) |
| Internet Explorer 5.2.3 | キーリピートでイベント発生 | キーリピートでイベント発生(註2) |
| Internet Explorer 5.5/6.0/7.0 | キーリピートでイベント発生 | キーリピートでイベント発生(註2) |
[註1] 私が試した限り、iCabではキーイベントを拾ってくれませんでした。そもそもオブジェクトにフォーカスを当てることができない感じです。マウスクリックイベントは他のブラウザと同じように扱ってくれます。
[註2] Internet Explorerの挙動はちょっと面白くて、keypressイベントでは拾ってくれないキーが存在します。例えば、カーソルやタブキーはkeydownイベントでは捕捉されますが、keypressイベントでは捕捉できません。ここでは、「英数字」とありますが、おそらくキーを押したときに何らかの文字が出力されるキーかと思います。
また、オブジェクトに対してイベントを割り付ける関数については、attachEventとaddEventListenerがありますが、
var check_atatchEvent = !!window.attachEvent; var check_addEventListener = !!window.addEventListener;
というコードで、対応の有無を調べることができます。
| ブラウザ | attachEvent | addEventListener |
|---|---|---|
| Safari 2.0.4 | false | true |
| Opera 9.20 | true | true |
| Firefox 2.0.0.3 | false | true |
| iCab 3.0.3 | false | true |
| Internet Explorer 5.2.3 | false | false |
| Internet Explorer 5.5/6.0/7.0 | true | false |
という訳で、キーが押された時のイベント処理を、ここで挙げたブラウザについて統一させる場合。
addEventListenerに対応しているか否かだけを調べて、対応していればkeypressで、そうでなければkeydownで処理する。
というのが良さそうです。
Safari 2.0.4では、問題なくkeypressイベントをハンドリングできるようですが、ここを見る限り、もしかしたら、過去のWebkitではkeypressがうまくハンドルできないというのがあったのかもしれません。
スポンサーリンク
私はSerene Bachとsbというウェブログツールを作っています。
細かい部分なんですが、ここはちょっとこだわってみたという点をまとめておきます。
sb/Serene Bachではマルチユーザーに対応していて、複数のユーザーを登録できます。
管理者と通常のユーザーでは左側に表示されるメニューが変わります。使わないメニューはグレーアウトするというインタフェースも考えられると思いますが、sb/Serene Bachでは、メニュー項目そのものを表示しないようにしています。
賛否あると思うのですが、使うことのできないメニューはそもそも見せない方が分かりやすくなるのでは、という考えがあります。メニューの数が変わるので、変わっても大丈夫なようなレイアウトを心がけます。
sb/Serene Bachでは、ディレクトリ構成などを意識しないでいいように、ひとつのファイルをアップロードすれば済むようにしました。
ファイルの形式はメールと同じMIME形式を使っているので、汎用性もあります。
比較的簡易なものには、特定のディレクトリにアップロードするという方式も考えられます。Wordpressなどはそのような方式ですね。
sb/Serene Bachでは「続き」として記事を分割して記述することができます。トップページなどに表示されるのは「本文」で、「続き」は記事の個別ページでのみ表示されるという機能差があります。
sb/Serene Bachでは、記事に「続き」が存在する場合、フィード側に「続きがあります」という表記を明記するようにしています。
RSSリーダーを利用されている方に対して「この記事はこれで終わりかどうか」をはっきり明示することで、閲覧しやすくなるような気がします。
sb/Serene Bachでは携帯電話向けのHTMLを出力する機能があります。携帯電話向けにはXHTML Basicとして出力する他、ページがある一定のサイズ以下になるように分割されます。
記事を分割する際には、サイズをベースにしているので、著者が意図しない箇所で分割されてしまう場合も起こりえます。
その場合でも著者の意図したマークアップを可能な限り崩さないように分割します。
多少不便になっても一通りの操作はできるように作成しています。
管理画面のマークアップもそれなりに意識して作成しています。
スポンサーリンク
やたらと評判が良いので、ちょっと入れてみました。コマンドランチャーって言うんでしょうか。
現状では、ほとんど使っていません。確かに評判通り、便利そうな雰囲気は感じます。インタフェースも格好良い。
まだ全然馴染んでいないので、今後使う頻度が上がるかどうかは分かりません。
流行りのTwitter、私も参加しています。
いくつか専用アプリケーションが出ていて、Twitterrificはそのひとつ。
半透明で邪魔にならないウィンドウや軽快な動作が売りでしょうか。
ちなみにWindowsでは、Twitがお気に入り。
Skype自体は結構前からインストールしているのですが、最近メッセンジャーソフトとして利用する頻度が増えました。
ダウンロードのページからダウンロードできるSkype 2.6β版では、相手の入力タイミング(?)が分かるなど、メッセンジャーソフトとしての使い勝手が向上しています。
Mac OS Xのアプリケーションではありませんが……。
今挙げてみるMacintosh用の10アプリケーションを書いた頃は、RSSリーダーとしてNetNewsWire Liteを利用していましたが、今はGoogle Readerを使っています。
職場と自宅で情報を共有できることが一番の利点です。
オンラインのRSSリーダーは、livedoor Readerと迷ったのですが、「グループ内のフィードを一括表示できる」という点だけで、Google Readerを使っています。動作そのものはlivedoor Readerの方が軽快そうな印象があります。
スポンサーリンク
職場で頻出する英語を書き留めてみる。
[2007.05.03] dodgy と robust を追加
他にもまだまだあるんですが、思い出せないので、また思い出したら、追記します。
スポンサーリンク
title要素は通常タイトルバーなどに利用されます。文字通り、文書のタイトルを記述する要素で、HTML/XHTML文書では必須となっています。
ふと思い立って、次のような実験をしてみることに……。
まず、次のようなHTML文書を用意します。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link rel="stylesheet" title="default" type="text/css" href="style.css" media="screen,tv" /> <title>サンプル文書</title> </head> <body> <p>これはサンプル文書です。</p> </body> </html>
続いて、スタイルシートを記述します。
head { display: block; } title { display: block; }
作成したサンプルを見てみると……。
実のところ、全然期待していなかったのですが、なんとMozilla系(Firefoxなど)・WebKit系(Safariなど)・Operaではtitle要素が表示されます。
残念ながら、Internet Explorerでは動作しない(Windows版・Macintosh版ともに)ようなので、実用性には欠けるとは思いますが、ご参考までに。
以上、すべてMac OS X上で確認
これって、結構知られているんでしょうか？少なくとも私は全然知りませんでした。
スポンサーリンク
職場で「Japanese fooled in poodle scam」という記事が紹介されていました。
ざっくり言うと「羊を『プードル』とだまして売る詐欺が日本で行われていた」ってことのようです。
記事中にある「Maiko Kawamaki」は「川上麻衣子」さんのことらしく、さっと調べたら、テレビ番組でその手の話はしたらしいってのはウェブ上でも見かけました。
記事によると、2000人が詐欺にあっているようですが……。本当なんすかね？
[追記] やっぱりデマだったようです。結構有名な都市伝説のひとつのようですね。
スポンサーリンク
Cocoaでアプリケーションを作ってみました (日本語 / in English) 。
![[図]Bloglines Notifier](http://serennz.sakura.ne.jp/toybox/bloglines/screenshot.png "Bloglines Notifier")
メニューバーにBloglinesの未読記事数を表示するというシンプルなアプリケーションです。
Cocoaのアプリケーションを作成したことのある人なら、さくっと作ってしまうだろうミニアプリですが、一から作成するのはほぼ初めてだったので、色々つまずきました。これについては機会があれば後日触れられたら……と思っています。
ちなみに「Bloglines Notifier」自体はすでに公式版があるのですが、なぜか未読数を表示してくれませんでした。
Bloglinesの更新通知APIはごくごく単純な形式で、難しい処理はありません。これなら自分でも作れそうだと思って、練習がてら作成してみました。
スポンサーリンク