NTTデータグループウェブサイトのマルチデバイス対応

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

/55σʔλάϧʔϓ΢ΣϒαΠτͷ ϚϧνσόΠεରԠ ҏݪ ྗ໵

Slide 3

Slide 3 text

͸͡Ίʹ w IUUQXXXOUUEBUBDPNKQKB w ʮ/55σʔλʯͰݕࡧ

Slide 4

Slide 4 text

ࣗݾ঺հ w ҏݪྗ໵ r ϏδωεɾΞʔΩςΫπ w γχΞΠϯϑΥϝʔγϣϯΞʔΩςΫτ r NPLVWB r 5XJUUFS NBHJ r 'BDFCPPL3JLJZB*IBSB

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

ࣄྫΛ௨ͯ͠ Ͳ͏͍͏ͱ͖ʹϨεϙϯγϒ ΢ΣϒσβΠϯʢ38%ʣΛ બΜͩΒ͍͍ͷʁ 38%΍ΔͳΒ σβΠχϯάΠϯϒϥ΢βͰ ࡞Βͳ͖Ό͍͚ͳ͍ͷʁ

Slide 7

Slide 7 text

ຊ୊ʹೖΔɺͦͷલʹ

Slide 8

Slide 8 text

෼ͰΘ͔Δʂ/55σʔλ άϧʔϓ΢ΣϒαΠτઓུ http://www.nttdata.com/jp/ja/corporate/ir/library/tool/ar/pdf/2012/ar12_J_all.pdf

Slide 9

Slide 9 text

/55σʔλͱ͸ʁ w ਓʑͷ฻Β͠Λ*5Ͱࢧ͑Δձࣾ r ۜߦৼࠐͷ࢓૊Έ r ඈߦػͷܦ࿏ઃܭγεςϜ r ੫ۚͷిࢠਃࠂγεςϜ r ٹٸंͱපӃͷ࿈ܞγεςϜ w ଓ͖͸8FCͰʂ

Slide 10

Slide 10 text

ੈքͰୈҐ http://www.nttdata.com/jp/ja/corporate/ir/library/tool/ar/pdf/2012/ar12_J_all.pdf

Slide 11

Slide 11 text

ւ֎άϧʔϓձࣾ਺ͷਪҠ http://www.nttdata.com/jp/ja/corporate/ir/library/tool/ar/pdf/2012/ar12_J_all.pdf

Slide 12

Slide 12 text

άϩʔόϧاۀ΁ͷಓ http://www.nttdata.com/jp/ja/corporate/ir/library/tool/ar/pdf/2012/ar12_J_all.pdf

Slide 13

Slide 13 text

ٻΊΒΕΔҰମײ http://www.nttdata.com/global/en/onecontents/future.html

Slide 14

Slide 14 text

ϓϩδΣΫτͷҐஔ͚ͮ • ੈքن໛ͷϦϒϥϯσΟϯά w ΢ΣϒαΠτ͸ ৽ͨͳίϛϡχέʔγϣϯߏஙͷ த֩తͳ໾ׂΛՌͨ͢ r ੈքʹ/55σʔλϒϥϯυΛ఻͑Δ r ֤ࠃͷϏδωεΛޙԡ͢͠Δ

Slide 15

Slide 15 text

