Xcode 15のDocCプレビュー機能の紹介

4.8K Views

November 08, 23

スライド概要

YUMEMI.grow Mobile #8 - connpass
https://yumemi.connpass.com/event/299907/

YUMEMI.grow Mobile #8 - YouTube
https://www.youtube.com/live/mxL9CJ6lvuw

Xcode 15のDocCプレビュー機能の話をしました #yumemi_grow - usami-kの日記
https://usami-k.hatenablog.com/entry/2023/11/09/000541

profile-image

https://usami-k.github.io/

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

Xcode 15の DocCプレビュー機能の紹介 宇佐見公輔 / 株式会社ゆめみ 2023-11-08 Xcode 15のDocCプレビュー機能の紹介 1

2.

自己紹介 宇佐見公輔(うさみこうすけ) 株式会社ゆめみ / iOSテックリード Xcode 15のDocCプレビュー機能の紹介 2

3.

Swift-DocC Swiftのドキュメント作成ツール APIドキュメント チュートリアル 現在の公式ドキュメントの多くがSwift-DocCで作成されている Xcode 13に含まれる形でリリース(2021) Xcode 15のDocCプレビュー機能の紹介 3

4.

Swift-DocCの更新 (1) Xcode 14に含まれる形でアップデート(2022) Appプロジェクト対応 SwiftPMプラグイン対応 Objective-C対応 その他、細かな改善 Xcode 15のDocCプレビュー機能の紹介 4

5.

余談 SwiftPMプラグイン Swiftパッケージには対応している Appのマルチモジュール構成ではうまくいかない 情報求む Xcode 15のDocCプレビュー機能の紹介 5

6.

Swift-DocCの更新 (2) Xcode 15に含まれる形でアップデート(2023) プレビュー機能 Swift extension対応 その他、細かな改善 Xcode 15のDocCプレビュー機能の紹介 6

7.

Xcode向けのサンプル SlothCreator: Building DocC Documentation in Xcode | Apple Developer Documentation https://developer.apple.com/documentation/xcode/slothcreat or_building_docc_documentation_in_xcode Xcode 15のDocCプレビュー機能の紹介 7

8.

プレビュー機能(Xcode 15) Xcode 15のDocCプレビュー機能の紹介 8

9.

使いかた Assistantウィンドウ で「Documentation Preview」を選ぶ Xcode 15のDocCプレビュー機能の紹介 9

10.

プレビュー機能のメリット 実際の出力と同じ見た目でプレビューできる 他のエディターでもプレビューできるが見た目が変わる 固有の機能をプレビューできる Markdown拡張ディレクティブ チュートリアル Xcode 15のDocCプレビュー機能の紹介 10

11.

拡張ディレクティブ レイアウトのためのディレクティブがある(Swift 5.8以降) / @Row @Column @TabNavigator @Small @Links これらを使うときはプレビュー機能が便利 Xcode 15のDocCプレビュー機能の紹介 11

12.
[beta]
@Row / @Column
@Row {
@Column {
@Image(source: "icon-power-icon", alt: "A blue square containing a snowflake.") {
Ice power
}
}
@Column {
@Image(source: "fire-power-icon", alt: "A red square containing a flame.") {
Fire power
}
}
}

Xcode 15のDocCプレビュー機能の紹介

12

13.

@Row / @Column Xcode 15のDocCプレビュー機能の紹介 13

14.

@TabNavigator @TabNavigator { @Tab("Powers") { ![A diagram with the five sloth power types.](sloth-powers) } @Tab("Excerise routines") { ![A sloth relaxing and enjoying a good book.](sloth-exercise) } @Tab("Hats") { ![A sloth discovering newfound confidence after donning a fedora.](sloth-hats) } } Xcode 15のDocCプレビュー機能の紹介 14

15.

@TabNavigator Xcode 15のDocCプレビュー機能の紹介 15

16.

まとめ Swift-DocCは少しずつ進化している Xcodeのサポートも少しずつ増えている 機会があれば使ってみると良さそう Xcode 15のDocCプレビュー機能の紹介 16