2015-09-04

新 TestFlight 内部テスター手順

iOS 開発

概要

TestFlightの設定〜使い方手順の自分用メモです（内部テスターを追加する方法）
簡単な手順は次のような流れ
- iPhoneにTestFlightをDL
- iTunes Connectでアプリを配布したいユーザの追加
- Xcodeで対象のアプリをiTunes Connectにアップロード
- TestFlightを開き対象のアプリをDL
外部テスターを追加する場合、AppleStoreの審査があります（私は審査に1日かかりました）

前提条件

iOS8以上
iTunes Connectにアプリをアップロードできる状態

手順

iPhone: TestFlightアプリをダウンロード
iTunes Connect: iTunes Connectでユーザと役割にAppleID(メールアドレス)追加
iPhone: AppleID(メールアドレス)に承認メールが届くのでクリック→クリックするとiTunes Connectの画面が開くのでログイン
iTunes Connect:TestFlightベータ版テスターにAppleID(メールアドレス)が追加されるのでチェックを付けてテスターにする
Xcode: 対象のアプリをiTunes Connectにアップロード
iTunes Connect:対象のアプリ（マイ App->プレスリリース->内部テスター）を選択しテスターに追加する
iPhone:AppleID(メールアドレス)にアプリ招待メールが届くのでクリック→TestFlightを開かれ対象のアプリが表示されるのでAcceptで招待を受ける -
iPhone:TestFlightで対象のアプリをダウンロードする

その他

内部テスターでiTunes Connectにログインすると、次のような項目が閲覧・変更できます

参考URL

2015-08-24

グロースハッカー　感想

本マネージメント

f:id:Amarron:20150824225943j:plain

「グロースハッカー」という本を２年位前に読んでいて、その時の自分用のメモがあったので残します。
各ステップの印象的な部分の抜粋と感想が書いてあります。
グロースハックの概要を軽く抑えるのに役立てたら嬉しいです。

ステップ１　まずは人が欲しがるものを作れ

マーケターは長年パッとしない製品を売り込むことを仕事にしてきたが、誰も欲しがらないものを売ろうとすることは絶対にやってはいけない。
PMFを目指す。（プロダクト・マーケット・フィット・・・サービスと顧客のニーズが完全にシンクする状態）フィードバックを受け入れろ。
ソクラテス式文等方式を行え。（誰のための製品なのか？なぜユーザーがこの製品を使うのか？なぜ私はこの製品を使うのか？→この質問をユーザーにもしてみよう）

ステップ２　自分なりのグロースハックを探して

すべての人ではなく、ふさわしい人へ。

潜在ユーザーが訪問しそうなウェブサイトへメールする。自己紹介し、製品について説明し、そのサイトで製品を紹介すべき理由を説明する。
自分でハッカーニュース、クオラ、レディットなどに投稿する。
話題になっているトピックについて記事を自社サイトのブログに掲載し、間接的に読者を製品に導く。
クラウドファンディングサービスのキックスターターでプロジェクトを立ち上げ、潜在ユーザーに受けそうな特典を用意する（これなら同時に潜在ユーザーとチャットできる）。
潜在ユーザーを一人ずつ見つけ出し、無料あるいは特典付きでサービスに招待する。

個々の例

招待制にしてプレミアム感を醸し出す（メールボックス）
サービスが実際より人気と活気があるように見せるために、数百の偽プロフィールを作る。人だかりは人だかりをよぶものだから（レディット）
製品を使えるサービスを一つに絞り、そのサービスの成長に便乗する（PayPalはイーベイに便乗）
サービス上でクールなイベントを開催して最初のユーザーを巻き込む（マイスペース、イェルプ、ユーデイミー）
影響力のあるアドバイザーや投資家を引き込んで、その財力ではなく支持者や名声を利用する（アバウトミー、トリッピー）

大事なのは、何人に認識されるかではなく何人がサインナップするかだ！

ステップ３　クチコミを巻き起こせ

クチコミを成り行き任せにしない。
ブランディングのために金を払ったりしない。
（その代わりに、ソーシャルカレンシー（社会的通過）を無料で獲得する方法を考える）（アップルがイヤホンを白にしたことやドロップボックスが紹介で容量を増やしたりすることが無料のブランディングであり、非常にグロースハックに効果的）
ゴーバイラルしたければ、クチコミの種を製品の中に仕込む必要がある。

ステップ４　掴んだユーザーを手放すな

