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
Tokyo.R #72 初心者セッション3
Search
koriakane
September 01, 2018
0
170
Tokyo.R #72 初心者セッション3
Tokyo.R #72 初心者セッション可視化パートの資料です。
koriakane
September 01, 2018
Tweet
Share
More Decks by koriakane
See All by koriakane
Tokyo.R #78 初心者セッション
nozomi_miyazaki
0
450
Tokyo.R #77 初心者セッション1 可視化パート
nozomi_miyazaki
2
780
Tokyo.R #75 初心者セッション3
nozomi_miyazaki
0
1.3k
Tokyo.R#73 LT
nozomi_miyazaki
0
550
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Side Projects
sachag
454
42k
How STYLIGHT went responsive
nonsquared
100
5.6k
Embracing the Ebb and Flow
colly
85
4.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
It's Worth the Effort
3n
184
28k
A Tale of Four Properties
chriscoyier
159
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Transcript
#
• R ) ( ) • ) @ .
. • • T
• • ) •
• • • R •
• ) • • , ) •
( ( ( •
• TUS JSJT EBUBGSBNFPCTPGWBSJBCMFT 4FQBM-FOHUIOVN 4FQBM8JEUIOVN 1FUBM-FOHUIOVN
1FUBM8JEUIOVN 4QFDJFT'BDUPSXMFWFMTTFUPTB WFSTJDPMPS ʜ BOZ/" JSJT <>'"-4&
•
• • ) • ( • •
QMPU YJSJT4FQBM-FOHUI ZJSJT4FQBM8JEUI
QMPU YJSJT4FQBM-FOHUI ZJSJT4FQBM8JEUI QDI CH D SFE HSFFO
CMVF <VODMBTT JSJT4QFDJFT > 1 2 1 3 ) ( 2 2
QMPU YJSJT4FQBM-FOHUI ZJSJT4FQBM8JEUI QDI DPMD SFE HSFFO lCMVF
<VODMBTT JSJT4QFDJFT > GBNJMZl)JSB,BLV1SP/8z YMBC ͕͘ยͷ͞ ZMBC ͕͘ยͷ෯ =
QMPU YJSJT4FQBM-FOHUI ZJSJT4FQBM8JEUI QDI DPMD SFE HSFFO CMVF
<VODMBTT JSJT4QFDJFT > MFHFOE UPQMFGU MFHFOEMFWFMT JSJT4QFDJFT QDI DPMD SFE HSFFO CMVF
" #!
#!
• • 2 Ø Ø ༻͢Δύοέʔδ JOTUBMMQBDLBHFT zHHQMPU MJCSBSZ
HHQMPU
. ( ) ) . ) , ) .
( , = ( ) =
,, ) ) . . )+ + ) +
, + ) . ,+ ( . =
+) ) ), , ) , . , )
+ . , ( ), , , =
• ( . • (
• . • )( • ) •
) (
• ) ( • • ) (
• R W . • T
• •
TUS XBML $MBTTFTbUCM@EG` bUCM`BOEEBUBGSBNF PCTPGWBSJBCMFT %"5&104*9DU GPSNBU 8"-,OVN
( )
QMPU XBML%"5& XBML8"-, UZQFM DPMl%$%z ৭ MXE ઢͷଠ͞ MUZ
ઢͷछྨ
• QBS GBNJMZl)JSB,BLV1SP/8z ຊޠରԠͷ͓·͡ͳ͍ QMPU XBML%"5&
XBML8"-, UZQFM DPMl%$%z MXE MUZ YBYU lOz Y࣠Λදࣔ͠ͳ͍ YMBC ZMBC า BYJT104*9DU ඳըҐஔɻͰԼ BUTFR BT%BUF BT%BUF CZNPOUIT GPSNBU:N
) ( • μϛʔσʔλΛ࡞ XBML@ XBML XBML@8"-,@ SOPSN
NFBO TE ϓϩοτ QBS GBNJMZl)JSB,BLV1SP/8z ຊޠରԠͷ͓·͡ͳ͍ NBUQMPU XBML@%"5& XBML@< D l8"-,z l8"-,@z > UZQFM DPMD %$% % MXE MUZ YBYU O YMBC ZMBC า BYJT104*9DU BUTFR BT%BUF BT%BUF CZNPOUIT GPSNBU:N ຌྫ͚ͭͪΌ͏ MFHFOE UPQMFGU MFHFOED ϫςΫγ μϛʔ DPMD %$% % MXE MUZ
• 47(2*+)%$(22 (62!&3. 985 '#- • ,0" /1
༻͢Δύοέʔδ MJCSBSZ HHQMPU ՄࢹԽ MJCSBSZ UJEZS σʔλՃ MJCSBSZ TDBMF ՄࢹԽͷࡍʹ࣠ͷՃͰ͍·͢
) ( ॎ࣋ͪॲཧ XBML@ UJEZSHBUIFS XBML@ LFZlWBSJBCMFz WBMVFWBMVF ॎ࣋ͪ
%"5& ର֎ IFBE XBML@ "UJCCMFY %"5&WBSJBCMFWBMVF EUUNDISECM 8"-, 8"-, 8"-, 8"-, 8"-, 8"-,
HHQMPU EBUBXBML@ BFT Y%"5& ZWBMVF DPMPVSWBSJBCMF HFPN@MJOF
UIFNF@HSFZ CBTF@GBNJMZ l)JSB,BLV1SP/8z ຊޠରԠ MBCT Ylz Zlาz ໊࣠มߋ TDBMF@DPMPVS@NBOVBM WBMVFTD %$% % MBCFMTD 8"-,ϫςΫγ 8"-,@lμϛʔz ৭ࢦఆ TDBMF@Y@EBUFUJNF CSFBLTEBUF@CSFBLT NPOUI MBCFMTEBUF@GPSNBU :N Y࣠Λʹ͢Δ
• 2 ( • ) • •
)
• HHQMPU XBML@ BFT %"5& HFPN@MJOF BFT
Z8"-, DPMPVS %$% HFPN@MJOF BFT Z8"-,@ DPMPVS % UIFNF@HSFZ CBTF@GBNJMZ )JSB,BLV1SP/8 MBCT Y Zา TDBMF@DPMPVS@NBOVBM WBMVFTD %$% % MBCFMTD %$%ϫςΫγ %μϛʔ TDBMF@Y@EBUFUJNF CSFBLTEBUF@CSFBLT NPOUI MBCFMTEBUF@GPSNBU :N
• TUS XBML $MBTTFTbUCM@EG`
bUCM`BOEEBUBGSBNF PCTPGWBSJBCMFT %"5&104*9DU GPSNBU 8&&,%":DIS 8FE5IV'SJ4BU 8"-,OVN 803,@5*.&OVN
• HHQMPU XBML BFT %"5&
HFPN@MJOF BFT Z8"-, DPMPVS %$% HFPN@MJOF BFT Z803,@5*.& DPMPVS ## UIFNF@HSFZ CBTF@GBNJMZ )JSB,BLV1SP/8 MBCT Y TDBMF@DPMPVS@NBOVBM WBMVFTD ## %$% MBCFMTD %$%า ##ۈ࣌ؒ TDBMF@Y@EBUFUJNF CSFBLTEBUF@CSFBLT NPOUI MBCFMTEBUF@GPSNBU :N
• • 2 . .
• HHQMPU XBML BFT %"5&
HFPN@MJOF BFT Z8"-, DPMPVS %$% HFPN@MJOF BFT ZSFTDBMF XBML803,@5*.& UPSBOHF XBML8"-, DPMPVS ## UIFNF@HSFZ CBTF@GBNJMZ )JSB,BLV1SP/8 MBCT Y TDBMF@DPMPVS@NBOVBM WBMVFTD ## %$% MBCFMTD %$%า ##ۈ࣌ؒ TDBMF@Y@EBUFUJNF CSFBLTEBUF@CSFBLT NPOUI MBCFMTEBUF@GPSNBU :N TDBMF@Z@DPOUJOVPVT zา TFDBYJT TFD@BYJT dSFTDBMF SBOHF XBML803,@5*.& OBNFlۈ࣌ؒ
( )
• • 66 /26 6- 2
• 66 /26 6- 2 1 -1 : 60/ • • 66 6 -2 20 2 6 6 • 66 6 -2 20 216 16 /2 /26 6 6 .
• M U • :DDAC CA84
8B 86 6 ED4 : 4D 99A D 4 BE 8 • M • :DDAC BE 4 9 D:E5 # % % # % # % # % # 99 A D % -/ -1 % # % # % % # % # % % # % % % % -. % % % % % % % - % # % -% % % -. % % - 6 D8 D • :DDAC FFF C 8C:4B8 8D 2B3 4 :4 C 99A D
( • • 2 : . / 9 00 .
19 4: 5/ 3: ( 2 6 • 2 : -39: : 4: 1 :2 . / 1 2 6 • 2 : . / 9 00 . 19 4: 5/ 3: 2 6 • c a b • 2 : 13 91919 2 / -691 4: / ) (
• ../0./20./9 • /99 4 9 / 04- /
9-4 2 . -497 • /99 - 1-7 - 1 :9 440/02 90 4 0497 : 90 4 9 ../0./20./9
• 2 - / : • •
1- # • 1 1 2 . // - / - 2/ 1 22 / /
!