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
210
時短&ストレス軽減!サイト制作・発注のコツ
#ギアスタ01
「いつもの社内勉強会を、オープンに」
2021年2月17日(水)
https://www.facebook.com/events/316475569566037/
待島 亘
February 17, 2021
Tweet
Share
More Decks by 待島 亘
See All by 待島 亘
ウェブディレクターを救うBacklog
wattlaa
0
660
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.1k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
440
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
420
やさしいBacklogの使い方
wattlaa
2
1.4k
クライアント提案 はじめの一歩
wattlaa
1
350
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
580
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
クリエイティブに自信を持つ! 前向きサイトプランニング
wattlaa
1
340
Other Decks in Design
See All in Design
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
2
2.2k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.1k
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
780
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
CursorでAI活用のナレッジベースを構築する
kanzaki
0
800
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
210
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
710
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Optimizing for Happiness
mojombo
379
70k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
The Language of Interfaces
destraynor
162
25k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
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 ΪΞελ༧ࠂ ͝ࢹௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ ײΪΞελͰπΠʔτ͍͚ͨͩͨΒخ͍͠Ͱ͢ʂ