SwiftUI

Xcode使いなら、表題のショートカットを多用していると思う。XcodeのLibraryを表示させるショートカットで、previewを究めてコーディングするなら、Libraryも究めないといけないだろう。Developerの講義でもLibraryの必要性を説いている—Discoverability, strong>Learning, and Visual editing—コーディングを理解するためにLibraryを多用しようと思う。Xcode12からカスタマイズができるようになっているので、Developerのデモを実践してみた。デモのコードはCombineを使った依存関係のあるコードで分かり…

背景 テクニカルなことはQiitaに書くようになって、ほんとうの手元作業メモはScrapboxに書くようになって、はてなブログに何を書けばいいのか迷走中……。 ちょうどいいといったら 語弊があるけど、記録しておきたいこと。 iOSアプリ（iPadOSアプリ、macOSアプリ）開発で、Swiftが使えるようになったわけだけれども 「SwiftとSwiftUIは違う！」 Swift……プログラミング言語 SwiftUI……Swiftでつくられた、インターフェース（見た目）をつくる枠組み。 個人的には、SwiftUIのようなやりかたで、見た目をつくるのが好みなので、めっちゃおもろい！ 環境 macO…

12年前くらいからiOS向けのアプリを作ってきた。最初は学生の個人開発、途中から仕事、そして最近は（仕事ではあまりやらなくなったので）趣味的にやっている。UIKitで、はじめの頃はUITableViewが難関だった。毎年のアップデートでUIKitはどんどん拡充されて、Objective-CはMRCからARCへ、そしてSwiftも出た。 毎年の変化を差分で学んできて、振り返ってみると、当初のそれからは大きく変わっていて、便利なんだけど、とにかく膨大だ。 SwiftUIの登場 というところで、2019年にSwiftUIが出た。SwiftUIを使うと、宣言的にユーザーインターフェースを構築できる。U…

