2019/09/14 UX MILK Fest 2019 登壇資料です

100万行オーバーのモノリシックRailsアプリをマイクロサービス化したクックパッドの手順 マイクロサービスの導入事例を、中の人が徹底的に語ります。クックパッドでは、100万行オーバーの超巨大なRuby on Railsアプリのマイクロサービス化に挑みました。アプリをいかに分離し、連携できるようにするか、など、同社が採ったマイクロサービス化の戦略を聞きました。 Ruby on Railsのバージョンアップに1年かかっていた 【マイクロサービス化戦略】まずはコードを減らすことから 【マイクロサービス化戦略】アプリ固有のバッドノウハウを減らす 【マイクロサービス化戦略】まずは分離しやすい部分からお試しで 【マイクロサービス化戦略】データベースが切れていればサービスも切りやすい 【マイクロサービス化戦略】インフラ構成を標準化する 【マイクロサービス化戦略】サービスメッシュを入れて通信の課題をクリ

"技術顧問" 👨🏻‍💻ブームだな〜と思ってて、ソフトウェアエンジニアや一定の経験を積んだ人たちが、他のそういう知識・経験の無い会社を副業や業務委託という形でサポートしていくのは良いしどんどん広まると良いな、というのがある一方で、"技術顧問" という言葉が独り歩きしていて、 ・それってどういうことをやるひとなの？ ・(エンジニアにとって)自分が技術顧問になってほしいと言われたらなにをやるの？ ・(技術顧問が必要かも? という経営者にとって) 自分たちに必要なのはどういう人達なのか などがあまりハッキリしないままで、今現在、仕事の内容も単価もおぼつかない状態で混沌💥としていると思います。 など、かつてのCTOブーム、VPoEブーム、エンジニアリングマネージャーブーム等同様(まぁ、ブームっていうのは若干自虐的揶揄も含みつつではあるものの) 言葉が独り歩きして爆発的にそれっぽい人が増える、

In 2017, Mozilla began working on the DNS-over-HTTPS (DoH) protocol, and since June 2018 we’ve been running experiments in Firefox to ensure the performance and user experience are great. We’ve also been surprised and excited by the more than 70,000 users who have already chosen on their own to explicitly enable DoH in Firefox Release edition. We are close to releasing DoH in the USA, and we have

1ヶ月くらい使って勘所が見えてきたのでメモ メリット 1リポジトリ辺り20並列までジョブを並列実行できる ジョブ実行時はアクセストークンが勝手に設定されている マトリクステストがやりやすい 実際にGitHub Actionsに移行したプロダクト zatsu_monitor activerecord-compatible_legacy_migration index_shotgun デメリット yamlのanchorが使えない マトリクステストだとSlack通知がつらい 合わせて読みたい メリット 1リポジトリ辺り20並列までジョブを並列実行できる これに尽きる。 CircleCIにしろTravis CIにしろorganization(user) *1単位で並列数が縛られているため、例えば同じuserの他のリポジトリでジョブが詰まっていると別リポジトリではqueueが詰まってジョブが実行され

先日、「買えるAbemaTV社」はサイトをリニューアルし、「AbemaShopping」に生まれ変わりました。 AbemaShoppingとは？ 「AbemaTV」で放送中の番組と連動しながらショッピングを楽しむコマースサイトです。 今回は巷で話題のツールである『Figma』を使って、実際にコマースサイトのデザイン制作をしたので、良かったところ、改善したほうがいいところについてレビューしたいと思います。 さらには、新しいツールが出たときのデザイナーの制作への向き合い方についてもお話しします。 Figmaとは？ 共有が楽だと何がいい? Figmaがもたらす効果 良い点 改善してほしい点 用途によって最適なツールを選ぶ さいごに Figmaとは？ そもそもFigmaとはどんなツールなのでしょうか？ トレンドに詳しい方はご存知かと思いますが、大まかに良いと言われる項目を洗い出してみましょう。 1

