Origami

アプリ開発の新手法SwiftUIのさまざまなテクニック・チュートリアルを発表していきま…

Origami

アプリ開発の新手法SwiftUIのさまざまなテクニック・チュートリアルを発表していきます。

SwiftUIで、オリジナルの円グラフを作成する基本の方法

統計的な情報をわかりやすく伝えるには、文字よりもチャートやグラフが好ましいですよね。円グラフはシンプルで誰でも理解しやすいので、さまざまなチャートの中でもっとも一般的です。 グラフやチャートに関する記事はあまりなかったので、、、 これから定期的に更新していきますね！ 今回の内容 ・オリジナルの円グラフの基本的な作成方法。 ・入門〜中級の読者様向けに、丁寧かつ簡潔に解説します。 ・グラフ生成は、Githubのライブラリを使用する方法もありますが、オリジナルで作成できれば、表現

Origami

    • SwiftUIで、オリジナルの棒グラフを作成する基本の方法

      今回の内容 ・オリジナルの棒グラフの基本的な作成方法。 ・入門〜中級の読者様向けに、丁寧かつ簡潔に解説します。 ・グラフ生成は、Githubライブラリを使用する方法もありますが、オリジナルで作成できれば、表現できるUXの幅が広がります。 ・グラフ作成方法については、基本から応用まで、定期的に発表したいと思います。 テスト環境 Xcode 12.2 swift 5.3.1 iOS 14.2 1) データモデルの作成1-1) モデル まずはグラフデータのモデルを用意します。

      Origami

      • SwiftUIで、カスタムモディファイアを作成する方法

        今回の内容 ・カスタムモディファイアの基本的な作成方法。 ・入門〜中級の読者様向けに、丁寧かつ簡潔に解説します。 ・カスタムモディファイアを作成することで、複雑なデザインを1行で呼びだせるようになります。 ・また、大元のカスタムモディファイアを変更すれば、適用されている全てのViewがまとめて変更されるため、デザインの変更が容易にできるようになります。 テスト環境 Xcode 12.2 swift 5.3.1 iOS 14.2 1) 基本のカスタムモディファイア基本のカス

        Origami

        • SwiftUIで、センター位置でピタッと止まる横スライド式のViewを実装する方法

          今回の内容 ・センター位置でピタッと止まる横スライド式のViewの実装方法。 ・ほとんどの有名アプリに搭載されているお馴染みのUXですが、SwiftUIのScrollViewでは実現できないため、独自で実装する必要があります。 ・パディングやフレームのサイズ感を理解し、動的にViewを構築するための理論的な考え方を習得し、UXを自在に操れるようになります。 ・入門〜中級レベルの読者様向けに、丁寧かつ簡潔に解説します。 思っていた内容と違ったら、ご返金承ります。 ・わかりに

          100
          Origami

        SwiftUIで、オリジナルの円グラフを作成する基本の方法

        Origami

        • SwiftUIで、オリジナルの棒グラフを作成する基本の方法

          Origami

        • SwiftUIで、カスタムモディファイアを作成する方法

          Origami

        • SwiftUIで、センター位置でピタッと止まる横スライド式のV…

          Origami

          SwiftUIで、ユーザー初期設定画面を作成し、初回起動時のみ表示させる方法

          今回の内容 ・初期設定画面を初回起動時のみ表示させる方法。 SwiftUIのLifeCycleはUIKitとSwiftUIAppの2パターンありますが、どちらでも対応できます。 ・入門〜中級レベルの読者様向けに、丁寧かつ簡潔に解説します。 ・思っていた内容と違ったら、ご返金承ります。 ・わかりにくいところがあれば、コメントいただけたら回答させて頂きます。 テスト環境 Xcode 12.2 swift 5.3.1 iOS 14.2 1) 初回起動用のViewツリーを作成

          100
          Origami

          SwiftUIで、ユーザー初期設定画面を作成し、初回起動時の…

          Origami