Web scratch

Archive for the ‘雑記’ Category

メディアマーカーは読書管理を行えるWebサービスで、基本的な読書管理のシステムも優れていながら、Twitterへの連携やiPhone アプリもあるので、とても使い勝手がよいサービスです。
今回は自分がどのようにメディアマーカーを使っているか、自分流の読書管理方法について書いてみる。

まず、読書管理について自分で心がけているのは

1. どんな本だったかが直ぐ分かること
2. 読書した本の登録が面倒くさくならないこと
3. 読書管理を楽しめること

これを目標にしていろいろな読書管理方法を試してきました。
1のように後から見返したときにどんな本だったかを知るために読書した本を管理しているところが大きいので、以前はどんな内容だったかをレビュー形式で書いたりしていました。
しかし、本のレビューみたいに詳しく 書いていくと面倒臭さが増し2や3を破ってしまう事になり、あまり長くは続きませんでした。
(レビュー書く事が全く苦ではない人はブログや私本管理Plusを使って書きためるのもいいかもしれません)

後から見たときに本の内容を簡単に思い出す方法を考えていて思いついたのが、本の内容を貼り付けてしまえばいいと考えました。
つまり、本を読んでいるときに小説なら気になったフレーズ、漫画なら気になったコマをそのまま貼り付けてしまえばいい！
それを実現するためにとった方法は、本をカメラで撮影して画像にしてしまうという方法。
漫画などはこの方法で気になった部分を画像にできるし、小説はちょっとカメラに精度が必要となってしまうので、できなかった場合はiPhoneで気になったフレーズを書き写して、メディアマーカーiPhoneアプリで先に登録しておくといい。
最近流行ってる書籍の電子化で、既に電子化したものをビューアーで読んでいる場合はスクリーンショット機能を使って気になった部分を画像として保存しておく。
そうしてできた画像をDropboxのPublicフォルダに入れておいて外部からも参照できるようにしておく。
後は、メディアマーカーに数行のレビュー(レビューとはいえないレベル)とDropboxにある画像を貼り付けて画像を表示すれば、後から見たときに直ぐ内容が分かって便利になる。

この気になった部分を画像にして貼り付けるのは意外と楽しくて、かつ撮影してそこで直ぐ完結するので手間があまりかからない。特に電子化している場合はスクリーンショットを取るだけなので一瞬で終わる。
また画像を貼り付けるときに、Dropboxに一つの書籍について複数の画像がある場合、エクスプローラの”Copy Public Link”だと一個づつしかURLをコピーできないし、Imgタグで囲うのが面倒なのでコマンドラインで動くバッチのようなものを作る。

• Program.cs

このProgram.csのdropboxPath部分を自分のDropbox環境に合わせてからコンパイルする。
csc.exeで以下のよう に指定するとコンパイルできる。(csc.exeの場所は.NETのどっかにあるかと、もしくはVisual Studio使うとか)

>C:\Windows\Microsoft.NET\Framework\v3.5\csc.exe Program.cs

コ ンパイルしてできたexeファイルにD&Dや送るからファイルを渡すと渡したファイルのURLをimgタグにしたものがクリップボードにコピーさ れるので、それをメディアマーカーに貼り付けるだけでよくなる。

さらにメディアマーカーは書籍登録時にタグをつけることができ、後から見返すときにそれらの情報をつけておくと分かりやすくなるため、タグ付けを補助するGreasemonkeyを導入する。

• MediaMaker with Amazon tags
• MediaMaker with booklog tags

それぞれ、登録時にAmazonとbooklogにつけられている書籍のタグを表示してくれるので、クリックするだけで書籍に関係あるタグを追加できる。

補助ツールを使うことで書籍の登録の面倒臭さも低減されるし、何よりも書籍の内容を画像で表示するのは思っている以上に楽しい事だと思う。
読書メモに写真を使う！

evernote+iPhoneで似ている事をやっている人もいます。
やっぱりカメラで写真を撮るのと書き出すのは圧倒的に手間が違うし、いつも持ち歩いてるiPhoneでもカメラは何とかなることが多いので面倒な手間が結構減ります。

Blog Forest: 読書メモの作成にevernoteを使う

http://morimorishop.com/2009/03/evernote_2.html

evernoteなら画像のOCR機能があるので検索できるという淡い期待もありますが、 Amazonから情報を引っ張れたり他とは関係の情報を切り離して見られるメディアマーカーのようなサービスで書籍を管理した方が自分にとっては便利かなーと思う。
後から見返したときに楽しいというのも大きな点。
あくまでevernte+写真はメモにして、そこから文字を書き出すというのも一つの手であると思います。

以上。

おまけ、Dropboxの画像をPublic経由で表示してるので少し重たくなってしまう。
表示する画像をローカルのものと差し替えるGreasemonkey

@include
originSrc
newSrc
の三カ所を書き換える必要がある。

