Wantedly では新卒含む新入社員向けに研修を毎年実施しています。これは「新入社員向け」といいつつ既存の社員も自由に参加できるものです。今年はこの研修のフォーマットを借りて、Wantedly のプロダクト開発を支える重要な概念のひとつである「Wantedly の UI デザインシステム」についての研修を、ソフトウェアエンジニアの @izumin5210 (筆者) とプロダクトデザイナーの @NishaMe で実施しました。 デザインの構造を正しく捉えることは、UI の実装を専門にしているかどうかを問わず、正しい実装 - 開発生産性が高く、ユーザにとっても使いやすい実装 - のための重要なポイントです。よってこの研修は「広義のフロントエンドエンジニア」、業務中に UI を実装することがある全てのエンジニアを対象としました。 Web フロントエンドエンジニアモバイルエンジニア専門ではないが

hi18nとはhi18n は現在Wantedlyで開発中の、TypeScript/JavaScript向け翻訳テキスト管理ライブラリ (i18nライブラリの一種) です。 GitHub - wantedly/hi18n: message internationalization meets immutability and type-safety Installation: npm install @hi18n/core @hi18n/react-context @hi18n/react npm install -D @hi18n/cli # Or: yarn add @hi18n/core @hi18n/react-context @hi18n/react yarn add -D @hi18n/cli Put the following file named like src/local

hi18nとはhi18n は現在Wantedlyで開発中の、TypeScript/JavaScript向け翻訳テキスト管理ライブラリ (i18nライブラリの一種) です。 本記事ではhi18nの重要な設計上の判断やその背景について説明します。 GitHub - wantedly/hi18n: message internationalization meets immutability and type-safety Installation: npm install @hi18n/core @hi18n/react-context @hi18n/react npm install -D @hi18n/cli # Or: yarn add @hi18n/core @hi18n/react-context @hi18n/react yarn add -D @hi18n/cli Put the

graphql-codegen と Nominal Typing(Branded Type) で Custom Scalar をちょっといい感じにする GraphQL では標準で用意されてる Int や String 以外にも、自前で Scalar を定義することができます（ここでは Custom Scalar と呼びます）。よくある用途としては日付を表す Date や日時を表す DateTime でしょうか。 type Profile { birthday: Date } scalar DateCustom Scalar をうまく使えば GraphQL スキーマでドメインを表現する力がかなり高くなるので、みんなで育てる共通言語としてはどんどん活用していきたいです。 一方で、Apollo CLI や GraphQL Code Generator（以下 graphql-codegen）で C

Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。たまにはバックエンドの話をします。 TL;DR共通ライブラリを導入することで「すべてのマイクロサービスが備えるべき機能を間違いなく提供できる」だけでなく「アーキテクチャ全体を継続的に・小さく改善していく足がかり」にもなった各言語に実装した共通ライブラリのコア機能は「すべてのサービスが」「すべての入出力にフックし」「入力のコンテキストを出力まで伝搬する」であったマイクロサービス共通ライブラリ"servicex"Wantedly ではマイクロサービスアーキテクチャを採用しています。Wantedly における Go 導入にまつわる技術背景 などでも言及のあるとおり、Ruby・Go・Python・Node.js（・Rust）と複数の言語が採用されています。そして、"servicex" という共通ライブラ

こんにちは、Wantedly People アプリの開発をしている竹野（Altech）です。今回は、Protocol Buffers についての記事になります。 Wantedly People では、2018年に Protocol Buffers （以下、Protobuf と呼ぶ）がとあるマイクロサービスに入って以降、何度か大規模に Protobuf を使った開発をしてきました。またその経験を通じて、Protobuf には単に「型がついて嬉しい」というだけではないパラダイム的な変化があることが分かってきました。 その知見を全社に展開するため、去年「Protobuf によるプロダクト開発速習会」という会を行いました。この記事の内容は、そこで話したことの前半「Protobuf を使うと開発がどう変わるのか？」になります。 なお、Protobuf にはバイナリフォーマットとしての役割とインターフ

Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。半年くらい前から取り組んでいた、UI デザインシステムの React 実装について紹介します。ソフトウェアの設計としても非常にエキサイティングだったので、ライブラリ作ったりするのが好きな人なども楽しんでもらえると思います。 TL;DRWantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール＆アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となるデザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮するこの話が気になった（Web・モバイル問わず）フロント

