「巻き込み型駆動開発」でアイデアを爆速でリリースする

おかむーが普段やっている **「巻き込み型駆動開発」** でアイデアを爆速でリリースする方法をご紹介します

# この記事でわかること
- **「巻き込み型駆動開発」**についてわかります
- **メンバーを集めておく**メリットがわかります
- **開発の楽しさ**がわかります

# 嵐ありがとうサイトを企画と製作をしました

https://a-ra-shi.fan/share

![FireShot Capture 1 - #嵐ありがとう(非公式) - https___a-ra-shi.fan_.png](https://qiita-image-store.s3.amazonaws.com/0/62822/a1dbf434-1508-3069-c04e-586808915524.png)

# 5:00 電撃解散発表
- 1/27の5時ごろ嵐さんが、2020年12月31日をもってグループ活動を休止することを電撃発表。

https://article.auone.jp/detail/1/5/9/81_9_r_20190127_1548592431817782
![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/78186564-5f4b-2ee9-9928-3a30be19fcc1.png)


# 5:15 サイトを作ることを決意
- 気のあったエンジニア勉強会で出会ったやデザイナー、意識の高そうな人をあらかじめSlackグループに集めておいたグループがあるので、そこで発言してみる

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/aa546dc4-d458-b064-0ddf-b101f910cfa1.png)

# 5:28 Slackでチャンネルができる
- **ジャニオタ**からの監修が入るようになる

![Screen Shot 2019-02-01 at 8.01.49.png](https://qiita-image-store.s3.amazonaws.com/0/62822/790bd4e9-b4a0-2a6c-5ad9-3bb4c591d157.png)

# 5:49 ワイヤーフレーム完成
![Screen Shot 2019-02-01 at 8.02.34.png](https://qiita-image-store.s3.amazonaws.com/0/62822/cc5e8a07-942d-af8d-e3eb-727664a5e833.png)


# 5:55 ドメイン取得
- ドメインが取得されると、エンジニアは本気スイッチが入る傾向にあるようなので、先に買いましょう

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/f1011e69-3e21-af44-205a-b0564fb1eb32.png)

# 6:21 OGPデザイン完成 LPラフ作り開始
- バズを考えると、OGPはとても大事です。しっかりとデザインをしてもらいましょう

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/f81f63d2-2d17-19ab-ea9a-86e1983df6d6.png)

# 9:06 シェアボタンでた！！！
- 進捗がなくても、進捗があるように細かく報告することによって、みんなのやる気を保つことができます
![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/de4208c7-1ae8-398e-d8e0-aa025ff48715.png)

# 10:21 FirebaseHosting周りの構築が完了
![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/1d33861a-8615-8977-34fc-f912e360f5a0.png)

# 0:03 ティザーサイトできた
- 電撃解散発表から、**7時間後**のことでした（意外と遅かったかな）
- チャンネルはすでに**6名ほど加入**し、アイデアやエンジニアが色々動くように

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/e672263f-7267-1270-4111-241867586e5a.png)

# 2日目〜 エンジニアを交代する
- **チャンネルが8名**ほどまで増える
- ブロックチェーンエンジニアにお年賀キャッシュの実績をもつ、[@_serinuntius](https://twitter.com/_serinuntius)に開発を任せる

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/14825284-95a5-a395-31aa-e2c71b217f35.png)

# Vue.jsに全面移行
![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/58734aa9-6620-23a5-438a-ef474f0b1f7c.png)

# ファビコンが決まる
![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/c261a9d8-597a-9512-a373-178f1db74610.png)

# シェアができるようになる
- ポイントとしては、[Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう](https://qiita.com/serinuntius/items/3017fb6ef51cd47352f6) にあるように、シェア用のOGPを毎回生成しているところにあります

![image.png](https://qiita-image-store.s3.amazonaws.com/0/62822/10e71654-57e1-81e4-6a1e-ab9486f6a37e.png)

# そして公開しました
https://a-ra-shi.fan/share
![FireShot Capture 3 - #嵐ありがとう(非公式) - https___a-ra-shi.fan_share.png](https://qiita-image-store.s3.amazonaws.com/0/62822/13b50775-c903-850a-d416-732b4986a6c7.png)

# 製作期間
- ２日程度
- 巻き込んだメンバー8〜10名

# 製作メンバー
- おかむー [@okamu_ro](https://twitter.com/okamu_ro)
- フロントエンド、バックエンド [@_serinuntius](https://twitter.com/_serinuntius)
- デザイン [@skinnybrian_tw](https://twitter.com/skinnybrian_tw)
- 文言監修 ねむねむ [@nmnmz](https://twitter.com/nmnmz)
- その他、ジャニーズファンの皆さん

# まとめ
- 仲間って素晴らしいし、楽しい！！
- 将来を見据えて、気のあったエンジニアやデザイナーを何かしらで集めておくとよい
- エンジニアはときにはディレクターとしてやる気の源として人を動かすことができる

# 軽く募集
- 現在20~30名ほど実際に会った人限定でグループjoinしてもらってますがメンバーを何名か募集しています
    - 勉強会で一緒になった時は、ぜひお話ししましょう！ [@okamu_ro](https://twitter.com/okamu_ro)