企業はサービスそのものの改善に投資する必要がある。ユーザーがそのサービスから離れられなくなるまで改善しよう。
ビジネスでもっとも重要になることは、新しいユーザーを集めるより既存のユーザーを定着させたり、最適に改善することが重要。
グロースハックはROIの最大化を目指すものだ。最も重要な事柄に全力をつくすべきだ。
サービスに無関心のユーザーを追いかけるよりも、すでにいるユーザーの個人情報をより引き出し、アマゾンやフェイスブックがやっているようにサービスへの愛着を増やすことをするべき。

感想

全体的に共感が持てる。目新しいことではなく、結構知っている内容。
Airbnbなど自分が好きなサービスが紹介されていて少しうれしくなった。

キーワードに「マインドセット」という言葉が頻繁に出てくる。
「マインドセット」とは、具体的なテクニックというよりは考え方。
大事なのは、自分たちのサービスの現在の利用者、将来の利用者が自分たちに何を求めているかを正しく理解し、施策を繰り返し実施していくこと。

派手なことより地道な繰り返しを好む自分には近い考え方だと思う。また、科学的な根拠を元に成長させる部分も自分のサービスへの考えと近い。作ったシステムを少しずつ趣味程度に進めて、それが将来大きな資産へ成長したら嬉しいなって思いました！

2015-08-23

YAPC::Asia 2015 行ってきました

yapc 行ってきたカンファレンス

f:id:Amarron:20150823005500p:plain

行ってきた系のブログは書かないのですが、ブログを書くまでがYAPCらしいので書きます！
自分が聞いたトークの感想をサラッと書きました
slideshareとか動画で内容が詳しくかいてあるのを見つけたら追記します

YAPC概要

yapcasia.org

YAPC::Asiaとは、「Perlを中心としたカンファレンスで、Perlだけに限らず様々な分野のギーク達が集まり技術の話と楽しさに満ちた三日間のお祭り」
2006年始まり、2015年（今回）で最後(2017年に beaconというカンファレンスが始まるかも！？)
今年は90人くらいの人がトークして、2,500人以上が集まった
トークする人がすごい（RubyのパパやPerlのパパとか）
ベストトーク賞に選ばれるとハムとか色々貰える
2015年ベストトーク賞
- １位：Perlの上にも三年〜ずっとイケてるサービスを作り続ける技術〜
- ２位：HTTP2 時代の Web - web over http2
- ３位：HTTP/2時代のウェブサイト設計

speakerdeck.com

HTTP2 時代の Web - web over http2 from Jxck :)

www.slideshare.net

HTTP/2時代のウェブサイト設計 from Kazuho Oku

www.slideshare.net

全体の感想

とても楽しかった！（Perl全然使ったことないけど）
話が面白くて、技術を題材にしたお笑いを見ているかのごとく笑えました（ライトニングトークが特に面白かった）
技術的に真面目な話も多く、技術者として触発されました
ベストトーク賞に選ばれた人のトークを聞いてなかったのが心残り...

自分が聞いたトーク

1日目（2015.08.21）
- Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN/Yusuke Wada
- Lightning Talks Day 1
2日目（2015.08.22）
- サーバーサイドエンジニア(特にPerl)のためのiOSアプリ開発入門/Daisuke Murase
- ランチセッションA/株式会社Fusic
- Adventures in Refactoring/Ben Lavender
- Lightning Talks Day 2

Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN/Yusuke Wada

f:id:Amarron:20150821155124j:plain

個人的に和田祐介さんのファンなので参加しました
Podcastをやっているからかトークの盛り上げ方がすごいなって思いました

内容

Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN from Yusuke Wada

www.slideshare.net

エンジニアもコンテンツ配信したい
配信できるメディアも多様化してきた
Podcastプラットフォームに依存しない
1. Media RSS拡張されたRSSフィード
2. mp3メディアファイルの配信
配信するための3編更生
1. システム編
2. コンテンツ編
3. オーディオ編
Poscastやってどう→楽しい
まとめ
- 確かに手作り感がある
- Apple/Googleには金を払っていない

サーバーサイドエンジニア(特にPerl)のためのiOSアプリ開発入門/Daisuke Murase

私はiOSエンジニアなので外せないと思って参加しました
立ち見の人も多く、立ち見でも見れない人がいるほど大人気（私も立ち見だったのでメモ少なめです。。。）
iOS未経験者向けの内容

内容

perlとswiftの似ている部分
- メモリ管理
  - weak
  - optional(if let)
