美人時計のデジタルフォトフレーム版を作ってみた。 – DPF-D72N

2010年3月2日

カテゴリー: hack, 美人時計 — admin @ 1:46 AM

デジタルフォトフレームに美人時計をいれてみた。

スライドショーで、1分置きに画像を切り替えるようにしてみたので、スタートを現在の時間にすることによって、美人時計のデジタルフォトフレーム版が完成！もちろん1440枚全部入ってますよ！

我ながらよくやるわと思った。

新「ブラッディ・マンデイ」の藤丸が持ってるUSBメモリの作り方 – BackTrack4 final 編

2010年2月12日

カテゴリー: Linux, backtrack — admin @ 1:44 AM

どもです、ブラッディ・マンデイ、シーズン2がマンガもドラマも始まりましたね。個人的にはドラマ版は人が死にすぎなのであまり好きではありません。断然コミック派です。（どうでもいいですねｗ）

以前に「ブラッディ・マンデイ」の藤丸がもってるUSBメモリの作り方という記事を1年以上前に書きました。質問もたくさんいただきましたが全然返せてなくてすみません。youtubeか何かで実際の作り方を動画にしてくれという要望もありましたので、試みようとしたのですが、BackTrackもOphcrackも新しくなってしまい、仕様が変わったため書いた記事の内容と大きく異なることになりそうでしたのでやめました。それと、2つのLinuxをがっちゃんこするのも結構めんどくさいし若干難しいと思いますので、今回改めてシンプルで簡単な方法を書こうと思います。

まず、ブラッディ・マンデイの藤丸が使っているUSBですが、あれはUSBメモリにUSBブート可能なLinux系OSをつっこんでブートしていると思います。最近で有名なOSはUbuntuやFedoraあたりでしょうか。Knoppixや他にもLiveUSBのLinuxはありますが、特にUbuntuは凄い使い易くて良いですアレ（笑）

ただ今回は、あくまで藤丸に近づくために、実際に構築したサーバのセキュリティをペネトレーションテスト（ハッキングやクラック）するためのOS、BackTrack4というOSをUSBメモリからブートできるようにしてみます。

用意するものは4GB以上のUSBメモリとインターネットにつながったWindows環境です。
USBメモリは1,000円前後で購入できます。

そして、BackTrack4 final をダウンロードします。
dl
→BackTrackダウンロードURL

ダウンロードが完了したら、USBメモリをWindowsマシンに差してください。
次に、LinuxLive USB Creator というツールを使って藤丸のUSBメモリを作っていきます。

LinuxLive USB Creator をダウンロードします。
click

→LinuxLive USB CreatorダウンロードURL

ダウンロードしたら、LinuxLive USB Creator 2.4.exe を実行して解凍します。
icon

解凍してできたフォルダに入ります。
dir

LiLi USB Creator.exe を実行します。
tool

あとは、インストール先のUSBメモリとダウンロードしたBackTrack4 final のisoを選択して、インストールを実行します。
インストールが完了すると、下記のようなメッセージが出てきます。
comp

これでインストール完了です。とっても簡単！

さて、次は起動するPCのBIOSをUSBメモリをファーストブートに設定して、起動してみてください。
下記は僕のネットブックでの起動画面です。
写真

こんな感じで出来上がりです。

ちなみに今回も、大変お世話になっているatc-500様のブログを参考にしました。

次回があれば、Ubuntu編を書こうかなと思います。それかBackTrack4の藤丸（っぽい）仕様でもつくろうかなと。

それでは、よきハックなライフを送ってくださいませー。

Linux標準コマンドでローレベルフォーマット

2010年1月31日

カテゴリー: Linux, bash — admin @ 5:00 AM

ローレベルフォーマットって物理フォーマットのことなんだけど、厳密にはローレベルフォーマットって個人レベルじゃできないようです。
ここでいうローレベルフォーマットってのは、データを0の値で上書きすることをさします。0で上書きすることによって実質データの完全削除です。

