Personal tools

きぃなび

知り合いの佐藤さんという方が「きぃなび」というものを作っています。JavaScriptを使って,Webサイトのナビゲーションをキーボードで行ってしまうというもの。慣れると異様に快適です。とくにプログラマーに多い「キーボード中華思想」というか「キーから手を離したくない!」という方が使うと中毒的な効果が期待できるのではないでしょうか。

Zopeの管理画面をきぃなび化するプロダクトもあります。ちょっとした英語のドキュメントをつけて,zope.orgで公開すればよいのになあ。。。

Category(s)
misc
The URL to Trackback this entry is:
http://coreblog.org/ats/141/tbping

Re: きぃなび

Posted by yasiyasi at 2003-11-27 12:38

 英文ページも充実してますし、たしかにZope.orgで宣伝すれば好評を得られそうですね。
 お年寄りや障害者の方への配慮を呼びかけるページも用意されていて、参考になります。

 導入方法もJavaScriptを呼び出す1行をページに紛れ込ませるだけ、太っ腹なことに無料で使える、ということから、自治体など公共機関のページに導入するのも障壁は低いかも。

 キーナビゲーションが各サイトでバラバラだと、結局ユーザーにとっては使いにくい、という問題がありますが、どこかのサイトがよく練られた操作デザインを打ち出して、それがデファクトスタンダードになっていけば、徐々に解決するかな?

Re: きぃなび

Posted by yasiyasi at 2003-11-27 22:09

 JavaScriptを使うという点が、頭の固い自治体での採用への鬼門でしょうか。
 「市民に不快な思いをさせない」という配慮から、「多くのブラウザで表示できること」「市民のブラウザにセキュリティの抜け穴を開けるよう強制しないこと」という観点で、「JavaScript禁止」をポリシーとしている自治体サイトもあるかもしれません。

 そういうポリシーを金科玉条としている自治体サイトでは、きぃなびによる視覚障害者への利便性の提供と、上記の懸念との優先度の判断に苦慮して、結局、採用しないことになるかも。

Re: きぃなび

Posted by ats at 2003-11-27 22:42

>yashiyashiさん

素晴らしいものでも,話の持ってゆき方によって価値とか評価が変わってしまうのがこの世の中です
とにかく海外で使ってもらうのが一番だと思います。長期的に見ると,100人の日本人が使うより,10人の外人が使ったほうが効果があると思うので,やはりzope.orgで公開すべきだと思うんですけど。。。

Re: きぃなび

Posted by yasiyasi at 2003-11-27 22:54

役人動かすにも、やっぱ「黒船」方式が一番ですかね(笑)

きぃなびは、今日、試しに使ってみた使い心地が面白かったので、私も広まって欲しいと思っています。さて、私のところのCOREblogにも導入できるでしょうか。

p.s.
ページスクロール操作で、ついつい「hjkl」でvi風に操作しようとしてしまう私は、素人には戻れないんでしょうかね(^-^;)

Re: きぃなび

Posted by at 2003-11-28 00:19

今日一日きぃなびと格闘してました。
お手軽度は高くていいですが、カスタマイズは厳しそうです・・・

結局、タイニーな同等機能を自前で組むほうが早かったり・・・(^_^;)

Re: きぃなび

Posted by ats at 2003-11-28 10:34

>のさん

カスタマイズしたり,自分で作ると,ブラウザ間のコンパチビリティーを保ったりするのが難しそうですよね


自分で使うものであればよいですが,サイトに組み込んだり,Zopeの管理画面に仕込むことを考えると,固定的で気の利いた実装があった方がよいような気がしています

Re: きぃなび

Posted by 作者です at 2003-11-29 23:53

どうも皆さんこんにちは。「きぃなび」の作者です。
さっきこのページを見つけたのでレスします。ちょっと遅いかな?!

のさん> 今日一日きぃなびと格闘してました。
のさん> お手軽度は高くていいですが、カスタマイズは厳しそうです・・・