- ライブラリ管理ツール
  - cocoapods(cpanm curlと同じ？)
デモで作る
- forsqueaのapiを使ってチェックインアプリを作る

ランチセッションA/株式会社Fusic

f:id:Amarron:20150822121808j:plain

お弁当を食しながらトークを聞く
- 社内システムの残るシステムと消えるシステムについて
- botになった人の話
社内システムを積極的に作っている会社は技術者が生き生きしてそうな印象を受けました
お弁当美味しかった

Adventures in Refactoring/Ben Lavender

f:id:Amarron:20150822130007j:plain

githubのリファクタリングしている人の話
私はこの話が一番好きでした
そして同時通訳ってすごい

github.com

内容

Refactoring

良いリファクタリングとは、行数が減ること
テストカバレッジが改善したら良い
- パフォーマンスの向上（パフォーマンス＝リファクタリング）
重要なのはIOが変わらないということ

Reason

Developer Happiness（開発者が楽しいか）
（性能向上）
Gain Confidence for Future Work（将来の作業の削減）←一番重要
Developer Education（開発者の教育）

Techniques

Develop
- get a styleguide（スタイルガイドが正しいかではなく、スタイルガイドがあるのが良い事だ）
Tyoes for Verbs
add user Abstractions
remove unsed Abstractions

Proble

Refactoringをする上での問題がある

Existing Bugs(既存バグ)
- リファクタリングするときには既存のバグを治すべきではない
- リファクタリングがいけなかったのか、バグ修正が間違ったのか分からない
Performance Changes
Context

Breaking it down

Deprecate
Back 前のプログラム（前のプログラムをユーザが使える）

Tools

Backscatter
cience（このツールは使いやすい）
- 古いプログラムと新しいプログラムを同時に実行できる（同じ振る舞いになるか確認出来る）

最後に

f:id:Amarron:20150822175346j:plain

YAPCみたいなカンファレンスは楽しいし刺激的でした（スピーカーに憧れる）
最後になってしまうのがとてもさびしいです
他にこのようなカンファレンスがあれば誰か教えてください！！

2015-07-05

AFNetworking NSURLSession NSURLConnection 比較

iOS 開発 swift github

概要

iOSのHTTPでの画像表示をケース別に試してみました
結論としては、「UIImageView+AFNetworking」を使って表示するのが一番良さそうです（画像をメモリ上に保存してくれるので、同じURLの場合、画像を使いまわしてくれる）

f:id:Amarron:20150705230448p:plain

詳細

「AFNetworking」を使った場合と「NSURL系」で画像処理の比較
- AFNetworkingの画像処理
  - AFHTTPRequestOperationManager
  - AFHTTPSessionManager
  - UIImageView+AFNetworking
- NSURL系
  - NSURLSession
  - NSURLConnection(非同期)
  - NSURLConnection(同期)
取得した画像は「UICollectionView」で表示
詳しくはgithubにサンプルコードを上げたので参考にしてください(swiftで書いてます)

f:id:Amarron:20150705230505p:plain

感想

NSURLSessionとNSURLConnection(非同期)の場合、画像の表示が不安定（もしかしたら実装方法が正しくないのかも、良い方法があればコメントいただけると助かります）
NSURLConnection(同期)は、表示されるまでの時間が遅い（全データを読み込み終わるのを待つので）
結論としては、画像は「UIImageView+AFNetworking」を使って表示するのが一番良さそうです

2015-05-25

HTML5 CSS3 JavaScript 入門

開発 html html5 css css3 javascript

f:id:Amarron:20150524235338p:plain

概要

次のようなことに観点を当てて記載しました
- HTML5やCSS3、JavaScriptとは何か？
- 新機能やレガシーブラウザ対応
全体像や概要、基礎を抑えるのに役立てられたら良いと思います
フロントエンドエンジニアを目指す人にもオススメです
プログラムの例は少ないので実際の使い方などは他のサイトを参考にしてください

HTML5

HTML5とは

HTMLの最新バージョン、HTML4/XHTML1に変わるしようとして登場
HTML4やXHTML1が「文章」を定義するためのマークアップ言語だったのに対してHTML5は「Webアプリケーションプラットフォーム」を実現するための中核の技術として考えられている

HTML5で追加された主な要素

ドキュメントの構造を表す要素
- セクション/アウトラインの概念が強化されている
- 代表的なセクショニンング要素は4種類
  - <section>,<article>,<aside>,<nav>
