マッチングプラットフォームを支えるフロントエンドからバックエンドまでのモダン開発について

イベント概要

スペースマーケット創業から５年が経過しました。 当初は１つだけだったサービスも機能追加や組織/事業の拡大に従って、現在は複数サービスに別れて開発/運用をしています。 そうした拡大の中でサービス提供速度を落とさないよう、またさらなる発展を行なっていくためにスペースマーケットでは様々な考え方や技術の導入を行なっています。

その一例として

• サービス間でコンポーネントを再利用することで統一したUIの提供や使い回す事によるサービス開発速度の向上
• 各サービス/機能毎に必要なデータが異なるため柔軟に対応できるGraphQLの導入
• 開発した機能を簡単にリリースできるようにするためのAWS CodePipelineの導入

のようなことがあげられます。

今回のイベントでは上記のことに焦点をあて、マークアップ、フロントエンド、バックエンド、そしてデプロイというサービス開発の各工程で利用されている技術のノウハウ、使ってみた利点や課題などを紹介・共有し、モダンなサービス開発についてのみなさまの知見を深められる会になれば良いと思います。

最後に懇親会で軽食や飲み物もご用意しております！カジュアルな雰囲気で情報交換ができる場になればと思っておりますので、ぜひお気軽にお越しください！

タイムスケジュール

登壇内容について

複数サービスを運用するコンポーネント設計 (原口 渉)

複数サービスを開発・運用するスペースマーケットでは、同一コンポーネントを複数サービスで読み込むことで開発速度の向上とデザインの統一を図っています。

本発表では複数サービスをまたいだコンポーネントをどのように設計、運用しているか。実際に複数環境で利用してみて感じたメリット・デメリット等をお話ししたいと思います。 また、汎用的で変更に強いコンポーネントのためAtomic Designを取り入れているのでその辺りについても合わせてお話しできればと思います。

新規プロダクトのバックエンドで全面的にGraphQLを利用してみて (山本 陵介)

ProductionにGraphQLを導入し始めてから約2年が経ちました。 当初は主に参照に対してGraphQLを利用していましたが、最近取り組んでいる新規プロジェクト(SPACEMARKET EVENT)のバックエンドでは全面的にGraphQLを採用し、参照だけでなく更新(mutation)にも利用しています。

まだまだ事例が少ないGraphQLですが、Ruby On Rails 環境でのGraphQL利用事例や直近のプロジェクトで全面的にGraphQLを使った時に感じた苦労点、ノウハウ等を発表させていただきます。

フロンドエンドでのGraphQLの利用例と今後について (小牧 駿介)

スペースマーケットでは主に参照部分についてGraphQLを使用していますが、最近は更新(mutation)についてもGraphQLを使い始めています。実際の実装例や今後やっていきたいことを話します。

CodePipelineで実現するCI/CD自動化　〜コミットからデプロイまで〜 (藤田 勇希)

スペースマーケットではプロダクトの改善のアクションを素早く・安全に行うため、CI/CD ツールとして AWS CodePipeline を採用しています。

今回のミートアップでは AWS CodePipeline で CI/CD をどのように実現したか。スペースマーケットの CI/CD の課題をどのように解決したか。AWS CodePipeline 化で得たノウハウなどを共有できたらと思います。

こんな方におすすめ

• モダンなサービス開発技術に興味がある方
• マークアップ/フロントエンド/バックエンド 幅広く興味がある方
• 汎用的かつ変更に強いコンポーネント設計に興味のある方
• GraphQLに興味のある方

登壇者紹介

原口渉（フロントエンドエンジニア）

新卒入社した会社でWebデザインと出会う。 その後Web制作会社に入社し、マークアップエンジニアとして様々なサイト制作を担当。 2018年7月からスペースマーケットに入社。

山本 陵介（バックエンドエンジニア）

Webクライアント、Web APIの企画開発を担当。 元男子シンクロのパフォーマー・インストラクター。その後Webディレクターとしてサイトリニューアルや新機能開発のUI・UX設計、制作進行の経験を経て2017年1月よりWebエンジニアとして株式会社スペースマーケットに入社。 直近の業務では新規事業サービスのBE&FEを担当。

小牧 駿介（フロントエンドエンジニア）

制作会社にてAWSでインフラ構築、CMS開発、iOSアプリ開発、Electron でのデスクトップアプリ開発を経験した後、2018年12月に株式会社スペースマーケットにフロントエンドエンジニアとして入社。 Web フロントエンド開発、パフォーマンス改善を担当。

藤田 勇希（バックエンドエンジニア）

新卒で株式会社エムティーアイに入社。同社でコンテンツ配信サービス music.jp の開発・運用に従事。 2018年11月よりスペースマーケットに SRE として入社。 入社後はバックエンド開発にも関わり、Spacemarket Event の決済機能のバックエンド機能の実装を担当。

会場・アクセス

https://www.spacemarket.com/spaces/shinjukuwarp/rooms/xexaSzNppr5sr1Bz

東京都新宿区西新宿3-4-4 新宿ワープ

JR各線「新宿」駅 南口改札口より 徒歩10分 （「バスタ」の手前にある甲州街道を南口改札から初台方面に向かって一直線） 都営大江戸線「都庁前」駅 徒歩8分 京王新線「初台」駅 徒歩8分 JR各線「代々木」駅 徒歩14分

※ 会場に入られたら受付をお願いします。その際、お申し込み時のお名前（アカウント名）をお伺いいたします。

持ち物

特にありません。どうぞお気軽にご参加ください！