The Pragmatic Ball boy

iOSを中心にやってる万年球拾いの老害エンジニアメモ

Vagrantでwebpackのwatchが動かない

Vagrant webpack

Vagrant上でwebpackのwatchオプションを使ってファイルの変更を監視しても、変更を検知しないという現象に出くわしました。

こちらに(Webpack Watch in Vagrant/Docker )書いてあるように

webpackのconfigファイルに以下のようにpollingするようにする必要があります。

watchOptions: {
  poll: true
}

Ubuntu 16.04にDocker環境を作る

忘備録 Ubuntu16.04 Xenial Docker

Ubuntu 16.04上でDocker動かすのにちょっと手こずったのでメモ。

とりあえずこれを実行すれば、Docker CEとdocker composeがインストールされるはず。

yes | sudo apt-get install \
           apt-transport-https \
           ca-certificates \
           curl \
           software-properties-common

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

sudo add-apt-repository \
        "deb [arch=amd64] https://download.docker.com/linux/ubuntu \
   $(lsb_release -cs) \
   stable"

sudo apt-get update

sudo apt-get install -y docker-ce

apt-cache madison docker-ce

sudo curl -o /usr/local/bin/docker-compose -L https://github.com/docker/compose/releases/download/1.13.0/docker-compose-`uname -s`-`uname -m`

sudo usermod -aG docker $USER

sudo chmod +x /usr/local/bin/docker-compose

Fetch APIを使ってRailsのAPIを叩く

es2015 JavaScript es6 忘備録 rails

JavaScript(es2015)でFetch APIを使ってRailsのAPIを呼ぶときの方法。

ポイントとしては、'credentials: same-origin'をつけることと、 CSRFを有効にしている場合はheaderにX-CSRF-Tokenをつける点です。

    const getCsrfToken = () => {
        const metas = document.getElementsByTagName('meta');
        for (let meta of metas) {
            if (meta.getAttribute('name') === 'csrf-token') {
                console.log(meta.getAttribute('content'));
                return meta.getAttribute('content');
            }
        }
        return '';
    }

    const postFoo = () => {
        return fetch('/api/foo', {
            method: 'POST',
            credentials: 'same-origin',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-Token': getCsrfToken()
            },
            body: JSON.stringify({
                bar: "bar",
            })
        }).then((response) => {
            if (response.status >= 200 && response.status < 300) {
                return response.json();
            } else {
                const error = new Error(response.statusText);
                throw error;
            }
        });
    }

iOSのFrameworkのVersionについて

iOS

Frameworkにはversionがいくつかあってそれらの違いの雑な説明です。

その1

ひとつはお馴染みのinfo.plistに書くやつ これはちょっと省きます

その2

Umbrella Headerに書いてあるやつ

FOUNDATION_EXPORT double FwVersionNumber;
FOUNDATION_EXPORT const unsigned char FwVersionString[];

Build SettingsのCurrent Project Versionがこれにあたります

Frameworkをコンパイルするとわかるんですが、 （ここでは例としてFwというframeworkをつくります）

Compile Fw_vers.c

というcのファイルが勝手に生成されてコンパイルされてます。 中身を見てみると

 extern const unsigned char FwVersionString[];
 extern const double FwVersionNumber;

 const unsigned char FwVersionString[] __attribute__ ((used)) = "@(#)PROGRAM:Fw  PROJECT:Fw-10" "\n";
 const double FwVersionNumber __attribute__ ((used)) = (double)10.;

とこんな感じでxxVersionNumberとxxVersionStringが定義されてます。

Umbrella Headerではこれらをexternしているので、Frameworkを利用しているプログラムはこれらの変数を使うことができます。

その3

Framework VersionのAとかはFrameworkの中身のフォルダ構成を見ての通りでCurrentさしているディレクトリになります

Anatomy of Framework Bundles

その4

current library versionとcompatibility versionについてですが、

Link時のビルドログをみるとわかるようにこれらの値はclangのオプションとして渡されて使われる感じになります。

