Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Mobile Application Development

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

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

6名 が受講中です。

  • 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,034

mushokumushuの他の講座

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

似ている講座

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