var visibleIndexPathList: [IndexPath] = []
for cell in categoryScrollTabCollectionView.visibleCells {
    if let visibleIndexPath = categoryScrollTabCollectionView.indexPath(for: cell) {
        visibleIndexPathList.append(visibleIndexPath)
        print("現在画面内に見えているセルのインデックス値:", visibleIndexPath)
    }
}

// カテゴリータブ操作時に実行されるプロトコル
protocol CategoryScrollTabDelegate: NSObjectProtocol {

    // UIPageViewControllerで表示しているインデックスの画面へ遷移する
    func moveToCategoryScrollContents(selectedCollectionViewIndex: Int, targetDirection: UIPageViewController.NavigationDirection, withAnimated: Bool)
}

class ArticleViewController: UIViewController {

    // カテゴリーの一覧データ
    private let categoryList: [String] = ArticleMock.getArticleCategories()

    // 現在表示しているViewControllerのタグ番号
    private var currentCategoryIndex: Int = 0

    // ページングして表示させるViewControllerを保持する配列
    private var targetViewControllerLists: [UIViewController] = []

    // ContainerViewにEmbedしたUIPageViewControllerのインスタンスを保持する
    private var pageViewController: UIPageViewController?

    ・・・（省略）・・・
}

// MARK: - CategoryScrollTabDelegate

extension ArticleViewController: CategoryScrollTabDelegate {

    // タブ側のViewControllerで選択されたインデックス値とスクロール方向を元に表示する位置を調整する
    func moveToCategoryScrollContents(selectedCollectionViewIndex: Int, targetDirection: UIPageViewController.NavigationDirection, withAnimated: Bool) {

        // UIPageViewControllerに設定した画面の表示対象インデックス値を設定する
        // MEMO: タブ表示のUICollectionViewCellのインデックス値をカテゴリーの個数で割った剰余
        currentCategoryIndex = selectedCollectionViewIndex % categoryList.count

        // 表示対象インデックス値に該当する画面を表示する
        pageViewController!.setViewControllers([targetViewControllerLists[currentCategoryIndex]], direction: targetDirection, animated: withAnimated, completion: nil)
    }
}

import UIKit

final class CategoryScrollTabViewFlowLayout: UICollectionViewFlowLayout {

    // 参考1: 下記のリンクで紹介されていたTIPSを元に実装しました
    // https://uruly.xyz/carousel-infinite-scroll-3/

    // 参考2: UICollectionViewのlayoutAttributeの変更タイミングに関する記事
    // https://qiita.com/kazuhiro4949/items/03bc3d17d3826aa197c0

    // 参考3: UICollectionViewFlowLayoutのサブクラスを利用したスクロールの停止位置算出に関する記事
    // https://dev.classmethod.jp/smartphone/iphone/collection-view-layout-cell-snap/

    // 該当のセルのオフセット値を計算するための値（スクリーンの幅 - UICollectionViewに配置しているセルの幅）
    private let horizontalTargetOffsetWidth: CGFloat = UIScreen.main.bounds.width - AppConstant.CATEGORY_CELL_WIDTH

    // UICollectionViewをスクロールした後の停止位置を返すためのメソッド
    // MEMO: UICollectionViewのLayoutAttributeを調整して、中央に表示されるように調整している
    override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {

        // 配置されているUICollectionViewを取得する
        guard let conllectionView = self.collectionView else {
            assertionFailure("UICollectionViewが配置されていません。")
            return CGPoint.zero
        }
        // UICollectionViewのオフセット値を元に該当のセルの情報を取得する
        var offsetAdjustment: CGFloat = CGFloat(MAXFLOAT)
        let horizontalOffest: CGFloat = proposedContentOffset.x + horizontalTargetOffsetWidth / 2
        let targetRect = CGRect(
            x: proposedContentOffset.x,
            y: 0,
            width: conllectionView.bounds.size.width,
            height: conllectionView.bounds.size.height
        )

        // 配置されているUICollectionViewのlayoutAttributesを元にして停止させたい位置を算出する
        guard let layoutAttributes = super.layoutAttributesForElements(in: targetRect) else {
            assertionFailure("配置したUICollectionViewにおいて該当セルにおけるlayoutAttributesを取得できません。")
            return CGPoint.zero
        }
        for layoutAttribute in layoutAttributes {
            let itemOffset = layoutAttribute.frame.origin.x
            if abs(itemOffset - horizontalOffest) < abs(offsetAdjustment) {
                offsetAdjustment = itemOffset - horizontalOffest
            }
        }

        return CGPoint(
            x: proposedContentOffset.x + offsetAdjustment,
            y: proposedContentOffset.y
        )
    }
}

class CategoryScrollTabViewController: UIViewController {

    // CategoryScrollTabDelegateプロトコル
    weak var delegate: CategoryScrollTabDelegate?

    // カテゴリーの一覧データ
    private let categoryList: [String] = ArticleMock.getArticleCategories()

    // ボタン押下時の軽微な振動を追加する
    private let buttonFeedbackGenerator: UIImpactFeedbackGenerator = {
        let generator: UIImpactFeedbackGenerator = UIImpactFeedbackGenerator(style: .light)
        generator.prepare()
        return generator
    }()

    // MEMO: UICollectionViewの一番最初のセル表示位置に関する設定
    // 参考: https://www.101010.fun/entry/swift-once-exec
    private lazy var setInitialCategoryScrollTabPosition: (() -> ())? = {

        // 押下した場所のインデックス値を持っておくために、実際のタブ個数の2倍の値を設定する
        currentSelectIndex = self.categoryList.count * 2
        //print("初期表示時の中央インデックス値:", currentSelectIndex)

        // 変数(currentSelectIndex)を基準にして位置情報を更新する
        updateCategoryScrollTabCollectionViewPosition(withAnimated: false)
        return nil
    }()

    // 配置したセル幅の合計値
    private var allTabViewTotalWidth: CGFloat = 0.0

    // 現在選択中のインデックス値を格納する変数(このクラスに配置しているUICollectionViewのIndex番号)
    private var currentSelectIndex = 0

    @IBOutlet weak private var selectedCatogoryUnderlineWidth: NSLayoutConstraint!
    @IBOutlet weak private var categoryScrollTabCollectionView: UICollectionView!

    // MARK: - Computed Properties

    // MEMO:
    // ここでは無限スクロールができるように予め、(実際の個数 × 4)のセルを配置している
    // またscrollViewDidScroll内の処理で所定の位置で調整をかけるので実際のUICollectionViewCellのインデックス値の範囲は下記のようになる
    // Ex. タブを6個設定する場合 → 6 ... 19が取り得る範囲となる

    // 表示するカテゴリーの個数を元にしたインデックスの最大値
    // 例. カテゴリーが6個の場合は5となる
    private var targetContentsMaxIndex: Int {
        return categoryList.count - 1
    }

