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
concrete5 デザインカスタマイズ虎の巻
Search
Takuro Hishikawa
May 14, 2016
Design
4
720
concrete5 デザインカスタマイズ虎の巻
concrete5 をカスタマイズする際に気をつけておくべきことをまとめました。
Takuro Hishikawa
May 14, 2016
Tweet
Share
More Decks by Takuro Hishikawa
See All by Takuro Hishikawa
Mautic Meetup Tokyo #8 Mautic 3 is coming! (Japanese)
hissy
0
37
Introducing concrete5 PWA add-on (Japanese)
hissy
0
1.3k
Mautic Glossary (ja) 2019
hissy
1
150
CMS導入プロジェクトを成功させるために 押さえておくべき5つの手順
hissy
4
1.1k
Mautic Glossary (ja)
hissy
1
890
Mautic Updates 2016-09
hissy
0
870
MauticSummerGamesTokyo
hissy
1
510
Mautic Updates 2016-07
hissy
0
390
CMS for the future
hissy
4
3.8k
Other Decks in Design
See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
620
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
4k
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
500
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
180
クライアントワークにおける UXリサーチの実践
kozotaira
0
510
Masked shaman-Storyboard 2025
ashley0521
0
210
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
650
Personal Story Sequence - Vendetta(WIP)
elrns88
0
440
Les petites aventures de CSS, saison 2025
goetter
3
4k
Rayout Pattern 01
one0
0
1.6k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
340
Featured
See All Featured
Site-Speed That Sticks
csswizardry
4
440
A Tale of Four Properties
chriscoyier
158
23k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
14
1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.2k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Transcript
DPODSFUF σβΠϯΧελϚΠζދͷר 5BLVSP)JTIJLBXB IUUQTXXXGBDFCPPLDPNIJTIJLBXBUBLVSP
σβΠϯΧελϚΠζͷ̏ཁૉ w ςʔϚ w ϒϩοΫςϯϓϨʔτ w ͦͷଞ
ͦΕͧΕͷۤ࿑ϙΠϯτΛ ͋Β͔͡Ί͓͚ͬͯ ා͘ͳ͍ʂ
ςʔϚ w ͓ଋɿςʔϚʹػೳॻ͔ͳ͍ w )5.-ͷதͷͲ͕͜ʮΤϦΞʯͳͷ͔Λఆٛ w υΩϡϝϯτɿެࣜαΠτʮDPODSFUFͷςʔϚͷ࡞ʯ IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS EFTJHOJOHGPSDPODSFUFCVJMEJOHBDPODSFUF UIFNFDPOWFSUJOHBOIUNMUFNQMBUFUPBDPODSFUF
UIFNF
ςʔϚͷۤ࿑ϙΠϯτɿͦͷ̍ w ໊લۭؒʢOBNFTQBDF1)1ͷػೳʣ w DPODSFUFʹೖ͍ͬͯΔςʔϚ$PODSFUFa5IFNFa:PVS5IFNF/BNF w ࣗ࡞͢ΔςʔϚ"QQMJDBUJPOa5IFNFa:PVS5IFNF/BNF w ϚʔέοτϓϨΠεͷςʔϚ $PODSFUFa1BDLBHFa5IFNF4UVDDPa5IFNFa:PVU5IFNF/BNF
w ࢀߟهࣄɿFMFNFOUBMͷQBHF@UIFNFQIQ IUUQBDMJTTTFDSFUKQQSJWBUFCMPHBDMJTTCMPH FMFNFOUBM&"&QBHF@UIFNF
ςʔϚͷۤ࿑ϙΠϯτͦͷ̎ w άϦουϨΠΞτϑϨʔϜϫʔΫͷରԠ w #PPUTUSBQ 'PVOEBUJPOͷάϦουػೳ͕͑Δ w υΩϡϝϯτɿެࣜαΠτʮςʔϚͰάϦουϑ ϨʔϜϫʔΫΛαϙʔτ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQ
EFWFMPQFSEFTJHOJOHGPSDPODSFUFBEEJOH HSJETVQQPSUUPZPVSUIFNF
ςʔϚͷۤ࿑ϙΠϯτɿͦͷ̏ w ςʔϚΧελϚΠζʹରԠ͢Δ w Ϣʔβʔ͕৭എܠը૾ɺϚʔδϯΛมߋͰ͖Δ w υΩϡϝϯτɿެࣜαΠτʮελΠϧΧελϚΠζʹ ରԠ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS EFTJHOJOHGPSDPODSFUFFOBCMJOHTUZMF
DVTUPNJ[BUJPO
ϒϩοΫςϯϓϨʔτ w ϒϩοΫͷݟͨɺςʔϚͰࢦఆ͠ͳ͍ w ϒϩοΫ͝ͱʹɺϒϩοΫͷϝχϡʔ͔Βબ w ςϯϓϨʔτ͍ͭ͘Ͱ࡞Εͯɺ1)1Ͱॲཧʢ͋·Γʣॻ ͔ͳ͍͍ͯ͘ w υΩϡϝϯτɿެࣜαΠτʮطଘͷϒϩοΫͷΧελϚΠζʯ
IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS XPSLJOHXJUICMPDLTXPSLJOHXJUIFYJTUJOHCMPDLUZQFT
ϒϩοΫͷۤ࿑ϙΠϯτɿͦͷ̍ w ʮΦʔόʔϥΠυʯͷ֓೦Λཧղ͢Δ w υΩϡϝϯτɿެࣜαΠτʮίΞϑΝΠϧΛΦʔόʔ ϥΠυ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQSFDJQFT PWFSSJEFBMNPTUBOZDPSFpMFJO
ϒϩοΫͷۤ࿑ϙΠϯτɿͦͷ̎ w ϖʔδͷσʔλͷऔಘʢओʹϖʔδϦετͰ͏ʣ w υΩϡϝϯτɿެࣜαΠτʮϖʔδΦϒδΣΫτͷऔಘʯ IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS XPSLJOHXJUIQBHFTPWFSWJFX w υΩϡϝϯτɿެࣜαΠτʮϖʔδͷσʔλΛऔಘ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS
XPSLJOHXJUIQBHFTHFUUJOHEBUBBCPVUBQBHF
ϒϩοΫͷۤ࿑ϙΠϯτɿͦͷ w ը૾ͷऔΓѻ͍͕ಠಛ w υΩϡϝϯτɿެࣜαΠτʮը૾ͷදࣔΛΧελϚΠζ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQSFDJQFTIPXUPVTF DPSFIUNMJNBHF w υΩϡϝϯτɿެࣜαΠτʮը૾ͷαϜωΠϧΛऔಘ͢Δʢը ૾ΛϦαΠζ͢Δʣ
IUUQDPODSFUFKBQBOPSHIFMQSFDJQFTIPXUPHFU UIVNCOBJMJNBHF
ϒϩοΫͷۤ࿑ϙΠϯτɿͦͷ w ͷऔΓѻ͍͕ಠಛ w υΩϡϝϯτɿެࣜαΠτʮϖʔδͷެ։Λࢦ ఆͨ͠ϑΥʔϚοτͰද͍ࣔͨ͠ʯ IUUQDPODSFUFKBQBOPSHIFMQSFDJQFT HFUDPMMFDUJPOQVCMJDEBUFXJUIDVTUPN GPSNBU
ͦͷଞͷۤ࿑ϙΠϯτɿͦͷ̍ w ίʔσΟϯάͱฤूϞʔυ͕όοςΟϯά͢Δʂ w ίʔσΟϯάΨΠυϥΠϯʢCZ,BU[͞ΜʣΛक Εແବͳ࿑ྗΛճආͰ͖Δ IUUQTHJUIVCDPNLBU[VFOPDPODSFUF $PEJOH(VJEFMJOF
ͦͷଞͷۤ࿑ϙΠϯτɿͦͷ̎ w ʮΦʔτφϏʯϒϩοΫͷڍಈ͕ಠಛ w ׳ΕΔ͔͠ͳ͍ʂ w ศརͳϖʔδଐੑ͕͑Δ w υΩϡϝϯτɿެࣜαΠτʮΈࠐΈଐੑʯ IUUQDPODSFUFKBQBOPSHIFMQVTJOH
DPODSFUFEBTICPBSEQBHFTBOEUIFNFT BUUSJCVUFTCVJMUJOBUUSJCVUFT
ͦͷଞͷۤ࿑ϙΠϯτɿͦͷ̐ w ศརͳΞυΦϯΛͲ͜ͰௐΕ͍͍ͷʁ w IUUQDBEEPODPN
ଞͷۤ࿑ϙΠϯτʁ DPODSFUFϚελʔͷҙݟΛฉ͍ͯΈΑ͏
ࠤ͞Μ w Γ+4ͱ$44ͷόοςΟϯά w άάͬͨ࣌ʹͷใͱͷใ͕ҧ͏ͷͰ ҙʢ݄ͰมΘΔʣ w ϒϩοΫͷΧελϚΠζɺιʔείʔυͷί ϝϯτΛಡΊ͍͍ͩͨΘ͔Δ
ਿࢁ͞Μ w +4ͰϒϩοΫʹಈ͖Λ͚ͭΔͱɺฤूϞʔυͰղআ ͠ͳ͍ͱฤूͰ͖ͳ͘ͳΔ w υΩϡϝϯτɿެࣜαΠτʮϖʔδͷσʔλΛऔಘ ͢ΔฤूϞʔυ͔Ͳ͏͔Λ֬ೝ͢Δʯ IUUQDPODSFUFKBQBOPSHIFMQEFWFMPQFS XPSLJOHXJUIQBHFTHFUUJOHEBUBBCPVUBQBHF w
֎෦ϑΥʔϜϓϦςΟ63-͡Όͳ͍ͱಈ͔ͳ͍ʜʁ
͔ͨ͠͞Μ w ൚༻ੑΛߟ͑Δͷ͍͠ w ചΕΔςʔϚʹཧ༝͕͋Δ w ࣗ༝ʹͰ͖ΔΜͰ͠ΐʁͱ͍͏͓٬͞Μͷظʹ Ԡ͑Δͷ͕େม
ঙ࢘͞Μ w ݕࡧػೳΛ։ൃͨ͠ͷ͕େมͩͬͨʜɻ w όάͱͷઓ͍ w ࣗͷ͍ͤͳͷ͔ɺDPODSFUFͷ͍ͤͳͷ͔ w िץDPODSFUF์ૹͰ࣭͠Α͏ʂ w
٧·ͬͯղܾͨ͠Βϒϩάʹॻ͘
,BU[͞Μ w ଟػೳͳͷͰͦΜͳʹվΛ͠ͳ͍͍͕ͯ͘ɺػೳ Λ͍͗͢Δͱେม w طଘͷ)5.-$44ͦͷ··͓͏ͱ͢Δͱେม