独創アプリ開発日記

独創アプリ開発日記 69日目キーチェーンアクセス

2017年12月21日 uka.apple コメントする

引き続き、テキスト漫画サイトのガワネイティブアプリの作成を行っていました。

今日は、昨日諦めたキーチェーンアクセス処理を頑張って実装し、アプリ再インストールの場合でもユーザ識別用のIDを復元することが出来るようになりました！！

処理の流れとしては

1. UserDefaultsに保存したIDを確認

2. 1でIDが取得できればそれを使う

3. 1でIDが取得できなければキーチェーンからIDを取得

4. 3でIDを取得できればそれを使う。UserDefaultsにIDを保存。

5. 3でIDが首都できなければIDFVを取得して、それをIDとしてUserDefaultsとキーチェーンに保存

としました。

UserDefaultsはアプリ再インストールで消えてしまう情報、キーチェーンはアプリ再インストールでも消えない情報です。

上記の流れにしておけば、もしアプリが再インストールされた場合でも 1 > 3 > 4 の流れでIDが復元できますし、アプリが再インストールされていない場合はUserDefaultsから素早くIDを取得出来ます。

キーチェーンアクセスを行うライブラリは色々ありますが、1つの文字列を同一アプリ内で保存して利用するだけなので、このURLのベージ下部のswift4用コードを参考に最小限での実装としました。

iOSで使う場合は、いくつかMacOS用のコードでエラーが出るので気を付ける必要がありますが、数行だけですので簡単に直せるかと思います。

上記URLのコードがﾋﾞﾀﾞｧｧｧﾝ!!!!と私の使用用途にハマりました。

　
　
　
　　　 _,,..,,,,_
　　/ ,’ 3　 `ヽｰっ
　　 l　　 ⊃　⌒_つ
　　　 `’ｰ—‐””'”
　

独創アプリ開発日記

独創アプリ開発日記 68日目アプリへのidfv保存

2017年12月20日 uka.apple コメントする

引き続き、テキスト漫画サイトのガワネイティブアプリの作成を行っています。

今日は、昨日取得したユーザを識別するID(idfv)をアプリで保存するようにしました。

基本的にidfvは変わらないものなのですが、過去、iOSでアプリをアップデートするとidfvが変わってしまうというバグがあったらしいです。そのため、念のため1度取得したidfvはアプリにデータとして保存し、2回目以降は保存したデータからidfvを取得しようと思います。

こうすることで、もし再度バグなどが発生してidfvが変わってしまっても大丈夫になります。

コードは以下のようになりました。

struct Constants {
    enum User : String {
        case idfv
    }
}
〜 略 〜
// デバイスの識別
let idfv : String!
if UserDefaults.standard.object(forKey: Constants.User.idfv.rawValue) != nil {
    // UserDefaultsにある場合、それを使用
    idfv = UserDefaults.standard.string(forKey: Constants.User.idfv.rawValue)
} else {
    // UserDefaultsにない場合、IDFVを取得
    idfv = UIDevice.current.identifierForVendor!.uuidString
    // idfvは36文字だが、念のためハイフンをのぞいて32文字以上あれば正常に取得できたと判断して保存
    if (32 <= idfv.count) {
        // 保存
        UserDefaults.standard.set(idfv, forKey: Constants.User.idfv.rawValue)
        // 削除する場合は以下
        //UserDefaults.standard.removeObject(forKey: Constants.User.idfv.rawValue)
    }
}

尚、アプリを再インストールした場合(正確には同一ベンダーのアプリが全てアンインストールされた場合)もidfvが変わってしまいますが、その場合はUserDefaultsも消えてしまうのでどのみちidfvは保持出来ません。

UserDefaultsとは別に、Keychain Servicesというものがあり、こちらを使えばアプリをアンインストールしても値を維持出来そうです。一瞬、これを利用しようかと思いましたが、

めんどうそうなので諦めました。

