https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%AC%E3%82%B7%E3%83%94/ 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> https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/ Fri, 15 May 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/ <p>Picture Cook は、料理レシピサイトを文字ではなくイラストでやろうという野心的な新サービスです。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-top.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-top_hu_9e5f50540d64ab8c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-top_hu_1d8ddce4a7c8913.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-top_hu_1b4be0748e31fac.webp 1053w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-top.png" width="1053" height="441" alt="" loading="lazy" decoding="async"> </picture></a></p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipes.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipes_hu_67c1ba80768cd87.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipes_hu_3e47b028eb79c5d7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipes_hu_be95220a7be7f112.webp 907w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipes.png" width="907" height="634" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>レシピ一覧ページ。ここにイラストを出した方がこのサービスっぽいと思いますがここは字だけですね。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipe-one.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipe-one_hu_2b971605d0486574.webp 469w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/05/picture-cook-illustration-recipes/picture-cook-recipe-one.png" width="469" height="303" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>文字の占める割合が低いことから、言語の壁を越えて多言語展開するのはしやすそうですね。文字が読めない人や苦手な人向けにも意義はあるかもしれません。</p> <p>今あるレシピ一覧には生姜焼きとか出汁巻とか日本食のメニューが多いなと思いましたが、作者は日本名なのでそれでですね。</p> <p>イラストはサイト制作者の手書きだそうです。現在のところ、新規のレシピを追加するにはメールで申し込んで専用エディタへのアクセス権をもらう必要があるそう。</p> <p>一般ユーザーが自由に投稿できるようなサービスに比べるとスケール感はないですが、同じテイストのイラストでレシピの量を増やせれば、一定のユーザーがつくのではという気もします。</p> <p>via Hacker News</p>