    // 実際に配置したUICollectionViewCellが取り得るインデックスの最大値
    // 例. カテゴリーが6個の場合は19となる
    private var targetCollectionViewCellMaxIndex: Int {
        return categoryList.count * 4 - targetContentsMaxIndex
    }

    // 実際に配置したUICollectionViewCellが取り得るインデックスの最小値
    // 例. カテゴリーが6個の場合は6となる
    private var targetCollectionViewCellMinIndex: Int {
        return categoryList.count
    }

    // MARK: - Override

    override func viewDidLoad() {
        super.viewDidLoad()

        setupCategoryScrollTabCollectionView()
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)

        // MEMO: この部分は一番最初に起動した時だけ発火するようにする
        setInitialCategoryScrollTabPosition?()
    }

    // MARK: - Function

    // 親(ArticleViewController)のUIPageViewControllerのスクロール方向を元にUICollectionViewの位置を設定する
    // MEMO: このメソッドはUIPageViewControllerを配置している親(ArticleViewController)から実行される
    func moveToCategoryScrollTab(isIncrement: Bool = true) {

        // UIPageViewControllerのスワイプ方向を元に、更新するインデックスの値を設定する
        var targetIndex = isIncrement ? currentSelectIndex + 1 : currentSelectIndex - 1

        // 取りうるべきインデックスの値が閾値(targetCollectionViewCellMaxIndex)を超えた場合は補正をする
        if targetIndex > targetCollectionViewCellMaxIndex {
            targetIndex = targetCollectionViewCellMaxIndex - targetContentsMaxIndex
            currentSelectIndex = targetCollectionViewCellMaxIndex
        }

        // 取りうるべきインデックスの値が閾値(targetCollectionViewCellMinIndex)を下回った場合は補正をする
        if targetIndex < targetCollectionViewCellMinIndex {
            targetIndex = targetCollectionViewCellMinIndex + targetContentsMaxIndex
            currentSelectIndex = targetCollectionViewCellMinIndex
        }

        // 押下した場所のインデックス値を持っておく
        currentSelectIndex = targetIndex
        //print("コンテンツ表示側のインデックスを元にした現在のインデックス値:", currentSelectIndex)

        // 変数(currentSelectIndex)を基準にして位置情報を更新する
        updateCategoryScrollTabCollectionViewPosition(withAnimated: true)

        // 「コツッ」とした感じの端末フィードバックを発火する
        buttonFeedbackGenerator.impactOccurred()
    }

    // MARK: - Private Function

    // UICollectionViewに関する設定
    private func setupCategoryScrollTabCollectionView() {
        categoryScrollTabCollectionView.delegate = self
        categoryScrollTabCollectionView.dataSource = self
        categoryScrollTabCollectionView.registerCustomCell(CategoryScrollTabViewCell.self)
        categoryScrollTabCollectionView.showsHorizontalScrollIndicator = false

        // MEMO: タブ内のスクロール移動を許可する場合はtrueにし、許可しない場合はfalseとする
        categoryScrollTabCollectionView.isScrollEnabled = true
    }

    // 選択もしくはスクロールが止まるであろう位置にあるセルのインデックス値を元にUICollectionViewの位置を更新する
    private func updateCategoryScrollTabCollectionViewPosition(withAnimated: Bool = false) {

        // インデックス値に相当するタブを真ん中に表示させる
        let targetIndexPath = IndexPath(row: currentSelectIndex, section: 0)
        categoryScrollTabCollectionView.scrollToItem(at: targetIndexPath, at: .centeredHorizontally, animated: withAnimated)

        // UICollectionViewの下線の長さを設定する
        let categoryListIndex = currentSelectIndex % categoryList.count
        setUnderlineWidthFrom(categoryTitle: categoryList[categoryListIndex])

        // 現在選択されている位置に色を付けるためにCollectionViewをリロードする
        categoryScrollTabCollectionView.reloadData()
    }

    // スクロールするタブの下にある下線の幅を文字の長さに合わせて設定する
    private func setUnderlineWidthFrom(categoryTitle: String) {

        // 下線用のViewに付与したAutoLayoutの幅に関する制約値を更新する
        let targetWidth = CategoryScrollTabViewCell.calculateCategoryUnderBarWidthBy(title: categoryTitle)
        selectedCatogoryUnderlineWidth.constant = targetWidth
        UIView.animate(withDuration: 0.36, animations: {
            self.view.layoutIfNeeded()
        })
    }

    // UIPageViewControllerを動かす方向を受け取ったインデックス値(indexPath.row)と現在のインデックス値(currentSelectIndex)を元に算出する
    // MEMO: 親(ArticleViewController)のUIPageViewCotrollerの更新はCategoryScrollTabDelegateのメソッドを経由して実行する
    private func getCategoryScrollContentsDirection(selectedIndex: Int) -> UIPageViewController.NavigationDirection {

        // 下記の条件を満たす場合は例外的に進む方向とする
        // 1. 引数で渡されたインデックス値:
        //   - selectedIndex が (targetCollectionViewCellMaxIndex - targetContentsMaxIndex) と等しい
        // 2. 現在のインデックス値:
        //   - currentSelectIndex が targetCollectionViewCellMaxIndex と等しい
        if selectedIndex == targetCollectionViewCellMaxIndex - targetContentsMaxIndex && currentSelectIndex == targetCollectionViewCellMaxIndex {
            return UIPageViewController.NavigationDirection.forward
        }

        // 下記の条件を満たす場合は例外的に戻す方向とする
        // 1. 引数で渡されたインデックス値:
        //   - selectedIndex が (targetCollectionViewCellMinIndex + targetContentsMaxIndex) と等しい
        // 2. 現在のインデックス値:
        //   - currentSelectIndex が targetCollectionViewCellMinIndex と等しい
        if selectedIndex == targetCollectionViewCellMinIndex + targetContentsMaxIndex && currentSelectIndex == targetCollectionViewCellMinIndex {
            return UIPageViewController.NavigationDirection.reverse
        }

        // (現在のインデックス値 - 引数で渡されたインデックス値)を元に方向を算出する
        if currentSelectIndex - selectedIndex > 0 {
            return UIPageViewController.NavigationDirection.reverse
        } else {
            return UIPageViewController.NavigationDirection.forward
        }
    }
}

// MARK: - UICollectionViewDelegate

extension CategoryScrollTabViewController: UICollectionViewDelegate {}

// MARK: - UICollectionViewDataSource

extension CategoryScrollTabViewController: UICollectionViewDataSource {

    // 配置するセルの個数を設定する
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

