강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Mobile Application Development

SwiftUI で行うデザインシステム実装 : SwiftUI で世の中のすべての UI を作る方法: 完全版

この講座ひとつで、あらゆるタイプのアプリUIコンポーネントを開発できます。

9名 が受講中です。

  • mushokumushu
SwiftUI
UI
Swift

こんなことが学べます

  • SwiftUIを自由に扱う

  • 世界のすべてのアプリUI

  • UI開発リファレンス

「アプリ開発、毎回新しく組み立てるコードに疲れましたか？」 🤔

一度作り終わるのではなく、次のプロジェクトでも使える完全に再利用可能なデザインシステムを
作ってみましょう。


20人を超えるアプリ開発者が尋ねました。彼らのほとんどは同様の悩みを抱えていました。

  • 「なぜ同じUIを新たに作るたびに時間がかかるのか？」

  • 「デザインチームとコラボしてみると、なぜいつも何かがずれるのか？」

  • 「プロジェクトが大きくなるほどメンテナンスが難しくなる理由は何ですか？」

私が50人の受講生とオフライン講義を行い、直接気付いた答えはこれです。これらの問題の答えは体系的なデザインシステムにあります。

💡このコースがあなたに与えることができる変更

  1. 生産性爆発
    コンポーネントを再利用できるようになると、UI設計にかかる時間が大幅に短縮されます。その時に、より重要な機能開発に集中できます。

  2. メンテナンスの利便性
    プロジェクトが大きくなるにつれて、一貫したデザインシステムがどれほど強力であるかがわかります。変更が必要な場合でも一度に適用できます。

  3. チーム内の立地を強化
    デザインシステムを正しく理解して実装できる開発者は一般的ではありません。あなたはチーム内でUIの専門家として位置づけることができるでしょう。

この講座、こんな方にピッタリです。

もしあなたが…

  • 毎回繰り返されるコード作業に真の髪が出たら

  • チームメンバーとコラボレーションするとき、同じUIを異なる方法で解釈して困難を経験した場合

  • アプリ開発の生産性を高め、メンテナンスを楽にしたいなら



このコースだけの特別な点は何ですか？


1. 本当の実務中心講義

オフライン講座で50人の受講生に検証されたカリキュラムで、実際に役に立つものだけを扱います。受講生たちは講座を聞いてすぐに自分のプロジェクトに適用できる結果を得たと口をそろえて言いました。

2. SwiftUIで学ぶデザインシステムのすべて

Badge、Chip、Toast、Tabなどのコンポーネント制作は基本であり、メンテナンスと拡張が容易な設計システムの設計原則まで学ぶことになります。このコースを終えたら、あなたは次の能力を得るでしょう：

  • 一度作成したコンポーネントをすべてのプロジェクトで再利用できる技術

  • アプリ開発速度を少なくとも2倍以上高めるノウハウ

  • コラボレーションが容易になるUI設計とコードの書き方

3. アニメーションと高度なUIまで扱う

デザインシステムは単に静的なUIだけを扱いません。スムーズなアニメーションとインタラクションはユーザーエクスペリエンスの中心です。このコースでは、アニメーションでアプリに命を吹き込む方法を紹介します。

このような内容を学びます。


1. 問題認識

アプリ開発でよく見られるUI関連の問題を見てください。 「なぜこんなに頻繁に同じボタンを作るのか？」同じ悩みを解決するためにデザインシステムの必要性を感じさせます。


2. コンポーネント製作

Text、Button、CardのようなシンプルなコンポーネントからTab、Carousel、Modalなどの高度なUIまで、SwiftUIで一つずつ作ってみてスキルを身につけます。


3.設計システム設計

複数のコンポーネントを統合して一貫したデザインシステムを設計する方法を学びます。チームプロジェクトや大規模アプリでも効率的に活用できるシステムを構築します。


4. 完成と高度化

スムーズなアニメーションと高度なインタラクションでユーザーエクスペリエンスを引き上げる方法を学び、それをデザインシステムに統合します。



このコースは、単にコンポーネントの作成方法を教えてくれる講義ではありません。 SwiftUIで生産的で効率的なUI開発者に成長するのに役立つ完璧なロードマップです。

50人の受講生が認めた講座、今は皆さんの番です。

💡実際の受講生のレビュー

この講座はすでに50人のオフライン受講生と一緒にいて、その価値を証明しています。

「新たにアプリ開発する時間が本当に半分になりました」

「デザインシステムというのが抽象的な概念だと見てもよく触れていなかったのですが、こんなに簡単に教えてもらえませんでした。この課外をして、私たちのチームデザイナーたちと一緒にデザインシステム構築を進めています」

受講前の注意

練習環境

  • 講義はMacOSで説明します。 XCodeをあらかじめインストールしてください。


学習資料

  • 講義に一緒に添付します。

選手の知識と注意事項

  • 基本的なSwift文法

  • SwiftUIの基本概念


