先日、友人のデザイナーさん達とランチした際に、1人のデザイナーさん(Webデザインがメイン、軽いコーディングまでなら経験あり)が ・iOSアプリデザインやUXデザインにも興味ある ・より良いデザインやユーザー体験を実現できるようになるために アプリ開発もしてみたい(特にデザイン上の制約を知るために) と言っており、同じニーズを持つデザイナーさんやディレクターの方も多そうだったので、この記事を書いてみました。 対象読者 ・iOSアプリのUI面で、できる/できるけどしんどい/できないことを知りたい デザイナー、ディレクター 解説すること ・アプリで画面が表示されるまでの仕組み ・アプリの画面を実装する上でよく使うコンポーネント(パーツ) ・気をつけるべきポイント 実際の実装については、Qiitaなどでいくらでも解説されていると思いますので、イメージを掴んでもらうための概念的な説明をメインにして
UINavigationControllerをカスタマイズ 〜OSの影響を受けづらいカスタムナビゲーションの実装〜 - クックパッド開発者ブログ
こんにちは、モバイル基盤部のヴァンサン(@vincentisambart)です。 iOS 15とXcode 13がリリースされました。最新のiOS SDKでビルドしてみたら、カスタマイズされたナビゲーションバーに修正が必要だったアプリが少なくなかったようです。しかし、iOS版のクックパッドアプリでは大きくカスタマイズされているナビゲーションバーを使ってはいるものの、iOS 15に合わせてナビゲーションバーに手を入れる必要は特になかったです。 iOS版のクックパッドアプリは最近様々な形のナビゲーションバーを使っています。例えばおすすめタブはスクロールするとナビゲーションバーの高さが変わります。 また、さがすタブは画面によってナビゲーションバーの中身や高さが違いますし、レシピ詳細ではスクロールするとレシピ名がナビゲーションバーに入ります。 なぜiOS版のクックパッドアプリには修正が必要なかった
こんにちは。 マネーフォワード MEのiOSエンジニア、ひらた（ @cafedeichi ）です。 ここ数年、マネーフォワード MEは比較的早い段階で新しいXcodeへの開発環境の移行とiOSへの対応をしています。主な理由は、古いXcodeで開発を進めると、それだけ新しいものへ移行した時の技術負債が増え、本来集中すべきサービスの施策の遂行等に影響を及ぼしていく可能性が十分にあるからです。また、通常、翌年度末には古いXcodeでビルドしたアプリのAppleへの審査は申請できなくなるので、実施するのであれば早い方が望ましいと考えています。 今年もXcode 13およびiOS 15のbeta 1から動作検証をはじめ、いくつかの問題への対応と新機能の追加を行い、先日iOS 15に対応したバージョンをリリースしました。この投稿は動作検証から実装までのまとめです。これからiOS 15対応を検討されてい
SwiftUIで対応しきれずUIKitを使ったコンポーネントのまとめ - スタディサプリ Product Team Blog
こんにちは、iOSエンジニアの @elliekwon です。去年のiOSDC Japan 2021「スタディサプリ」がFull SwiftUIを選択した先に見えてきたものの発表で紹介させて頂いた通り、SwiftUIで開発してきた「スタディサプリ中学講座」ですが、SwiftUIでは対応しきれず、ごく一部UIKitを利用した機能も存在しています。この記事ではそれらのケースと対応策を紹介します。 事前知識 その前にSwiftUIからUIKitを使うため、先に知って貰えたいものがあります。 一つは UIViewRepresentable / UIViewControllerRepresentable と言うprotocolで、これらはSwiftUIでUIKitのUIView/UIViewControllerを使えるようにしてくれるwrapperです。 UIViewRepresentableに準拠し
SwiftUIをクラシルに導入した話 こんにちは。これはdely アドベントカレンダー10日目の記事となります。 今年も残りあと少しとなりました。クラシル開発部でiOSエンジニアをしている@yochidrosです。 前回はharry(@gappy50)さんのクラシルでのSnowflakeデータパイプラインのお話＆活用Tips でした。 日頃redashを利用して分析をしている中でより便利になっていっているなと感じました！tipsも今後使っていこうと思います！ 今日はSwiftUIをクラシルに導入した話を書いていきたいと思います。 背景 2019年に発表されたSwiftUIですが、iOSのバージョンが13.0以降でないと利用できない等制約があったためなかなかクラシルも導入できずにいました。 しかし、今年のクラシル自体のiOSのサポートバージョンを13.2に引き上げたことによってSwiftUI
The Complete Guide to NavigationView in SwiftUI Programmatic navigation, customization, and more NavigationView is one of the most important components of a SwiftUI app, allowing us to push and pop screens with ease, presenting information in a clear, hierarchical way for users. In this article I want to demonstrate the full range of ways you can use NavigationView in your apps, including simple t
はじめに iPhone13が出る狭間でアプリ開発をしていました。 開発をしている途中はなるべくリリースまでXcodeのバージョンを上げたくはなかったのですが、iOS15系の端末で実行すると、UINavigationBarの背景色のデザインがiOS14系と異なることに気がつきました。既に書かれた内容かもしれませんが、自分用のメモとして書き残しておきたいと思います。よろしくお願いします。 動作環境について Xcode Version 13.0 Swift 5.5 ちなみにXcode13.0だと以下の画像のように、StoryBoardで色を指定しても色が変わりません。 解決方法 もともとLarge Titleでのみに反映されていたScroll Edge Appearanceが全てのUINavaigationBarに適応されたのが原因の模様。 なので、iOS15もiOS14以下のバージョンもアプリ
【SwiftUI】iOS 16.1でUINavigationBar.appearance().tintColorの設定が反映されなくなっていることに気付いて対応した | DevelopersIO
iOS 16.1のシミュレータでアプリを触っていると、UINavigationBar.appearance().tintColorで設定しているはずのNavigationBarの戻るボタンの色がデフォルトの色になっていることに気付いたので対応しました。 環境 Xcode 14.1 コード import SwiftUI struct ContentView: View { init() { setupNavigationBarTintColor() } var body: some View { NavigationView { NavigationLink("Next") { NextView() .navigationBarTitleDisplayMode(.inline) } } } private func setupNavigationBarTintColor() { // Nav
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーのためのiOS実装入門｜田畑浩平 | Flutter Engineer
マネーフォワード MEのiOS 15対応 - Money Forward Developers Blog
SwiftUIをクラシルに導入した話 - dely Tech Blog
The Complete Guide to NavigationView in SwiftUI
【iOS15.0】UINavigationBarが黒や透明になる問題の修正