タグ: 変換

Plain Old Recipes – レシピサイトの最小限必要部分だけを表示する変換サイト

クックパッドの適当なレシピページには、画像がふんだんにあり、関連レシピやレシピを使った人のレポートなども並んでいます。

これを plainoldrecipe に通すと、こんな感じで表示されます

1ページにレシピがすべて収まり、料理の写真は1枚だけ。

対応サイトは70個以上あるようで、レシピ部分の抜き出しをがんばって作ったのだろうなあと。

料理の材料や名前で似ているレシピを辿れるのもレシピサイトの楽しみだと思いますが、簡潔なものだけ欲しいというユーザーには使えるかもしれません。それぞれのサイトがそういうモードを持っていてくれてもいいのかも。

GitHub でサービスのソースコードが公開されています。poundifdef/plainoldrecipe

その説明によれば、これらのレシピサイトをパーズするライブラリがOSSでこれも公開されていて、このライブラリを使用して実現しているようです。

via Hacker News

ツール

KilledByAPixel/JSONCrush は、JSONをURLに載せやすい形に変換するライブラリです。

JSONCrushのデモサイト。JSON形式のデータを左上に入力すると、それをテキストとして圧縮し(↓)、さらにURIとして使える文字に縁故度しています(→)。

今回入れてみたJSONでは、そのままURIエンコードした場合に比べて52%、約半分のサイズとなりました。

URLにユーザーが入力した結果のJSONデータをなるべく小さくして載せるというのがライブラリの目的です。URLに再現のためのパラメータが全部載っていれば、結果をブックマークしてもらえばいつでも同じパラメータのページが再現できます。サーバーサイドでいろいろ面倒な処理をして覚えておく必要がありません。

そのままURLEncodeする手もあるけど、URLのサイズ上限(2000バイトちょっと)に引っ掛かるのは避けたい、と。HTTPパラメータとして個別に受け取ればもっとコンパクトにできるのでしょうけど、JSONのまま渡せるのは場合によっては楽なのでしょう。作り手側に楽という意味ですが。

使ってるJSCrush ライブラリが変換部分を担っていて、これは特定の文字列内でテキストをエンコードしてくれるもののようです。JSCrushのデモサイトはこちら。

JSCrush は minify したものしかないらしく、
その動作を解析してる人がいました。この解説によれば、JSCrushライブラリは、1KbyteのJavaScriptで何ができるか、というコードゴルフコンテストの2012年の作品で使われたものだそうです。

JavaScript のソースコードを左側のペインに入れると、Loren Ipsum風に関数・変数名を置き換えて右側に表示してくれる、というwebサービスです。

作者は「文法的には正しいまま、ダミーのコードを作りたかった」とのことです。変換後のコードも動くのか、は不明です。たぶんいろいろ不具合がでるんじゃないかな。

ソースコードは公開されたサイトのhtmlそのままですが、GitHub にも上がっています。