- 各セクションのヘッダ情報やフッター情報を定義するために次の要素もある
  - <header>,<footer>
マルチメディア要素
- これまで動画や音声の再生にはFlashなどのプラグインをインストールして使用する必要があったが、HTML5では動画や音楽用の要素が追加された
  - <video>,<audio>
- <audio>要素はJavaScriptからアクセスできるAudio Apiが提供されており、より複雑な操作が可能

HTML5で使える新機能

グラフィックス
- Canvas：ブラウザ畳でグラフィックスを描画するための機能
  - 線を引く、短径で塗りつぶす等
- SVG（Scalable Vectir Graphics）：グラフィックスを描画する別の方法として、ベクター画像を扱う（XMLの構造を持つ）
  - 拡大しても画像が粗くならない
  - XMLで記述されるため、JavaScriptからDOMにアクセスできる
  - Illustratorなどのデザインデータを使用できる
- WebGL：3Dグラフィックスを扱うためのOpen GL ES2.0に基づくAPI
  - Canvasと同様にJavaScriptで実装し<canvas>要素に対して描画を行う
  - 現時点ではモバイルブラウザのサポートが少ない
- その他
  - CreeteJS,three.jsなど、様々なライブラリが公開されており少ないコードで手軽に実装できる
位置情報（Geolocation API）：ユーザーの位置情報を取り扱う
履歴（History API）：ブラウザの履歴を管理・操作する機能
- 次のような機能が追加された
  - pushStateメソッド：新しい履歴を追加
  - replaceStateメソッド：履歴を置換
  - popStateイベント：操作した履歴の移動を補足するイベント
- 主な用途はAjaxを駆使したページへの対応で良く利用される
ストレージ（Web Storage）：ブラウザ側にデータを保持する機能
- Key-Value型で保持（Cookieよりもデータ量が大きく、扱いやすいAPIが提供されている）
- Cookieとは違い、データがサーバーへ送信されない（送信したい場合は個別に処理を記述する）
- Web Storageには次の二つがある
  - localStorage：永続的にデータが保持される、別タブ・ウィンドウで共有可能
  - sessionStorage：ブラウザが起動している間だけ有効、別タブ・ウィンドウでは共有不可
オフライン対応（Application Cache）：ブラウザにファイルをキャッシュさせ、オフラインでも機能する
- manifestファイルにキャッシュさせたいファイルを定義することで一度読み込めば次回以降はキャッシュしたファイルを読み込むようになる
- manifestファイルは非常に強力なキャッシュとなるため、ファイルが更新されないなどの事態を引き起こすことがあり、実運用の際には注意して設計する必要がある
ファイル操作（Drag and Drop API/File ApI）：ページ上の要素やデスクトップなどブラウザ外のファイルをドラック&ドロップをできるようにする
- ファイルを選択する以外にも、JavaScriptで選択されたファイルにもアクセス可能
並行処理（Web Workers）：JavaScriptの並行処理を行える
- 通常、JavaScriptの処理は同一のスレッド上で処理されるが、重い処理を実行すると完了するまで処理が止まってしまう
- Web Workersを利用することでバックグランドで動作させユーザへのストレスを軽減できる

CSS3

CSS3とは

CSSの最新バージョン、CSS2.1までは画像を使わざるを得なかった表現もCSSで表現可能に
モジュール単位で仕様を策定している
- テキスト（CSS Text Module Level 3）や背景（CSS Backgrounds and Borders Module Lebel3）など、20以上のモジュールがあり、それらをまとめてCSS3と呼ばれている
- 細分化することでブラウザ開発側もモジュール単位で実装を進めることができる

CSS3で使える新機能

アニメーション
- 次の二つの方法でアニメーションを表現
  - transitionプロパティ：スタイル指定されている要素に対し違うスタイルを指定し変化をアニメーションさせる
  - animation/@keyframesプロパティ：animationプロパティは、@keygramesで定義したキーフレームに沿ったアニメーションを実行します
グラデーション
- background/background-imagesプロパティに次の二つの新しい値を用いることでグラデーションを表現
  - linear-gradient：線形グラデーションを生成
  - radial-gradient：円形グラデーションを生成
ドロップシャドウ
- 次の二つの方法でドロップシャドウ（影をつける）効果を与えられる
  - box-shadowプロパティ：ボックスモデルにドロップシャドウ効果を与える
  - text-shadowプロパティ：テキストにドロップシャドウ効果を与える
