![IMG_20180818_171557.jpg](https://cdn.steemitimages.com/DQmZYqD85AatKJtgmn35ScdsdqN9KfDG5uyzhH9FpyNTNWS/IMG_20180818_171557.jpg)

こんばんは@tsureezyです！
この投稿作成時点で、まだもくもく会は続いているのですが、自分の作業はキリが良いところまで着たので少し早めの活動報告をしたいと思います。😄🤙

<h3>◆本日の活動結果◆</h3>
<b>Ruby on rails製のWebアプリにStripe APIを用いたSubscriptionを実装！</b><br>（いわゆる月〇〇円をカード請求する月額プランを実装しました。）
<a href="https://stripe.com/jp/billing">Stripe</a>についての詳細はこちら。🙋‍♀️  💳 

<h3>◆残した課題◆</h3>
<li>月額プランの退会する場合のロジックが未実装です（悪魔的仕様w）💧👿</li>
<li>とりあえず実装しただけなのでViewが見るに耐えられない代物です。（なので写真もUPしません）🌀</li>

<h3>◆もくもくした経緯◆</h3>
現在作成中のアプリで、有料会員向けのコンテンツを提供する予定のためもくもくしてみました！
（<a href="https://www.joltieee.com">Joltieee</a>もStripeを用いて決済・振込機能を実装したので、仕様が若干違ってもコードの転用が効くのか確認の意味も込めてチャレンジしました）

<h3>◆大まかなもくもくフロー◆</h3>
<li>Stripeにログインし、ダッシュボード上で月額請求したいプランを作成</li>
（プラン作成時に無料で試用できる期間も同時設定できます😇）

![ダウンロード.png](https://cdn.steemitimages.com/DQmdd1Ls8jMVAaRYNkA9qUiKRFVViiLPZwMKpPksJBG9m2q/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99.png)

<li>Stripeが提供するJavascriptとRuby on railsのgem "rails-assets-card"を利用してユーザーのカード情報入力画面を作成</li>
<li>入力されたユーザーのカード情報とStripeダッシュボード上で作成したプランを紐付けるコントローラーを作成</li>

![スクリーンショット 2018-08-18 17.10.15.png](https://cdn.steemitimages.com/DQmeP61etBQGFoET1f3upUhnHMcRq1ujb54sysBD51VGomk/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-08-18%2017.10.15.png)

<li>ユーザーのカード情報が更新されることも想定されるので、カード情報新規登録とカード情報更新のロジックを作成</li>

ざっとこんなプログラミングを半日かけて作りました！💻🙆‍♂️

<h3>◆番外編  - 今日のランチ◆</h3>
![IMG_20180818_133354.jpg](https://cdn.steemitimages.com/DQmRKqcoEPMcmqwyQUNxRcAUfvHmtAaNEEzk5Fn9sy4Q7SG/IMG_20180818_133354.jpg)
キーマカツカレー定食　890円🍛🇮🇳
ライス400gもあり、未だにお腹いっぱいなので今日はもう晩御飯はいいかなぁ〜って感じです😅

<h3>◆次回のもくもく会◆</h3>
<a href="https://freestyle-mokumoku.connpass.com/event/98553/">次回は9/8(土)開催です！💻  🎉</a>
自分も仕事をなるべく空けて参加する方向です🏃‍♂️
火急の課題がなければ、次回は苦手なUI関連のことをもくもくしてみたいと思います！👊