ユビーにおけるシステムアーキテクチャを改善するための取り組み

2023/02/14 8 users システムアーキテクチャ アーキテクチャ あー 負債 ユビー

@hokaccha です。こんにちは。最近は主にプロダクト基盤チームで組織的な開発生産性の改善に取り組んでいます。この記事では開発生産性を改善の一環として、現在取り組んでいるシステムアーキテクチャの改善や技術的負債の返却の取り組みについて紹介します。 なぜアーキテクチャを改善するのか 最初に、なぜ我々がアー... 続きを読む

GitHubのパーカー着て保育園に送りに行ったら保育士さんに「猫の顔にタコの足が生えてるのはなぜか」と問われた…

2021/10/29 22 users GitHub バーカー ダコ more than ネコ

hokaccha @hokaccha GitHubパーカー着て保育園の送りに行ったら保育士さんに「それはネコの顔からタコの足が生えてるんですか…？なんで…？」と言われました 2021-10-29 08:33:28 リンク GitHub Build software better, together GitHub is where people build software. More than 31 million people use GitHub to disc... 続きを読む

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

2021/03/24 11 users TypeScript GraphQL 外村 スキーマ クエリ

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

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

2020/12/01 384 users GraphQL ユーザーエージェント 外村 クックパッド 興味

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

Simpacker: Rails と webpack をもっとシンプルにインテグレーションしたいのです - クックパッド開発者ブログ

2019/07/08 126 users Webpack Rails 外村 webpacker gem

技術部の外村（@hokaccha）です。Rails で webpack を使うためのシンプルな gem を作ったのでそれについて紹介します。 Webpacker Rails で webpack を利用した Web フロントエンドの環境を作る場合、最近では Webpacker が選択されることが多いでしょう。Rails 6 からは Webpacker が標準になることもあり、この流れは... 続きを読む

Cookpad Summer Internship 2018 10 day 技術インターンシップ を開催しました - クックパッド開発者ブログ

2018/09/19 39 users Cookpad Summer Internship 外村

技術広報を担当している外村（@hokaccha）です。 クックパッドでは毎年恒例となっているサマーインターンシップのうち「10 day 技術インターンシップ」を開催しました。今年は8月6日〜8月17日、8月27日〜9月7日という日程で二度開催し、たくさんの学生の方に参加していただきました。 今回の 10 day 技術インターンシッ... 続きを読む

料理画像判定のためのバックエンドアーキテクチャ - クックパッド開発者ブログ

2017/11/08 103 users バックエンドアーキテクチャ クックパッド開発者ブログ 外村

2017 - 11 - 08 料理画像判定のためのバックエンドアーキテクチャ サービス開発部の外村 ( @hokaccha ）です。 クックパッドのアプリには「料理きろく」という機能があります。 モバイル端末から料理画像のみを抽出して記録することで食べたものが自動的に記録されていくという機能です。 今回はこの料理きろくで画像判定をおこなっているバックエンドのアーキテクチャについて紹介します。なお、... 続きを読む

非SPAなサービスにReactを導入する - クックパッド開発者ブログ

2016/10/26 412 users React 外村 フレームワーク View API

2016 - 10 - 26 非SPAなサービスにReactを導入する 投稿開発部の外村（ @hokaccha ）です。今回はReactについてのお話です。 ReactとSPA 最近JavaScriptやそれを取り巻くフレームワークなどの話題では、サーバ側はAPIのみを提供し、View(HTML)は全てJavaScriptで描画するような、いわゆるシングルページアプリケーション（以下SPA）につい... 続きを読む

モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ

2015/12/14 445 users on Rails クックパッド開発者ブログ Rails 外村

2015 - 12 - 14 モダンJavaScript開発環境 on Rails 投稿推進部の外村（ @hokaccha ）です。 クックパッドブログ の開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 Railsは Sprockets というgemでJavaScriptやCSSをコンパイルする仕組みが提供さ... 続きを読む

GoでEnd To End Testingフレームワーク書いた - Webtech Walker

2014/10/17 67 users Webtech Walker YAML Actions

SeleniumラッパーなテストフレームワークをGoで書いてみた。初Go。 https://github.com/hokaccha/sprinkler GoのコードでE2Eテストのコード書けてもあんまり嬉しくないのでYAMLで書けるようにした。 scenarios: - name: Hello sprinkler! actions: - visit: http://www.google.com -... 続きを読む

ブログをJekyllからmiddlemanに移行してTravis CIでGitHub Pagesにデプロイするようにした - Webtech Walker

2013/08/26 68 users Middleman jekyll GitHub 興味 ブログ

ちょうど一年くらい前にWordPressからJekyllに移行したんだけど、今回middlemanで作りなおしてみた。 hokaccha/webtech-walker - GitHub 特にJekyllに不満があったわけでもなく単に技術的興味によるもの。 middleman Middleman: Hand-crafted frontend development middlemanはほぼJekyl... 続きを読む

tacamy.tumblr — 書評 : ノンプログラマのためのJavaScriptはじめの一歩

2012/11/15 13 users JavaScr 書評 ノンプログラマ とおり プログラム

@hokaccha 著の「ノンプログラマのためのJavaScriptはじめの一歩 (WEB+DB PRESS plus)」を読ませていただいたので、JavaScript超初心者目線での感想を。 対象読者 この本のタイトルに「ノンプログラマのための」「はじめの一歩」というキーワードがあるとおり、プログラムの類に一切触れたことがない人でも分かるように、初心者目線で書かれています。 でも「JavaScr... 続きを読む

mochaとphantomJSとtravis-ciでフロントエンドJavaScriptのテスト - Webtech Walker

2012/10/23 90 users Travis-CI Jenkins PhantomJS 内容

東京Node学園祭2012 アドベントカレンダーの9日目です。Node.jsとほとんど関係ないうえに内容がけっこう薄い感じなった気がするんですけど気にせずいこうと思います。 フロントエンドのJavaScriptをテストするとき最近はいつもmochaを使ってるんですが、やはりJenkinsとかtravis-ciを使って自動テストもしたいと思って試してみました。 hokaccha/mocha-phan... 続きを読む

Chromeで超簡単にUser Agentを変える方法 :: 5509

2012/02/09 389 users Chrome User Agent Stable 方法 脳みそ

@hokaccha に言われて便利すぎて脳みそ飛び出るかと思った途中から嘘です 以下、見たことのある内容が続きます 全然気がつかなかった・・・いつからだろう・・・ Chromeにビルトインされてるのですぐ使えます。 ちなみに、キャプチャはChromeのdev版なのでstable版は少し違うかもしれません。stable(Macの17.0.963.46)でもOverride User Agentの項目... 続きを読む

iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509

2011/12/19 73 users Path ライブラリ デフォルト ナビゲーション 同僚

PathのナビゲーションをWebページに実装するライブラリです。他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなデフォルトのキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@hokacchaが作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レ... 続きを読む