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
時短&ストレス軽減!サイト制作・発注のコツ
Search
待島 亘
February 17, 2021
Design
0
200
時短&ストレス軽減!サイト制作・発注のコツ
#ギアスタ01
「いつもの社内勉強会を、オープンに」
2021年2月17日(水)
https://www.facebook.com/events/316475569566037/
待島 亘
February 17, 2021
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
600
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
430
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
400
やさしいBacklogの使い方
wattlaa
2
1.4k
クライアント提案 はじめの一歩
wattlaa
1
340
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
560
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
340
Other Decks in Design
See All in Design
CIRCULAR ECONOMY + SERVICES
jmanooch
0
120
#Dubois Challenge 2025: Economics
ajstarks
0
130
UXデザインはなぜ定着しないのか?
designstudiopartners
0
740
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
Haley's adventure chase
ivettetwin
0
240
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
140
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
680
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
450
アクセシビリティに取り組むメリット
magi1125
1
170
NAHO SHIMONO_Portfolio2025
nahohphp
0
880
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Bulletproof Design System with TypeScript
takanorip
6
3.6k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
184
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
820
Into the Great Unknown - MozCon
thekraken
40
1.9k
Docker and Python
trallard
44
3.5k
It's Worth the Effort
3n
185
28k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Adopting Sorbet at Scale
ufuk
77
9.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Embracing the Ebb and Flow
colly
86
4.7k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Gamification - CAS2011
davidbonilla
81
5.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Transcript
࣌ˍετϨεܰݮʂ αΠτ੍࡞ɾൃͷίπ ౡגࣜձࣾ(FBS ΪΞελ ΪΞελ
1SPpMF ւಓొผࢢੜ·Εɺࡳຈࡏॅɻגࣜձࣾ9FOFͰΣϒαΠτͳͲଟݴ ޠഔମͷ੍࡞ʹܞΘΓɺͦͷޙΣϒ੍࡞ձࣾɻʹגࣜձࣾ (FBSʹδϣΠϯɻ αΠτϓϥϯχϯάɺσΟϨΫγϣϯɺΞΫηεղੳͷ΄͔ɺΫϥΠΞϯ τ͚ʗΣϒΫϦΤΠλʔ͚ηϛφʔͷొஃߦ͏ɻෆఆظʹࢀ Ճͨ͠ηϛφʔͷϨϙʔτɺσ ΟϨΫγϣϯUJQTΛOPUFʹॻ͘ɻ Α͘͏πʔϧ#BDLMPHͱ5PEPJTUɻ͓ؾʹೖΓͷٳΈͷա͝͠ํ ##2ͱՈఉࡊԂɻౙΘΓͱେਓ͍͠ɻ
IUUQTOPUFDPNXBUUMBB IUUQTUXJUUFSDPNXBUUMBB IUUQTXXXGBDFCPPLDPNNBDIJTIJNB ౡ·ͪ͠·ΘͨΔ גࣜձࣾ(FBS Σϒσ ΟϨΫλʔ
σ ΟϨΫγϣϯͷ ࣌ʹͯ͠ͳΒͣ
ʮ࣌ʯΛը૾ݕࡧͯ͠ΈΔͱʜ Մॲ࣌ؒʹΓ͍ͨ͜ͱʹ͑Δ࣌ؒΛ֬อ͍ͨ͠
੍࡞ऀͱͷΓऔΓฤ ΫϥΠΞϯτͱͷΓऔΓฤ ·ͱΊ ࣍
͜ΜͳྲྀΕͰ͓͠·͢ ͏͔ͬΓΓ͕ͪͳࣦഊ ආ͚͍ͨ͜ͱ ϛεʹͭͳ͕Γ͍͢Γํ ΑΓεϜʔζʹ ΑΓ৺ཧత҆શੑΛ୲อ ΑΓϛεΛݮΒ͍ͯ͘͠ ʘ͜͏ͩͱྑ͍Ͷʂʗ
੍࡞ऀͱͷΓऔΓฤ
࡞ۀՕॴεϐʔυॏࢹͰ ͬ͘͟Γ͑Δ ޙͰͨͭ͠ΛνΣοΫ͢Δͷࣗ ੍࡞ऀͱͷΓऔΓฤ
࡞ۀՕॴ໌֬ʹ͢Δ ฤू͢Δϖʔδͷ63-Λهࡌ͢ΔɻͰ͖ΕεΫγϣషΔ ੍࡞ऀͱͷΓऔΓฤ
w 8JOEPXT.BD͍ͣΕՄ w શମදࣔ෦ൣғબ w γϣʔτΧοτࢦఆՄೳ (ZB[P https://gyazo.com/ja ੍࡞ऀͱͷΓऔΓฤ
w (PPHMF$ISPNFͷ֦ுػೳ w 8JOEPXT.BD͍ͣΕՄ w શମදࣔ෦ൣғબ 'JSF4IPU https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ja ੍࡞ऀͱͷΓऔΓฤ
ࡉ͔͍ࢦࣔޱ಄Ͱ ͬ͘͡ΓϑΥϩʔ͢Δ ݴ͔ͬͨͲ͏͔ˋ͍֮͑ͯΒΕΔͳΒ0,͚ͩͲͦΜͳਓؒ͘͢ͳ͍ ੍࡞ऀͱͷΓऔΓฤ
ࡉ͔͍ࢦࣔπʔϧͰ͑Δ ฤूՕॴ͝ͱʹࣈΛೖΕΔɻखॻ͖ࢦ͕ࣔগͳ͍ͳΒΞϦ ੍࡞ऀͱͷΓऔΓฤ
w 8JOEPXT.BD͍ͣΕՄ w υϥοάͯ͠मਖ਼ՕॴΛࢦఆ w मਖ਼Օॴ͝ͱʹίϝϯτͰ͖Δ %SPQCPY https://www.dropbox.com/ ੍࡞ऀͱͷΓऔΓฤ
• Windows / Mac ͍ͣΕՄ • υϥοάͯ͠मਖ਼ՕॴΛࢦఆ • मਖ਼Օॴ͝ͱʹίϝϯτͰ͖Δ https://www.dropbox.com/
%SPQCPY ੍࡞ऀͱͷΓऔΓฤ
w 8JOEPXT.BD͍ͣΕՄ w υϥοάͯ͠मਖ਼ՕॴΛࢦఆ w मਖ਼Օॴ͝ͱʹίϝϯτͰ͖Δ w Α͘͏ߍਖ਼ه߸͕༻ҙ͞Ε͍ͯΔ .POKJ https://monji.tech/ja/
੍࡞ऀͱͷΓऔΓฤ
https://monji.tech/ja/ .POKJ ੍࡞ऀͱͷΓऔΓฤ
ૉࡐ͋ΔͷΛͱΓ͋͑ͣૹΔ ;*1ղౚͨ͠த͔Β;*1ϑΝΠϧग़͖ͯͨΒઈ ੍࡞ऀͱͷΓऔΓฤ
ૉࡐ͕Γͳ͍ͷ Γͳ͍ՕॴΛ༧Ί͑Δ ʮ͜Εޙ͔ΒૹΓ·͢ʯͱ͓͑ͯ͘ͱճͷ࣭ΓऔΓ͕ݮΓ·͢ ੍࡞ऀͱͷΓऔΓฤ
ݪߘσʔλ ͋ΔͷΛͦͷ··ૹΔ 8PSE&YDFMUYUΒΒͩͱ֬ೝ͕େม ੍࡞ऀͱͷΓऔΓฤ
ݪߘσʔλ૬ख͕ ϓϨϏϡʔ͍͢͠ܗࣜͰૹΔ 1%'ը૾ͳΒɺ֎ग़ઌͰ֬ೝͰ͖ΔͷͰ͏Ε͍͠ ੍࡞ऀͱͷΓऔΓฤ
SlackͰϝʔϧͰ ΘΕ͍͍ ΘΕɺ͍͍Ͱ͢ΑͶ ੍࡞ऀͱͷΓऔΓฤ
࿈བྷखஈπʔϧΛ౷Ұ͢Δ Ͳ͜Ͱݴ͚ͬͯͨͬʁΛແͯ͘͠ɺ୳࣌ؒ͢Λͳ͘͢ ੍࡞ऀͱͷΓऔΓฤ
࣭ΛΒͬͨΒ ฦࣄ·ͱΊͯ͢Δ ࣌ͷͨΊͱࢥͬͯͬͯ͠·͍͕ͪ ੍࡞ऀͱͷΓऔΓฤ
࣭ΛΒͬͨΒ Ұ࣌ฦ৴ͱʹ͔͘ૣ͘ खΛಈ͔ͤͳ͍ঢ়ଶΛ࡞Βͳ͍ ੍࡞ऀͱͷΓऔΓฤ
͑ΔͨΊͳΒ ΨϯΨϯి͍ͱΘͳ͍ Կճಉ͜͡ͱΛ͑Δ͜ͱʹͳͬͨΓɺΉ͠Ζ͕͔͔࣌ؒͬͯ·ͤΜ͔ ੍࡞ऀͱͷΓऔΓฤ
ిԻ௨ ϑΥϩʔͷΈʹ͏ औΓҾ͖͕ॳΊͯͳͲɺผͷత͕͋Δ߹0, ੍࡞ऀͱͷΓऔΓฤ
ೲظ·Ͱ૬ख͔Βͷ ࿈བྷͪͰOK ͩͬͯظݶࢦఆͯ͠ΔΑͶʁతͳ ੍࡞ऀͱͷΓऔΓฤ
ʮฦࣄ͕ͳ͔ͬͨΒϑΥϩʔ͢Δʯ λεΫʹ͢Δ Ε͕ग़ͳ͍͔ίϯτϩʔϧ͢ΔͷσΟϨΫγϣϯ ੍࡞ऀͱͷΓऔΓฤ
ςΩετϝοηʔδ ཁ݅ͷΈΛՕॻ͖Ͱॻ͘ ײ͡ํʹݸਓ͕ࠩ͋Γ·͢ ੍࡞ऀͱͷΓऔΓฤ
ςΩετϝοηʔδ ૬खʹ͔͚͠ΔΠϝʔδͰॻ͘ ײ͡ํʹݸਓ͕ࠩ͋Γ·͢ ੍࡞ऀͱͷΓऔΓฤ
͜ͷ͋ͱΦϯϥΠϯ ϛʔςΟϯά͍͍Ͱ͔͢ʁ μϝͩΑʁ ੍࡞ऀͱͷΓऔΓฤ
ΦϯϥΠϯϛʔςΟϯά ༧ఆΛܾΊ࣮ͯࢪ͢Δ ͰͰɺ૬खͷ࣌ؒΛΒ͍ͬͯΔҙࣝΛ࣋ͱ͏ ੍࡞ऀͱͷΓऔΓฤ
ΫϥΠΞϯτͱͷΓऔΓฤ
ࢦࣔΛͬ͘͡ΓಡΜͰ ͋ͱ͔Βฦࣄ͢Δ ࡞ۀΛ·ͱΊͨͯͬͯ͘͠·͍͕ͪ ΫϥΠΞϯτͱͷΓऔΓฤ
͞Βͬͱݟͯ ͑ΒΕΔ࣭͙͢ฉ͘ ఴϑΝΠϧؒҧͬͯͳ͍Ͱ͔͢ʁΛޙʹฉ͔ͳ͍ ΫϥΠΞϯτͱͷΓऔΓฤ
μϯϩʔυ͠ͳ͖Ό͍͚ͳ͍ σʔλΛ์ஔ͢Δ ޙͰμϯϩʔυ͢Ε͍͍ͬͯࢥͬͪΌ͍͕ͪ ΫϥΠΞϯτͱͷΓऔΓฤ
σʔλΛμϯϩʔυ Ͱ͖ͨΒใࠂ͢Δ Γͳ͍σʔλ͕ͳ͍͔ૣΊͷ֬ೝΛ ΫϥΠΞϯτͱͷΓऔΓฤ
ࢦࣔॻΛΒͬͨΒ ͦͷ··ରԠ͢Εྑ͍ ࢦࣔॻ͕ͯ͢ʜ͡Όͳ͍͜ͱଟʑ͋Γ·͢ ΫϥΠΞϯτͱͷΓऔΓฤ
࡞ۀ༰Λղͯ͠ ࿙Ε͕ͳ͍͔֬ೝͯ͠Β͏ ࡞ۀϝϯόʔʹґཔ͢Δ༰ΛɺઌํʹݟͤͪΌ͑ແବͳ͠ ΫϥΠΞϯτͱͷΓऔΓฤ
શମεέδϡʔϧΛ ͓͚͑ͯେৎ εέδϡʔϧͷڞ༗͕ਵ࣌Ͱ͖͍ͯΕͳ͍ͷͰ͕͢ ΫϥΠΞϯτͱͷΓऔΓฤ
࣍ͷΞΫγϣϯͷ ༧ఆΛ͑Δ ࣍ͷ࿈བྷ͍͔ͭͳʁ࿈བྷ͠Β͘ͳ͍͚Ͳಈ͍ͯΔʁͱؾ࣋ͪΛͨͤͳ͍ ΫϥΠΞϯτͱͷΓऔΓฤ
࿈བྷ͕དྷͳ͔ͬͨΒ ࠵ଅ͢Δ ͪΖΜΦϯεέͷͨΊͷ࿈བྷࣗମྑ͍͜ͱͰ͢ ΫϥΠΞϯτͱͷΓऔΓฤ
࿈བྷ͕དྷͳ͍࣌ ࠔ͍ͬͯΔͱߟ͑Δ ͜ΕͰࠔͬͯΔ͔ʁͱߟ͑ͯϑΥϩʔ·ͰͰ͖ΕΧϯϖΩ ΫϥΠΞϯτͱͷΓऔΓฤ
ཧղͰ͖ͳ͍ςΩετ ͦͷ··͏ ઐత͗͢Δ༰ํ͕ͳ͍ΑͶʜతͳ ΫϥΠΞϯτͱͷΓऔΓฤ
૬खͷࣝΛϑϧ׆༻ͯ͠ ཧղʹΊΔ Θ͔Βͳ͍͜ͱࣗମͳ͠ɺཧղ͠ͳ͍ͱޙ͔ΒೝࣝͷζϨΛੜΉ͜ͱ ΫϥΠΞϯτͱͷΓऔΓฤ
ΦϯϥΠϯϛʔςΟϯά Ի͚ͩͰΓ͍ͨ ༰ʹΑͬͯΞϦ ΫϥΠΞϯτͱͷΓऔΓฤ
ΦϯϥΠϯϛʔςΟϯά إΛग़ͯ͠ߦ͏ ؔੑ࣍ୈ͚ͩͲɺإ͕ݟ͑ͨํ͕҆৺Ͱ͖Δਓ͍Δ ΫϥΠΞϯτͱͷΓऔΓฤ
࿈བྷ͠Α͏ͱࢥͬͯͨͷʹ ൈ͚ͯ͠·ͬͨ ͪΐʔ͏Ͳి͔͚Α͏ͱࢥͬͯ·ͨ͠ʂͰಀ͕͛ͪ ΫϥΠΞϯτͱͷΓऔΓฤ
܁Γฦ͠λεΫͰ ϑΥϩʔ࿙ΕΛͳ͘͢ 5PEPJTUͳͲͷλεΫཧπʔϧ͕͓͢͢Ί ΫϥΠΞϯτͱͷΓऔΓฤ
ిͷ༰ ޙͰ߇͑Ε͍͍ ͏ʂ࡞ۀதͩͬͨͷʹʂͬͯ͋Γ·͢ΑͶ ΫϥΠΞϯτͱͷΓऔΓฤ
߇͑ͨϝϞ ΦϯϥΠϯʹஔ͍͓ͯ͘ ૬खʹݟͯཉ͍͠෦ڞ༗͢Δ ΫϥΠΞϯτͱͷΓऔΓฤ
Ռ͑͞ ͖ͬͪΓग़ͤOK Ͳ͏ʁ͏͍ͭ͘͠Ͱ͠ΐʁ ΫϥΠΞϯτͱͷΓऔΓฤ
ΞτϓοτΛڞ༗͢Δ ௐࠪɺੳͳͲ్தաఔͷͷཱͳՌɻ·ͱΊΔͳΒݟͤΑ͏ ΫϥΠΞϯτͱͷΓऔΓฤ
·ͱΊ
σ ΟϨΫγϣϯͷ ࣌ʹͯ͠ͳΒͣ
ͷ࣌ͷͨΊͷ࡞ۀ͕ ΛੜΈɺΛੜΈͩ͢
໌ͷࣗࣗͷͨΊʹ ࡉ͔͍ͱ͜Ζ͔Β࢝Ί͍͖ͯ·͠ΐ͏
͋Γ͕ͱ͏͍͟͝·ͨ͠ ౡגࣜձࣾ(FBS !XBUUMBB !NBDIJTIJNB ࣌ˍετϨεܰݮʂαΠτ੍࡞ɾൃͷίπ ΪΞελ
࣍ճͷΪΞελʜ
XFE ΪΞελ༧ࠂ ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ײΪΞελͰπΠʔτ͍͚ͨͩͨΒخ͍͠Ͱ͢ʂ