Slide 1

Slide 1 text

ゼロから めた 内内 から1年。 こんなに⼤きくなりました。 HTB 内 開発のキセキ DevIOShowcase2020 2020.11.11(Wed)

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

⼤トリ ありがとうございます!

Slide 4

Slide 4 text

本⽇のお話 1年を振り返ります

Slide 5

Slide 5 text

開発経験者ゼロ 予算ゼロ

Slide 6

Slide 6 text

1年前の ネットデジタル事業部 部⻑ 副部⻑ 私 SES SES

Slide 7

Slide 7 text

1年後......

Slide 8

Slide 8 text

現在の ネットデジタル事業部 部⻑ 副部⻑ 私 SES SES 移籍 技術営業 レンタル レンタル レンタル

Slide 9

Slide 9 text

資格取得が他の部署にも 報道部 副部⻑ 技術局⻑ ライツ ビジネス部

Slide 10

Slide 10 text

ある1つのプロジェクトが すべての始まりでした......

Slide 11

Slide 11 text

こんなノリで振り返ります 細かいところは触れないので ZOOMのQ&Aに!

Slide 12

Slide 12 text

改めて

Slide 13

Slide 13 text

ある1つのプロジェクトが すべての始まりでした......

Slide 14

Slide 14 text

チケット即完売 会場に来れない⼈にも届けたい

Slide 15

Slide 15 text

儲かるならいいんじゃない?

Slide 16

Slide 16 text

クラメソさんに相談だ!

Slide 17

Slide 17 text

ほんとにアイコン並べただけ 無理なら無理っていってくれるだろう あと1か⽉しかないぞ

Slide 18

Slide 18 text

クラメソさん 「いけるんじゃないですかね」

Slide 19

Slide 19 text

クラメソさんと 社内3⼈で開発スタート (本番まで1ヶ⽉)

Slide 20

Slide 20 text

HTB「質問です∼」 クラメソ「このブログを是⾮」

Slide 21

Slide 21 text

