KUMA TYPE

猫、パソコン、プログラム、映画、ドラマ、アニメ、perl、etc.

Google Chrome 拡張機能『Autofill』でパスワード自動入力

最近よく使うGoogle Chromeの拡張機能「Autofill」です。フォーム自動入力系の拡張機能です。LastPassをよく使っていましたが、あのソフトはパスワード入力欄に過剰反応しすぎでパスワード入力欄があるサイトだとウザイくらいに聞いてくるのと、既に保存しているのになんども保存するか聞いてきたり、どうでもいいサイトでは聞いてくるのに肝心の保存したいサイトで聞いてこなかったりと色々ウザイのでもっとシンプルな物を探していました。

FirefoxならInFormEnterとSecure Loginがあればフォーム入力はほとんど困らないのだけど、Chromeにも同じものが移植されるといいんですけどね。

Autofill – Google Chrome 拡張機能ギャラリー

設定は面倒ですが拡張機能の画面からオプションをクリックして設定画面に行きます。

20100750

実際の設定画面は下のような感じです。この画面をブックマークバーにブックマークしておけば便利です。

20100751


使い方

LastPassの様に自動で検知して登録してくれないので自分でHTMLソースをみて必要項目を調べて登録する必要があり面倒ですが、一度登録してしまえばあとは弄る必要もないし、なにより自分で設定する分小回りが効くのでLastPassが自動で入力出来ないサイトでも入力できるので便利です。あと設定画面がシンプルで分かりやすいのも設定画面が複雑なLastPassより好みです。

ここでは実際にFC2ブログにログインする為の設定方法を解説します。FC2のログイン画面は下のようになっていると思います。

20100747

このページのソースをブラウザのページのソース表示機能で表示します。するとこのようになっています。必要な部分を分かりやすいように色分けしています。

IDのinputタグがnameidtypetextというのとパスワードのinputタグがnamepasstypepasswordというのが分かると思います。あとログインページのURLがhttp://fc2.com/login.php?ref=blogなのでそれぞれ控えておきます。

 

<div id="login_jack">
    <form name="form_login" method="post" action="http://blog.fc2.com/" onSubmit="return blog_login_form_check();">
    <ul>
                        <li>メールアドレス/ブログID</li>
        <li><input name="id" type="text" id="id" value="" class="input" /></li>
        <li>パスワード</li>
        <li><input name="pass" type="password" id="pass" class="input" /></li>
        <li><label><input name="keep_login" type="checkbox" id="keep_login" onclick="alert_keep_login()" value="1" /> ログイン状態を維持</label></li>
        <li class="item"><input name="image" type="image" src="http://fc2.com/image/login_button.gif" alt="ログイン" /></li>
        <li class="item item2"><a href="http://help.fc2.com/fc2id/qa/group4/" target="_blank">[ログインできないときは?]</a></li>
        <li class="item item2"><a href="http://id.fc2.com/remind.php?switch_language=ja">[パスワードを再発行する]</a></li>
        <li class="item item2"><a href="http://blog.fc2.com/fc2id.html">ブログをFC2IDに移行するには?</a></li>
    </ul>
    <input type="hidden" name="mode" id="mode" value="login" />
    <input type="hidden" name="email" id="email" value="" />
    <input name="done" type="hidden" id="done" value="%ref%" />
    </form>
    <br />
    <div class="item"><a href="http://id.fc2.com/signup.php?switch_language=ja"><img src="http://static.fc2.com/share/fc2footermenu/blank.gif" class="NewEntry" alt="新規登録はこちら" /></a></div>
</div>

それだけ分ればあとは簡単です。

[+]のボタンをクリックして入力フィールドを追加します。

20100753

まずはIDから

  1. typeは「text」だったのでTypeは「text」を選択。
  2. nameは「id」だったので Nameの欄には「id」と入力。
  3. Valueの欄には実際に入力したいIDを入力します。ここでは仮に「kumacchi」とします。
  4. Siteの欄にはhttp://fc2.com/login.php?ref=blogのうち「http://fc2.com/login.php」部分だけ入力します。(「fc2.com」の部分だけでも大丈夫だと思いますが、より厳密にマッチさせるにはURLは詳細に入力したほうがいいです。)
  5. 次はパスワードを入力するので再度[+]をクリックして新しい入力フィールドを追加します。

20100754

