クックパッドのフロントエンド CSS in JS をゼロランタイムに切り替えました - クックパッド開発者ブログ

2023/10/03 11 users クックパッド GraphQL フロントエンド 我々 とおり

こんにちは。レシピサービス開発部クックパッドサービス基盤グループのkaorun343です。我々のチームではレシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログにて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回は、こ... 続きを読む

Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ

2022/12/29 15 users アプリケーション Next.js クックパッド開発者ブログ

こんにちは。レシピサービス開発部のkaorun343です。クックパッドではスマートフォン向けページにおける開発者体験向上のために、レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話にて紹介したとおり、Next.jsとGraphQLを用いたモダンな環境へと移行を進めています。例えばモバイル端... 続きを読む

デザインシステムは、作ってからが本番。｜いちはら｜note

2022/02/10 12 users 本番 デザインシステム クックパッド 一部

デザインシステムってどうやって作るの？運用どうするの？について考える。 こんにちは、クックパッドデザイン推進部部長の市原です。 クックパッドのレシピサービスにはapronというデザインシステムがあります。それが、この度Figma Communityに公開しました👏 ほんの一部ですが公開しましたので、このデザインシステム... 続きを読む

Cookpad Lounge #7 世界最大級のモノリスcookpad_allどうする会議 - connpass

2021/07/20 12 users connpass クックパッド アプリケーション構成 整理

クックパッドのレシピサービスを支えるシステム（レポジトリ名cookpad_all）は、 かつて稼働コードだけで40万行を越える世界最大級のモノリシックRailsアプリケーションでした。 2017年からの様々な改善により、コンテナ化やアプリケーション構成の整理が行われ、 さらにいくつかの機能はマイクロサービスとして分離され... 続きを読む

クックパッドのデザイン品質を支えるApron Design System の構築｜ふじけん / kenshir0f｜note

2021/07/06 6 users クックパッド 全社横断 Note ふじけん kenshir0f

こんにちは、クックパッド株式会社 デザイン戦略部のふじけん(@kenshir0f)です。 デザイン戦略部に異動してからは全社横断のデザイン品質の向上の仕組みづくりを担当していますが、今回はレシピサービス「クックパッド」のデザインシステムの整備で取り組んでいることを紹介したいと思います。 大規模サービスにおけるデ... 続きを読む

GraphQL Code Generator で TypeScript の型を自動生成する - クックパッド開発者ブログ

2021/03/24 11 users hokaccha TypeScript GraphQL 外村

技術部の外村（@hokaccha）です。 レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ という記事を書きましたが、この中で詳しく説明しなかった GraphQL のスキーマやクエリから TypeScript の型定義を自動生成する仕組みについて紹介します。 なお、今回... 続きを読む

レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ

2021/03/15 7 users フロントエンド CSS in JS GraphQL CSS

こんにちは。技術部クックパッドサービス基盤グループのkaorun343です。我々のチームでは レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 にて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回はこの新システムの CSS の話 です。 背景 クッ... 続きを読む

Rails に Babel と Rollup を組み込んで CoffeeScript を JavaScript に段階的に移行した話 - クックパッド開発者ブログ

2021/02/12 12 users rollup Babel Rails 青沼 クックパッド

こんにちは。技術部クックパッドサービス基盤グループの青沼です。当グループではクックパッドのレシピサービスを支える web アプリケーションの改善を進めています。今回はフロントエンドの改善の一環として、 Babel と Rollup を Rails のアセットパイプラインに組み込み、レガシーな CoffeeScript ファイルを ES2015+... 続きを読む

レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ

2020/12/01 384 users GraphQL ユーザーエージェント hokaccha 外村

技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開い... 続きを読む

検索インフラを安全に切り替えた話 - クックパッド開発者ブログ

2020/11/24 24 users 検索インフラ クックパッド開発者ブログ 前提 移行 直前

こんにちはこんにちは。技術部クックパッドサービス基盤グループの id:riseshia です。 本記事では直前の記事で提案された新しい検索システム(以下、 solr-hako と呼びます)を利用し、レシピサービスの検索インフラの切り替えた話をします。 solr-hako の設計を直接参照する内容はありませんが、それを前提においた移行... 続きを読む

クックパッドがスマートキッチン業界カオスマップ2019上半期版を公開 | TechCrunch Japan

2019/07/19 14 users クックパッド TechCrunch JAPAN 混沌 公開

クックパッドは7月18日、スマートキッチン（フードテック）業界のカオスマップを公開した。デリバリー、オンラインストア、レシピサービス、ツール、ロボット、次世代食品などまさに混沌なマップとなっている。 関連記事 業界別カオスマップ TechCrunchでもたびたび取り上げているデリバリー領域（Food Delivery）には、... 続きを読む

クックパッドが今、エンジニアとデザイナーを採用したい理由 - クックパッド開発者ブログ

2019/04/02 59 users クックパッド 冨永 エンジニア デザイナー 理由

こんにちは、クックパッドの冨永（@mamiracle__）です。 突然ですが現在クックパッドでは、サービス開発に携わるエンジニアとデザイナーの採用に注力しています！ しかし、社外の方とお話をしていると「クックパッドはひとつの完成したレシピサービスをやっている会社だよね。本当にエンジニアやデザイナーを積極採用し... 続きを読む