• Mediamaker img local replace.user.js

セキュリティの理由からpref.jsに以下を追加してメディアマーカーからローカルの画像を表示できるようにしておかないと機能しない。

user_pref("capability.policy.localfilelinks.checkloaduri.enabled", "allAccess");
user_pref("capability.policy.localfilelinks.sites", "http://mediamarker.net");
user_pref("capability.policy.policynames", "localfilelinks");

Muses Factory » Firefoxでcheckloaduri.enabledの設定が反映されない

http://reva.s28.xrea.com/archives/38.html

Emeditorネタを他のところに書いた。

• Emeditorのjavascript自動補完を強化する
• EmeditorでCtagsを使ったjavascript構文解析
• Emeditorのアウトライン設定

prog*sig

http://efcl.info/adiary/

上のサイトは主にプログラミングのメモで使うので、そっち系の内容は上のサイトに書くことにする。

新しくドメイン ((efcl.info)) を取って、サーバも別途に借りて新しくブログを始めることにしました。
一応前のhttp://web.zgo.jp/から301リダイレクトを効かせてるので、RSSなどは勝手に移行してくれると思います。 ((手動のが確実))
もし変なところがあったら報告お願いします。

flvplayer wrapperというニコニコ動画のプレイヤー(旧)をハックして、便利にするソフト(swf)を作っていた。
仕組みとしてはAS2の時代では、親となるオブジェクトは他のオブジェクトを子として読み込めば、
子は親になすがままで、自由に命令や変数を上書きできていたのを使っていた。
この場合はwrapperがニコニコ動画のプレイヤーを読み込めば、ニコニコ動画のプレイヤーを自由に改変でき、元々あるものはそのまま利用できた。
しかし、AS3ではJavaのようにClass毎にアクセス制御ができたため、いくら親であっても、
子を自由にいじれることはできなくなっため、元々あるものをwrapする事に意味がなくなった。
これを打開するにはニコニコ動画のプレイヤー(新)を丸ごと置き換えるプレイヤーを作るか、
上手く打ち破る方法を見つけるかとなるため手詰まり状態になった。

簡単に例えると
AS2の時代では、社長があれこれ自由にできて、社員は逆らえなかったけど、
AS3の時代では、社長は社員に対して自由に命令することはできなくなり、
何か部署を経由したりして、ある程度制限のきいた範囲の命令ができなくなってしまった。

そんな感じ

The State of the Web – Summer 2008

今年の話題になったものなんかをグラフィカルにまとめて見ることができます。
日本でもはやってるTwitterとか日本でもはやってるものも多い気がします。

Twitterという飛行機がトラフィックにによって墜落する絵など皮肉ってるものが多く目で見て楽しめる。

まだ発売前ですがiPhoneもやっぱり気になる品物ですね、(買おうかな。)

The State of the Web – Summer 2008

http://0at.org/summer-2008.html

Microsoft Office IME 2007 最新語辞書更新 2008 年 5 月版

Microsoft IME 2003 最新語辞書更新 2008 年 5 月版

それぞれIME用の辞書が更新されたみたいです。
最近の語彙や固有名詞の追加や誤変換などの修正が主なようです。

IME 2003の標準辞書を四半期に1回更新するそうなので次は9月頃かな。

音楽関係のECサイトであるサウンドハウスが今やたらとはやっているSQLインジェクションなどの不正アクセスにより個人情報が流出したという話ですが、 別にECサイトを運営している訳でもないし通販自体しないからあまり関係ないかなと思っていたけど、
サウンドハウスの取締役自ら（一部かも知れませんが）が作成した詳細の報告のPDFが興味深かった。

サウンドハウスニュース
http://www.soundhouse.co.jp/shop/News.asp?NewsNo=1561

個人情報流出に関する詳細（PDF）
http://www.soundhouse.co.jp/news/20080418.pdf

この詳細のPDFは経過報告とあわせてセキュリティ対策についての提言など被害者の立場の意見がかなり詳細に載せられています。経過報告は分刻みで乗っていたりと、セキュリティにあまり関心がない人でも一度読んで見ることをオススメ。

結果としてはサーバのセキュリティ強化する以前にサーバ内に不正に置かれていた悪性プログラムが原因になったみたいです。

SQLインジェクション（英：SQL Injection）とは、アプリケーションのセキュリティ上の不備を意図的に利用し、アプリケーションが想定しないSQL文を実行させることにより、データベースシステムを不正に操作する攻撃方法のこと。また、その攻撃を可能とする脆弱性のこと。

SQLに別のSQL文を「注入 (inject)」されることから、「ダイレクトSQLコマンドインジェクション」とも呼ばれる。

3Dセキュア（すりーでぃー せきゅあ）は、VISA Internationalが開発したインターネットでのクレジットカード決済の本人認証技術。