clang ...  -compatibility_version 1 -current_version 1

詳しくはこの辺を読むと良いのではないでしょうか

developer.apple.com

現場からは以上です。

AutolayoutでレイアウトしたViewを外して元に戻す

Autolayout Swift Swift3 UIKit iOS 忘備録 Tips

InterfaceBuilderやStoryboardでAutolayoutを使って配置したViewをremoveFromSuperviewしてから、 再度addSubviewしたい！ということがたまにあります。

普通にremoveFromSuperviewしてaddSubviewすると元には戻りません。 なぜならremoveFromSuperviewした時点で親と消された子のViewのAutolayoutの制約は消えてしまうからです。

どうすればよいかというremoveFromSuperviewする前に制約をどこかに保存しておき、 addSubview後にそれらの制約を追加すればよいです。

例

view以下にbuttonが配置されていたのを取ったりつけたりする場合です。

private var buttonConstraints = [NSLayoutConstraint]()

...

// removeFromSuperviewするとき
view.constraints.forEach {
    if $0.firstItem is UIButton || $0.secondItem is UIButton {
        self.buttonConstraints.append($0)
    }
}
button.removeFromSuperview()

...
// addSubviewするとき
view.addSubview(button)
buttonConstraints.forEach {
    view.addConstraint($0)
}

独自のNotification名を追加

Swift Swift3 iOS Tips 忘備録

独自のNotification名を追加する場合はこんな書き方がよいような気がします。

extension Notification.Name {
    struct AppName {
        public static let DidLogin = Notification.Name(rawValue: "com.example.appname.didLogin")
    }
}

通知名の文字列には通知名の衝突を避けるために独自のprefixをつけています。

com.example.appnameのところはBundle.main.bundleIdentifierでbundle identifierをとってきて 使ったりするのがよいかもしれません。

CircleCIでipaファイルを作ろうとするとExport Failedする

CI CircleCI iOS 自動化 忘備録 xcodebuild

ローカルではarchiveからipaにexportできるのにCircleCIだとExport Failedになる場合の対処法です。

原因としてはCircleCIの環境変数が悪さをしているようで、以下のをunsetすればなおりました

unset BUNDLE_BIN_PATH
unset BUNDLE_GEMFILE
unset BUNDLE_ORIG_PATH
unset GEM_HOME
unset GEM_PATH
unset RUBYLIB
unset RUBYOPT

面倒な場合は、このxcode-safe.shを使うと良いです。

xcode-safe.sh

https://gist.github.com/claybridges/cea5d4afd24eda268164

Visual Studio Codeをemacs keybindingにする

Editor VisualStudioCode VSCode 忘備録 Emacs

Visual Studio Codeを使うときにEmacs Keybindingにする方法です。

Emacs Keymap(Emacs Keymap - Visual Studio Marketplace)というのが存在するので、これを使ってみます。

  1. Shift + Command + Xを押して拡張機能を開きます
  2. 検索窓でemacsといれるとEmacs Keymapというのがでてきますので、インストールを押せばOKです。

Macで出たエラー

MacでC-x C-fでファイルを開こうとすると以下のようなエラーがでました

command 'workbench.action.files.openFolder' not found

↓を見た感じ、Macだと'openFileFolder'じゃなきゃアカン的なことが書いてありました・・

bind command(workbench.action.files.openFile) failed · Issue #5437 · Microsoft/vscode · GitHub

メニューから Code->基本設定->キーボード ショートカット を選択し、 以下のようにキーバインドを上書きするとなおりました。

// 既定値を上書きするには、このファイル内にキー バインドを挿入します
[
    {
        "key": "ctrl+x ctrl+f",
        "command": "workbench.action.files.openFileFolder"
    }
]

SwiftでKVOするときはObjective-Cのプロパティ名を使う

Swift Objective-C iOS 忘備録 Tips Swift3

