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
日経電子版 新聞アプリとしてのUI/UX
Search
Taishi Takeichi
June 24, 2015
Technology
13
14k
日経電子版 新聞アプリとしてのUI/UX
「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」で発表したスライドです。
http://connpass.com/event/16187/
Taishi Takeichi
June 24, 2015
Tweet
Share
More Decks by Taishi Takeichi
See All by Taishi Takeichi
日経電子版 プロダクトアウトからの脱却
taishiblue
10
10k
プロダクトマネジメントとは[新卒研修]
taishiblue
25
9k
日経電子版 レガシーな基礎の上に建つ旅館
taishiblue
15
7.2k
日経電子版 穴のあいたバケツ開発[加筆・修正版]
taishiblue
6
3.5k
日経電子版アプリ 穴のあいたバケツ開発
taishiblue
94
78k
日経電子版アプリが高速化のためにやったこと
taishiblue
16
9.9k
Other Decks in Technology
See All in Technology
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
180
Goで実践するBFP
hiroyaterui
1
120
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
190
AWSの生成AIサービス Amazon Bedrock入門!(2025年1月版)
minorun365
PRO
7
460
自社 200 記事を元に整理した読みやすいテックブログを書くための Tips 集
masakihirose
2
320
デジタルアイデンティティ技術 認可・ID連携・認証 応用 / 20250114-OIDF-J-EduWG-TechSWG
oidfj
2
590
JAWS-UG20250116_iOSアプリエンジニアがAWSreInventに行ってきた(真面目編)
totokit4
0
140
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
9
860
#TRG24 / David Cuartielles / Post Open Source
tarugoconf
0
560
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
840
0→1事業こそPMは営業すべし / pmconf #落選お披露目 / PM should do sales in zero to one
roki_n_
PRO
1
1k
ゼロからわかる!!AWSの構成図を書いてみようワークショップ 問題&解答解説 #デッカイギ #羽田デッカイギおつ
_mossann_t
0
1.5k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
104
6.2k
Navigating Team Friction
lara
183
15k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Raft: Consensus for Rubyists
vanstee
137
6.7k
How to Ace a Technical Interview
jacobian
276
23k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Faster Mobile Websites
deanohume
305
30k
A better future with KSS
kneath
238
17k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Transcript
ܦిࢠ൛ ৽ฉΞϓϦͱͯ͠ͷ6*69 ຊܦࡁ৽ฉࣾɹࢢେࢤ
ɾେֶଔۀޙɺΨνͰόϯυ׆ಈɻ ɾɺ8FC։ൃձࣾʹೖࣾɻ8FCΤϯδχΞͱͯ͠ಇ͘ɻ ɹ'9औҾͷ8FCΞϓϦ։ൃͳͲʹैࣄɻ ɾɺຊܦࡁ৽ฉࣾʢຊࣾʣʹೖࣾɻ ɹαʔϏε։ൃͷϞόΠϧΞϓϦνʔϜʹଐɻ ࣗݾհ
༗ྉձһ ສਓɹ ແྉձһ ສਓ ະొϢʔβʔ ສ6# શهࣄɾશػೳ ԁʗ݄ ແྉهࣄ
༗ྉهࣄຊʗ݄ ແྉهࣄ ܦిࢠ൛ͷհ
ܦిࢠ൛ͷհ ேץɾ༦ץ ɹຊܦࡁ৽ฉͷͯ͢ͷهࣄ 8FCץʢܦిࢠ൛ʣ ɹ8FCݶఆͷهࣄ .Zχϡʔε ɹ͖ͳ࿈ࡌؾʹͳΔΩʔϫʔυΛͱʹύʔιφϥΠζ
ܦిࢠ൛ΞϓϦΛϦχϡʔΞϧ͠·ͨ͠ ɾ6*69ͷେ෯ͳ৽ ɾαʔόαΠυΛ"84 ɾJ04ͷϑϩϯταΠυΛԽ ɹʢ"OESPJEʹҠߦதʣ
ࠓ͓͍ͨ͜͠͠ͱ ɾ৽ฉΞϓϦͷ6*69 ɾϦχϡʔΞϧͬͯң͕௧͍ ɾαΫαΫײΛग़ͨ͢Ίͷ࣮
৽ฉΞϓϦͷ6*69
େͳهࣄͱΧςΰϦ ৽ฉΞϓϦͷ6*69
࠷େͷਓؾίϯςϯπ ɾϖʔδ ɾຊͷهࣄ ɾจࣈສจࣈ ɹ৽ॻ̎ʂʂ ேץɾ༦ץ
εϥΠυϝχϡʔʢ̎ஈʣ େͳهࣄͷಋઢ ϝϦοτɹɿͯ͢ͷ໘͕ը໘ͷԣεΫϩʔϧͰ͓͞·Δ σϝϦοτɿ8FCץ⁵ேץɾ༦ץ⁵.Zχϡʔεͷճ༡ੑ͕ѱ͘ͳΔ
λϒϝχϡʔʴεϥΠυϝχϡʔʢ̍ஈʣ େͳهࣄͷಋઢ σϝϦοτɿऴΘΓͷ໘·Ͱը໘ͷԣεΫϩʔϧ͕ඞཁʹͳΔ ϝϦοτɹɿ8FCץ⁵ேץɾ༦ץ⁵.Zχϡʔεͷճ༡ੑ͕ྑ͍
λϒϝχϡʔʴεϥΠυϝχϡʔʢ̍ஈʣΛ࠾༻ େͳهࣄͷಋઢ ɾઌ಄ʹ͍ۙ໘͕Α͘ಡ·Ε͍ͯͨ ɾ8FCץ⁵ேץɾ༦ץ⁵.Zχϡʔεͷճ༡ੑΛॏࢹ ɾຊεϥΠυϝχϡʔʹදࣔ͢Δ໘Λɺ ɹϢʔβʔ͕ΧελϚΠζͰ͖ΔΑ͏ʹ͔ͨͬͨ͠ɾɾɾ
1$࠷దͰ͋Δ͕Ώ͑ͷਂ͍֊ߏ ৽ฉΞϓϦͷ6*69
ேץɾ༦ץ 8FCץτοϓͷຊ ใ ேץɾ༦ץिؒ 8FCץ ϏδωεϦʔμʔʗϚʔέοτ ςΫϊϩδʔʗϚωʔʗϥΠϑ εϙʔπʗө૾ ใ ݕࡧ
اۀใ ༻ޠઆ໌ #FGPSF ίϯςϯπྔΛ૿͢ "GUFS
1$αΠτʹ༝དྷͨ͠ਂ͍֊ߏ͕ɺΕͳ͍ͭͯ͘͘Δɻ τοϓ ใ Ϗδωε Ϧʔμʔ Ϛʔέοτ Ϛωʔ ిࢠ൛ ςΫϊϩδʔ τοϓ
YYY YYY YYY YYY τοϓ YYY YYY YYY YYY ேץɾ༦ץ ίϯςϯπྔΛ૿͢ͱɾɾɾ ɾɾɾ ɾɾɾ ϥΠϑ εϙʔπ ө૾ ୈ̍֊ ୈ̎֊ ୈ̏֊ ୈ̐֊
ແཧΓදݱͯ͠ɺ͍͜ͳͤͳ͍ɻ Ή͠Ζࠞཚ͢Δ͚ͩɻ ڙڅऀଆͷࣗݾຬʹͳΔɻ ɾୈ̍ɺୈ̎֊·ͰΛ͔ͬ͠Γදݱɻ ɾୈ̏֊࠷ѱΘΕͳ͍͍ͯ͘ɻ ɾୈ̐֊දݱ͠ͳ͍ɻ ຊγϯϓϧͳߏʹม͔͑ͨͬͨɾɾɾ ਂ͗͢Δ֊දݱ͠ͳ͍
ͦͷ͔ΘΓୈ̍ɾୈ̎֊ͷճ༡ੑΛͪΌΜͱ͋͛Δ εΫϩʔϧதअຐʹͳΒͳ͍Α͏ ϝχϡʔ͕ফ͑Δɻ Լ·ͰདྷͨΒɺϝχϡʔ͕ݱΕΔɻ ʮ࣍ԿΛಡ͏ʯ
ϢʔβʔʹΑͬͯ·ͬͨ͘ҟͳΔ͍ํ ৽ฉΞϓϦͷ6*69
ҰൠతͳχϡʔεΞϓϦͷ߹ هࣄҰཡ ݸผهࣄ هࣄҰཡ ɾҰཡͰಡΈ͍ͨهࣄΛ୳ͯ͠ɺݸผهࣄભҠ͢Δɻ ɾهࣄΛಡΜͩΒɺ·ͨҰཡͬͯɺهࣄΛ୳͢ɻ
εϚϗͷڊେԽ J04ͷΨΠυϥΠϯͰɺࠨ্ʹΔϘλϯ
εϚϗͷڊେԽ ӈखͰಧ͔ͳ͍ɻ ʢຬһిंͰͭΒ͍ʣ ʢ"OESPJEɺͷΔϘλϯ͕͋Δ͔Β͕ૣ͍ɻʣ J04ͷΨΠυϥΠϯͰɺࠨ্ʹΔϘλϯ
ʮJ1IPOFը໘େ͖͘ͳͬͯΔ͚Ͳɺ ɹΔϘλϯͬͯӈखͰ࣋ͬͯͨΒ ɹಧ͔ͳ͍ͬ͢ΑͶʁʯ ʮϗʔϜϘλϯ̎ճλοϓ͢Εಧ͘Αɻʯ ʮɾɾɾʢͦΕΊͬͪΌ͍ͮΒ͍ΑͶʣʯ ʮ͋ͱεϫΠϓͰΔΑ͏ʹ͢Δͱ͍͍Αʯ 88%$Ͱ"QQMFͷσβΠφʔʹฉ͍ͯΈͨ
ʮJ1IPOF4ͱJ1IPOFQMVTͰ ɹαΠζ͕ҧ͍͗͢Δ͔ΒɺͦΕͧΕ ɹ6*Λ༻ҙͨ͠ํ͕͍͍ͷʁʯ ʮผʹ༻ҙ͍͍͚ͯ͠Ͳɺ"QQMFͱͯ͠ ɹ͏J1IPOF͕ελϯμʔυͩΑɻʯ 88%$Ͱ"QQMFͷσβΠφʔʹฉ͍ͯΈͨ
ɾεϚʔτχϡʔε ɹά ϊγʔ ɹ-*/&χϡʔε ɹͳͲͷχϡʔεΞϓϦͰ׳Ε͠Μͩૢ࡞ɻ ɾϢʔβʔௐࠪͰɺ ɹ8FCץΛϝΠϯͰಡΉϢʔβʔʹධɻ εϫΠϓͰΖ͏
ேץɾ༦ץಡऀͷ߹ʢ༗ྉձһʣ هࣄҰཡ ݸผهࣄ ࣍ͷݸผهࣄ ɾݸผهࣄʹભҠͨ͠Βɺͦͷ··࣍ͷهࣄɺ࣍ͷهࣄͱಡΈਐΊΔਓɻ ɾهࣄΛ̍ຊ͔Βͯ͢νΣοΫ͢Δɻ
چΞϓϦͰɾɾɾ ɾεϫΠϓͰ࣍ͷهࣄɾલͷهࣄભҠͰ͖ͨɻ ɾͰεϫΠϓʮҰཡΔʯͰ͏ɾɾɾ
ɾલͷهࣄɾ࣍ͷهࣄભҠ͢ΔϘλϯΛઃஔ ɾը໘Լதԝͷԡ͍͢͠Ґஔʹஔ ɹʢӈखͰࠨखͰԡͤΔҐஔʣ લͷهࣄɾ࣍ͷهࣄͷભҠɺ্ԼͷҠಈΛ͏
͜ΜͳΠϝʔδ Ұཡ Ұཡ Ұཡ Ұཡ Ұཡ هࣄ هࣄ هࣄ ࠨӈҠಈ͢ΔҰཡϨΠϠʔ
্ԼҠಈ͢ΔҰཡϨΠϠʔ
ϦχϡʔΞϧͬͯң͕௧͍
6*Λม͑Δ͜ͱʹΑΔෆຬ ϦχϡʔΞϧͬͯң͕௧͍
6*Λม͑Δ͜ͱʹΑΔෆຬ Ψϥοͱม͑Δͱ
6*Λม͑Δ͜ͱʹΑΔෆຬ Ψϥοͱม͑Δͱ ʮ͍ʹ͍͘͠ݟ͍͠ʯ ʮύοͱݟྑ͍Μ͚ͩͲ͍ͮΒ͍ʜʯ ʮલͷํ͕ྑ͔ͬͨʯ ϦχϡʔΞϧޙͷରԠ͕େࣄɻ ظؒͰΞοϓσʔτΛ܁Γฦ͠ɺϢʔβʔͱͷ৴པؔΛங͘ɻ ʮૉΒ͍͠ΞοϓσʔτͰ͢ʯ ʮ·͑ͱݟҧ͑ΔΑ͏ʹ͍͘͢ͳͬͨʯ ʮαΫαΫͰ͍͍ΞϓϦͰ͢ʯ
̋ º
6*Λม͑Δ͜ͱʹΑΔෆຬ ɾϑϦοΫɺεϫΠϓͳͲͷૢ࡞ײͷվળ ɾσϑΥϧτىಈը໘ͷઃఆ ɾ໘Λ·͍ͨͰͷهࣄؒͷҠಈ ɾ&WFSOPUFͷهࣄอଘ࿈ܞ ͳͲͳͲɺઈࢍ։ൃதɻ ʬରԠதͷϢʔβʔ͔Βͷཁʭ
Ϣʔβʔͷҙݟͷຊ࣭Λ୳Δ ϦχϡʔΞϧͬͯң͕௧͍
ͪΖΜɺվमΛݕ౼͢Δͷ͕ͩɺ ͦͦͳͥɺ৽ॻ̎ͷهࣄΛॱ൪ʹಡΉͱ͍͏χʔζ͕͋Δͷ͔ɻ ʬԾઆʭ ɹɾ৽ฉݟग़͠ͷେ͖͞ͳͲͰɺॏཁʢՁ͚ʣΛදݱ͍ͯͯ͠ɺ ɹɹಡऀͦΕΛݟͯಡΉهࣄΛϐοΫΞοϓ͢Δɻ ɹɾςΩετͷهࣄҰཡΛݟ͚ͨͩͰʮՁ͚ʯ͕Θ͔Βͳ͍ɻ ɹɾ͔ͩΒɺͱΓ͋͑ͣॱ൪ʹಡΉɻ ɹɾʮՁ͚ʯ͕Θ͔ΔΑ͏ʹͳΕ͍͍ʁ ɹˠࢴ໘ͷΠϝʔδΛݟΒΕΔΑ͏ʹ͢Δɻ Ϣʔβʔͷҙݟͷຊ࣭Λ୳Δ
ྫʣʮεϫΠϓͰ࣍ͷهࣄҠಈ͍ͨ͠ʯ
αΫαΫײΛग़ͨ͢Ίͷ࣮
Ұཡը໘ͷεΫϩʔϧ͕ͻ͔͔ͬΔ αΫαΫײΛग़ͨ͢Ίͷ࣮
ʢʣݟग़ͦ͠ͷ̍ ʢʣݟग़ͦ͠ͷ̎ ʢʣهࣄͷެ։࣌ ʢʣ༗ྉձһݶఆهࣄ͔Ͳ͏͔Λࣔ͢ΞΠίϯ ʢʣهࣄʹಈը͕͋Δ͔Ͳ͏͔Λࣔ͢ΞΠίϯ ʢʣهࣄ͕ॴଐ͢Δ࿈ࡌɾίϥϜ໊ ʢʣهࣄຊจͷεχϖοτ ʢʣαϜωΠϧը૾ ʢʣαϜωΠϧը૾ͷΫϨδοτ Ұཡը໘ͷεΫϩʔϧ͕ͻ͔͔ͬΔ
දࣔཁૉ͕ଟ͍
Ұཡը໘ͷεΫϩʔϧ͕ͻ͔͔ͬΔ 6*-BCFMͳͲΛΘͣɺESBX3FDUͰඳըͨ͠Β͔ͬͨɻ
Ұཡը໘ͷεΫϩʔϧ͕ͻ͔͔ͬΔ #FGPSF "GUFS
Ұཡը໘ͷεΫϩʔϧ͕ͻ͔͔ͬΔ #FGPSF "GUFS "QQMFͷ৹ࠪखଓ͖த
σʔλऔಘޙͷอଘॲཧʹ͕͔͔࣌ؒΔ αΫαΫײΛग़ͨ͢Ίͷ࣮
$PSF%BUBؔ࿈Λ͚ͭͨΦϒδΣΫτΛ·ͱΊͯ݅΄Ͳอଘ͢Δͱɺ ύϑΥʔϚϯε͕ٸܹʹམͪΔɻ 3FBMNؔ࿈Λ͚ͭͯߴͰಈ࡞͢Δɻ σʔλऔಘޙͷอଘॲཧʹ͕͔͔࣌ؒΔ $PSF%BUBΛΊɺ3FBMNΛΈࠐΉɻ IUUQTSFBMNJP ɾهࣄ͕ଟ͍ʢͳΜͤ৽ॻʣ ɾهࣄʹඥͮ͘σʔλଟ͍ J1IPOFͳͲͷεϖοΫͰݦஶ
#FGPSF "GUFS σʔλऔಘޙͷอଘॲཧʹ͕͔͔࣌ؒΔ J1IPOFʗJ04Ͱ͋ΔͷேץΛऔಘ
#FGPSF "GUFS σʔλऔಘޙͷอଘॲཧʹ͕͔͔࣌ؒΔ J1IPOFʗJ04Ͱ͋ΔͷேץΛऔಘ "QQMFͷ৹ࠪखଓ͖த
·ͱΊ
·ͱΊ ɾ࣮ࡍͷΘΕํΛపఈతʹௐΔɻ ɾԾઆཱͯΔ͕ɺ࠷ޙ͓͍͖ͬͯͬͯΈΔ͔͠ͳ͍ɻ ɾϦχϡʔΞϧޙͷߴ1%$"͕উෛɻ ɾϢʔβʔͷҙݟΛ͖ͪΜͱ뱌͢Δɻ
એ͍ͤͯͩ͘͞͞ɻ
ܦిࢠ൛ͰɺΤϯδχΞΛืू͍ͯ͠·͢ɻ ɾগ͙͠Β͍ো͕͋ͬͨํ͕೩͑Δํ ɾϑϩϯτΤϯυҎ֎ͪΖΜ0, ɾͱΓ͋͑ͣ৬ͷ͍ͧͯΈ͍ͨɺͰ0,ɻ Լه·Ͱؾܰʹ࿈བྷ͍ͩ͘͞ɻ EH@MBC!OFYOJLLFJDPKQ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