オンラインショッピング等での決済時に、ショップ側が設置しているウェブサイトがクレジットカード会社が提供するWebAPIを取り込み表示する。クレジットカード番号とPIN（4桁の暗証番号）の入力はこのAPIを通して行われるため、本人認証をクレジットカード会社側が行うことになるので、より高度なセキュリティが保たれることになる。

普段なら、記念日とかに疎いので普通にスルーしてる気がしますが、今年は窓の杜のエイプリルネタ関係で覚えていました。

窓の杜 – 【NEWS】イソプレス、捏造サイト「窓の社（まどのやしろ）」をケータイ向けに公開

http://www.forest.impress.co.jp/article/2008/04/01/yashiro2008.html

今、窓の杜のエイプリル関係からできたものに関わっているので少しわくわくしてますが、次起きるときには忘れそうな予感。
後はどうでもいい話。

Read the rest of this entry »

Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIで、JavaScript勉強中ということで試してみる。
JavaScriptはほとんど書けないのでかなり地味。

Read the rest of this entry »

今日はいろんな事をしたので、ちゃんとした(いつもちゃんとしているわけではないですがw)風には書かずに
メモ的な書き方で進めます。

まあ、いつも通りのFirefoxいじりから

• 今日は userChrome.jsをいじって気がする。

userChrome.jsはJavaScriptを通して、Firefoxのインターフェイスを簡単に改造するための拡張です。
Greasemonkeyの内部版みたいなものかな。
アドオンでできる事と多くがかぶっている場合があります。
GUIというよりCUIっぽく、エディターで値をいじったりして設定するので、人によってはアドオンでやってたほうがいいかと。
細かいところまで設定できるのと、ちっちゃいものが多くあって拡張の泥沼にはまりそうですw

導入はuserChrome.jsの導入方法 – Cox Caféを読んでみればアドオンと同じように(というか一応アドオンか)導入できると思います。
途中でサブスクリプトローダーというのが出てくると思いますが、最新版を導入した方が便利です。

最新版(2/28時点での)サブスクリプトローダー→alice0775のファイル置き場
(サブスクリプトローダーってのは管理機能みたいなものです。）

拡張はuserChrome.js – Mozilla Firefox まとめサイト辺りからリンクを辿っていけばいろいろ見つかる。

• もう一つはツリー型タブ :: Firefox Add-onsというものが以外と面白い。

Tree Style Tabという名前でもありますが、名前の通り、タブをツリーのようにひょうじします。
なんかアドオンと競合して上に隙間ができてますが気にしないw
画面の上下左右(左右の方が機能しやすい)に配置でき、自分は右側に表示してます。
左側はサイドバーで被って少し扱いづらいので。

これの面白いところはタブを一覧表示する数が多いのと、タブの場所(どれがどのサイト？みたいな)がつかみやすい。
解像度が高いパソコンを使う人には使いやすいものかもしれません。(ノートPCとか無理があるかも)
うちは1440×900ですが意外と心地よく使えます。(この辺が最低ラインぐらい)

ただ一覧性を求めるならTab mix plusとかの多段タブでもいい気がしますが、マウスジェスチャーのアドオンにある機能で、”タブ上でスクロールでタブを切り替え”の機能があるとさらに便利になります。

• もう一つはFirefoxではなくマウスユーティリティについて

マウスユーティリティっていう言葉は存在するのか知りませんが、さっきまでユーソリティっていうひどい勘違い(ry
本題はマウスというよりUSBテンキー を上手く利用するためのソフトとトラックボールの利用するためのソフトについて。

USBテンキーの方はちょっと人柱になってこようかと思うぐらいのソフトなので期待。
MagicKeyPadというソフトで、USBテンキーに自由な組み合わせが可能なキーストロークを割り当てるソフトで、
絵を描いてる人なんかにはそのすごさが分かるかも。
まだ試してないんで、人柱になったらもう一度書く予定。

【スマートスクロール】補助入力総合スレ【n52】

http://pc11.2ch.net/test/read.cgi/cg/1179304816/

USBテンキーを独立して補助入力に使えるというソフト
MagicKeyPad
ttp://ioenc.net/magickeypad/index.html
が紹介される
↓
スレ住人にメールでここを知らされた作者が光臨、
現在可能な範囲でスレ住人の要望を取り入れて
ソフトのチューニングを行ってくれている

という流れで作者さんが現れてかなり盛り上がってます。(最新版はスレの方に)
で、この作者さん( ◆enc33/X.3E)がかっこよすぎてソフト関係なくあつい(ｵｲ)

クマ(イミフな人はスレをみる)

もう一人同時現れた、スマートスクロール関係のソフトの人もいてこのスレを見て意味もなく盛り上がったw
Exclusive Scrollというソフトで、ショートカットとトラックボールを上手く利用するソフトなのかな？(ちゃんと読んでない。)
こっちはまさに絵描きような感じ。

とりあえず両方とも、USBパーツを上手く利用できるかもしれないソフトです。