໨తΛ࣮ݱ͢Δखஈ άϩʔόϧڞ௨ςϯϓϨʔτΛ ΨΠυϥΠϯͰఏڙ ֤ࠃͷखͰαΠτϦχϡʔΞϧ (MPCBM4JUF +BQBO /PSUI"NFSJDB 4XJU[FSMBOE 5VSLFZ 6OJUFE,JOHEPN #SB[JM $IJOB %FONBSL &.&" (FSNBOZ *UBMZ

Slide 16

Slide 16 text

֤ࠃώΞϦϯάɾௐࠪɾ෼ੳ 6TFS $POUFOU $POUFYU w֤ࠃͷ૝ఆϢʔβʔͱχʔζ wϢʔβʔςετ΍ΠϯλϏϡʔ݁Ռ w໰͍߹ΘͤϑΥʔϜͷ಺༰ wݱঢ়ͷΞΫηεϩά wͦͷࠃͰͷར༻୺຤ͷঢ়گ wίϯςϯπ໨࿥ wίϯςϯπಉ࢜ͷؔ܎ੑ wίϯςϯπͷ໾ׂ΍໨త wߋ৽ස౓΍قઅੑ wϦχϡʔΞϧ࣌ͷ௥Ճɾ࡟আ w֤ࠃͷձࣾͷϏδωεཁ݅ w΢ΣϒαΠτͷ,1* w֤ࠃͷڝ߹ଞࣾͷαΠτ w$.4ͷಋೖঢ়گɺӡ༻ϑϩʔ w֤छ΢ΣϒαΠτධՁϥϯΩϯά

Slide 17

Slide 17 text

ϓϩδΣΫτظؒɿ໿൒೥ ઓུ ೥ ݄ʙ݄ ઃܭɺσβΠϯ ೥ ݄ʙ݄ ࣮૷ɺΨΠυϥΠϯ ೥ ݄ʙ݄ /55σʔλຊࣾϏϧ http://www.flickr.com/photos/peta_peta/350630421/ Photo by Hiroyuki-H

Slide 18

Slide 18 text

/55σʔλຊࣾʢ๛ऱʣ෇ۙͷ ͓͢͢Ίϥϯνʮ͍ͪΉΒʯ ৯΂ϩάɿhttp://tabelog.com/tokyo/A1313/A131307/13007585/

Slide 19

Slide 19 text

ຊ୊ͦͷ̍

Slide 20

Slide 20 text

/55σʔλ͸ ͳͥ38%ΛબΜ͔ͩ

Slide 21

Slide 21 text

ͦΕ͸

Slide 22

Slide 22 text

ྲྀߦΓ͔ͩͬͨΒ

Slide 23

Slide 23 text

ཁ݅ʹԊ͍͔ͬͯͨΒ ϓϩδΣΫτཁ݅ɿ ϚϧνσόΠεʹରԠ ಉҰੑͷอ࣋ ϫϯιʔεͰରԠ ଱༻ظؒΛ௕͘ ΞΫηγϏϦςΟͷ֬อ

Slide 24

Slide 24 text

ϚϧνσόΠεʹରԠ http://wirelesswire.jp/Mobile_Market_Survey/201206131700.html ੈքओཁࠃͷεϚʔτϑΥϯීٴ཰ʢ೥ୈ࢛൒ظʣ

Slide 25

Slide 25 text

ಉҰੑͷอ࣋ w 63-ʹର͢ΔϦιʔεͷಉҰੑ w σόΠεԣஅ࣌ͷϒϥϯυͷಉҰੑ

Slide 26

Slide 26 text

ࢀߟɿ6"ৼΓ෼͚Ͱઐ༻αΠτ http://www.aeonmall.co.jp/

Slide 27

Slide 27 text

ϞόΠϧಛ༗ͷߦಈ͕͋Δ͔ʁ http://www.sapporobeer.jp/

Slide 28

Slide 28 text

ϫϯιʔεʢ)5.-ʣ Japan $.4 w ֤ࠃ͝ͱʹಠࣗͷ$.4Ͱӡ༻ w ϞόΠϧ൛Λผ)5.-Ͱग़͢ʹ͸ େن໛ͳվम͕ඞཁͳέʔε΋ w ༏ઌ͸ʮ/55%"5"ϒϥϯυʯͷ౷Ұ North America $.4 China EMEA $.4 Global Germany $.4 $.4 $.4

Slide 29

Slide 29 text

ࢀߟɿϫϯιʔεͰઐ༻αΠτ http://www.fujifilm.com/

Slide 30

Slide 30 text

