こんにちは。技術部クックパッドサービス基盤グループのkaorun343です。我々のチームでは レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 にて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回はこの新システムの CSS の話 です。 背景 クックパッドのレシピサービスを Next.js と TypeScript で置き換えはじめた当初、CSS については Next.js に標準で組み込まれているCSS in JS ライブラリである styled-jsx を使っていました。プロジェクトが大きくなりはじめたタイミングで 「CSS の技術選定を考えなおしてもいいかもしれない」とチームの中で話し合い、改めて技術選定をしました。 技術選定 結論として、本システムでは CSS in JS ライブラリのem
「信頼性」を保ちつつ大規模サービスをリニューアルする / cookpad-tech-kitchen-service-embedded-sres
Cookpad Tech Kitchen #24 5800万人が使うサービスのリニューアルとその技術 ( https://cookpad.connpass.com/event/183385/ ) で、"「信頼性」を保ちつつ大規模サービスをリニューアルする" というタイトルで発表した際の資料です。 スライド内のリンクは次のとおりです。 - How SRE teams are organized, and how to get started: https://cloud.google.com/blog/products/devops-sre/how-sre-teams-are-organized-and-how-to-get-started - Design Docs at Google: https://www.industrialempathy.com/posts/design-docs
序文 「Software Developer Salaries in Japan: The Ultimate Guide」を和訳しました！直訳だと伝わりにくい部分は、本質を残しつつ新たに書き直ししましたが、ほとんど原文通りです。私の運営するJapan Devが英語話者向けのサイトなので、この記事は元々外国人に向けて執筆しました。そのため、私がこの記事を日本語に翻訳したのがなぜか、不思議に思う方もいるでしょう。 まず、私がこの記事を執筆した一番の目的は、【日本で働く全てのエンジニアが正当に評価され、高い報酬を得ることが可能だという「希望」を伝える】ことです。Japan Devの会社リストは外国人が働きやすい企業を紹介していますが、グローバルかつ革新的なサービスを生み出す企業で良い収入を得て働きたいと考える日本人のためのリストでもあります。 日本人の皆さんにも、もし現在日本でエンジニアとして働
こんにちは。技術部セキュリティグループの水谷（@m_mizutani ）です。最近はFGOで一番好きな話がアニメ化され、毎週感涙に咽びながら視聴しています。 TL;DR これまでセキュリティログ検索にGraylogを使っていたが、主に費用対効果の改善のため新しいセキュリティログ検索基盤を検討した 自分たちの要件を整理し、Amazon Athenaを利用した独自のセキュリティログ検索基盤を構築した まだ完全に移行はできていないが対象ログを1ヶ月間分（約7.5TB1）保持してもコストは1/10以下である3万円に収まる見込み はじめに セキュリティグループでは日頃、社内ネットワークやPC環境、クラウドサービスに関連するセキュリティアラートに対応するセキュリティ監視業務を継続しておこなっています。アラートに対応する時に頼りになるのはやはり様々なサービスやシステムのログで、そのアラートに関連したログ
こんにちは、ruby-devチームの遠藤（@mametter）です。 Among Usというゲームをやってるのですが、友達が少なくてあまり開催できないのが悩みです。 今日は、Ruby 3.1に導入される予定のerror_highlightという機能を紹介します。 どんな機能？ NoMethodErrorが起きたとき、次のような表示が出るようになります。 error_highlightの動作例 どこのメソッド呼び出しで失敗したかが一目瞭然ですね。これだけの機能ですが、使ってみると意外と便利です。 もう少し詳しく この機能が本領を発揮するのは、RailsのparamsやJSONデータの取り扱いなどのときです。 たとえばjson[:articles][:title]みたいなコードを書いて、undefined method '[]' for nil:NilClassという例外が出たとします。 この
Ruby on Railsを推進する「The Rails Foundation」発足、理事長にDHH氏が就任。Cookpad、GitHub、37signals、Shopifyなどが創立
Ruby on Railsを推進する「The Rails Foundation」発足、理事長にDHH氏が就任。Cookpad、GitHub、37signals、Shopifyなどが創立 創立メンバーとなる企業はCookpad、Doximity、Fleetio、GitHub、Intercom、Procore、Shopify、37signals。理事長にはRuby on Railsの作者であるDHH（David Heinemeier Hansson）氏が就任します。 The Rails Foundation kicks off with one million dollars from @cookpad, @doximity, @fleetio, @github, @intercom, @procoretech, @Shopify, and @37signals to improve the
クックパッドを退職して Ubie Discovery に転職しました - hokaccha memo
昨日がクックパッド最終出社日で今日からヘルステックスタートアップの Ubie Discovery*1 で仕事します。 クックパッドは2015年4月に入社したので6年半弱在籍しました。過去最長記録です。思えば色々なことをやりました。新規サービスの立ち上げをやったり機械学習を使ったサービスを作ったり、人事と兼任してエンジニア採用とか新卒採用の夏インターンとか TechConf の運営をやったり、技術基盤のグループに移ってマイクロサービス化をやったりフロントエンドの Next.js 化をやったり。 クックパッドのサービスは好きだし、やりたいと思ったことに挑戦させてくれるし、同僚は優秀だしで特に大きい不満はなく、辞めるつもりはなかったんですけど、クックパッドで同僚だった人が何人か Ubie Discovery に転職してめちゃくちゃ楽しそうに仕事してるのを横目で見たのをきっかけに興味を持ち、話を聞
巨大なモノリシック Rails アプリケーションの マイクロサービス化戦略 / 2019 microservices in cookpad
こんにちは丸山@h13i32maruです。タイトルの通り、2020年末に転職の意思決定をしました。現職のクックパッドには大変お世話になりました。次はUbie（ユビー）という医療系ベンチャーに行きます。今は有給消化中で入社は3月1日からです。 この転職の意思決定をするにあたり「事業ドメイン」「組織」「自分の成長」「報酬」の視点で色々と検討しました。そこで未来の自分に検討したことを残しておこうと思います。今の正直な気持ちを書いているので、Ubieに限らず転職しようか迷ってる人にとって何か参考になれば幸いです。 ちなみに今回の転職は以下のような経緯によるものです。 転職活動をしていたわけではなく、中の人からお誘いいただき入社に至ったため、他に検討していた会社はありません 転職するかどうかは最後の最後まで迷っており、オファー後に色々考えて転職するかどうかの意思決定をしました 目次 感情に流されない
どうも、週5で料理をしている者です。 近ごろ各所でクックパッドが話題になってますね。IT業界にいたら、大体どんなことで注目されているかもわかります。 タイトルで全部言ってしまってますが、我が家ではクックパッドが必要不可欠です。 目から鱗が出る特別な使い方を紹介して、みなさんをビックリさせることはできませんが、こんなタイミングだからこそ、感謝の気持ちも含め、どんなふうに使っているかなど、クックパッドについて書いておきたいと思います。 前提 クックパッドのアプリ利用（プレミアム）を前提としています。 とにかくレシピの数が多い／検索エンジンが優秀／アプリの使い勝手が良い、という当たり前のところには触れていません。 クックパッドのココが好き！ 我が家の食事は90%わたしが担っており、晩ごはんでは、メイン、副菜二種、汁物、の合計4品を用意してます。一食に15種目摂取を目指し「まごわやさしい」*1も、
Figmaに公開されている日本のデザインシステム系ファイル
Figmaを絡めて新たなデザインシステム構築を手伝う仕事が生まれそうなので、調査がてらFigmaに公開されているデザインシステム系ファイルの情報をまとめました。 なお、海外のデザインシステムは大量に公開されており、特に有名企業のシステムはどこの記事でも紹介しているので、この記事では日本で公開されているFigma関連のファイルに限定して取り扱います。 検索する限りでは意外と日本企業が公開しているファイルは少ない。 なお、ここに掲載されている以外で公開されているファイルがありましたら@kgsiまでご連絡いただけると嬉しいです。 FALCON by SPEEDA コンポーネントごとにページを分けている VariantsはDefaultやLargeなどアッパーキャメルケースを採用 *書体はHiragino Kaku Gothic Proを指定 SmartHR UI by SmartHR 全コンポー
GraphQL Code Generator で TypeScript の型を自動生成する - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。 レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ という記事を書きましたが、この中で詳しく説明しなかった GraphQL のスキーマやクエリから TypeScript の型定義を自動生成する仕組みについて紹介します。 なお、今回紹介したコードは以下で試せます。 https://github.com/hokaccha/graphql-codegen-example-for-techlife GraphQL Code Generator を使った型生成 GraphQL のスキーマから TypeScript の型を生成するためのライブラリはいくつかあります。 Apollo GraphQL Code Generator などが有名どころです。今回はシンプルさや拡張性を考えて G
データ分析 SQL とその実行結果を共有・検索できるアプリ Bdash Server を作りました - クックパッド開発者ブログ
こんにちは。クックパッドでエンジニアをしている @morishin です。Bdash Server というデータ分析 SQL を共有するアプリケーションを作って社内で使い始めたのでその紹介をします。 クックパッドのサービス開発は「仮説を立てる」→「作ってリリース」→「効果検証」の繰り返しで進んでいます。ここで言う効果検証というのは作ったサービスが狙い通りの使われ方をし、ユーザーに価値を提供できているかどうかの確認のことです。その手段は複数あり、実際に使っていただいたユーザーさんにインタビューをさせていただく場合もあればアプリケーションから送信されたアクセスログ等を分析することで評価する場合もあります。この記事では後者の定量分析を効率化するためのツールを作った話をします。 アプリの概要 まずはアプリの機能を紹介します。Bdash Server は、Bdash という同僚 (@hokaccha
CTO の成田です。星による記事、 在宅勤務環境の継続的改善 でもご紹介した通り、クックパッドでは国内外のグループ全体で在宅勤務に切り替えており、同時に勤務環境づくりに取り組んでいます。 先の記事では、椅子・机などのファシリティレンタルや、IT システムの整備、コミュニケーションの改善など、様々な取り組みをご紹介しました。本稿では、このような取り組みの一環として開催した、在宅勤務環境改善の社内ハッカソン「Hackarade Remote」についてご紹介します。 テーマは「私の Work From Home の課題解決」 社員同士のコミュニケーションの問題や、家庭環境の問題など、長期の在宅勤務には様々な課題があることはご存じかと思います。今回のハッカソンでは「在宅勤務で困っているかもしれない誰か」を想像で助けるのではなく、「自分が困っていること」を自分で解決するということに主眼を置いてテーマ
こんにちはこんにちは。技術部クックパッドサービス基盤グループの id:riseshia です。 本記事では直前の記事で提案された新しい検索システム(以下、 solr-hako と呼びます)を利用し、レシピサービスの検索インフラの切り替えた話をします。 solr-hako の設計を直接参照する内容はありませんが、それを前提においた移行作業ですのでそちらの記事を先に読むことをおすすめします。 インフラ構成の変化 まずインフラ構成の変化ををみておきましょう。 検索インフラ(変更前) 今まではこのようなインフラ構成でした。特徴としては、 search-cache というキャッシュサーバ(Varnish)が手前にあることくらいでしょうか。今回、 solr-hako を利用することで以下のような感じになりました。 検索インフラ(変更後) しれっとキャッシュレイヤーである Varnish がなくなったこ
ハイジが独裁国家を潰す、超危険な映画『マッド・ハイジ』が7月14日に公開決定！チーズの違法売買で処刑されたヤギ飼い・ペーターのため、独裁者に復讐を誓うハイジを描く
舞台は、チーズ製造会社のワンマン社長兼大統領であるマイリに支配され独裁国家と化した「スイス」。法律で特定のチーズ以外を違法とする法律が施行されており、違法なチーズの売買によってヤギ飼いのペーターは処刑されてしまう。 闇チーズディーラーとして処刑された、ハイジの恋人・ペーター 恋人であるペーターを失ったハイジは、邪悪な独裁者であるマイリへの復讐を決意し、祖国のために戦うこととなる。 制作に先駆けて実施されたクラウドファンディングでは世界19ヵ国から500人近くの支援者と約2億9000万円に及ぶ資金を調達しているほか、支援金額に応じた収益が支援者へ分配される新たな手法を取り入れたことでも話題になった。 復讐の少女・ハイジ また、独裁者マイリ役には映画『スターシップ・トゥルーパーズ』の主人公ジョニー・リコ役で知られるキャスパー・ヴァン・ディーン氏が出演するほか、『グラディエーター』、『パイレーツ
Hatena Engineer Seminar #17 にて発表しました。 hatena.connpass.com Hatena::Letの式年遷宮 from Takafumi ONAKA www.slideshare.net 発表内容をかいつまんで記事にも書いておきます。 Hatena::Let とは はてラボ のサービスの一つ。 僕も入社するまで、はてラボ == ベータ版、だと思ってたんですが、 ラボならではの挑戦的なサービス 運用費が会社持ちで、会社の名前で出しても良い、はてなスタッフの有志が運営するサービス、という制度 も含んでいます。 で、Hatena::Let は、現在は主に id:onk が開発している、ブックマークレットをかんたんに作成・公開できるサービスです。 ソフトウェア式年遷宮とは 初出は 2013 年の id:kenjiskywalker によるもので、このときはイ
2020年2月に話題になったイケてるWebサービス・アプリをご紹介します。 世間的にはコロナなどが世間を賑わせており、在宅推奨の企業も増えてきましたが、そんななかでも新しいサービスはどんどんリリースされています。 こんなときだからこそ、生活を便利にしたり、エンタメとして楽しめるサービスの存在はさらに重要になってくるのではないでしょうか。 もし知らないサービスがあったら要チェックです。 ※バックナンバーはこちらよりご覧いただけます。 [no_toc] NEUTRINO AIを用いた歌声合成ソフト。 肉声に近いクオリティで歌わせられることで話題になりました。 歌詞やメロディーを楽譜どおりに入力すれば、歌手本人の特徴に近い声質や歌いまわしを再現し歌ってくれます。 フリーウェアとして公開されており、専門知識や高性能なPCがなくてもインストールして利用することができる点も素晴らしいです。 ニコニコ動
2023.01.23 働き方 成田一生クックパッドCTO 毎日の料理を楽しみにする」というミッションのもと、料理レシピ投稿・検索サービス『クックパッド』や生鮮食品EC『クックパッドマート』などの事業を展開するクックパッドが、2023年1月にCTO交代を発表した。 新しくCTOに就任したのは、星北斗さん。2010年からアルバイトとしてクックパッドで働き始め、13年に新卒入社。セキュリティ、インフラ領域の保守運用、英国ブリストルの拠点での海外向けサービス開発などに取り組んできた生え抜きのエンジニアだ。 一方で、この6年間同社でCTOを務めた成田一生さんは、全ての経営・マネジメントポジションから退き、『クックパッドマート』の開発チームのいちメンバーとしてコードを書く仕事に取り組んでいくという。 CTO交代に踏み切った経緯、それぞれのキャリア選択の裏側にある思いとは？ 新体制でリスタートを切る二人
技術部セキュリティグループの水谷 ( @m_mizutani ) です。ここしばらくはフルリモートワーク体制になったので運動不足解消のためウォーキングをしたり筋トレしていたら、リモートワーク前より健康になった疑惑があります。 クックパッドのセキュリティチームでは日々のセキュリティ監視を効率化するため、独自のフレームワークを構築して利用しています。具体的には、セキュリティアラートが発生した際に自動的に様々なデータソースから関連情報を収集し、収集した情報をもとにアラートのリスクを評価、そして評価結果をもとに自動対応をするという一連のワークフローを実現するフレームワーク DeepAlert をAWS上にサーバーレスで構築しました。この記事では、このフレームワークを構築した経緯やアーキテクチャ、仕組みについて解説します。 セキュリティアラートの対応 ここでは、セキュリティ侵害が発生している可能性が
Ruby のメソッド定義時に仮引数があるとき、それをカッコでくくらないのは私だけなの？ - STORES Product Blog
テクノロジー部門で Ruby インタプリタの開発をしている笹田です。RubyKaigi 2024 楽しみですね。 さて、Ruby のメソッドを定義するとき、仮引数がある場合、カッコを省略することができます。 def foo(x, y) end def bar x, y end bar の定義の方法ですね。私は好んでこの書き方をしてたんですが、同僚の遠藤さんに「そんな書き方をしているのは今時笹田だけだ」と言われてショックを受けたので、ちょっと調べてみました。 ちなみに、カッコがないと使えないメソッド定義の方法があるので、その時には涙を呑んでカッコをつけます。 def foo(kw:) # 必須キーワード引数 end def bar(&) # 無名ブロック引数 end 補足１：Ruby では「メソッド呼び出し時にカッコをつけるかどうか」にいろいろな論争がありますが、ここでは「メソッドを定義する
クックパッドアプリ(Android)の開発効率化のためにやったこと/やっていること - クックパッド開発者ブログ
モバイル基盤部のこやまカニ大好き(id:nein37)です。 モバイル基盤部では、CI環境の改善やアプリのリリースサイクル自動化といった開発・リリースフローの効率化に加え、アプリのビルド速度改善や開発のしやすさを改善する様々な取り組みを行っています。 今回はその中から、クックパッドアプリ(Android)に対して行った開発効率化の取り組みの一部を紹介したいと思います。 あわせて読みたい : Android版クックパッドアプリで採用している技術の現状確認 2018年版 日々のメンテナンス系 不要になったソースコードやリソースの削除 Lint設定の最適化/Lint警告の除去 画像リソースのWebP化/WebPおじさん化 minSdkVersion 21 後の変更 Ripple 対応 android:elevation の指定で影をつける *-v21 系代替リソースの整理 ツール導入など And
エンジニアの成田（@mirakui）です。最近はクックパッドマートの流通基盤エンジニアとして、商品の流通に関わるソフトウェアやハードウェアに携わっています。 さて、クックパッドは先日長野県の松本で開催された RubyKaigi 2023 にスポンサーとして参加しました。そのスポンサーシップの一環として、参加者に配られるドリンクを冷やすための冷蔵庫を提供しました。 会場に設置した6台の冷蔵庫は、私たちが「マートステーション」と呼ぶ、クックパッドマートにおいてユーザーが購入した商品を受け取るための冷蔵庫です。現在は都内を中心に、駅やコンビニエンスストア、マンションの共用部といった生活動線に設置しています。マートステーションの技術的な詳細は下記の記事をご覧下さい。 techlife.cookpad.com 今回設置したのは、上記の記事中で "JCM-Mk4" と呼んでいる、現行型である第4世代の
こんにちは、会員事業部の新井です。余暇を全て Auto Chess に喰われています。 過去このブログにはサービス開発に関する記事*1を投稿させていただいているのですが、今回はシステム改修についての記事になります。 クックパッドには検索バッチと呼ばれる大規模なバッチが存在するのですが、今回それを刷新することに成功しました。 そこでこの記事では旧システムに存在していた問題点、新システムの特徴や実際の開発について述べたいと思います。 背景 クックパッドのレシピ検索では Apache Solr を検索サーバーとした全文検索を利用しています。古くは Tritonn を利用して MySQL に作られた専用 table を対象に全文検索を実行していたようですが、その頃から「検索バッチ」と呼ばれるバッチが存在していました。 このバッチは、簡単に言うと「検索インデックス」と呼ばれる検索用メタデータを生成す
こんにちは。Komerco事業部エンジニアの高橋(id:yosuke403)です。「料理が楽しくなるマルシェアプリ」であるKomercoの開発を行っています。 Webサービス開発と聞くとユーザが利用するWebアプリやモバイルアプリの開発を思い浮かべますが、運営スタッフがサービスのデータを閲覧・更新するための管理用アプリケーションの開発も必要になることがほとんどです。 KomercoはバックエンドにFirebaseを活用しているのを一つの特徴としているサービスです。 今回はKomercoの開発事例を通して、Firebaseを用いた管理アプリケーション開発の知見をご紹介したいと思います。 Komercoの管理用アプリケーションについて KomercoではFirebaseのHostingを利用し、Webで管理用アプリケーション（以下、管理アプリ）を提供しています。 Komercoの管理アプリでで
技術部 Site Reliability (SR) グループの id:itkq です。2020 秋タイトルで一番期待しているのはおちこぼれフルーツタルトです。本エントリでは、Web サービスの負荷試験に対する障壁を下げるために、汎用的な Web コンソール開発に至ったまでの話を書きます。 Web サービスの負荷試験の障壁を下げたい クックパッドでは、マイクロサービスを支える基盤が成熟しており、新規サービス開発や、サービスリニューアルなどの機能開発の場面では、疎結合な新規のマイクロサービスとして実装されることが多いです。このようなサービスをリリースする際は、予想されるトラフィックに対して、実際にそれを捌ききれるかどうかテストする、いわゆる負荷試験をすることは一般的です。これまで、サービスリリース時に、負荷試験をきちんと行うこともあれば、負荷試験を行わないこともありました。負荷試験が行われない
こんにちは。 クックパッドマート開発チームの長野です。注文ユーザー向けアプリのプロダクトマネージャーをしています。 今日は、ここ数ヶ月の間にiOSアプリのホーム画面のデザインをがらりと変えていった話について、お話ししたいと思います。 サービス初期のUIは世界観推しでクックパッドマートアプリのホーム画面は、リリース当初から先日まで、出店いただいている販売ストア別に商品が並ぶUIでした。 ▲ 販売者さんのこだわりコメントとともに商品を並べるUI このような形にしていた背景にはいくつか理由があります。 まず、リリース当初は取り扱える商品数が限られていたこと。サービス開始当初は実績も前例もないサービスに協力してくださるパートナーを集めるのは本当に至難です。当然初期フェーズでは商品数は少なく、それでもサービスの魅力が伝わる見せ方を考える必要がありました。 また価格についても、普段利用しているスーパー
限定公開した日付になっていたので再投稿しました泣 普段は京都大学で学生をしており、iOSエンジニアとしての歴も3年目となりました。 NoSQLもFirebaseも全く触ったことのなかった僕が、バックエンド全てFirebaseで完結させた知見を残しておきます。 何を作ったのか ランディングページ https://app-rose.me/ AppStore https://apps.apple.com/us/app/rose-me/id1453049174?l=ja&ls=1 恋愛は試着する時代 という信念のもと、試着感覚のデートを提供するマッチングアプリRose Meを開発しました。 空いている時間に、好きな場所で1時間だけのデートのおさそいをして、ローズを送ることでデートに行きたいという気持ちを伝えることができます。 デート後に、お互いが気になるボタンを押していれば連絡はとりあうことができ
こんにちは、プラットフォームチーム所属のまこたすです。 昨今、様々な場で「モジュラーモノリスを導入した」という話を目にするようになってきました。弊社でも昨年からモジュラーモノリスの試験導入を進めており、社内でノウハウが徐々に溜まってきたため、今回 技術ブログ で なぜ導入したのかと知見の共有 をさせていただけたらと思います。 想定読者 モノリスなアプリケーションの分割を検討している Railsへのモジュラーモノリスの導入を検討している 話さないこと チーム体制がどうあるべきかという観点の話 以下アーキテクチャについての詳細 モノリスアーキテクチャ モジュラーアーキテクチャ 背景 今回「モジュラーモノリスを導入した」というタイトルですが、最初に検討・導入に至るまでの背景について触れたいと思います。 hacomonoという組織・サービスの成長 hacomonoというサービスはリリースから現在に
お母ちゃんの昨日はお仕事の日でした。今日は長男くんが夕ご飯を作ると言ってくれるので、楽しみにして帰ってきました♪ しぐれちゃんの子分①、子分②の長男次男くんは、小学生の夏休みの家庭科の宿題を今やってるような感じですが、いいでしょう。若いうちの時間がある時に好きなことをやってくださいな🎶 で、長男くんは何を作ったかというと、中華の鉄人・陳建一さんの麻婆豆腐専門の店に以前食事に行ったのですが、その時食べた麻婆豆腐が美味しかったそうで…(お母ちゃんは辛すぎて味をよく覚えていません ^-^;）本格麻婆豆腐を作りたくなったのだそうです。彼は次男くんと違い、食べたいものを食べたい時に作る人なのです。 鶏肉料理が好きでいろいろ作っていました。ダッカルビ。ケバブ丼。お肉も自分で買ってきます。🐔 ダッカルビは超美味しかったです。今の時代、COOKPADやレシピサイトは山ほどあるので、彼らにもレシピサイト
こんにちは。 テストエンジニアからサービス開発エンジニアにロールチェンジした、茂呂一子です。 先日リリースしました、iOSクックパッドアプリのリニューアルプロジェクトに参加し、サービス開発エンジニアとしての第一歩を踏み出しました。 今回は、アプリのリニューアルをすすめていく中で、試してみたことについて、お話しします。 アプリリニューアルの内容やそのデザイン意図については、13年続いた「つくれぽ」をリニューアルした話｜Misaki Kubosaka｜noteが詳しいので、こちらをお読みください。 リニューアルプロジェクト第1フェーズの問題点 iOSアプリのリニューアルプロジェクトは、とても大きく、機能を段階的にリリースするため、3つのフェーズに分けて開発していくことが決まっていました。 そのため、開発チームはメンバーの追加をしつつ、複数回の開発サイクル(仕様決定、設計、実装、検証)を繰り返す
このエントリは"今年買ってよかったもの Advent Calendar 2020"の21日目です。 WFH関連は別エントリにして、なるべく普段の生活に関連してるものをまとめました いままでのあらすじ 2020年在宅勤務(WFH)編 在宅勤務編はこっちにしっかり書いた。ユニクロ最&高！ hiroshix.net 2019年はこちら hiroshix.net 買ってよかったもの // 日常生活編 背負えるエコバッグ notabag これ2015年くらいから使ってるんだけど、今年になって利用率爆上げ！スーパーでたくさん買っても背負えるので超便利！ notabag(ノットアバッグ) BAG & BACKPACK Gray/Yellow NTB002GR-Y ノットアバッグ(notabag)Amazon モンベルのソックオンサンダル 靴下でも履けるのでオールシーズン使えて便利！近所くらいならコレでO
こんにちは～筋肉料理人です！ 今日の料理は蒸し暑い季節にさっぱり美味しい「鶏むね肉の塩昆布しそ焼き」です。鶏むね肉は加熱してもかたくならないようにポリ袋に入れて下処理＆塩昆布で味付け。それを炒めて、たっぷり大葉（青じそ）をトッピングして仕上げます。 塩昆布でうま味バッチリ、そこに大葉の風味が入って、まさしく夏の料理という感じです。コスパの良いもやしの電子レンジ蒸しを付けあわせに、手間いらずで作れますよ。 筋肉料理人の「鶏むね肉の塩昆布しそ焼き」 【材料】2人分 鶏むね肉 1枚（300g程度） もやし 1袋（200g程度） 大葉（青じそ） 5枚～お好みで 麺つゆ（3倍濃縮） 小さじ1 ぽん酢しょうゆ 小さじ2 ごま油 小さじ1/4 サラダ油 小さじ2 七味唐辛子 適量 （A） 塩昆布 10g 片栗粉、日本酒 各大さじ1 鶏がらスープの素（顆粒） 小さじ1/2 おろしにんにく 小さじ1/4 作
こんにちは、フルタイムRubyコミッタとして働いてる遠藤（@mametter）です。昨日、Ruby 3.0.0-preview2がリリースされました！ このリリースには、遠藤が開発している Ruby の静的型解析ツール TypeProf が初めて同梱されています。これの使い方をかんたんにご紹介したいと思います。 デモ TypeProf は、型注釈のない Ruby コードを無理やり型解析するツールです。とりあえずデモ。 # user.rb class User def initialize(name:, age:) @name = name @age = age end attr_reader :name, :age end User.new(name: "John", age: 20) typeprof コマンドは、Ruby 2.7 で gem install typeprof でインスト
初出社（リモートだけど）なうhttps://t.co/G7Vnv5sg1n— 生存バイアスの王 (@yoshiori) May 17, 2020 求む、同志 - 川口耕介のブログ を読んで「めっちゃ面白そう！！ とりあえず話したい！！」と衝動に突き動かされるまま行動してたら join していました。 前職でも 「なんかテクノロジーカンパニー世界トップ 10 みたいなの、よく記事になってるじゃん。Google, Amazon, Apple とか Netflix とかが入ってるやつ。あれにアジアで一番最初に入り込むような企業になりたい」 とか言ってたんだけど（多分 Alibaba が今は一番近い気がする）同じような情熱と危機感を持っている川口さんと話してめちゃめちゃ興奮しました。 まぁ、でも英語全然だめなのでいつかなにかしらの形で一緒にできたらなくらいの気持ちで「やっぱり英語もう一回ちゃんとや
クックパッドのフロントエンド CSS in JS をゼロランタイムに切り替えました - クックパッド開発者ブログ
こんにちは。レシピ事業部のkaorun343です。我々のチームではレシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログにて紹介したとおり、レシピサービスを Next.js ベースの新システムへと移行しています。今回は、この新システムのCSS in JSをEmotionからゼロランタイムのvanilla-extractへ変更した話です。 vanilla-extract.style 背景 以前書いた レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログでは、CSS in JSライブラリとして Emotion（@emotion/react）を採用した経緯と開発環境整備を紹介しました。採用理由としては以下の通りでした。 セレクタに一意なIDが割り振られるので、スタイルを適用した要
研究開発部の原島です。今日は表題の渋いバッチをつくった話をします。 あっちでも形態素解析、こっちでも形態素解析 みなさん、形態素解析してますか？してますよね？クックパッドでもさまざまなプロジェクトで形態素解析をしています。 いや、むしろ、しすぎです。プロジェクト A でレシピを解析し、プロジェクト B でもレシピを解析し、プロジェクト C でもレシピを解析し、... といった具合です。ちなみに、形態素解析（の結果）が必要なプロジェクトとしてはレシピの分類やレコメンド、各種分散表現（e.g., word2vec）や BERT の学習などがあります。 もちろん、最終的に得たい解析結果が違うのであれば問題ありません。しかし、私が見たかぎり、ほとんどの場合は同じ（もしくは、同じにできそう）でした。であれば、 解析器をインストール（→ Dockerfile を試行錯誤） 解析対象を取得（→ SQL
技術部セキュリティグループの水谷（@m_mizutani）です。最近はPCゲーム熱が再燃しており、今はCities: Skylinesに時間を溶かされ続けています。 クックパッドでは レシピサービス の継続的なサービス改善の他にも、生鮮食品販売プラットフォームの クックパッドマート やキッチンから探せる不動産情報サイト たのしいキッチン不動産 をはじめとする新しいサービス開発にも取り組んでいます。さらに内部的なシステムも多数あり、動かしているアプリケーションの数は300以上に及びます。これらのアプリケーションには多くのOSSパッケージが利用されており開発を加速させますが、同時にOSSパッケージのアップデート、とりわけ脆弱性の修正にも向き合う必要があります。 これまでクックパッドでは（重大な脆弱性が見つかった場合を除いて）各サービスを担当するエンジニアが事業や開発の状況にあわせてパッケージの
こんにちは。レシピサービス開発部のkaorun343です。クックパッドではスマートフォン向けページにおける開発者体験向上のために、レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話にて紹介したとおり、Next.jsとGraphQLを用いたモダンな環境へと移行を進めています。例えばモバイル端末からのアクセスでURLがトップページの / であれば Rails、レシピ詳細ページの /recipe/:id であれば Next.js アプリにルーティングされるようになっています。現在ではレシピ詳細ページだけではなく検索結果ページやつくれぽ詳細ページ、MYフォルダページなどもNext.jsアプリケーションに置き換わっています。今回はその移行により生じた課題と取り組み方、それから併せて実施したモノレポ環境整備について紹介します。 共通コンポーネントの導入背
技術部の笹田（ko1）と遠藤（mame）です。クックパッドで Ruby (MRI: Matz Ruby Implementation、いわゆる ruby コマンド) の開発をしています。お金をもらって Ruby を開発しているのでプロの Ruby コミッタです。 昨日 12/25 に、恒例のクリスマスリリースとして、Ruby 3.2.0 がリリースされました（Ruby 3.2.0 リリース）。今年も Ruby 3.2 の NEWS.md ファイルの解説をします。NEWS ファイルとは何か、は以前の記事を見てください。 プロと読み解く Ruby 2.6 NEWS ファイル - クックパッド開発者ブログ プロと読み解くRuby 2.7 NEWS - クックパッド開発者ブログ プロと読み解くRuby 3.0 NEWS - クックパッド開発者ブログ プロと読み解く Ruby 3.1 NEWS -
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レシピサービスのフロントエンドに CSS in JS を採用した話 - クックパッド開発者ブログ
日本で働くソフトウェアエンジニアの給与：東京で働く外国人エンジニアによる究極のガイド
Amazon Athena を使ったセキュリティログ検索基盤の構築 - クックパッド開発者ブログ
Ruby 3.1はエラー表示をちょっと親切にします - クックパッド開発者ブログ
RailsエンジニアのためのNext.js入門
転職の意思決定（クックパッド → Ubie） - maru source
我が家にはクックパッドが必要不可欠なので、その理由と感謝の意を書いておく - Yunicode
在宅勤務環境を改善する社内オンラインハッカソンを開催した話 - クックパッド開発者ブログ
検索インフラを安全に切り替えた話 - クックパッド開発者ブログ
ソフトウェア式年遷宮という概念の歴史と、Hatena::Let での実例 - id:onk のはてなブログ
最近話題になったイケてるWebサービス・アプリ11選（2020年2月編）
“肩書き全捨て”で現場エンジニアになった成田一生が星北斗にCTOを引き継ぎ「コードを書く」に専念する理由【クックパッド】 - エンジニアtype | 転職type
サーバーレスで作るセキュリティアラート自動対応フレームワーク - クックパッド開発者ブログ
RubyKaigi 2023の冷蔵庫は何だったのか - クックパッド開発者ブログ
レシピ検索を支えるレガシーでクリティカルな大規模バッチを刷新した話 - クックパッド開発者ブログ
Firebaseで運用するKomercoの管理用アプリケーションの開発 - クックパッド開発者ブログ
負荷試験用 Web コンソールの開発 - クックパッド開発者ブログ
サービスのフェーズで変わるUIデザインの話｜クックパッドマート
FirebaseだけでiOS版マッチングアプリ「Rose Me」をリリースするまでの話 - Qiita
モノリスなRailsにモジュラーモノリスを導入した話 - hacomono TECH BLOG
しぐれちゃんちのグルメ祭再び…のんべえ編 - 黒うさぎのつぶやき
テストケース作成を仕様詳細化の手段とする実験 - クックパッド開発者ブログ
2020年買ってよかったもの/課金してよかったもの - Images & Words
「鶏むね肉の塩昆布しそ焼き」という夏の簡単鶏むねレシピ【筋肉料理人】 - メシ通 | ホットペッパーグルメ
Ruby 3 の静的解析ツール TypeProf の使い方 - クックパッド開発者ブログ
Launchable に join した！！ - 宇宙行きたい
形態素解析を行うだけのバッチをつくる - クックパッド開発者ブログ
Trivy + AWSによるコンテナイメージ脆弱性検査パイプラインの構築 - クックパッド開発者ブログ
Next.js アプリケーションの共通コンポーネント開発 - クックパッド開発者ブログ
プロと読み解く Ruby 3.2 NEWS - クックパッド開発者ブログ