GMOペパボ の記事一覧

「Pepabo Tech Conference #18」では、「カラーミーショップの裏側を大公開！15年以上続くサービスが今取り組む技術課題と2022年の抱負」と題して発表させていただきます。「日本の商いをなめらかにする」をミッションに、日々開発を進めるカラーミーショップのエンジニア・デザイナーが登壇し、昨年のペパボECテックカンファレンスでお話しした内容からのアップデートや、来年2022年の抱負ついてお話しさせていただきます。 イベント概要 日　　時 ：2021年12月9日（木）時　　間 ：19:00～21:00場　　所 ：オンライン こんな方にオススメ カラーミーショップやEC事業に興味のある方大規模な自社サービスのエンジニアリングに興味のある方デザインシステムに興味のある方GMOペパボ、GMOインターネットグループに興味のある方 タイムテーブル 19:00オープニング19:05カラーミーショップ 2022@kenchan19:20レガシーWebアプリケーションの性能とコードの健全性をインクリメンタルに改善する@kymmt9019:35開発プロセスの判断を「速」にするデザインシステム@getsukikyu19:50休憩20:00カラーミーショップで働き始めたエンジニアの3ヶ月　@yammerjp20:10ショップのブランディングを強くする！決済画面の独自ドメイン化プロジェクト(仮)@piyoppi20:25フリープラン提供開始。その開発には（仮）@kumak120:4015年以上動くECシステムをクラウドネイティブにするためにやっていること@takutaka1220@ch11aki@MITLicense20:55エンディング お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。 https://pepabo.connpass.com/event/231478/ 登壇者 髙橋 健一 EC事業部 シニアエンジニアリングリード。2014年入社。Rubyとアジャイルなソフトウェア開発が好物。津田沼というところで猫を二匹飼っています。 Twitter：@kenchanGitHub：@kenchan 山本 浩平 EC事業部 ECグループ DXチーム プリンシパルエンジニア。EC事業部のサービスを構成する様々なWebアプリケーションを横断した技術的問題の解決に取り組んでいます。 Twitter：@kymmt90GitHub：@kymmt90 山林 茜 EC事業部 デザインリード。2011年入社。複数のECサービスにデザイナーとして関わり、2015年からプロダクトマネージャーとしてショッピングカートリニューアルやカラーミーショップ アプリストアの立ち上げを担当。今年4月に育休から復帰し、現在はEC事業部のデザイン組織の取りまとめなどを行っている。最近衝撃だったことは長男がふすまに穴を開けたこと（賃貸です）。 Twitter：@getsukikyu 中山 慶祐 EC事業部 ECグループ CCXチーム Webアプリケーションエンジニア。2021年4月に新卒入社。8月よりカラーミーショップのWebアプリケーションエンジニアとして、ショップオーナー様向け管理画面を中心に機能改善や機能追加に取り組んでいます。 Twitter：@yammerjpGitHub：@yammerjp 尾形 将平 EC事業部 ECグループ アプリストアチーム エンジニア。2017年に新卒エンジニアとして入社以来、カラーミーショップのエンジニアとしてショッピングカートやカラーミーショップ アプリストアの開発に従事しています。 GitHub：@piyoppi 牧野 弘幸 EC事業部 CCXチーム エンジニア。2014年入社。外部サービスとの連携処理開発を主に担当し、2020年からはショップオーナーの運用体験と売上の向上を目指し奮闘中です。好きな?はモレッティ。 Twitter：@kumak1GitHub：@kumak1 高橋 拓也 技術部技術基盤チーム プリンシパルエンジニア。 2019年にGMOペパボに入社後、SRE、ハイブリッドクラウドの文脈でお仕事をしています。社内自宅サーバ友の会(自称)会長。はやく #逸般の誤家庭 になりたい。 Twitter：@takutaka1220GitHub：@takutakahashi 菅原 千晶 技術部プラットフォームグループ SRE。2018年にWeb業界未経験でペパボカレッジ6期としてSEから現職へ入社。クラウド、k8s周りの話題と白米が好物です。 Twitter：@ch11akiGitHub：@ch1aki 神﨑 拓人 EC事業部 ECグループ アプリストアチーム エンジニア。社内での呼称は「じゅりあん」。2020年の全社リモートワーク導入にあたり某アニメの聖地である静岡県沼津市へ移住。 Twitter：@MITLicenseGitHub：@windyakin お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。 https://pepabo.connpass.com/event/231478/ みなさまのご参加お待ちしております！

