http://www.infoq.com/presentations/facebook-ios-architecture 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 「Facebook: iOSアプリのアーキテクチャ」でご紹介した、Reactの仕組みをiOSアプリのニュースフィードに応用した取組みについて、同社のAri Grantが今回は、実際にFacebookのiOSアプリで使われているコードを使って紹介してくれてます。InfoQのサイトでビデオを是非ご確認ください。 iOSのUIづくりの複雑さに、表示内容が常に変化するニュースフィードの仕様が拍車をかけて、 60 fpsを実現したい。=> レンダリングにフレームあたり17msしかとれない。 テキストレイアウトは時間がかかる。=> バックグランド
AutoLayoutを使ってセル上を左にスワイプすると、セルの右側がオープンするUITableViewCellを実装してみます。セルの削除のときによく出てくるあれを自分で実装する感じです。 AutoLayoutやstoryboardにある程度知識がある方を前提としていますので、適宜不足している情報は補って実装してみてください＞＜ 準備編 まずは、通常通りにstoryboardでUITableViewを実装します。 次に、スワイプした時にわかるようにセルの背景色を変えておきます。 これで準備完了です。スワイプできるセルを実装していきます。 TableViewを貼り付けているViewControllerは以下のようになっています。普通です。 import UIKit class ViewController: UIViewController, UITableViewDataSource {
English UIAppearance の proxy メソッドから見た目を変更して、即時全画面に適用する方法を調べていて、UISS という iOS で JSON 形式の Stylesheet を扱うライブラリにその答えがあったので、メモです。 UISS#refreshViews - (void)refreshViews { [[NSNotificationCenter defaultCenter] postNotificationName:UISSWillRefreshViewsNotification object:self]; for (UIWindow *window in [UIApplication sharedApplication].windows) { for (UIView *view in window.subviews) { [view removeFromSup
iOSにも画面フラグメントの時代がきました。 特にややこしくしているのが、iPhone6 Plusです。ピクセル比が3倍。 iPhone6 plusのiOSシミュレーターで画面のサイズをデバッグしてみると「414 x 736」になり、3倍すると「1242 x 2208」ですが、公称では「1080 x 1920」です。ということはピクセル比は正確には@2.46とかなのかな・・・。この辺りの仕組みがまだつかめてません。 既存プロジェクトの対応方法 iPhone6/6+のiOSシミュレーターで、既存のiOSプロジェクトを特に何もせずにビルド、実行すると「320 x 568」いわゆるiPhone5/5sサイズを拡大したような形で表示されます。（iPadでiPhoneアプリをx2で実行したような感じ。ただiPad⇔iPhoneほどの解像度の差は低いので、そこまで違和感は感じない。） iPhone6/
A substitute scroll indicator for iOS UIScrollViews. Looks and behaves identically to the native iOS scroll indicator, but allows custom colors. As Seen In Unread - an RSS Reader – Unread, both for iPhone and iPad, uses JTSScrollIndicator to allow the scroll indicator to subtly change to an appropriate color for each of the many color themes in the app. Unnamed Time Zone App – A time zone app I'm
The motivational run-tracking app Runkeeper has over 40 million users! This tutorial will show you how to make an app like Runkeeper that will teach you the following: Uses Core Location to track your route. Shows a map during your run with a constantly updating line marking your path. Reports your average pace as you run. Awards badges for running various distances. Silver and gold versions of ea
สล็อตเว็บตรง ฝาก-ถอน ไม่มีขั้นต่ำ เว็บตรงสล็อต FAFA666 ที่คนเล่นเยอะที่สุด พบกับเกมทำเงินที่ง่ายที่สุดในตอนนี้ได้แล้วกับการเข้ามาเล่นพนัน สล็อตเว็บตรง ของเรา ในตอนนี้ที่มีอัตราการชนะสูงถึง 95 เปอร์เซ็นต์ ซึ่งจะทำให้คุณสามารถกอบโกยกำไรได้ง่ายมากๆ แถมการเข้ามาเล่นพนันที่ สล็อต ของเรา ในตอนนี้ยังมีการฝากถอนแบบไม่มีขั้นต่ำให้นักพนันทุกคนได้เล่นอีกด้วย ซึ่งการฝากถอนไม่มีขั้นต่ำนั้นจะทำให้นักพนันทุกคนสา
こんにちは！ なんと早くも2度目の登場です、iOSエンジニアの木村です。 最近、ついに実家から独立しました。 これで電車を気にせず、存分にObjective-Cを書けるかと思うと、もう（…） と言いつつ、ネイティブチームの中で誰よりも早く帰るのですが ｗ さて、今回は今、僕が携わっている「Couples」 で実際に使っているViewの実装について、じっくり書きたいと思います！ FacebookのタイムラインのようなUIを実装したいと考えている方は必見です！ FacebookタイムラインのUIを再現！ Facebookを筆頭に、タイムラインを使うアプリでよく見かける、このUI。「Couples」でもタイムラインの写真の表示に使っています。 写真が横に並び、両端に前後の写真が少し見えています。ユーザーが何も考えなくても自然にスワイプしたくなる、さりげない心遣いが魅力です。実装目線で細かく見てい
昨今アプリ開発を行う上でのUIアニメーションやデザインの重要性が非常に高まってきました。一方でアプリの質を保ちながら開発スピードを上げるためには、様々な工夫が必要です。 今回はDeNAの開発者である吉田正史さんに、開発事例をもとにどう現場の課題を解決し、効率を上げていったのかなどについて寄稿していただきました。 by 馬場美由紀 （CodeIQ中の人） 話に出てくるアプリの紹介 DeNA吉田です。 今回ご紹介するのは、実際に下記のアプリを開発する現場で直面した課題です。 RabbitCam RabbitCam Rabbit cam（ラビットカム）はアニメーションするスタンプやBGMを選び、合成して動画を作成するアプリです。 非常にかわいいスタンプをより、可愛くする細かい動きや、おしゃれに仕上げるための動画に対してのフィルタの色味など細かい調整を重ねました。 QuizNow QuizNow
最近は、プロトタイプツールがWebデザイナーやUI デザイナー界隈で流行っていますが、iOSのコードを直接いじれば、より高速に精度高いリリースプロダクトが作れるかもしれません。 DeNA高橋伸弥さんが今回ご紹介する UIAppearanceの部分だけでも触れると、スタイルシートのようにアプリのデザイン調整ができます。 by 馬場美由紀 （CodeIQ中の人） UIAppearanceはCSS のように、UI要素をまとめて装飾可能な技術です。 iOS5より搭載開始し、iOS6、iOS7と若干の変更が行なわれながら着実に進化している機構で、今現在のiOSアプリデザイン実装の必須知識と言えます。 iOS5,iOS6でスキュアモーフィズムでジューシーなグラフィックのUIのアプリが流行りましたが、まさにこの機能が活躍していたと言えます。 iOS7からいわゆるフラットデザインが流行っていますが、よりグ
by @mixiappwchr iOS開発において、UI/UXは最重要ポイントといっても、過言ではありません。 とは言っても、こればっかりはセンスをもちあわせてないと難しいですが、センスのよい人たちから学ぶことで、インスピレーションが鍛えられると思います そこで参考になるサイト群を探してみました。 アイコン類 iOSpirations http://www.iospirations.com/ こちらはアプリのアイコンやそれだけでなくランディングページのギャラリーもあります。 iOS7 After iOS 7 Icons http://afterios7icon.tumblr.com/ こちらはiOS７になりアイコンがどうなったかを比較したサイトです。 まだ調整してないアプリは参考になりそうです。 Made for iOS 7 http://madeforios7.tumblr.com/ こ
いくつかソースを見てきたのですが、 時と場合による としか言いようがない感がすごいですね。 ただ、当たり前ですが、 基本的にはMVCに則って作っていくのが良いです。 そして、Modelをちゃんと切り分けるというのが、テストをする上で非常に大事になってくるかと思います(一番テストしやすく、一番テストするべき)。結局テストを書かないにしても、テストしやすいコードは正義です。 さて、どうやって切り分けるかですが、ここが難しいです。 M,V,CとおまけのDelegateを、他の設計やソースを引き合いに出しながら、印象などを語っていきます。 Model Modelに関してですが、 Modelに通信機能を持たせる 通信を管理するClientが存在する という、２つのやり方がありそうです。 前者はBackbone.jsであったり(ModelやCollectionがfetchする)、Railsであったり(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UITableViewCell のセルのスワイプライブラリ
