岩家ぶろぐ » 開発ごっこ

[javascript] 1年くらい放置していたマリオさんなライブラリ「mario.js」をgithubに上げてみた

issm — Mon, 14 Jun 2010 04:31:56 +0000

Internet Explorer（特に7，6）では動作しません．8は未検証です．あしからず．．．

はじめに

なんだか最近ネタが見あたらないので，公開もせずに1年くらい放置状態だった，マリオさんネタなJavaScriptライブラリ「mario.js」をちょこっと整理して，githubに移してみました．

移行先

次のとおりです．

issm’s mario at master – GitHub

主な使い方

次のエントリを参照ください．

[KY] WCAN mini ActionScript Vol.9 に参加，そして発表してきました « 岩家ぶろぐ

本エントリを表示しながら，FirebugのJavaScirptコンソール等で生成したり操作したりできるかと思います．

ちょこっと追加

ルイージも作れるようにしてみました．

var luigi = new Luigi({x: 100, y: 100});

サンプル

このエントリにいるマリオさんは，次のコードでできています．本ぶろぐでjQueryを利用しているため，一部jQuery依存なコードも混じっています．

$(function () {
    var $h2 = $($('h2')[0]);
    var mario = new Mario({
        x: $h2.offset().left,
        y: $h2.offset().top + 6,
        scale: 2,
        status: 'SUPER'
    });
    new Mario.Controller({target: mario});
 
    setTimeout(function () {
        mario.JUMP();
    }, 1000);
});

おわりに

以上，1年くらい放置していたマリオさんなJavaScriptライブラリ「mario.js」をgithubに上げてみましたよ，というエントリでした．

まだまだ非常に未完成なので，時間があればちょこちょこっと修正してみたいところではあります．

「開発コンテスト24」応募用に「こんでる？」というサービスを作ってみた

issm — Sat, 24 Apr 2010 09:40:26 +0000

はじめに

クックパッド主催の「開発コンテスト24」応募用に1つ作ってみました．

こんでる？（24コンテスト応募用）

URL変更しました．

こんでる？

まだまだプロトタイプですが．

概要

次の2点のみです．

「トイレ」「食事」「コンビニ」いずれかの「タグ」と，位置情報・時刻とのペアを記録する
記録した情報を，タグ，時刻，位置情報，それぞれの切り口から取り出して表示する

前者の機能については，現状ではiPhone上のSafariのみの対応です．（仕組み上Firefox 3.6でもOKではあります．）

後者の機能については大抵のブラウザで問題ないかと思います．

スクリーンショット

位置情報を登録する

「トイレ」「食事」「コンビニ」のいずれかを選択し，「記録する！」を押すことで，選択した「タグ」とその際の時刻・位置情報が登録されます．

「こんでる？」を確認する

特定の「タグ」にひもづけられた時刻・位置情報を，何らか意味のある形へ加工して表示します．

この先考えていること

開発期間の都合で，特定の「タグ」にひもづけられた時刻・位置情報をすべて拾っているのが現状です．ので，時間の範囲を指定したり，現在位置の「周辺」に絞ったり，といったことくらいはしておきたいところです．

実験できるような機種を持っていないためアレですが，他の携帯端末でも使えるようにはしてみたいですね．API的にデータを投げてやれば登録できる，とかにも対応させてみたいところです．それだけを行うためのハードとかできたらおもしろいかな．

あとは，拾った情報から「ヒートマップ」的な何かを生成する仕組みとかも加えてみたい，というのもあります．

着想

サービスの説明はこれくらいにして，今度は，それまでの経緯なんかを以下．

アイディア出しの中で「便利」という語の意を辞書で引いてみたところ，次のとおりでした．

べん‐り【便利】
〘名•形動〙
１．目的を果たすのに都合のよいこと。あることをするのに重宝で、役に立つこと。また、そのさま。「生活するのに—な所」「—な調理器具」「地下鉄ができて—になった」
２．あることをする都合やぐあい。「買い物の—が悪い」
３．大小便。通じ。「大小の—の不浄を出して」〈今昔•一•四〉

便利 – 国語辞典 – 辞書.app

べん-り【便利】
１．都合のよいこと。うまく役立つこと。「これはーな道具だ」
２．転じて、あることをする都合。たより。「ーの悪い土地」
３．大小便の通じ。徒然草「一日のうちに、飲食・ー・睡眠・言語・行歩、止む事を得ずして多くの時を失ふ」