Wantedly でバックエンドエンジニアをしている @izumin5210 です。 この記事は GraphQL Advent Calendar 2020 の11日目の記事として書かれました。が、7割くらいは SSR についての議論のこり3割くらいが Apollo Client の話です。 最近、Apollo Client と SSR(Server Side Rendering) を利用した Web アプリケーションのパフォーマンス改善に取り組みました。この記事では「パフォーマンスの問題にどう立ち向かったか」および「そもそも問題を起こさない構造にするために何ができるか・何をすべきでないか」の考察をしていきます。 TL;DRパフォーマンス改善は計測・可視化からライブラリが用意してくれているフック機構を上手に使って計測していこうrenderToStringWithData では、renderT

People tribe / Backend squad の @izumin5210 です。来月以降もこのペースでブログを書いていけるといいですね。 この記事は Go3 Advent Calendar 2019 の25日目です。長い1ヶ月だった。 3行まとめPub/Sub により、マイクロサービスアーキテクチャで高い疎結合性とスケーラビリティを実現できるGo で Subscriber worker を効率よく実装するためのフレームワーク Subee をつくったGo でメッセージを Publish する際の細々とした処理を隠蔽・共通化するため Pubee をつくったはじめに5月に開催された Go Conference 2019 Spring にて "Subee: Pub/Sub Worker Framework Implementation" という発表がありました。Pub/Sub というパ

People Tribe / Backend Squad の @izumin5210 です。Advent Calendar の担当日に追われる12月、みなさまいかがお過ごしでしょうか。 この記事は Ruby on Rails Advent Calendar 2019 12日目の記事です。穴が空いたので埋めさせていただきました🙏 人の穴埋めてる場合じゃないという話はある。 TL;DR`rails runner` は一部のエラーを rescue するので、エラーが起きてもエラー収集ツールをすり抜けるかも複数回実行しうるスクリプトであれば、なるべく rake タスクを定義しそれを使うほうが良さそうrake は eager load されないので、そこだけ注意！定期実行タスクWantedly では Rails アプリケーションで定期実行したい処理がある場合、Kubernetes の CronJo

Photo by Abo Ngalonkulu on UnsplashPeople tribe / Backend squad の @izumin5210 です。もう12月ですね。自分は Advent Calendar に登録しすぎて後悔するのが得意です。 この記事は Go3 Advent Calendar 2019 の4日目です。 TL;DRSQL のメトリクス・トレースを収集したいは driver.Driver をラップするのが常套手段コネクション取得までの待ち時間まで見たい場合は、DBStats を見るのがよさそうことの発端Wantedly では Application Performance Monitoring に New Relic を利用しています。New Relic APM には様々な機能が存在しますが、例えばエンドポイントごとに「どの処理でどれくらいの時間がかかっているか

こんにちは、 Wantedly Visit の recommendation squad で  Data Engineer をしている大坪です。今は Data Scientist が作ったモデルのうち「どれをどのくらいの比率で活用するべきか」を自動で解決するために多腕バンディット問題に取り組んでいます。今回はここでハマったことについて書きます。 多腕バンディットとは？ざっくりいうと「真の期待値が不明である複数のアイテムからどれを活用するべきか」という問題についた名前です。より正確な真の期待値を知るために期待値の低いかもしれないアイテムを使ってみる探索(explore) と、真の期待値が高そうだと思われるものを積極的に使ってみる活用 (exploit) をどのような割合/方策で行うかが重要なポイントです。 動画サービスならどの動画をおすすめするか、Wantedly ならどのシゴトの募集を提示

Wantedlyでエンジニアをしています。 2018年に入社。 Wantedly Visit チームで、 - Wantedly Feed の�グロース - 会社ページのリニューアル - iOS アプリへの React Native 導入 など、TypeScript, React をメインで書いていました。 2018年後半からは、Wantedly People チームに移って、�フロントエンド/サーバーサイドエンジニアとして関わっています。 アルゴリズムや言語処理系など理論が好きですが、ハードウェアやWebなどにも広く興味があります。最近はプログラミングRustにハマっています。 Rustに関しては主に以下の活動をしています。 ・Rustコンパイラを読んでわかったことをブログ http://qnighy.hatenablog.com/ に書く。 ・Rustコンパイラのバグを報告したり、バグの

