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
140
時短&ストレス軽減!サイト制作・発注のコツ
#ギアスタ01
「いつもの社内勉強会を、オープンに」
2021年2月17日(水)
https://www.facebook.com/events/316475569566037/
待島 亘
February 17, 2021
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
460
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
600
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
350
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
300
やさしいBacklogの使い方
wattlaa
2
1.1k
クライアント提案 はじめの一歩
wattlaa
1
280
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
470
良いデザインのためのマインドセットの作り方
wattlaa
4
2k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
290
Other Decks in Design
See All in Design
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.7k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
250
Первая беседа о Карте реализации историй
ashapiro
0
180
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
130
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
3
900
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.5k
企業やプロダクトにおける "らしさ"を分析する | UXリサーチャー/デザイナーはもっとAIを触って欲しいシリーズ
iflection
0
250
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
370
User Experience Design für Entwickler
joergneumann
4
950
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
240
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
190
【当日用】Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
0
110
Featured
See All Featured
Design by the Numbers
sachag
277
19k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Fireside Chat
paigeccino
31
2.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
3.9k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
The Illustrated Children's Guide to Kubernetes
chrisshort
47
48k
Faster Mobile Websites
deanohume
304
30k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Building an army of robots
kneath
302
42k
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 ΪΞελ༧ࠂ ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ײΪΞελͰπΠʔτ͍͚ͨͩͨΒخ͍͠Ͱ͢ʂ