エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『@type』のコンテンツです。
限界までUXを向上させる! Facebook paperのようなアプリを最新UIライブラリAsyncDisplayKitでヌルヌルな操作感を実現しよう!iPhoneXcodeiOS by mixiappwchr Facebook paperがでて、大分たちました。あのUIを実現するライブラリがfacebookから出ることを心待ちにしていた人も多いかと思います。アニメーション部分については既にfacebook pop が公開されていましたが、いよいよあのUXを支えるライブラリがfacebookから公開されました。 基本的にはUIKitよりもUI操作を阻害することなくスムーズなインターフェースを提供するためのライブラリです。 なかなかサンプルだけをみても結構伝わりづらいライブラリですが、基本的にはUIKitではないUIライブラリ群になります。 存在するのは最低限のものだけですが、テキスト、イメ
はじめまして。オインクゲームズ新入社員のきゅぶんず( @kyubuns )です。 今日は、9slice用の画像を自動で作成してくれるライブラリを開発したので、ご紹介したいと思います。 ゲームUIやWebサイト用の画像を作る時に、9sliceはとても便利です。本来、描画サイズを変更しても角が伸びないようにするためのものですが、素材の無駄な部分をカットできるので、テクスチャサイズの削減という大きなメリットも得られます。 しかし、1つ1つ手作業で9slice形式の画像を準備して、スライス(画像のどの部分を伸ばすか)の設定もしないといけない というのは面倒です。 そこで、今回開発した「オニオンリング」を使うと、全てのUIテクスチャを自動的に9slice形式の画像に変換し、さらにUnity上でのスライス設定まで行ってくれます。 これにより、人間は何も意識すること無くテクスチャサイズの削減が出来るので
カメラアプリをつくる上で避けて通れない 撮影画面のお話。 こんにちは! わりえもん こと Lobi / FILTERS のデザイナーの 割石 です。 去年から OH (http://wariemon.com) という名前でも活動中です。 昨年末にリリースされた カヤックの新規カメラアプリFILTERS 、もう触りましたか? FILTERS が気になるかたはこちら! 今回は、フィルターカメラアプリの制作時に役立つ 「カメラフィルターアプリの撮影画面UIまとめ」のお話をします! あなたのつくりたいカメラアプリはどのパターン? カメラフィルターアプリにはまず大きくこの2パターンが存在します! この2パターンに分類して、UIの参考になりそうなアプリをまとめていきます。 1. フィルターをかけながら撮影できるアプリ 2. 撮影後にフィルター(編集)をかけるアプリ あなたのつくりたいカメラアプリはどち
「何でこの画像はこの位置にあるんですか?」「何でこのボタンはここに並べているんですか?」 と聞かれることがある。 そんな時、スマートフォンの持ち方をひとつ理由にすることがあるので紹介したい。スマートフォンにおけるUI/UX設計の参考として端的に整理されているガイドライン、そのひとつがapple社の提供するiOSヒューマンインターフェイスガイドラインである。その中で本記事にて取り上げたいのは「スマートフォンの持ち方から考える画面設計」である。 アップルはスマートフォンの持ち方をこの3パターンと定めている 持ち方(1) 「逆利き手持ち」 利き手の逆の手でデバイスを支え、利き手の人差し指を使って操作する。 持ち方(2) 「片手持ち」 利き手を問わずデバイスを握った一方の手の親指を使い操作する。 持ち方(3) 「両手持ち」 両方の手でデバイスを支え、両方の手の親指で操作する。 スマートフォンの持ち
ドラクエ1、というかドラクエポータルアプリ、ダウンロードしました。 最初のイメージではポータルアプリを起動して、その中からドラクエ1のダウンロード項目があると思ってたのですが、最初から含まれているのかなんなのか、ポータルアプリからそのままドラクエ1が起動できました。 いちいちポータルアプリを起動しなくてはゲームが出来ないのは面倒ですが、メーカー側からのお知らせが必ず目に入るという理由もまぁわかります。あとはそれが受け入れられるかどうか、ですね。 で、このドラクエ1ですが、スーパーファミコン版をスマホに移植したものです。そのためにスマホ用のUIにと調整されているのですが、なかなか評判悪く、ダウンロード開始直後のTwitterではその文句ばかりでした。ただ、よく考えられている部分もあったので、今回はちょっとそのあたりを見てみようと思います。 とはいっても、私はUIの専門家でもないので、私がプレ
iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要がでてきます。 選択肢はいくつかありますが、使い方がシンプルで導入も容易なKIF Frameworkを紹介します。 KIF Framework GitHub - kif-framework/KIF: Keep It Functional - An iOS Functional Testing Framework KIFは決済サービスSquareが自社アプリケーションの統合テストのために開発したフレームワークだそうです。KIFを使ったテストではボタンをタップして画面遷移したり、画面遷移した先のUIの存在を確認したりといったこと
iOS8から設定画面へのURLスキームが可能になりました。 設定画面へのURLスキームはiOS5.0.1までは可能だったのですが、 iOS5.1以降ずっと禁じられていました。 設定画面へのURLスキームの方法と遷移先に関係するプリファレンス設定画面についてまとめました。 (本記事の内容は一般公開されているiOS8の情報に基づいています。 iOS8に関するスクリーンショットは掲示していません。画像はiOS7のものです) 設定画面へURLスキームするメリット 設定画面へアプリからURLスキームが可能になるメリットとして、 iOS標準のソーシャル機能やプッシュ通知をアプリ内で使われている方は、 ユーザが各機能の許可設定をしていない場合などに設定画面への遷移を促すことができます。 方法 URLスキームをする方法はNSURLにUIApplicationOpenSettingsURLStringを指定
RDVCalendarViewを使えばアプリにカレンダーUIを組み込むことができます。iOS 7標準のカレンダーアプリの月表示画面に似たデザインになっており、iOS 7のUIによく合うと思います。主な特徴は以下の通りです。 iPad・iPhone両対応 ランドスケープ・ポートレイト表示両対応 高いカスタマイズ性 NSLocaleを使用して完全にローカライズ可能 GitHubからダウンロードできるプロジェクトにはデモが含まれており、これを見れば基本的な使い方はわかるかと思います。 RDVCalendarViewのカレンダーUIは3つのクラスから成り立っており、これらのクラスを継承したクラスを作成してカスタマイズすることが可能です。例えば、日にちのセルに付加するマーカーはデフォルトでは四角で日付文字の右上に付いていますが、iOS 7標準のカレンダーアプリの月表示画面のように日にち丸いマーカーを
Titanium Mobile がメジャーバージョンアップして SDK が 1.8 から 2.0.1 になりました。HBFav を SDK 2.0.1 に対応させる作業をひとまず終えたので、以下雑感など。 Titanium Mobile 2.0.1 で何が変わったか Release Notes http://docs.appcelerator.com/titanium/release-notes/?version=2.0.1.GA 大きな変更点はレイアウトシステムの更新です。加えていろいろとバグフィックス。ほかにも Appcelerator Cloud Services (ACS) という BaaS 連携が発表されていますが、純粋に SDK のアップデートというとレイアウトシステムとバグ修正が主なところ。Andorid位置情報対応の強化、Module API のアップデートもありますが、こ
iOS Advent Calendar 9日目担当のntakuです。 もし、iOS開発する上で一番大変なことはなんですか?と聞かれれば間違いなくUIの開発!と答えます。同じ価値や機能を提供するにしても、使っていて気持ちが良いUIであるかどうかでアプリの評価は大きく変わってくると思います。 何がベストなのか、はやはり実際にプロトタイプを作ってみないと分からないわけですが、あのアプリのUIをちょっと真似してみようと思ったり、このアプリと同じように作ってくださいと言われるとそれだけで数日かかってしまうこともざらにあります。 そんなことを繰り返していると中々アプリが完成しないわけなのですが、その期間を少しでも短縮するために、私が開発する際に活用しているのがCocoa Controlsというサイトです。 Cocoa Controls Cocoa ControlsはiOSやMax OS X開発者が開発
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く