import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
Building a dialog component Stay organized with collections Save and categorize content based on your preferences. A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. In this post I want to share my thoughts on how to build color-adaptive, responsive, and accessible mini and mega modals with the <dialog> element. Try th
はじめに 導入に向けて検討したこと 流れ 1. UIKit 及び Storyboard をどのように置き換えるのか 2. 書き慣れた MVVM パターンを維持できるのかどうか 3. 既存のプロジェクト構成でもスムーズに導入できるのか 4. アプリのサポートOSが iOS14.0+ だが、 SwiftUI 特有の苦しみは問題なさそうか 5. 本当に開発効率は向上できるのか 導入決定後から本格対応までにやったこと 流れ 1. 画面構成がシンプルで、利用頻度の低い設定画面の SwiftUI 化 2. チーム勉強会の時間を使って一緒に学習 実践 移行計画 成果 おわりに We are hiring! はじめに N予備校 iOS アプリ 開発チームでは、長い間 UIKit & Storyboard & RxSwift & MVVM で開発してきました。 以前から「Storyboard やめたい！」「
こんにちは、株式会社スタメンで FANTS のフロントエンド開発を担当している @0906koki です。 今回の記事では、本日リリースした FANTS ダッシュボードのフロントエンド開発で選定したフレームワークやライブラリ、ディレクトリ構成について解説します。 目次 目次 FANTS ダッシュボードとは？ 技術スタック Next.js SWR Styled-Components Storybook ディレクトリ構成 components apis 最後に FANTS ダッシュボードとは？ FANTS ダッシュボードの説明をする前に、FANTS というプロダクトについて紹介させてください。 FANTS とはサブスク型のオンラインファンサロンプラットフォームで、オンラインファンサロンを始めたいオーナー様に、サロン開設に必要なシステム・企画等をワンストップで提供します。現状 100 サロン以上
iOS バージョン による SwiftUI の機能差分・制限まとめ - スタディサプリ Product Team Blog
こんにちは。iOS エンジニアの wadash です。先月2022年2月に無事リリースした「スタディサプリ 中学講座」のチームで開発に携わっています。 今回は iOS バージョンによる SwiftUI の挙動差異と制限のまとめをご紹介します。 SwiftUI の採用とサポートバージョンについて 「スタディサプリ 中学講座」では、SwiftUI を全面的に採用した開発を行っており、アプリのサポートバージョンを iOS 14 以上としています。 プロジェクト発足当初は iOS 13 以上をサポートバージョンにする方針で議論していましたが、プロジェクト期間途中の2020年9月にリリースされた iOS 14 にて、iOS 13 時点で一般に認識されていた SwiftUI の不安定な挙動がある程度改善されたことを確認したため、プロダクト自体の品質向上という目的と、ローンチのタイミングでユーザーがイン
ActionSheetに代わるスタンダード? iOSアプリのプルダウンメニューについて #WWDC20 | DevelopersIO
はじめに CX事業本部の中安です。まいどです。 WWDC2020を経て、Appleのヒューマンインタフェースガイドラインにも新トピックが追加されていますね。 その中でも「Pull-Down Menus」という項目が増えているようです。 今回はこちらについてブログにしたためてみようかなと思います。 Pull-Down Menus まずはサマリーとしてはこう説明されています。 In iOS 14 and later, a button can display a pull-down menu that lists items or actions from which people can choose. You can use a pull-down menu — or simply menu — to offer items that are directly related to the
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に準拠し
【Swift】UIAlertControllerのactionSheetにカスタムViewを埋め込む | DevelopersIO
UIAlertControllerからactionSheetスタイルで表示したアラートにカスタムViewを埋め込みたくなったので、埋め込み方法を調べました。 環境 Xcode 14.1 iOS 16.1 UIAlertController.Style.actionSheet UIAlertController.Styleを.actionSheetに選択することでiOSデバイスでは下から出てくるアクションシートを表現出来ます。 @IBAction private func showActionSheet(_ sender: UIButton) { let actionSheet = UIAlertController(title: "かわいいは作れる", message: nil, preferredStyle: .actionSheet) // iPadのクラッシュ対応 actionShe
SwiftUI
（2023/11/23 更新） SwiftUIの基本 【SwiftUI】Viewの分割 【SwiftUI】条件によってViewの見た目を変える方法 【SwiftUI】シートの使い方（sheet） 【SwiftUI】モーダル画面の表示（fullScreenCover） 【SwiftUI】アラートの使い方（alert） 【SwiftUI】confirmationDialogの使い方 データバインディング 【SwiftUI】データバインディング 【SwiftUI】@Stateの使い方 【SwiftUI】@ObservedObjectの使い方 【SwiftUI】ObservableObjectを階層構造で使う 【SwiftUI】@EnvironmentObjectの使い方 【SwiftUI】Bindingにoptional変数をアンラップして渡す レイアウト 【SwiftUI】 Viewのレイアウ
React Nativeでアプリ内課金を実装する
React Nativeでアプリ内課金を実装するためreact-native-iapを使う方法について説明します。 概要React Nativeでアプリ内課金を実装するためreact-native-iapを使う方法に関して説明します。 react-native-iapアプリ内商品を生成するアプリ内課金を実装するためには、まずアプリ内商品を生成する必要があります。各プラットフォームに合わせてアプリ内商品を作る方法について説明します。 iOSのアプリない商品を生成する契約、税金や金融取引の設定iOSでアプリ内商品を作るためには、まず、契約、税金や金融取引を設定する必要があります。契約、税金や金融取引を設定するためAppstore Connectへ移動します。 下にある契約、税金や金融取引(Agreements, Tax, and Banking)を選択して移動します。 私はすでに設定したので、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Capacitor: Webアプリをクロスプラットフォームに展開
Building a dialog component | Articles | web.dev
N予備校iOSアプリへ SwiftUI を導入するまでの道のりについて - ドワンゴ教育サービス開発者ブログ
FANTS ダッシュボードを支えるフロントエンド技術 - stmn tech blog