「Pepabo Tech Conference #17」では、「ペパボのCRE＆CSが語る、ユーザーが安心して気持ちよく使えるサービスの裏側」と題して発表させていただきます。CREとは Customer Reliability Engineering（顧客信頼性エンジニアリング）という、2016年にGoogleによって提唱された専門職を指し、CSはCustomer Supportを指します。GMOペパボでは、CREとCSが協力し合い、ユーザーがサービスを安心して気持ちよく使えるよう日々取り組んでいます。 イベント概要 日　　時 ：2021年11月18日（木）時　　間 ：19:00～21:00場　　所 ：オンライン こんな方にオススメ CRE or CSの業務に携わっている方大規模な自社サービスのエンジニアリングに興味のある方カスタマーサポートの業務に興味のある方GMOペパボ、GMOインターネットグループに興味のある方 タイムテーブル 19:00オープニング19:05SUZURIのCREチームでやったことを自慢します　@tanaken051519:20minne CREでの顧客努力軽減のための取り組み（仮）@_ave_h19:35テックの力で躍進するペパボCS（仮）野瀬19:50休憩20:00データドリブンな CS のための基盤とその活用　@__m5i20:15ロリポップ！のメールの信頼性向上への取り組み　@ot0m120:30リモート下でガラッと変わったEC-CREチームの新体制づくり@Fendo18120:45総括：ユーザーと向き合い共に歩むペパボであり続けるために@tanaken051520:50エンディング お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。 https://pepabo.connpass.com/event/229248/ 登壇者 田中 健太郎 SUZURI事業部 プロダクトチーム エンジニアリングリード。2018年9月入社。SUZURIに携わって3年が経ちました。エンジニアとしての強みはゴールデンレトリバーを飼っていることです。 Twitter：@tanaken0515GitHub：@tanaken0515 柳原 光里 minne事業部 CREチーム所属 Webアプリケーションエンジニア。2018年4月Webアプリケーションエンジニアとして中途入社。2020年よりCREチームを立ち上げ、CSとともにお問い合わせ解決、CSの業務改善、ユーザがminneで遭遇する不安を減らすための改善活動などを行っています。 Twitter：@_ave_h 野瀬 麻奈実 CS室 シニア。2006年10月、大学3年生の時にホスティングサービスのカスタマーサポートとしてペパボに入社。現在はCS室に所属し、より良い顧客体験を提供するために品質管理領域における課題解決に取り組んでいます。 財津 麻衣 CS 室 兼 CS 室 ホスティンググループ Customer Ops チーム。2012 年 4 月カスタマーサポートとしてペパボへ入社。2020 年より Customer Ops チームで CS のデータドリブンな活動を支える基盤づくりをしています。最近は、クリスマスに 3 歳の娘のためにサンタの仮装をするかどうか悩んでいます。 Twitter：@__m5i 秋本 俊介 ホスティング事業部CRチーム。2017年入社。カスタマーサポートのチームからホスティング事業部のCRチームの立ち上げメンバーとして異動し、現職に至っています。インテリアと音楽とドライブが好きです。インテリア好きが高じて最近古いマンションを購入し、フルリフォームして引っ越ししました。 Twitter：@ot0m1GitHub：@ot0m1 遠藤 太徳 EC事業部 CRE・QAチーム Webアプリケーションエンジニア。2017年 GMOペパボ株式会社にエンジニア職として新卒入社。HPを簡単につくれるサービス「グーペ」に所属してCREとしてお問い合わせ対応をしながら不具合修正、機能開発を行う。2021年よりEC事業部 CRE・QAチームに移動して「カラーミーショップ」をメインにオーナー様からのお問い合わせ対応、機能改善を行っています。 Twitter：@Fendo181GitHub：@Fendo181 お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。 https://pepabo.connpass.com/event/229248/ みなさまのご参加お待ちしております！