便利 – 広辞苑第六版

ということで，なんだかトイレネタで何かできないかな，という流れが始まりました＞＜

で，「トイレなう」な状態を時刻や位置情報とともに共有すれば，どの時間のどの位置にトイレに人がいるか，というような情報を可視化できるかな，あ，せっかくなら「トイレ」だけでなく，任意のキーワードで関連づけられればいいかな，と考えるに至りました．

まぁ「朝」関係なくなっちゃいましたけど．

スケジュール

開発の流れはざっと以下のような感じです．

課題の確認

23日の20時くらいにスタバなうしてそこで課題発表を待っていようかな，などと考えていたら，友人から「呑みましょう」と誘いを受けたので予定変更．23時くらいまで呑んでました．帰りに引きこもり用の食糧を買い込んで帰宅，課題を確認できたのが24時くらいでした．

0:00 〜 1:45

アイディア出し．

そのときに書いたマインドマップもどきでも載せておきます．字が汚くてスミマセン＞＜

1:45 〜 2:50

コンセプトの明確化．

開発環境の準備．gitリポジトリを立てたり，http://24c.local:5000/ でアクセスできるようにサーバを設定したり．

2:00 〜 3:50

フレームワークのセットアップ．

iPhoneでの位置情報取得に関する調査と実験．

3:50 〜 6:30

データベースの設計．MySQL Workbenchを使って．

コンセプトをロジックに落として実装．

6:30 〜 9:30

エラーの原因を探していたら意識消失．

9:30 〜 11:15

エラーの解決．

11:15 〜 12:30

公開用サーバでの設定．Apacheの設定とかPlack環境のセットアップとか．Plackについては事前にやっておけばよかったなぁ．

12:30 〜 13:05

iPhone向けサイトの作り方について調査．

13:05 〜 13:30

シャワー．

13:30 〜 16:00

ビュー的な部分を準備．HTMLとかCSSとかJavaScriptとか．

16:00 〜 18:00

Google Chart APIについて調査．パラメータの設定がわかりにくくてかなり時間がかかった．

応募

19時から大学研究室の同窓会が控えていたので，この辺で終わることに．

応募したりぶろぐにURLとスクリーンショットを貼ったり．（本エントリですね．）

勉強になったこと

24時間（実際にはそれ以下ですが）の開発を通じて体験できたことを以下．

iPhone向けサイトの作り方を少し

document.body.onorientationchange = function () {…};

iPhone Safariでの位置情報の取得方法

gitの使い方++

Google Chart APIの使い方

おわりに

惜しくも（ウソ）入賞はできませんでしたが，

生中3＋500ml 1本でビール終了．ドリンクをコーヒーに切り替えて次のステップ． #24contest
Twitter / IWATA, Susumu : 生中3＋500ml 1本でビール終了．ドリンクをコー …

これだけお酒を入れても眠くならないくらい集中した＆楽しい時間でした．2回目があれば，また挑戦してみたいですね．

おまけ

呑みは名古屋は今池のTokuzoにて．2006年 4月にChoro Clubを聴きに行って以来でした．

ライヴスケジュールとかあまり見ずに定期的に行って，知らない音楽を聴くのも新鮮かもです．

にこぐらふがDoSされてる？

issm — Tue, 20 Jan 2009 06:58:45 +0000

はじめに

昨日，お客さんとのミーティングで見せるためのデータを，借りているVPSに一時的に上げました．

当日，いざ見せようとしたら．．．Webサーバにつながりません．というかつながるけどレスポンスがありません．sshもつながりません．が，pingは通ります．．．

どうしようもないので，サーバ屋さんに問い合わせたところ，apache のプロセスが多数走っているとのこと．とりあえず再起動をお願いしましたが，その直後からまた同じような現象に．．．

ミーティングをなんとか終わらせ，お仕事場に戻ってからログを確認したところ，同一IPアドレスから一定時間，秒間1，2回くらいの間隔でリクエストが投げられているのがわかりました．いわゆる DoS攻撃ってヤツなんでしょうか．

以下，そのログの一部を晒してみます．（一応IPアドレスは伏せておきますかね．）