HTB「ここどうしたら」 クラメソ「ブログに(ry」

Slide 22

Slide 22 text

HTB「これなんですけど、」 クラメソ「つhttp://dev.classmethod.jp」

Slide 23

Slide 23 text

私 SES SES ...これさ 「ググってから来いよ」 って⾔われてない?

Slide 24

Slide 24 text

私 SES SES 答えがブログのリンクにならない 質問をしなきゃ!

Slide 25

Slide 25 text

私 SES SES 根拠に必ず 公式ドキュメントが書いてある ちゃんと読もう

Slide 26

Slide 26 text

無事に完成!! 私 SES SES \ / \ / \ /

Slide 27

Slide 27 text

結果こんな感じになりました

Slide 28

Slide 28 text

⾊々取り上げて頂いたので良かったら

Slide 29

Slide 29 text

振り返ってみると 実現するために ⾃⼰学習するための⽅法が⾝についた 私 SES SES

Slide 30

Slide 30 text

私 SES SES \ / \ / \ / ほとんどコピペ コードというより ベストプラクティス をコピペする 困ったらちゃんと サポートに聞く

Slide 31

Slide 31 text

私 SES SES \ / \ / \ / インフラ周りは この2つでなんとか 作れる気がする!

Slide 32

Slide 32 text

私 SES SES ・ドキュメントとしっかり向き合う ・英語でも躊躇しない(翻訳ツール!) ・困ったらサポートに

Slide 33

Slide 33 text

私 SES SES ここから怒涛の開発へ...

Slide 34

Slide 34 text

この1年でやったこと 2019.09∼ 2019.10 2019.12∼ 2020.05 2020.06∼ 2020.07 2020.08∼ 2020.10 2020.10∼ 企画提案からサポートまで 有料ライブ配信 Lift&Shift 有料ライブ配信 ライブコマース ライブコマース イベント VODオフロード 開発の前後も含めて

Slide 35

Slide 35 text

WebサーバのLift&Shift どうでしょうのたびに落ちることで定評 私 SES SES レンタル \ / NEW!! 既存環境が調⼦悪くて業務に⽀障が

Slide 36

Slide 36 text

初チャレンジ ・VPCの内側に⼿を出す ・セキュリティしっかりやる 私 SES SES レンタル \ / NEW!! 関連会社 関連会社 関連会社 \ / NEW!!

Slide 37

Slide 37 text

三浦「また、クラメソさんに...」 上司「いや、今回は⾃前で!」

Slide 38

Slide 38 text

三浦「え?」 上司「もう経験あるから」

Slide 39

Slide 39 text

三浦「え???」 上司「⾃信ないのか」

Slide 40

Slide 40 text

三浦「は?やらせていただきます!」 上司「(まんまと)」

Slide 41

Slide 41 text

とは⾔ったものの セキュリティさっぱりわからない。。。

Slide 42

Slide 42 text

河野「⾅⽥さんのブログ読んでください!」 三浦「全部読みます!」

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

三浦「やっと終わったー」 2020.06. イベント事業部「うぅ...(泣)」

Slide 45

Slide 45 text

三浦「どうしたんすか」 イベ事「イベントが全部中⽌に。。。」

Slide 46

Slide 46 text

テレビ局はほんとに直撃

Slide 47

Slide 47 text

祭りのあれを流⽤ + =

Slide 48

Slide 48 text

祭りからの変更点 CodeBuild CodeDeploy CodePipeline 使ってみよう!

Slide 49

Slide 49 text

チームのみなさんで⾒てました

Slide 50

Slide 50 text

Amplifyよさそう! もこさんあざます!

Slide 51

Slide 51 text

Codeシリーズ全捨て GraphQLもやりたい Amplify AppSync

Slide 52

Slide 52 text

Amplifyを軸に再設計 Amplify

Slide 53

Slide 53 text

毎⽉2回位の有料配信を実施 shopifyで関連グッズを購⼊ 最近ではスポンサーがつく例

Slide 54

Slide 54 text

三浦「やっと終わったー」 2020.08. コンテンツ事業室「うぅ...(泣)」

Slide 55

Slide 55 text

三浦「(いやな予感)どうしたん?」 2020.08. コン事「イベントが中⽌に」

Slide 56

Slide 56 text

どうでしょうキャラバン もともと 全国⾏脚する ファンのみなさん(藩⼠) との交流イベント

Slide 57

Slide 57 text

グッズは発注済み

Slide 58

Slide 58 text

オンラインイベントへ

Slide 59

Slide 59 text

現⾏の体制に 2ヶ⽉で作る! 私 SES SES 移籍 技術営業 レンタル レンタル レンタル

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件: 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない

Slide 62

Slide 62 text

スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件: 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない AppSyncのSubscriptionでいける!?

Slide 63

Slide 63 text

subscription AppSync AppSync Amplify {   timeSaleFlg: 0 } {   timeSaleFlg: 1 } shopify GraphQL 商品の入れ替えもGraphQL 非表示 表示

Slide 64

Slide 64 text

shopifyのコレクションにして IDをshopifyのコンソールから GraphQLで⼊れ替え スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件: 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない 現地でコンソールからmutation subscriptionでリロードなし!

Slide 65

Slide 65 text

スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件: 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない 現地でコンソールからmutation subscriptionでリロードなし! shopifyのコレクションにして IDをshopifyのコンソールから GraphQLで⼊れ替え COMPLETE!!$4くらい

Slide 66

Slide 66 text

not yet... H O W D O Y O U L I K E W E D N E S D A Y ?

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

クラメソさんと仕事をして 実現するために ⾃⼰学習するための⽅法が⾝についた

Slide 71

Slide 71 text

TO BE CONTINUED... H O W D O Y O U L I K E W E D N E S D A Y ?

Slide 72

Slide 72 text

No content