https://labs.cybozu.co.jp/blog/akky/tags/%E7%B0%A1%E7%95%A5%E5%8C%96/ Recent content in 簡略化 on akky@サイボウズラボ・ブログ Hugo ja Fri, 26 Jun 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/ Fri, 26 Jun 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/ <p>クックパッドの適当なレシピページには、画像がふんだんにあり、関連レシピやレシピを使った人のレポートなども並んでいます。</p> <p><a href="https://cookpad.com/recipe/5179160"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/cookpad-receipe-sample_hu_76d33a794516c762.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/cookpad-receipe-sample_hu_fd0855c9e67e7ecf.webp 650w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/cookpad-receipe-sample.png" width="650" height="834" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>これを <a href="https://plainoldrecipe.com/">plainoldrecipe</a> に通すと、こんな感じで表示されます</p> <p><a href="https://plainoldrecipe.com/recipe?url=https%3A%2F%2Fcookpad.com%2Frecipe%2F5179160"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-cookpad_hu_9364a739a6cfc18.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-cookpad_hu_20e4b3b1526bedb9.webp 667w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-cookpad.png" width="667" height="757" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>1ページにレシピがすべて収まり、料理の写真は1枚だけ。</p> <p><a href="https://plainoldrecipe.com/supported-websites">対応サイトは70個以上ある</a>ようで、レシピ部分の抜き出しをがんばって作ったのだろうなあと。</p> <p><a href="https://plainoldrecipe.com/recipe?url=https%3A%2F%2Fwww.allrecipes.com%2Frecipe%2F262361%2Fpan-fried-tofu%2F"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-allrecipe_hu_4ba2ebc16856abe1.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-allrecipe_hu_909cb916394b0110.webp 696w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/06/plain-old-recipes/plainoldrecipe-allrecipe.png" width="696" height="308" alt="" loading="lazy" decoding="async"> </picture></a></p> <p><a href="https://www.allrecipes.com/recipe/262361/pan-fried-tofu/">他のレシピサイトのレシピ</a>を入れてみたもの。</p> <p>料理の材料や名前で似ているレシピを辿れるのもレシピサイトの楽しみだと思いますが、簡潔なものだけ欲しいというユーザーには使えるかもしれません。それぞれのサイトがそういうモードを持っていてくれてもいいのかも。</p> <p>GitHub でサービスのソースコードが公開されています。<a href="https://github.com/poundifdef/plainoldrecipe">poundifdef/plainoldrecipe</a></p> <p>その説明によれば、<a href="https://github.com/hhursev/recipe-scrapers">これらのレシピサイトをパーズするライブラリ</a>がOSSでこれも公開されていて、このライブラリを使用して実現しているようです。</p> <p>via Hacker News</p>