଱༻ظؒΛ௕͘ http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/

Slide 31

Slide 31 text

ΞΫηγϏϦςΟ w ʮࣾձͷެثʯͱͯ͠ɺ ੈքͷγεςϜΛ࡞Δձࣾ w ͦͷଘࡏΛ֤஍Ҭͷਓʹड͚ೖΕͯ΋Β͏ w ͦͷͨΊͷαΠτ͸ ଟ༷ͳݴޠɾจԽɾঢ়گͰ࢖༻͞ΕΔ ʮଟ༷ͳਓɾଟ༷ͳ؀ڥʹରԠͰ͖Δʯ ΞΫηγϏϦςΟ

Slide 32

Slide 32 text

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee Webのもつ力とはその普遍性にあり、障害の有無にかかわらずアクセスできることは、 Webの本質的な側面のひとつであるティム・バーナーズ＝リー http://www.w3.org/WAI/ http://www.mitsue.co.jp/help/accessibility.html

Slide 33

Slide 33 text

EBUBGPSUIFQFPQMF ʮ/55σʔλ͸ੈքதͰɺਓΛࢧ͑Δ ιϦϡʔγϣϯΛ͍ͭͬͯ͘·͢ɻʯ http://www.nttdata.com/jp/ja/corporate/profile/pr/ad/pdf/ad_toyosu_01.pdf

Slide 34

Slide 34 text

/55σʔλͱΞΫηγϏϦςΟ w ʮਓΛࢧ͑Δ࢓૊ΈΛ࡞Δʯ ͱ͍͏఺Ͱɺ΢Σϒͷࢥ૝ͱॏͳΔ w ʮ/55%"5"ͷإʯͰ͋Δ ΢ΣϒαΠτͷʮࠜװʯ͸ ΞΫηγϏϦςΟ

Slide 35

Slide 35 text

ϓϩδΣΫτཁ݅ͱ38% ϚϧνσόΠεʹରԠ ಉҰੑͷอ࣋ ϫϯιʔεͰରԠ ଱༻ظؒΛ௕͘ ΞΫηγϏϦςΟͷ֬อ 38%ͷࠜຊ 38%ͷಛ৭ 8%ͷج൫ 38%ʹҰ෦ؔ࿈

Slide 36

Slide 36 text

݁࿦ w ϓϩδΣΫτཁ݅ͱ38%ʹ਌࿨ੑ͋Γ w 38%Λ࠾༻ͨ͠͏͑Ͱ ʮཁ݅Λຬͨ͢Α͏ʹʯ ઃܭɾσβΠϯɾ࣮૷͢Δ w ͔͠͠38%ʹ͢Ε͹ ࣗಈతʹຬͨͤΔΘ͚Ͱ͸ͳ͍ ྫ͑͹ɺΞΫηγϏϦςΟ

Slide 37

Slide 37 text

ΞΫηγϏϦςΟͱ38% w#"% ࡞Γ͕ϚζΠͱɺߏ଄ͱදݱ͕ෆҰகʹ w(00% ࡞Γ্͕ख͍ͱɺ ෳ਺σόΠεͰՄಡੑɾૢ࡞ੑ͕޲্

Slide 38

Slide 38 text

#"% ߏ଄ͱදݱͷෆҰக w σόΠε͝ͱʹόϥόϥͷ΋ͷΛ ແཧ΍Γ߹ମ͢Δߟ͑ํͩͱ ʮ΄͜Ζͼʯ͕ग़Δ r UBCMFཁૉΛྻ͝ͱʹ੾ͬͯGMPBUͰฒ΂Δ r ࣅͨཁૉΛෳ਺࢓ࠐΜͰɺ෯ʹΑͬͯදࣔɾඇදࣔ r CPYPSEJOBMHSPVQͷ࢖͍͗͢ ˠεΫϦʔϯϦʔμʔར༻࣌΍ ϒϥ΢βͱεΫϦʔϯϦʔμʔซ༻࣌ʹ ໰୊ൃੜʢݟͨ໨ͱ)5.-ߏ଄͕ဃ཭ʣ