アクセスログ

2009-01-18

始まりは一昨日の朝でした．

xxx.xxx.xxx.xxx - - [18/Jan/2009:09:17:17 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:09:17:18 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:09:17:18 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:09:17:22 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:09:17:19 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:07:53 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:08:03 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:15 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:15 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:15 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"

うわ，500 が出てるし．

...
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:54 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:54 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:54 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:08:57 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:09:02 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:18 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:25 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:30 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:48 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [18/Jan/2009:10:10:49 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"

といった感じで 1時間弱続きました．

2009-01-19

問題のミーティングの日です．

xxx.xxx.xxx.xxx - - [19/Jan/2009:10:11:01 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:10:11:01 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:10:11:03 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:10:11:03 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:10:11:04 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [19/Jan/2009:11:00:30 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:11:00:42 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:11:00:43 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:11:01:04 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:11:01:07 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:01:47 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:01:51 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:01:51 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:01:51 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"

このあたりで一度サーバを止めました．（予告なしでスミマセン．）

xxx.xxx.xxx.xxx - - [19/Jan/2009:12:12:18 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:12:18 +0900] "GET / HTTP/1.1" 200 23426 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:12:27 +0900] "GET /css/_base.css?1232334742 HTTP/1.1" 200 681 "http://www.nicograph.jp/" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.0450
6.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:12:27 +0900] "GET / HTTP/1.1" 200 23426 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:12:28 +0900] "GET / HTTP/1.1" 200 23426 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:25 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:36 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:26 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:27 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:31 +0900] "GET / HTTP/1.1" 200 374 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [19/Jan/2009:12:14:38 +0900] "GET / HTTP/1.1" 200 23426 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"

2時間強．．．

2008-01-20

そして本日．

xxx.xxx.xxx.xxx - - [20/Jan/2009:12:16:03 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:16:04 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:16:05 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:16:08 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:56:38 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:56:40 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:54:44 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:56:47 +0900] "GET / HTTP/1.1" 500 753 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:12:54:45 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [20/Jan/2009:13:23:13 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:13:23:13 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:13:23:13 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:13:23:13 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:13:23:13 +0900] "GET / HTTP/1.1" 500 622 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
...
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:20 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:27 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:35 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:38 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:39 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"
xxx.xxx.xxx.xxx - - [20/Jan/2009:14:09:45 +0900] "GET / HTTP/1.1" 200 16265 "-" "Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 (.NET CLR 3.0.04506.30)"

また 2時間くらい続いてますね．

ん？

これを書いていてふと気になりましたが，「攻撃（ということにしておきます）の開始時刻が，前日の攻撃終了時刻に近い」気がしますね．

ということは，明日の攻撃時刻は 14:15 くらいか．．．とかやっとれんわ！

おわりに

過去に同一IPアドレスで通常の閲覧も行われているようなので，何かに感染したのか意図的なのかはわかりませんが，とりあえず，このIPアドレスについては Deny しておきました．

今後もしばらくログを眺める日々が続きそうです．

次の何か

issm — Mon, 24 Nov 2008 07:17:06 +0000

近いうちに公開予定．．．できるといいです．

「DQWindowManager」がネトラン2008年12月号に掲載されました

issm — Thu, 13 Nov 2008 05:11:29 +0000

はじめに

DQWindowManager がネトラン 2008年12月号の「超凄サービス」というコーナーで紹介されました．

記事の内容について

短いものの，サービスのコンセプト（なんて大げさなものでもありませんが）を汲み取っていただける記事になっているかと思います．

そういえば．．．

サイトをドラゴンクエストっぽくするUIライブラリ「DQWindowManager」:phpspot開発日誌

以前にこちらでも紹介されていたのですが，ちょっと解釈が異なるかな，といった感がありますかねぇ．．．まぁライブラリ化しようと思えばできるとは思いますけどね，コードの善し悪しは置いといて．（とはいえ，時間的に今のところその予定はありませんが．．．）

おわりに

まだまだ開発途上段階，思いついたネタなどを織り交ぜて徐々に充実させていきたいと思います．

ということで，よろしければ読んでみてください．

おまけ

実行例の図にメガネラボのサイトが使われてますね．ハズカシス．．．

参考資料（？）

ネトラン 2008年 12月号 (小冊子付) [雑誌]
posted with amazlet at 08.11.13