GMOペパボでは、「いるだけで成長できる環境」をコンセプトに、エンジニアの育成にも力を入れています。今回のイベントでは、これからエンジニアを目指している皆さんや、エンジニアとして働き始めた方などを対象に、異業種や未経験からペパボのエンジニアになったメンバーと、育成に携わるメンターが登壇します。 イベント概要 イベントタイトル：ペパボエンジニアとメンターが語る、「エンジニアとして働くということ」開催日：2021年8月26日（木）開催時間：19:00～21:00開催方法：オンライン問い合わせ先：GMOペパボ株式会社　福場麻美 ∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞■イベント詳細・お申込みはこちらhttps://pepabo.connpass.com/event/221513/∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞ タイムテーブル 19:00 オープニング19:05 理学療法士としてrails newしたあの頃 @k2_yoshikouki19:15 異業種からエンジニアになった僕が憧れの会社に飛び込むまで @r_nakamine19:25 学んだことに自信が持てなくて転職活動を始められなかった私の転職秘話 @mochi5o_maki19:35 一歩踏み出す @UsaMomokawa19:45 SIerから転職してきて良かったこと・大変だったこと @takapi8619:55 休憩 -20:00 Special talk @komagata /株式会社フィヨルド20:20 学ぶ場所としてのコミュニティ @june2920:40 エンディング20:45 質疑応答・相談会※任意参加 ∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞■イベント詳細・お申込みはこちらhttps://pepabo.connpass.com/event/221513/∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞ 登壇者 吉本 康貴@k2_yoshikouki コロナ禍真っ只中の2020年6月にGMOペパボへ入社、理学療法士からWebエンジニアへ未経験転職する。入社日前日には第一子の愛娘が爆誕。娘の年齢=エンジニア経験年数。CTO室 鹿児島エンジニアリングチーム所属。 仲嶺 良@r_nakamine Web制作、サーターアンダギー屋さん等さまざまな業種を経てエンジニアに転職。 Sierや飲食店向けのスタートアップで働いた後、2021年7月ペパボに入社。 現在は技術部プラットフォームグループに所属し、主にSREとしてカラーミーショップの運用に携わっている。 望月 眞喜@mochi5o_maki 小売業界・販売→医療法人・広報→船舶代理店・貿易事務といろんな業界や職種を経て2019年11月ペパボにエンジニアとして未経験で入社。 エンジニア転職のきっかけは広報時代にWeb制作に興味を持ってプログラミングスクールに通ったことから。 ペパボに興味を持ったのはDAIMYOエンジニアカレッジでペパボのエンジニアさん達と接して憧れたから。 現在ホスティング事業部CRチームでロリポップ！などのお問い合わせ調査や業務改善を行っている。 小松 ももか@UsaMomokawa 2018年8月、大学在学中にフィヨルドブートキャンプと出会い、2020年4月にペパボへ新卒入社。 技術部コーポレートエンジニアリンググループに所属。 髙橋 雄紀@takapi86 EC事業部ECグループDXチーム エンジニアリングリード 公共事業を手がけるメーカー系SIerを経て2016年10月にGMOペパボへ第一期ペパカレ生として入社。 現在はEC事業部のセキュリティ、レガシー環境の改善を担当しています。 大和田 純@june29 minne事業部シニアエンジニアリングリード。2015年6月入社にWebアプリケーション開発者として入社し、現在はエンジニアリング・マネージメント領域を担当している。趣味の活動として「おつかれシャワー」「キマグレエフエム」で動画や音声を継続的に配信中。 駒形 真幸@komagata 株式会社フィヨルドの代表兼プログラマー。Rubyが大好きで怖話、フィヨルドブートキャンプなどを開発している。 ＜Special Guest: 株式会社フィヨルド＞フィヨルドブートキャンプは、プログラマーとして就職を目指せるだけのスキルを身につけることを目標としたオンラインプログラミングスクールです。就職を目指せるスキルを弊社では「現場の人間にとって、戦力になるプログラマー」としています。具体的には、一人でWebサービスを作ることをゴールとした課題をやるのですが、それだけでなくチーム開発も経験できます。 ∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞■イベント詳細・お申込みはこちらhttps://pepabo.connpass.com/event/221513/∞∞━━━━━━━━━∞∞━━━━━━━━━∞∞ さいごに たくさんのみなさまのご参加をお待ちしております！

GMOペパボでは、「アウトプットすること」を大切にする企業文化があり、自社で培ってきた技術や知見を幅広く公開し、社内だけでなく社会全体に貢献する姿勢を大切にします。その一環として「Pepabo Tech Conference」と題し、様々なテーマで開発者に向けたイベントを定期開催しています。今回は15回目の開催でECプラットフォームSUZURIの開発の裏側についてイベント開催が決定しました！ イベント概要 日　　時 ：2021年6月17日（木）時　　間 ：19:00～21:00場　　所 ：オンライン こんな方にオススメ SUZURIやtoC向けのECサービス開発に興味のある方Webアプリケーションの開発に携われている、開発者の方大規模な自社サービスのエンジニアリングに興味のある方若手エンジニアがどんな活躍をしているのか話を聞いてみたい学生の方GMOペパボ、GMOインターネットグループに興味のある方 タイムテーブル 19:00オープニング19:05SUZURIのこれまでと2025年に向けたプラットフォーム構想やっていき19:15Opening Talk19:25FlutterのNull Safety移行と今後やりたいこと(仮)19:45SUZURIチームのパフォーマンスをfour keysで可視化してみる話20:00休憩20:05新機能！SUZURIの「リクエスト機能」ができるまで20:15SUZURIの画像合成15分ハンズオン お冷グラス編20:35SUZURI CREチーム結成1年目のふりかえりとこれから20:55エンディング お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。 https://pepabo.connpass.com/event/215058/ 登壇者 安宅 啓 SUZURI事業部部長。2007年入社。SUZURI2014年スタート時から事業責任者として事業戦略、組織マネジメントなどを担当。 Twitter：@atakaP 黒瀧 悠太 2012年4月よりGMOペパボ株式会社にてソフトウェアエンジニアとして複数のWebサービスの開発を担当、現在はシニアエンジニアリングリードとしてSUZURIの開発およびエンジニアリング組織のマネージメントを行っている。 Twitter：@kurotaky 時田 理 2018年11月入社。SUZURI事業部でWebアプリケーションとモバイルアプリケーションの開発を担当していますが、2020年8月からはデータ基盤の整備も始めました。 Twitter：@osamtimizer 近藤 宇智朗 簡単な自己紹介 技術基盤チーム兼データ基盤チームのエンジニア。シニア・プリンシパル。過去にminne、ロリポップマネージドクラウド、大名エンジニアカレッジなどに関わり、現在は社内データ基盤「Bigfoot」の運用開発を主な仕事としている。興味関心分野は可視化と低レイヤ、Rust。 Twitter：@udzuraGitHub：udzura 牧山 ミルテ SUZURI事業部プロダクトチーム プロダクトマネージャー 占いサービスのディレクターや音声配信サービスのプロダクトマネージャーを経て、TwitterでバズっていたSUZURIのコンビニ支払い催促メールの文面に心打たれて2020年11月に入社。SUZURIを "もっとおもしろい" サービスにするために日々頑張っています。 Twitter：@_mmakiyama 川合 悠太 2015年GMOペパボに入社して以来、オリジナルグッズ作成・販売サービス「SUZURI」の開発を担当し続けているエンジニア。誰でも編集できるWiki、 https://scrapbox.io/cd の発起人。 Twitter：@yuta25GitHub：dlwr 田中 健太郎 SUZURI事業部エンジニアリングリード。2018年9月入社。CREとして毎日SUZURIを「安心で使いやすく」している。 Twitter：@tanaken0515GitHub：tanaken0515 お申込みはこちら イベント詳細や、お申込みは以下URLよりよろしくお願いいたします。https://pepabo.connpass.com/event/215058/ みなさまのご参加お待ちしております！

