ついにアイカツおじさんと化してきた話

これは[アイカツ！Advent Calendar 2017 15日目](https://adventar.org/calendars/2157)の記事です タイトルの通りで、ついに[アイカツ！アーケード](http://www.aikatsu.com/stars/)を遊んできました。 これで僕もアイカツおじさんの仲間入りです :) 基本女児向けのゲームなので、人の目を気にしてこれまで遊べてなかったんですよね。 ちなみにこちらが学生証 👍  今回は私のように、遊びに行けてない人に向けて、一歩目を踏み出せるような情報を提供していこうかと思います。 ## 初プレイに向けた下準備 ざっくり言うと下記の4つです - 最低200円を準備する - 勇気を持つ - 遊びに行くゲームセンターを決める - アイカツ友達を作り、付き添ってもらう約束をする ### 最低200円を準備する 基本プレイは100円ですが、初回プレイに必要には200円必要です。 そう学生証です。学生証が100円って安いですね(?) 学生証を買って初めてDCDアイカツの世界に入れます。 ### 勇気を持つ 人目を気にしない勇気がどうしても必要です。 これは当日までアイカツ！アニメなどを見て溜めておくと良いでしょう。 プレイ3回目で慣れてくると思います。 ### ゲームセンターを決める 想像にすぎないですが、大型スーパーなどは女児の楽しむ時間を奪ってしまいそうな為、避けるべきかとと思います。 そういったこともあり、女児がいそうな時間を避けて秋葉原のHeyに行きました。 なお、場所決めには[4日目の記事（DCDアイカツをする上で気をつけていること / 最高の店舗）](http://gomayumax.hatenablog.com/entry/2017/12/04/142319)を参考にすると良さそうです。 ### アイカツ友達を作り、付き添ってもらう約束をする これ**超重要**です。 楽しみの共有であったり、最初の一歩を踏み出させてくれます。 🤝 ## DCDアイカツをプレイしてみて 最高でした。 プレイ後の余韻がやばいです。（語彙力…） 謎の締めになりますが、語彙力を増やすためにも、もっとアイカツをしていきたいと思います。 --- ## PS. アイカツに触発されて少しエンカツしてみた エンジニアの端くれなので、エンジニアカツドウしてみました。 色々説明は端折りますが、iOS(UIKit)でどこかで見たことのあるようなローディングViewを作ってみました。 おもったより簡単でした、いずれCarthageなどにあげようと思います。  ImageLiteralの画像などは[Gist](https://gist.github.com/isaoeka/8d70e8db8d017cb67d2cd52630244279)に貼っておきました。 ``` final class KatsudouProgressView: UIView { private let images: [UIImage] = [#imageLiteral(resourceName: "Frame01"), #imageLiteral(resourceName: "Frame02"), #imageLiteral(resourceName: "Frame03"), #imageLiteral(resourceName: "Frame04"), #imageLiteral(resourceName: "Frame05"), #imageLiteral(resourceName: "Frame06"), #imageLiteral(resourceName: "Frame07"), #imageLiteral(resourceName: "Frame08")] private var imageView: UIImageView = UIImageView(frame: .zero) private var labels: [UILabel] { return [self.leftLabel, self.rightLabel] } private var leftLabel: UILabel = UILabel(frame: .zero) private var rightLabel: UILabel = UILabel(frame: .zero) override init(frame: CGRect) { super.init(frame: frame) self.initConstraints() self.setupViews() } required init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) self.initConstraints() self.setupViews() } override func willMove(toWindow newWindow: UIWindow?) { self.labels.enumerated().forEach { offset, label in let delay: TimeInterval = offset % 2 == 0 ? 0.5 : 0 self.startBlink(label, delay: delay) } } override func willRemoveSubview(_ subview: UIView) { self.imageView.stopAnimating() } private func initConstraints() { self.addSubview(self.imageView) self.imageView.translatesAutoresizingMaskIntoConstraints = false self.imageView.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true self.imageView.topAnchor.constraint(equalTo: self.topAnchor, constant: 5).isActive = true self.imageView.bottomAnchor.constraint(equalTo: self.bottomAnchor, constant: -5).isActive = true self.imageView.widthAnchor.constraint(equalTo: self.imageView.heightAnchor, multiplier: 1.0).isActive = true self.addSubview(self.leftLabel) self.leftLabel.translatesAutoresizingMaskIntoConstraints = false self.leftLabel.topAnchor.constraint(equalTo: self.imageView.topAnchor, constant: 0).isActive = true self.leftLabel.bottomAnchor.constraint(equalTo: self.imageView.bottomAnchor, constant: 0).isActive = true self.leftLabel.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 4).isActive = true self.leftLabel.trailingAnchor.constraint(equalTo: self.imageView.leadingAnchor, constant: -2).isActive = true self.addSubview(self.rightLabel) self.rightLabel.translatesAutoresizingMaskIntoConstraints = false self.rightLabel.topAnchor.constraint(equalTo: self.imageView.topAnchor, constant: 0).isActive = true self.rightLabel.bottomAnchor.constraint(equalTo: self.imageView.bottomAnchor, constant: 0).isActive = true self.rightLabel.leadingAnchor.constraint(equalTo: self.imageView.trailingAnchor, constant: 4).isActive = true self.rightLabel.trailingAnchor.constraint(equalTo: self.trailingAnchor, constant: 4).isActive = true } private func setupViews() { self.backgroundColor = .darkGray self.layer.cornerRadius = 14 self.imageView.animationImages = images self.imageView.animationDuration = 1.0 self.imageView.animationRepeatCount = 0 self.imageView.startAnimating() self.leftLabel.text = "エン！" self.leftLabel.textAlignment = .right self.rightLabel.text = "カツ！" self.rightLabel.textAlignment = .left self.labels.forEach { $0.textColor = UIColor(red: 222, green: 222, blue: 222, alpha: 0.8) $0.font = UIFont.boldSystemFont(ofSize: 15) $0.alpha = 0.8 } } private func startBlink(_ view: UIView, delay: TimeInterval = 0.0) { UIView.animate( withDuration: 0.5, delay: delay, options:[ .allowUserInteraction, .curveEaseInOut, .autoreverse, .repeat ], animations: { view.alpha = 0 }, completion: { _ in view.alpha = 0.8 } ) } } ```