        // MEMO: 無限スクロールの対象とする場合はタブ表示要素の4倍余分に要素を表示する
        return categoryList.count * 4
    }

    // 配置するセルの表示内容を設定する
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCustomCell(with: CategoryScrollTabViewCell.self, indexPath: indexPath)
        let targetIndex = indexPath.row % categoryList.count
        let isSelectedTab = (indexPath.row % categoryList.count == currentSelectIndex % categoryList.count)
        cell.setCategory(name: categoryList[targetIndex], isSelected: isSelectedTab)
        return cell
    }

    // セル押下時の処理内容を記載する
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {

        // UIPageViewControllerを動かす方向を選択したインデックス値(indexPath.row)と現在のインデックス値(currentSelectIndex)を元に算出する
        let targetDirection = getCategoryScrollContentsDirection(selectedIndex: indexPath.row)

        // 押下した場所のインデックス値を現在のインデックス値を格納している変数(currentSelectIndex)にセットする
        currentSelectIndex = indexPath.row
        //print("タブ押下時の中央インデックス値:", currentSelectIndex)

        // 変数(currentSelectIndex)を基準にして位置情報を更新する
        updateCategoryScrollTabCollectionViewPosition(withAnimated: true)

        // 算出した現在のインデックス値・動かす方向の値を元に、UIPageViewControllerで表示しているインデックスの画面へ遷移する
        self.delegate?.moveToCategoryScrollContents(
            selectedCollectionViewIndex: currentSelectIndex,
            targetDirection: targetDirection,
            withAnimated: true
        )

        // 「コツッ」とした感じの端末フィードバックを発火する
        buttonFeedbackGenerator.impactOccurred()
    }
}

// MARK: - UICollectionViewDelegateFlowLayout

extension CategoryScrollTabViewController: UICollectionViewDelegateFlowLayout {

    // タブ用のセルにおける矩形サイズを設定する
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        return CategoryScrollTabViewCell.cellSize
    }
}

// MARK: - UIScrollViewDelegate

extension CategoryScrollTabViewController: UIScrollViewDelegate {

    // 配置したUICollectionViewをスクロールしている際に実行される処理
    func scrollViewDidScroll(_ scrollView: UIScrollView) {

        // 表示したいセル要素のWidthを計算する
        // MEMO: 実際の幅の値が欲しいのでUIScrollView内の幅を1/4したものになる
        if allTabViewTotalWidth == 0.0 {
            allTabViewTotalWidth = floor(scrollView.contentSize.width / 4.0)
        }

        // スクロールした位置が閾値を超えたら中央に戻す
        if (scrollView.contentOffset.x <= allTabViewTotalWidth) || (scrollView.contentOffset.x > allTabViewTotalWidth * 3.0) {
            scrollView.contentOffset.x = allTabViewTotalWidth * 2.0
        }
    }

    // 配置したUICollectionViewをスクロールが止まった際に実行される処理
    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {

        // スクロールが停止した際に見えているセルのインデックス値を格納して、真ん中にあるものを取得する
        // 参考: https://stackoverflow.com/questions/18649920/uicollectionview-current-visible-cell-index

        var visibleIndexPathList: [IndexPath] = []
        for cell in categoryScrollTabCollectionView.visibleCells {
            if let visibleIndexPath = categoryScrollTabCollectionView.indexPath(for: cell) {
                visibleIndexPathList.append(visibleIndexPath)
                //print("現在画面内に見えているセルのインデックス値:", visibleIndexPath)
            }
        }
        let targetIndexPath = visibleIndexPathList[1]

        // ※この部分は厳密には不要ではあるがdelegeteで引き渡す必要があるので設定している
        let targetDirection = getCategoryScrollContentsDirection(selectedIndex: targetIndexPath.row)

        // 押下した場所のインデックス値を現在のインデックス値を格納している変数(currentSelectIndex)にセットする
        currentSelectIndex = targetIndexPath.row
        //print("スクロールが慣性で停止した時の中央インデックス値:", currentSelectIndex)

        // 変数(currentSelectIndex)を基準にして位置情報を更新する
        updateCategoryScrollTabCollectionViewPosition(withAnimated: true)

        // 算出した現在のインデックス値・動かす方向の値を元に、UIPageViewControllerで表示しているインデックスの画面へ遷移する
        self.delegate?.moveToCategoryScrollContents(
            selectedCollectionViewIndex: currentSelectIndex,
            targetDirection: targetDirection,
            withAnimated: false
        )

        // 「コツッ」とした感じの端末フィードバックを発火する
        buttonFeedbackGenerator.impactOccurred()
    }
}

class ArticleViewController: UIViewController {

    // カテゴリーの一覧データ
    private let categoryList: [String] = ArticleMock.getArticleCategories()

    // 現在表示しているViewControllerのタグ番号
    private var currentCategoryIndex: Int = 0

    // ページングして表示させるViewControllerを保持する配列
    private var targetViewControllerLists: [UIViewController] = []

    // ContainerViewにEmbedしたUIPageViewControllerのインスタンスを保持する
    private var pageViewController: UIPageViewController?

    // MARK: - Override

    override func viewDidLoad() {
        super.viewDidLoad()

        // MEMO: InterfaceBuilderでNavigationBarの背景色を#ff6060 / Trunslucentをfalseとする
        setupNavigationBarTitle("サンプル記事一覧")
        removeBackButtonText()
        setupPageViewController()
    }

    // Segueに設定したIdentifierから接続されたViewControllerを取得する
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {

        switch segue.identifier {

        // ContainerViewで接続されたViewController側に定義したプロトコルを適用する
        case "CategoryScrollTabViewContainer":
            let vc = segue.destination as! CategoryScrollTabViewController
            vc.delegate = self

        default:
            break
        }
    }

    // MARK: - Private Function

    private func setupPageViewController() {

        // UIPageViewControllerで表示させるViewControllerの一覧を配列へ格納する
        let _ = categoryList.enumerated().map{ (index, categoryName) in
            let sb = UIStoryboard(name: "Article", bundle: nil)
            let vc = sb.instantiateViewController(withIdentifier: "CategoryScrollContents") as! CategoryScrollContentsViewController
            vc.view.tag = index
            vc.setDescription(text: categoryName)
            vc.setArticlesByCategoryId(articles: ArticleMock.getArticlesBy(categoryId: index))
            targetViewControllerLists.append(vc)
        }

        // ContainerViewにEmbedしたUIPageViewControllerを取得する
        for childVC in children {
            if let targetVC = childVC as? UIPageViewController {
                pageViewController = targetVC
            }
        }

        // UIPageViewControllerDelegate & UIPageViewControllerDataSourceの宣言
        pageViewController!.delegate = self
        pageViewController!.dataSource = self

        // 最初に表示する画面として配列の先頭のViewControllerを設定する
        pageViewController!.setViewControllers([targetViewControllerLists[0]], direction: .forward, animated: false, completion: nil)
    }

    // 配置されているタブ表示のUICollectionViewの位置を更新する
    // MEMO: ContainerViewで配置しているViewControllerの親子関係を利用する
    private func updateCategoryScrollTabPosition(isIncrement: Bool) {
        for childVC in children {
            if let targetVC = childVC as? CategoryScrollTabViewController {
                targetVC.moveToCategoryScrollTab(isIncrement: isIncrement)
            }
        }
    }
}