Slide 39

Slide 39 text

ҙຯͷ͋Δॱং

Slide 40

Slide 40 text

38%ʹ͢Δҙຯ ʹ ಉҰੑ w σόΠε͝ͱʹόϥόϥͷߏ੒ͳΒ ແཧʹ38%ʹͤͣɺઐ༻αΠτΛ w 38%ͳΒɺը໘෯ʹ༝དྷ͢Δ෦෼Λ ͪΐͼͬͱௐ੔͢Δ͙Β͍ͷؾ࣋ͪͰ

Slide 41

Slide 41 text

(00% ෳ਺σόΠεͰՄಡੑɾૢ࡞ੑ͕޲্ w λονσόΠεͰ ԡ͠΍͍͢ w ෯͕ڱͯ͘΋ ಡΈ΍͍͢

Slide 42

Slide 42 text

σόΠε໰Θͣ޲্ w Ϛ΢εͰ΋ ԡ͠΍͍͢ w 1$ϒϥ΢βͰ ֦େͯ͠΋ݟ΍͍͢

Slide 43

Slide 43 text

ΞΫηγϏϦςΟͱ ϢʔβϏϦςΟͱͷަ఺ w ࢖͍ʹ͍͚͘Ͳ࢖͑Δ ˠ ঢ়گʹΑͬͯ͸࢖͑ͳ͍ w ࢖͑ͳ͔ͬͨ΋ͷ͕࢖͑Δ ˠ େ੎ͷ࢖͍΍͢͞΋͍͍ͩͨ޲্͢Δ ϢʔβϏϦςΟ ΞΫηγϏϦςΟ

Slide 44

Slide 44 text

·ͱΊ • ཁ݅ʹԊ࣮ͬͯ૷ํ๏ΛબͿ – ϫϯιʔεʹ38%Ͱ͸ͳ͍ – ӡ༻ੑͱσόΠεಛԽͷόϥϯε – ϋΠϒϦου΋͋ΓಘΔ w ʮཁ݅Λຬͨ͢Α͏ʹʯ࡞Δ r ࣮૷ํ๏ΛܾΊͯ΋ࣗಈͰ͸ຬͨ͞Εͳ͍ – ํ਑Λ͖ͪΜͱཱͯΔ͜ͱ͕ඞཁ

Slide 45

Slide 45 text

ͦΕͰ͸ɺ࣍ͷ͓୊

Slide 46

Slide 46 text

ຊ୊ͦͷ̎

Slide 47

Slide 47 text

σβΠϯΧϯϓ͸ѱ͔ σβΠχϯάΠϯϒϥ΢β͸ਖ਼͔ٛ

Slide 48

Slide 48 text

ͲͪΒ΋ɺ ѱʹ΋ਖ਼ٛʹ΋ͳΔͰ͠ΐ͏

Slide 49

Slide 49 text

38%޲͚ϫʔΫϑϩʔ w ΢ΥʔλʔϑΥʔϧΛ΍ΊΑ͏ r ͢΂࣮ͯ૷͔ͯ͠Β໰୊͕Θ͔Δͱ ΞλϚ·Ͱ໭Δ͜ͱ͕͋Δ ઃܭ σβΠϯ ࣮૷ ݕূ ໰୊ൃੜʂ

Slide 50

Slide 50 text

38%޲͚ϫʔΫϑϩʔ w σβΠϯΧϯϓΛ΍ΊΑ͏ r σβΠϯ࣌఺Ͱ͸෼͔Βͳ͍ ࣮૷্ͷෆ౎߹͕͋Δ͔΋ r ΧϯϓΛԿຕ΋࡞ͬͯ΋ ͦΕ͸݁ہࣺͯΔ΋ͷ r ϐΫηϧύʔϑΣΫτʹ ͩ͜ΘΓ͕ͪ ˠ σβΠχϯάΠϯϒϥ΢βͰ ΞδϟΠϧ͠Α͏

Slide 51

Slide 51 text

σβΠχϯάΠϯϒϥ΢β

Slide 52

Slide 52 text

͔͠͠ʂ w ͜ͷͱ͖͸σβΠϯ ΧϯϓΛ࡞ͬͨ w ୅දϖʔδ͍͔ͭ͘ ʴϞδϡʔϧϦετ w ޿෯ͱڱ෯ͷ ύλʔϯ

Slide 53

Slide 53 text

ͳͥʁ w ଟ͘ͷϓϩδΣΫτϝϯόʔ΍ؔ܎ऀ r ࠃ಺͚ͩͰͳ͘ɺւ֎ʹ΋ଟ਺ w Ұؙͱͳͬͯ໨ࢦ͢ʮضʯ͕ඞཁ w Ͱ΋λΠτͳεέδϡʔϧ ˠ σβΠφʔ͕1IPUPTIPQͰ όοͱΩϝͷֆΛ࡞Δͷ͕ ߹ҙܗ੒΁ͷҰ൪ͷۙಓͩͬͨ

Slide 54

Slide 54 text

ͬ͘͟Γൺֱ ߴ͍ ˢ ௿͍ ˣ ࣗ༝౓ ѱ͍ ˣ ྑ͍ ˢ ޮ཰ ௿͍ ˣ ߴ͍ ˢ ஧࣮౓ ૣ͍ ˢ ஗͍ ˣ ࡞ۀ଎౓ 1IPUPTIPQͰ σβΠϯΧϯϓ σβΠχϯά Πϯϒϥ΢β

Slide 55

Slide 55 text

ΧϯϓͰ࡞͚ͬͨͲ w ҎԼ͸શͯճආͰ͖ͨ r ͢΂࣮ͯ૷͔ͯ͠Β໰୊͕Θ͔Δͱɺ ΞλϚ·Ͱ໭Δ͜ͱ͕͋Δ r σβΠϯ࣌఺Ͱ͸෼͔Βͳ͍ ࣮૷্ͷෆ౎߹͕͋Δ͔΋ r ΧϯϓΛԿຕ΋࡞ͬͯ΋ ͦΕ͸݁ہࣺͯΔ΋ͷ r ϐΫηϧύʔϑΣΫτʹͩ͜ΘΓ͕ͪ

Slide 56

Slide 56 text

ରࡦɿποίϛϝιου ྫɿΧϯϓ࡞੒ 4UVEZ 3FWJFX ൓࿦ ποίϛ π ο ί ϛ ποίϛ ٞ࿦ ೲಘ मਖ਼

Slide 57

Slide 57 text

ποίϛͰୟ͖ͳ͕ΒਐΊΔ ϫΠϠʔ Χϯϓ )5.- 4UVEZ 3FWJFX 4UVEZ 3FWJFX 4UVEZ 3FWJFX

