Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2019年 HRBrainの技術的挑戦 / hrbain technology challen...

yudppp
December 20, 2019

2019年 HRBrainの技術的挑戦 / hrbain technology challenge 2019

yudppp

December 20, 2019
Tweet

More Decks by yudppp

Other Decks in Technology

Transcript

  1. 2019年⼈員推移 • 1⽉ • サーバーエンジニア: 3⼈ • フロントエンジニア: 3.5⼈ •

    デザイナー: 1⼈ • 現在 • サーバーエンジニア: 7.5⼈ • フロントエンジニア: 7⼈ • デザイナー: 1⼈ • スクラムマスター: 1⼈ • QAエンジニア: 1⼈ 2.33ഒ
  2. リニューアル後の技術スタック • Go • TypeScript(not strict) • React • Docker

    • REST API • PostgreSQL • Swagger • Vue/Nuxt(LP/Help) • Netlify CMS(Help) • JAM Stack(LP/Help)
  3. HELPページの仕様 • カテゴリーごとに記事を投稿できる • 任意のキーワードで記事本⽂検索できる • 関連記事を登録できる • エンジニアいらず(リリース作業いらず)で記事の更新が⾏える •

    弊社のサービスにログインしている⼈だけに⾒える • 公開しないのでSEOは考慮しなくて良い • リリース後の記事の更新頻度は週に1回程度の予定
  4. HELPページの構成① → Front Matter → Marked → contents/*.md contents.json ---


    id: 1
 title:ヘルプページの作り⽅ category: help
 ---
 ## はじめに
 { 
 "attributes": {
 "id": 1,
 "title": "ヘルプページの作り⽅", "category": "help"
 },
 "body": "## はじめに¥n "
 } { 
 "id": 1,
 "title": "ヘルプページの作り⽅", "category": "help",
 “body": "<h2>はじめに</h2> "
 } [{ 
 "id": 1,
 "title": "ヘルプページの作り⽅", "category": "help",
 “body": "<h2>はじめに</h2> "
 }, ]
  5. API GateWay اۀ" اۀ# اۀ$ ໨ඪධՁ؅ཧ Front ਓࣄDB Front ೝূ

    ໨ඪධՁ؅ཧ API ਓࣄDB API ϩάΠϯը໘ REST API GraphQL Twirp REST API GraphQL gRPC gRPC gRPC gRPC
  6. HRBrain SDK • 各プロダクトで共通で使うモジュールのライブ ラリ • HRBrain UI Libraryと異なりHRBrain固有のもの •

    例えばプロダクト⼀覧を出すパネルなど • マイクロフロントエンドの第⼀弾?
  7. HRBrain SDKの技術 • Web Component • TypeScript • SkateJS(with lit-html)

    • Lit ElementでやりたかったけどIE11で上⼿く動かせ なかった。 (Vanilla Web Componentでもいいかも) • jsを読み込めば<hrb-menu/>のタグが使えるようになる