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
9.2k
日経電子版 レガシーな基礎の上に建つ旅館
taishiblue
15
7.3k
日経電子版 穴のあいたバケツ開発[加筆・修正版]
taishiblue
6
3.7k
日経電子版アプリ 穴のあいたバケツ開発
taishiblue
94
78k
日経電子版アプリが高速化のためにやったこと
taishiblue
16
10k
Other Decks in Technology
See All in Technology
Devinを使ったモバイルアプリ開発 / Mobile app development with Devin
yanzm
0
180
Observability for LLM Application lifecycle
ivry_presentationmaterials
1
240
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
OpenAPIから画面生成に挑戦した話
koinunopochi
0
150
Yahoo!広告ビジネス基盤におけるバックエンド開発
lycorptech_jp
PRO
1
270
人を動かすことについて考える
ichimichi
2
320
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
16
5.2k
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
320
サービスロボット最前線:ugoが挑むPhysical AI活用
kmatsuiugo
0
190
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.4k
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
18
4.1k
GCASアップデート(202506-202508)
techniczna
0
250
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
560
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Speed Design
sergeychernyshev
32
1.1k
Practical Orchestrator
shlominoach
190
11k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