// MARK: - UIPageViewControllerDelegate

extension ArticleViewController: UIPageViewControllerDelegate {

    // ページが動いたタイミング（この場合はスワイプアニメーションに該当）に発動する処理を記載するメソッド
    // （実装例）http://c-geru.com/as_blind_side/2014/09/uipageviewcontroller.html
    // （実装例に関する解説）http://chaoruko-tech.hatenablog.com/entry/2014/05/15/103811
    // （公式ドキュメント）https://developer.apple.com/reference/uikit/uipageviewcontrollerdelegate
    func pageViewController(_ pageViewController: UIPageViewController, didFinishAnimating finished: Bool, previousViewControllers: [UIViewController], transitionCompleted completed: Bool) {

        // スワイプアニメーションが完了していない時には処理をさせなくする
        if !completed { return }

        // ここから先はUIPageViewControllerのスワイプアニメーション完了時に発動する
        if let targetViewControllers = pageViewController.viewControllers {
            if let targetViewController = targetViewControllers.last {

                // Case1: UIPageViewControllerで表示する画面のインデックス値が左スワイプで 0 → 最大インデックス値
                if targetViewController.view.tag - currentCategoryIndex == -categoryList.count + 1 {
                    updateCategoryScrollTabPosition(isIncrement: true)

                // Case2: UIPageViewControllerで表示する画面のインデックス値が右スワイプで 最大インデックス値 → 0
                } else if targetViewController.view.tag - currentCategoryIndex == categoryList.count - 1 {
                    updateCategoryScrollTabPosition(isIncrement: false)

                // Case3: UIPageViewControllerで表示する画面のインデックス値が +1
                } else if targetViewController.view.tag - currentCategoryIndex > 0 {
                    updateCategoryScrollTabPosition(isIncrement: true)

                // Case4: UIPageViewControllerで表示する画面のインデックス値が -1
                } else if targetViewController.view.tag - currentCategoryIndex < 0 {
                    updateCategoryScrollTabPosition(isIncrement: false)
                }

                // 受け取ったインデックス値を元にコンテンツ表示を更新する
                currentCategoryIndex = targetViewController.view.tag
            }
        }
    }
}

// MARK: - UIPageViewControllerDataSource

extension ArticleViewController: UIPageViewControllerDataSource {

    // 逆方向にページ送りした時に呼ばれるメソッド
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerBefore viewController: UIViewController) -> UIViewController? {

        // インデックスを取得する
        guard let index = targetViewControllerLists.index(of: viewController) else {
            return nil
        }

        // インデックスの値に応じてコンテンツを動かす
        if index <= 0 {
            return targetViewControllerLists.last
        } else {
            return targetViewControllerLists[index - 1]
        }
    }

    // 順方向にページ送りした時に呼ばれるメソッド
    func pageViewController(_ pageViewController: UIPageViewController, viewControllerAfter viewController: UIViewController) -> UIViewController? {

        // インデックスを取得する
        guard let index = targetViewControllerLists.index(of: viewController) else {
            return nil
        }

        // インデックスの値に応じてコンテンツを動かす
        if index >= targetViewControllerLists.count - 1 {
            return targetViewControllerLists.first
        } else {
            return targetViewControllerLists[index + 1]
        }
    }
}

// MARK: - CategoryScrollTabDelegate

extension ArticleViewController: CategoryScrollTabDelegate {

    // タブ側のViewControllerで選択されたインデックス値とスクロール方向を元に表示する位置を調整する
    func moveToCategoryScrollContents(selectedCollectionViewIndex: Int, targetDirection: UIPageViewController.NavigationDirection, withAnimated: Bool) {

        // UIPageViewControllerに設定した画面の表示対象インデックス値を設定する
        // MEMO: タブ表示のUICollectionViewCellのインデックス値をカテゴリーの個数で割った剰余
        currentCategoryIndex = selectedCollectionViewIndex % categoryList.count

        // 表示対象インデックス値に該当する画面を表示する
        pageViewController!.setViewControllers([targetViewControllerLists[currentCategoryIndex]], direction: targetDirection, animated: withAnimated, completion: nil)
    }
}

final class CategoryScrollTabViewCell: UICollectionViewCell {

    ・・・（省略）・・・

    // MARK: - Class Function

    // カテゴリー表示用の下線の幅を算出する
    class func calculateCategoryUnderBarWidthBy(title: String) -> CGFloat {

        // テキストの属性を設定する
        var categoryTitleAttributes = [NSAttributedString.Key : Any]()
        categoryTitleAttributes[NSAttributedString.Key.font] = UIFont(
            name: AppConstant.CATEGORY_FONT_NAME,
            size: AppConstant.CATEGORY_FONT_SIZE
        )

        // 引数で渡された文字列とフォントから配置するラベルの幅を取得する
        let categoryTitleLabelSize = CGSize(
            width: .greatestFiniteMagnitude,
            height: AppConstant.CATEGORY_FONT_HEIGHT
        )
        let categoryTitleLabelRect = title.boundingRect(
            with: categoryTitleLabelSize,
            options: .usesLineFragmentOrigin,
            attributes: categoryTitleAttributes,
            context: nil)

        return ceil(categoryTitleLabelRect.width)
    }

    ・・・（省略）・・・
}

// selectedCatogoryUnderlineWidth: 下線表示となるUIViewに付与している幅の制約

// スクロールするタブの下にある下線の幅を文字の長さに合わせて設定する
private func setUnderlineWidthFrom(categoryTitle: String) {

    // 下線用のViewに付与したAutoLayoutの幅に関する制約値を更新する
    let targetWidth = CategoryScrollTabViewCell.calculateCategoryUnderBarWidthBy(title: categoryTitle)
    selectedCatogoryUnderlineWidth.constant = targetWidth
    UIView.animate(withDuration: 0.36, animations: {
        self.view.layoutIfNeeded()
    })
}

// ボタン押下時の軽微な振動を追加する
private let buttonFeedbackGenerator: UIImpactFeedbackGenerator = {
    let generator: UIImpactFeedbackGenerator = UIImpactFeedbackGenerator(style: .light)
    generator.prepare()
    return generator
}()

// impactOccurred()メソッドを実行することで「コツッ」とした感じの端末フィードバックを発火する
buttonFeedbackGenerator.impactOccurred()

Apple Swift version 4.2.1 (swiftlang-1000.11.42 clang-1000.11.45.1)
Target: x86_64-apple-darwin18.2.0

func take<X>(_ x: X) { ... }

define hidden swiftcc void @"$S1a4takeyyxlF"(
    %swift.opaque* noalias nocapture, 
    %swift.type* %X) #0

let intType: Int.Type = Int.self
let a: Int = 1
let aType: Any.Type = type(of: a)

