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
51
Introducing concrete5 PWA add-on (Japanese)
hissy
0
1.3k
Mautic Glossary (ja) 2019
hissy
1
160
CMS導入プロジェクトを成功させるために 押さえておくべき5つの手順
hissy
4
1.1k
Mautic Glossary (ja)
hissy
1
930
Mautic Updates 2016-09
hissy
0
870
MauticSummerGamesTokyo
hissy
1
540
Mautic Updates 2016-07
hissy
0
410
CMS for the future
hissy
4
3.9k
Other Decks in Design
See All in Design
「UXとUIの違い」v2
shirasu3
0
200
今日から意識できるアクセシビリティ
fumiko
0
290
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
110
sachi_y_portfolio
sachi337
0
470
The Spectacular Lies of Maps
axbom
PRO
1
240
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
460
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
390
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
380
Bulletproof Design System with TypeScript
takanorip
6
3.9k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Automating Front-end Workflow
addyosmani
1370
200k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Embracing the Ebb and Flow
colly
86
4.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Visualization
eitanlees
146
16k
KATA
mclloyd
32
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
880
Become a Pro
speakerdeck
PRO
29
5.5k
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ͦͷ··͓͏ͱ͢Δͱେม