4月13日にGMO Developers Night#23を開催しました。「事業を支えるクラウドネイティブ×インフラエンジニアリング」をテーマにグループ4社からネット決済やネット広告、ホスティング、EC支援といったさまざまなサービスを担当するエンジニアが登壇しました。イベントページ：https://gmo.connpass.com/event/208362/当日の様子をお届けします。 はじめに 今回はグループ4社 GMOインターネット株式会社GMOペイメントゲートウェイ株式会社GMOペパボ株式会社GMOアドマーケティング株式会社 が登壇し、事業を支えているクラウドネイティブ技術についてセッションを行いました。1つ目と2つ目のセッションではプレゼン形式で事例を紹介させていただきました。3つ目のトークセッションでは、ネット決済やネット広告、ホスティング、EC支援といったさまざまなサービスを担当するエンジニア6名が登壇し、雑談形式で各社のクラウドネイティブ事情をお話ししました。 セッション内容について以下で詳しくご紹介いたします。 セッション① Cloud Run導入事例のご紹介 〜最速マネタイズを目指す〜 アドテクノロジー事業を展開するGMOアドマーケティングから堤が登壇し、新規事業立ち上げでCloud Runを導入した事例についてお話ししました。また、Cloud Runの特徴やチューニングのポイントなどもご紹介させていただきました。 https://youtu.be/d4Gsgf7sons?t=433 登壇者からのコメント ご視聴いただきありがとうございました！ 緊張しましたが楽しく参加させていただきました。これからもGMO Developers Nightをよろしくお願いいたします。 セッション② カラーミーショップにおけるハイブリッドクラウドを活用した可用性向上のためのアプリケーションインフラ刷新 GMOペパボの技術部技術基盤チームから高橋（@takutaka1220）が登壇し、GMOペパボが提供するカラーミーショップにおけるアプリケーションインフラのレイヤーで実施している可用性向上に関する取り組みを紹介しました。カラーミーショップでは、ショップオーナー様が安心してネットショップを提供できるよう、可用性向上に関してさまざまな角度から取り組んでいます。 https://youtu.be/d4Gsgf7sons?t=1424 登壇者からのコメント ご視聴いただきありがとうございました。ここが知りたい！ここはどうなってるの？といった点がありましたら、Twitter（@takutaka1220） などで気軽に質問いただければと思います。GMOインターネット グループ各社おもしろいことをたくさん実践しているので、今後の GMO Developers Night にもぜひご注目ください。 トークセッション CNDO振り返り＆座談会 先月開催されたCloudNative Days Spring 2021 ONLINE（CNDO）に登壇したGMOインターネットグループのメンバー3名を交えてCNDOを振り返りながら、グループのクラウド周辺技術などについて語り合いました。 https://youtu.be/d4Gsgf7sons?t=3138 今回はほぼ初対面のメンバーが多く、程よい緊張感の中で実際の業務について語ることができました。そんなライブ感のある雑談を楽しんでいただけると幸いです。 CloudNative Days Spring 2021 ONLINE（CNDO）について イベント内でご紹介したCloudNative Days Spring 2021 ONLINE（CNDO）のセッションもアーカイブ公開しております。今回登壇したメンバー以外にもGMOペイメントゲートウェイのCTOやSREエンジニアも登壇しております。お時間ある方はぜひご覧ください。 https://developers.gmo.jp/technology/3845/ モデレーター 山下（@pyama86）からのコメント 視聴していただきありがとうございました。今回登壇した会社だけではなく、GMOインターネットグループには多くの事業セグメント、会社があります。まだまだ眠っているおもしろトークがたくさんあるので、今後もぜひGMO Developers Night にご注目ください。僕自身もまた今後の会で呼んでもらえるよう、右肩を仕上げていきたいと思います。それでは、また同じ空の下でお会いしましょう。 さいごに ご視聴・ご参加いただき、ありがとうございました。参加いただいた方からは参考になりました、楽しかったです、またやってほしいですなど温かいコメントをたくさんいただき、大変嬉しく思っております。重ねて御礼申し上げます。まだ視聴していないという方もアーカイブ公開しておりますのでぜひセッションご視聴ください。 https://youtu.be/d4Gsgf7sons 登壇者もグループ会社同士でこうして雑談しながら、視聴者の皆さんと交流する機会があまりなかったため、大変良い機会となりました。今後、こうした企画も実施していきたいと思いますのでご注目ください。またのご参加お待ちしております！

