Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Designing DocC for Clarity and Beauty
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
elmetal
PRO
June 05, 2025
160
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Designing DocC for Clarity and Beauty
elmetal
PRO
June 05, 2025
Transcript
12 slides
%FTJHOJOH%PD$GPS$MBSJUZBOE #FBVUZ .BTUFSJOH*NBHF*NQMFNFOUBUJPO FMNFUBM$ZCP[V *ODؔϞόΠϧΞϓϦݚڀձ"
"CPVUNF J04"QQ %FWFMPQFS ڝഅ ରઓήʔϜ ҭࣇ ෳνʔϜͷ ٕज़ࢧԉ !FM@NFUBM@
៉ྷͳυΩϡϝϯτ࡞Γ͍ͨ
)VNBO*OUFSGBDF(VJEFMJOFT ៉ྷͳυΩϡϝϯτද
%PD$ͰͰ͖·͢
-JOLT ϦϯΫͷຒΊࠐΈϓϨϏϡʔ༻ͷσΟϨΫςΟϒ @Links(visualStyle: VisualStyle) { ... } visualStyle ϦϯΫͷϨϯμϦϯά࣌ʹ༻͢ΔελΠϧͷࢦఆ
list ϦϯΫઌͷϖʔδͷશͳએݴͱ֓ཁΛؚΉϦετܗࣜ compactGrid ϦϯΫઌͷϖʔδͷΧʔυը૾ʹج͍ͮͨΞΠςϜͷάϦουܗࣜ ֤ϖʔδͷλΠτϧͱΧʔυը૾ؚ·ΕΔ͕ɺ֓ཁؚ·Εͳ͍ detailedGrid ϦϯΫઌͷϖʔδͷΧʔυը૾ʹج͍ͮͨΞΠςϜͷάϦουܗࣜ compactGridͱҧͬͯɺ֤ϖʔδͷ֓ཁؚ͕·ΕΔ
1BHF*NBHF ը૾ͱϖʔδͷඥ͚༻σΟϨΫςΟϒ @PageImage(purpose: Purpose, source: ResourceReference, alt: String?) purpose
ը૾ͷ༻్ icon αΠυόʔͳͲͰ༻͍ΒΕΔϖʔδͷΞΠίϯදݱͷը૾ card άϦουελΠϧͷτϐοΫηΫγϣϯͳͲͰ༻͍ΒΕΔϖʔδͷΧʔυදݱͷը૾ source υΩϡϝϯςʔγϣϯΧλϩάͷը૾ͷϕʔεϑΝΠϧ໊ alt εΫϦʔϯϦʔμʔ͚ͷը૾ͷସςΩετ
ͬͯΈͨ
4XJGU6*7JFX$PEJOH(VJEFMJOFT ը૾ͰϦϯΫΛදࣔ
4XJGU6*7JFX$PEJOH(VJEFMJOFT αΠυόʔΞΠίϯͷΧελϜ
8FC6* ΞΠίϯͱ৭ΛΛΧελϜ
ࢀߟ https://developer.apple.com/jp/videos/play/wwdc2023/10244/ 4XJGU%PD$Ͱॆ࣮ͨ͠υΩϡϝϯτΛ࡞ %PD$ https://www.swift.org/documentation/docc DZCP[VTXJGUVJWJFXDPEJOHHVJEFMJOFT https://github.com/cybozu/swiftui-view-coding-guidelines DZCP[V8FC6* https://github.com/cybozu/WebUI
More Decks by elmetal
See All by elmetal
プロダクトコードからライブラリの境界を見つける
elmetal
PRO
0
130
SwiftUI Text Rendering Deep Dive
elmetal
PRO
0
62
The Integrity of Making: Extending Xcode Previews with MCP
elmetal
PRO
0
55
Generating DocC with AI
elmetal
PRO
0
84
A Swift Way to Blog
elmetal
PRO
0
300
SwiftUI Viewの責務分離
elmetal
PRO
2
560
サイボウズiOSアプリのマルチモジュール 2024
elmetal
PRO
0
170
開発を加速する共有Swift Package実践
elmetal
PRO
0
1.5k
Resolve Nested ObservableObject issues in Observation
elmetal
PRO
0
470
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.9k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
880
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
1
300
Digital Ethics as a Driver of Design Innovation
axbom
PRO
2
520
GraphQLとの向き合い方2022年版
quramy
50
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
600
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k
Ethics towards AI in product and experience design
skipperchong
2
460
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
800
We Have a Design System, Now What?
morganepeng
55
8.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
7.1k