Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

今日からSwiftの学習したことをQiitaに書き残しておく

Last updated at Posted at 2025-03-11

今まで学習した内容 
・Udemy
◾️今日からはじめるプログラミング】コードの基本から必須スキルまで習得できる講座 / Swift6.x~対応
https://www.udemy.com/share/102lTK3@i1hpjxLhke1iGOuiumHd_aVNQ-w7bIJjymLxM5qhH_FhvuoLMQhjPaW1QGGlKORUJw==/
→変数や型の概念など、基礎の基礎についての講座

◾️【Xcode 16 / Swift 6】SwiftUI版クイズアプリ開発講座
https://www.udemy.com/share/10cv9b3@M1kH3p1HbUI1hZwTl5G-ovNxDc5Z6lPOliOesq-WwEuGtcrkFOumXBK8f7DoMF1GKw==/
画面遷移、UI部品の配置、画像の取り込み、ダークモード対応など。

◾️【SwiftUI】チャットアプリを作りながら学ぶ実践的iPhoneアプリ開発講座
https://www.udemy.com/share/109HUw3@ZiJse_DWsnUoAXse354lGw4ran6nI_yDMFA4k9KeKplcmE2KihQfWbbTKpDUugZ40w==/
LINEの一部のUIを模した画面をMVVMの形式で整理しながら実装してみる講座。つまづいて途中から手を動かすだけになった。まだ理解が追いついていない。

・youtube
◾️【初心者向け】SwiftUIで始めるiPhoneアプリ開発講座
https://youtube.com/playlist?list=PLw3plj85uElR7ZiVdgdsCFhjUIceRCLJO&si=P9qNqJVhC1JBqgjt
→Udemyのクイズアプリ開発講座の講師のチャンネル。シンプルなアプリ(Todoリストアプリやカウンターアプリなど)開発。

・書籍
◾️絶対に挫折しないiPhoneアプリ開発「超」入門
https://www.google.co.jp/books/edition/%E7%B5%B6%E5%AF%BE%E3%81%AB%E6%8C%AB%E6%8A%98%E3%81%97%E3%81%AA%E3%81%84_iPhone%E3%82%A2%E3%83%97%E3%83%AA/RTPtDwAAQBAJ?hl=ja&gbpv=0
→チャットアプリの講座でつまづいたので、基礎固めをしたいと思って購入。現在半分くらい読んでいる。一部の理解は深まったが、直感的に書いていた部分の詳細が解説されていて、余計混乱している部分もある。

今後の学習方針
→「すでにこの世に存在している画面」を模倣してみる。
今までの知識をアウトプットするなかで、必要な情報を新たにインプットする。

★三月の宿題
この画面にできるだけ似せたものを、できるだけ自力でつくってみる。
IMG_0877.PNG

画面上部に日付と人形アイコン
その下に画像が二段。画像の中に文字とアイコン、「入手」ボタン
画面はスクロール可能。
下にはアイコンが横に並んだツールバー的なボタン群。

IMG_0878.PNG
IMG_0879.PNG

画像をタップすると画像が少し上にずれて、文章と画像が縦に積まれた画面が表示される。
左上に×のアイコンが表示され、タップすると戻る。

★パッと見てどう作っているかの予想★
・日付はDateを使う
・人形アイコンやツールバーのアイコンは image(systemname:)に同じものがありそう。
・スクロールできるからスクロールビュー。VStackで画像を縦に積んで、ZStackで文字やボタンを重ねる。ツールバーはHStackでアイコンを横に並べてる。
・画像は.corneriradiusで角丸にする。重ねた画像の透明度も、名前忘れたけどモディファイヤで再現できるはず。
・文字の見出しは.titleや.fontで表現できそう
1枚目の画像をタップした時のふわっとした画面遷移は多分モーダル遷移?

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?