Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Kyashで使っているTutorial Library / Tutorial Library ...
Search
konifar
June 21, 2018
Programming
8
2.6k
Kyashで使っているTutorial Library / Tutorial Library in Kyash
Potatotips #52
konifar
June 21, 2018
Tweet
Share
More Decks by konifar
See All by konifar
提案のレベルを上げる #QiitaConference
konifar
79
31k
目安箱の設置とワークさせるポイント
konifar
4
2.1k
サバイバルモード下でのエンジニアリングマネジメント
konifar
30
13k
Android開発以外のAndroid開発経験の活かしどころ
konifar
3
2.9k
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
390
オーナーシップを持つ領域を明確にする
konifar
16
5.7k
雑に思考を整理する技術と効能
konifar
78
43k
何のための個人目標設定?
konifar
33
17k
30点で打席に立つ
konifar
89
57k
Other Decks in Programming
See All in Programming
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
500
TypeScriptでDXを上げろ! Hono編
yusukebe
3
770
テスト駆動Kaggle
isax1015
1
620
NPOでのDevinの活用
codeforeveryone
0
900
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
7.3k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
800
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1.1k
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.3k
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
620
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
23
9.6k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Music & Morning Musume
bryan
46
6.7k
Fireside Chat
paigeccino
37
3.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Building Adaptive Systems
keathley
43
2.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
990
Typedesign – Prime Four
hannesfritz
42
2.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Transcript
KyashͰ͍ͬͯΔ Tutorial Library Potatotips #52 @konifar
ViewΛϋΠϥΠτͯ͠ ʮ͜ͷϘλϯ͜͏͏ΜͩΑʯ Έ͍ͨʹઆ໌͢ΔΞϨͷͰ͢
1 2 3
Similar libraries • https://github.com/TakuSemba/Spotlight • https://github.com/itzikBraun/TutorialView • https://github.com/sjwall/ MaterialTapTargetPrompt •
https://github.com/Popalay/Tutors
ͳͥࣗͰ࡞Δ͜ͱʹ͔ͨ͠ 1. ϋΠϥΠτ෦͕˘͔̋ͷͷ͔͠ͳ͍ • ؙ֯ʹରԠ͔ͨͬͨ͠ 2. ϋΠϥΠτ෦ͷΞχϝʔγϣϯ͔͠ରԠ͍ͯ͠ͳ͍ • ຊʹॏཁͳͷςΩετͳͷͰςΩετΛಈ͔͍ͨ͠ 3.
ςΩετ෦ͷϨΠΞτΛΧελϚΠζ͠ʹ͍͘ • ਧ͖ग़͠ͳͲϨΠΞτΛࣗ༝ʹηοτ͍ͨ͠
https://github.com/Kyash/ android-target-instructions
How it works • ϋΠϥΠτ͍ͨ͠෦Λ”Target”ͱ͍͏୯ҐͰଊ͑ͯTargetΠϯελϯεΛ࡞Δɻ SimpleTargetͱ͍͏Ϋϥε͕༻ҙ͞Ε͍ͯΔ͕ɺࣗͰΧελϜͰ࡞Δ͜ͱͰ͖Δɻ • ࡞ͬͨTargetΛTargetInstructionsʹηοτͯ͠start()ϝιουΛݺͿͱදࣔ͞ΕΔɻ
1. ϋΠϥΠτ෦ͷܗ Square Circle
1. ϋΠϥΠτ෦ͷܗ • highlightRadiusͷΛηοτ͢Δɻ • Կηοτ͠ͳ͚Εsquareɺେ͖͍Ληοτ͢ΕcircleʹͳΔ
2. ςΩετ෦ͷΞχϝʔγϣϯ Overshoot LinearOutSlowIn
2. ςΩετ෦ͷΞχϝʔγϣϯ • interpolatordurationΛηοτͰ͖Δɻ • ࠓscaleΞχϝʔγϣϯͷΈ͕ͩɺfade͍͍͔͋ͬͯɻ
3. ςΩετ෦ͷϨΠΞτ Default Custom
3. ςΩετ෦ͷϨΠΞτ ҎԼͷidΛ࣋ͬͨϨΠΞτΛ࡞Δ • @id/top_caret • @id/message • @id/title •
@id/description • @id/bottom_caret
3. ςΩετ෦ͷϨΠΞτ • setMessageLayoutResId() Ͱ࡞ͬͨϨΠΞτΛηοτ͢Δ͚ͩɻ • ϨΠΞτΛؙ͝ͱΓସ͑ΒΕΔͷͰɺςΩετഎܠͷ৭ɺܗɺਧ͖ग़ ͠ͷ༗ແͳͲࣗ༝ʹΧελϚΠζͰ͖Δɻ
·ͱΊ
Tutorial Library ͨ͘͞Μ͋Δ͚Ͳ ͲΕΘΓͱบ͕͋Δ
KyashͷLibrary 1. ؙ֯ରԠͷϋΠϥΠτ 2. ςΩετΞχϝʔγϣϯ 3. ϨΠΞτͷࣗ༝ ͕ڧΈ
͠ཁ݅ʹ߹͑ ͬͯΈͯͶ ߹Θͳ͚Είʔυݟͯ ਅࣅ͢Δͱ͍͍͔
͋Γ͕ͱ͏͍͟͝·ͨ͠ https://github.com/Kyash/ android-target-instructions