ボーダー
- 次の二つのプロパティがある
  - border-radiusプロパティ：ボーダーの角を丸めるプロパティ
  - border-imageプロパティ：ボーダーの描画に画像を用いるプロパティ
変形
- transformプロパティ：移動、回転、拡大・縮小、傾斜させることができる（translateとscaleのアニメーションと組み合わせてつ変わることが多い）
ウェブフォント
- これまでは、フォントを指定する場合、ユーザが保有しているフォントでしか表現できなかった
- ウェブフォントは、@font-faceを用いることで制約をなくし様々なフォントの表現が可能（ただしライセンスの考慮は必要）
- @font-face：サーバ上のフォントファイルを読み込みfont-familyプロパティが利用可能
セレクタ：{ }内のCSS命令を適用するか選択（セレクト）する部分
- 次のようなセレクタがある
  - 属性セレクタ
  - 隣接セレクタ
- 数多くの擬似クラスも追加された
メディアクエリ：@mediaを表示するメディアの種類や特性に応じたスタイルを指定するためのもの
- メディア特性には、「幅、高さ、色」の指定ができ、幅の指定はレスポンシブルデザインの実装によく使われる
ベンダープレフィックス：接頭辞を付与したプロパティ（将来的な仕様変更に備えた先行的な実装）
- 次のようなプロパティがある
  - -moz-
  - -webkit-
- 具体的には各ブラウザごとにプロパティを変更したりできる

JavaScript

JavaScriptとは

Webページに動きを表現できる
HTML5の台頭や、アプリケーション化、Flashに変わる表現などで利用される
Webブラウザ上の言語として認識が強いがサーバサイドの言語としても広く知られてきた（Node.jsなど）
言語を使うにあたり次のようなものがある
- 変数：var name = 'tanaka'
- データ型：Number,String,Boolean,Null,Undefined,Object型がある
- 関数：function 関数名(引数1,引数2...){処理}
- スコープ：グローバルスコープとローカルスコープの2種類がある
- オブジェクト：複数のデータをまとめたものでキーと値の組み合わせで管理されている

// オブジェクトの例）
// オブジェクトの生成
var obj = {
    name : 'tanaka',
    other : {address : 'Tokyo'},
      getName : function {
        return this.name;
      }
};

// 値の取り出し
console.log(obj.name);
console.log(obj.other.address);
console.log(obj.other.getName());

オブジェクトの生成

オブジェクトを生成する方法として次の二つがある
- オブジェクトリテラル
  - よく使われるシンプルな形式
  - {name : 'tanaka',...}
- コンストラクタ関数とnew
  - Javaのクラスのよう、コンストラクタ関数をnew演算子で生成（インスタンス）する
  - プロトタイプを使い、コンストラクタ関数から複数のインスタンスが生成された場合に効果を発揮（プロトタイプを使い親が保有しているメソッドを共有することでメモリを節約できる）

// コンストラクタ関数とnewの例）
// 1.コンストラクタ関数"Person"を生成
// 慣例的にコンストラクタ関数の一文字目は大文字
var Person = function() {
    this.name = 'sato';
    this.address = 'Tokyo'
    return this;
}
// 2.コンストラクタ関数"Person"のプロトタイプにメソッド追加
Person.prototype.getAddress = function {
    return this.address;
}
// 3. 生成されたオブジェクトを格納
var person = new Person();
person.getAddress(); // "Tokyo"が取得できる

this

読み込み専用の変数（最初は掴みにくく乱用しがち）
次のようなルールで使う
- コンストラクタ：生成するオブジェクト
- オブジェクトのメソッド：呼び出し元のオブジェクト
- イベントハンドラ：イベントの呼び出し元の要素
- callまたはapply：指定したオブジェクト
- それ以外：グローバルオブジェクト

DOM（Document Object Model）

JavaScriptからHTMLやCSSにアクセスするための仕組み
DOMツリーとして、window.documentからアクセスできる（HTMLのタグの階層）
DOMで出来ることは大まかに次の３つ
- DOM要素の情報の取得・変更：document.getElemenById('ID名');
- DOM要素の追加：var btn = document.createElement('span');document.body.appendChild(btn);
- イベント関数登録：window.onload = function() {処理};

非同期通信