にゅーあきば

Amazon.co.jp で詳細を見る

DQWindowManager 0.4.0 を公開しました

issm — Fri, 17 Oct 2008 21:19:59 +0000

はじめに

WCAN 2008 Autumn Lightning Talks で使用したプレゼンツールっぽいものを，誰でも使えるような形で組み込んだ DQWindowManager 0.4.0 を公開しました．

変更点の概要

今回変更，というか追加，を行った点は次のとおりです．

「ぷれぜん」コマンドの追加
そのコマンドを使うためのデータを管理するページの準備
その他細々したところの微修正

以下，使い方を簡単に載せておきます．

ぷれぜんの管理

「ぷれぜん」コマンドを使うにはそのためのデータを準備しておく必要があります．マイページ下にある「ぷれぜん管理」は，そのためのページです．

ここでは，その「ぷれぜん管理」ページでの基本的な流れについて簡単に解説します．

プレゼンの新規作成

「新規作成」フォームで必要事項，といっても現状では名前だけですが，を入力して「この内容で作成する」ボタンを押します．

作成したプレゼンは「プレゼン一覧」に追加されます．ここでいずれかの名前をクリックすると，そのプレゼンの編集ページへ移動します．

プレゼンの編集

「基本情報」フォームで名前や各種属性の編集を，「プレゼンの内容」フォームでセクションの追加や削除，名前の編集，属している本文の編集を，それぞれ行います．

「基本情報」については省略して，「プレゼンの内容」についての解説を以下．

セクションを新しく追加するには，「セクションを追加する」をクリックします．すると，上図のようなものが現れます．テキストボックスにはセクションの名前を入力します．

「開閉」をクリックすると本文入力テキストエリアが現れます．もう一度クリックすると隠れます．「削除」をクリックすると，確認ダイアログの後にそのセクションを削除します．

そんな感じでプレゼンデータを構成していきます．

また，ドラッグ＆ドロップによるセクションの並べ替えも可能です．ドラッグ中の表示がちょっとおかしくなりますが．．．

なお，Firefox 3 使用時，セクションの並べ替え後に F5 キー等でリロードするとフォームの内容がおかしくなることがあるのでご注意を．

ページ内のいずれかの「保存する」ボタンを押すことで，入力内容を保存します．

「YAML」フォームはオマケです．

「ぷれぜん」コマンド

コマンドを実行すると，作成したプレゼンの名前のリスト（のうち，「表示」設定となっているもの）が表示されます．

いずれかを選択すると，そのプレゼンでのセクションのリストが表示されます．

「すべてをとおしで」は特殊なセクションで，自動的に作られます．ここにはすべてのセクションの本文を連結したものが入ります．

セクションのいずれかをクリックすると，そのセクションの本文がメッセージウィンドウに表示されます．

入力テキストとメッセージウィンドウにおける表示との対応

編集ページ内「プレゼンの内容」フォームで入力した本文のテキストの一部は，次のルールで変換されてメッセージウィンドウに表示されます．

半角な英数字や記号等 → 全角
空行 → 「続き」マーク

ヒント

マイページ下「ウィンドウ設定」で行数や文字サイズを調整すると，本文を構成しやすくなるかもしれません．

おわりに

一度に表示できる情報量はかなり限られてしまいますが，よろしければ使ってみてやってください．

「ぷれぜん」としようか「プレゼン」としようか．．．表記が揺れまくってますね＞＜

「にこぐらふ」がネトラン「ベスト・オブ・悪用厳禁ツール＆サイト 2008」サイト部門検索カテゴリで金賞を受賞しました

issm — Tue, 14 Oct 2008 20:06:16 +0000

はじめに

10月 8日発売のネトラン2008年11月号での特集「ベスト・オブ・悪用厳禁ツール&サイト 2008」．その中の「サイト部門・検索カテゴリ」で，にこぐらふが金賞を受賞してしまいました．

雑感

審査員のコメントを一部引用させていただきます．

ニコニコ動画ははっきりいってコメントの半分以上が「w」でできているはずであり、にこぐらふの「w」の数から盛り上がっているところを推測するというアイデアはかなり正しいといえる。
特別審査員選評（2ちゃんねらー祐子さん） – ネトラン2008年11月号 p.82

