iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin
私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
スマートフォン撮影のビデオをアップロードし作成する全身モーションキャプチャシステム「RADiCAL」。スーツやセンサ等は不要。iOSアプリ無料リリース
スマートフォン撮影のビデオをアップロードし作成する全身モーションキャプチャシステム「RADiCAL」。スーツやセンサ等は不要。iOSアプリ無料リリース 2018-05-09 米国のスタートアップ「RADiCAL」は、スマートフォンを用いて撮影したビデオをアップロードし作成できる全身3Dモーションキャプチャシステムを開発しています。 本システムは、スマートフォンなどで撮影した動画をクラウドにアップロードし、サーバ側で処理することで全身モーションキャプチャを可能にします。 ユーザは、1台のスマートフォンで撮影するだけですので、スーツ、センサ、カメラなどの特殊なハードウェアを用いることなく使用することができます。使用時のルールとして、全身をビデオに入れる、キャプチャは1人だけ、カメラの動きを減らすなどを注意します。 アップロードしたデータは、専用プラットフォームのダッシュボードにて管理することが
プッシュ通知などのイベントで起動した場合のデバッグ方法 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。モバイル開発チームに所属している小島です。 めったにはありませんが、たまにOSのイベントからアプリが起動されたときのデバッグを行いたいことがあります。 例えば、プッシュを受けた時や、ディープリンクで起動したときの application:didFinishLaunchingWithOptions: や Application#onCreate の挙動などです。 iOS の場合 Xcode のメニューから 「Debug > Attach to Process > By Process Identifier (PID) or Name」を選択します。 「PID or Process Name」 の部分に開発中のアプリ名(プロセス名)を指定して、「Attach」ボタンを押します。 そうすると、Xcode は、アプリが未起動の場合はプロセスが起動するまでアタッチを待機してくれます。 な
有名iOSアプリのログイン画面画像集 - Qiita
ログイン画面を作る時の参考に。 画像は全て2016年11月22日、23日時点のものです。 Instagram ログイン 登録 パスワード忘れた画面
iOS 9以下でもiPhone safariでインラインで動画再生する方法第三弾 - Qiita
いよいよFelicaポート搭載のiPhone 7が発表されましたね！サプライズもありまだまだ日本でのiPhone一強は続くのではないかと感じさせられました。 さて、そのiPhone 7に搭載される予定のiOS 10ではいよいよsafariでも動画のインライン再生が可能になります。 iOS 10 Safari から video の inline 再生が可能になります - latest log iOS 9以下でもインライン再生する iPhone Safariで動画をインライン再生する方法 - Qiita 【音声対応】 iPhone Safariで動画をインライン再生する方法続き - Qiita 以前書いたこの2つの記事で紹介した方法はいずれも、video要素のcurrentTimeを動かしてcanvas要素に描画するというものでした。 今更発見した新手法 今回見つけた手法では、canvas要素
iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました - koogawa blog
輝度センサーやモーションセンサーなど、iOSで検知できる様々な項目をまとめたサンプル集 iSensorSwift をGithubで公開しました。 github.com ▼機能の１つである「輝度センサー」のスクリーン iSensorSwift は昔書いたこちらのサンプル集を Swift で書き直したものになります。 興味のある方は、ぜひ使ってみてください！😀 検知できる項目 光・音声系 輝度センサー 近接センサー シェイクジェスチャー マイクの音 位置情報系 緯度・経度 電子コンパス 標高 移動・動作系 加速度センサー 歩数・進行状況 移動速度 その他 顔検出 バッテリー残量 実装方法を解説した記事 【Tips】iOSで輝度センサーを使う（Swift対応） - koogawa blog 【Tips】iOSで近接センサーを使う（Swift対応） - koogawa blog 【Tips】iO
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
フリー素材で作るiOSゲームアプリ〜フリー素材サイトとその探し方〜【その他】 - (:3[kanのメモ帳]
iPhone Advent Calendar 2013 - Adventar 11日目！ 直接iPhoneとは関係ない気がしなくも無いですが，気にしない！！！！ 前置き iPhoneでゲームアプリを作りたいけど，絵も書けないし作曲も出来ないから作れない！誰かに依頼するお金も無い！という場合におすすめなのがフリー素材です． そもそもフリー素材とは何ぞやってことになりますが，基本的に無料で使っていいよという物です． ただし配布している場所や物によって使用範囲にかなりの差異があるので一概でどうとは言えません． 企業は使用できなかったり，著作権表記が必要なかったり(使わせてもらってるのですがから個人的には常にするべきだと思います)，利益を得る行為に使っては行けなかったり，商用利用してはいけなかったり，加工してはいけなかったり，様々です． 兎にも角にもそれぞれのサイトさんの利用規約を見ましょう．もし
![フリー素材で作るiOSゲームアプリ〜フリー素材サイトとその探し方〜【その他】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d26a51365f6165ed2fcc66c1999f5d5a8f29f8b/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F86412a1507e2cf2fb5e93fd53e07e43e7e1963e5%2Fbackend%3Dimagemagick%3Bheight%3D1200%3Bversion%3D1%3Bwidth%3D1200%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fk%252Fkan_kikuchi%252F20131210%252F20131210180112.png)
なめらかに動作するUITableViewのつくりかた
矢口裕也です。 Advent Calendar 10日目はiOSのUITableViewの話をします。 ぼやき iOSアプリを開発していると70%くらいの時間はUITableViewに費やしている気がしてきます。 UITableViewは非常にめんどうなものですが、パフォーマンスがシビアでかつユーザーの快適さに直結するものなので大いに手間をかける価値があります。 この記事ではガクガク処理落ちするUITableViewを例として改善していきながら快適なUITableViewのつくりかたを解説します。 目的 以下のケーススタディでは次の目的でコードを改善していきます なめらかに動くようにする ここでのポイントは実際速くなくてもユーザが快適に感じればOKである、ということです。処理速度が高速である必要はありません。 戦略 UITableViewでのパフォーマンス問題は次の2点であることが多いです
iOS 7 の新機能のサンプルコード集『iOS7 Sampler』を公開しました。 - その後のその後
iOS7にどんな新機能があるのかも把握しきれないままベータ期間が終わってしまい、せっかくのメジャーバージョンアップ祭に乗り遅れた感があったので、先週末に開催された『もくもく開発会＠鎌倉 #2 by Qiita』にて、 iOS 7 で新たに加えられたAPI の使い方等を勉強しつつ、簡単なサンプルを集めたアプリをつくりました。 ソースコードは GitHub に置いてあります。 https://github.com/shu223/iOS7-Sampler 今のところ21個のサンプルが入っています。何か調べた折に随時追加していきます。 以下サンプルのリストです。 Dynamic Behaviors iOS7 では UIView サブクラスに簡単に物理演算を適用することができるようになりました。 本サンプルでは、UIDynamicAnimator, UIGravityBehavior, UIColl
iOS 7向けアプリ開発時の注意点
Android, iPhone等のスマートフォン向けアプリ開発などの話題を中心に、時事ネタなどを気の向くままに書いています。 iOS 7向けにアプリを開発していて気付いた注意点を備忘録を兼ねてまとめたいと思います。 間違いがありましたならばご指摘下さい。 iOS 7は大幅に設計し直したせいか、おかしな動きをする、いわゆるバグが大量にある感じです。 例えば以下の様な点です。 UITextViewで改行のみの選択をしようとすると失敗する UITextView、UITextFieldの選択範囲の描画がおかしい UINavigationControllerのUIViewControllerのスタックが無限ループする まあ、バグは兎も角として、まずは「UINavigationControllerのUIViewControllerのスタックが無限ループする」原因となった注意点を説明したいと思います。
iOS/AndroidアプリをJavaScriptで開発、OpenGL対応で高速描画の「Herlock」、クローズドβリリース
iOS/AndroidアプリをJavaScriptで開発、OpenGL対応で高速描画の「Herlock」、クローズドβリリース HTML5やJavaScriptなどのWebテクノロジーを用いてiOSやAndroid対応のアプリケーションを開発できるツールにはPhoneGapやTitanium Mobileなどがあります。多くのエンジニアが使い慣れたWebテクノロジーでモバイルアプリケーションが開発できるために注目されているこの分野に、新しく国産のツール「Herlock」が参入しました。 HerlockはJavaScriptでiOS/Androidアプリケーションを開発できるツール。開発されたアプリケーションは単体で動作し、App StoreやGoogle Playに登録可能です。 プラットフォームごとに異なるAPIをHerlock内で統一、同じソースコードでiOSとAndroidの両方に容
フィードバックしやすい状況を作るHelpshift
Helpshiftというモバイルアプリ用のサービスが凄い。ユーザのフィードバックを出来る限り欲しいアプリ開発者やスタートアップはぜひオススメ。iOSとAndroidにネイティブSDKで組み込む。 こういうサービスをずっと探してたんだけど、なぜか今までよいのがなかった。やっと出てきて嬉しい。 なぜ欲しかったか 製品開発ではユーザの意見を詳しく聞いたり、ユーザがいかに低コストでフィードバックしやすい状況を作るかが凄く重要。 Webサービスだとユーザがすぐにサービス提供者側とチャットできるoLarkとか、素晴らしいサービスがいっぱいあるんですよ。 ただ、ネイティブアプリには似たようなサービスがなかった。 iPhoneアプリでよくあるのは、アプリ内にフィードバックボタンがあって、それを押すとメールで送信するモーダルが立ち上がるもの。 ただ、メール設定してなかったら動かないし、メール送るのって思った
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
TestFlightの仕組み？
masuidrive @masuidrive http://bit.ly/eojZDa iTunesを使わずにiPhoneから直接AdHocをダウンロードさせる方法。そっかiOS4からこんな機能があるのか、知らなかった。あとはtestflightはどうやってUDID取ってるのかな？ 2011-01-25 08:33:30 masuidrive @masuidrive Configuration ProfileでUDIDを取る方法があるらしい。つうか、この方法HomeにWebサービス乗っけるときにも使えるな。 2011-01-25 10:11:34 bluegoldme @bluegoldme @masuidrive Configuration ではなくて Profile Service の方のプロファイルですね。この方法でもUDID は取れますが、OTA 証明書配布の一部なので途中できれい
[iOS] タブを残さずURLスキームを開く - もぎゃろぐ
TitaniumのユーザーBBSで、ChatWork のiPhoneアプリの挙動が話題になっています。 ChatWork の謎 | Don't Fall - Titanium Mobileユーザー会サポートBBS ChatWorkアプリでは、facebook認証でアプリを使うことが出来るのですが、これまでよく使われていたWebView上での認証ではなくて、Ti.Platform.openURL() を使ってブラウザを立ち上げてfacebook認証を行っています。 WebViewを使わない理由は、「OAuthの認証にWebViewを使うのはやめよう - Shogo's Blog」に書かれているとおりだと思います。具体的な実装としてChatWorkアプリはとても参考になりますね。 さて、ブラウザ上でfacebook認証が成功すると、ChatWorkサーバはURLスキームを使ってChatWork
評判のいいiOSアプリ開発のTips ベスト20 - その後のその後
『iOSアプリ開発に役立つTips』という Facebook ページをやっておりまして、そこで評判が良かった投稿（※）を 20 個ほど紹介します。 （※） Facebook ページの insights にある「クチコミ度」で判断しました アプリ実行中にコードを修正してそのまま実行中のアプリに反映させる アプリ実行中にコードを修正してそのまま実行中のアプリに反映させることができるXcodeプラグイン。 実機でもシミュレータでも使用可能とのこと。実機での動作検証中に修正して再インストールは時間かかるので、超ありがたいかも。 Injection for Xcode 投稿：2013/2/4 「PCのwebブラウザからiPhoneのカメラロールにアクセスできるようにするアプリ」のしくみ アプリ側でURLを発行している画面キャプチャがあるので、アプリにHTTPサーバ機能をもたせて（古いけどCocoaH
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.biz-arts.com/2017/05/03/ios-android_uidesign/
IDEA * IDEA