次はパスワード

  1. パスワードのinputタグのtypeは「password」だったのでTypeは「password」を選択。
  2. nameは「pass」だったのでName欄には「pass」と入力。
  3. Value欄には実際に入力するパスワードを入力します。ここでは仮に「hogehoge」としています。
  4. Siteの欄には先ほどと同じように「http://fc2.com/login.php」と入力します。
  5. 最後に[Save]ボタンをクリックして設定を保存します。[Options saved.]と画面に表示されればOKです。

20100755

実際に使ってみる。

ログイン画面を新しく開くかリロードすると、idとパスワードが自動的に入力されます。あとはログインするだけです。便利ですね。

20100758 

入力タイプはSelectやRadioやCheckboxやhiddenなどにも対応しているので色々なサイトで様々な入力項目を自動入力させることが出来ると思います。

20100760

タグ : , ,

『パソコントラブル出張修理・サポート日記』がブログ更新停止!?

重要なお知らせ:ブログ更新停止 : パソコントラブル出張修理・サポート日記

「セキュリティーホールmemo」見てたら「パソコントラブル出張修理・サポート日記」のブログ「重要なお知らせ・ブログ更新停止」について書かれていてびっくりした。

セキュリティホール memo

記事は以下の通り、予約投稿のようだし、年末だし、きっと忙しいのか旅行に出かけてしばらくPCを使わないと死亡したと判断して自動的に投稿するソフトを止めるのを忘れていたとかだと思いたい。というか思っている。前回の記事は12月7日だしきっと何かの手違いだと信じたい。

20100742

 

ここまで書いていたのですが、やはり怖くてこの記事を投稿できないでいました。しかし、本日亡くなられた事がわかりました。とても残念ですご冥福をお祈りします。

笹本さんのブログのRSSはsageにも登録していたので巡回サイトの一つでよく読んでいましたが、家も最近新築されたばかりっだったと思いますがこれからという時に亡くなられてほんとうに残念です。

Togetter – 「笹本真一さんの消息」

セキュリティホール memo

タグ :

STAR DRIVER 輝きのタクト 第十二話 ガラス越しのキス

「STAR DRIVER 輝きのタクト 第十二話 ガラス越しのキス」をGyaOでみたけど、あいかわらずきもちわるいな~。

狙ってるんなら大したものだけどマジならきもいだけだな~。

タグ : ,

sqlite3でデータをインポートとエクスポートする方法

ニコニコ・レーダーのカテゴリが動作しなくなっていた。原因はDBのATTACHができなくなっていたため。

[SQLiteメモ][perlメモ]SQLiteで一つのコネクションで複数のデータベースファイルを扱うには? – KUMA TYPE

上の記事の方法を使って二つのDBを一つのDBとして扱えるようにATTACHしていたのだがDBIかDBDのバージョンが変わったのかうまくATTACH出来なくなってしまっていた。他にATTACHする方法がわからないのでしょうがなくDBをまとめて一つにすることにした。そもそもなんでDBを分けているのかというと、SQLiteを使っているのでデータベース用のファイルがあんまり大きくなるとパフォーマンスに影響が出そうな気がするのでわざわざ分けている。本来一つにまとまっていたほうが便利なのは言うまでもない。そういうわけでやってみた。

エクスポート

F:\niconico>sqlite3 NICONICO_TAG.DB
SQLite version 3.6.20
Enter ".help" for instructions
Enter SQL statements terminated with a ";"
sqlite> .schema
CREATE TABLE NICONICO_OBJ_TO_TAG(
        idx                             INTEGER PRIMARY KEY,
        vid                             TEXT    ,
        tag_id                          INTEGER
);
CREATE TABLE NICONICO_TAG(
        tag_id                          INTEGER PRIMARY KEY,
        tag_id2                         INTEGER ,
        tag_name                        TEXT
);
sqlite> .mode tabs NICONICO_TAG
sqlite> .output NICONICO_TAG.txt
sqlite> select * from NICONICO_TAG;
sqlite> .q

>sqlite3 NICONICO_TAG.DB
SQLite version 3.6.20
Enter ".help" for instructions
Enter SQL statements terminated with a ";"
sqlite> .mode tabs NICONICO_OBJ_TO_TAG
sqlite> .output NICONICO_OBJ_TO_TAG.txt
sqlite> select * from NICONICO_OBJ_TO_TAG;
sqlite> .q