金賞を受賞したにこぐらふはコメントにつけられた「w」の数で動画にインデックスを付けるというアイデアが秀逸なサービス。
特別審査員選評（エアロプレインさん） – ネトラン2008年11月号 p.82

面白い動画を見つけるだけでなく、グラフを見てほかの人がどのシーンで爆笑したかを察知できる。公式のランキングとは別の視点から動画を探せるにこぐらふの金賞は納得いく結果だ。
特別審査員選評（サルグラさん） – ネトラン2008年11月号 p.82

正直なところ，ページビューなどはたいした数じゃなかったりするのですが，「w」の数に着目した点を高く評価いただけたみたいです．

「『w』を数えたらどうなるんだろ？」といった個人的疑問に対する一解決案をとりあえず形にして公開したものでしたが，エントリ動画数が増えてくることで，「笑える動画を探せる」という副産物ができあがりつつあるみたいです．といっても，「検索」というにはまだまだ母数が少なすぎますけどね．

おわりに

使い勝手がよろしくないながらも動画をエントリしてグラフを作成していただいている皆様，ありがとうございます．そして，これからも「にこぐらふ」をよろしくお願いします！

ほぼ思いつきで作って以来，いろいろな言い訳で手つかずになってしまっているので，ネタ的にも構成的にも技術的にも見直し&改良していきたいですね．

おまけ

当初のコンセプトは「グラフの生成」のみで，「検索」の文字はまったく頭にありませんでした．今後は柔軟なアプローチをとっていきますよ．

ところで，金賞の場合「開発支援金」として 3万円いただけるそうですね．その名目のとおり，開発絡みにまわしますよ．本とか呑みとか．．．ね．

今さらながら mod_perl をかじり始めたので，呑みながらそのあたりに詳しい方のお話とか聴いてみたいところ．．．と言い放っておしまいにします．

参考資料（？）

ネトラン 2008年 11月号 [雑誌]
posted with amazlet at 08.10.15

にゅーあきば

Amazon.co.jp で詳細を見る

DQWindowManager 0.3.0 を「WebをDragonQuestっぽく遊ぶツール」として公開してみた

issm — Wed, 24 Sep 2008 08:49:28 +0000

はじめに

ver. 0.2.1 を作ってみた頃から，ユーザそれぞれにカスタマイズされたコマンドメニューとかできるといいよね，みたいな考えが出てきてました．

今回，それをひとまず形にしてみたので ver. 0.3.0 という形で公開します．まだまだ作り込みが足りませんがご容赦を．

DQWindowManager – Webをドラゴンクエストっぽく遊ぼう！

それでは以下，DQWindowManager 0.3.0（以下，DQWindowManager）の使い方などを簡単に解説します．

ブックマークレットの設置

ユーザ登録が完了してログインできるようになると，「マイページ」へのアクセスが可能となります．

そして，「マイページ / ブックマークレット」ページ内の「コマンド？」というリンクがありますので，これを

ドラッグして適当な場所にドロップする
右クリックメニューの「ブックマークに追加」とか「お気に入りに追加」とかする

ことで，ブラウザのブックマークに登録します．

これで設置は完了です．

ブックマークレットの起動

登録したブックマークをクリックしてブックマークレットを起動します．

ブックマークレットを起動するのがブラウザを起動後初めての場合，次のような認証ダイアログが表示されます．（図は Firefox3 使用時のものです．）

Basic認証というやつですが，ここで，ユーザ登録時に入力した「ニックネーム」と「パスワード」を入力します．入力に誤りがなければ，次のような「コマンドウィンドウ」が表示されます．

認証の有効期限とか

なお，Basic認証は，ブラウザを終了させるまで有効です．

また，「マイページ / アカウント設定」でパスワードを変更した場合，Basic認証にも反映されますのでお忘れ無く．

各種コマンドの解説

表示された「コマンドウィンドウ」にはいくつもの（見た目は）おなじみの「コマンド」が並んでいます．

ここでは，実装がひとまず形になっているものについて解説します．

「はなす」コマンド

現状では，な要素の content の値を拾うようにしています．

「～のまちへようこそ」みたいなことを延々と繰り返し答え続ける町の人みたいな感じで意外といい感じかも，と自画自賛してみました．

「しらべる」コマンド

