美しいアプリをデザインするには？iOSのアプリ制作に関するデザインガイドラインを徹底解説（前編）
Appleのデザインは、シンプルかつ非常に洗練されているので、多くのWebデザイナーやアプリデザイナーがAppleのデザインを手本としたり、参考にしたりしています。 実際に、Appleのデザインを信奉する人々は20年以上も前からいましたが、コンピュータの形状や色などのいわゆる*「外側のデザイン」に加えて、現在では画面の中身である「内側のデザイン」を模倣したり研究したりするケースも多いのではないでしょうか。 特にiOSに関しては「iOS7」*からデザインを大きく変えており、App Storeで配布されているアプリケーションに関しても、できるだけ「iOS」の世界観を崩さずに(もしくはできるだけ世界観に適用するように)シンプルにデザインされているアプリがたくさんあります。 ところで、世界で最も使われているOSである「iOS」には、「ヒューマンインターフェイスガイドライン」(Human Inter
iOSと似て非なるAndroid開発(1) 「iOSと同じで」と言われたら? Android版アプリ開発コストの抑え方【前編】
iOSとAndroidを両開発する場合に、iOSデザインを先行して考えてから、それをベースにしてAndroidに落とし込むというパターンがよくあります。その際、デザインコストを抑えるため、「iOS版のデザインを考えたので、Android版はそれと同じようにしてください」というように、半ば投げやりなまま開発がスタートするケースもあると思います。 しかし、iOSのデザインをそのまま踏襲するということは、Androidの標準にないものはすべて独自で実装しなければならないため、必然的に開発コストが大きくなってしまうということになります。 さらに、無理やりほかのプラットフォームのデザインを持ち込んだことで、Androidのデザインガイドラインから大きく外れてしまった場合は、普段使い慣れないものをユーザーに押し付けることになってしまい、最終的にはユーザーへの負担を増やす結果になってしまいます。 本記事
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
デザイナー必見！ Xcodeで動くモックを作ろう
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog この記事を読むとデザイナーの方でもエンジニアと同じ開発環境で動くモックを作れるようになります！（社内での実績あり） 例えば以下のようなデザインの画面を新規に作りたいとします。そして社内の人に直接触ってもらい感想を聞きたいとします。 さて、あなたならどうやって感想を求めますか？ モックの画像をカメラロールに保存してユーザに見せたりしていませんか？ ですがこの方法だと触っているうちにピンチイン・アウトしてしまいますし、あまり良いやり方とは言えませんよね。 モック作成ツールを使うやり方もありますね。世の中には様々なモック作成ツールがあります。 ですが、モック作成ツールだと実現できないことも多々出てきます（例：画面の固定位置にオーバーレイ
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
iOS 7対応アプリを作るなら知っておきたい「UXを向上させるBackground Fetchの使い方」 #ios7yahoo
iOS 7から追加されたバックグラウンドで通信やコンテンツの更新ができるBackground Fetch。 このアプリのUX向上に役立つといわれるBackground Fetchの概要や実装方法について、ヤフー平松亮介さんに寄稿をいただきました。 by 馬場美由紀 （CodeIQ中の人） Background FetchでアプリのUXを向上させる iOS 7からBackground FetchというAPIが新たに追加されました。 アプリが起動されていない場合にも、バックグラウンドで通信やコンテンツの更新ができるAPIで、アプリのUX向上に役立つと考えられます。 すでにSmartNewsやPinterestでも導入されており、iOS 7対応のアプリをつくる上では知っておかなくてはならない機能です。 SmartNews の iOS 7 対応 Behind the Pins: Building
iOS7のiBeacon徹底解説、の資料 - Reinforce-Lab.'s Blog
Bluetooth Low Energyおすすめの書籍 Bluetooth Low Energyを解説した、とてもわかりやすい本です。 Bluetoothの規格書は、クラシックBTと混在して記述してあり、初めての方には、とても読みこなせん。 この書籍はBluetooth Low Energyだけを解説していて、わかりやすく、おすすめです。 自己紹介 iPhone 関連のハードウェア開発の開発者。個人事業主(屋号 リインフォース・ラボ)、合同会社わふう 代表社員。 著作紹介 Recent Posts iOS7のiBeacon徹底解説、の資料 Apple Notification Center Serviceの解説 iBeaconの解説 CoreBluetoothの概要 BLEの通信仕様 GitHub Repos Status updating... @reinforce-lab on Gi
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
よく分かる！iOS アプリのリリース手順のまとめ | DevelopersIO
2014/04/16 コンプライアンスの「Content Rights」と「Advertising Identifier」についての解説を追加しました。 はじめに iOS 7 がリリースされ、さまざまな新しい機能が使えるようになりました。iOS 7 SDK を使ったアプリをリリースしたい！と思っているかたも多いのではないでしょうか。しかし iOS アプリのリリース作業は手順が複雑そうで取っ付きづらい印象を持たれているかたが多いと思います。筆者もそうでした。 ということで、最新 (2013年10月21日現在) の iOS アプリのリリース手順についてできる限り分かりやすくまとめてみました。リリース時の参考にしていただければと思います。 概要 まずはじめに全体像を確認しておきましょう。iOS アプリのリリースは下図のようなフローで行います。 リリース用の Provisioning Profil
iOS 6 時代と並べるとわかる、各アプリの｢フラット化｣ラッシュ
iOS 6 時代と並べるとわかる、各アプリの｢フラット化｣ラッシュ2013.09.22 18:00 mayumine iOS 7になり、皆の手元にフラットデザインがやってきました。サードパーティのアプリも、iOS 7 の到来に合わせてデザインをフラットに変えてきましたね。 iOS 7 で極端に変わったUIの印象が強くて、各アプリのデザイン変更まで気が回っていなかったかもしれませんが、こうやって各アプリのiOS 6とiOS 7 のデザインを比較してみるとちゃんと対応していることがはっきりわかりますよ。 一挙15アプリ、だだっと見て行きましょう。 Facebook Twitter Foursquare Evernote Flipboard Gmail Kindle Instapaper Shazam Skype Vine Hulu Plus Yahoo Weather Mailbox mayu
【Mac持ってるヤツちょっと来い】docomoもiPhone出すし、とりあえずXcode入れとけ｜U-NOTE【ユーノート】- ビジネスマンのためのノウハウまとめを無料で
9/10日深夜にAppleの製品「iPhone5s」「iPhone5c」の発表があり、またdocomoからもiPhoneが販売されることが決定しました。日本はスマートフォンのOSシェア率に関してAndroidよりもiOSの方が高いという、他の国と比べて珍しい状況になっていますが、最近の相次ぐ発表によってiOSのシェアはさらに拡大していきそうです。ではこの波に乗るに、今何をすべきでしょうか？ iPhone5cの発表によって期待されるiOSシェア率アップ 上のグラフは世界のスマートフォンOSのシェア率を比較したものです。世界的見ると、2013年1~3月の時点ではAndroidのシェア率が圧倒的に高いという結果になっています。この背景として、海外ではiPhoneは高価で、一般の人々は中々手を出すことができないという点があります。新興国のインド・インドネシア・中国・ブラジルにおいてはiPhone5
【アプリ開発のお手本に】iOS 7の設計においてアップルが大切にした4つのポイント | TOKOROM BLOG
今回の記事はUIデザイナの Morino氏 からの寄稿です 前回 はiOS 7紹介ビデオの中のジョナサン・アイブ氏のパートをご紹介しました。 今回は、その中でも特に重要と感じたいくつかのフレーズをピックアップして深堀りしてみたいと思います。 “True simplicity” iOS 7から話題の"フラットデザイン"が採用されて、画面デザインは大分シンプルな外観になりました。 使う色の数は限定され、簡単明瞭なラインやシルエットがほとんどのデザインを占めています。 iOS 6まで採用されていたSkeuomorphism（装飾的・リアルな外観）は排除され、立体的で質感を感じるデザインから、平面的で形やテキストの意味性をストレートに伝えるデザインに変わりました。 ただ、“Simplicity"という言葉は、単に外観を表すものとして使われているわけではありません。 「複雑さに秩序をもたらす」という
| bravesoft ブレイブソフト（東京）
今回は、iPhoneアプリのAppleの審査で 実際にリジェクトされた事例を紹介したいと思います。 ================================================= アプリ名にアップルの登録商標(™)を入れるとリジェクトされます。 iPhone、iPod、iTunes、Siriなど～ ・「iTunesギフトカードが当たる！」という文言も同じ理由でリジェクトされます。 ================================================= 事前に許可を取らずに、ユーザーからUDIDや個人情報を取るアプリはリジェクトされます。 ================================================= 内容がネガティブすぎて、 ユーザーの心理によくない影響があるアプリはリジェクトされます。 ・例えば、アダルト
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
iOSアプリのユーザビリティテストに。操作を動画として保存·ScreenRecorder MOONGIFT
ScreenRecorderはiOSアプリの操作ログを動画として保存するソフトウェアです。 iPhoneアプリのユーザビリティテストはWebに比べると大変です。しかしその操作ログがあれば改善すべきポイントが見つかりやすそうです。そのためのソフトウェアがScreenRecorderです。 実際に使ってみたデモです。 操作は動画として記録されます。 タップしたところは赤い丸で表示されます。 ScreenRecorderは既存のiOSアプリに仕込んで利用します。操作は逐次動画として保存されます。FPSは設定で変更可能です。さらに自動でファイルに保存し、ローテーションも行います。App Storeへの提出にも対応しています。 ScreenRecorderはiOS用、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る ユーザビリティテストを行う手法は幾つかあります
iPhoneの月額課金で直面するマニュアルにないルール
この記事は、iPhoneのアプリ内課金(In-App-Purchases)を使った、月額課金システムを実装した時の恐怖体験についてです。 ※更新※ 最近、App Store Review Guidelinesが変更されていて、新聞とか雑誌以外でも自動継続課金(Auto-renewable)のルールがちょろっと更新されたみたい。 iPhoneの自動継続の月額課金がサービス系のアプリでも使えるようになったか しかし、実際のところ、どんなアプリがOKかはあいまいな部分もあるとは思うし、やってみないとわからなかったりするので、SaaS系で承認された人いましたらぜひコメント欄とかで教えてくれると嬉しいです。 ちなみに、アップストアのレビュー通ってもリリース時期を遅らせたらストアには公開されないので、レビュー通るかよくわからない時は、凄くシンプルな実装でとりあえずレビュー通るかまずサブミットして様子み
「iOS SDKで始めるObjective-C入門」関連の最新 ニュース・レビュー・解説 記事 まとめ - ITmedia Keywords
Windowsを使っていたけど、iOSアプリを作るためにMacを使い始めた初心者を対象に、開発ツールXcode／iOS SDKを使ってiPhone／iPadアプリを作る方法を、プログラミング言語「Objective-C」の書き方／文法を交えて解説 iOS SDKで始めるObjective-C入門（7）： Objective-Cのクラスやプロパティ、特徴的なメソッドの使い方 開発ツールXcode／iOS SDKを使ってiPhone／iPadアプリを作る方法を、プログラミング言語「Objective-C」の書き方／文法を交えて解説。「Windowsを使っていたけど、iOSアプリを作るためにMacを使い始めた」という初心者を対象にしています。今回は、クラス、プロパティ、メソッドを中心にインポート、アクセサー（ゲッター、セッター）、引数とラベ、スコープ、selfとsuperなどについてもコードを交
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
iOS6が Single App Mode を搭載で超絶進化！！ iOS6で最も恩恵を受けるのは実はエンタープライズ！！ - 業務用iOSアプリのfeedtailor社長ブログ
遂にリリースされたiOS6。 iPhone5よりも、Passbookよりも、地図よりも、Siriの強化よりも、最近のAppleからの発表全てを凌ぐ超ビッグニュースだと個人的に思ってるのですが、Single App Modeが遂に登場です！！ ｷﾀ━(ﾟ∀ﾟ)━! と言わずにいられるでしょうか。特にエンタープライズの世界ではiPad登場当初からずっとずっと求められていた機能。以前のブログで「推測」という事で書いていた、 Guided Accessと呼ばれるアクセシビリティの機能拡張で、どのような使用感で扱えるのかは不明ですが、もし文言通り/想像通りの挙動をするのであれば、エンタープライズなiOSの魅力は一段と輝きを増すに違いありません。なんと、 HOMEボタンを無効にできる!! タッチパネルが反応しない領域を設定出来る!! というのです。 ってな機能がそのまんま、いぁ、それ以上に！超超理想的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