GMOペパボでは「Pepabo Tech Conference」と題し、開発者に向けたイベントを定期開催しています。今回の「Pepabo Tech Conference #14」では、ペパボのプラットフォームテクノロジーをテーマに、技術基盤チーム・データ基盤チーム・プラットフォームグループ（SRE）・セキュリティ対策室のメンバーが登壇し、各チームの取り組みについてお話させていただきます。 Pepabo Tech Conferenceとは？ GMOペパボでは、「アウトプットすること」を大切にする企業文化があり、自社で培ってきた技術や知見を幅広く公開し、社内だけでなく社会全体に貢献する姿勢を大切にします。その一環として「Pepabo Tech Conference」と題し、様々なテーマで開発者に向けたイベントを定期開催しています。 イベント概要 日　　時 ：2021年2月25日（木）時　　間 ：19:00～21:00場　　所 ：オンライン タイムテーブル 19:00オープニング19:05ペパボサービスインフラのこれから常松伸哉19:25ペパボにおけるコンテナとハイブリッドクラウド活用による可用性向上への取り組み高橋拓也19:45SREが取り組むカラーミーショップへのK8導入菅原千晶20:05データ基盤チームの設立と直近の取り組み堤利史20:253Coで支えるペパボのセキュリティ対策～Communication Completely Continuous～熊野・伊藤・森田20:55クロージング※発表順については変動の可能性があります。 イベント詳細・お申込みはこちら https://pepabo.connpass.com/event/204392/ 登壇者 〇常松伸哉2009年入社、技術部シニアエンジニアリングリード。サービスのインフラエンジニアを経た後、プライベートクラウドの構築・運用に携わるほか、全社的な課題解決にインフラ面から取り組んでいる。2020年より現任。エンジニア組織の運営と並行して、SREやクラウドネイティブといったトピックを推進している。カレーが大好きだけど最近全然食べに外出できていなくてツラい。 〇高橋拓也技術部技術基盤チームに所属するインフラエンジニア。2019年10月にGMOペパボ入社。2020年10月よりプリンシパルエンジニアに就任。ペパボが運営するサービスにおけるクラウドの有効活用によるシステムの安定稼働に注力する。 〇菅原千晶2018年3月にペパボカレッジ6期生として入社。SREとしてカラーミーショップの運用に携わっている。 〇堤利史2020年12月にGMOペパボ株式会社へ入社。技術部 データ基盤チームに所属するデータエンジニア。 〇熊野多聞2007年 に入社、マネージャー。複数商材のインフラエンジニア、インフラ基盤を支えるプロットフォームのマネジメントをヘテセキュリティ対策の推進、マネジメントに従事している。 〇伊藤洋也2007年 に入社、プリンシパルエンジニア。ホスティングのWebサービス〜事業部を横断した技術基盤チームの経験を活かしてセキュリティ対策の仕組み作りプロダクトの開発に従事している。 〇森田浩平2018 年 に新卒入社、シニアエンジニア。セキュリティ対策室で事業部を横断したセキュリティ対策等の基盤づくりに従事している。 お申込みをおまちしております！