　　　　　　　　　　　　　　　　　　,! 　＼
　　　　　　 ,!＼　　　　　　! 　　＼　　　　　
　　　　　　　i　　＼　　　　 l　　　　＼,,..__
　　　　　 ,i′　　,＼___,,--―l　　　　　　＼::ﾞ'冖ｰi､、
　　　　　　 i　　　　　:;＼::::::::::..l　　　　　　　　　　　　 `'‐､、
　　　　　 /__,..;:ｒ---―-､,..__.　　　　,;'il:;}　　　　　　　　.;:::｀Ｌ_＿
　　 ,.:ｆ''""ﾞﾞﾞ´　　　　　　　､￣ヽ,／／　　　　　　　　　 ...::::::ｌ;;;:;;::::
　 _/　　　　　　　......　　、　＼／／、　　　　　　　　　　 ::::::::ﾘ;;:::::::::....
／/ 　　　 ......:;::::::::::::.　ヽ､＼　ﾞヽ　ﾍ　　 ●　　　　....:::::::::i';;;;::::::::::::
;;/　　　　::::::::::::;;;;;ﾉ￣＼::　〉　〉ﾞ'、 `ヽ_ﾉ　　　　　　 ......:::::::.;;;:ﾉ:;;;:::::::::::::
/　　　　..::::､__;;ノ;;;｀ヽ_/:　/　/⌒)メ､_ﾉ/　　　　　 .....:::::;;;/;;;:::::;;:::::::::
　　　　　..:::ｲ;;.ヽ::;;;;;;;;;(__ノ　/'"..:::::::::::::/　 ...............:::::::::::;;;,;ノ;;::::::::::::::::
　　　　 :::::::l;;;;;;;;;＼;;;;;;;,.(__ノ;.;:.＼:::::::::/::::::::::::::::::::::::::::;;;;;／;:::::::::::::::::
　　　　::::::::,!::;;;;;;;;;;:.｀ﾞ'-､、　　:::　＼_/::::::::::;;;___,.;-―''"::::::::::::::::::::::::
　　..::::::::::,!;;;;;:;;;;;:::;;;;;:::;;;;;;｀ﾞ￣'''冖''―--―'";;;;;;;;;:::::::::::::::::::::::::

独創アプリ開発日記

独創アプリ開発日記 67日目アプリ判定

2017年12月19日 uka.apple コメントする

今日はアプリからテキスト漫画のサイトを見た場合のみ、ガワネイティブアプリ専用のデザインに変わるようにしました。

仕組み的にはアプリからアクセスする場合にiOSのidfvという識別IDをURLに付与して、それを元にcssを切り替えています。

以下のようなコードで取得します。

let idfv : String = UIDevice.current.identifierForVendor!.uuidString

ご覧の通り、スマホでアクセスしてもsafariからだと従来のデザインで表示されます。

よし、これでアプリ審査通る・・・か？Webサイトをそのままアプリ化するとreject食らうっていう話だけど、これなら良い筈だ・・・

　
　　　　　　　　　　　　　　|
　　　　　Apple様　　　   ||
　　　　　（　＾＋＾）　　　 .|||
　　　　／　　　　＼  　　|||| Reject!!
　　　/ /＼　　　/￣＼　|||| 　　　　　.’　　，　．.
　＿|￣￣＼　/　ヽ　＼从/／　・;`.∴　’　　　　　
　＼￣￣￣￣￣￣＼＿_）　＜　,：;・,‘　　
　　||＼　　　　　　　　　　　　＼   　　’ .’　，　．.
　　||＼||￣￣￣￣￣￣￣||￣
　　||　 ||￣￣￣￣￣￣￣||
　　　 .||　　　　　　　 ||

独創アプリ開発日記

独創アプリ開発日記 66日目アプリ判定

2017年12月18日 uka.apple コメントする

今日は、アプリかどうかによってcssを切り替える作業を行いました。

phpでユーザーエージェント $_SERVER[‘HTTP_USER_AGENT’] にiPhone, iPad, iPodの文字が含まれているかどうかでひとまずは判定しています。

iPhoneやiPad,iPodでテキスト漫画のサイトにアクセスすると、cssが切り替わるようになりました。

Android?

知らない子ですねぇ・・・

　　　　∧ ∧＿__　
　　／(*ﾟーﾟ)　／＼
　／|￣∪∪　|＼／
　　|ｱﾝﾄﾞﾛｲﾄﾞ|／
　　￣￣￣￣

独創アプリ開発日記

独創アプリ開発日記 65日目 css下準備

2017年12月17日 uka.apple コメントする

今日は、ガワネイティブアプリを作成するための準備としてデザイン部分をcssファイルにまとめていました。

ガワネイティブアプリはPC用のサイトと同じページを利用しますが、デザインだけはアプリ専用にします。

デザイン部分をcssファイルにまとめることで、PC用とガワアプリ用のCSSを手軽に切り替えられるようにします。

　　　　 ∧∧
　　　　(,,ﾟーﾟ)
　　～（＿__ﾉ

↑ちびしぃです。特に意味はありません。

独創アプリ開発日記

独創アプリ開発日記 64日目続改良

2017年12月16日 uka.apple コメントする

今日もテキスト漫画のサイトに手を入れていました。

・今日やったことその１

複数の半角スペースをWebで表示しようとすると、1つの半角スペースにまとまってしまうのはWebの仕様ですが、この仕様はテキスト漫画を作成する場合に混乱を招きます。

そこで、テキスト漫画を表示する際は半角スペースを特殊文字にして、1つにまとまらないようにしました。

・今日やったことその２

テキスト漫画のサイトとWordpressのサイトに同じテキスト漫画を表示した場合、微妙に表示が異なっていることに気づきました。調べたところ、lang指定が原因でした。

これで表示変わっちゃうんだね・・・この対策も行いました。

・今日やったことその３

フォント指定のタグを、標準でコピーするようにしました。

↓こんなのです。

<p lang=”” style=”font-family:’MS PGothic’,’ＭＳＰゴシック’,sans-serif;font-size: 12pt; line-height:normal;”>
・・・テキスト漫画部分・・・
</p>

これで「コピーする！」のリンクからコピペするだけで手軽に使えます。

もう完璧だと思います。

　∧＿∧　　　　
　(　･ω･)＝つ≡つ
　(っ　≡つ＝つ＝つ
　/　　　) ﾊﾞﾊﾞﾊﾞ
　( /￣∪
ボコボコにしてやんよ。

独創アプリ開発日記

独創アプリ開発日記 63日目それぞれの環境

2017年12月15日 uka.apple コメントする

昨日からAAズレの対策を色々検討していましたが、よくよく考えたら問題ありませんでした。

スマホ使う人：スマホで作ってスマホで使う → ズレない
PC使う人：PCで作ってPCで使う → ズレない
私のような開発者：PCやスマホで作ってスマホやPCやいろんな環境で確認する → 色々ズレる

うん、多分PCやスマホ混在(WinやMac混在)で使う人少ないよね。

既に解決してた。

　　　　　　∧＿∧
　　　　　_（　 ´Д｀）
　　　／　　　　　　）　
∩ 　/　,ｲ　、　　ﾉ/　　　
| |　/　/　|　　　（〈　∵.
| | ｜ |　ヽ　　ｰ＝-￣￣＝_、　
| | ｜ |　　　｀iー＿＿＝―＿　;,
| |ﾆ(!、)　　　=＿二＿＿￣_=;,
∪　　　　　/　 /
　　　　　／　 /　
　　　／＿/　　
　　　ヽ､＿ヽ