『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 多くのユーザーに愛されるフリマアプリ『メルカリ』ですが、そのスムーズな画面描画はどのような技術で生み出されているのでしょうか。同アプリの高速表示の秘密を、バックエンド、iOS、Androidの3方向からメルカリ社のエンジニア4人に聞きました。 バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの刷新 【Tips5】『UIStackView』を活用し、UIの描画をより滑らかにする Androidアプリの高速化を

UPDATE (Nov 2017): This article has been updated to include Foxit MobilePDF SDK, a feature-rich mobile PDF SDK solution with extensive support for advanced PDF features. For more details, see my latest post. Being able to preview as well as editing PDF documents is a very common requirement in many Android or iOS applications such as eBook readers or PDF form filling utilities. This article shares

スマートフォンやタブレットの種類はとても多く、とても全ての端末でテストすることはできません。そこで使ってみたいのがクラウドベースで実機をレンタルしてくれるサービスです。実に300種類を越えるデバイスをWebブラウザを介して使えるようにするサービスなどがありますのでぜひチェックしてください！エミュレータ/シミュレータを使ったテストは大事ですが、それでもなおスマートフォンアプリでは実機テストが欠かせません。速度的な問題やCPU/メモリが少ないために起こる不具合もあります。快適に操作できるUXはやはり実機を使わないと分からないでしょう。 しかしスマートフォンやタブレットの種類はとても多く、とても全ての端末でテストすることはできません。そこで使ってみたいのがクラウドベースで実機をレンタルしてくれるサービスです。実に300種類を越えるデバイスをWebブラウザを介して使えるようにするサービスなどがあり

Google IO 2016にて発表されたFirebase Test Labを試してみました。メリデメ、感じたことなどまとめました。 (6/2/2016 追記しました) tl;dr 2016年5月時点では、サポート端末の観点からアメリカ以外で使うにはまだ早そう。またネットワーク通信エラーでテストがぽこぽこ落ちるのでまだ様子見レベルで使うのが良さそう。 メリット 設定が簡単。とにかく簡単 設定のステップはこちらにあります。Android Studio 2.0 を使っている場合、普通のテスト設定を行う感じで簡単に設定できます。 Test Labを使用するためにはBlazeにアップグレードする必要があります。そのため支払い設定などもする必要がありますが、それを含めても所要時間15分もかかりません。 Android Studio上で全ての設定ができる 安い。実機テストが容易にできる Test La

フラットプラン プランの購入方法はこちらをご覧ください。 月額固定料金でスマートフォンを使い放題にできるプランです。申し込み初月無料！ クラウドサービスなので24時間365日いつでも700機種以上のiOSおよびAndroidの実機端末をすぐにご利用いただけます。 例えばFLAT5プランなら、一人が5台を同時に利用する、または、5人が1台ずつ同時に利用するなどフレキシブルに使うことができます。また、利用が終わればすぐに違う機種を借りることができるので、連続してテストを行うことなどができます。

スマートフォンの普及に伴い、インターネットの利用はデスクトップからモバイルにシフトしており、最近の調査ではスマートフォンからのアクセスがパソコンを上回るウェブサイトも増えています。 Seleniumでもこのモバイルへの対応が重要なテーマになっており、 Seleniumプロジェクトやその周辺プロジェクトにおいて、既に様々なツールがリリースされています。 今日は、このSeleniumによるモバイルテストの現状についてご紹介します。 iPhoneDriverとAndroidDriver Seleniumプロジェクトのモバイルへの対応はかなり早くから始まっており、2009年2月にはiOS(iPhoneおよびiPad)のブラウザテストを行うiPhoneDriver※1が 、2010年6月にはAndroidのブラウザテストを行うAndroidDriverがリリースされています※2。(ちなみにSelen

これまで主に金融業のお客様に対し、Web・モバイルアプリ開発における 品質保証やセキュリティの分野で様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に対し、 Web・モバイルアプリ開発における 品質保証やセキュリティの分野で 様々なプロジェクトを支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った最適な ソフトウェアテストソリューションで 貴社の抱える「品質課題」を解決します。 これまで主に金融業のお客様に 対し、Web・モバイルアプリ開発に おける品質保証やセキュリティの 分野で様々なプロジェクトを 支援してきました。 これまで培ったノウハウを基に、 お客様のニーズに寄り添った 最適なソフトウェアテスト ソリ

Windows環境のChromeでiPhoneSafariのデバッグをする Edge Inspect使用 2012/11/6 iOS5までは、端末のSafariに開発メニューがあり、そこからコンソールログなど、Webサイトのデバッグ表示ができたのですが、見当たらないと思ってたら、iOS6からはWebインスペクタに変わっていました。 weinreというリモートで動くWebサイトのデバッグツールが使われています。 Adobe Community: Forum: Edge Inspect どんなものか試してみましたので、ここではWindows環境のChromeでiPhoneSafariをデバッグする手順を簡単にご説明します。 必要なものはこちら。一度インストールしてしまえばあとは接続するだけなので簡単です。 iPhone：実機（WiFi接続）＋「Edge Inspect」アプリ Windows：

Androidã‚„iPhoneのHTML,CSS,JavaScriptのバグまとめ Androidã‚„iPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  ã‚’ に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

ツール 個人的には Vim を好むようだが、Henneke 氏がこのプロジェクトで使用したツールについて以下のように述べてくれた。 「Eclipse内で検索するのは、びっくりするほど遅く煩わしいものです。」 「Xcodeのオーガナイザでドキュメントを検索するのは、腹立たしいほど遅いです。」彼は後に検索を速くする方法を発見した。 「Eclipse（および Androidプラグインの logcat 統合機能）のタグによるログの絞り込みはとても役に立ちます。」 「双方のIDEとも、コード補完機能は、本当に素晴らしいものです。」 「Xcodeのインターフェイス・ビルダは使い物になりません」 「Xcodeのインスツルメント機能は、プロファイリング、計測、デバッグに極めて有効です。」 「Androidエミュレータは完全なる時間の無駄です。その遅さときたら、ほとんど冗談のような代物です。私の開発サイクル