0と1しかないんだから0で書いちゃえばなんもないじゃんってことです！

ってとこで、ローレベルフォーマットってツール使ったりすることが多いですが、最近はUSBやCDからブートできるubuntuとかLinuxがたくさんあるので、Linux標準のddコマンド使っちゃえばできちゃうようです。

参考サイト
http://www.cybernetic-survival.net/dd.htm

ウチのDELLノートちゃんのパーティションキレてるDドライブちゃんとキレイに全消ししたかったので、下記のコマンドを実行してみた。

PLAIN TEXT
CODE:
  1. #dd if=/dev/zero of=/dev/sda2

デバイスは環境によってことなるのでその都度確認しないと大変なことになりますよ！
これでウチのDELLノートちゃんは無事にデータが消えやがってくれましたよ。

dd便利すな！

【美人時計】ニコニコ踊り娘 – ミンカ、Ire、いとくとら、まころん、馬琴

カテゴリー: Ruby, web service, 美人時計 — admin @ 2:05 AM

ウチのサーバちゃんが相変わらず今もなお毎日美人時計の画像を収集している。今ではGAL時計も毎日収集していて、相変わらず差分のみちゃっかり保存しちゃってます。キモイね！

そんな美人時計の登場人物の差分をみていたんですけど、去年くらいまでは女の子が純粋に更新されいたっぽいんですが、最近はドラマや企業や企画モノなどとコラボして、画像が更新されている傾向にありますね。

そんなところでまずはニコニコ動画で有名（？）な踊り子とのコラボを紹介します。

上の列から、ミンカ、Ire、いとくとら、まころん、馬琴。

うん、みんな可愛いすぎるすな！

find でベーシック認証が書いてある.htaccess を検索

2010年1月28日

カテゴリー: 未分類 — admin @ 5:25 PM

ベーシック認証が書いてある.htaccess を検索するメモ

PLAIN TEXT
CODE:
  1. find ./htdocs -type f -exec grep 'AuthType Basic' {} /dev/null \; -print

美人時計で画像を収集する際に使った計算式

2010年1月27日

カテゴリー: JavaScript, 美人時計 — admin @ 6:31 PM

美人時計の画像を収集する際に、時間で画像名が吐き出されているので、その吐き出しの計算式をおこしてみた。
画像収集バッチはRubyなんですが、今回ちょっとJavaScriptを使う機会があったので、JavaScriptで起こしてみました。

PLAIN TEXT
HTML:
  1. <div id="debug"></div>

PLAIN TEXT
JavaScript:
  1. (function(){
  2.   var getid = function(id){
  3.     return document.getElementById(id);
  4.   }
  5.   var debug = getid( 'debug' );
  6.   var dateCount = function(arg){
  7.     return arg;
  8.   }
  9.   for( var i = 0; i <24; i++ ){
  10.     for( var j = 0; j <60; j++ ){
  11.       if( i <10 ){
  12.         if( j <10 ){
  13.           debug.innerHTML += '0' + i.toString() + '0' + j.toString() + '.jpg' + '<br />';
  14.         }
  15.         else{
  16.           debug.innerHTML += '0' + i.toString() + j.toString() + '.jpg' + '<br />';
  17.         }
  18.       }
  19.       else{
  20.         if( j <10 ){
  21.           debug.innerHTML += i.toString() + '0' + j.toString() + '.jpg' + '<br />';
  22.         }
  23.         else{
  24.           debug.innerHTML += i.toString() + j.toString() + '.jpg' + '<br />';
  25.         }
  26.       }
  27.     }
  28.   }
  29. })();

0000.jpg
0001.jpg
～略～
2358.jpg
2359.jpg

まで表示されます。

flashplayerの有無判別

2010年1月7日

カテゴリー: Flash, JavaScript — admin @ 4:46 PM

flashplayerの有無判別は非常にややこしい・・・。どこかのサイトにあったものをコピペではっておく。

