「AndroidはiOSと同じデザインで！」と言われたときの対応案 - Qiita
はじめに 「AndroidはiOSと同じデザインで！」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いので、ここでは「iOSのこのUIをAndroidで代用できるのはこれかもね」くらいのニュアンスで列挙しています。 必ずしもどのアプリにも言えるようなことではないので、あくまでたたき台と思ってください。 「なぜAndroidらしくする必要があるのか」についてはこ
RunKeeperやNike+並みのパフォーマンスを実現する高精度位置情報フィルターの作り方 — 位置情報を正確にトラッキングする技術 in Android (第3回)
前回までのサンプルアプリを実機にインストールして色々なところを移動してみると高いビルに囲まれた路地裏や、木が茂っている公園の中、または厚い雲に覆われた天気で自分の位置とずれたところにパスが描かれることがあるのがわかります。 実はこのように普通にLocationManagerを使っただけでは綺麗な位置情報の軌跡をとることはできないことがあります。 Uberのように一時的に車が少し道路よりずれた場所に表示されてもいいアプリのケースもありますがもしNike+のようにユーザーの行動の軌跡を美しくマップ上に描画し、なおかつ走った距離も正確でなければいけないアプリは高い精度の位置情報だけを取り続ける必要があります。 この回では高い精度の位置情報だけを取り続けるためのフィルターの作り方について説明します。
朝Lint活動で細かな技術的負債を返済する - クックパッド開発者ブログ
買物情報事業部の八木です。クックパッド特売情報のAndroid部分を担当しています。普段はクックパッドのAndroid版（以後、本体アプリとします）の開発プロセスの中で特売情報の機能を開発しています。 本エントリでは細かな技術的負債を解消する為に本体アプリの開発チームが行っている朝Lint活動を紹介します。 2年近く経つ本体アプリのコードベース 私が買物情報事業部に所属する前は本体アプリを1から書き直すチームで働いていました。書き直し始めたのは2013年10月からなのでそろそろ2年が経とうとしています。2年前に設計された本体アプリは現在ではおよそ17万行を越え、日々どんどん変更が加えられています。 それらの変更の中には残念ながら悪いコードが含まれている場合があります。テストしづらいコードやテストがないコード、レビューに対する場当たりな対応や緊急のbug fixのために追加された汚いコード、
App Developer Business Kit: アプリの成功のためのヒントが満載
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
アプリ開発の落とし穴！iPhone・Androidリジェクト事例９選 | Code部
（2015.5.22時点） また両方のアプリに共通するリジェクト基準は以下の内容になります。 クラッシュやバグがある 未完成要素（画像やリンク）がある アダルトな要素が含まれている（配信広告含む） 暴力的・反社会的な要素が含まれている ストアに表示するアプリ説明の未熟 その他にもユーザー登録を伴うアプリの場合は、ユーザー側に利用規約を提示できるシステムが無いとリジェクト対象になります。 それでは実際にどのようなケースでリジェクトされているのか、過去に起きた事例を元に検証してみます。 iPhoneアプリリジェクト事例タイトルがテロ連想でリジェクト『リア充爆発しろ！』 iTunes / Google Play 2015年4月に再リリースされた『リア充絶滅しろ！』。元々は『リア充爆発しろ！』というタイトルでしたが、「爆発」というキーワードやアプリ内でカップルが爆発する描写がテロ行為を連想させる、
iOSとの比較つき!Androidでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、ライブラリのまとめ！ - Qiita
iOSとの比較つき!Androidでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、ライブラリのまとめ！iPhoneAndroidiOS by @mixiappwchr 最近Androidのほうも久しぶりがっつりやっているため、簡単ですがまとめてみました。 環境編 IDEは何を使えばいいの？ 今から始めるにはnatvieのコードとかを書かない限りAndroid Studioを使いましょう 最近ようやく1.0が出ました。 Android Studio http://developer.android.com/sdk/index.html 検証用のエミュレータが遅いよ！ iOSと違う点ですが、Androidはエミュレータの遅さに定評があります。Intel HAXMでの高速なエミュレータか、Androidの仮想環境を提供してくれるGenymotionを使いまし
SIMロックフリー時代には、SIMカードをロックしたほうがいいという話(意味わかる?)｜More Access! More Fun
来年５月以降、キャリアから販売される携帯は基本SIMロック解除に応じないとならない。 SIMロック解除に関する論点を総務省ガイドラインから整理する だが、いままで買ったiPhoneは関係無いし、スマホを買って支払いしないですぐ転売して逃げる、みたいなことを防ぐために「最低限必要な期間はSIMロック解除に応じなくても良い」の但し書き付きだ。アメリカとかでは縛り付きのiPhoneは２年経過しないとSIMロックは解除してくれないはずだが、docomoはiPhone以外ならたとえXperia買ってもその場で3240円払うとSIMロック解除してくれる。いったい最低期間ってなんなのと思うが、SoftBankとかちゃっかり２年縛りの間は解除しませんとか言い出しそうだよな。 で、だ。日本中のスマホがSIMロックフリー(面倒なのでSIMフリーと書く。英語ではファクトリーアンロックだよ)になった時、どういうこ
毎日1時間の技術勉強会を行うnanapiが追ってきた注目技術3選【和田修一】 - エンジニアtype | 転職type
2014.08.05 スキル 業界で名の知れたプログラマーは、今年の上半期に何を学んでいたのか？ 「同業者が役に立ったものは、自分にも役に立つはず」という仮説を基に、彼らの学びlogから、2014年上半期の流れを振り返り、今後の動向を予想してみよう！ 株式会社nanapi 取締役 CTO 和田修一氏 （@wadap） 中央大学経済学部卒業後、2005年に楽天入社。楽天市場の運用担当のほか、台湾版楽天市場の設計・構築・運用などに携わるなど、インフラエンジニアとして活躍。現在は、CTOとして2009年9月オープンのライフレシピ投稿サイト『nanapi（ナナピ）』を技術・経営の両面から支えるかたわら、講演や執筆、メディア出演経験も多数。個人ブログ『Unix的なアレ』も人気
イラレで作ったandroidアプリの素材をsketch3で書き出す - ゆるりブログ
androidアプリのデザイン androidアプリのデザインするときはIllustratorを使ってる Illustratorが好きだからっていうのもあるし、解像度がいろいろあってややこしいからベクターデータで持っておきたいとか、そんなに複雑な効果をつけることもないだろうしPhotoshop使わなくても、とかそんな感じ googleのMaterial Designのガイドラインを読んでいるとドロップシャドウの描写が見られるのだけれど、これはアプリをz軸のあるものと捉えて深さに応じてつける感じで「z-depth=1」みたいな表記を見る限り影のある画像を用意しなくてもある程度はコード側でなんとかなるのでは、と思っている 四角以外の画像でコードでどうにかできなさそうなやつも、イラレで再現するならどうすればいいか丁寧にガイドラインに載ってる ガイドライン、ものすごく詳しく書かれている Princ
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと - Qiita
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか？」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします！ツッコミも歓迎(´ﾛ｀) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考：iPhone, iPod to
[PR] Herlock - OpenGL×JavaScriptでiOS/Android対応ゲームをワンソース開発！ - ピックアップ - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
iOS/Androidアプリをワンソースで。何と甘美な響きでしょう。過去様々なプロダクトがその道に挑んできましたが、現在まで生き残り、かつシェアを獲得しているのはごくわずかです。 有名なところではTitanium、PhoneGap（Cordova）があり、3D/2DゲームではUnityも有名です。TitaniumやPhoneGapの場合Webの技術がそのまま活かせるのが利点なのですが、その際に常に言われるのがJavaScriptやWebViewを使っているために速度面でのデメリットが大きいということです。ハードウェアも進化していますがそれは否めません。 そんな中、次なる選択肢が登場しています。それが今回紹介するHerlockです。開発言語としてはJavaScriptを使いつつも、WebViewを使わずに実行されるので速度面も申し分ありません。ゲーム分野など高い反応性が求められる分野でも利用
![[PR] Herlock - OpenGL×JavaScriptでiOS/Android対応ゲームをワンソース開発！ - ピックアップ - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c5680f93629b3ab7e47de5cc0be01d62ffda6a6/height=288;version=1;width=512/http%3A%2F%2Fimages.mobiletou.ch.s3.amazonaws.com%2Fwp-content%2Fuploads%2F2014%2F01%2FScreenshot-2014-01-12-14.09.39-560x459.png)
iOS/Android で HTML5 の audio/video を任意のタイミングで再生する方法 - webとかmacとかやってみようか R
HTML5 で追加された audio/video 属性によって、プラグインレスで動画や音声の再生が可能になったことはよく知られていますが、モバイル（スマホ）で、その再生タイミングの制約が厳しいことは案外知られていません。これは以前、当Blogでも HTML5 x Touch UI の UXを考える（補足） の User action event restrictions でもチラッと書きました。またしてもこの制約に苦しめられながら、なんとか解決策を見いだしたので、GW最中にも関わらず久しぶりのエントリーです。 まず、本家 Apple のドキュメントにも以下のようにあります。 iOS-Specific Considerations In Safari on iOS (for all devices, including iPad), where the user may be on a ce
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
両面スマホ！ 表がiPhone、裏はAndroid…Android搭載iPhoneケース「Eye」 [インターネットコム]![両面スマホ！ 表がiPhone、裏はAndroid…Android搭載iPhoneケース「Eye」 [インターネットコム]](https://cdn-ak-scissors.b.st-hatena.com/image/square/638eeced423b4056bcb5606329d495cdc753854d/height=288;version=1;width=512/https%3A%2F%2Fimage.internetcom.jp%2Fupload%2F20170303%2Fimages%2Ffdbf3414059285792dda6ef8c797f31a_original.jpg)
Mac で Xamarin 使ってみた！インストール〜実行まで【完全無料】
アプリ開発者を育てるプログラミングスクール Tech Institute（テックインスティチュート）
ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ
TechCrunch | Startup and Technology News
バナー広告はもう古い！CPI広告「appC cloud」の表示形式（全8種）を比較してみた。 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -![バナー広告はもう古い！CPI広告「appC cloud」の表示形式（全8種）を比較してみた。 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebb4b14589bf072801506cd7b2051f84acccb542/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47491953.jpg)