print(Int.bitWidth) // 64

func take<X>(_ x1: X, _ x2: X)

define hidden swiftcc void @"$S1a4takeyyx_xtlF"(
    %swift.opaque* noalias nocapture, 
    %swift.opaque* noalias nocapture, 
    %swift.type* %X) #0

func take<X>(_ x1: X, _ x2: Int)

define hidden swiftcc void @"$S1a4takeyyx_SitlF"(
    %swift.opaque* noalias nocapture, 
    i64, 
    %swift.type* %X) #0

func take<X>(_ x: X) {
    let a = x
}

protocol P {
    func proc1()
    func proc2()
}

func take<X>(_ x: X) where X : P

define hidden swiftcc void @"$S1a4takeyyxAA1PRzlF"(
    %swift.opaque* noalias nocapture, 
    %swift.type* %X, 
    i8** %X.P) #0

func take<X, Y>(_ x: X, _ y: Y) where
    X : P,
    X : Q,
    Y : P

define hidden swiftcc void @"$S1a4takeyyx_q_tAA1PRzAA1QRzAaCR_r0_lF"(
    %swift.opaque* noalias nocapture, 
    %swift.opaque* noalias nocapture, 
    %swift.type* %X, 
    %swift.type* %Y, 
    i8** %X.P, 
    i8** %X.Q, 
    i8** %Y.P) #0

var a : Int = 1
var b : Int? = 2
a = nil  // エラー
b = nil  // OK
b = Int(“abcd”)  // nil
var c : Optional = 3  // パラメータ付き型指定

var a : Int? = 1234
var b : Int = a - 2  // 型が異なるのでコンパイル・エラー
var b : Int = a! - 2  // 開示指定する
a = nil
b = a! - 2  // 実行時エラー
 
a = 5678
if a != nil {
    print(“\(a!)”)  // 開示指定が必要
}
print(String(describing: a))  // Debug目的で

var num : Int? = 1234
if let n = num {
    print(“\(n)”)
}
 
if var n = Int(“1234”) {
    n += 5678
    print(“\(n)”)
}
 
if let n = Int(“1234”), let m = Int(“5678”) {
    print(“\(n + m)”)
}
 
var a : Int? = 1
while let n = a {
    a = nil
}

guard 条件 else { /* breakやreturn */ }

func demo(_ num:Int?) {
    guard let n = num else { return }
    print(“\(n)”)  // 変数nが使える
}

let n : Int? = 1234
 
let m = (n != nil) ? n! : 0
let m = n ?? 0
 
let a : Int? = nil
let b : Int? = nil
let c : Int? = 3
let = a ?? b ?? c ?? 0  // cの値

func demo(_ p: inout Int?) {
    p = nil
}
var n: Int? = 1234
demo(&n)
print(n ?? “nil”)
 
func test(_ num: inout Int) {
    num = 0
}
n = 5678
test(&n!)  // nがnilだと実行時エラー
print(n ?? “nil”)

let n : Int! = 1234
print(“\(n)”)  // 開示指定は不要
 
var m : Int! = nil
m += 5678  // 実行時エラー
print(“\(m)”)

struct Demo {
    var a = 0
    init?(_ n:Int) {
        if n < 0 {
            return nil
        }
        a = n
    }
    init() {
        a = 1234
    }
}
var p: Demo = Demo()
var q: Demo? = Demo(5678)

// 辿っている途中でnilがあれば、
// そこで止まり全体でnilとなる。
if let name = who?.club?.teacher?.name {
    print(name)
}

struct UserID {
    let rawValue: String
}

let storyboard = UIStoryboard(name: "Main", bundle: nil)
let viewController = storyboard
    .instantiateViewController(withIdentifier: "TopViewController") as? TopViewController

// force cast を利用する
let viewController = storyboard
    .instantiateViewController(withIdentifier: "TopViewController") as! TopViewController

enum ABTests {
    case a
    case b
    case c
}

let experiment: ABTests = fetchExperiment()
switch experiment {
case .a: doSomething()
case .b, .c: break // 不要でもcaseを記載する
}

switch value {
case 1...10: return .case1
case 11...20: return .case2
default: return .case3
}

#if DEBUG // 念の為、本番ビルドには含めないようにする
switch value {
case .case1, .case2, .case3: break //MEMO: caseが増えたら↑を編集する
}
#endif

enum Module {
    static let value = "value"

    struct Model {
        ...
    }
}

// if 文の Pyramids of doom
if condition1 {
    // do something
    if condition2 {
        // do something 2
        if condition3 {
            // do something 3
        }
    }
}

guard condition1 else { return }
// do something
guard condition2 else { return }
// do something 2
guard condition3 else { return }
// do something 3

defer {
   // 最後に実行したい処理
}

guard condition1 else { return }
// do something
guard condition2 else { return }
// do something 2

struct Article: Codable {
    let items: [Item]

    struct Item: Codable {
        let title: String
        let content: String
        let author: String
        let publishDate: Date
    }
}

let selectedButton = array
    .compactMap { $0 as? UIButton } // array.count の回数、flatMapの中身が実行されてしまう
    .first { $0.isSelected }

let selectedButton = array.lazy
    .compactMap { $0 as? UIButton } // isSelected == true が見つかった段階で処理を切り上げてくれる
    .first { $0.isSelected }

func configure(_ view: ProductView) { ... }

let views: [ProductView] = ...
views.forEach(configure) // .forEach { configure($0) }

let intArray = ["1", "2", "🐱"].compactMap(Int.init) // Int のイニシャライザを compactMap に渡す

struct Article {
    let items: [Item]
}

extension Article {
    struct Item {
        let title: String
        let category: Category
        ...
    }
}

extension Article.Item {
    enum Category {
        case technology
        ...
    }
}

class Cell: UITableViewCell {
    ...
    func configure(with value: Dependency) {
        titleLabel.text = value.title
        nameLabel.text = value.name
    }
}

class ProfileView: UIView {
    // static メソッドを作るとわかりやすい (できれば、protocol 化して I/F を揃えるようにしたい)
    static func instantiate(with value: Dependency) -> ProfileView {
        let view = Bundle.main.loadNibNamed("ProfileView", owner: nil, options: nil)[0] as! ProfileView
        view.nameLabel = value.name
        view.iconView.image = value.icon
        ...
        return view
    }
}

extension Notification.Name {
    static let didChangedTabBar = Notification.Name("didChangedTabBar")
}

NotificationCenter.default
    .addObserver(self, 
                 selector: #selector(didChangedTabBar), 
                 name: .didChangedTabBar, // ドットで書き始められる (引数が要求している型が Notification.Name のため)
                 object: nil)

public extension UserDefaults {
    public struct Key {
        public let rawValue: String
    }
}

public extension UserDefaults {
    public func integer(for key: Key) -> Int {
        return integer(forKey: key.rawValue)
    }