PLAIN TEXT
JavaScript:
  1. function FlashPlayerVer(){
  2.     //初期設定
  3.     var flashplayer_ver = 0;
  4.     //IE以外の場合
  5.     if(navigator.plugins && navigator.mimeTypes['application/x-shockwave-flash']){
  6.         var plugin = navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin;
  7.         //Flash Playerがインストールされている場合
  8.         if(plugin){flashplayer_ver = parseInt(plugin.description.match(/\d+\.\d+/));}
  9.     }
  10.     //IEの場合、もしくはFlash Playerがインストールされていない場合
  11.     else{
  12.     //IEでFlash Playerがインストールされている場合
  13.     try{
  14.         var flashOCX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version").match(/([0-9]+)/);
  15.         if(flashOCX){flashplayer_ver = parseInt(flashOCX[0]);}
  16.     }catch(e){}
  17.     }
  18.     //Flash Playerがインストールされていない、もしくはバージョンが6以下の場合
  19.     if(flashplayer_ver <= 6){flashplayer_ver = 0;}
  20.     return flashplayer_ver;
  21. }

FlashPlayerVer() を実行したときに 0 が返ってきたら入っていないということに。
他にもいろいろJSあるけど、これシンプルで結構好き。

美人時計のGAL時計に若槻千夏が登場してた。

2010年1月4日

カテゴリー: Ruby, web service, 美人時計 — admin @ 1:27 AM

あけおめです！今年もがしがし開発していくんでよろしくです。（なにを？）
前回書いた美人時計の画像取得スクリプトのCron化、GAL時計もはじめてみました。

▽GAL時計
http://www.bijint.com/

毎日0時にGAL時計の画像を収集し、2時に美人時計の画像を収集します。収集したからといって特に見ることなくツールつくっただけで満足しちゃってます。
ただ毎日画像を収集していると、1日あたり400MB近く画像がたまっていくので、差分だけをHDDに残すようにしようと思い、比較差分のツールもつくりました。
ただ単にマスターと今日落とした分のmd5を比較して、差分を別フォルダに保存するだけです。

PLAIN TEXT
RUBY:
  1. #------------------------------------------------------------
  2. #  ライブラリのインポート
  3. #
  4. require 'digest/md5'
  5. require './ooiwa_frame_work'
  6.  
  7. $scriptPath = './gal_tokei/'
  8. $targetDir = getTimeNow(0) + '_gal'
  9. $todayDir = $scriptPath + $targetDir
  10.  
  11. #------------------------------------------------------------
  12. #  前日と当日を比較するための関数
  13. #
  14. def hikaku( before, after )
  15.     #------------------------------------------------------------
  16.     #  前日の画像フォルダと、当日の画像フォルダから、
  17.     #  画像リストを配列に代入
  18.     #
  19.     beforeList = Dir::entries( before ).to_s.gsub('...'){''}.gsub( /g([0-9])/ ){ 'g ' + $1 }.split(' ').sort()
  20.  
  21.     diffList = []
  22.  
  23.     beforeList.each do |val|
  24.         rb = Digest::MD5.hexdigest( File.open( before + val, 'rb' ).read )
  25.         ra = Digest::MD5.hexdigest( File.open( after + val, 'rb' ).read )
  26.  
  27.         if rb === ra
  28.             # 処理なし
  29.         else
  30.             FileUtils.cp( after + val, $todayDir + '_diff/' + val )
  31.             diffList.push( val )
  32.         end
  33.     end
  34.     # 差分リストの書き出し
  35.     if put_list( diffList, $scriptPath + 'log/' + $targetDir + '_list.txt' )
  36.         print 'GAL時計の差分ファイルログを"' + $targetDir + '_list.txt"' + 'に書き出しました。'
  37.         print "\n"
  38.         return true;
  39.     end
  40. end