F:\niconico>dir
ドライブ F のボリューム ラベルは HOME です
ボリューム シリアル番号は B8F0-EFF0 です

F:\niconico のディレクトリ

2010/12/22 (水)  00:10    <DIR>          .
2010/12/22 (水)  00:10    <DIR>          ..
2010/12/21 (火)  23:41        23,550,976 NICONICO_MOVIE_INFO.DB
2010/12/22 (水)  00:10         3,284,587 NICONICO_OBJ_TO_TAG.txt
2010/12/21 (火)  23:10         8,908,800 NICONICO_TAG.DB
2010/12/22 (水)  00:06         3,345,431 NICONICO_TAG.txt
              12 個のファイル         145,904,915 バイト
               2 個のディレクトリ  157,417,058,304 バイトの空き領域

インポート

F:\niconico>sqlite3 NICONICO_MOVIE_INFO.DB
SQLite version 3.6.20
Enter ".help" for instructions
Enter SQL statements terminated with a ";"
sqlite> .mode tabs NICONICO_OBJ_TO_TAG
sqlite> .import NICONICO_OBJ_TO_TAG.txt NICONICO_OBJ_TO_TAG
sqlite> .mode tabs NICONICO_TAG
sqlite> .import NICONICO_TAG.txt NICONICO_TAG
sqlite> .q

F:\niconico>

SQLiteSpyでちゃんとできたか確認。

20100739

うまくいきました。

ニコニコ・レーダーも直りました。


参考サイト

sqlite3 でデータエクスポート&インポート – Rails で行こう!

タグ : ,

【Movable Type】ページのソースから不要な改行やインデントを除去してくれるMTプラグイン『RemoveBlank』

下の4枚の画像をを見てください。

20100730

20100731

20100732

20100733

おわかりいただけただろうか・・・

とんでもなく改行が入っているのがおわかりかと思います。。Movable Type(以降MT)が作成したページのソースはひどいものがあります。MTタグをつかって分岐やループなど色々なことをしてページを生成するととんでもない量の改行が勝手に入ってしまいます。インデントもタグを見るときには便利だけどソースになった時点では無駄なものだし出来ればなくなってほしい。その分読み込みも早くなるし転送量も少なくて地球に優しいかも知れないw。(地球に優しいという言葉はあまり好きなことばではないですがw)

それで、これを解決する便利な方法が無いだろうかと思って調べているとRemoveBlankというMTプラグインを発見しました。早速使ってみることにしました。ダイナミックパブリッシングにも対応しています。

ちなみに現時点でのこのブログのバーションはMTOS 4.35-jaです。

設置は簡単配布元の「Movable Type 備忘録」さんの下のページからダウンロードページにいってRemoveBlank-1.04.zipをダウンロードします。解凍すると

  • RemoveBlankというフォルダ
  • readme.txtというファイル

が出てくるのでRemoveBlankフォルダをそのままMTのプラグインフォルダ
「mt/plugins」の中にアップロードします。

Movable Type 備忘録 – MTRemoveBlank プラグイン

あとは、MTの設定画面でブログのテンプレート画面を開いて改行やインデントを除去したいテンプレートにかたっぱしから

<MTRemoveBlank>

</MTRemoveBlank>

をテンプレートの先頭行と最終行に挿入します。簡単です。

20100737

20100738

その結果をごらんあれ、下のようにエレガントなソースになりました。読み込みも早くなったような気がします。実際行数が1/2~1/3位に減少しています。素晴らしいです。

MTを使っている人には必須のプラグインではないでしょうか?MTを使っている人はこのブログのページのソースと自分のブログのページのソースを見比べてみるとおもしろいと思います。

20100734

20100735

20100736

Movable Type 備忘録 – MTRemoveBlank プラグイン

タグ : , ,

【perlメモ】ヒアドキュメントの中に直接コードを書く方法

最近perlでプログラムを書くときにText::MicroTemplateを使っているとテンプレートの中に直接コードが書けて便利だなーと思ってたら、ヒアドキュメントの中にも直接コードを書く事ができる方法があることを先日知った。今まで出来ないと思い込んでいてずいぶん無駄な処理をしていた。

Text::MicroTemplateを使った場合だと下のように書ける。

sample02.pl