GMOペパボでモバイルアプリケーションの開発をしているメンバーがお話させていただきます。 こんな方におすすめ！ ・モバイルアプリケーションの開発に携われている、開発者の方・minne/SUZURIにご興味のある方・大規模な自社サービスのエンジニアリングに興味のある方・若手エンジニアがどんな活躍をしているのか話を聞いてみたい学生の方・GMOペパボ、GMOインターネットグループに興味のある方 イベント概要 日時：2020年10月16日（金）19:00～21:00場所：オンライン対象者：エンジニアとして働いている方、またエンジニアリングに興味関心のある方 ※学生の方も大歓迎です！ タイムテーブル ・19:00　 オープニング・19:02 　新卒エンジニアが配属3ヶ月でやってきたこと @Tatsumi000・19:20 　バックエンド駆動UI: 画面の流動化（英語名：Backend-Driven UI: 　　　　　　　　　　Making Screens Dynamic） @yhkaplan・19:40 　iOS13でもSwiftUIでLazyなGridを実装したい！ @kuroyam・20:00 　ペパボのデザインシステムと、モバイルアプリ領域における取り組み @gyugyu・20:20 　SUZURI Androidアプリの例から提案するこれからのモバイルアプリケーションのデザインプロセス @putchom・20:40 　ペパボとFlutterのこれまでとこれから @osamtimizer・21:00 　クロージング 登壇者/セッション内容 セッション①：「新卒エンジニアが配属3ヶ月でやってきたこと」EC事業部 カラーミーショップグループ サービス基盤チーム西田 龍登 セッション②：「バックエンド駆動UI: 画面の流動化（英語名：Backend-Driven UI: Making Screens Dynamic）」minne事業部 マーケットグループジョシュア・カプラン セッション③：「iOS13でもSwiftUIでLazyなGridを実装したい！」SUZURI事業部 プロダクトチーム黒田 駿 セッション④：「ペパボのデザインシステムと、モバイルアプリ領域における取り組み」デザイン部 デザイン戦略チーム柳生祐介 セッション⑤：「SUZURI Androidアプリの例から提案するこれからのモバイルアプリケーションのデザインプロセス」SUZURI事業部 プロダクトチーム福嶋 瞭 セッション⑥：「ペパボとFlutterのこれまでとこれから」SUZURI事業部 プロダクトチーム時田 理 参加方法 connpassで参加ご登録いただいた方にZoomウェビナーの視聴用URLをお送りいたします。 ▼connpasshttps://pepabo.connpass.com/event/190760/

