HTML5?なコミケカタログビュアーを作るまで

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

仕様を決めないと、と言うか要求ですね

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

今回こそは前回の教訓を踏まえてHTML5でコミケカタログビュアーを作るべきなのかと悩んでいる。結局Ubuntuで見れる環境がないんだよな・・・・CD版買ってるんだけどねぇ・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

最後にHTML5のコミケパンフビュアーはないようですね・・・うーん

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

HTML5でコミケカタログビュアー作れないか見たら簡単そうだ。 ただこれ作って配布はいいのかな。まあデータ部分別にして。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

まあいい、HTML5でのコミケカタログビュアの仕様を決めよう。基本データをネット上に置くなどという著作権法上非常に危険な方法に頼らないように工夫する。ただ、データとか印刷とかそのへんはしたいので、考える。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

仕様形態としては、CDについてくるデータをどっかにコピーして同じフォルダに置いたHTMLファイルを開いたらすぐ使えることを目標とする。その状態ではストレージが使えないので、サーバー経由してオフラインアプリとして使用する。Webストレージにチャック情報はおいておくイメージ

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

なんというか、まあZipってどうやってみたらいいんだっけ。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

JSでむりやりZIP解凍するのか・・・出来なくはないのは知っているが・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

しかし、コミケカタログのテキストファイルがSJISですぐに読めなくて困る・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

いや、読めないファイルが多いというのが正確か。カタログ本体は読める。読めるが・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

３５０MBの画像Zipをブラウザ上で解凍したらどうなるか恐ろしや。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

コミケカタログビュアーHTML5製を色々考えてたら、ローカルストレージの容量が５MBしかなくてWebサーバ経由でなどと考えてるとFileAPIで情報を保持しながらデータは原則解凍済みでローカルに保存が一番合理的な気がする。みんなローカルに置けば問題ないあるよ。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

イメージはCDからデータコピって、同じディレクトリにHTMLファイル置いたら開始みたいな。zip圧縮かかってるのは全部解凍する。しかし、ブラウザ上にはどれだけデータを載せられるのか。そう多くはないが・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

CD版コミケカタログのデータ仕様を見てみると、ってこの辺はなんか利用許諾で縛られるんだっけ？

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

NDA結んだわけじゃないから著作権の範囲でやればいいのか・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

で、データを見るとMDATA（マップ画像）、CDATA（サークル情報、TSVなんだな）、UDATA（よくわからないがCDATAと似ている）、C0XXH.CCZとC0XXL.CCZは高解像度版と低解像度版のサークルカットのzipですね。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

で、早い話、このサークル情報を読み込んでサークルカットと同時に表示できればOKでありますよ。スゲー簡単そう。まあずるをするためにjQueryとｊQueryMobileを使うとしてだな。いっちょ作ってみますか。まいどUbuntuで見えないのはしゃくにさわるし。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

えーっとサークルデータは前からサークルカット、島通番、島内通番、曜日、東西、クラスタ、クラスタ内通番、ジャンルコード、サークル名、サークル名半角カナ、代表者名、URL、メアド、解説、通販アドレス１，通販アドレス2といった感じ？

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

UIとしては検索窓（これがあるということは全部オンメモリに持っておく必要があるということ？）、ディレクトリツリーとマーキングとマーキング一覧があればあいのかな。まあそこまでをゴールとして行ってみよう。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

ローカルでAjaxってできたっけ・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

やべ、これはぺっろ。JSONPの味だ！

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

まあ、Ubuntu前提だからPythonによる変換か、jsでもいいんだけどそれでjsonに変換書けないとめんどくさそう。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

うーむこりゃ本気でFileAPIですなぁ・・・

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

ただし、ファイル名はこちらでは決められないのでユーザにひと手間かけさせてしまう。まあサーバーにモノ置けたりDBが自由に使えるんだったらこんな苦労はしないわけですが。

汝、翼を与える＠ばってん先に翼ばくれんね イベント・・（parody） @ryunosinfx

うーぬ、なんだCXXROM.TXTと、CXXROM1.TXT,CXXROM2.TXT,CXXROM3.TXTの差分ってなに？