上記のスクリプトはサンプルです。実際には、上記スクリプトのhikakuメソッドを使用して、差分のみを当日フォルダに保存するといった処理をかましています。
ちなみに "ooiwa_frame_work" という謎の自作ライブラリをかましてるので、コピペだけじゃ動かないかも。（意味なし。）

オマケに若槻千夏の画像でも。

0：00
0000

18：00
1800

この美人時計とかGAL時計、けっこうコラボしてるんだよねー。美人時計に出てる娘とかも、ニコニコ動画で有名な踊ってる娘がいたりとか、けっこう収集してて面白いよね。

何か最近、こずえちゃんとミンカちゃんとかとユニットを組んだらしい「いといくら」こといくらちゃん。
可愛過ぎるわ。

いくらちゃんの美人時計
2004
2007

むっちゃくちゃ可愛いですお（＾ｑ＾）オレの方が可愛いけどなっ！

mixiのFlash広告、こういうの流行ってるのかねぇ

2009年12月2日

カテゴリー: Flash — admin @ 12:41 AM

これこれ。またmixiのあしあとページのFlash広告。
流行ってるのかねぇ、こういう見せ方。

google_ad

クリックでくるくるコンテンツが変わるJavaScript

2009年12月1日

カテゴリー: JavaScript — admin @ 11:25 AM

久しぶりにJavaScript書いた。最近はもっぱらRubyばかり。
けっこうよく使ったりするので、メモっとく。いつもソースを残しておかないからゼロから作り直すのめんどくさい。

▽完成イメージ（ソースコピペで動作確認してください。）
kurukuru

HTMLはこんな感じ。displayの、noneとblockを切り替えるだけ。

PLAIN TEXT
HTML:
  1. <div id="col_1" class="colDes">コンテンツ1だよー</div>
  2. <div id="col_2" class="colDes" style="display:none;">コンテンツ2だよー</div>
  3. <div id="col_3" class="colDes" style="display:none;">コンテンツ3だよー</div>
  4. <div id="col_4" class="colDes" style="display:none;">コンテンツ4だよー</div>
  5. <div id="col_5" class="colDes" style="display:none;">コンテンツ5だよー</div>
  6. <div id="col_6" class="colDes" style="display:none;">コンテンツ6だよー</div>
  7.  
  9. <span id="to_back">戻る</span>
  10. <span id="to_next">次へ</span>
  11. </div>

CSSは、とりあえず動きがわかりやすいようにやっつけ。

PLAIN TEXT
CSS:
  1. #to_next,#to_back {
  2.     cursor: pointer;
  3.     font-size: 200%;
  4. }
  5. #to_next {
  6.     margin-left: 20px;
  7. }
  8. .colDes {
  9.     background: #eee;
  10.     width: 400px;
  11.     height: 300px;
  12. }

JSもシンプルだね。

PLAIN TEXT
JavaScript:
  1. (function(){
  2.     var col = [];
  3.     for( var i = 0; i <6; i++ )
  4.     {
  5.         col[i] = document.getElementById( 'col_' + (i+1) );
  6.     }
  7.     var to_next = document.getElementById('to_next');
  8.     var to_back = document.getElementById('to_back');
  9.  
  10.     var elm = function(arg)
  11.     {
  12.         for( var i = 0; i <col.length; i++ ){
  13.             col[i].style.display = 'none';
  14.         }
  15.         return col[arg].style.display = 'block';
  16.     }
  17.  
  18.     var i = 0;
  19.     to_next.onclick = function()
  20.     {
  21.         if( col.length> 0 ){
  22.             if( i <col.length - 1 ){
  23.                 i++;
  24.                 elm(i);
  25.             }
  26.         }
  27.     }
  28.     to_back.onclick = function()
  29.     {
  30.         if( col.length> 0 ){
  31.             if( i == 0 ){
  32.                 i = 0;
  33.                 elm(i);
  34.             }
  35.             else{
  36.                 i--;
  37.                 elm(i);
  38.             }
  39.         }
  40.     }
  41. })();

応用すればAjaxで本とか作れるね！

次ページへ »