こんな方に
おすすめです

学習対象は
誰でしょう？

  • UI開発をコピペで手早く済ませたい人

  • SwiftUIをこれから始める人

  • SwiftUIを実務に活用したい人

前提知識、
必要でしょうか？

  • Swift

こんにちは
です。

안녕하세요.

저는 가장 필요하고 실무 현업에서 바로 쓸 수 있는 것들로

강의를 제작하고 있습니다.

피드백에 대해 성실하게 답변하니

편하게 문의주세요.

カリキュラム

全体

14件 ∙ (2時間 3分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください！

￥4,096

mushokumushuの他の講座

知識共有者の他の講座を見てみましょう！

TCA (The Composable Architecture) Practical Guide강의 썸네일

TCA (The Composable Architecture) Practical Guide

mushokumushu

Learn the concept of TCA and how to apply it in practice.

중급이상

중급이상

tca, Swift

TCA (The Composable Architecture) Practical Guide강의 썸네일

TCA (The Composable Architecture) Practical Guide

mushokumushu

似ている講座

同じ分野の他の講座を見てみましょう！

Part 1: Learning iOS for Real Beginners (SwiftUI, SwiftData, 2024)강의 썸네일

Part 1: Learning iOS for Real Beginners (SwiftUI, SwiftData, 2024)

daynightcoding

SwiftUI lectures that even beginners can listen to! You can start even if you don't know anything.

입문

입문

iOS, Swift, SwiftUI

Part 1: Learning iOS for Real Beginners (SwiftUI, SwiftData, 2024)강의 썸네일

Part 1: Learning iOS for Real Beginners (SwiftUI, SwiftData, 2024)

daynightcoding

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications강의 썸네일

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications

jacobko

A practical, in-depth course on core SwiftUI animations (Spring Animation & Transition), systematically teaching 9 real app screens & interactive UI/UX. (📌 All lecture PDFs & practice Code files provided)

중급이상

중급이상

iOS, Swift, SwiftUI

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications강의 썸네일

[Lv.4] SwiftUI Advanced Animation - Mastering Interactive UI for Real-World Applications

jacobko

Go-Stop game made in Swift language강의 썸네일

Go-Stop game made in Swift language

cmieux

iOS Match Game Making Swift Make a fun match game using Swift.

초급

초급

Swift, iOS

Go-Stop game made in Swift language강의 썸네일

Go-Stop game made in Swift language

cmieux

iOS SwiftUI AR Augmented Reality강의 썸네일

iOS SwiftUI AR Augmented Reality

cmieux

Create an augmented reality AR app in the new SwiftUI environment. Create your own Snow app using ARKit, RealityKit, Core ML, etc.

초급

초급

iOS, SwiftUI, VR/AR

iOS SwiftUI AR Augmented Reality강의 썸네일

iOS SwiftUI AR Augmented Reality

cmieux

Tetris game made in Swift language강의 썸네일

Tetris game made in Swift language

cmieux

Let's create a Tetris game in Swift.

초급

초급

Swift, iOS

Tetris game made in Swift language강의 썸네일

Tetris game made in Swift language

cmieux

Learn iOS Janggi Game (Korean Chess) in Swift강의 썸네일

Learn iOS Janggi Game (Korean Chess) in Swift

cmieux

Learn the basics of programming by creating a long-term game in Swift.

초급

초급

Swift, iOS

Learn iOS Janggi Game (Korean Chess) in Swift강의 썸네일

Learn iOS Janggi Game (Korean Chess) in Swift

cmieux

Property Wrapper (@State, @Binding...) in SwiftUI강의 썸네일

Property Wrapper (@State, @Binding...) in SwiftUI

daynightcoding

Learn about the data-related property wrappers that appear early in SwiftUI: @State, @Binding, .constant, ObservableObject, @Published, @ObservedObject, @EnvironmentObject, @Environment

초급

초급

SwiftUI, Swift, iOS

Property Wrapper (@State, @Binding...) in SwiftUI강의 썸네일

Property Wrapper (@State, @Binding...) in SwiftUI

daynightcoding

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course강의 썸네일

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course

Donggyu Park

Professor Park's latest Swift lecture! Download the lecture code from the following site - https://github.com/dongupak/Swift2.0-Programming And when lectures 11 and 12 don't play, press the gear icon and lower the video resolution, and the video will play well. Thank you to the reporter.

초급

초급

Swift

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course강의 썸네일

Professor Dong-Gyu Park of Changwon National University's Swift Language Basics Course

Donggyu Park

Yagom's Swift Basic Grammar Course강의 썸네일

Yagom's Swift Basic Grammar Course

yagom

This course teaches the basic core grammar of Swift so that existing programmers or people with programming concepts can quickly learn Swift grammar.

초급

초급

Swift

Yagom's Swift Basic Grammar Course강의 썸네일

Yagom's Swift Basic Grammar Course

yagom