Ajaxを利用する上で欠かせない技術
Ajaxを利用する場合、主流な方法は次の二つ
- XMLHTTPRequest通信：サーバとデータをやりとりするAPI（データ形式はXML系とJSON形式がある）、オリジンが一致しないと通信できない（安全な通信を行うためのセキュリティ制限あり）
- JSONP通信：XMLHTTPRequest通信ではオリジンが一致しないと通信ができないので、それを解決するために登場した（scriptの読み込みはドメイン間の制限を受けないため、動的なscriptラグを読み込みコールバック関数を使って実現んできる）

その他

レガシーブラウザ対応

HTML5/CSS3の新機能はどれも魅力的で使いたくなるが、HTML5/CSS3に対応していないようなレガシーブラウザにはどのように対応すれば良いか
次の３つの考え方で対応
- プログレッシブ・エンハンスメント：レガシーブラウザを基準にした見せ方を提供、HTML5/CSS3に対応したブラウザはよりリッチな見せ方を提供
- グレイスフル・でグラデーション：プログレッシブ・エンハンスメントとは反対の考え、HTML5/CSS3などの最新技術を基準にした見せ方を提供し、レガシーブラウザは最低限を提供
- ポリフィル：レガシーブラウザでもJSライブラリを用いて擬似的にリッチに表現
  - よく使われるライブラリ：html5shiv、CSS3 Pie、Selectivizr、css3-mediaueries-jsなど

MBaaS 比較

iOS 契約関係サービス

f:id:Amarron:20121004112316j:plain

概要

MBaaS（「エムバース」と読みます）はMobile Backend as a Serviceの略で，去年の中頃から米国で使われるようになった用語です。一般的にBaaSと呼ばれているサービスは，IaaS（Infrastructure as a Service）やPaaS（Platform as a Service）と比較すると，プログラミングや構築，運用の手間がかからないものを指す場合が多く，MBaaSはモバイル版BaaSですので，iOS, Android, JavaScriptなどのモバイルアプリの開発環境でそのまま使えるSDKが提供されています。いろいろなサーバ機能がすべて，SDKのAPI経由で利用できるので，アプリを開発するだけで，リリースすることができます。ユーザ管理，データ管理，プッシュなどの機能がひと通り揃っていて，そのサービスを使うだけで大体のことができてしまう汎用的なMBaaSは，米国のParse社，Kinvey社，StackMob社，日本のKii株式会社などが提供しています。

参考URL：第2回　MBaaSとは

サービス比較

比較1

比較2

機能の種類	Parse	ニフティクラウド	アピアリーズ	Kii Cloud
ユーザー	会員管理・認証	会員管理・認証	ユーザー管理・認証	ユーザー管理
権限管理	権限管理	権限管理	アクセス制限機能	Objectに対するアクセス権
データストア	データストア	データストア	データベース機能	データ管理
ファイルストア	ファイルストア	ファイルストア	ファイル機能	Object Bodyのアップロード
位置情報	位置情報検索	位置情報検索	ロケーション機能	位置情報
プッシュ通知	プッシュ通知	プッシュ通知	プッシュ通知	プッシュ通知
SNS連携	SNS連携	SNS連携	-	外部サービスを利用した認証
アプリ分析	アプリ分析	-	-	アプリ分析
バックグラウンドジョブ	バックグラウンドジョブ	-	-	スケジュール起動
サーバー	-	-	-	サーバー機能拡張
A/Bテスト	-	-	-	A/Bテスト
APIリクエスト数	30/秒	200万回／月	10,000/月	100万回／月
プッシュ通知	100万回（100万の端末）／月	200万回／月	500/月	100万回／月
ストレージ	データストレージ 20GB
ファイルストレージ 20GB	基本ストレージ 5GB	基本ストレージ 100MB	1GB
データ転送	2TB	-	1GB	-
その他	バックグラウンドジョブ 1	ファイルサイズ制限 5MB	-	A/Bテスト 1/月

参考URL:無料で十分試せるMBaaS、ニフティクラウド mobile backendを使ってみる

その他(MBaasとPaasの組み合わせ)

Nifty(MBaas)とMonaca(Paas)を使ってチェックインアプリが１〜２時間でサクッと作れます。
とりあえずサービスの使い方やイメージを抑えるのに丁度いいと思います。
参考URL： Nifty(MBaas)とMonaca(Paas)でチェックインアプリを作成する

2015-04-01

iOS HTTP メモ

iOS http swift 開発

iOSのHTTP関係のプログラムやメモです
随時更新していく予定です

Flow

HTTP リクエストを発行しレスポンスを受信するまでのプログラムの流れはだいたい次の通り。

NSURLConnectionの場合