    public func set(_ value: Int, for key: Key) {
        set(value, forKey: key.rawValue)
    }
}

extension UserDefaults.Key {
    static let viewCounter = UserDefaults.Key(rawValue: "viewCounter")
}

// より Swifty な UserDefaults に
let count = UserDefaults.standard.integer(for: .viewCounter)
UserDefaults.standard.set(count + 1, for: .viewCounter)

let value = {
    switch condition {
    case "dog": return 🐶
    case "cat": return 🐱 
    default: return 😀
    }
}()

func value<T>(_ type: T.Type = T.self, forKey: String) -> T { ... }

// 型を記述して利用する
let intValue = value(Int.self, forKey: "age")

// 型推論を利用する
let user = User(name: "Taro", age: value(forKey: "age"))

// そのファイル内でしか利用しない extension には private をつける
private extension String {
    func parseAsTime() -> Time? {
        guard self.count == 4, 
            let hour = Int(self[0...1]), 
            let minute = Int(self[2...3]) else { return nil }
        return .init(hour: hour, minute: minute)
    }
}

// protocol を利用すると extension の影響範囲が明確になり、可読性が上がり、間違った利用を減らせる。

// 空の protocol を作る
protocol NibDesignable: AnyObject {} // @IBDesignable の View のみに適用したい機能

// その protocol を拡張して実装する
extension NibDesignable where Self: UIView {
    private func loadNib() -> UIView {
        let bundle = Bundle(for: type(of: self))
        let nib = UINib(nibName: className, bundle: bundle)
        return nib.instantiate(withOwner: self).first as! UIView
    }

    func setUpNib() {
        let view = self.loadNib()
        addSubview(view)
        view.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            leftAnchor.constraint(equalTo: view.leftAnchor),
            rightAnchor.constraint(equalTo: view.rightAnchor),
            topAnchor.constraint(equalTo: view.topAnchor),
            bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
    }
}

protocol ViewCountable: AnyObject {}

private struct AssociatedKeys {
    static var viewCounterKey: Void?
}

extension ViewCountable {
    func viewCountUp() {
        viewCounter += 1
    }

    private(set) var viewCounter: Int {
        get {
            return objc_getAssociatedObject(self, &AssociatedKeys.viewCounterKey) as? Int ?? 0
        }
        set {
            objc_setAssociatedObject(self, 
                                     &AssociatedKeys.viewCounterKey,
                                     newValue,
                                     .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }
}

class ViewController: UIViewController, ViewCountable {
    func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        self.viewCountUp() // プロパティを実装していないが状態を更新できる
    }
}

struct AppState: StateType {
    var postListState = PostListState()
}

// MARK: State
struct PostListState: StateType {
    var posts = [Post]()
    var postState = PostState()
}

// MARK: Action
extension PostListState {
    enum Action: ReSwift.Action {
        case updatePosts(posts: [Post])
    }
}

// MARK: Reducer
extension PostListState {
    static func reducer(action: ReSwift.Action, state: PostListState?) -> PostListState {
        var state = state ?? PostListState()

        if let action = action as? Action {
            switch action {
            case let .updatePosts(posts):
                state.posts = posts
            }
        }

        state.postState = PostState.reducer(action: action, state: state.postState)

        return state
    }
}

class PostListViewModel {
    // MARK: Injected properties
    private let store: Store<AppState>
    private let api: API

    // MARK: Input streams
    let viewWillAppear = PublishRelay<Void>()
    let viewWillDisappear = PublishRelay<Void>()
    let itemSelected = PublishRelay<Int>()

    // MARK: Output streams
    private let postsStream = BehaviorRelay<[Post]>(value: [])
    private let errorsStream = PublishRelay<Error>()

    // MARK: Private properties
    private let disposeBag = DisposeBag()

    init(store: Store<AppState>, api: API) {
        self.store = store
        self.api = api

        viewWillAppear
            .subscribe(onNext: { [unowned self] in
                self.store.subscribe(self) { subcription in
                    subcription.select { state in state.postListState }
                }
            })
            .disposed(by: disposeBag)

        // (1)
        viewWillAppear
            .subscribe(onNext: { [unowned self] in
                self.fetchPosts()
            })
            .disposed(by: disposeBag)

        viewWillDisappear
            .subscribe(onNext: { [unowned self] in
                self.store.unsubscribe(self)
            })
            .disposed(by: disposeBag)

        // (2)
        itemSelected
            .withLatestFrom(postsStream) { (index, posts) in posts[index] }
            .subscribe(onNext: { [unowned self] post in
                self.store.dispatch(PostState.Action.updatePost(post: post))
            })
            .disposed(by: disposeBag)
    }

    private func fetchPosts() {
        api.fetchPosts()
            .do(onError: { [unowned self] in self.errorsStream.accept($0) })
            .subscribe(onNext: { [unowned self] in
                self.store.dispatch(PostListState.Action.updatePosts(posts: $0))
            })
            .disposed(by: disposeBag)
    }
}

// MARK: StoreSubscriber
// (3)
extension PostListViewModel: StoreSubscriber {
    typealias StoreSubscriberStateType = PostListState

    func newState(state: PostListState) {
        postsStream.accept(state.posts)
    }
}

// MARK: Output
// (4)
extension PostListViewModel {
    var posts: Driver<[Post]> {
        return postsStream.asDriver()
    }

    var errors: Signal<Error> {
        return errorsStream.asSignal()
    }
}

class PostListViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!

    // MARK: Injected properties
    var viewModel: PostListViewModelProtocol!

    // MARK: Private properties
    private let disposeBag = DisposeBag()

    override func viewDidLoad() {
        super.viewDidLoad()
        bind()
    }

    func bind() {
        rx.viewWillAppear
            .bind(to: viewModel.viewWillAppear)
            .disposed(by: disposeBag)

        rx.viewWillDisappear
            .bind(to: viewModel.viewWillDisappear)
            .disposed(by: disposeBag)

        tableView.rx.itemSelected
            .map { $0.row }
            .bind(to: viewModel.itemSelected)
            .disposed(by: disposeBag)

        tableView.rx.itemSelected
            .subscribe(onNext: { [unowned self] in
                self.tableView.deselectRow(at: $0, animated: false)
                // DIコンテナからPostViewControllerインスタンスを取得
                let vc = self.resolve(PostViewController.self)!
                self.present(vc, animated: true)
            })
            .disposed(by: disposeBag)

        viewModel.posts
            .drive(tableView.rx.items(
                cellIdentifier: R.nib.postListCell.name,
                cellType: PostListCell.self)
            ) { (_, element, cell) in
                cell.configure(post: element)
            }
            .disposed(by: disposeBag)
    }
}

tableView.rx.itemSelected
    .map { $0.row }
    .bind(to: viewModel.itemSelected)
    .disposed(by: disposeBag)

