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
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
390
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
380
今日から意識できるアクセシビリティ
fumiko
0
250
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
450
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.2k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
640
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
harutaka Vision Deck
zenkigenforrecruit
0
150
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Music & Morning Musume
bryan
46
6.6k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Raft: Consensus for Rubyists
vanstee
140
7k
Into the Great Unknown - MozCon
thekraken
40
1.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
A designer walks into a library…
pauljervisheath
207
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
4 Signs Your Business is Dying
shpigford
184
22k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
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 ΪΞελ༧ࠂ ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ײΪΞελͰπΠʔτ͍͚ͨͩͨΒخ͍͠Ͱ͢ʂ