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
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
180
ABEMAの本番環境負荷試験への挑戦
mk2taiga
5
1.2k
“日本一のM&A企業”を支える、少人数SREの効率化戦略 / SRE NEXT 2025
genda
1
240
安定した基盤システムのためのライブラリ選定
kakehashi
PRO
3
130
Snowflake Intelligenceという名のAI Agentが切り開くデータ活用の未来とその実現に必要なこと@SnowVillage『Data Management #1 Summit 2025 Recap!!』
ryo_suzuki
1
150
ClaudeCode_vs_GeminiCLI_Terraformで比較してみた
tkikuchi
1
360
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
3
1.8k
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
160
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
振り返りTransit Gateway ~VPCをいい感じでつなげるために~
masakiokuda
3
200
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
6.8k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Making the Leap to Tech Lead
cromwellryan
134
9.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
It's Worth the Effort
3n
185
28k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
RailsConf 2023
tenderlove
30
1.1k
We Have a Design System, Now What?
morganepeng
53
7.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Writing Fast Ruby
sferik
628
62k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