「足もと」を調べます．足もとってどこよ？というのはスルーの方向で．

現在地，すなわち「コマンド」を実行した場所，すなわち URL によっては何かが起こるかもしれない．．．そんなコマンドです．

「どうぐ」コマンド

手に入れた「どうぐ」を使います．

例えば，どこぞで拾った「メガネ」を使う場合，次のような感じになります．

どうぐ「ウィキペディア」

このWebの世界のどこかで「ウィキペディア」なるどうぐを手に入れることができます．

Webページ上の任意の文字列をマウスドラッグで選択
コマンド？
どうぐ
ウィキペディア

のような手順で呼び出すことで，選択文字列をキーワードとして Wikipedia で調べてくれます．

なお，この「ウィキペディア」を実装するにあたり，WikipediaAPI を使わせていただいています．

WikipediaAPI – ウィキペディア情報をサイトで利用できるAPI

「ぷれぜん」コマンド

先日の WCAN 2008 Autumn での Lightning Talks で使ったアレです．

現在，どのようにして皆さんが使える形に落とし込むか，構成を考え中であります．もうしばらくお待ちくださいませ．

管理とかカスタマイズとか

DQWindowManager サイト内では，「ウィンドウ」などを独自に管理・カスタマイズできるような機能をいろいろ考えています．

現在最低限形になっているのは，「コマンド管理」「どうぐ管理」です．これらについて，以下．

コマンド管理

「コマンドウィンドウ」に表示される「コマンド」の表示の切り替えや順序の入れ替えを行えます．

どうぐ管理

手に入れた「どうぐ」を預けたりとかまた持ち出したりとか捨てたりとかできます．

おわりに

Web を（主観的に）別角度から楽しもうと思って作ってみた DQWindowManager 0.3.0，皆様にも楽しんでいただけたら幸いです．

まずは「どうぐ」の種類とそれらを取得できる場所の充実を図りたいですね．

あ，最後になりますが，IE系には対応させていません．もうね，面倒見きれないです．．．

[javascript] DQWindowManager 0.2.1 を公開しました

issm — Wed, 30 Jul 2008 03:55:22 +0000

はじめに

町の人との会話したり足元を調べたりするときに出てくるアレです．実際の名前はわかっていませんが．．．

表示させたいテキストを与えたときに一度に表示するのではなく，一文字一文字．．．のようなそれっぽい感じにしてみました．半角英数字を全角に置換する，などの処理も行っています．

「矢印が出て Aボタン（この場合クリック？）で次のページ」な部分の実装が次の課題ですかね．

岩家ぶろぐ » [javascript] DQWindowManager を久しぶりにさわって 0.2.0 にしてみた

先日公開した DQWindowManager 0.2.0 で「次の課題」としていた部分を実装してみました．

変更点

メッセージウィンドウの改良

メッセージに続きがあるときに現れる「▼」なマークの実装や，それに関連する処理を追加しました．これが現れたときにメッセージウィンドウをクリックすることで，メッセージの続きを表示します．

また，メッセージ終了時，メッセージウィンドウをクリックすることで閉じるようにもしました．

CSSの調整

そのときの気分で行っていたり．．．

おわりに

今後実装してみたいものをメモしておきます．

「はい・いいえ」ウィンドウ
「どうぐ」ウィンドウ
「じゅもん」ウィンドウ
「つよさ」ウィンドウ
「そうび」ウィンドウ
他，思いついたり思い出したりしたもの

ちなみに，冒頭のスクリーンショットは，googlemapでドラゴンクエスト３そして伝説へ… にてブックマークレットを実行してみたものです．

[javascript] DQWindowManager を久しぶりにさわって 0.2.0 にしてみた

issm — Mon, 28 Jul 2008 06:35:17 +0000

2008-07-29 22:10:00 頃追記

本エントリにて，最初にスクリプトを読み込むようにしていましたが，これをやめ，ブックマークレット方式に変更しました．

はじめに

ほぼ半年前に作ったこれを久しぶりに触り．．．というか作り直し，ver. 0.2.0 という形で公開してみます．過去の JavaScript 勉強会で吸収してきたこと（？）なんかもつぎ込んだりつぎ込まなかったりです．

では以下，今回の変更点について少し書いていきます．