一つのリポジトリで複数のパッケージを管理する際にはLernaとYarnのワークスペースを組み合わせて運用するmonorepoにすることが多いです。 lerna/lerna: A tool for managing JavaScript projects with multiple packages. LernaにはFixed(すべてのパッケージが同じバージョン)とIndependent(パッケージごとに異なるバージョン)のモードがあります。 https://github.com/lerna/lerna#how-it-works 基本的にはFixedの方が運用は簡単ですが、不自然なバージョンの上がり方を避けたい場合などはIndependentのmodeを使うことになります。 この記事では、Fixed modeとIndependent modeでのパッケージのリリースフローについて見ていきます

この記事では Clangd を使って C++ のソースコードを補完する際に独自のコンパイルオプションを指定する方法を説明します． 事の発端 私は C++ で OS を自作しています．エディタは Vim を使っていますが，これまで大した補完機能は使っていませんでした． しかし Vim の神 mattn さん曰く vim-clang で C/C++ の補完してた人はぜひ vim-lsp & clangd 試して欲しいな。かなりのストレスが解消される。— mattn来日 (@mattn_jp) December 27, 2018 とのことなので，早速試してみました． その際，Makefile 内で指定した独自のコンパイルオプションが Clangd に認識されず（例えば -I オプションが認識されずインクルードファイルが file not found になってしまう）， 補完が正しく動かなかったの

毎日朝7時更新/プログラミング芸人/WEBデザイン/フォトグラファー/インド/JavaScript芸人/Reactエンジニア

2019/08/31(土)に東京電機大学で開催されたbuilderscon tokyo 2019のセッション「20年後のソフトウェアテストの話をしよう」の発表資料 blog: http://yumulog.hatenablog.com/entry/2019/08/31/235727 Togetter…

A quick recap about the concept of Micro Frontends: Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. — Micro Frontends Qiankun was birthed internally in our group during the time web app development by distributed teams had turned to complete chaos. We faced every problem micro frontend was conceived to solve, so naturally,

Googleアナリティクスは無料にも関わらず大量のデータが取れるツールですが、データをもとにどうするかは教えてくれません。 数字の増減に一喜一憂するだけの方も少なくないはず。 今回はそのGoogleアナリティクスの分析によって売上を倍増させた方に話を聞きました。 どの数字を見たのか分析をもとにどのように改善したのかこちらを中心にインタビューをしたので、ぜひご参考ください。 ーーー 私はあるジュエリー・ウォッチメーカーのマーケティング責任者をしています。 商品は世界各国でも展開しており、業界のなかでも比較的歴史の長い会社です。 数多くのKPIをGoogleアナリティクスで定点観測しており、今回は成果があったものをお伝えします。 才流では「分析から最適な施策がわからない」「Googleアナリティクスの活用方法がわからない」企業さまを支援しています。マーケティング活動でお困りの方はお気軽にご相談

jqはとても便利なコマンドです。 JSONを返すAPIを実装するときや、SaaSのAPIから特定の情報を抜き出してシェル変数に代入するときなど、web開発や運用には欠かせないツールとなっています。 しかし、私にとってjqのクエリを一発で書くのは容易ではなく、思い通りの出力が得られないことがよくありました。 難しいエラーメッセージに悩まされて、jqで書くのを諦めて別の言語で書き直すこともありました。 jqの十八番と思える場面で使いこなせないのは、なかなか悔しいものがあります。 ツールを使うのが難しいなら、同じものを作ってしまえばよいのです。 jqの全ての機能を実装する jqを言語としてきちんと書けるようになる jqを完全に理解する jqの全ての機能を自分で実装してしまえば、jqがどういうものか、クエリがどのように処理されるのか、詳しくなれるはずです。 jqを得意な言語と言えるようになって、ク

A lot of applications have a dropdown select menu in a form. Let's imagine a form control like below; Typically, each select menu's item has ID and label. The ID is responsible to communicate with other components, services, or server-side. The label is responsible to display text for users. This post explains how to manage constants for the menu items which has ID and mapping for its label. It us