ツイッターの公式アプリを使ったことがある人はこちらの起動画面を見たことがあると思います。ツイッターアイコンが現れ、そのアイコンがそのまま拡大して始まります。Launch Screenがアニメーションするのは海外製のアプリに時々みられる手法です。 これと同じようなことを弊社の無料の絵本アプリ PIBO(ピーボ)で実装してみました。 そのやり方のサンプルを紹介します。 #やり方 手法は至って簡単です。 ・①LaunchScreenを設置する ・②LaunchScreenと同じViewを起動時に表示する ・③そのViewをアニメーションさせる の３工程です。やっていることは結構簡単です。 ##①LaunchScreenを設置する 普通にLaunchScreenを作ればOKです。 ・LaunchScreen.xibにImage Viewを追加してlogo画像を設置します。 ・logoに対しAdd

OS X 10.7, iOS 6.1, Xcode 4.6 なにそれ？ ビュー（UITableView）を下にスライドさせることによって、更新アクションを起こすアレです。 こういうやつ。 ↑のこれをやりたかったんですけど、最初、これの名前が分からなかったので、どう実装すれば良いのかも調べられませんでした。これって、「Refresh Control」とか「Pull-to-Refresh」っていうんですって。 名称さえわかれば、あとはGooglingすれば済む話ですが、せっかくなので、使い方を書いておきます。 テスト用プロジェクトを新規作成 リフレッシュコントロールを使うには、まず、テーブルビューを構成する必要があります。 わざわざプロジェクト作成から書くこともないでしょうが、一応・・・ ・Xcode起動 ・Create a new Xcode project ・Single View App

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? iOS7から使用できるParticle Emitter Editorが SpriteKitで使えるパーティクルをXcodeで確認しながら簡単に作れそうで、 便利そうだったので今のうちにまとめておく。 とりあえず、メモ程度に。 （気が向いたら、画像とかも使って書こうかな^^; これを書いてる環境はXcode5.1.1なので、 Xcodeのバージョンが変わると、以下の表記も変わるかもしれないです。 #パーティクルファイルの生成とParticleEmitterEditorの表示 パーティクル用のファイルは 「NewFile」＞「Resourc

Swiftも1.0がリリースされ、SwiftでiOSアプリを申請できるようになりました。Swiftはとても学びやすい言語ですが、 Array （や Dictionary ）の挙動については最初戸惑う人が多いのではないかと思います。そこで、Swiftを学習するときに Array についてハマりそうな点をまとめました。 多くの言語では配列やリストは 参照型（Reference Type） として扱われますが、 Swiftの Array は 値型（Value Type） です。配列やリストが参照型である言語（Objective-C、C#、Java、JavaScript、Python、Ruby、…）に慣れ親しんでいる人ほど、この違いに戸惑うのではないかと思います。 本稿では Arrayが値型であることによってハマりがちなポイントについてまとめます 。個別のメソッドの使い方などでハマりがちな点につい

※当ブログではアフィリエイト広告を利用しています。 現在業務でiOSアプリを細々と作っていたりするのですが、APNS(Apple Push Notification Service)を利用したリモートプッシュ通知を実装する際にいろいろ手間取った点がありました。 実装するまでの手順をできるだけ詳細にまとめてみます。長いのでエントリを前編・後編に分けます。前編は「概要～プロビジョニングプロファイル」の準備の手順です。 APNS(Apple Push Notification Service)を利用したプッシュ通知の流れ プッシュ通知についての概要はApple公式ドキュメント「Local および Push Notification プログラミングガイド」で解説されていますが、単純化すると下記の流れとなります。 iPhone・iPadのアプリでプッシュ通知を許可し、APNSからデバイストークンを取

連載目次 前回の「スマホ世代でも分かるMacの基本的な使い方＆Xcodeをインストールする手順」では、Macの基本的な使い方とiOSアプリの開発用アプリケーション「Xcode（エックスコード）」をインストールし、起動するところまでを解説しました。iOSアプリはどのような環境で開発できるのか、ご理解いただけたかと思います。 また前回、Xcode 6.2ではiPhone／iPadアプリのみならず、2015年4月24日に日本でも発売開始となって話題のApple Watchのアプリも作れるようになったことに触れました。Apple Watchを手に入れた方は、本連載を読んでアプリ開発に挑戦してみてください。Apple Watchが使われるのは、これからなので、画期的なアイデアを思いついてアプリを開発したら一気に有名人になれるかもしれません。 今回から、いよいよプログラミングに挑戦しましょう！ 前回紹