ひょっとして古いDocument見てません? Googleで「きぃなび」検索すると古い文書がHitするようです。

リンクタイトルで括弧 [ ] を使うだけでショートカットになってくれます。
世界で一番ラクなショートカット作成法かと自負してます。。。

atsさん> ちょっとした英語のドキュメントをつけて,zope.orgで公開すればよいのになあ。。。

そもそも「きぃなび」のサイトはアメリカのPacielloさんという障害者Webの権威の方とお話した時に「英語ページある?」ということで本格的に作り始めました。

「正式版まだぁ〜?」というメールを頂いて随分ホッタラカシになっていたのですが
バージョンも1.0 にしたことだし英語ページもテコ入れしてZope.orgに紹介してみます。

他にも何か疑問とかあったら遠慮なく言ってください。

それでは失礼。

Re: きぃなび

Posted by ats at 2003-11-30 21:46

これはこれは作者様

>バージョンも1.0 にしたことだし英語ページもテコ入れしてZope.orgに紹介してみます。

ぜひぜひ。楽しみにしています;-)

Re: きぃなび

Posted by at 2003-12-02 00:25

あ、言葉足らずでした

かなーり特殊なカスタマイズをしようとしてたので(^_^;)

具体的に言うとカーソルキーで左右でフォーカスを順に変えていって、上下は別の処理に割り当てるようなことをしたかったのです。

要するに純粋にライブラリとして利用しようと考えてたんで、カーソルのみをいじれるようなAPIがあるかと思って探してみたんですけどよくわかんなかった(^_^;)

あと、フォーカス移動のデフォルトの状態を指定する方法も最初よくわかんなかったんですが、これはkl_setup_ex()の中でKL_MAP_DEFAULT="moddef_fa"とか指定すればいいのかな?
これもドキュメントが見つからなくて結局ソースなめてしまった(^_^;)

Re: きぃなび

Posted by 作者です at 2003-12-02 12:14

atsさん>
英語は苦手なので そのときはよろしくお願いします。

CoreBlogは無彩色でなかなか渋いですね。
帯タイトル部分とか灰色セルの組合せで雰囲気が重くなりがちな
ところが白色文字で軽くなっていて いい感じです。

のさん>
カスタマイズ用ハンドラ関数を作ればOKです。
ただ昨晩バグを発見してしまったので今日の夜にでも修正して再投稿しますね。
Version1.01にします。



以下、前投稿の付け足しです。。。

yasiyasiさん>ページスクロール操作で、ついつい「hjkl」でvi風に操作しようとしてしまう

僕も同じです。 昔 SunSparc上で初めてMosaicを触った時に思わず「J/K」でスクロールしないかとキーを押してしまいました。

さてさて、UNIXユーザ向けのキー配置は試されました?
「Ctrl-/」で「きぃなび設定画面」を表示させて配置をUNIXに変更できます。

viと全く同じというワケではないのですが「J・K」で上下スクロールできます。
「P・Shift-G」での先頭・最後移動時にはマークも設定されて「'」で戻れます。

また一部Emacsの配置も有効で「Esc-<・>」も同様。「Ctrl-Space」でマーク、「Ctrl-XX」で戻れます。

「Ctrl-N/P」とかのEmacs風上下スクロールも実装しようかと思ったのですが
ブラウザショートカットの「新規窓/印刷」に割当てられているのでやめときました。

これらでも使いたい場合は ハンドラ関数でカスタマイズすれば可能です。
ブラウザの割当て(対応する拡張キー名は"cN","cP")を無効にして代わりに上下スクロール関数を割当てればOKです。

Re: きぃなび

Posted by ats at 2003-12-02 21:08

>作者様
>英語は苦手なので そのときはよろしくお願いします。

イヤです(笑)
自分のお尻は自分で拭きましょう。というか,私が手伝うまでもないと思いますけど;-)