itemSelected
    .withLatestFrom(postsStream) { (index, posts) in posts[index] }
    .subscribe(onNext: { [unowned self] post in
        self.store.dispatch(PostState.Action.updatePost(post: post))
    })
    .disposed(by: disposeBag)

tableView.rx.itemSelected
    .subscribe(onNext: { [unowned self] in
        self.tableView.deselectRow(at: $0, animated: false)
        // DIコンテナからPostViewControllerインスタンスを取得
        let vc = self.resolve(PostViewController.self)!
        self.present(vc, animated: true)
    })
    .disposed(by: disposeBag)

// MARK: State
struct QuestionListState {
    var questions = [Question]()
    var questionFilterListState = QuestionFilterListState()
}

// MARK: Action
extension QuestionListState {
    enum Action: ReSwift.Action {
        case updateQuestions([Question])
    }
}

// MARK: Reducer
extension QuestionListState {
    static func reducer(action: ReSwift.Action, state: QuestionListState?) -> QuestionListState {
        var state = state ?? QuestionListState()

        if let action = action as? Action {
            switch action {
            case let .updateQuestions(questions):
                state.questions = questions
            }
        }

        state.questionFilterListState = QuestionFilterListState.reducer(action: action, state: state.questionFilterListState)

        return state
    }
}

// MARK: State
struct QuestionFilterListState {
    var categoryFilterId = QuestionFilter.defaultCategoryId
    var isStarredFilterId = QuestionFilter.defaultIsStarredId
    var selectQuestionFilterState = SelectQuestionFilterState()
}

// MARK: Action
extension QuestionFilterListState {
    enum Action: ReSwift.Action {
        case selectCategoryFilter(Int)
        case selectIsStarredFilter(Int)
    }
}

// MARK: Reducer
extension QuestionFilterListState {
    static func reducer(action: ReSwift.Action, state: QuestionFilterListState?) -> QuestionFilterListState {
        var state = state ?? QuestionFilterListState()

        if let action = action as? Action {
            switch action {
            case let .selectCategoryFilter(id):
                state.categoryFilterId = id
            case let .selectIsStarredFilter(id):
                state.isStarredFilterId = id
            }
        }

        state.selectQuestionFilterState = SelectQuestionFilterState.reducer(action: action, state: state.selectQuestionFilterState)

        return state
    }
}

// MARK: State
struct SelectQuestionFilterState {
    var filterType: FilterType?
    var filters = [String]()
    var selected: Int?

    enum FilterType {
        case category
        case star
    }
}

// MARK: Action
extension SelectQuestionFilterState {
    enum Action: ReSwift.Action {
        case selectFilterType(type: FilterType, filters: [String], selected: Int?)
    }
}

// MARK: Reducer
extension SelectQuestionFilterState {
    static func reducer(action: ReSwift.Action, state: SelectQuestionFilterState?) -> SelectQuestionFilterState {
        var state = state ?? SelectQuestionFilterState()

        if let action = action as? Action {
            switch action {
            case let .selectFilterType(type, filters, selected):
                state.filterType = type
                state.filters = filters
                state.selected = selected
            }
        }

        return state
    }
}

class QuestionListViewModel {
    // MARK: Injected properties
    private let store: Store<AppState>
    private let api: API

    // MARK: Input streams
    let viewWillAppear = PublishRelay<Void>()
    let viewWillDisappear = PublishRelay<Void>()

    // MARK: Output streams
    private let questionsStream = BehaviorRelay<[Question]>(value: [])
    private let errorsStream = PublishRelay<Error>()

    // MARK: Private properties
    private let disposeBag = DisposeBag()
    private let categoryFilterStream = BehaviorRelay<Int>(value: nil)
    private let isStarredFilterStream = BehaviorRelay<Int>(value: false)

    init(store: Store<AppState>, api: API) {
        self.store = store
        self.firestoreApi = firestoreApi

        viewWillAppear
            .subscribe(onNext: { [unowned self] in
                self.store.subscribe(self) { subcription in
                    subcription.select { state in state.postListState.postState.questionListState }
                }
            })
            .disposed(by: disposeBag)

        let queryParams = Observable.combineLatest(
            categoryFilterStream,
            isStarredFilterStream)

        viewWillAppear
            .withLatestFrom(queryParams)
            .subscribe(onNext: { [unowned self] (category, isStarred) in
                self.fetchQuestions(category: category, isStarred: isStarred)
            })
            .disposed(by: disposeBag)

        viewWillDisappear
            .subscribe(onNext: { [unowned self] in
                self.store.unsubscribe(self)
            })
            .disposed(by: disposeBag)
    }

    private func fetchQuestions(category: Int, isStarred: Int) {
        api.fetchQuestions(category: category, isStarred: isStarred)
            .do(onError: { [unowned self] in self.errorsStream.accept($0) })
            .subscribe(onNext: { [unowned self] in
                self.store.dispatch(QuestionListState.Action.updateQuestions($0))
            })
    }
}

// MARK: StoreSubscriber
extension QuestionListViewModel: StoreSubscriber {
    typealias StoreSubscriberStateType = QuestionListState

    func newState(state: QuestionListState) {
        questionsStream.accept(state.questions)
        categoryFilterStream.accept(state.questionFilterListState.categoryFilterId)
        isStarredFilterStream.accept(questionFilterListState.isStarredFilterId)
    }
}

// MARK: Output
extension QuestionListViewModel {
    var questions: Driver<[Question]> {
        return questionsStream.asDriver()
    }

    var errors: Signal<Error> {
        return errorsStream.asSignal()
    }
}

class QuestionFilterListViewModel {
    // MARK: Injected properties
    private let store: Store<AppState>

    // MARK: Input streams
    let viewDidLoad = PublishRelay<Void>()
    let itemSelected = PublishRelay<Int>()

    // MARK: Output streams
    private let filtersStream = BehaviorRelay<[Filter]>(value: [])
    private let categoryIdStream = BehaviorRelay<Int>(value: QuestionFilter.defaultCategoryId)
    private let isStarredIdStream = BehaviorRelay<Int>(value: QuestionFilter.defaultIsStarredId)
    private let errorsStream = PublishRelay<Error>()

    // MARK: Private properties
    private let disposeBag = DisposeBag()

    init(store: Store<AppState>) {
        self.store = store

        viewDidLoad
            .subscribe(onNext: { [unowned self] in
                self.store.subscribe(self) { subcription in
                    subcription
                        .select { state in state.postListState.postState.questionListState.questionFilterListState }
                }
            })
            .disposed(by: disposeBag)

        let filterIds = Observable.combineLatest(categoryIdStream, isStarredIdStream)

        itemSelected
            .withLatestFrom(filterIds) { (index, ids) in (index, ids.0, ids.1) }
            .subscribe(onNext: { [unowned self] (index, category, isStarred) in
                if index == 0 {
                    self.store.dispatch(
                        SelectQuestionFilterState.Action.selectFilterType(
                            title: QuestionFilter.categoryFilterLabel,
                            type: .category,
                            filters: QuestionFilter.categoryFilters,
                            selected: category))
                } else {
                    self.store.dispatch(
                        SelectQuestionFilterState.Action.selectFilterType(
                            title: QuestionFilter.isStarredFilterLabel,
                            type: .star,
                            filters: QuestionFilter.isStarredFilters,
                            selected: isStarred))
                }
            })
            .disposed(by: disposeBag)
    }