当たり前といえば当たり前なんですが、 iOSのKVO(addObserver(_:forKeyPath:options:context:))はObjective-CのNSObjectのメソッドなので、指定するkeyPathはObjective-Cのプロパティ名じゃないとだめです。

例えばUIViewのisHiddenをKVOしたい場合は↓のように、isHiddenではなくhiddenになります。

// Swift3以前
view.addObserver(self, forKeyPath: "hidden", options: [], context: nil)
// Swift3以降
view.addObserver(self, forKeyPath: #keyPath(UISwitch.hidden), options: [], context: nil)

iOSのフレームワークのクラスに対してKVOを使う際は、補完に頼るとミスることがあるので、Objective-Cの仕様も確認しましょう （#keyPathがもうちょい賢ければ・・）

addObserver(_:forKeyPath:options:context:) - NSObject | Apple Developer Documentation

TwitterKitを使ってログインするときの注意点

Tips 忘備録 Twitter 認証 Xcode iOS Swift Swift3 Fabric

TwitterKitを使ってログインするときの注意点を2点

1. Twitterアカウントを登録しているかで挙動が変わる

TwitterKitを使ってTwitterログインするときに、TwitterのアカウントをiOSに設定しているかどうかで挙動が変わります。 （2017年1月時点）

iOSの設定でTwitterアカウントを登録している場合

iOSにTwitterアカウントを登録済の状態でTwitterログインをすると、許可のポップアップが最初に表示されます。

ここで許可すると、Twitterログインが成功します。（特に画面遷移が発生しない）

iOSの設定でTwitterアカウントを登録していない場合

SafariViewControllerが立ち上がり、Twitterログイン画面が表示されます。

といった風に遷移が変わってくるので、動作確認する場合は、2パターンは確認する必要があります。

動作確認時に発生した不具合

Twitterアカウントを登録していない場合はSafariViewControllerが立ち上がりますが、以下のようなエラーがコンソールに表示されてSafariViewControllerが立ち上がらないことがあります。

Desktop applications only support the oauth_callback value 'oob'

対応方法としては、 Twitter Application Management で、callback URLになにかしらURLを設定すると治ります。

2. Info.plistにconsumer keyとsecretが書かれる

Fabricを使ってTwitterKitを取り込むとInfo.plistにconsumer keyとconsumer secretが書かれます。

アプリ側で保持している以上どこに書いても問題はあるとは思うのですが、Info.plistに書くよりはコード上に書いたほうが幾分ましかなと思います。

コードでConsumerKeyを設定する

このようにFabric.with([Twitter.self])より前にstartWithConsumerKeyを呼んでやらないとクラッシュします。

import TwitterKit

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        ...
        Twitter.sharedInstance().start(withConsumerKey: "xxx", consumerSecret: "yyy")
        Fabric.with([Twitter.self])
        return true
    }

2016振り返り

振り返り ポエム

2016も残りわずかとなったところで急いで今年を振り返ります！

仕事

1月にLIMIAのiPhoneアプリをリリースしました。 フルSwiftで開発しました。

LIMIA (リミア) - DIYやインテリアなどの住まい・暮らしの情報アプリ -

LIMIA (リミア) - DIYやインテリアなどの住まい・暮らしの情報アプリ -

  • Limia, Inc.
  • カタログ
  • 無料

2月にはAppStoreの新着ベストアプリにも選ばれました！

3年半ほどお世話になったグリーを6月に退社してSupershipにジョインしました。

開発の途中から参加してものすごい勢いで実装して7月にはSunnychatのiPhoneアプリをリリースしました。 こちらもSwiftです。

Sunnychat - 超ハッピーなチャット

Sunnychat - 超ハッピーなチャット

プライベート

こどもが産まれまして、ワークライフバランスがこれまでと著しく変わってきました。

今はとにかく自分の時間がとれなくて勉強するのがなかなかたいへんです。

勉強

Elixirを勉強しましたけどコーディングは全然です

ランニング

10月まではほぼ毎週走ってたんですが、こどもが産まれてそれどころではなくなったので最近は全く走れてないです。。