この記事でできるもの リストの中にリストを内包している感じのものが作れます． 実践 データモデルの実装 struct OutlineItem: Hashable, Identifiable { var id: Self { self } var value: String var children: [OutlineItem]? } リストに表示するデータの作成 let data = [OutlineItem(value: "おにぎりの具", children: childData1), OutlineItem(value: "サンドウィッチの具", children: childData2)…

はじめに 開発環境 本題 おわりに 参考 はじめに TabViewのそれぞれのタブを選択した時の処理を実装する方法について記載します。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 本題 onChange(of:perform:)を使うことで、各タブを選択した時の処理を実装することができる。 参考:https://developer.apple.com/documentation/swiftui/view/onchange(of:perform:) 以下は、onChange(of:perform:)を使ってタブが選択されたことを出力するサ…

メモ程度なので雑に書いてます。

はじめに 開発環境 本題 おわりに 参考 はじめに Firebase Cloud Messagingで受信したプッシュ通知の内容をSwiftUIのViewで利用する実装について記事に残します。 ※Firebase Cloud Messagingの導入に関しては、以下の記事に記載しています。 【Firebase Cloud Messaging】導入の手順 - Swift・iOS 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 CocoaPods 1.10.0 FirebaseMessaging 7.3.0 本題 AppDelegate.swi…

はじめに 開発環境 本題 おわりに 参考 はじめに NotificationCenterの通知をSwiftUIのViewで受け取る方法について、備忘も兼ねて記事に残します。 開発環境 macOS Catalina 10.15.7 Xcode 12.2 Swift 5.3.1 本題 まず、post(name:object:userInfo:)を使って通知を送る。以下の実装は通知名を"didReceiveNotification"とし、userInfoを通知に含めている例。 NotificationCenter.default.post(name: Notification.Name("didRe…

こんにちは。クックパッド事業本部 買物サービス開発部の藤坂（@yujif_）です。 2020年10月にクックパッド iOS アプリで「買い物機能」をリリースしました。今回はこの新機能の開発にあたって考えたことや取り組みについてご紹介します。 買い物機能とは レシピから買い物へ 買い物からレシピへ 実は SwiftUI で作られている 技術選定の背景 1. 本番で早く検証し、サービス開発の効率を上げたい 実生活の中で使って発見を増やす UI の「作って壊し」をやりやすく 2. SwiftUI のリスクを抑えつつ導入できる見込みがあった クックパッド iOS アプリでは 2メジャーバージョンをサポ…

はじめまして。 2021年、明けましておめでとうございます。 このタイミングのいい日に、ブログを始めようと思い、開設しました。 方向性は定まっていませんが、プログラミンを独学で勉強中なので、日報みたいな感じで勉強記録として使って行こうと思っております。 ゆるく更新していこうと思いますので、宜しくお願い致します。

はじめに 開発環境 本題 謎の余白問題 問題発生時のコード 原因 解決方法 おわりに 参考 はじめに 「原因がただの凡ミス」系の記事です笑 同様の現象で悩む方はいないかと思いますが、私はすぐに原因に気付けず時間を失ったので一応記事に残しておきます・・・。 開発環境 ・macOS Catalina 10.15.7 ・Xcode 12.2 ・Swift 5.3.1 本題 謎の余白問題 NavigationLinkで遷移した先の画面で、まず下にスクロールし、その後上にスクロールするとナビゲーションバーとコンテンツの間に余白が発生してしまう。遷移直後は上部に余白はないのになぜ？ ※遷移先（お知らせ詳細…

はじめに 開発環境 実装部分 おわりに 参考 はじめに UIViewRepresentableによって、SwiftUIのアプリでもWKWebViewを使えるようにしてみました。 開発環境 ・macOS Catalina 10.15.7 ・Xcode 12.2 ・Swift 5.3.1 実装部分 WebView.swift import SwiftUI import WebKit struct WebView: UIViewRepresentable { var urlString: String class Coordinator: NSObject, WKUIDelegate, WKNavi…

SwiftUIでチェック付きのListViewを作るのが大変でした。SwiftUI beta4 までOKだったのが Beta5でNGになったので、 検索で見つけたサンプルコードがビルドエラーに！ 色々やって以下のコードに落ち着きました。 もっといい方法がありそうなんっだけど。なお、チェック部分は手抜きで文字列です。 import SwiftUI var demoData = [Person(name: "Yamada Taro"), Person(name: "Aoki Ichido"), Person(name: "Sato Koji"), Person(name: "Kojima Masa…

はい、題名どおりです。 今回はmapアプリが完成したので報告しようと思いま〜す というわけで今回作ったmapアプリですが、実用的かって言われると正直今のままじゃ全く使えません！はい！ 検索機能はつけてますけど申し訳程度、目的地に向かうにも目的地の情報も取得できませんし、ルートも出てこないという神仕様！ えぇそうです！ 「ただのゴミアプリ」 ですとも！ ですが、やっぱり勉強になることは多かったですよ。 このアプリの開発から学んだことの中で印象に残っているのは ・橋渡し ・他ファイルとの連携 かな？ 特に初学者としては他ファイルとの連携はなんだか「プログラムしてる感」を強く感じさせてくれますし、複…

はじめに Textを表示してみる テキストのスタイルの指定 bold italic テキストの色の設定 取り消し線 アンダースコア フォントの指定 標準フォントを比較してみる テキストのフォントの太さの指定 複数行の時の配置の指定 テキストの最大行数の指定 最後 参考 はじめに この記事ではSwiftUIのTextの使い方について説明します。 Textはその名の通り（読み取り専用の）文字列を出力します。 ちなみにSwiftUIの導入方法についてはこちらで説明しています。 dasuko.hatenadiary.jp テキストのAlignmentについてはこちらで解説しています。 dasuko.h…

ContentView.swiftを変更 import SwiftUI struct ContentView: View { var body: some View { WebView(url: URL(string: "dummy")!) } } WebView.swiftを新規作成 import SwiftUI import WebKit struct WebView: UIViewRepresentable { var url: URL func makeUIView(context: Context) -> WKWebView { let webConfig = WKWebViewCo…

(4) 画面に図形を表示するには (4.1) 四角を表示、大きさはおまかせ struct ContentView : View { var body: some View { VStack { Text("Hello There!") Rectangle().fill(Color.blue) }.frame(width: 150, height: 100).border(Color.black) } } (4.2) 四角を表示、元の表示場所から右に+5外れて大きさを半分に struct ContentView : View { var body: some View { VStack { Te…

WebView.swiftを新しく作る import SwiftUI import WebKit struct WebView: UIViewRepresentable { var url: URL func makeUIView(context: Context) -> WKWebView { return WKWebView(frame: .zero) } func updateUIView(_ uiView: WKWebView, context: Context) { let req = URLRequest(url: url) uiView.load(req) } } struct …

20歳くらいからホームページの作成から始まってそれがソフトウェアに、そしてスマホアプリにと媒体は変化したものの、一貫して趣味は「プログラミング」として生きてきましたが、そろそろ他の趣味というかハマるものがもう少し欲しくて「美容(体のメンテナンス含む)」を頑張ってみようかと思ったのでその心意気です。

【Engineering Team Presentation】各社の事業を支えるアーキテクチャ - connpass 日経電子版のキャッシュ戦略 API-Secret発行のルール APIkeyの中に検索して出にくい文字列を入れておく Secretの種類判別が可能 GitHub検索をかけて流出に気付ける 表示速度によるWebの離脱率が上がっている 性能チェックはサーバーログではなくフロントエンド側でやるのが望ましい サーバーログだと正しく測定できない レイヤーごとに色々なキャッシュがある ブラウザキャッシュ 再利用時の通信量が減らせる。最速 CDNキャッシュ 配信目的なら高効率 Appバックエン…

はじめに 監視可能なモデルデータを宣言する 監視可能オブジェクトの変更を監視する ObservedObject StateObject EnvironmentObject まとめ 参考 はじめに 昨今では様々なアーキテクチャがありますが、そのほとんどがView(UI)やロジックと別にモデルデータを定義し、 これらを分離することにより、テストが容易になったり、可読性が上がったります。 SwiftUIではデータモデルクラスのオブジェクトを監視可能オブジェクト(ObservableObject)として定義することにより、 それらのプロパティが変更されたときに自動でViewを更新する仕組みがあります。…

どうも。株）WIREBASEの中村です。 本日は、現在プレビューリリース中のSwift5.4について綴りたいと思いますー。 Swift5.3がリリースされたのが2020年の9月16日なので、もの凄いスピード感で進化を遂げていますね。 そんな来たるSwift5.4。結局、何がどう変わるのか？ 新しい機能を纏めていきたいと思います。①Xcodeの立上げ時 Xcodeのプロジェクトを経験した方なら知っていると思いますが、Xcodeのプロジェクトを立ち上げる時、"var str"と書きますよね。 var str = "Hello, playground" Swift5.4では、それが "var gre…

昨年は全くと言っていいほどプログラミングの勉強をしていなかった。一昨年にSwiftUIに触れ感動したのも束の間、昨年のコロナアウトブレイクに翻弄されWWDC2020を見る余裕も無かった。いつの間にか、SwiftUIの実装が、Viewを飛び越え、Scene、Appへ拡張されていたことも知らなかった。そのため、前回のここのエントリーで、Appファイルの存在に今更ながら驚いたということだ。あれから「Developer」の講座を毎日見るようにした。SwiftUIがかなり拡張されていることをやっと知り得たわけだ。かなり遅れをとってしまった。次のWWDC2021も6月に迫っている。今、昨年の変化について行…