Effective web performance tuning for smartphone
1. Copyright (C) DeNA Co.,Ltd. All Rights Reserved. Effective Web Browser Performance Tuning for Smartphone 1 Dec 16, 2014 ! Kei Takahashi kei.takahashi@dena.com Game Development Infrastructure Gr. DeNA Co., Ltd. ~FINAL FANTASY Record Keeper の軌跡~ 2. 自己紹介 2 Copyright (C) DeNA Co.,Ltd. All Rights Reserved. 高橋 慧 (たかはし けい) Japanリージョン ゲーム事業本部 技術・編成部 ゲーム開発基盤グループ(GDI)所属 Web Frontend Engineer といいつつ最近はアプリにお
Notification UX - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ ■ Notification UX：最適なプッシュ通知のための UX 観点 iPhone,Android のネイティブアプリの特権であるプッシュ通知／Notification。 ユーザーの行動を喚起するために、便利に使えるサービスでありながら、 通知の送り方を一度間違えてしまうと、ユーザーに嫌われてしまいます。 そうすると、サービス事業者は失敗を恐れるあまり、 通知を送って失敗するよりも、送らないで済まそうと考えるようになってしまいます。 最悪、通知の方法を失敗すると、 それほど日常的
NewsPicks クラッシュしないアプリ制作の鉄則 - Uzabase for Engineers
NewsPicksサービスの開発を行っている大川です。 本日はNewsPicksのスマホアプリがどんな設計になっているかを紹介します。社内LTネタを元にしています。 階段の部分はどうやってるの？（『NewsPicksのUIデザイン』） 文字が読みやすいように工夫しているの？ などいろいろと観点はあるとは思いますが、まずは全体として絶対に守っている「竜骨」とも言うべきコアの設計についてお話しします。どのアプリでも必ず守るべき鉄則となります。 鉄則とは端的に言うと、 ビジネスロジックをView, ViewControllerに密結合させない ということです。 まず大前提として、下記の3レイヤーに分けた設計を行います。 プレゼンテーション層は、ユーザーの操作に従ってViewのコントロールを行います。 ビジネス層は、データそのものや、データの取り扱い責務を担います。Viewへのデータ変更通知も行い
作って学ぶSwift/iOSアプリ入門 - CAMPHOR- Tech Blog
AppleがWWDC2014にてSwiftを発表してから2ヶ月近くが経ちました。OS X/iOSのアプリ開発に存在するObjective-Cの壁は取り払われ、より多くの人に馴染みやすい言語として現れたSwiftはコミュニティへの新たな開発者の流入を促し既存の開発者にもより安全でモダンなスタイルでの開発を可能にした点でとても歓迎されています。 既に沢山の入門文献や言語の特徴的な振る舞いを解説した文章が日本語で世に出回っていることは承知の上でありますが、最近のbeta 3で変更になった部分やこの2ヶ月で溜まってきたナレッジをもとにあらためて言語からアプリ開発まで一貫した解説記事を残したいと思いました。 本記事の構成はまず速習Swiftで文法の基礎的なところを話し、その後Todoアプリの作成を通じてクラスや構造体、UIKitを用いたアプリ制作の具体的な話をしていきます。読者は他言語を多少触ったこ
iOS開発で利用しているオープンソースのライブラリやサービスを紹介 - Hatena Developer Blog
こんにちは。アプリケーションエンジニアのid:sakaharaです。 この記事ははてなエンジニアアドベントカレンダー2014の20日目です。 昨日はid:wtatsuru によるはてなにおけるサーバリソース可視化とMackerelでした。 今日ははてなのiOS開発で利用しているオープンソースのライブラリやサービスも含め、開発をよりスマートにしてくれる様々なものを紹介したいと思います。 パッケージ管理 CocoaPods (MIT License) まずライブラリ管理をするための管理ツールとして欠かせません。 最近ではSwiftに対応したCarthageも登場していますが、CocoaPodsのSwift対応版の開発も進んでおり そのまま使い続けるのもよいと思います。 ライブラリ AFNetworking (MIT License) 改めて紹介する必要はないほどの定番のHTTPネットワーク通信
iOSで使えるライブラリなリポジトリまとめ
iOSLib.md iOS開発で気になるライブラリ まとめ https://gist.github.com/PGMY/4991912 ⇒Gistに貯めていってたのをもってきました。 http://qiita.com/PGMY/items/2a9d1f6355693b6e9712 ⇒Qiita編 自分用めも。気になるもの・使ってみたいものと、実際利用して比較してみたいなーと思ってるチェックリスト的な for ios dev TODO : もうちょっと見やすく整理したい Library Coding REKit⇒公式ブログ iOS, OS X の開発で使える NSObject の拡張コレクション ・REResponder: Block を使ったインスタンスの動的メソッド実装／上書き機能 ・REObserver: Block を使って KVO (Key-Value Observing) を実現す
本当にあったTouchEventの怖い話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 事前知識: ブラウザ毎の差異 Android 2.x, 3.x 2.x, 3.x では伝統的に TouchEvent がまともに使えません。 経験上、一部端末でdocument.createEvent('TouchEvent')するとNOT_SUPPORTED_ERRを吐くなどの現象が見られ、seleniumのこのコードでも、MouseEventsを利用して無理矢理回避しています。 4.x (Stock Browser & WebView) 4.x では、やっと TouchEvent が利用できるようになります。 が、 イベントの初期化
はてなブックマークApp Extensionの裏側 - Hatena Developer Blog
こんにちは。はてなでアプリ開発をがんばっているアプリ＆ブックマークチームのid:yashigani_wです。 先日iOSアプリ「はてなブックマーク」で、iOS 8で新たに追加された「App Extension」を使ってMobile Safariなどのアプリから簡単にブックマークできる機能をリリースしました。 はてなブックマークのApp Extensionは既にお試しいただけたでしょうか？ Mobile Safariでシェアボタンをタップすると、はてなブックマークが登場！ ここから直接ブックマークできます！ もちろん、コメントやタグも付けられます。 今回は、はてなブックマークのApp Extensionにおける、はてなブックマークへの認証の設計について紹介します。 App Extensionとは まず、App Extensionの仕組みについてざっくり説明します。App Extensionと
Facebook: iOSアプリのアーキテクチャ - ワザノバ | wazanova
https://www.youtube.com/watch?v=XhXC4SKOGfQ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 39分前 FacebookのiOSチーム、Adam ErnstとAri Grantによる@Sacle 2014での講演。データモデルとビューレイヤの改善の取組みについて紹介してくれてます。 1) データモデル 背景 2年前からHTML5からネイティブに切り替えて一旦大きく改善したが、その後機能を追加するたびにアプリのパフォーマンスが悪化。 ネイティブに移行後、オブジェクトのキャッシュレイヤとしてiOSのCore Dataを使ったのが失敗であった。 Core Dataの役割は「整合性を含むオブジェクトグラフ管理」 Facebook iOSアプリの場合、サーバ側を正のデータとするが、
iOSアプリデザインリニューアルの舞台裏の舞台裏 - クックパッド開発者ブログ
技術部の松尾(@Kazu_cocoa)です。 iOSアプリデザインリニューアルの舞台裏でも書かれていた、" 修正期間中は毎日夜間にアプリケーションの全画面のスクリーンショットを記録するスクリプトを実行し、画面崩れが起きてないか、新デザイン未反映の画面はないか、進捗状況の確認に利用していました。"の舞台裏を少し書いてみようと思います。 はじめに モバイルアプリケーションのテスト環境はまだまだ成長中で、様々なツールが飛び交っていることかと思います。ここでは、E2Eテストに対しての話題に絞り、使っているツール、シナリオの書き方、クックパッドでは、という話しをします。この記事におけるE2Eテストは、UIからの操作によりユーザの操作を模倣して実施するテスト、という意味合いです。 ツール E2Eテストを自動化する為のツールの選定には以下を気にしていました。 OSの更新に追従できそうなもの 特別なテスト
iOS/Androidアプリエンジニアが理解すべき「Model」の振る舞い
iOS/Androidアプリを作る際に理解しておいて欲しい「Model」という役割について説明します。わりと意識していないケースがあるので、チェックしてみてください。Read less
個人アプリの爆速開発を支えてくれたiOSの便利ライブラリを紹介する - Think Big Act Local
先日 Go MemoというiOSアプリをリリースしました。 「あとで行く」ためのアプリ、Go Memoをリリースしました Go Memoは週末4日間くらいで作ってリリースしたアプリなのですが、こうしてスピードを出せたのは便利なライブラリのおかげです。 この記事ではGo Memoで使ったライブラリを紹介しようと思います。 便利なiOSライブラリ AFNetworking 言わずとしれた定番ライブラリ。作者の mattt さんも非常に有名です。サーバーとのHTTP通信はほとんどこれに頼っていて、NSURLSession とか自分で書いてないです。 Go Memoでは foursquare API をたたく所で利用しています。 NSDictionary *params = ...; AFHTTPRequestOperationManager *manager = [AFHTTPRequestOp
Webサイトがあるアプリなら必須対応になりそうな、App Linksを使ってみた - Lebe Inc. Blog
2014年4月20日、FacebookがF8カンファレンスでApp Linksというアプリ間連携のための新しい仕組みを発表しました。App Linksではこの仕組みをオープンにし、全ての開発者が利用できることを目標としています。 FacebookアプリからTumblrの記事を開こうとしたらアクションシートに「Tumblrで開く」があります。これがApp Linksで実装できます。 簡単な機能紹介はニュースサイトから引用します。 アプリ開発者は、アプリのコンテンツに数行のコードを追加することでApp Linkメタデータをパブリッシュできる。このコンテンツにリンクするアプリはメタデータを利用してアプリに“deep-link”できるようになる。例えば映画紹介アプリ内に映画のチケット販売アプリへのリンクをApp Linksで入れておけば、ユーザーは映画紹介アプリからチケット販売アプリを直接開いてチ
Seleniumのモバイルテストは今どうなっているのか | MagicPod Tech Blog | MagicPod: AIテスト自動化プラットフォーム
スマートフォンの普及に伴い、インターネットの利用はデスクトップからモバイルにシフトしており、最近の調査ではスマートフォンからのアクセスがパソコンを上回るウェブサイトも増えています。 Seleniumでもこのモバイルへの対応が重要なテーマになっており、 Seleniumプロジェクトやその周辺プロジェクトにおいて、既に様々なツールがリリースされています。 今日は、このSeleniumによるモバイルテストの現状についてご紹介します。 iPhoneDriverとAndroidDriver Seleniumプロジェクトのモバイルへの対応はかなり早くから始まっており、2009年2月にはiOS(iPhoneおよびiPad)のブラウザテストを行うiPhoneDriver※1が 、2010年6月にはAndroidのブラウザテストを行うAndroidDriverがリリースされています※2。(ちなみにSelen
iOSアプリケーションチュートリアル
iOSアプリケーションチュートリアル iPhone 2011-06-06 Apple Inc. © 2011 Apple Inc. All rights reserved. 本書の一部あるいは全部を Apple Inc. から 書面による事前の許諾を得ることなく複写 複製（コピー）することを禁じます。ま た、製品に付属のソフトウェアは同梱のソ フトウェア使用許諾契約書に記載の条件の もとでお使いください。書類を個人で使用 する場合に限り 1 台のコンピュータに保管 すること、またその書類にアップルの著作 権表示が含まれる限り、個人的な利用を目 的に書類を複製することを認めます。 Apple ロゴは、米国その他の国で登録され た Apple Inc. の商標です。 キーボードから入力可能な Apple ロゴにつ いても、これを Apple Inc. からの書面によ る事前の許諾なしに商業的
2つ目のiOSアプリケーション：ストーリーボード
2つ目のiOSアプリケー ション：ストーリー ボード 目次 2つ目のiOSアプリケーションの作成について 4 At a Glance 5 モデルレイヤの設計と実装 5 マスタシーンと詳細シーンの設計と実装 5 新規シーンの作成 5 問題の解決と次のステップの考察 6 関連項目 6 入門 7 プロジェクトの新規作成 7 デフォルトプロジェクトのビルドと実行 9 ストーリーボードとそのシーンの調査 12 まとめ 15 モデルレイヤの設計 16 データユニットの決定とデータオブジェクトクラスの作成 16 Data Controllerクラスの作成 21 まとめ 27 マスタシーンの設計 31 Master View Controllerシーンの設計 31 Master View Controllerの実装 35 アプリケーションデリゲートでのアプリケーションの設定 37 まとめ 39 詳細シー
IOS/Androidアプリの３つの大事な設計方針
5. 端的に言うとこういうこと • Model と それ以外を分ける • Objectのライフサイクルと参照関 係の整理理をしよう • ⾮非同期制御でState Machineを活⽤用 しよう 11つずつ説明していくよ 7. まずは「MMooddeellって何？」っ てことよね。 MMooddeellが意味する範囲は広い のよ。 基本的にはアプリケーション データの本質的な処理をする のがMMooddeellに相当するわ。 といってもピンとこないから、 「何がMMooddeellでないか？」を 考えるとわかりやすいよ。 8. 簡単に言うとMMooddeellは アプリの中でUUIIに関係しない部分 つまりUUIIに関係する部分はMMooddeell ではないわ UI=User Interface: ユーザの操作を受け付けたり何かを表⽰示をする部分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長生きするために心臓に悪いリリースはもうやめよう
株式会社ビビンコ
GitHub - mixi-inc/iOSTraining: Training course repository for iOS app development