採択されたセッション A1 (S): Case studies of designing developer friendly libraries @izumin5210 / People Web Squad Room A 11:10 - 11:30 ライブラリやツールなど、自分以外の人間が「ユーザ」となる開発では、その Interface / Experience が重要であり、生産性や開発の楽しさにも直結します。本セッションでは、自身のこれまでの経験・まわりからのフィードバックから集めた、Developer にとってより良い Interface / Experience なライブラリ・ツールを作るための Tips や考え方を紹介します。 泉からのコメント 業務の傍ら、社内の Go 言語開発の安定化・ 生産性の向上に取り組んでいます。そのなかでいくつかツールやライブラリなども作成してきま

8 years experience software developer, with 2 years as scrummaster, half-French, half-British, I'm currently living and working in the center of Tokyo, Japan. My main work related interests are scrum practices, efficient development, automated testing and overall in-team communication. I have str... 大学入学時に履修科目・単位を管理する学内向けサービスのサークル内開発プロジェクトにインフラ担当として未経験ながら飛び入りで参加しサーバ構築・運用の基本を学ぶ。サービスを運用しながら勉強を続ける中で「

突然ですが、こんな場面に遭遇しました。 これは dependabot というボット(とても便利)が pg gemを自動でアップデートしようとしたときの結果です。CIが失敗していますが、これは rails を最新バージョンにすることによって解決しました。 さて、このCI failureは何が原因だったのでしょうか。これがその修正Pull Requestです。驚くべきはこの行 (修正前) です: gem "pg", "~> 0.18"0.18とsemver compatibleであることを要求しているので、 pg を 1.0.0 以上にすると動かなくなる、という原因でした。 「な〜んだ、普通じゃないか」と思うかもしれませんが、これ、なんとGemfileやgemspecではなくアプリケーションコードの一部です。なんでそんなことになっているのかは、この部分につけられたコメントで解説されています。つ

こんにちは！Wantedlyで技術イベント企画を担当している竹内みずき @amanda__mt です！ 本日はGoogle Japanオフィスで開催されたGo Conference 2018 Autumnに参加してきました。 Wantedlyでは国内のカンファレンスで毎年スカラシップスポンサーとして学生達を支援してきましたが、今回始めてGo Conferenceでも支援させて頂くことができ、とても嬉しく思います。 Gopher好きの竹内としては今回のGo Conferenceスポンサー支援はなおさら嬉しい支援であり、この日のためにNew Gopherピアス(ピカピカ！)とNew Gopher Tシャツを着用し会場に向かいました！ あっという間の１日でしたが、スカラーシップスポンサーで来てくれた学生と交流したり、3名のエンジニアの登壇を応援したりと充実した１日でした。 Go Conferen

まずは，Wantedly エンジニアが登場するセッションの時間・場所・内容とコメントを紹介します👀 採択されたセッション前回と同じく2人のエンジニアの proposal が accept され，登壇が決定しています． [A1(S)] OpenCensus による APM の実現と、未来@munisystem / インフラチームRoom A13:20 - 13:40OpenCensus は Application Performance Management(APM) のためのフレームワークです。 このセッションはまず、ウェブアプリケーションにおける APM の重要性と現状の課題について説明します。 その上で OpenCensus がどのように課題を解決したのか、また OpenCensus による Go のアプリケーションモニタリングの未来について、アーキテクチャやエコシステム、実装例を交

Been interested in creating my own things and figuring out how things work. Started programming and design at 12. A bizarre thing is that I’ve been somehow called “genius” from people around me. I'm not smart. But I bet you what, I have pretty good tastes. ... 他のテックカンファレンスでも好評だった学生応援プログラムを今年はGo Conferenceでも行います！ 【概要】 2018/11/25に開催されるGo Conference 2018 Autumnに向けて、Go開発者の学生を対象に、参加費および旅費(宿泊費・交通費)を支援し、

こんにちは、Wantedly Visitのサーバーサイドエンジニアの一條（Github: @rerost Twitter: @hazumirr）です。 みなさん、The Go Playgroundを使ってますか？ 僕は元々Railsエンジニアだったのですが、ここ最近ずっとGoを書いています。元々Goを書いていていたわけではないので、Goの動作の確認などのために、Playgroundをよく使っています。 これは非常に良くて、Railsではrails c�でコードを試していたように、PlaygroundでGoのコードを試すことができます。 ただ、Playgroundでは外部パッケージが使えず、ちょっとした動作確認などができませんでした。他のGolangエンジニアにざっくり解決策を聞いてみたところ 試すためのレポジトリを作ってしまうそのパッケージ用のテストを書く（書いたテストはすぐ捨てられるよう