#!/usr/bin/perl
use strict;
use warnings;
use utf8;
use Text::MicroTemplate qw(:all);

my $mode = 2;

my $renderer = build_mt(<<"EOF");
<html>
    <head>
        <title>sample</title>
    </head>
    <body>

<?=        ‘Time = ‘.time . ‘ Localtime = ‘ . scalar localtime ?>

?=        ‘Random Number 0 to 9 = ‘.int(rand(10))
        <hr>

        <input type="checkbox" name="option" value="1" <?= ($mode == 1) ? ‘checked’ : ” ?>>
        <input type="checkbox" name="option" value="1" <?= ($mode == 2) ? ‘checked’ : ” ?>>
        <input type="checkbox" name="option" value="1" <?= ($mode == 3) ? ‘checked’ : ” ?>>

    </body>
</html>
EOF

my $html = $renderer->()->as_string;
print "Content-Type: text/html; charset=utf-8\n\n$html";

 

sample02.plの実行結果

>perl sample02.pl
Content-Type: text/html; charset=utf-8

<html>
        <head>
                <title>sample</title>
        </head>
        <body>

Time = 1292851505 Localtime = Mon Dec 20 22:25:05 2010

Random Number 0 to 9 = 6
                <hr>

                <input type="checkbox" name="option" value="1" >
                <input type="checkbox" name="option" value="1" checked>
                <input type="checkbox" name="option" value="1" >

        </body>
</html>

>

 

perl標準の機能で同じようなことを出来ることが判明。ヒアドキュメントの中に下のようにしてコードを埋め込むことが出来る。

@{[ perlコード ]}

sample01.pl

#!/usr/bin/perl
#
#print <<"EOF";
#
#    @{[ perlコード ]}
#
#EOF
#
use strict;
use warnings;

my $mode = 2;

print "Content-Type: text/html; charset=utf-8\n\n";
print <<"EOF";
<html>
    <head>
        <title>sample</title>
    </head>
    <body>

        @{[  ‘Time = ‘.time . ‘ Localtime = ‘ . scalar localtime ]}

        @{[  ‘Random Number 0 to 9 = ‘.int(rand(10)) ]}
        <hr>

        <input type="checkbox" name="option" value="1" @{[ ($mode == 1) ? ‘checked’ : ” ]}>
        <input type="checkbox" name="option" value="1" @{[ ($mode == 2) ? ‘checked’ : ” ]}>
        <input type="checkbox" name="option" value="1" @{[ ($mode == 3) ? ‘checked’ : ” ]}>

    </body>
</html>
EOF

sample01.plの実行結果

>perl sample01.pl
Content-Type: text/html; charset=utf-8

<html>
        <head>
                <title>sample</title>
        </head>
        <body>

                Time = 1292852079 Localtime = Mon Dec 20 22:34:39 2010

                Random Number 0 to 9 = 7
                <hr>

                <input type="checkbox" name="option" value="1" >
                <input type="checkbox" name="option" value="1" checked>
                <input type="checkbox" name="option" value="1" >

        </body>
</html>

>

 

これは便利。色々活用できそうです。ちょっとしたことならテンプレート使わなくてもよくなります。

しかし、Text::MicroTemplateの様にループ文などを簡単に書くことは出来ないようなので複雑なことは出来なそうです。そういう場合はやっぱりテンプレートモジュールを使ったほうが良さそうですけど、テンプレートの中にループ文などの複雑なコードを書き込まないというポリシーの人にはテンプレート使うより処理が軽くなってよさそうです。サブルーチンは普通に呼べるので複雑なことはサブルーチンでやればいいと思います。


参考サイト

ヒアドキュメントの中でPerlの式を書く

タグ : ,

【映画】『アンデッド・ハザード』の感想

アンデッド・ハザード [DVD]

GyaO!で映画『アンデッド・ハザード』を視聴した感想。ゾンビ映画。

アンデッド・ハザード|無料動画 GyaO![ギャオ]|映画


あらすじ

人の頭に穴をあけてそこから特殊な薬を投与してバンドエイドを貼るとマインドコントロールできるゾンビの出来上がりということをやっている秘密組織に娘を殺されたパパが復讐のために立ち上がるというお話。


感想

つまらなかった。途中30分位寝てしまった。淡々としていて台詞も少なく環境ビデオを見てるような感じ、眠れない夜にはこれを見ながら寝ていれば安眠できるのではないだろうか?