f:id:yanamura:20161231232555p:plain

まとめ

2016は仕事、プライベートともに激動の年だったなぁと。

2017は子育てを頑張りつつ、自分の時間もうまくつくってなにかやっていきたいですね

Swiftでの複数にデリゲート multicast delegate

Swift Swift3 iOS 忘備録 Tips

Swiftにはweak reference arrayがないので、NSHashTableを利用します

protocol SampleDelegate : class {
    func sampleDelegateDidFinish()
}
class SampleClass {
    let delegates = NSHashTable<AnyObject>() // AnyObjectをSampleDelegateにするとSwift3時点ではコンパイルに通らない

delegateを呼ぶとき

func someFunc() {
...
            delegates.objectEnumerator().enumerated()
                .map { $0.element as? SampleDelegate }
                .forEach { $0?.sampleDelegateDidFinish()) }
...
}

Xcode8.2からコマンドラインでシミュレータの動画が撮れる

Xcode8 Xcode xcrun iOS simulator

Xcode8.2でコマンドラインでシミュレータの動画が撮れるようになって便利に

スクリーンショット

xcrun simctl io booted screenshot. To take a video, run the command

動画

xcrun simctl io booted recordVideo <filename>.<file extension>

実行すると

Recording... (Press CTL+C to stop)

と表示されるので止めたいときはCTL+Cで停止させます。

popToRootViewControllerで画面を消すとviewWillDisappearでnavigationControllerがnilになる

iOS Bugfix UIKit UITabbarController UINavigationController

現象が伝えにくいので、図に表すと以下のような感じで、 TabbarController内にNavigationControllerをもたせた状態で、いくつかViewControllerをPushViewControllerします。 そして、2つ以上PushViewControllerした状態で一番上のViewControllerのナビバーを透明にした場合にちょっと問題が発生します。

f:id:yanamura:20161208104925p:plain

一番上のViewControllerでは以下のようにして、ナビバーを透明にして、消すときにナビバーを元に戻す用にしています。

class SampleViewController: UIViewController {

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

        navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
        navigationController?.navigationBar.shadowImage = UIImage()
        navigationController?.navigationBar.isTranslucent = true
    }

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

        navigationController?.navigationBar.setBackgroundImage(nil, for: .default)
        navigationController?.navigationBar.shadowImage = nil
        navigationController?.navigationBar.isTranslucent = false
    }
}

普通に戻るボタンを押した場合はこれで正常に動作するのですが、 タブバーのボタンをタップしてrootviewcontrollerに戻った場合に、viewWillDisappearが呼ばれたときにはnavigationControllerがnilになっているため、ナビバーが透明なままになってしまうという問題が発生しました。。

対策

その1

やっつけ仕事感のある対応としてはnavigationControllerを自力で保持するというやりかたで、、

    private weak var toKeepNavigationController: UINavigationController?

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

        toKeepNavigationController = navigationController

        navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)
        navigationController?.navigationBar.shadowImage = UIImage()
        navigationController?.navigationBar.isTranslucent = true
    }

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

        toKeepNavigationController?.navigationBar.setBackgroundImage(nil, for: .default)
        toKeepNavigationController?.navigationBar.shadowImage = nil
        toKeepNavigationController?.navigationBar.isTranslucent = false
    }

その2

willMoveToParentViewControllerの時点ではnavigationControllerはnilになっていないようだったので、ViewControllerが消えるタイミング（parentがnilになったとき）にナビバーをもとにもどします

    override func willMove(toParentViewController parent: UIViewController?) {
        super.willMove(toParentViewController: parent)
        if parent == nil {
            navigationController?.navigationBar.setBackgroundImage(nil, for: .default)
            navigationController?.navigationBar.shadowImage = nil
            navigationController?.navigationBar.isTranslucent = false
        }
    }

たぶん２のほうがいいと思います！

おかしいぞとかあればツッコミお願いします！