得られた知見をフリーズドライ〜情報共有のための仕組み Report.md の紹介〜 - クックパッド開発者ブログ

2018/12/07 52 users 知見 report.md 早口 スマブラ 新井

こんにちは、会員事業部の新井（@SpicyCoffee66）です。今年はレシピサービスにおける体験改善を主な業務としていました。 サービス開発かラブライブ！の話をすると早口になります*1。今日はついにスマブラが発売されるのでおそらく早退します。 さて、本記事ではサービス開発において重要な要素である施策結果・知見の... 続きを読む

Catchpointを使ったWebページのパフォーマンス計測 - クックパッド開発者ブログ

2018/11/29 66 users 文脈 クックパッド 一環 パフォーマンス Webフロントエンド

技術部開発基盤グループの外村です。最近はクックパッドのレシピサービスのWebフロントエンドの改善に取り組んでいます。その一環でWebサイトのページロードのパフォーマンス計測をおこなっているので、今回はその取り組みについて紹介します。 Webページのパフォーマンスといっても、文脈によってそれが指すものは様々... 続きを読む

Chaos Engineering に向けてレシピサービスの Steady State を追求する - クックパッド開発者ブログ

2018/11/11 79 users Chaos Engineering itkq 無力 本数 新卒

こんにちは、今年ソフトウェアエンジニアとして新卒入社した @itkq です。社会人になってから 1 クールで見るアニメの本数がガクッと減っていることに気づいて最近は無力を感じています。さて、この開発者ブログで「Chaos Engineering やっていく宣言*1」が公開されたことは記憶に新しいと思います。私はインフラストラ... 続きを読む

1品注文OKで送料無料の生鮮食品EC「クックパッドマート」が本日スタート、まずは学芸大学駅周辺から | TechCrunch Japan

2018/09/20 26 users クックパッドマート クックパッド 生鮮食品EC 生鮮食品 食材

過去にTechCrunch Japanでも紹介した、レシピサービスのクックパッドが手がける生鮮食品のECサービス「クックパッドマート」がいよいよ本日9月20日よりスタートする。 クックパッドマートはアプリで必要な食材を選択するだけで生鮮食品が手に入るECサービス。街のパン屋さんや精肉店などの小規模店舗（パートナー）で扱... 続きを読む

あなたが「グーグル式仕事術」を完コピすべき理由 | SPRINT 最速仕事術 | ダイヤモンド・オンライン

2018/05/21 582 users Sprint 完コピ クックパッド ダイヤモンド 戦略

クックパッド株式会社プロダクトマネジメント担当本部長。クックパッドには2010年から所属し、国内の利用者の拡大に責任を持ち、WEB・モバイルアプリの戦略やレシピ検索、クックパッドニュースの立ち上げなどに関わる。現在は国内のレシピサービスおよび、毎日の料理を楽しみにするためのレシピサービスにとどまらない新規サービスの立ち上げの責任者を担う。 SPRINT 最速仕事術 Googleで開発され、GV（グ... 続きを読む

クックパッド、米国とスペインのレシピサービスを買収　世界展開本格化 - ITmedia ニュース

2013/12/20 18 users クックパッド 買収 スペイン 米国 ITmedia ニュース

クックパッドは12月20日、米国のレシピサービス「allthecooks」運営会社を買収すると発表した。スペインのレシピサービス「Mis Recetas」の事業も現地法人を通じて取得。世界展開を本格的に進めていく。 「allthecooks」は昨年12月に開設。新興サービスながら、1年でスマートフォンアプリの月間利用者数が100万人を超えたという。連携を足がかりに、英語圏のユーザーにリーチしていく... 続きを読む

クックパッド、世界のレシピサービスと提携して世界展開を本格化 | News Release | クックパッド株式会社

2013/12/20 113 users クックパッド News Release ノウハウ 人々 料理

2013年12月20日 クックパッド株式会社 クックパッド、世界のレシピサービスと提携して世界展開を本格化 〜世界中の人々にとって世界各国の料理を楽しみにするレシピサービスを提供します〜 クックパッド株式会社は、日本最大のレシピサイト「クックパッド」を運営してきたノウハウを活かして、世界中の人々に向けて世界各国の料理を楽しみにするレシピサービスを提供していきたいと考えています。12月20日（金）開... 続きを読む

食費を管理しつつ、スマートにおいしいご飯を作る方法 : ギズモード・ジャパン

2013/07/11 19 users 食費 ギズモード ジャパン 懐具合 おいしいご飯

Webサービス , スマートフォンアプリ , ニュース 食費を管理しつつ、スマートにおいしいご飯を作る方法 2013.07.11 16:00 ライフハッカー［日本版］より転載 2013年7月10日、レシピサービス「クックパッド」の特売情報機能と家計簿サービス「Zaim」の連携が発表されました。 特売情報機能は、近所のスーパーの特売情報と合わせたレシピを検索できるもの。懐具合を気にしながら理想的なレ... 続きを読む