リクエストヘッダ(NSURLRequest)を作る
NSURLConnectionのクラスメソッドを用いリクエストを発行する
レスポンスヘッダ(NSURLResponse)とレスポンスボディを取得する

NSURLSessionの場合

セッションクラス(NSURLSession)を作る
タスクを生成する
タスクの実行する

// playgroundの場合↓のコメントアウトを消す
// import XCPlayground

/*
* NSURLConnection(非同期)
*/
func myNSURLConnectionAsync() {
    // 通信先のURLを生成.
    let url:NSURL = NSURL(string:"http://httpbin.org/get")!
    // リクエストを生成.
    let request:NSURLRequest = NSURLRequest(URL:url)
    let queue:NSOperationQueue = NSOperationQueue()
    // NSURLConnectionを使ってアクセス
    NSURLConnection.sendAsynchronousRequest(request, queue: queue, completionHandler:{ (response: NSURLResponse!, data: NSData!, error: NSError!) -> Void in
        // 帰ってきたデータを文字列に変換.
        var result = NSString(data: data, encoding: NSUTF8StringEncoding)!
        println("myNSURLConnectionAsync->\(result)")
    })

    // playgroundの場合↓のコメントアウトを消す
    // XCPSetExecutionShouldContinueIndefinitely(continueIndefinitely: true)
}

/*
* NSURLConnection(同期)
*/
func myNSURLConnectionSync() {
    // 通信先のURLを生成.
    let url:NSURL = NSURL(string:"http://httpbin.org/get")!
    // リクエストを生成.
    let request:NSURLRequest = NSURLRequest(URL:url)
    // NSURLConnectionを使ってアクセス
    var response: NSURLResponse?
    var error: NSError?
    let data = NSURLConnection.sendSynchronousRequest(request, returningResponse: &response, error: &error)
    var result = NSString(data: data!, encoding: NSUTF8StringEncoding)!
    println("myNSURLConnectionSync->\(result)")
    
    // playgroundの場合↓のコメントアウトを消す
    // XCPSetExecutionShouldContinueIndefinitely(continueIndefinitely: true)
}

/*
* NSURLSession(非同期)
*/
func myNSURLSession() {
    // 通信先のURLを生成.
    let url:NSURL = NSURL(string: "http://httpbin.org/get")!
    // セッションの生成.
    let session = NSURLSession(configuration: NSURLSessionConfiguration.defaultSessionConfiguration())
    // 通信のタスクを生成.
    let task = session.dataTaskWithURL(url, completionHandler: {
        (data, response, err) in
        
        // 帰ってきたデータを文字列に変換.
        var result = NSString(data: data, encoding: NSUTF8StringEncoding)!
        println("myNSURLSession->\(result)")
        
    })
    // タスクの実行.
    task.resume()

    // playgroundの場合↓のコメントアウトを消す
    // XCPSetExecutionShouldContinueIndefinitely(continueIndefinitely: true)
}

参考UTL：NSURLSession のまとめ

Json

jsonを取得しパース

func myNSURLConnectionSync() {
    // 通信先のURLを生成.
    let url:NSURL = NSURL(string:"http://httpbin.org/get")!
    // リクエストを生成.
    let request:NSURLRequest = NSURLRequest(URL:url)
    // NSURLConnectionを使ってアクセス
    var response: NSURLResponse?
    var error: NSError?
    let data = NSURLConnection.sendSynchronousRequest(request, returningResponse: &response, error: &error)
//    var result = NSString(data: data!, encoding: NSUTF8StringEncoding)!
//    println("myNSURLConnectionSync->\(result)")
    
    // Jsonでパース
    let json:NSDictionary = NSJSONSerialization.JSONObjectWithData(data!,
        options: NSJSONReadingOptions.AllowFragments, error: nil) as! NSDictionary
    for (name, value) in json {
        println("key:\(name) value:\(value)")
    }
}

GCD

GCDを使った非同期完了後の処理

func myNSURLConnectionAsync() {
    // 通信先のURLを生成.
    let url:NSURL = NSURL(string:"http://httpbin.org/get")!
    // リクエストを生成.
    let request:NSURLRequest = NSURLRequest(URL:url)
    let queue:NSOperationQueue = NSOperationQueue()
    // NSURLConnectionを使ってアクセス
    NSURLConnection.sendAsynchronousRequest(request, queue: queue, completionHandler:{ (response: NSURLResponse!, data: NSData!, error: NSError!) -> Void in
        // 帰ってきたデータを文字列に変換.
        var result = NSString(data: data, encoding: NSUTF8StringEncoding)!
        println("myNSURLConnectionAsync->\(result)")
        
        // GCD(Grand Central Dispatch)
         dispatch_async(dispatch_get_main_queue(), {
              // 完了後に実行する処理（self.tableView.reloadData()等）
          })
    })

}