    deinit {
        store.unsubscribe(self)
    }
}

// MARK: StoreSubscriber
extension QuestionFilterListViewModel: StoreSubscriber {
    typealias StoreSubscriberStateType = QuestionFilterListState

    func newState(state: QuestionFilterListState) {
        categoryIdStream.accept(state.categoryFilterId)
        isStarredIdStream.accept(state.isStarredFilterId)

        let categoryFilter = QuestionFilter.findCategoryFilterById(state.categoryFilterId)
        let starFilter = QuestionFilter.findIsStarredFilterById(state.isStarredFilterId)

        filtersStream.accept([
            (label: QuestionFilter.categoryFilterLabel, filter: categoryFilter),
            (label: QuestionFilter.isStarredFilterLabel, filter: starFilter)
        ])
    }
}

// MARK: Output
extension QuestionFilterListViewModel {
    var filters: Driver<[Filter]> {
        return filtersStream.asDriver()
    }

    var errors: Signal<Error> {
        return errorsStream.asSignal()
    }
}

class SelectQuestionFilterViewModel {
    // MARK: Injected properties
    private let store: Store<AppState>

    // MARK: Input streams
    let viewDidLoad = PublishRelay<Void>()
    let itemSelected = PublishRelay<Int>()

    // MARK: Private properties
    private let disposeBag = DisposeBag()
    private let filterTypeStream = BehaviorRelay<SelectQuestionFilterState.FilterType?>(value: nil)
    private let itemsStream = BehaviorRelay<[String]>(value: [])
    private let checkedIndexStream = BehaviorRelay<Int?>(value: nil)

    init(store: Store<AppState>) {
        self.store = store

        viewDidLoad
            .subscribe(onNext: { [unowned self] in
                self.store.subscribe(self) { subcription in
                    subcription.select { state in state.postListState.postState.questionListState.questionFilterListState.selectQuestionFilterState }
                }
            })
            .disposed(by: disposeBag)

        itemSelected
            .withLatestFrom(filterTypeStream) { (index: $0, filterType: $1) }
            .subscribe(onNext: { [unowned self] in
                switch $0.filterType! {
                case .category:
                    self.store.dispatch(QuestionFilterListState.Action.selectCategoryFilter($0.index))
                case .star:
                    self.store.dispatch(QuestionFilterListState.Action.selectIsStarredFilter($0.index))
                }
            })
            .disposed(by: disposeBag)
    }

    deinit {
        store.unsubscribe(self)
    }
}

// MARK: StoreSubscriber
extension SelectQuestionFilterViewModel: StoreSubscriber {
    typealias StoreSubscriberStateType = SelectQuestionFilterState

    func newState(state: SelectQuestionFilterState) {
        filterTypeStream.accept(state.filterType)
        itemsStream.accept(state.filters)
        checkedIndexStream.accept(state.selected)
    }
}

// MARK: Output
extension SelectQuestionFilterViewModel {
    var items: Driver<[String]> {
        return itemsStream.asDriver()
    }

    var checkedIndex: Driver<Int?> {
        return checkedIndexStream.asDriver()
    }
}

itemSelected
    .withLatestFrom(filterIds) { (index, ids) in (index, ids.0, ids.1) }
    .subscribe(onNext: { [unowned self] (index, category, isStarred) in
        if index == 0 {
            self.store.dispatch(
                SelectQuestionFilterState.Action.selectFilterType(
                    type: .category,
                    filters: QuestionFilter.categoryFilters,
                    selected: category))
        } else {
            // (1)
            self.store.dispatch(
                SelectQuestionFilterState.Action.selectFilterType(
                    type: .star,
                    filters: QuestionFilter.isStarredFilters,
                    selected: isStarred))
        }
    })
    .disposed(by: disposeBag)

itemSelected
    .withLatestFrom(filterTypeStream) { (index: $0, filterType: $1) }
    .subscribe(onNext: { [unowned self] in
        switch $0.filterType! {
        case .category:
            self.store.dispatch(QuestionFilterListState.Action.selectCategoryFilter($0.index))
        case .star:
            // (2)
            self.store.dispatch(QuestionFilterListState.Action.selectIsStarredFilter($0.index))
        }
    })
    .disposed(by: disposeBag)

let queryParams = Observable.combineLatest(
            categoryFilterStream,
            isStarredFilterStream)

viewWillAppear
    .withLatestFrom(queryParams)
    .subscribe(onNext: { [unowned self] (category, isStarred) in
        // (4)
        self.fetchQuestions(category: category, isStarred: isStarred)
    })
    .disposed(by: disposeBag)

...

func newState(state: QuestionListState) {
    questionsStream.accept(state.questions)
    // (3)
    categoryFilterStream.accept(state.questionFilterListState.categoryFilterId)
    isStarredFilterStream.accept(state.questionFilterListState.isStarredFilterId)
}

extension Date {
    var calendar: Calendar {
        var calendar = Calendar(identifier: .gregorian)
        calendar.timeZone = .current
        calendar.locale   = .current
        return calendar
    }

    var zeroclock: Date {
        return fixed(hour: 0, minute: 0, second: 0)
    }

    static var now: Date {
        return Date()
    }

    static var today: Date {
        return now.zeroclock
    }

    func fixed(year: Int? = nil, month: Int? = nil, day: Int? = nil, hour: Int? = nil, minute: Int? = nil, second: Int? = nil) -> Date {
        let calendar = self.calendar

        var comp = DateComponents()
        comp.year   = year   ?? calendar.component(.year,   from: self)
        comp.month  = month  ?? calendar.component(.month,  from: self)
        comp.day    = day    ?? calendar.component(.day,    from: self)
        comp.hour   = hour   ?? calendar.component(.hour,   from: self)
        comp.minute = minute ?? calendar.component(.minute, from: self)
        comp.second = second ?? calendar.component(.second, from: self)

        return calendar.date(from: comp)!
    }
}

func updateItems() {
    items.forEach{
        if $0.end.zeroclock < Date.today {
            deleteItems($0)
        }
    }
}

extension DateFormatter {
    static var Current:DateFormatter = {
        let formatter = DateFormatter()
        formatter.locale = .current
        formatter.timeZone = .current
        return formatter
    }()
}

extension Calendar {
    private static var Current: Calendar = {
        var calendar = Calendar(identifier: .gregorian)
        calendar.timeZone = .current
        calendar.locale   = .current
        return calendar
    }()
}