ゼロから始めた 社内内製から１年。こんなに大きくなりました。

#devshow2021

Transcript

1. ゼロから めた 内内 から１年。 こんなに⼤きくなりました。 HTB 内 開発のキセキ DevIO
   Showcase
   2020 2020.
   11.
   11
   (Wed)
3. ⼤トリ ありがとうございます！
4. 本⽇のお話 １年を振り返ります
5. 開発経験者ゼロ
   予算ゼロ
6. 1年前の ネットデジタル事業部 部⻑ 副部⻑ 私 SES SES
7. １年後......
8. 現在の ネットデジタル事業部 部⻑ 副部⻑ 私 SES SES 移籍 技術営業 レンタル レンタル レンタル
9. 資格取得が他の部署にも 報道部 副部⻑ 技術局⻑ ライツ ビジネス部
10. ある１つのプロジェクトが
    すべての始まりでした......
11. こんなノリで振り返ります
    細かいところは触れないので
    ZOOMのQ&Aに！
12. 改めて
13. ある１つのプロジェクトが
    すべての始まりでした......
14. チケット即完売 会場に来れない⼈にも届けたい
15. 儲かるならいいんじゃない？
16. クラメソさんに相談だ！
17. ほんとにアイコン並べただけ 無理なら無理っていってくれるだろう あと１か⽉しかないぞ
18. クラメソさん 「いけるんじゃないですかね」
19. クラメソさんと 社内３⼈で開発スタート (本番まで１ヶ⽉)
20. HTB「質問です∼」
    ｸﾗﾒｿ「このブログを是⾮」
21. HTB「ここどうしたら」
    ｸﾗﾒｿ「ブログに(ry」
22. HTB「これなんですけど、」
    ｸﾗﾒｿ「つ
    http://dev.classmethod.jp」
23. 私 SES SES ...これさ
    「ググってから来いよ」
    って⾔われてない？
24. 私 SES SES 答えがブログのリンクにならない 質問をしなきゃ！
25. 私 SES SES 根拠に必ず 公式ドキュメントが書いてある ちゃんと読もう
26. 無事に完成！！ 私 SES SES \ / \ / \ /
27. 結果こんな感じになりました
28. ⾊々取り上げて頂いたので良かったら
29. 振り返ってみると
    実現するために ⾃⼰学習するための⽅法が⾝についた 私 SES SES
30. 私 SES SES \ / \ / \ / ほとんどコピペ コードというより ベストプラクティス をコピペする 困ったらちゃんと サポートに聞く
31. 私 SES SES \ / \ / \ / インフラ周りは この２つでなんとか 作れる気がする！
32. 私 SES SES ・ドキュメントとしっかり向き合う ・英語でも躊躇しない(翻訳ツール！) ・困ったらサポートに
33. 私 SES SES ここから怒涛の開発へ...
34. この１年でやったこと 2019.09∼ 2019.10 2019.12∼ 2020.05 2020.06∼ 2020.07 2020.08∼ 2020.10 2020.10∼ 企画提案からサポートまで 有料ライブ配信 Lift
    &
    Shift 有料ライブ配信 ライブコマース ライブコマース イベント VODオフロード 開発の前後も含めて
35. WebサーバのLift
    &
    Shift どうでしょうのたびに落ちることで定評 私 SES SES レンタル \ / NEW!! 既存環境が調⼦悪くて業務に⽀障が
36. 初チャレンジ ・VPCの内側に⼿を出す ・セキュリティしっかりやる 私 SES SES レンタル \ / NEW!! 関連会社 関連会社 関連会社 \ / NEW!!
37. 三浦「また、クラメソさんに...」 上司「いや、今回は⾃前で！」
38. 三浦「え？」 上司「もう経験あるから」
39. 三浦「え？??」 上司「⾃信ないのか」
40. 三浦「は？やらせていただきます！」 上司「(まんまと)」
41. とは⾔ったものの
    セキュリティさっぱりわからない。。。
42. 河野「⾅⽥さんのブログ読んでください！」 三浦「全部読みます！」
44. 三浦「やっと終わったー」 2020.06. イベント事業部「うぅ...（泣）」
45. 三浦「どうしたんすか」 イベ事「イベントが全部中⽌に。。。」
46. テレビ局はほんとに直撃
47. 祭りのあれを流⽤ + =
48. 祭りからの変更点 CodeBuild CodeDeploy CodePipeline 使ってみよう！
49. チームのみなさんで⾒てました
50. Amplify
    よさそう！ もこさんあざます！
51. Codeシリーズ全捨て GraphQLもやりたい Amplify AppSync
52. Amplifyを軸に再設計 Amplify
53. 毎⽉２回位の有料配信を実施 shopifyで関連グッズを購⼊ 最近ではスポンサーがつく例
54. 三浦「やっと終わったー」 2020.08. コンテンツ事業室「うぅ...（泣）」
55. 三浦「(いやな予感)
    どうしたん？」 2020.08. コン事「イベントが中⽌に」
56. どうでしょうキャラバン
    もともと
    全国⾏脚する ファンのみなさん(藩⼠) との交流イベント
57. グッズは発注済み
58. オンラインイベントへ
59. 現⾏の体制に
    ２ヶ⽉で作る！ 私 SES SES 移籍 技術営業 レンタル レンタル レンタル
61. スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件： 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない
62. スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件： 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない AppSync
    の
    Subscription
    でいける!?
63. subscription AppSync AppSync Amplify { 　 timeSaleFlg: 0 } { 　 timeSaleFlg: 1 } shopify GraphQL 商品の入れ替えもGraphQL <v-if="timeSaleFlg"> 非表示 表示
64. shopifyのコレクションにして IDをshopifyのコンソールから GraphQLで⼊れ替え スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件： 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない 現地でコンソールからmutation subscriptionでリロードなし！
65. スケジュール不明のタイミングで 限定の商品を動画の下に出したい 追加要件： 時間限定商品の販売 動画が途切れちゃうので リロードさせるのはNG 商品は予め用意するけど、 ほんとにそれを使うかはわからない 現地でコンソールからmutation subscriptionでリロードなし！ shopifyのコレクションにして IDをshopifyのコンソールから GraphQLで⼊れ替え COMPLETE!!
    $4くらい
66. not yet... H O W D O Y O U L I K E W E D N E S D A Y ?
70. クラメソさんと仕事をして
    実現するために ⾃⼰学習するための⽅法が⾝についた
71. TO BE CONTINUED... H O W D O Y O U L I K E W E D N E S D A Y ?