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.6k
日経電子版アプリ 穴のあいたバケツ開発
taishiblue
94
78k
日経電子版アプリが高速化のためにやったこと
taishiblue
16
10k
Other Decks in Technology
See All in Technology
Model Mondays S2E03: SLMs & Reasoning
nitya
0
240
使いたいMCPサーバーはWeb APIをラップして自分で作る #QiitaBash
bengo4com
0
1.4k
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
270
asken AI勉強会(Android)
tadashi_sato
0
150
Lazy application authentication with Tailscale
bluehatbrit
0
130
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.4k
Witchcraft for Memory
pocke
1
670
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
140
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
3
620
KiCadでPad on Viaの基板作ってみた
iotengineer22
0
180
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
180
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Invisible Side of Design
smashingmag
300
51k
How GitHub (no longer) Works
holman
314
140k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