執行役員 VP of Engineering 兼技術部長の @hsbt です。週末に少しずつ進めていたゼノブレイド ディフィニティブ エディションをやっとクリアしました。今回は、6/24 に開催した GMO ペパボ EC テックカンファレンスの開催レポートをお届けします。 EC テックカンファレンスの開催について GMO インターネットグループが昨年より開催している GMO Developer Night のイベントの一つとして開催しました。GMO Developer Night は渋谷フクラスにて、継続的に開催予定でしたが COVID-19 の拡大の影響によりリアルイベントとしては中止になり、EC テックカンファレンスも当初は 3 月頃の開催予定が白紙となりました。 今回、GMO Developer Night がオンラインとして開催が再開したため、EC テックカンファレンスもオンラインバージョンとして開催しました。GMO ペパボの EC 事業部がサービス運営しているカラーミーショップでは、新たにリリースしたアプリストア、サービスの可用性の向上、2018 年の情報流出のインシデント以降に体制を改めたセキュリティ対策、デザインやカスタマーリレーションの体制など、毎日幅広く技術・デザインの領域への取り組みを行なっています。今回開催した EC テックカンファレンスではカラーミーショップの毎日の取り組みを紹介する場として、「普段やっていること・考えていること」を中心にコンテンツを用意しました。 発表内容の紹介 カンファレンスの様子は YouTube Live を録画したものが公開されていますが、このエントリではEC事業部チーフテクニカルリードの@kenchanが各セッションの内容を簡単に紹介します。 ポストコロナの商売を支える、カラーミーショップのアーキテクチャのこれから 発表資料: ポストコロナの商売を支えるカラーミーショップのアーキテクチャのこれから / The new architecture of COLORME SHOP in the Post-COVID-19 world - Speaker Deck 最初のセッションでは、私@kenchanがサーバサイドとインフラのアーキテクチャについて現在取り組んでいる課題を紹介しました。 昨今の状況においては、ネットショップの重要性が以前とは比べ物にならないほど高いものになっています。その状況においてもお客様に選ばれるシステムであり続けるためには、システム全体の可用性を今まで以上に向上させなければいけないと考えています。そのために、データベースの耐障害性・可用性の向上、サブシステム単位でのスケーラビリティの向上、そして特定の箇所で発生した障害を広く波及させないためのアーキテクチャの検討を進めています。 大量購入を支える決済トランザクション設計 発表資料: 大量購入を支える 決済トランザクション設計 / EC Payment Transaction Architecture - Speaker Deck 2 番目のセッションでは、EC 事業部テクニカルリードの@tsuchikazuが決済処理を設計するにあたり考慮すべきポイントと、カラーミーショップでの実装を紹介しました。 まず、決済処理のトランザクション設計をするにあたり必要な観点として、CAP 定理と BASE 特性という 2 つを提示しました。そして、それらを踏まえてカラーミーショップで実施している工夫として、トランザクションを細かく分離すること、補償トランザクション、データ突合の 3 つを紹介しました。 インターネット上でサービスを提供する際には、何らかの形で決済処理を設計、実装する必要があることから、Zoom 上での質問も、Twitter 上の反応も盛り上がっていました。 カラーミーショップカートの Angular 事情 発表資料: カラーミーショップカートの Angular 事情 / Angular circumstances of colorme-cart - Speaker Deck 3 番目のセッションは、@ku00_より、AngularJS から Angular へのバージョンアップの取り組みの発表でした。 カラーミーショップの新しいショッピングカートは AngularJS で実装されています。AngularJS はバージョン 2 から Angular をという名称になり、大きな変更が加えられました。今までは AngularJS のまま機能追加を行っていましたが、Angular のより便利な機能を使えなかったり、AngularJS の EOL が近づいてきたこともあり、チームでバージョンアップに取り組んでいます。定期的な勉強会を開くことでチームの技術力の向上を図りながら、Angular の機能を理解するために小さなアプリケーションを開発することで、移行後にもスムーズに機能開発ができるように工夫しています。 カラーミーのデザインについて 発表資料: GMOペパボ ECテックカンファレンス デザイナー登壇資料 - Speaker Deck 4 番目のセッションは、カラーミーショップのシニアデザイナーである@chocolatinaがカラーミーショップのそれぞれのチームにおけるデザイナーの取り組みを紹介しました。 カラーミーショップでは、ユーザーの登録から、そのユーザが私達のサービスを使いながら事業を成長させるところまで、トータルで支援できるようにチームを編成しています。その各フェーズにおいて、デザイナーに求められる役割はスキルは変わってきます。印刷物のビジュアルデザインから、プロダクトのUIデザイン、ユーザテストやインタビューまで、幅広い領域をデザイナーの皆さんがカバーしています。 カラーミーショップと ngx_mruby 2020 発表資料: カラーミーショップと ngx_mruby 2020 - Speaker Deck 休憩後、5 番目のセッションでは@yano3から、カラーミーショップにおける ngx_mruby の活用事例の紹介でした。 カラーミーショップアプリストアで提供されているカラーミーWPオプションは、ショップドメインと同じドメインで WordPress を公開することができます。この機能を実装するにあたり、より汎用的な仕組みとするためのルーティングの部分と、セキュリティ対策の 2 点において ngx_mruby を利用しています。 受注増でも変わらずショップ運営できる、利用者に寄り添い未来に備えるカラーミーショップについて 発表資料: 利用者に寄り添い未来に備えるカラーミーショップ - Speaker Deck 6 番目のセッションでは、サブマネージャの@nyanyamiが CRE チームの取り組みとその実績を紹介しました。 カラーミーショップの CRE(Customer Reliability Engineering)チームでは、ユーザーの課題解決のための技術的な調査や機能開発を行っています。CRE チームを結成しその目的を明確にしたことで、問い合わせ完了までの日数を大幅に改善しました。さらに、提供している機能の中でもよく使われている、重要な機能の改善に力をかけられるように、使われていない機能をユーザーの不利益にならないように工夫しながらクローズしています。 WAF を安全に導入するために取り組んだこと 発表資料: WAFを安全に導入するために取り組んだこと - Speaker Deck 7 番目のセッションでは、@takapi86がカラーミーショップにおける Web Application Firewall(以降 WAF)の導入プロセスを紹介しました。 既に動作しているウェブアプリケーションに対する WAF の導入は、誤検知を如何に減らすかがポイントになります。また、導入後の機能追加に追従して WAF のルールをメンテナンスしていくことも重要です。カラーミーショップへの導入時には、検知ログの収集の仕組みを構築し、除外ルールをコードで管理することで、これらの課題を解決しました。 デザインもドメインも違うサイト上でのプレビュー機能をフロントエンドのみで実現したらユーザーもエンジニアもハッピーになった話 発表資料: デザインもドメインも違うサイト上のプレビュー機能をフロントエンドのみで実現したらユーザーもエンジニアもハッピーになった話 / How to preview on cross domain - Speaker Deck 最後のセッションは、@MITLicenseからのプレビュー機能の実装における工夫の紹介でした。 カラーミーショップアプリストアでは、ユーザーが閲覧する「アプリストア」と、開発者がアプリストアに表示する情報を登録する「ディベロッパーサイト」を別のアプリ、ドメインで運用しています。そのため、開発者がアプリストア上でどのように表示されるかを確認するために、ディベロッパーサイト上でプレビューを実装する必要がありました。この問題に対して、利便性とセキュリティの両面から検討を行い、window.postMessageと iframe を利用した方式で実装しました。 ZoomウェビナーでのQA 事前に登録してくださった方にはZoomウェビナーのURLをお送りしており、当日はQA機能を使って質問を受け付けていました。本記事の最後に、そこで寄せられた質問とその回答を紹介します。 また、ハッシュタグ#GMOdev で寄せられた質問にもいくつか答えておりますのでこちらもご覧ください。 Q1. 分離環境についてすでにコンテナ環境の導入が進められているということでしたが、クラスタの分離というのは kubernetes 上でのクラスタの分離ということでしょうか？ 現時点では、あくまでも論理的に分割しようというところまでで、技術的にそれをどうやって実現するかについては、まさに今検討しているところです。 Q2. 決済部分でAPIを使われるのですか。 購入ボタンを押して完了画面を表示するまでの間の決済トランザクションのタイミングで、決済代行会社へのリクエストをしています。 Q3. リトライが可能かつ、多重決済をおこさないために行っている具体的な工夫をぜひ知りたいです。いくつかチェックポイントを持った段階的なトランザクションのようですが、ロールバック不可能なタイミングなどはあるのでしょうか？また、リカバリーが困難な失敗したとき（ロックをロールバックすると危険な状態担った時）に、カスタマサポートへうまくエスカレーションする工夫はされていますか？ リトライが可能かつ、多重決済をおこさないために行っている具体的な工夫をぜひ知りたいです。 そのトランザクション用に、一意のIDを予め発行して、そのIDで決済APIを実行することにしています。仮に2度決済APIを実行したとしても、IDが重複してエラーになる。という形で、多重決済は防げています。 いくつかチェックポイントを持った段階的なトランザクションのようですが、ロールバック不可能なタイミングなどはあるのでしょうか？ いつでもロールバックは可能で、ある程度進んだら、もう戻らない。という形にしています。ロールバック不可能という意味だと、ロールバックのタイミングで障害が起きている場合があって、そのときはリトライでカバーという形です。 また、リカバリーが困難な失敗したとき（ロックをロールバックすると危険な状態担った時）に、カスタマサポートへうまくエスカレーションする工夫はされていますか？ リカバリに失敗した場合は、slackに全部流れるようになっていまして、大量に失敗した場合など異常事態が発生したら、弊社のエスカレのフローによって、CSへもエスカレーションするようになっています（エスカレもslack上で全部やっていきます） Q4. 「ユーザーの操作ログ」みたいなリプレイをするためのログはとられていますか？ 購入者の操作についてだと、APIへのアクセスログで操作の流れはわかる場合があります。しかし、操作を再現することを目的としたログは取得していません。ただし、社内向けの環境や、別途特定のブラウザに対してデバッグが必要な場合など、本番環境に影響を与えないように操作ログを取得する場合はあります。 Q5. そもそもAngularを採用した理由を聞きたいです。 カート開発当初にAngularJSを採用した理由について回答します。 プロジェクト開始当初（2014年10月頃）はBackbone.jsのような一世代前のライブラリか、その時の話題になっているAngularJSかの選択肢がありました。ReactやVue.jSはそもそも選択肢になかったので、カート画面の主な機能であるフォームのデータバインディングに最も適したフレームワークという点からAngularJSを選択しました。 Q6. iframeをつかったプレビューについて、iframe name + form target ではなく、postMessageをつかった理由はなにかありますか？また、Origin以外にトークン的なものをなげたりはしていますか？最後に、画像などは都度実際に保存していますか？それは保存時に正式な場所に移動したりしていますか？ iframeをつかったプレビューについて、iframe name + form target ではなく、postMessageをつかった理由はなにかありますか？ ご提案していただいた実装が候補に上がらなかった理由の一つとして、アプリストアは Vue.js (Nuxt) のアプリケーションなので、 form target による実装では POST のメッセージを受け取るために別途バックエンド側に何か用意するといった実装が必要になります。これはフロントエンドのみで実装が完結できる postMessage と比べると実装や再描画のコストが高くなってしまうため、もし候補に上がっていたとしても最終的には postMessage を選択することになったと思います。 Origin以外にトークン的なものをなげたりはしていますか？ 入力されている情報をサーバー側に送ることがなく、基本的に発表中にあった満たしたいセキュリティ要件は origin の検証のみで達成できることから、トークンなどの検証は特に行っていません。​ 画像などは都度実際に保存していますか？それは保存時に正式な場所に移動したりしていますか？ 保存を行っていない段階では画像ファイルは Data URI scheme を使ってやりとりをしており、ご指摘の通り申請情報を保存した時にサーバーへアップロードが行われます。 おわりに このエントリのはじめに、「普段やっていること・考えていること」をコンテンツとして集めたという話がありましたが、その狙い通りのカンファレンスとなったのではないかと考えています。カラーミーショップを日々開発・運用している人たちが、どのような課題に、どうやって取り組んでいるのかを感じ取っていただけたでしょうか。 また、もし皆さんの身近な課題解決に役に立つ発表があったようでしたら、適用してみた結果を私達にもフィードバックしていただけたらとても嬉しく思います。 オンラインでのイベントは今年からはじめた新たな取り組みのため、リアルイベントとは異なりイベント後に「この話の詳細ですが〜」と個別にお話をする機会がなく伝えきれない部分や、逆にオンラインだからこそわかりやすい面、例えばスライドが見やすい、などメリット・デメリットの両方があります。Zoom では QA やアンケートなどの機能があるため、これらを活用するなどして、視聴者との一体感をできるだけ醸成して行きたいと思います。 GMOペパボでは、新しい仲間を募集しています 募集中の職種や、詳しい社内の環境や制度に関しては以下をご覧ください。 GMOペパボ株式会社 採用サイト