iOSのCompositionalLayoutによるカスタムレイアウト実現と高速化 〜 PayPayフリマのグリッドレイアウトUI
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、PayPayフリマでiOS開発を担当している新妻です。PayPayフリマYahoo! JAPAN Tech Blogの第三弾となります！ 今回は、PayPayフリマのUI事情についてお話しします。PayPayフリマでは、iOSのモダンなUI技術を積極的に採用しており、複雑なレイアウトにも対応できる環境が整っています。 この記事では、PayPayフリマの新機能である「投稿」システムの開発において、「CompositionalLayout」を活用した事例をご紹介します。 PayPayフリマの投稿機能とは？ PayPayフリマは、誰でも気軽に、安心して個人間取引ができるフリマアプリです。（PayPayアプリの中からも使えます
CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ
Storyboardとの付き合い方 2018
Aug 13, 2018 少し前に、自分のStoryboardの使い方をツイートしたら割と反応があったので、改めてまとめてみようと思います。これまで何年かiOSアプリの開発をしてきて、Storyboardとの付き合い方は何度も変わりました。なので、今回紹介するものはあくまで2018年現在のもので、来年には変わっているかもしれません。 説明のイメージを掴みやすくするため、画面の例を用意しました。左が編集時のStoryboardで、右が実行時のiOSシミュレーターです。具体的なトピックが出た時に、この例を説明に使うことがあります。 記事の最後にこれが動作するサンプルコードも用意しましたので、興味があればどうぞ。 Storyboardを使う目的 以下の2つを重視して、Storyboardを選択しています。 動作確認に掛かる時間を短縮する 成果物の構造を把握しやすくする ただし、Storyboar
WWDC16 - Videos - Apple Developer
Collections App Services Audio & Video Developer Tools Maps & Location Photos & Camera Swift SwiftUI & UI Frameworks System Services Platforms iOS iPadOS macOS tvOS visionOS watchOS App Services 26:13 Developing CarPlay Systems, Part 2 iOS, iPadOS Learn how CarPlay integrates with your car's infotainment system. Understand how CarPlay is designed to work with your car's resources including the dis
TechCrunch | Startup and Technology News
Holy procrastination, startup founders! Tomorrow’s your last chance to apply to the Startup Battlefield 200 at TechCrunch Disrupt 2024. Your last chance for a shot to stand on the Disrupt…
【iOS 10】API Diffsから見る iOS 10 の新機能 #WWDC2016 - その後のその後
タイムラインでは「つまんねー」「Apple終わってる」「ジョブズがいればこんなことには・・・」という落胆の声をたくさん見かけましたが、"iOS 10.0 API Diffs" や "What's New in iOS" 等のプレリリースドキュメントを見ると今回も新しい機能が数多く追加されていて、個人的には非常にワクワクしております。 以下、気になったものを列挙していきます。 VoIP API / CallKit BONXというVoIP通話するプロダクトを手伝っている関係で、IP通話がどんな感じでできるようになるのか（サーバーは自分で用意するのかとか）、非常に気になります。 "Speakerbox: Using CallKit to create a VoIP app" という公式サンプルが公開されているので、後でコードを見てみようと思います。 SiriKit / Intents / Int
iOS 9『スライドでアップグレード』で固まりDFUモードでのアップデートも復元もできずに詰んだ際の最終手段 - F.Ko-Jiの「一秒後は未来」
(追記 2015-09-24) この問題を修正した iOS 9.0.1 が出ています。この記事にもとづいてベータ版の iOS 9.1 を入れていた場合は「iOS 9.1 Public BetaからiOS 9へダウングレード、バージョン変更する方法 | iBitzEdge」の方法でダウングレードできます。 (追記 2015-09-22) この問題は次の iOS アップデートで解決される予定だそうです。(via: https://support.apple.com/ja-jp/HT205239) 経緯 手持ちの iPhone 5s をずっと iOS 7 のまま利用していたのですが、iOS 9 も出たことだしアップグレードしてしまおうかなと更新作業をしていたら、画面に「スライドでアップグレード」と表示されたまま先に進まなくなってしまいました。 調べてみると「iOS9アップデート後に「スライドでア
iOS 9 の新機能のサンプルコード集『iOS-9-Sampler』を公開しました - その後のその後
iOS 9 でも大量の新機能が追加されましたが、新しいAPIはどう使うのか、実際に何がどこまでできるのか、といった具体的なところが、英語のドキュメントや動画をながめているだけだと正直あまりピンときません。やはり実際にコードを書いて動かしてみるのが一番わかりやすい・・・ということで今年もつくりました！ iOS-9-Sampler 恒例の iOS 9 新機能のサンプルコード寄せ集めアプリです。ソースコードは GitHub に置いてあるので、ご自由にご活用いただけると幸いです。 https://github.com/shu223/iOS-9-Sampler 使い方は Xcode 7 でビルドするだけ なので、デザイナーさんやディレクターさんもぜひお近くのエンジニアにビルドしてもらってください。 Swift のバージョン 2.0 やオープンソース化、ついにネイティブ対応する watchOS 2、と
Google Maps iOS SDK Tutorial: Getting Started
Up to iOS 5, Google Maps was an integral part of iOS and was the mapping engine used by all iOS devices. With the release of iOS 6 in 2012, Apple made a dramatic change and replaced Google Maps with an in-house mapping engine: MapKit. Just a few months later, Google released its own standalone Google Maps app for iOS, along with the Google Maps iOS SDK for developers. There are benefits and drawba
How to Create an iOS Book Open Animation: Part 2
Welcome back to our iOS book open animation tutorial series! In the first part of this tutorial series, you learned how to create two custom collection view layouts and applied shadow layers to the book’s pages to create depth and realism in your app. In this final part, you’ll learn to create custom navigation transitions and apply interactive gestures to open a book with a pinch gesture. Note: F
iOSのPUSH通知(APNS)の特徴・ノウハウまとめ(iOS 9まで対応) - Qiita
今開発しているPlayer!で、チャット系のリアルタイム更新処理が必要となったので、色々調べながらまとめています。 分量が多いので、とりあえずまずは小出しにAppleのPUSH通知の特徴・ノウハウについてまとめたものを公開します。 → 「リアルタイム更新処理」全体にフォーカスした記事も書きましたヽ(・ω・｀） iOS - チャットなどリアルタイム更新が必要なスマフォアプリの構成について考えてみた - Qiita アプリが終了状態になっていてもサーバーから通知出来る唯一の手段 まず当たり前のことからですが、最大の特長だと思います。 この理由によって、双方向通信などを併用するにしてもPUSH通知対応は必須です。 (サーバー経由でなければ、位置情報トリガーなど他にもいくつか終了状態から起こす方法は存在します。) ユーザーにPUSH通知を不許可にされたら届かない さらに、初回の確認で不許可にされた
CocoaPods Tutorial for Swift: Getting Started
CocoaPods is a popular dependency manager for Swift and Objective-C Cocoa projects. Thousands of libraries and millions of apps use it, according to the CocoaPods website. But what is a dependency manager and why do you need one? A dependency manager makes it easy to add, remove, update and manage the third-party dependencies your app uses. For example, instead of reinventing your own networking l
iOSアプリをリリースするなら週末を狙え
開発者ならば誰でも自分のモバイルアプリの売れ行きが気になるものだろう。だが、成功するチャンスを掴めるか否かは、数々の作業やテストを経て、最終準備を終えるまではわからない。アプリをリリースし、売り込む場合にはなおさらだ。 タイミングが全てだ、とSensor Towerは述べている。同社はアプリ・マーケティングおよび最適化を行っている企業だ。4月3日、同社はiOSアプリに関して新たな報告を発表し、アプリ・マーケティングには、おおむね週末が適しているとしている。ほとんどのカテゴリにおいて、ユーザーが最もアプリを利用・購入・ダウンロードするのは週末ということだ。 だが、全てのアプリやユーザーは一様ではなく、アプリによって異なるものでもある。 アプリが購入・ダウンロードされる時間帯とその理由 ユーザーが最もアプリを購入・ダウンロードするタイミングを把握し、そこを狙ってユーザーに届ければ、アプリのヒッ
Background Modes Tutorial: Getting Started
Apple started allowing apps to do work in the background in 2010 with the release of iOS 4 and has evolved and improved background modes since then. iOS restricts the use of background operations to improve user experience and extend battery life. Your app can run in the background for specific use cases, including: playing audio, updating location and fetching the latest content from a server. If
オープンソースになった ResearchKit の中身を見てみる - その後のその後
昨日、Apple が ResearchKit フレームワークのソースコードをまるっと GitHub で公開しました。 https://github.com/ResearchKit/ResearchKit ここで「おお ResearchKit！！・・・って何だっけ・・・？」ってなった方も実は多いのではないでしょうか。僕はすっかり忘れててググって思い出したのですが、 医療に携わる科学者が研究のために、必要なデータを集めることができるフレームワーク というやつです *1。 Apple の新しいフレームワークのソースコードが公開されるという機会もなかなかないので、中身を見てみました。 試してみる 何はともあれ何ができるのか体感するためにも、まずは動かしてみたいところ。 さっそくリポジトリから git clone して Xcode で開いてみると・・・ フレームワークとドキュメント用のSchemeし
Autolayout で正多角形の頂点上に UI コンポーネントを配置する | DevelopersIO
幾何学模様を作りましょう Autolayout で幾何学的な配置を表現するときは、View にcenter制約を与えて、そのconstantを調整すると簡単です。 例 正三角形 正五角形 これらは共に上記の制約で作られています。 ※「●」は UILabel です。 やり方 基本はこの手順です。 View にcenter制約を与える constantを調整する ※constantの座標系（？）は、左上が (+, +)、 右下が (-, -) のようです。 練習 それでは実際に UILabel を正三角形の頂点上に配置してみましょう。 手順は以下のとおりです。 正三角形の外接円の半径を決める それぞれのコンポーネントについて、中心からの偏角を求める 極座標を使ってコンポーネントの座標を求める 座標分だけcenter制約のconstantをずらす 1. 正三角形の外接円の半径を決める これは好き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Engadget | Technology News & Reviews
Vimeo PRO
iphonedev.tv