なお，まだまだ実験的ですので，一部のブラウザではまともに動作しません．IE とか IE とか．．．

ブックマークレット

次のリンクをクリックするとコマンドメニューが表示されます．

コマンド？

また，ブックマークやツールバーに登録することで，（たいていの）任意のページでコマンドメニューを表示させることもできます．

変更点とか

メッセージウィンドウの実装（まだ途中）

町の人との会話したり足元を調べたりするときに出てくるアレです．実際の名前はわかっていませんが．．．

表示させたいテキストを与えたときに一度に表示するのではなく，一文字一文字．．．のようなそれっぽい感じにしてみました．半角英数字を全角に置換する，などの処理も行っています．

「矢印が出て Aボタン（この場合クリック？）で次のページ」な部分の実装が次の課題ですかね．

jQuery依存を排除

ver. 0.1.0 では，

jQuery がなかったらこれをロードする
DQWindowManager をロードする

といった，場合によっては 2つのファイルをロードするようなステップを踏んでいました．

今回は jQuery への依存をやめ，どんなときも 1つの JavaScript ファイルで完結できるようにしてみました．

data: スキームの使用

少し前にその存在を知ったわけですが，HTTPリクエスト数を減らせたり構成するファイル数を削減できたり，となんだかいろいろよさげなので，これを機に使ってみることにしました．

IE（6？）には対応していないので，これらのブラウザの場合には，今までどおり画像ファイルを読み込む形をとっています．（ただ，他の動作部分を対応させていないので，あんまり意味がなかったり．）

CSS の追加・修正

ブックマークレット等で立ち上げる際，基となるサイトのCSSが反映されてしまう場合が多々あったので，CSS設定をくどめにしてみました．

また，立ち上がるウィンドウの position プロパティを fixed に設定することで，スクロールしてもその場に留まるようにもしてみました．

詳細は

こちらをドウゾ．

DQWindowManager – crafts – issm’s …

おわりに

まだまだ改良の余地ありまくりなので，時間を見つけて進化させていきたいところです．

参考

data: スキームについてはこの辺りを参考にしました．

岩家ぶろぐ » 開発ごっこ

[javascript] 1年くらい放置していたマリオさんなライブラリ「mario.js」をgithubに上げてみた

はじめに

移行先

主な使い方

ちょこっと追加

サンプル

おわりに

「開発コンテスト24」応募用に「こんでる？」というサービスを作ってみた

はじめに

概要

スクリーンショット

位置情報を登録する

「こんでる？」を確認する

この先考えていること

着想

スケジュール

課題の確認

0:00 〜 1:45

1:45 〜 2:50

2:00 〜 3:50

3:50 〜 6:30

6:30 〜 9:30

9:30 〜 11:15

11:15 〜 12:30

12:30 〜 13:05

13:05 〜 13:30

13:30 〜 16:00

16:00 〜 18:00

応募

勉強になったこと

iPhone向けサイトの作り方を少し

iPhone Safariでの位置情報の取得方法

gitの使い方++

Google Chart APIの使い方

おわりに

関連リンク

おまけ

にこぐらふがDoSされてる？

はじめに

アクセスログ

2009-01-18

2009-01-19

2008-01-20

ん？

おわりに

次の何か

「DQWindowManager」がネトラン2008年12月号に掲載されました

はじめに

記事の内容について

おわりに

おまけ

参考資料（？）

DQWindowManager 0.4.0 を公開しました

はじめに

変更点の概要

ぷれぜんの管理

プレゼンの新規作成

プレゼンの編集

「ぷれぜん」コマンド

入力テキストとメッセージウィンドウにおける表示との対応

ヒント

おわりに

「にこぐらふ」がネトラン「ベスト・オブ・悪用厳禁ツール＆サイト 2008」サイト部門検索カテゴリで金賞を受賞しました

はじめに

雑感

おわりに

おまけ

参考資料（？）

DQWindowManager 0.3.0 を「WebをDragonQuestっぽく遊ぶツール」として公開してみた

はじめに

ブックマークレットの設置

ブックマークレットの起動

認証の有効期限とか

各種コマンドの解説

「はなす」コマンド

「しらべる」コマンド

「どうぐ」コマンド

どうぐ「ウィキペディア」

「ぷれぜん」コマンド

メッセージウィンドウの実装（まだ途中）