A consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices.
![Layout | Apple Developer Documentation](https://cdn-ak-scissors.b.st-hatena.com/image/square/adf5912792dfda19653b4378f6036c402e3ed51c/height=288;version=1;width=512/https%3A%2F%2Fdocs.developer.apple.com%2Ftutorials%2Fdeveloper-og.jpg)
はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が決められることがありますが、そういうことではないのです。いや実際かっこいいかわいいだとかの感覚は重要なのですが、見た目が何となくそれっぽいだけでは優れた UI とは言えません。磨りガラスでも何でも必ずそこには意味があります。だからこそ HIG に書かれた思想
API LV リリース日 シェア (2023/10/31現在) Android 14 34 2023/10/05 3.866% 機種一覧を見る Android 13 33 2022/08/16 39.173% 機種一覧を見る Android 12(L) 32 2022/03/08 - Android 12 31 2021/10/20 22.284% 機種一覧を見る Android 11 30 2020/09/09 12.855% 機種一覧を見る Android 10 29 2019/09/04 12.028% 機種一覧を見る Android 9 28 2018/08/07 6.323% 機種一覧を見る Android 8.1 27 2017/12/06 0.716% 機種一覧を見る Android 8.0 26 2017/08/22 1.274% 機種一覧を見る Android 7.1 2
Holiday デザイナーの多田です。 皆さんは Web アプリやモバイルアプリを開発する時、モックアップ作成にどれだけ時間を割いているでしょうか?もしくはモックアップを作成せずにすぐに実装に入るでしょうか?私はこれまで Web アプリ開発ではいきなり実装に入ることが多かったのですが、Holiday iOS アプリ の開発では Web アプリの時のように上手くいかないことに気づき、やり方を考え直しました。iOS アプリ開発の過程で、モックアップ作成や実装をどのように捉えるか、具体的にどう行うか、ということが自分なりに見えてきたので、それらについてご紹介します。 目的は、価値のあるプロダクトを速くユーザの手に届けること Web アプリやモバイルアプリの開発過程においてモックアップなどを作る目的は、あくまでも ユーザに届く プロダクトの価値を高めてそれを速くリリースすることです。適切な前準備は
こんにちは、エンジニアの遠藤です。 最近iQONアプリのホーム画面のデザインをリニューアルしました。 タブを使ったデザインにすることで、iQON内にある多くのコンテンツが見やすくなりました。 今回はこのタブ機能の実装についてざっくりと紹介しようと思います。 実装したものはライブラリーとしてGitHubに公開しているので、ぜひ使ってみてください! github.com 機能 今回実装した機能は下記の3つです 1. スワイプでページを無限に表示切り替え 2. タブは無限スクロール 3. タブをタップしたらタップした項目のページを表示 実装について 1. スワイプでページを無限に表示切り替え スワイプしたらページの表示を切り替えたいのでUIPageViewControllerを継承したTabPageViewControllerというクラスを実装しました。 今回は無限にページの表示切り替えをしたい
これからiOSの開発を始める新人プログラマーさんたちに向けて僕が知っている範囲で大変恐縮ですが、OSS活動やQiita、Blog、Twitter、勉強会、執筆などアウトプットされている方を中心に集めてみました。 ここでご紹介させて頂いたエンジニアはほんのごく一部で、もっともっとたくさんの素晴らしい活動をされている方々がいらっしゃいます。紹介しきれず、本当にごめんなさい。m(_ _)m 各エンジニアのQiitaやBlogの記事を読んだり、OSSへのコントリビュートの活動を見たり、開発されているOSSをコードリーディングすることで視野が広がり、きっと成長の糧になることと思います。また先人の方々の活動のように、ご自身が今後学ばれた知見をアウトプットし、コミュニティで活動されると嬉しく思います。 記事やOSSをリンクまとめにせずエンジニア(人)を軸に紹介しています。誰が書いたり作ったりしているのか
ヘルプも日本語になっていたので、追記・修正 ※2016/01/22現在 iTunesConnectのUIがかなり変わって日本語が所々に表示されるようになったので、このまま完全に日本語対応とXcodeの日本語が戻ってきてくれないかなという希望も込めつつ・・・ ※2014/09/08現在 (※iOSアプリってどうやって公開するの???って気になった方はこちらへ) iOSアプリなどを公開する場合、 Appleによる審査が入るのですが、 それが長い! 体感的に早くても1週間弱・・・ 新しい製品の発表間近な時はそれ以上かかったりします。 そんな中で、どうしても今すぐに公開したいという場合、 「Expedited Review」 というのがあります。 (※申請の前にAdhocではなくReleaseバージョンのアプリの動作確認をしたい場合はこちらへ) これは、致命的なバグや期間限定イベントに合わせたい時
誰でも新型iOSを使うことができるの? よく「iOSのベータ版が登場!」というニュースを目にすることがありますよね。 このベータ版というのは、開発者(iPhoneのアプリを作っている人たち)が使う新型iOSの試用版のことで、主にプログラムに不具合がないかを調査するために使われています。 このベータ版を使うには、開発者として「iOS Developer Program」への登録と、年会費として11,800円支払う必要があったため、誰でも気軽に使えるというものではありませんでした。 ですが2015年のiOS8.3から、一般ユーザーでも使う事が出来るパブリックベータ版の「Apple Beta Software program」が登場。開発者登録や年会費もなく、個人で登録すれば誰でも新型iOSを使えるようになったんです! 完全に無料で最新のiOSを使えるようになるのは嬉しい!ということで、さっそく
PCページと違い、スマフォやタブレットではマウスを使わないため、 マウスオーバーの概念が存在しません。 ですが、タップした時の挙動を制御することは可能です。 jQueryで指定 jQueryにはタップした時のイベントが用意されています。 それが、「touchstart」と「touchend」です。 ■サンプル ・タップした時にボタンを差し替える例 $(function(){ //タップ開始時 $(‘img.btn’).on({ touchstart: function () { var newImg = $(this).attr(‘src’).replace(‘.jpg’,’_ac.jpg’); $(this).attr(‘src’,newImg); } }); //タップ終了時 $(‘.img.btn’).on({ touchend: function () { var newImg =
表題の件にハマりました。 iOS7: 未確認 iOS8: 再現 iOS9: 未確認(巷の記事によるとiOS9でも発生する模様) iOS10: 再現 iOS11.3: 動いたり動かなかったりする(対策施した版もアウトだったかどうかははっきり記録してなかったです…) iOS11.X のどこかでは height: 100% の代わりに height: 100vh を使わないと動かない時代もあった模様? iOS12.2: どちらの版も動いたり動かなかったりする(つまり本記事の対策では効果なし) 例えばページ上にレイヤーを重ねて、一覧から項目を選択させるような場合に、絶対位置指定した要素の中でスクロールさせたいことってありますよね? デモ(過去Safariで動かなかった版) デモ(後述の対策を施した版) このとき、次の条件を満たしてしまうと iOS Safari でスクロールできなくなってしまいます
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能(OSX版含む) CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
最近iOSネイティブ開発の機会が減ってネタがないのでWebアプリネタを透過します。あくまでhtmlの話です。 WebKitのスクロール減速速度 UIScrollView#decelerationRate の UIScrollViewDecelerationRateFastと同じ減速速度で、ヌルヌル感がないやや強い設定になっています。 ネイティブで実装する場合はdecelerationRate値を変更するだけなのですが、WebアプリやハイブリッドアプリなどでViewをHTMLで作成した場合はhtmlに細工を施す必要があります。 実現方法 div内のoverflowスクロールを利用する -webkit-overflow-scrollingというベンダープリフィックスプロパティが存在するのでこれをtouchに設定し、divからはみ出た部分をscrollに設定します。 それからスクロール範囲である
日本時間の9月17日深夜2時、ついにiOS9がリリースされました!! こんな投稿もあるように、地味ながら色々と便利なアップデートが加えられたiOS9のMobile Safariですが、実はひっそりと消えてしまった機能もあります。 2016/03/22 追記 本日、03/22にiOS 9.3正式版が公開されました。 早速アップデートして試したところ、iOS 9.2同様にapple-mobile-web-app-status-bar-styleは動作するがapple-touch-startup-imageは動作しないという挙動に変更はありませんでした。 2015/12/09 追記 本日、12/09にiOS 9.2正式版が公開されました。 早速アップデートして試したところ、前評判通りapple-mobile-web-app-status-bar-styleは再び動作するようになりましたが、残念な
全編Swiftで書かれたオープンソースの人工知能/機械学習ライブラリが出てきました。その名も「Swift-AI」。 https://github.com/collinhundley/Swift-AI デモが入っていて、こんな感じで手書き文字認識してくれます(詳細は後述します)。 今のところ iOS と OS X をサポート しているとのこと。MITライセンス。 できること README の Features を見ると、2016年1月現在、フィードフォワード(順伝播型)ニューラルネットワークと、高速行列演算ライブラリはできあがっているようです。 それぞれドキュメントがあります。 https://github.com/collinhundley/Swift-AI/blob/master/Documentation/FFNN.md#multi-layer-feed-forward-neural-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く