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
15k
日経電子版 新聞アプリとしての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.3k
日経電子版 レガシーな基礎の上に建つ旅館
taishiblue
15
7.3k
日経電子版 穴のあいたバケツ開発[加筆・修正版]
taishiblue
6
3.7k
日経電子版アプリ 穴のあいたバケツ開発
taishiblue
94
79k
日経電子版アプリが高速化のためにやったこと
taishiblue
16
10k
Other Decks in Technology
See All in Technology
空間を設計する力を考える / 20251004 Naoki Takahashi
shift_evolve
PRO
3
330
Goにおける 生成AIによるコード生成の ベンチマーク評価入門
daisuketakeda
2
100
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.4k
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
ypresto
10
4.4k
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
110
非エンジニアのあなたもできる&もうやってる!コンテキストエンジニアリング
findy_eventslides
3
900
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
170
Trust as Infrastructure
bcantrill
0
310
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
160
Sidekiq その前に:Webアプリケーションにおける非同期ジョブ設計原則
morihirok
17
7.3k
Green Tea Garbage Collector の今
zchee
PRO
2
390
BirdCLEF+2025 Noir 5位解法紹介
myso
0
190
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
2.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Done Done
chrislema
185
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Unsuck your backbone
ammeep
671
58k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Practical Orchestrator
shlominoach
190
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
YesSQL, Process and Tooling at Scale
rocio
173
14k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