Slide 58

Slide 58 text

ରࡦɿޙ൒͸࣮૷ϕʔεʹҠߦ w ύʔπͷల։తͳ΋ͷ͸ɺΞʔτσΟϨΫλʔ ͱ࣮૷ऀ͕ϖΞσβΠχϯάʢʁʣ w ৽͍͠ύʔπ͸1IPUPTIPQͰσβΠϯ Photo by Esti Alvarez http://www.flickr.com/photos/esti/4638056301/

Slide 59

Slide 59 text

σβΠχϯάΠϯϒϥ΢βͷਅͷར఺ w ͦΕ͸ʮר͖ࠐΈྗʯͳͷͰ͸ r ը໘ઃܭޙʹɺ͙͢ຊ෺ͬΆ͘ಈ͘ r ϓϩδΣΫτϝϯόʔͷࢹઢ͕ूத r ΈΜͳ͕ר͖ࠐ·ΕΔ r εϖγϟϦετͷίϝϯτ͕ू·Δ r ୟ্͖͛ΒΕ͍ͯ͘

Slide 60

Slide 60 text

ΧϯϓͰ΋ר͖ࠐΈ͸ىͤ͜Δ w ͭ·Γɺ໾ׂͱ࡞ۀ෺͸෼཭Ͱ͖Δ r ઃܭɾσβΠϯɾ࣮૷ͷϝϯόʔ͕ σβΠϯΧϯϓʹʮר͖ࠐ·Εʯͯ ποίϛΛ͖ͪΜͱೖΕΕ͹Α͍ r ͜Ε͚ͩͰɺલఏͷצҧ͍΍ɺ ࣮૷ޙͷख໭Γ͸ճආՄೳ