眠れない貴方にオススメの映画です。不眠症の方は是非1本手に入れたいところですね!

僕は字幕版で見ましたがどうしても見るならつまらない映画なので吹替版でいいと思う。

評価:評価:1.0/5.0

タグ : , , , ,

【映画】『心霊写真奇譚』の感想

心霊写真奇譚 [DVD]

GyaO!で映画『心霊写真奇譚』を視聴した感想。2006年の日本のDVD映画。ジャンルはホラー。

 


概要

心霊写真を題材にした複数の短篇作品で構成されるオムニバス形式の映画。

  • 被写体のない写真』
    出演:仲村瑠璃亜、小谷嘉一、次原かな
  • 見ている』
    出演:松山まみ、足立理
  • 思い出のポラロイド』
    出演:近野成美、加藤和樹、鈴木裕樹、岡本明日香、関川太郎
  • 望遠男』
    出演:三宅梢子、宇野祥平
  • 『届けられたモノ』
    出演:優木まおみ、木村剛

の5話で構成されている。


感想

割と面白かった。GyaO!でホラー映画を見ると大抵ハズレなのだがこれは普通に楽しめた。ホラー映画ではあるが短編で構成されている点や話の感じが『世にも奇妙な物語』に近い。そういう感じで普通に楽しめる作品になっているので暇つぶしにはもってこいだと思われる。

評価:評価:3.0/5.0

タグ : , , , ,

【映画】『ザ・ムーン』の感想

ザ・ムーン スペシャル・エディション [DVD]

GyaO!で映画「ザ・ムーン」を視聴した感想。2007年のイギリス映画。アポロ計画のドキュメンタリー。

ザ・ムーン|無料動画 GyaO![ギャオ]|映画


あらすじ

1960年代から1970年代頃まで行われたアポロ計画のドキュメンタリー映画。イギリス制作。当時宇宙飛行士だった人達の回想録と当時の映像で構成されている。


感想

正直あんまり面白くない。途中で眠くなって何度か居眠りした。普通に娯楽作品として楽しむならトム・ハンクスの『アポロ13』の方を見たほうが良いだろう。全然知らない人が見たらおもしろいのかも知れないが特に目新しい情報もなくこういう事に興味があってそれなりに知ってる人が見たら退屈だと思われる。1930代生まれの宇宙飛行士達がアポロ計画から40年後に色々語ってくれるわけであるが当時の宇宙飛行士たちも老いて80歳近くになっている。当時の宇宙飛行士たちの現在を知ることが出来るのはそれはそれで興味深いことではあるが、プロジェクトX臭がする。あれと一緒で老人の自慢話はあんまり面白くないのだ。最後のスタッフロールで当時の宇宙飛行士達がアポロ計画陰謀論を否定している。アポロ計画陰謀論というのは、アポロ計画は嘘で月にも実際には着陸してなくてみんな特撮映像だという話である。米ソの冷戦時代に宇宙開発を競っていたために威嚇的な意味でそういう事をしたのではないかとかいう話である。

本当のところはどうなのかは月に行ったことがないので判らないが、40年も昔によく月に行けたなーとは本当に思う。まだテレビが白黒の時代で今みたいな高性能なコンピュータも無い時代に行ったのだから本当に驚きである。

あれから誰も月に行っていないらしいからそろそろ中国あたりが行ってくれると面白と思う。

 

タグ : ,

QRコード作成バージョンアップ【ver.0.2】

QRコード作成 – KUMA TYPE

テキストもQRコード化出来るようにしました。今まではURL等のアルファベットや英数字等の文字しかQRコード化出来ませんでした。さっきちょっと試してみて日本語テキストをQRコード化して携帯から読み込めなかったのですが、日本語テキストもQRコード化出来るはずなので修正しました。どちらかというとバグ修正です。

下の画像が実際に日本語テキストをQRコード化してみたところ。携帯電話のバーコードリーダーで下の画像のQRコードを読み込んでみて「そんな装備で大丈夫か?」と読み込めれば大成功です。実機での読み取り確認はauのW43CA、docomoのSH983iTVで行いました。いろんな言葉をQRコードに変換してブログなどに貼りつけたりするとおもしろいと思います。

20100726

タグ : ,

 
© KUMA TYPE