処理が終わったら（サンプルでは２秒間のウェイトが入れてある） contentInsets.top = -60 へ戻してやる。すると最初のヘッダが隠れた表示に戻る。なお contentInsets も UIViewアニメーションの対象なので +[UIView animateWithDuration:aniamations:] を使うとヘッダが隠れるまでがアニメーションになる（逆に使わないと一瞬で切り替わり、やや不自然になる）。 コードではヘッダの表示制御用にメソッドを用意してある。こんな感じ。 - (void)_setHeaderViewHidden:(BOOL)hidden animated:(BOOL)animated { CGFloat topOffset = 0.0; if (hidden) { topOffset = -self.headerView.frame.size.heig

UITableViewCell の accessoryView というプロパティについてです。それほどマイナーなプロパティでもないので、実は当たり前なのかもしれませんが、最近便利さに気付いたので紹介します。 UITableViewCell には accessoryType というプロパティがあって、3種類のアクセサリが付けられます。 accessoryView は、これをカスタムな見た目にしたい時に使うぐらいのものだという認識でした。実際そうなのですが、よく考えたら UIView ならなんでも入れられるわけで、UISwitch だって入れられるんだなと。設定画面でスイッチがよく出てくるのですが、今まで contentView に addSubview していて、位置を合わせるのが面倒だと思っていました。でも accessoryView なら次のコードで終わりです。frame の origi

statuses を複数のメソッドからアクセスできるようにする まず、TwitterのAPIから取得したデータを格納するための statuses をインスタンス変数にして、複数のメソッドからアクセスできるようにします。 インスタンス変数とは インスタンス変数は、クラスの複数のメソッドからアクセスできます。これに対してローカル変数は、1つのメソッドからしかアクセスできません。 インスタンス変数を作るには、.hファイルで宣言を行う必要があります。 TimelineViewController.h ファイルを開いて、statuses の宣言を追加します。 @interface TimelineViewController : UITableViewController { NSArray *statuses; } これで statuses に複数のメソッドからアクセスできるようになりました。 取

Did someone say … cookies? X and its partners use cookies to provide you with a better, safer and faster service and to support our business. Some cookies are necessary to use our services, improve our services, and make sure they work properly. Show more about your choices.

4 - Twitter Frameworkの利用 iOS5になってから、iOS上で簡単にTwitterのAPIを利用することができるようになりました。 OAuth認証をしなくていいので、とても便利です。 そこで今回はこのTwitterFrameworkを利用して自分のタイムラインを取得したり、投稿してみたりします。 準備しておくもの：Twitterのアカウント 今回の流れ プロジェクトの準備 タイムラインの取得 タイムラインをUITableViewに表示 Twitterへ投稿 です。 ちなみに次回は、この辺をこまごまと改良して、よりそれっぽいクライアントを作っていく予定です。 プロジェクトの準備 それではまず、プロジェクトの準備です。 いつも通り、NewProjectから進み、今回はMaster-Detail Applicationをテンプレートとして選択します。 Device Famil

iPhone, iPod touchアプリ開発するときにApple Developer Centerからサンプルをダウンロードして参考にしながら開発しているけど、どのサンプルがどんな感じか忘れてしまうのでメモ。一覧でまとめたサイトはないものか・・・。 実際に動かしたものと（個人的に）参考になりそうなものだけ。順不同 UICatalog UIコンポーネントの一覧。 AppPrefs インフォメーション、設定画面への切り替え方 CoreDataBooks Core Dataを使ったアドレス帳。新規登録、削除、編集など基本的なことが分かる QuickContacts 上のCoreDataBooksを進化させてアドレス帳として完成度を高めた感じ。起動直後のメニューはplistファイルを使っている。 SimpleDrillDown ナビゲーションの使い方。データ部分がちゃんとクラスに別れている。 D

UITableViewなどのスクロール系のViewでサムネイル画像を出す場合、下記のような記述ではメインスレッドで画像がロードされるため、ユーザーのUI操作に影響が出てしまいます。 NSURL *url = [NSURL URLWithString:@"URL"]; NSData *data = [NSData dataWithContentsOfURL:url]; [instanceOfUIImageView setImage:[[UIImage alloc] initWithData:data]]; こういう場合は非同期通信を行うのが定石だと思いますが、参考になるサンプルがあまり無かったので試しに作ってみました。UIImageViewを継承したUIAsyncImageViewクラスです。 UIAsyncImageView.h 画像URLの指定と、通信中止用のメソッドのみ定義しています。

たまたま見つけて、試してみました。 andreyvit / SoloComponents-iOS iPhone/iPad components that are dead-easy to drop into your projects ATArrayView ATByteImage ATPagingView という3つのクラスが入っています。 ATArrayView デモプロジェクトを実行してみると、ATPagingViewは普通のUIScrollView使ったページング処理・・・ ATArrayView デモプロジェクトを実行してみると、 お、NSArrayの要素をUITableViewじゃなくてこういう感じに見せてくれるのはよさそう。 （でもThree20にこういうのあったような） ATByteImage デモプロジェクトがなかったので、ヘッダファイルみてみると -(id)initWi