Slide 61

Slide 61 text

Ͱ͸ɺຊ౰ʹඞཁͳͷ͸ʁ w ϝϯόʔؒͷʠͷΓ͠Ζʡ r ϓϩδΣΫτͷઓུ ͱཁ݅ͷཧղ r Ϣʔβʔͷཧղ r σόΠεͷཧղ r ΢ΣϒσβΠϯͷཧղ r ΢Σϒͷ࢓༷ͱ τϨϯυͷཧղ w ࡞͍ͬͯΔ΋ͷΛ ࣗ෼Ҏ֎ͷϝϯόʔ΋ આ໌Ͱ͖ΔϨϕϧͰͷཧղ σ β Π φ ʔ ΤϯδχΞ σ Ο Ϩ Ϋ λ ʔ

Slide 62

Slide 62 text

ͷΓ͠Ζ͕ແ͍ͱʜʜ w σβΠχϯάΠϯϒϥ΢β΋೉͍͠ r ޡͬͨઃܭ΍σβΠϯͷߟ͑ํΛ ԡ͠෇͚ΒΕ࣮ͯ૷ऀͷෛ୲͕૿͑Δ r ϓϩδΣΫτશମͰݟͨͱ͖ͷ ख਺͕ݮΒͣɺޮ཰తʹ͸ͳΒͳ͍ ࣮૷ऀ͕ؤுΔ ͚ͩͰ0,ʁ

Slide 63

Slide 63 text

ͷΓ͠Ζ͕͋Ε͹ʜʜ w Ωϟϯόε͸ঢ়گʹΑͬͯࣗ༝ʹબ΂Δ r खॻ͖ͷϫΠϠʔϑϨʔϜ r σβΠϯΧϯϓ r ࢴࣳډϓϩτλΠϓ r 'MBTIͰ࡞ͬͨϓϩτλΠϓ r σβΠχϯάΠϯϒϥ΢β

Slide 64

Slide 64 text

ͷΓ͠ΖΛͭͳ͛Δͷ͸ʁ w νʔϜͱͯ͠ͷงғؾ r ποίϛΛೖΕ΍͍͢งғؾ r ποίϛΛड͚΍͍͢งғؾ r ଞͷϝϯόʔΛ৴པ͢Δงғؾ r ΫϥΠΞϯτͱҰॹʹ࡞͍ͬͯ͘งғؾ ൓࿦ ποίϛ π ο ί ϛ ποίϛ ٞ࿦ ೲಘ मਖ਼

Slide 65

Slide 65 text

݁࿦ w ຊ౰ͷѱ͸ ͷΓ͠ΖΛ࣋ͨͳ͍ਓɺ ποί·ͳ͍งғؾ w ຊ౰ͷਖ਼ٛ͸ ͷΓ͠ΖΛ࣋ͬͨਓ͕ ποίϛ͋͏νʔϜ

Slide 66

Slide 66 text

͜ͷηογϣϯͷ·ͱΊ

Slide 67

Slide 67 text

これとあれのどちらが正しいのかと考えず、「正しいのは何か」と考えるようにしましょう。 http://www.kurashi-no-techo.co.jp/hint/h_130501.html