Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
σβΠφʔ͕ޮΑ͘ςʔϚ࡞ΛਐΊΔʹʁ
σβΠϯ͔Β8PSE1SFTTͷ
ςʔϚ࡞ͷϫʔΫϑϩʔΛݟ͢
HIROMU HASEGAWA
Slide 3
Slide 3 text
Question
Slide 4
Slide 4 text
ීஈͷ੍࡞खॱʢϫʔΫϑϩʔʣ
ͲͷΑ͏ͳखॱͰਐΊ͍ͯ·͔͢ʁ
Slide 5
Slide 5 text
8PSE1SFTTͷ࣌ʁ
Slide 6
Slide 6 text
͜ͷηογϣϯ
ීஈͷϫʔΫϑϩʔΛ
ݟͳ͓࣌ؒ͢ʹ
Slide 7
Slide 7 text
About me
Slide 8
Slide 8 text
ϜA
৽ׁग़ւಓࡳຈࢢࡏॅ
ϑϦʔϥϯεˠ๏ਓԽɿදऔక
ϑϩϯτΤϯυΤϯδχΞ
݉ςΫχΧϧσΟϨΫλʔ
࠷ۙͷझຯɿϋϜՈࡊԂਫΓʢԂͰͳ͍ʣ
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
ࠓ·ͩ
ίʔσΟϯάத৺ͷۀ
Slide 11
Slide 11 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
ීஈͷ੍࡞खॱʢϫʔΫϑϩʔʣ
ͲͷΑ͏ͳखॱͰਐΊ͍ͯ·͔͢ʁ
Slide 12
Slide 12 text
! !
%FTJHOFS 1SPHSBNNFS
ϜA
ͷ͓ࣄ
ϫΠϠʔσβΠϯ͔Β༷Ѳ
ΞʔΩςΫνϟͷཧͱεέδϡʔϧௐ
ํͷίϛϡχέʔγϣϯͷڮ͠
Slide 13
Slide 13 text
"
"
\DTT^
"
\+4^
$
4ZTUFN
5FNQMBUFT
#
Slide 14
Slide 14 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
ࡢͷ8PSE$BNQ5PLZPͷ࠙ձͰ
Slide 15
Slide 15 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
ίʔσΟϯάઌʹΔͷͬͯɺ
ແବ͡Όͳ͍Ͱ͔͢ʁ
Slide 16
Slide 16 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
ʂʂʂ
Slide 17
Slide 17 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
ແବͱ͍͏ൃ͕ͳ͔ͬͨʂ
Slide 18
Slide 18 text
MJOLIUUQTIIBNOFUXPSEQSFTTDPEJOHqPX
Slide 19
Slide 19 text
"
"
\DTT^
"
\+4^
#
% !
%FTJHOFS 1SPHSBNNFS
$ #
4ZTUFN5FNQMBUFT 4ZTUFN4FUUJOH
Slide 20
Slide 20 text
ϫʔΫϑϩʔͷύλʔϯΛߟ͑ͯΈΔ
Slide 21
Slide 21 text
ᶃཁ݅ఆٛɾઃܭɾσβΠϯ࡞
ᶄ8PSE1SFTTͷઃఆ
ᶄجຊઃఆ
ᶄGVODUJPOTQIQʹίʔυՃ
ᶄϓϥάΠϯಋೖɾઃఆɹ
ᶅςʔϚ࡞
ᶆσʔλߘ
ᶅςʔϚ࡞
Slide 22
Slide 22 text
ᶃཁ݅ఆٛɾઃܭɾσβΠϯ࡞
ᶄ8PSE1SFTTͷઃఆ
ᶄجຊઃఆ
ᶄGVODUJPOTQIQʹίʔυՃ
ᶄϓϥάΠϯಋೖɾઃఆɹ
ᶅςʔϚ࡞
ᶆσʔλߘ
ᶅςʔϚ࡞
Slide 23
Slide 23 text
σβΠϯΑΓޙͷ
ίʔσΟϯάΛͲ͏ਐΊ͍ͯΔ͔
Slide 24
Slide 24 text
&ςʔϚʹ
&੩తʹҰίʔσΟϯά
Slide 25
Slide 25 text
ᶃςʔϚʹ
Slide 26
Slide 26 text
○ެࣜςʔϚελʔλʔςʔϚͳͲ
ςϯϓϨʔτΛΒΧελϚΠζͯ͠
○͔̍ΒߏஙʢϑϧεΫϥονʣ
Slide 27
Slide 27 text
(͋Β͔͡Ί͑Δ༷ʑͳػೳ
ʢػೳͱͯ͠͏༧ఆͰ͋Εޮతʣ
(σβΠϯ͕ϑϧΦʔμʔͰͳ͚Ε
͙͢ʹར༻Մೳͳέʔε
ϝϦοτ
Slide 28
Slide 28 text
)ߏѲͷॳظίετ
ʢΈػೳͷѲʣ
)ϑϧΦʔμʔσβΠϯͷ߹
ϕʔεͱͯ͠ར༻͢Δ߹ͷίετ
σϝϦοτ
Slide 29
Slide 29 text
○8PSE1SFTTͷλάػೳΛ֮͑ΔΑΓ
ɹςʔϚػೳͷൣғͷ͚ͩͳΒίετ
ɹͦͷΛ͑Δ߹ɾɾɾʁ
Slide 30
Slide 30 text
○ϫʔΫϑϩʔͱͯ֬͠Ͱ͖ΔͳΒ
ແବΛ࠷খݶʹ͑ΒΕΔ
Slide 31
Slide 31 text
ݸਓతҰ൪ͷٙ
Slide 32
Slide 32 text
?ݻఆϖʔδɾߘͷ
ΤσΟλ෦ͷϑϩʔʁ
Slide 33
Slide 33 text
No content
Slide 34
Slide 34 text
ᶃ8FC্ͷΤσΟλ෦ͰϚʔΫΞοϓ
ᶄอଘ
ᶅ)5.-मਖ਼ɾௐ
ᶆอଘɾɾɾʁ
Slide 35
Slide 35 text
?ཧը໘Λ௨ͯ͠ʁͦΕͱผʁ
Slide 36
Slide 36 text
ᶄ੩తʹҰίʔσΟϯά
Slide 37
Slide 37 text
)࡞ΔਓͷεΩϧɾࣝɾྀʹӨڹ
ɹߟྀΕɺखΓ͕ଟ͘ൃੜͯ͠͠·͏
ɹςʔϚԽ͢Δࡍʹ͏·͘࠶ݱͰ͖Δ͔ʁ
))5.-ɾ$44ΛҰ͔Β࡞Βͳ͍ͱ
ॻ͘ͷͱมΘΒͳ͍
σϝϦοτ
Slide 38
Slide 38 text
○ϓϥάΠϯར༻ͳͲͷͷʹΑͬͯ
ग़ྗʹ੍ݶ͕͋Δ߹
ɹίʔσΟϯάͦͷ··͑ͳ͍Մೳੑ
Slide 39
Slide 39 text
○ϓϥάΠϯར༻ͳͲͷͷʹΑͬͯ
ग़ྗʹ੍ݶ͕͋Δ߹
ɹίʔσΟϯάͦͷ··͑ͳ͍Մೳੑ
ۀͰϓϩάϥϜدΓͷਓ
͜ͷखͷखΓ͕ݏ͍ͳ
ʢ͋͘·Ͱݸਓతͳҙݟʣ
Slide 40
Slide 40 text
(ϑϧΦʔμʔσβΠϯʹॊೈʹରԠ
()5.-ͱ$44ʹूதͰ͖Δ
(ςʔϚԽ͢ΔલͰґཔऀʹ
ϒϥβ্Ͱ֬ೝͯ͠Β͑Δ
(ۀԽ͍͢͠
ϝϦοτ
Slide 41
Slide 41 text
○ίʔσΟϯά໘͚ͩʹϑΥʔΧε͢Δͱ
8PSE1SFTTͷߏங͕ࣝແͯ͘
ɹ࡞ۀཁһͱͯ͠ࢀըՄೳ
ɹʢϙΠϯτΛ͑Δඞཁ͋Γʣ
Slide 42
Slide 42 text
ͲͪΒͷϑϩʔળ͠ѱ͠
Slide 43
Slide 43 text
ϙΠϯτʁ
Slide 44
Slide 44 text
ϙΠϯτखΓΛ࠷খݶʹ
Slide 45
Slide 45 text
खΓΛݮΒ͢ϙΠϯτ
Slide 46
Slide 46 text
(࡞͢Δ)5.-Λ
ςϯϓϨʔτɾ7JFXʹ͍͢͠Α͏ʹ
(γεςϜ୲ͱ࿈ܞΛߟྀͯ͠༻ҙ
(όάϛεͷग़དྷΔݶΓͳ͍
࣭ͷΑ͍ίʔυʹ
Slide 47
Slide 47 text
ςϯϓϨʔτɾ7JFXʹ
͍͢͠Α͏ʹʁ
Slide 48
Slide 48 text
(ϧʔϓ͕͍͢͠
(ڞ௨෦ΛΘ͔Γ͘͢
($44PSγεςϜPSӡ༻
Slide 49
Slide 49 text
~
ʢ´°Ϝ°`ʣ
ࡳຈʹ͍ΔΑ
2هࣄ
ը૾ͷԣʹճΓࠐΉจࣈ
Slide 50
Slide 50 text
)ೖͬͯ͘ΔσʔλɾελΠϧʹΑͬͯ
σβΠϯ่ΕͷݪҼ
Slide 51
Slide 51 text
~
ʢ´°Ϝ°`ʣ
ϞδϡʔϧຖΛҙࣝग़དྷͯΔʁ
~
ը૾ͷԣʹճΓࠐΉจࣈ
Slide 52
Slide 52 text
$44PSγεςϜPSӡ༻ʁ
Slide 53
Slide 53 text
ݟग़͠ͷ০
ݟग़͠ͷ০จࣈ͕ଟ͘
ͳͬͨ߹ʁ
ݟग़͠ͷ০จࣈ͕ଟ͘
ͳͬͨ߹ʁ
ݟग़͠ͷ০จࣈ͕ଟ͘ʜ
Slide 54
Slide 54 text
QIPUPCZ/BOB#"HZFJIUUQTXXXqJDLSDPNQIPUPTOBOBHZFJ
Ϧϐʔτཁૉͷ)5.-ߏ
Slide 55
Slide 55 text
No content
Slide 56
Slide 56 text
Slide 57
Slide 57 text
No content
Slide 58
Slide 58 text
Slide 59
Slide 59 text
No content
Slide 60
Slide 60 text
($44ͷઃܭ
(*%ηϨΫλ͕ΘΕͯͳ͍͔Ͳ͏͔
(ग़ྗ͞ΕΔ)5.-ྀ͕͞Ε͍ͯΔ͔
(Τϥʔɺใ͕ͳ͍࣌ͷ
ελΠϧ͕༻ҙ͞Ε͍ͯΔ͔Ͳ͏͔
Slide 61
Slide 61 text
#news .main .heading-lv2 {
border: solid #333;
border-width: 0 0 1px 10px:
padding 10px 5px;
font-size: 20px;
font-weight: bold;
}
#home .main h2.entry-title {
border: solid #333;
border-width: 0 0 1px 10px;
padding: 10px 5px;
font-size: 20px;
font-weight: bold;
}
+ +
+
+
+ +
Slide 62
Slide 62 text
.heading-lv2 {
border: solid #333;
border-width: 0 0 1px 10px:
padding 10px 5px;
font-size: 20px;
font-weight: bold;
}
.entry-title {
border: solid #333;
border-width: 0 0 1px 10px;
padding: 10px 5px;
font-size: 20px;
font-weight: bold;
}
Slide 63
Slide 63 text
ࣗͷࣄͷґཔൣғ͔Β
ϫʔΫϑϩʔΛߟ͑Δ
Slide 64
Slide 64 text
"
"
\DTT^
"
\+4^
$
4ZTUFN
5FNQMBUFT
#
Slide 65
Slide 65 text
,੩తϑΝΠϧೲPSνΣοΫ
,$.4ͷछྨΘͣʢ8PSE1SFTTҎ֎ʣ
Slide 66
Slide 66 text
○͍Ζ͍Ζͳܗ͕ࣜ͋ͬͯγεςϜʹ
ೖΕΔલͷϫʔΫϑϩʔΛҰఆʹ
○Ҋ݅ʹΑΔߏͷϒϨͷٵऩ
ґཔઌຖʹҧ͏
ίʔσΟϯάϨΪϡϨʔγϣϯ
Slide 67
Slide 67 text
○ӨڹൣғͷϦεΫݮ
-ີ݁߹ηϨΫλͰద༻͞Εͳ͘ͳͬͨ
-ผՕॴʹಉ͡DMBTT໊͕ʂཁૉ͕ʂ
Slide 68
Slide 68 text
ۀ͔Βߟ͑ΔޮԽ
Slide 69
Slide 69 text
.ಘҙͳ෦ʹूத
.$.4ͷछྨΘͣʢ8PSE1SFTTҎ֎ʣ
Slide 70
Slide 70 text
ར༻πʔϧͱϙΠϯτ
Slide 71
Slide 71 text
project/
+-- .editorconfig
+-- .gitignore
+-- gulpfile.js
+-- metalsmith.json
+-- package.json
+-- html
+-- _resource
+-- _layouts
¦ +-- default.html
¦ +-- footer.html
¦ +-- header.html
+-- index.html
+-- common
+-- style.scss
Slide 72
Slide 72 text
No content
Slide 73
Slide 73 text
MJOLIUUQHVMQKTDPN
Slide 74
Slide 74 text
MJOLIUUQTXXXCSPXTFSTZODJP
Slide 75
Slide 75 text
MJOLIUUQXXXNFUBMTNJUIJP
Slide 76
Slide 76 text
MJOLIUUQTHJUIVCDPNQBVMBSNTUSPOHTXJH
Slide 77
Slide 77 text
TXJHMBZPVU
{{ title }}
{% include 'header.html' %}
{{ contents | safe }}
{% include 'footer.html' %}
Slide 78
Slide 78 text
---
template: default.html
title: "λΠτϧ"
---
ίϯςϯπ
TXJHJOEFYIUNM
Slide 79
Slide 79 text
λΠτϧ
~
ίϯςϯπ
~
σϓϩΠޙ
Slide 80
Slide 80 text
>
ίϯςϯπ
5IFNFʹ
Slide 81
Slide 81 text
OQNJOTUBMM
OQNTUBSU
Slide 82
Slide 82 text
͜ͷઌ3&45"1*͕ඞཁʹͳͬͯ
Slide 83
Slide 83 text
.੩తʹ༻ҙ͓ͯ͘͠HVMQͷϑϩʔ
ɹͦͷ··+4ςϯϓϨʔτͰར༻Մೳ
Slide 84
Slide 84 text
import React from 'react';
class Header extends React.Component {
render() {
return (
ʙ
);
};
}
export default Header;
ྫ͑3FBDU
Slide 85
Slide 85 text
੩తΛ༻ҙ͢Δʹͯ͠
Slide 86
Slide 86 text
ᶃ8PSE1SFTTͷઃఆ
ᶃجຊઃఆ
ᶃGVODUJPOTQIQʹίʔυՃ
ᶃϓϥάΠϯಋೖɾઃఆɹ
ᶄ੩తϖʔδʹίʔσΟϯά
ᶅίʔσΟϯάσʔλʹ81λά
Slide 87
Slide 87 text
ຊͷ·ͱΊ
Slide 88
Slide 88 text
/ίʔσΟϯάઌͰΠΩφϦςʔϚͰ
ɹͲͪΒࣝεΩϧͰޮత͔มΘΔ
#ࣗʹ͋ͬͨϑϩʔͲΕ͔Λߟ͑Δ
/λεΫϥϯφʔͳͲɺޮԽπʔϧ׆༻Λ
#੩తίʔσΟϯάͷϑϩʔͰ
ɹઌʹ8PSE1SFTTͷભҠͳͲ༻ҙ
0ϓϩδΣΫτɾϝϯόʔߏʹΑͬͯ
՝͔ΘΔͨΊ
ɹϫʔΫϑϩʔݟ͠Λߦ͏͜ͱ
·ͱΊ
Slide 89
Slide 89 text
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