参考URL：[Swift 1.1] swiftで api を叩いて、JSONをパースして、表示させる方法 (xcodeは6.1, iOSは8.1)

Auth

NSURLAuthenticationChallenge

cookie

Cookieの永続化

// Cookieの永続化
import UIKit

class AppDelegate: UIResponder, UIApplicationDelegate {
    let SavedHTTPCookiesKey = "SavedHTTPCookies"

    func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
            self.window = UIWindow(frame: UIScreen.mainScreen().bounds)

        self.loadCookie()
        
        return true
    }
    func applicationDidEnterBackground(application: UIApplication) {
        
        self.saveCookie()
    }

    func saveCookie() {
        let cookiesData:NSData = NSKeyedArchiver.archivedDataWithRootObject(NSHTTPCookieStorage.sharedHTTPCookieStorage().cookies!)
        NSUserDefaults.standardUserDefaults().setObject(cookiesData, forKey: SavedHTTPCookiesKey)
    }
    
    func loadCookie() {
        if let cookiesData:NSData = NSUserDefaults.standardUserDefaults().objectForKey(SavedHTTPCookiesKey) as? NSData {
            for cookie:NSHTTPCookie in NSKeyedUnarchiver.unarchiveObjectWithData(cookiesData) as [NSHTTPCookie] {
                NSHTTPCookieStorage.sharedHTTPCookieStorage().setCookie(cookie)
            }
        }
    }
}

Custom URL Scheme

Custom URL Schemeの処理をシンプルに書く
- URLの設計：scheme://controller/action?query
- アプリ側は受け取ったcontrollerを元に、使用するcontrollerクラスを選び、そのcontrollerクラスにactionとqueryを渡す。
- 各actionの挙動については各々のcontrollerに任せる

import UIKit

class AppDelegate: UIResponder, UIApplicationDelegate {
    func application(application: UIApplication, openURL url: NSURL, sourceApplication: String?, annotation: AnyObject?) -> Bool {
        var result:Bool = true

        let schema:String = url.scheme!
        let host:String   = url.host!
        let action:String = url.lastPathComponent!
        let query:String  = url.query!
        return result
    }
}

外部ライブラリ

note

特にこだわりがないようであれば、Alamofireを使ったほうがよさそう(画像のキャッシュとか自分でコードを書く量が最終的に少なくてすみそう)

HTTPの確認に便利

httpbin(1): HTTP Request & Response Service(jsonの確認にカナリ便利！)

概要

前提条件

手順

その他

参考URL

ステップ１ まずは人が欲しがるものを作れ

ステップ２ 自分なりのグロースハックを探して

ステップ３ クチコミを巻き起こせ

ステップ４ 掴んだユーザーを手放すな

感想

YAPC概要

全体の感想

自分が聞いたトーク

Podcastを支える技術、エンジニアのためのWebメディア、そしてCPAN/Yusuke Wada

内容

サーバーサイドエンジニア(特にPerl)のためのiOSアプリ開発入門/Daisuke Murase

内容

ランチセッションA/株式会社Fusic

Adventures in Refactoring/Ben Lavender

内容

Refactoring

Reason

Techniques

Proble

Breaking it down

Tools

最後に

概要

詳細

感想

概要

HTML5とは

HTML5で追加された主な要素

HTML5で使える新機能

CSS3

CSS3とは

CSS3で使える新機能

JavaScriptとは

オブジェクトの生成

this

DOM（Document Object Model）

非同期通信

その他

レガシーブラウザ対応

おすすめ書籍

概要

サービス比較

比較1

比較2

その他(MBaasとPaasの組み合わせ)

Flow

NSURLConnectionの場合

NSURLSessionの場合

jsonを取得しパース

GCD

GCDを使った非同期完了後の処理

Auth

Cookieの永続化

Custom URL Scheme

外部ライブラリ

note

HTTPの確認に便利

参考URL

ステップ１　まずは人が欲しがるものを作れ

ステップ２　自分なりのグロースハックを探して

ステップ３　クチコミを巻き起こせ

ステップ４　掴んだユーザーを手放すな