Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
宇宙一荒っぽく作る、concrete5テーマ制作
Search
90zbear
April 23, 2016
Technology
420
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
宇宙一荒っぽく作る、concrete5テーマ制作
concrete5バージョン8リリースパーティでの発表スライド「テーマを作ろう」
90zbear
April 23, 2016
More Decks by 90zbear
See All by 90zbear
concrete5ではじめる。クライアントも巻き込むサイト開発。
90zbear
1
57
Other Decks in Technology
See All in Technology
脆弱性診断って、何をしているの? 〜弱点を見つけて、会社の改善につなげるまで〜
keeg
0
930
20261017福岡devIO 「AIは"良いダッシュボード"を作れるか?
jtakeda
0
190
PagerDuty Tech Hub-鳴らすけれど、人は動かない
ezaki
0
180
Claude の新機能を、 出た日に触って社内に届けるまで
rfdnxbro
1
190
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
riyaamemiya
0
300
React改造してみた
tsukina_7mochi
0
110
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
kworkdev
PRO
2
1.3k
大型犬好きによるPugの紹介
yamanoku
1
160
しろおびから始める!ログ活用の第一歩
shumei_ito
0
960
OptunaHub: ブラックボックス最適化のためのプラットフォーム
pfn
PRO
0
140
Active Record Connection Adaptersにおける長年の課題に再び取り組む
yahonda
0
200
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
kaminashi
1
280
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
77k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
730
Paper Plane
katiecoart
PRO
5
54k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
340
30 Presentation Tips
portentint
PRO
1
430
From π to Pie charts
rasagy
1
400
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.3k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
Transcript
࡞Δ͚ͩͳΒා͘ͳ͍ʂ DPODSFUFͰςʔϚΛ࡞ͬͯΈΑ͏ʂ ాݪ༡അʢλϋϥϢϚʣ גࣜձࣾΫϩεΩϡʔϒऔకΞʔτσΟϨΫλʔσβΠφʔ GBDFCPPLDPN#VDDBOFFS#PPHJF ![CFBS ϊϯϓϩάϥϚͰͰ͖Δؾ͕͢Δʂ͘͢͝ߥͬΆ͍ςʔϚͷ࡞Γํ DPODSFUFόʔδϣϯϦϦʔεύʔςΟʢ౦ژʣ
ాݪ༡അʢͨΒΏ͏·ʣ גࣜձࣾΫϩεΩϡʔϒऔకΞʔτσΟϨΫλʔσβΠφʔ GBDFCPPLDPN#VDDBOFFS#PPHJF ![CFBS DPODSFUFͳͲͷ$.4Ҋ݅Λத৺ʹ͓ࣄͯ͠·͢ɻ DPODSFUF8PSE1SFTT&$$6#&1)1+BWB4DSJQU)5.-$44 %518&#%FTJHOBOENPSF
ϒϩάɺͬͯ·͢ɻ [CFBSDPN ݄ʙ
ίϯΫϦͷςʔϚɺ ࡞Δ͚ͩͳΒ؆୯Ͱ͢ɻ
#PPUTUSBQΛͬͯ ςʔϚΛ࡞ͬͯΈΑ͏ʂ
ࠓճɺΘ͟ͱࣦഊ͠ͳ͕Βɺ ʮ͡ΊͯͷςʔϚ࡞Γʯ ʹ͍ۙܗͷղઆΛ͍͖ͯ͠·͢ʂ
#PPUTUSBQͱԿͧ
ϝδϟʔͳ$44ͷϑϨʔϜϫʔΫ
ཁૉͷϨΠΞτָ͕ Ϩεϙϯγϒ8&#σβΠϯʹΑΔ εϚϗλϒϨοτ1$ରԠ ΞΠίϯϦετɺϓϩάϨεόʔͳͲɺ8&#Ͱ͍ ͦ͏ͳύʔπ͕४උ͞Ε͍ͯΔ
ͳ͔ͳ͔Ͱ͖Δࢠɻ
ܥͷσϑΥϧτςʔϚ &MFNFOUBMͰ ϕʔεͱͯ͠ΘΕ͍ͯ·͢ɻ
ࠓճɺσϑΥϧτςʔϚͱಉ͡Α͏ʹ ϨΠΞτػೳ͕͑ΔςʔϚΛ࡞Γ·͢ɻ
ຊ#PPUTUSBQ)5.-$44ͷษڧձͰͳ͍ͨΊɺ #PPUTUSBQʹ͍ͭͯɺ ʮखܰʹςʔϚΛ࡞ΔͳΒ͜ΕΛ֮͑Ε͍͍ͷ͔ʂʯ ͱɺ֮͑ͯؼ͍ͬͯͩ͘͞ɻ
#PPUTUSBQͷμϯϩʔυ IUUQHFUCPPUTUSBQDPNHFUUJOHTUBSUFEEPXOMPBE
جຊͱͳΔςϯϓϨʔτΛ༻ҙ ͱͯγϯϓϧɻΧελϜͷϕʔεʹͽͬͨΓɻ
͜ΕͰɺ#PPUTUSBQΛͬͨɺ جຊͷ)5.-ɾ$44ɾ+BWB4DSJQU͕Ͱ͖·ͨ͠ɻ
ૣɺDPODSFUFɺܥͷςʔϚԽʹઓʂ
جຊͱͳΔςϯϓϨʔτҰࣜΛ·ͱΊΔ w IPHFIUNMʢ͖ͬ͞࡞ͬͨʣ w ʮDTTʯσΟϨΫτϦ w ʮKTʯσΟϨΫτϦ w ʮGPOUTʯσΟϨΫτϦ
)5.-ϑΝΠϧͷ໊લΛ ʮEFGBVMUQIQʯʹมߋ͠ɺ ̍ߦʹʮίϯΫϦҎ֎ͷΞΫηεμϝʂθολΠʂʯ ͱ͍͏ҙຯͷ͓·͡ͳ͍ ΛೖΕΔɻ QIQ EFpOFE $@&9&$65& PSEJF
"DDFTT%FOJFE
QBHF@UIFNFQIQΛ༻ҙ ͜Ε͕ςʔϚͷઃఆϑΝΠϧͰ͢ɻ ࠓճɺॳ৺ऀ͚આ໌ͷͨΊɺ &MFNFOUBM͔Βഈआɻ DPODSFUFUIFNFTFMFNFOUBMQBHF@UIFNFQIQ ࠷ऴతʹ͖ͪΜͱ࡞Γ·͠ΐ͏ʂ
QBHF@UIFNFQIQͷฤू ࡞ΔςʔϚϑΥϧμ໊ʹ߹Θͤͯɺॻ͖͑·͢ɻ ࠓճʮUSBJOJOHʯʹͳΔͨΊɺ͜Μͳײ͡ɻ 1)1ͷ໊લۭؒɾΫϥεܧঝ͋ͨΓΛษڧ͢ΔͱཧղͰ͖·͢ ͕ɺࠓ͓·͡ͳ͍ͱͯ͠ඞཁͳ͜ͱͩͱࢥ͍ͬͯͩ͘͞ɻ
QBHF@UIFNFQIQͷฤू ςʔϚͷ໊લɺઆ໌จͷॻ͖͑Λదٓߦ͍·͢ɻ SFUVSOU b&MFNFOUBM` ΛSFUVSOU b࿅शςʔϚ` SFUVSOU b͍ӳจ` ΛSFUVSOU
b࿅श༻Ͱ͢Αʂ` ͱ͢Δͱɺʮ࿅श༻Ͱ͢Αʂʯͱ͍͏આ໌จͷʮ࿅शςʔϚʯʹͳΓ ·͢ɻ
ૣ࡞ΓͨͯͷςʔϚΛΠϯετʔϧʂ ΠϯετʔϧՄೳͳςʔϚʹՃ͞Ε͍ͯΔͷͰɺ Πϯετʔϧͯ͠͠·͍·͠ΐ͏ʂ
ͱͯγϯϓϧ͗͢ΔݟͨʹͳΓ·ͨ͠ɻ ཧ༻ͷφϏήʔγϣϯ͍·ͤΜͶɻ ͓ɺ͓͔͍͠ɻ
ίϯΫϦ༻ͷඞਢϑΝΠϧͷಡΈࠐΈ )5.-ͷ Λͬͦ͝Γ ʹஔ͖͑ɻ #0%:࠷Լ෦ͷ+4ͨͪͷ#PPUTUSBQҎ֎Λ ʹஔ͖͑ NFUBLFZXPSETlz NFUBEFTDSJQUJPOlz UJUMF
QIQ-PBEFSFMFNFOU IFBEFS@SFRVJSFE QIQ-PBEFSFMFNFOU GPPUFS@SFRVJSFE
͔͠͠ɺ૬มΘΒͣγϯϓϧ͗͢Δɻ ཧ༻φϏήʔγϣϯ͕͍ͭͨ
$44+4ͷύεΛ߹ΘͤΔ͓·͡ͳ͍ ಡΈࠐΉ$44+4·ͰͷύεΛ ςʔϚϑΥϧμ·ͰͷύεΛग़ྗͯ͘͠ΕΔ͓·͡ͳ͍Λͬͯ ॻ͖͑ɻ ྫɿ$44͕ʮςʔϚϑΥϧμDTTTUZMFDTTʯʹ͍Δ߹ QIQFDIPUIJTHFU5IFNF1BUI MJOLISFG
QIQFDIPUIJTHFU5IFNF1BUI DTTCPPUTUSBQNJODTTSFMTUZMFTIFFU
ࠓ͍͍ͦ͜ײ͡ʂ
ฤूϞʔυΛࢼͯ͠ΈΔ ͑ɺαΠτͷφϏήʔγϣϯ͕ݻఆ͞Εͨ··ͩ͠ɺ Α͘ݟͨΒίϯςϯπͦͷ··ͷॴͰಈ͍ͯͳ͍ɾɾɾ
ຐ๏ͷ%*7ͰғΊ0, CPEZͷதɺTDSJQUҎ֎ͷͷΛΛ·ͱΊͯ ͷதʹೖΕͯ͠·͍·͠ΐ͏ɻ EJWDMBTT QIQFDIPDHFU1BHF8SBQQFS$MBTT DXSBQz த EJW
ਖ਼ৗʹύωϧ͕։͖·͢ ͋ͱ֤छϒϩοΫΛઃஔ͢ΔͨΊͷΤϦΞͷઃఆͰ͢ɻ
ϖʔδݻ༗ͷΤϦΞΛઃఆ͍ͨ͠ ͍ΘΏΔίϯςϯπ෦ΛҎԼͱஔ͖͑ͯ͠·͍·͢ɻ ಉ͡ཁྖͰɺෳͷΤϦΞɺOFX"SFB .BJO ΛOFX "SFB bΤϦΞͷ໊લ ͱͯ͠ΕՄೳͰ͢ɻ QIQ
BOFX"SFB .BJO BEJTQMBZ D
ϖʔδڞ௨ͷΤϦΞΛઃఆ͍ͨ͠ φϏήʔγϣϯͳͲɺڞ௨ͯ͠͏ΤϦΞͷઃఆҎԼ ݻ༗ͷΤϦΞઃఆಉ༷ɺෳઃఆͰ͖·͢ɻ QIQ BOFX(MPCBM"SFB )FBEFS/BWJHBUJPO BEJTQMBZ
ΤϦΞͷઃఆΛ͢ΕɺϒϩοΫͷஔ͕Մೳ ͜ΕͰجૅతͳςʔϚͰ͢ɻ
Ұ൪γϯϓϧͳςʔϚΛ࡞Δํ๏ w )5.-ɾ$44ɾ+4ͳͲ௨ৗͷ੩తϖʔδͷσʔλΛ༻ҙ͢Δɻ w QBHF@UIFNFQIQΛ༻ҙ͢Δɻ w )5.-ͷ಄ʹ͓·͡ͳ͍Λهड़͠ɺEFGBVMUQIQͱ͢Δɻ w ίϯΫϦ༻ͷϔομɾϑολΛಡΈࠐ·ͤΔίʔυΛೖΕΔɻ w
͓·͡ͳ͍Λͬͯɺ$44+4ͷύεΛ߹ΘͤΔɻ w ίϯΫϦ༻ͷຐ๏ͷ%*7λάΛೖΕΔɻ w దٓΤϦΞΛઃఆ͢Δɻ w ͍͍ײ͡ʹεΫϦʔϯγϣοτΛࡱӨ͠ɺQY QYͷ UIVNCOBJMQOHΛ࡞Δɻ
ΑΓ͍͍ײ͡ʹ͢Δʹ w ӈαΠυόʔɺࠨαΠυόʔͷςϯϓϨʔτΛ࡞Δɻ w ςϯϓϨʔτͰ͍ճ͢ϔομͳͲͷύʔπΛׂ͢Δɻ w #PPUTUSBQΛ͍͜ͳ͠ɺΦϦδφϦςΟᷓΕΔσβΠϯʹ͢Δɻ w ίϯΫϦଂͷMFTTίϯύΠϥΛ͑ΔΑ͏ʹ͢Δɻ w
DTTΛ෦తʹཧը໘͔Βॻ͖͑ΒΕΔΑ͏ʹ͢Δɻ w ͍༨ͬͯϒϩοΫͷ࡞ΓํΛ֮͑Δɻ w ͞Βʹ͍༨ͬͯɺύοέʔδԽ͠ɺόʔδϣϯཧΛ͢Δɻ ͳͲɾɾɾ
ݟͨΛ࡞ΓࠐΉͨΊʹ σβΠϯΛ͖ͪΜͱͯΔͨΊͷΩʔϫʔυ ʢΓΑ͏৭ʑ͋Δ͚Ͳɾɾɾʣ ʮ͜ͷϒϩοΫ͚ͩ$44ΛͯΒΕͨΒͳ͋ɻʯ ʮϒϩοΫͷݟͨɺ)5.-͝ͱม͑ΒΕͨΒͳ͋ɻʯ ʮͦͦɺϒϩοΫΛ࡞ͬͨ΄͏͕ྑ͍ͷͰͳ͍͔ɻʯ
ݟͨΛ࡞ΓࠐΉͨΊʹ σβΠϯΛ͖ͪΜͱͯΔͨΊͷΩʔϫʔυ ʮ͜ͷϒϩοΫ͚ͩ$44ΛͯΒΕͨΒͳ͋ɻʯ ʮϒϩοΫͷݟͨɺ)5.-͝ͱม͑ΒΕͨΒͳ͋ɻʯ ʮͦͦɺϒϩοΫΛ࡞ͬͨ΄͏͕ྑ͍ͷͰͳ͍͔ɻʯ ຊׂѪɻ ͜ͷޙঙ࢘͞ΜʹΑΔ ελΠϧΧελϚΠζͷηογϣϯࢀߟʹͲ͏ͧʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