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
34
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
880
Mautic Updates 2016-09
hissy
0
860
MauticSummerGamesTokyo
hissy
1
510
Mautic Updates 2016-07
hissy
0
380
CMS for the future
hissy
4
3.8k
Other Decks in Design
See All in Design
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
440
クライアントワークにおける UXリサーチの実践
kozotaira
0
310
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
570
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
200
Rayout Pattern 01
one0
0
1.5k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
240
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3.3k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
500
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
480
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
It's Worth the Effort
3n
184
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Side Projects
sachag
452
42k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
The Language of Interfaces
destraynor
156
24k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
GitHub's CSS Performance
jonrohan
1030
460k
KATA
mclloyd
29
14k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Why Our Code Smells
bkeepers
PRO
336
57k
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ͦͷ··͓͏ͱ͢Δͱେม