Home > 2007年12月11日

2007年12月11日

correct.js（と命名したスペル修正プログラム）のサンプル作った

2007-12-11 (Tue)
JavaScript

昨日のエントリの通り、
スペル修正プログラムはどう書くか（原文）
をjsでパクりました。

んで、せっかくなので、なんかできないかなーと思って（実はjQueryを勉強するためになんかやりたかっただけってのもありますが･･･）、作ってみたのがこれ↓

correct.jsサンプル
※ サンプルサイトにも書いてある通り、大量のテキストを入力するとブラウザが不安定になったりするかもなので、気をつけてください。

ちなみに、今回のサンプルではAjaxでtxtを読み込むようにしました。（前回不足している機能として書いたものです）
興味のある人はソースを直接見てください。といってもjQueryを使ってるのでたった3行程度のものですが。

[使い方]

一番上のテキストボックスに英字を入力すると、修正候補らしきものを表示します。（上位5つまで）
で、候補をクリックすると、その内容がテキストボックスに入力されます。

以上、たったこれだけ･･･ってのもなんなんで、オマケ機能をつけました。

テキストエリアに英文を入力して「覚えさせる」ボタンを押すと、英文に出現する単語数を数えて記憶します。
これで、今まで知らなかった言葉も良い感じに表示してくれるはずです。

※ なぜこんな機能をつけたか？

　　試してみてもらえればわかりますが、初期状態では全然補完してくれません。
　　これは昨日も書いた通り、始めに読み込むテキストが少ないのが原因です。
　　（オリジナルが6Mのテキスト読んでるところを、今回のサンプルではその冒頭部分（50K足らず）しか読み込んでいません）
　　なので、代わりにつけてみました。

ちょっと人工無能みたいで楽しく･･･ないですよね。

[参考]

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery（入門編）
Prototype.jsとjQueryのコード比較:phpspot開発日誌
 jQuery リファレンス
 jQuery 開発者向けメモ（なんか僕のIE6ではスクロールがうまく動かなかったのでFirefoxで見ました。何でだろう？）

全部jQuery関連です。