COREBlogのデフォルトスキンのデザインは「できるだけCSSのみで」というテーマで,かつ「パッと見てCOREBlogと分かり」,さらに「カスタマイズされても目を引く部分が残る(日付のバーの部分とか)」という条件を課して作ってたらこうなりました。
あと,バリアフリーっぽいことを考えて,できるだけ文字と背景の明度差をつけるようにしています。渋いっていうのはそこらへんが関係してるのかな?

Re: きぃなび

Posted by 作者です at 2003-12-03 02:13

atsさん>できるだけ文字と背景の明度差をつけるようにしています

なるほど。

ちょっと話は変わりますが 最近JavaScriptをやってきてその線での話題ですが
JS連携でちょっと面白いページを作れそうな気がして。今日は眠いのでまた書きます。


のさん>KL_MAP_DEFAULT="moddef_fa"とか指定すればいいのかな?

おしいです。でもよく見つけられましたね。"fa"="Focus by Arrow keys"の略です。
あと "moddef"ではなくて"mapdef"です。これは "keyMap Default"の略です。

ちなみにその状態で「Ctrl-/」により「きぃなび設定」窓を表示させると
「フォーカス割当て」の「矢印キー」の部分にチェックが入っているのが分かると思います。

のさん>カーソルのみをいじれるようなAPIがあるかと思って

まず Version1.01をダウンロードして下さい(1.0は矢印が扱えなかったので直しました)。

そして以下のようなコードを書きます。

function kl_keyfunc_ex(stat){
if(stat["knx"]=="UP"){ alert("上矢印"); return false; }
if(stat["knx"]=="DOWN"){ alert("下矢印"); return false; }
if(stat["knx"]=="LEFT"){ alert("左矢印"); return false; }
if(stat["knx"]=="RIGHT"){ alert("右矢印"); return false; }
return true;
}

修飾キーがついた場合は「ALT」「Ctrl」「Shift」それぞれ
「a」「c」「s」を前に補えばOKです。例えば「Ctrl-上矢印」なら"cUP"です

以下のハンドラ関数を使ったサンプルも参考になるかもしれません。
さきほど作って公開しました。

Re: きぃなび

Posted by ats at 2003-12-03 11:13

>作者様

これだけコメントが付くのだから,ご自身でBlog運営するなりしてみてはいかがでしょう。Zopeでないと動かないCOREBlogでなくても,ツールはたくさんあります
もうそろそろきぃなびのEntryも表から消えてしまいます。私も更新しづらいです(笑)
ぜひぜひ,ご検討くださいませ

Re: きぃなび

Posted by 作者です at 2003-12-03 23:46

了解です。

Re: きぃなび

Posted by ats at 2003-12-04 09:50

>作者様
Blogでキーボードナビゲーションができるようになったら
それなりに人を集めそうな気がします

Add comment

You can add a comment by filling out the form below. Plain text formatting.

(Required)
(Required)
(Required)
(Required)
コメントスパム避けのための認証文字列です

Captcha Image

Pythonな求人
r = urlopen("http://www.webcore.co.jp/recruit")
About this blog
■Author
atsこと柴田淳です。Atsushiはガイジンにうまく発音して頂けないので,これからはJunというペンネームで行こうと思っていましたがあんまり使ってません。
Webcore株式会社 代表取締役
■TRIVIAL TECHNOLOGIES 2.0
トリビアル・テクノロジー 2.0,「トリテク 2.0」と呼んでください。
Blog(ブログ)サイトです。Plone上で動く,オープンソースのBlog Product - COREBlog2を使っています。
 
最近書いた本,Mook
みんなのPython Webアプリ編
Pythonの基礎から,Webアプリやフレームワークの仕組みまで,つまることなく一気に学べる書籍です。「みんなのPython」と一緒に読んでください:-)。
みんなのPython
Pythonの入門書です。基本的なことから分かりやすく解説するよう勤めました。Pythonをはじめたいと思っている人,JavaやC++,PerlやRubyを学ぼうと思って躓いてしまった人はぜひ読んで下さい。
 

Powered by Plone, the Open Source Content Management System