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
130
時短&ストレス軽減!サイト制作・発注のコツ
#ギアスタ01
「いつもの社内勉強会を、オープンに」
2021年2月17日(水)
https://www.facebook.com/events/316475569566037/
待島 亘
February 17, 2021
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
310
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
340
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
290
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
270
やさしいBacklogの使い方
wattlaa
2
980
クライアント提案 はじめの一歩
wattlaa
1
260
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
420
良いデザインのためのマインドセットの作り方
wattlaa
4
1.9k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
270
Other Decks in Design
See All in Design
Installing and Running decksh/pdfdeck
ajstarks
1
490
実務のための マイクロ インタラクション入門
shingo2000
0
370
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
300
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
200
成果が出ないユーザーインタビューは何がダメだったのか? ~「誰に聞くか」の探り方 ~
jouykw
10
13k
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
120
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
250
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5k
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
5
2.2k
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
Wolf and the seven goatkids
_limex_
PRO
0
470
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.4k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
The Cost Of JavaScript in 2023
addyosmani
21
3.9k
jQuery: Nuts, Bolts and Bling
dougneiner
60
7.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
15
1.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
GitHub's CSS Performance
jonrohan
1025
450k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
Faster Mobile Websites
deanohume
300
30k
What's new in Ruby 2.0
geeforr
337
31k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
21
1.6k
A Philosophy of Restraint
colly
197
16k
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 ΪΞελ༧ࠂ ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ײΪΞελͰπΠʔτ͍͚ͨͩͨΒخ͍͠Ͱ͢ʂ