朝活コミュニティの運営もしているので、興味のある方はTwitterのDMにて承ります。作るものホテル予約などで使用する平日と休日によって値段が変わる場合に範囲内の平日の数と休日の数を表示できるアプリになります。祝日の取得の場合は、予め日付に紐づけておく必要があります。これで今作っている予約サイトは作れそう。以下の順番で実装していきます。Shifterをインストールします。shifter」と検索し、installボタンを押下これで今回の要である繰り返し機能に使うListShifterのインストールが完了しました。今回のアプリは保存機能がないので、データベースではなく、CustomStateに仮保存し表示するだけになります。CustomStateは一番大外のGroupもしくはPageに作成すると、どこに行ったか分からなくなることがありません。今回は大外のGroupに作成することにします。以下のリストや写真を参考に作成してみてください。今回は機能メインなので、デザインは個々のお好きなデザインで構築してみてください。必要Elements開始日付用Date/TimePicker終了日付用Date/TimePickerトリガー用のButton平日、休日表示用のテキスト×2取得日付リストを表示するRepeatingGroupListShifterの設置ListShifterKWを2つ設置しましょう1つ目のListShifterの設定(日付リストの作成用)それでは範囲データから日付をリスト化する処理を作成します。=数値間隔これで何ができるかというと、日付データの範囲から日数を取得し、その回数分開始日に+1してリストに保存します。1月1日〜1月10日の範囲だった場合は以下のフローのように動きます。=数値間隔1つ目のListShifter分処理を回しているだけなので、詳しくはWorkFlow説明時に解説します。最後にWorkFlowの作成をします。ボタンクリック後のフローは以下のようになっています。日付範囲データをリストに保存リストデータを平日と休日に仕分け文章にすると簡単ですが、少し処理が複雑なので、画像多めで解説します。※処理を分ける理由は、CustomStateに保存する際に計算できないから分けています。処理の開始条件を追加ListShifterを起動させるためには起動条件を追加する必要があります。listをElementに指定これでボタンをクリックしたら、日付データをリストに格納する動作が起動します。week&holidayに指定これでボタンをクリックしたら、平日と休日に仕分ける動作が起動します。まとめいかがだったでしょうか。ListShifterを利用した日付データのリスト化から平日・休日の取得ができました。この動作はホテルやイベントなど、曜日によって予約値段が変わるサービスに向いています。試しに1000日間のデータを取得してみましたが、5秒弱で完了しました。BackEndWorkFlowを使うことで、処理動作の負荷軽減にもつながると思うので、興味ある方は試してみてください。まさひで(@john01tgmck)です。応用カリキュラム内容とスケジュールをまとめました。どんな技術が身につくのかわかると思います。IT企業へジョブチェンジしたまさひで(@john01tgmck)です。IT企業へジョブチェンジしたまさひで(@john01tgmck)です。朝活コミュニティの運営もしているので、興味のある方はTwitterのDMにて承ります。ブログテックキャンプ受講終了後にカリキュラム見れる?1ヶ月延長方法も解説します。願望が絵本になりました。