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

Gaji-Labo エンジニア向け 採用ピッチ資料

Gaji-Labo
July 18, 2024
2.2k

Gaji-Labo エンジニア向け 採用ピッチ資料

Gaji-Labo の事業や働く環境などをご紹介しています。

【関連 URL】
スタートアップを「支える側」になる、という選択
https://www.gaji.jp/blog/2023/09/24/16851/

Gaji-Labo は、成果を出すためにリモートワークとフレックスを選んでいます。
https://www.gaji.jp/blog/2024/05/10/19244/

gaji-labo-style
https://docs.google.com/spreadsheets/d/11iIrtHJ_mVbZqkIQiXvIyYH0KZ8XspueRq9zVmpVoHg/edit#gid=0

「自分たちのあるべき姿」を構造的に表現するためには「仕事のスタイル」という要素が大事だと気付いた話
https://www.gaji.jp/blog/2022/07/25/10542/

Gaji-Labo

July 18, 2024
Tweet

Transcript

  1. 新規事業やサービス開発に取り組む、事業会社‧スタートアップへの成⻑⽀援を⾏っています。 新規事業やサービス開発∕プロダクト開発に取り組むチームをお⼿伝いするため、以下の3つの領域を 柱にサービスを提供しています。 Gaji-Labo は「スタートアップの成⻑⽀援」の会社です。 フロントエンド開発 React, TypeScript を⽤いた Web

    アプリケーションの設計 ‧開発。 チームが⾃⾛するために必要 な⽣産性とポジティブ度を⽀ えるお⼿伝い。 機能やアイデアを具体的なイ ンタラクションに落とし込 み、UIをデザイン。 UIデザイン チームとプロセス⽀援
  2. 2010年10⽉の創業以来、Web フロントエンドが得意な受託制作会社として、多くの開発チー ムに参画してきました。 現在は React/TypeScript/Next.js を⽤いた Web アプリケーション開発を得意とし、 Storybook を⽤いたコンポーネント単位での開発に強みがあります。

    • オンライン予約サービスのスタートアップ マイクロサービス化に伴う React+Next.js の導⼊⽀援 • 教育系スタートアップ React アプリケーションの UI 実装を中⼼としたフロントエンド開発⽀援 • 事業者向け特定ドメインレンタルサービス React+Next.js によるフロントエンド開発 • コスメ関連スタートアップ ECサイトの Vue.js +Nuxt.js によるフロントエンド開発⽀援 Gaji-Labo のフロントエンド開発 案件の事例 すでに動いているプロジェクトに途中参加することも多く、既存コードやドキュメントで要点 を押さえ、開発と現状把握を並⾏し、プロジェクト進⾏の流れを⽌めない⼯夫をしています。
  3. 顧客の事業や、プロダクトの課題に対し UI デザインを通じて成⻑⽀援を⾏っています。 プロダクトをよくしていくためにコラボレーションできるコミュニケーションを⼤事にし ており、プロダクトに寄り添う UI 設計‧情報設計に取り組んでいます。 ヒアリングや調査、お客さまとの議論を通して、事業やビジネスにある課題や⽬指すべき ゴールを達成できる体験を設計します。 •

    技術者向けライティングアプリ MVP の新規 UI デザイン • セールス担当者向け業務⽀援サービスのモデリングと新規 UI デザイン • 事業者向け特定ドメインレンタルサービス 新規事業 UI デザイン • 事業者向けスケジュール管理⽀援サービスの UI デザイン改善 Gaji-Labo の UI デザイン 案件の事例
  4. どんな会社と仕事をしているか Gaji-Labo の仕事の多くは、「これから事業を伸 ばすぞ」というフェーズのスタートアップの⽀援 をしています。 • 事業的には開発スピードを上げないといけ ないのに、フロントエンドのコードが複雑 化し、機能追加のスピードが落ちている。 •

    これまで順調にユーザーが増えてきたが、 そろそろ UI を専⾨的な観点をもって改善 しないと成⻑にブレーキがかかってしまう 上記のように、とても混沌としているフェーズに Gaji-Labo のメンバーが⾶び込み、チームのリズ ム感やスピードを落とさないように、課題解決に ⼀緒取り組んでいます。 https://www.gaji.jp/blog/2023/09/24/16851/ 直近3年間の売上に対する⼀次請け⽐率:90%越
  5. 多くの案件で Gaji-Labo が⾏っている定期的なコミュニケーション例 案件キックオフからクロージングまでどんなふうにコミュニケーションを⾏っていくのか、段取りのイメージ例をまとめました。 作業速度と精度の両⽅を上げるために、Slack などによるカジュアルなやり取りと定例ミーティングを⾏っています。 この例の形に限らず、案件内容やアサイン期間に応じて都度確認しながら、最適なコミュニケーションを選択しています。 カジュアルなやり取り 実際に⼿を動かす作業をしな がら出てきた疑問点や確認点

    は、こまめにまとめながら質 問‧確認することで作業速度 が出せるように努めていま す。 • Slackなどによるテキスト連絡 • ⽇々∕必要に応じて キックオフ 関係者との顔合わせや、ビジ ネスドメイン‧機能要件のイ ンプットの時間をいただいて います。 • オンラインでのMTG • はじめに∕1.5〜3時間ほど 定例ミーティング 週1or隔週くらいの頻度で、 定期的にすり合わせや状況確 認などを⾏うミーティングを 実施しています。 • オンラインでのMTG • 毎週 or 隔週∕1時間ほど クロージング • オンラインでのMTG • 最後に∕30分〜1時間ほど 契約期間の最後に、クロージ ングの時間をいただいていま す。契約継続の場合は定期的 な振り返りの⼀環として⾏い ます。
  6. 案件の規模‧期間 • プロジェクト初期、⽴ち上げからの参加 ◦ リリースまでのマイルストーンとして半年から1年程度 ◦ その後の運⽤や追加開発で年単位でご⼀緒することもあります • 既存プロジェクトの新規機能開発や⼀部リニューアルなど、部分的な開発サポート ◦

    数ヶ⽉から半年程度 • ミニマムなスタティックサイト制作で納品まで、などであれば1ヶ⽉程度で⼿離れ  ※ プロジェクトによるため参考程度にイメージいただければ幸いです。 技術スタックごとの案件の割合 ここ数年は Web アプリケーション開発が⼤半です。中でも Next.js が主⼒で React 案件が8割程となっています。 その他、HTML+CSS のマークアップ、アクセシビリティ⽀援、EC サイト構築などがあります。 フロントエンド開発について
  7. • 案件の数 ◦ おおよそですが、5〜7件ほど並⾏で動いています。 • アサイン数 ◦ Gaji-Labo ではプロジェクトごとに座組みを組んでいくため、フロントエンドの全メンバーが1つ のプロジェクトに集まることは基本的にありません。

    ◦ 状況に応じて1つの案件にフルコミットする場合と、複数案件持つ場合があります。1⼈あたりの 複数案件は多くても2件が平均的です。 ◦ 1プロジェクトに複数名アサインし相互のコードレビューなどが可能な体制にしています。 • 外部パートナーのエンジニアさんとの協働 ◦ Gaji-Labo のエンジニアメンバー以外にも、外部パートナーのエンジニアさんと あわせて複数名でチーム開発に参画する案件も多くあります。 案件の数‧アサイン フロントエンド開発について
  8. スタートアップや事業会社のお客さまと⼀緒にチーム開発に参加し、コード納品ではない形でチーム開発を⾏いま す。 オンラインツールを利⽤し、リモートでの開発をメインに⾏うため、客先常駐はありません。 チームメンバーの⼀員として、垣根を越えてサービスの重要な部分の⽀援を⾏います。 • GitHub での Pull Request と相互レビュー

    • GitHub Issues, Jira, Trello などの Issue Tracker で課題管理 • Slack でのコミュニケーション • Zoom, Meet などのオンラインミーティング • 1〜2週のスプリント開発 ◦ お客さまのスタイルによりますが、約半数はスプリント開発を採⽤しています フロントエンド開発について 開発体制
  9. Frontend • React/Next.js/TypeScript • UI ライブラリ(必要に応じて MUIなど) • CSS in

    JS or CSS Modules(プロジェクトの⽅針によるのであまり統⼀されていません) • Storybook(Gaji-Labo は Storybook が⼤好きです 🙌) Backend • Ruby on Rails(APIモード)   • Backend はお客さまの開発チームに所属しているサーバーサイドエンジニアが開発する場合が⼤半です。 • OpenAPI + prism   • API 設計を共有し prism でモックサーバーを起動したり、openapi-generator で TypeScript の型定義を⽣成しています   • API 設計は Backend, Frontend 相互にレビューしあっています • Next.js API Routes で BFF(必要に応じて) フロントエンド開発について よくある構成例(案件によって変わってきますが、以下の開発構成が⽐較的多くなっています)
  10. チームの⼀員としてスタートアップを⽀援する 組織‧働き⽅について Gaji-Labo のスタイルについて:gaji-labo-style Gaji-Labo はチームワークを発揮するために、 プロダクトチームの⼀員として参画することを ⼤切にしています。 チームワークの提供をするために、チームの⼀ 員として参画するスタイルをとり、お客さまの

    チームメンバーと直接コミュニケーションを 取っているため、社内に PjM やディレクション を専任で⾏うメンバーはいません。 エンジニアや UI デザイナーが直接、お客さま のチーム内の PdM やエンジニアの⽅と連携し ながら開発をご⽀援しています。
  11. Gaji-Labo スタイル 私たちはプロダクトやサービス開発に取り組む、事業会社‧スタートアップへの成⻑⽀援を⾏っていま す。フロントエンドや UI デザインなどの専⾨技術の提供を軸に、プロダクト開発としての⽀援を⾏って いますが、成⻑⽀援のための「チームワークの提供」を⼀番⼤切にしています。 チームワークを提供している Gaji-Labo において、Gaji-Labo

    スタイルはビジネスモデルに対して必要な 品質を満たすための⼤事な要素となっています。 提供するサービス価値のためにそれぞれが Gaji-Labo スタイルを理解し、試⾏錯誤しながらも⽇々体現し ています。 Gaji-Labo には、バリューを体現するためのチームスタイルとして、 Gaji-Labo スタイル集があります。 🔗「⾃分たちのあるべき姿」を構造的に表現するためには「仕事のスタイル」という要素が⼤事だと気付いた話 🔗 スタートアップを「⽀える側」になる、という選択
  12. • ⼊社から1ヶ⽉間はオンボーディングの期間を設けております • Gaji-Labo メンバーとしての仕事の進め⽅や振る舞いを把握‧理解していただきます ◦ カルチャーデッキをもとにした、ビジョン‧ミッション‧バリューの理解 ◦ Gaji-Labo スタイルの理解

    • 1ヶ⽉⽬から実務へご参画いただき、業務の全容理解を⾏っていただきます ◦ アサインする案件はこれまでのご経験や案件状況を加味しながら決定していきます オンボーディング期間中に定期的にメンバーとの振り返りを⾏い、早期での成功体験が得られるように 取り組んでいます。 Q:⼊社後の流れを知りたいです
  13. その他 Gaji-Labo についての情報 Gaji-Labo ブログ ⽇々の業務で得た知⾒や経験をアウトプットしています。 https://www.gaji.jp/blog Gaji-Labo Culture Deck

    組織⽂化や価値観をまとめたカルチャーデッキです。 https://speakerdeck.com/gaji/gaji-labo-culture-deck