Javascript is required. Please enable javascript before you are allowed to see this page.
Javascript is required. Please enable javascript before you are allowed to see this page.
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
iOSアプリを過去のバージョンにダウングレードしたいことがある ※この記事は、 Hiraku さんの「How to download legacy versions of iOS apps」を参照して書きました。 iOSアプリを、自分で意識して保存しておいた.ipaファイルなしにダウングレードできないことは皆さんご承知のことだと思います。 とはいうものの、新しいバージョンにおいて発現した致命的なバグ、あるいは新しいバージョンにおいて重要な機能が廃止になるなどの理由で、iOSアプリのダウングレードが必要だと思う機会は少なくありません。 TimeMachineを常に利用している環境かつ、iTunesとの同期を欠かしていない場合においては、.ipaファイルを明示的にバックアップしていなくても、TimeMachineのバックアップをたどれば過去のバージョンの.ipaファイルを得ることができます。
The past, present, and future of personal expression through fonts
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
iOS: もう使わなくなった古いiPhoneを簡易的な防犯カメラに変える方法はたくさんありますが、無料アプリ『Manything』にはIFTTTレシピが付いているので、さまざま設定ができるのが特徴です。他のアプリと同様、『Manything』はウェブ経由で、別のiOSデバイスへの防犯カメラ映像のストリーミングができます。ManythingのIFTTTレシピにより、動きや場所、時間にもとづいた作動条件を設定することができます。IFTTTレシピのサンプル一覧も確認できるので、外出時だけ録画をしたり、動きを感知した時だけ作動するように設定することもできます。これらの作動条件はNestやWeMo、Phillips Hueといったその他のIFTTTデバイスとつながっています。あなたが自宅に帰って来たタイミングで自動的に電気をつける、Nestがあなたの外出を感知するとManythingが録画を始めると
Introducing Sessions: the latest product from Waldo!
ワンソース、マルチプラットフォームは甘美な響きであり、誰もが夢見る存在です。ずっと昔から言われており、アプリ開発において最も望まれている存在かも知れません。 かつてはTitaniumが有力候補が出てきたのですが、最近ではあまり聞かれません。そこで登場したのがNativeScriptです。 NativeScriptの使い方 NativeScriptはCLIで操作します。node/Homebrew/mono/JDK/ant/Android SDKなどが必要です。準備が終わったら、 $ npm i -g nativescript にてインストールができます。 コマンドは次のようになります。 // 対応プラットフォームを追加 tns platform add android tns platform add ios // デバイスで実行 tns run android tns run ios //
iOS 8からWebサービスとアプリ間でiCloudキーチェーンを通じてパスワードなどアカウント情報を共有できるようになりました。 （ただし、現状ではiCloudキーチェーンを使えるのはSafariのみのため、MacのSafariとiOSアプリの間に限る） 昨今ではそれぞれ別のサービスで同じパスワードを再利用せず、サービスごとに固有のできればランダムなパスワードを登録して、パスワードマネージャで管理することが推奨されています。 Webサービスを使うだけならブラウザのパスワード管理などを利用すればいいのですが、そのサービスのiOSアプリを利用しようとするとパスワードを調べるのが大変でした。 iOS 8では（Safari限定ではありますが）Webサービスで入力してキーチェーンに保存したアカウント情報を、iOSアプリでも利用することができます。 パスワードなど機密性の高い情報を共有するため、どの
Holiday 事業室の多田です。先日 Elasticsearch の記事を書いた内藤と共に Holiday ( https://haveagood.holiday ) の開発を行っています。 Holiday は、去年9月に Web 版をリリースしましたが、よりおでかけを楽しくするために今年3月に iPhone アプリをリリースしました（ダウンロードはこちら）。 アプリの開発過程ではコンセプトや仮説を立て、その検証や実現のために作っては壊すことを何度も繰り返し行いますが、実現したい価値を提供するためには、出来上がったプロダクトの細部のインタラクションも重要になってきます。細かい部分に気を配り使い心地を良くしてこそ、本当に提供したい価値をまっすぐに届けることができるためです。逆に言えば、最後の最後で細かい部分がちゃんとしていないばかりにそれまでの過程が無駄になったらもったいないですよね。 今
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
スマートフォン・アプリを初めて起動したときの説明スライド（In-App Walkthrough）の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
カメラアプリをつくる上で避けて通れない 撮影画面のお話。 こんにちは！ わりえもん こと Lobi / FILTERS のデザイナーの 割石 です。 去年から OH (http://wariemon.com) という名前でも活動中です。 昨年末にリリースされた カヤックの新規カメラアプリFILTERS 、もう触りましたか？ FILTERS が気になるかたはこちら！ 今回は、フィルターカメラアプリの制作時に役立つ 「カメラフィルターアプリの撮影画面UIまとめ」のお話をします！ あなたのつくりたいカメラアプリはどのパターン？ カメラフィルターアプリにはまず大きくこの2パターンが存在します！ この2パターンに分類して、UIの参考になりそうなアプリをまとめていきます。 1. フィルターをかけながら撮影できるアプリ 2. 撮影後にフィルター（編集）をかけるアプリ あなたのつくりたいカメラアプリはどち
Usage This library depends on jQuery. Include the script file in your HTML page: ... <script src="path/to/jQuery-sidebar.min.js"></script> ... <div class="sidebar left">Hello World</div> <div class="sidebar right">I am on right!</div> <div class="sidebar top">I am on top!</div> <div class="sidebar bottom">I am on bottom!</div> ... <script> // Sidebar on left (default) $(".sidebar.left").sidebar().
スマホアプリにおいて、プッシュ通知は重要な再ログイントリガーだ。 iOSではプッシュ通知を送るために、確認ダイアログを表示してユーザーに明示的に送信を許可してもらう必要がある。ここで「許可しない」を選択されると、アプリから再度プッシュ通知のためのデバイストークンを取得できず、iOSの設定画面を開いて「通知」の設定を変更する必要がある。 Facebookアプリでは、通知不許可を選択したユーザーに下記のようなヘルプ画面を表示して通知設定の変更を促している。 ただ、ヘルプをわかりやすくしても、そもそも手順が面倒なので実際に設定変更をしてくれるユーザーは限られそうだ。なんとか工夫してプッシュ通知を拒否される確率を低くしたい。 下記の記事では、プッシュ通知の許可を上手に求める方法が紹介されている。 The Right Way to Ask Users for iOS Permissions — Me
iOSアプリを開発していると、テストやデバッグのためにシミュレーターに格納されたアプリのデータにアクセスしたいことがよくあると思います。しかし、シミュレーターのデータは、フォルダ階層の奥深くに眠っているため、毎回そのフォルダを開くのは大変な作業でした。 「SimulatorManager」はこの問題を解決すべく開発された、シンプルなMac用のメニューバー常駐型のアプリです。 起動すると、インストールされたiOSシミュレーターと、シミュレーターごとにインストールされているアプリが一覧表示され、選択するとそのアプリのデータフォルダを直接Finderで表示することができます。 使い方 例えば上の図で、シミュレーターのiPhone 6(iOS 8.1)には、Foxbrowser、Swift-Gif、その他アプリがインストールされていて、FoxbrowserとSwift-Gifにはデータフォルダが存
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
