2007年10月24日

いつの間にか英単語が覚えられているかも知れない Greasemonkey「FLASH LEARNING」

画面上をクリックすると英単語が表示されます。かなり適当なので予期せず表示されてイライラすることも多いです。でもそれだけ英単語を目にする機会も増えるので、いつの間にか覚えてしまうかも知れません。
FLASH LEARNING

更新履歴

  • (2007-11-12) 表示位置の設定を可能に(画面中央、四隅、カーソル近くを選択可能)
  • (2007-11-02) 登録画面のデザイン、登録方法など変更
  • (2007-10-30) 英単語の登録方法、表示色の変更など
デモ(27秒)(2007-10-31差し替え)

入力したキーを表示するGreasemonkeyスクリプト - 実用を利用している時に勉強工学 - Web時代の学習法 第1回を読んで思い付きました。

スクリプト自体も FLASH KEY をもとにさせて頂いてます。

表示される英単語はスクリプトに直接書いあるので編集して追加する必要があります。ただし、今の段階では追加しない方がいいかも知れません(今後のバージョンアップによって消えてしまう場合があるので)。デモという感じです。
英単語の登録方法を変更しました。直接スクリプトを変更する必要はなくなりました。

今後の予定
  • 単語の追加をもっと簡単に出来るようにする。
    どこか違う場所に英単語のデータは置いておいて、それを読み込む方法とか。
    登録画面を追加。そこへ単語、意味のタブ、もしくはスペース二つ以上区切りで入力して登録が出来るようになりました。
  • 英単語の表示方法を選択できるように。
    画面の端やマウスの近くなど。

    画面中央、四隅、カーソル近くに表示が選択が出来るようになりました。

関連記事

posted by knit at 22:27 | Comment(1) | TrackBack(0) | JavaScript

2007年10月18日

ウェブページから簡単にカットアップが作れる Greasemonkey 「CutupEditor」

最近 Twitter の投稿に使っている Greasemonkey スクリプトを公開してみます。
cutupeditor.user.js

スクリーンショット

CutupEditor とは?

ウェブページから簡単にカットアップが出来ます。

カットアップとは既存の文章を切り取ってバラバラにして、ランダムに貼り合わせて新しい文章を作ることです。

ランダムに並べ替えるので意味不明の文章になることも多いですが、中にはうまい具合に面白い文章になったり、普通では考えられない組み合わせになって新たな発見というか、驚きがあったりします。出来た文章はこんな感じです。

その出来た文章を簡単に Twitter に投稿することが出来ます。Twitter 以外にももごもごTimelog にも投稿出来ます。

CutupEditor の使い方

起動の仕方

CUE起動

インストールしたら
右下の Greasemonkey のアイコンを右クリック
[ユーザスクリプトコマンド]→[CutupEditor]
で起動します。起動すると画面の下半分くらいに CutupEditor のウインドウが表示されます。

文章の選択方法

文章取得

カットアップするには文章を取り込まなくてはいけません。これは自分で文章を選択する必要があります。

文章の選択には二つの方法があります。
一つは段落や要素の中の文章をすべて取得する方法。
もう一つは文章の一部をマウスで選択してその部分だけ取得する方法。

要素ごと選択する方法

要素選択

  1. どこか取り込みたいページの上で CutupEditor を起動します。
  2. CutupEditor のウインドウの右上の [select] ボタンを押します。
  3. するとウインドウが消えてマウスを動かすと要素毎に赤い枠が表示されるようになります。
  4. 取り込みたい文章が枠で囲まれたらクリックします。
  5. すると CutupEditor のウインドウが表示されてその中のテキストエリアにその文章が表示されます。
  6. テキストエリアの中に表示された時点で取り込みは完了しています。
文章の一部を選択する方法

選択範囲取得

  1. 取り込みたいページで cutupEditor を起動しておきます。
  2. 取り込みたい文章をマウスで選択(反転)します。
  3. そのままの状態で CutupEditor の右上の [select] ボタンを押します。
  4. すると選択しておいた文章が CutupEditor のテキストエリアに表示され取り込みが完了します。
カットアップされた文章を作成

いくつかの文章を取り込んだら準備は整いました。カットアップされた文章を作成することが出来ます。

作成する方法は [New] ボタンを押します。するとテキストエリアに作成された文章が表示されます。ボタンを押すごとに次々と作成されます。

ただし、取り込んだ文章が少なかったり、内容によってはあまり変化がないかも知れません。いろいろな文章を取り込んでみてください。

Twitter に投稿する

カットアップを作っていて面白い文章や残しておきたい文章があったら Twitter などのミニブログ(マイクロブログ)に投稿することが出来ます。

セレクトメニューから投稿先を選んで、隣にある [Update] ボタンを押します(ログインしていない状態ですと投稿先から認証の画面が出ますので、それに入力してください)。テキストエリアに「Success!」と表示されたら成功です。

Share について

投稿先のセレクトメニューに Share というのがあります。ここを選択すると匿名でここ(Tumblr)へ投稿出来ます。

[Update] の右側にある Share にチェックを入れると選択した投稿先と両方に投稿します。この場合は Tumblr には引用として投稿されて投稿先へリンクが張られます(Twitter ともごもごの場合)。

ショートカットキー

CutupEditor を起動させた状態でキーボードの "h" キーを押すとショートカットキーの一覧が表示されます。ショートカットキーを使うと文字の選択などが簡単に行えるので利用してみてください。

posted by knit at 00:08 | Comment(1) | TrackBack(0) | JavaScript