AI powered frontend automation Design to code, Automated Start Free
iOS9からURLスキームに置き換わるのではないかと言われていた Universal Links を試してみようと思います。ユーザが特定のURLを叩く事でアプリがインストールされている環境ではそのアプリを起動し、インストールされていない環境ではそのままランディング的なWebページを開くといった事ができるようになるようです。結論を先に書くと、「挙動があいまいで、現時点ではまだURLスキームの代わりにはならないかな」という感じでした。 ただ、セットアップはこんな感じでいいんだろうというところまでできたので、MEMOを残しておきます。 アップル公式のデモはこちらです。
Appleが開発者向けに公開している「iOS Human Interface Guidelines」には「From Concept to Product」という章があり、アプリを企画して実装していく手順を簡単に説明しています。今回はその内容と各項目ごとに参考になりそうな書籍やサービスを紹介します。 「From Concept to Product」は以下の様な内容が書かれています。 Define Your App List All the Features You Think Users Might Like Determine Who Your Users Are Filter the Feature List Through the Audience Definition Don’t Stop There Tailor Customization to the Task Prototy
WEB系の表現にウトいこともあって気づいていなかったけど、アシアル株式会社のMonacaという開発環境が素晴らしい機能を持っていた。このMonacaはHTML5(とCSS3とJavaScript)で記述して、iOSやAndroidなど複数のプラットフォーム向けのネイティブ・アプリを出力できる。つまり、大昔ならFlashアプリがそうであったように、各プラットフォームの特性を無視した大味なアプリがワン・ソースで作れるわけ。また、クラウド型IDEによってWEBブラウザ(とインターネット)だけで開発ができる。自分のマシンであろうが他人様のマシンであろが、いつでもどこでもログインさえすればセットアップ要らずでWEBベースの緩慢かつ低機能なエディタで作業が続けられる。このあたりがMonacaの大きなメリット(とデメリット)みたい。 もっとも、そのようなメリットは個人的には響かない。XcodeでiOS
Hello! Welcome to App Animations, a collection of iOS animations to inspire your next project. You can sort through the 58 animations by their patterns and style, save your favorites after registering, and embed the them on your own site or inspiration board. And be sure to visit this site on your mobile device for looping full screen animations! Ready to learn how to create beautiful UI animation
function HomeScreen() { return ( <View> <Text> Hello World 👋 🌍!</Text> </View> ); } Written in JavaScript, rendered with native code. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Native development for everyoneReact Native lets you create truly native apps and doesn't compromise your users' experiences. It provides a core set o
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか? TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
モバイルファースト室の @slightair です。 先ほど、デザインをリニューアルしたクックパッドiOSアプリ 6.0.0 をリリースしました。 https://itunes.apple.com/jp/app/kukkupaddo-no.1reshipi-jian/id340368403?mt=8 この記事では、どのようにして新しいデザインをiOSアプリに適用していったのかを紹介したいと思います。 新しいアプリの画面 スクリーンショットを見ていただければわかるように、全体的にフラットな印象を与える画面に変わりました。 トップ レシピ詳細画面 サイドメニュー この記事で全ての画面を紹介することはできませんが、ぜひダウンロードしてお手持ちのiOS端末で触ってみてください。 新デザインの適用 基本的には、画面デザイン案をもらい、既存のアプリを修正して少しずつ適用していく形で進めていきました。
iOS 8 GUI for Sketch (iPhone 6) A Sketch file of GUI elements found in the public release of iOS 8. HDownload (18.3 MB) Updated November 28, 2014 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. Make good stuff The Sketch file i
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
ユーザーがここまで考えるなんて、やっぱり愛されてますね。 オーストラリアのデザイナーJesse Headさんが作ったレンダリング動画がこれ。自身がデザインした新iOSのインターフェース、こうならいいなの気持ちを動画で表しています。見てみると、確かにこれはなかなかよさそう。今のiOSよりも使いやすいとすら感じますね。 起動中のアプリを、現在のようにホームボタン2度押しの画面下方で操作するのではなく、safariブラウザを複数立ち上げている時のように、画面全体を使ってスワイプで見ることができる。もちろんライブプレビューあり。アプリを落とすのも上(又は下)にスワイプアウトするだけというやり方。音量や明るさのコントロールにも気が配られています。 このような、コンセプトデザインは以前にもあり珍しいものではありません。が、ここまで完成度高くアイディアを形にして表したのは珍しい。Headさんの情熱と力量
アップルは9月20日(日本時間)、iOSの最新版「iOS 6」をリリースしました。追加された新機能の中で、2ちゃんねるやはてなブックマークでは新しくなった「マップ」アプリに注目が集まっています。アップルが開発したこの地図アプリ、なぜか「パチンコガンダム駅」や「マクドナルド駅」といった、現実には存在しない駅やランドマークなどが表示されています。 ▽ マップ - Apple(日本) 話題になっているのは、iOS 6で初めて搭載されたアップル製の地図アプリです。これまで標準でインストールされていたGoogle マップに代わるものとしてデザインを一新したほか、音声によるルート案内や3Dビュー機能を追加しています。 ▽ http://iphonech.com/archives/53793359.html ▽ http://iphonech.com/archives/53793443.html ▽ パ
ついにiOS 6がリリースされましたね。iOS 6では、また数多くの機能が追加されました。ユーザー目線での新機能もさることながら、個人的には開発者にとって嬉しい新機能 Collection View に注目しています。 Collection Viewとは Collection Viewとは、一言で言えば縦横方向にセルを並べることができるTable Viewのようなものです。UICollectionViewControllerを用いて画面を作成し、セルの中身は、UITableViewControllerと同様にDataSourceを使って指定します。 各セルのサイズは一定である必要はなく、また、セル間の最低間隔を指定しておくことで、レイアウトが自動で計算されキレイに配置されます。 かなり少ないコード量で、以下のスクリーンショットのようなUIを実現することが可能です。もちろん、デバイスの向きが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く