iOSアプリ開発で役に立つ資料まとめ
こんにちは。テクノロジーチームの @tdkn (てどこん) です。
今日は、僕が iOS アプリの開発を進める上で役に立ったな〜と思う資料を紹介したいと思います。
なお、メモ書きのような感じなので気が向いたら追記することもあるかも。
- 2017/01/20 デザインテンプレートに Apple 公式のUI素材を追加しました。
- 2017/01/23 審査に関わるガイドラインへのリンクを追加しました。
ヒューマン・インタフェースガイドライン
- iOS Human Interface Guidelines
- 何はともあれ心得るべきヒューマンインタフェースガイドライン。
リジェクトを食らって泣かないために、実装をするエンジニアだけでなく、
アプリのUI/UXを設計するデザイナーにも一度は読んで欲しい資料。
- 何はともあれ心得るべきヒューマンインタフェースガイドライン。
リファレンス
- 日本語ドキュメント - Apple Developer
- アップルの公式ドキュメントの日本語版。英語は無理だ―ってひとはこちらを。でも英語版の方が最新だったりするので、僕は英語ドキュメントの方を積極的に読むようにしています。
- UIKit | Apple Developer Documentation
- UIKitの各クラスの詳細を知りたいときに。これは、Xcode からも参照出来る情報ではありますが、やっぱり Web から見るほうが何かとラクなので。メソッドやプロパティ、継承元クラスなどが分かるので重宝します。
- iOSアプリケーション:プログラミングガイド
- アプリケーションのライフサイクルのあたりが図解されていて分かりやすいです。
審査
- App Store審査ガイドライン - Apple Developer
- アプリをApp Storeへ申請するにあたって、必ず守らなければならない基準が記載されています。こちらの基準を満たしていなければリジェクトされて対応に追われることになるので、必ず一読して頭に入れておきたいですね。
Repl
- IBM Swift Sandbox
- サクッと Swift を書いて試してみたいときにお世話になってます。Xcode の Playground でも良いですが、Webからサクッと書けるっていうのがやはり良いのです。
画像や画面のサイズ
-
The Ultimate Guide To iPhone Resolutions
- 種類豊富で僕らの頭を悩ませる iPhone の各端末のスクリーンサイズを色々知りたいときに。英語ですが、図が分かりやすいので要チェックです。
-
iOSヒューマンインターフェイスガイドライン: アイコンや画像の大きさ
- 各種アイコンや画像の「適正サイズ」を知りたいときに。
インスピレーション
- Dribbble
- デザインのインスピレーションを得たいときに。Dribbble は見ているだけでも楽しいですよね。
世界でもトップレベルのデザイナーがこぞって作品を投稿したりしているのでウォッチする価値はあるのではないでしょうか。
- デザインのインスピレーションを得たいときに。Dribbble は見ているだけでも楽しいですよね。
- Pttrns
- 「ログイン画面」や「タイムライン」など、カテゴリ別にUIのパターンを一覧で眺めることができます。「ここはどういうUIにするのがベストなんだろう?」「他のアプリはどう作ってるの?」って思ったときに参考にするのが良いです。
デザインテンプレート/プロトタイピングツール
プロトタイピング用のテンプレート集。とはいえ、最近は Adobe XD や Facebook 発の Origami Studio など、プロトタイピング専用ツールも充実してきているのでそちらも要チェック!
- TETHR – The Most Beautiful iOS Design Kit Ever Made – by InVision
- Oz Pinhas - iOS 10 UI (GUI) kit for Sketch and Photoshop
- iOS 10 GUI (iPhone) — Facebook Design
- Resources - iOS Human Interface Guidelines
マテリアル
アイコンが必要なときに。僕のイチオシは ionicons です。MIT ライセンスなオープンソース。そしてシンプルでかっこいい。
- Ionicons: The premium icon font for Ionic Framework
- 35,600 Free Icons - The Largest Icon Pack Ever
- iconmonstr - Free simple icons for your next project
- Free vector icons - SVG, PSD, PNG, EPS & Icon Font - Thousands of free icons
- Noun Project - Icons for Everything
〆
今回は、iOS アプリ開発をする上で一度は目にしておきたい資料や、素材集などをまとめてみました。
何か1つでも役に立ちそうなものがあったなら幸いです:relaxed: