Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フリーランスデザイナーとしての情報発信録~ブログやSNSとの付き合い方~
Search
spicagrapha
June 23, 2018
Design
11
3k
フリーランスデザイナーとしての情報発信録~ブログやSNSとの付き合い方~
第46回 岡山WEBクリエイターズ「ウェブ制作者のための、セルフブランディング」でお話しした内容です
https://www.okaweb.jp/20180623-1.html
spicagrapha
June 23, 2018
Tweet
Share
More Decks by spicagrapha
See All by spicagrapha
小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜
spicagraph
11
2.8k
「お皿」を意識したレイアウトデザイン
spicagraph
32
34k
デザイナーと情報発信のいい関係
spicagraph
3
3.2k
SNSでもWebサイトでも、 目を惹くイラストのつくり方
spicagraph
13
4.9k
デザインを「伝える」ためにすべきこと
spicagraph
33
6k
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」
spicagraph
27
9.1k
フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから
spicagraph
27
15k
フリーランスデザイナーの「つくること、はたらくこと」
spicagraph
86
28k
しごと大好きフリーランスWebデザイナーが子どもを持ったらどうなる?「わたしのライフワークバランス」
spicagraph
3
1.5k
Other Decks in Design
See All in Design
Emmy's Artwork
mcksmith
0
180
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.6k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
910
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
400
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
510
DESIGNEAST 2025 A-3
_kotobuki_
0
110
What makes a great Director?
_limex_
0
350
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
0
250
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
1
380
チームをデザイン対象にする / Design for your team
kaminashi
0
120
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
220
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Rails Girls Zürich Keynote
gr2m
95
14k
GitHub's CSS Performance
jonrohan
1032
470k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Transcript
ϑϦʔϥϯεσβΠφʔͱͯ͠ͷใൃ৴ ʙϒϩά 4/4 ͱͷ͖߹͍ํʙ
֯ాҁՂ ͢Έ͔ͩ͋ 8FCσβΠφʔ ΠϥετϨʔλʔ ɹϑϦʔϥϯε TQJDBHSBQI ɹגࣜձࣾΩςϨπϝϯόʔ ϒϩάͱ͔ 5XJUUFS
ͷΛ ͠ʹ͖·ͨ͠ʂ ϋογϡλά PLBXFC ͖ͼͩΜ͝
πΠഇͰ͢
5XJUUFSͰެ։த σβΠφʔͷ ൿີಓ۩ 4 # ? 5XJUUFSͰԌ্
͖ Ỷ ͏ ͷ ͓ ͳ ͠ Θͨ͠ͷใൃ৴ ίϯςϯπΛͲ͜ஔ͘
ʁ τϥϒϧ͕ى͖ͨΒ ʁ Θͨ͠ͷηϧϑϒϥϯσΟϯά 01 02 03 04
Θͨ͠ͷใൃ৴ 01
5XJUUFS ͔Β ʑͷؾ͖ͮɺΠϥετɺ ࠂɺ͍Ζ͍Ζ ϒϩά ͔Β σβΠ ϯΠ ϥε τͷهࣄ
OPUF ͔Β 5XJUUFSͷิ5JQTͷ ΞʔΧΠϒ Π ϥετ4/4 ͔Β Π ϥε τͷΞʔΧΠϒ
͋ͷ࣌͜ΕΛ ͍ͬͯΕ ʂ ʂ ఆ͍ͯ͠Δಡऀ લͷ͡ͿΜ
͡ͿΜ͢Δ Ͱੈքৗʹ৽͍͠ ΠϚίί ͜͜Ͱ ʹཱͭͣ
͢ͽ͔͞Μ͍ͭ5XJUUFSͬͯΔΑͶ ͦ͏͚ͩͲ ʂ ʂ ҧ͏Μͩ ʂ ʂ
σβΠϯؔͷ5JQT ॳ৺ऀ͚ͷͭ·͖͍ͮ͢ ϙΠ ϯ τͳͲ σβΠϯͷجૅ σβΠφʔҎ֎ʹಡΜͰ Β͑Δநతͳ ωλອը ࠒײͨ͜͡
ͱ͓ ͠Ζ͔ͬͨ ͜ ͱͳͲ ϏοάϥΠ τ ͱ εϞʔϧϥΠ τ 4 # ͦΜ ͳ ࣌ ͜Ε ݏ ͳ ͭ ͕ ͍ ͳ ͘ ͳ ỳ ͨ Β Ͳ ͏ ͳ Γ · ͢ ͔ ϋ ỽ ϐ ồ Ͱ ͢ ớ Ϛ Π φ ε Ờ ớ ϓ ϥ ε Ờ ớ Ϛ Π φ ε Ờ Θͨ͠ ఱ࠽ΧΠ τ ֶՊͱΖΏʹ ʅ Ϝ A ʅ Ϝ A ֶ ͱ ͍ ͏ ͔ ࢉ ۤ ख ʜ Ϛ Π φ ε ͱ Ϛ Π φ ε Ͱ ͳ Μ Ͱ ϓ ϥ ε ʹ ͳ Δ ͷ ͦ Ε Ͱ ͢ Ͷ ͦ ͏ ͍ ͏ ͜ ͱ Ͱ ͢ Θ͕ͨͯ͠͠Δͷʮใൃ৴ʯ
σβΠϯॳ৺ऀ͞Μ σβΠϯ্ڃऀ͞Μ Θͨ͠ͷֆອըͷϑΝϯ ϑΥϩΞʔ͞ΜΛ૿͘͢ τϥΠˍΤϥʔதͰ͢ ͳͥϑΥϩΞʔ͞ΜΛ ૿͔͢ ޙͰ͓͠͠·͢
ίϯςϯπΛͲ͜ஔ͘ ʁ 02
5XJUUFSͰ ֦ࢄʂ ϒϩάॻ͍ͨͧʔ 35ʂ35ʂ ݁ߏಡ·ΕͯΔ ิهࣄॻ͜͏
ඈͿ ඈͿ ಡΉ ͓͠Ζ͍ ཱͬͨ ײಈͨ͠ 4/4λ Π ϜϥΠϯ 1
2 3 ϒϩάϝσΟΞهࣄ γΣΞ ֦ࢄ
ಡΉ ͓͠Ζ͍ ཱͬͨ ײಈͨ͠ 1 2 4/4λ Π ϜϥΠϯ γΣΞ
֦ࢄ
αʔϏεͱಠࣗυϝΠϯɺ Ͳ͏͚Δ ʁ ͍·ฉ͍ͯཉ͍͠ ʂ ྲྀΕ͕͋Δͱ͜Ζʹ͍࣋ͬͯ͘ ͣͬͱಡΜͰཉ͍͠ ୳͍͢͠ͱ͜Ζʹஔ͘ υϝΠϯେࣄʂ Ͱʜ
Γ্͕͍ͬͯΔͱ͜Ζʹஔ͘
17 48 150 259 γΣΞʹͻͱखؒ
τϦΨʔʮڞײʯ ͱݴ͏͚Ͳʜ γΣΞͯ͠Β͏ͬͯΉ͔͍ͣ͠ ʮΓΜ͍͝ʯ ͡ΌͩΊͩΑͶ ڞײͬͯ ݴ͏͚Ͳʜ
ࣗͰ Ѳ͍ͯ͠Δ ൣғ ͖ ͦ͏ͩΑͶʔ ͓͠Ζ͍
Θ͔Δ ʂ ʂ ʂ ʂ ʂ ʂ ʂ ʂ ͳʹͦΕཉ͍͠
ʂ ʂ ʂ ʂ ͦΕͦΕ ʂ ʂ ͦ͏͍͏ ͜ͱ ʂ ʂ ʂ ʂ ʂ ʂ
ʂ ʂ Ϙʔϧͷඈڑ ʢࣗͷྗʣ ͕Θ͔Δ ࣗݾධՁ͕ߴ͍ਓ Ϙʔϧ͕ݟ͑ͯͳ͍ Ͱ͋Δ࣌ ͶฦΓ ʢࣄझຯධՁʣ
ͰྗΛΔ นΛ͍ٙͩ͢ ࣗݾධՁ͕͍ਓ ʁ น น ʁ ό γ ỽ น น ό γ ỽ Ψ ϯ ỽ ָ͘͠ͳ͖ͬͯͨ ԜΉग़དྷࣄ ͋Εʜ͔ͯ͠͠ ͜ͷน͕ ੌ͔ͬͨͷͰʜʁ ͱͯ৴͡ΒΕͳ͍ น น ͜ͷͻͱ େৎʜʁ Ϙʔϧ͕ՁʹͳΔ น น ࠶ͼ͕ΜΔ ͋͋ɺ ͜ΕͶ ʂ ʂ ΄ ỳ ͢ ͯ ͖ Ͱ ͢ Ͷ ͋ ͳ ͨ ͦ ͷ · · Ͱ ͢ ͯ ͖ Ͱ ͢ Α ˞Ϙʔϧ͕ମ͓ۚͷ߹ϝϯϔϥίʔε ͏ Ε ͠ ͍ ͳ Θ ͨ ͠ ʹ ͜ Ε ͠ ͔ ͳ ͍ ʮສ35ສ͍͍Ͷʯͷ͜ͷອը ͓ͦΒ͘ ͦΕͩͬͨ Θ͔Δ ʂ ʂ Θ͔ΒΜ ʂ ʂ ࢍ൱྆ Ͱ ͠ ͨ
Θ ͨ ͠ Ϙ ồ ϧ น σ β Π
φ ồ σ β Π ϯ ͷ ࣮ ྗ ର Ձ ɾ ධ Ձ ͋ͬ͜ΕΘͨ͠ͷ͜ͱ ʁ σβΠφʔ͡Όͳ͍͔Βʜ ʮڞײʯ ͔ͬͨ͢͠ཧ༝
ͳΜͷ͔ Θ͔Βͳ͍ Ұఆ͍Δ ʮγΣΞͷཧ༝ʯ
ͳΜͷ͔ Θ͔Βͳ͍ Ͱ ֆ͕͔Θ͍͍ Ұఆ͍Δ ʮγΣΞͷཧ༝ʯ
ͦΕͰ͍͍ͷ͔ʁ
͍͍ΜͰ͢
πΠʔ τ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ
ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ͕ ബ Ε ͯ ͍ ͘ ૾͍ͯͨ͠ ʮ֦ࢄʯ ͷΠϝʔδ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ
πΠʔ τ ࣮͜͏ͳͷͰ ʁ ͱ͍͏ ʮ֦ࢄʯ ͷΠϝʔδ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍
͓͠Ζ͍ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ͜͜ͰϑΥϩΞʔ͕ ޮ͍ͯ͘ Δ
ʮಧ͚͍ͨਓʹಧ͚͍͍ʯͰ͍͍͚Ͳ ʮγΣΞ͍ͨ͠ʯֻ͚ͨ͘ ͞Μ͍͍͋ͬͯ ʮಧ͚ͯ͘ ΕΔਓʯͨ͘ ͞Μ͍͍͍ͯ ͳΜͰͶΜ Θ͔Δʙ ͜Ε͖
τϥϒϧରॲ๏ʂ 03
ͳΔ͘ ͡ͿΜͰղܾ͠ͳ͍ 4/4ϒϩάͰτϥϒϧ͕͋ͬͨΒʜ
ͻͲ͍͜ͱݴΘΕͨ ʂ ʂ έʔε
None
ը૾ΛແஅͰΘΕͨ έʔε
IUUQTIFMQUXJUUFSDPNGPSNTENDB
IUUQTIFMQUXJUUFSDPNGPSNTENDB Ͱͪΐͬͱͬͯ ʂ ʂ
ڧྗ͚ͩͲ ࠷ޙͷखஈʜ ʂ ඞཁ߲͕ଟ͍ ݸਓใඞཁ ૌ͑ͨଆʹΒΕΔ͜ͱ
Θͨ͠ͷηϧϑϒϥϯσΟ ϯά 04
ൃ৴ͯͯ͠ ʮ͍͍͜ͱʯ ͋Δͷʁ
ϒϩάΛॻ͍͍ͯͨΒొஃґཔ͕͖ͨ ొஃ͍ͯͨ͠Βຊͷࣥචґཔ͕͖ͨ πΠʔτ͕όζͬͯϝσΟΞʹܝࡌ͞Εͨ Βͳ͔ͬͨใΛڭ͑ͯΒ͑ͨ ΊͬͪΌ͋Γ ·͢
٬؍తʹݟΒΕΔ ൃ৴͢Δ͜ͱͷϝϦο τ
ϙʔτϑΥϦΦʹͳ͍ͬͯ͘ ൃ৴͢Δ͜ͱͷϝϦο τ
ͰͶ
͜͜·Ͱ͖ͯ͠·͚ͨ͠Ͳɺࠓʮൃ৴ ͠Α͏ͥ˒ʯΈ͍ͨͳ͜ͱݴ͍͍ͨΘ͚Ͱ ͳ͍͠ɺผʹ͠ͳ͘ ͯ͠ͳͳ͍Ͱ͢ɻୈҰ Έͳ͞Μ͍͠͡Όͳ͍Ͱ͔͢ɺͦΕʹ࠶ ݱੑͳ͍ΜͰ͢ΑͶ͜͏͍͏ͭͬͯɺ΄΅ λΠϛϯάͱӡ͍ͬͯ͏͔ɺ·͋Ͱ͍ͭ͘ ͔ݴ͑Δͱͨ͠Β
ۤ࿑͠ͳ͍ ݁Ռ͕ग़ͳ͍͜ͱଓ͚ͳ͘ ͍͍ͯ ʮ࿑ྗͷׂʹέΔͳʯ ͍ͬͯ͏ͷ͕ ʮ͡ͿΜʹ͍ͯΔʯ Μͩͬͯ
ϫʔϧυϫΠ υͰͳ͘ ͍͍ͯ ใൃ৴ͬͯผʹੈքʹ͚ͳ͘ ͯɺࣾڞ༗Ͱ͍͍ɻ Ͱʮ୭͔ʹ͑ͨ͘ ͯԿ͔࡞Δʯͷ͘͢͝ษڧʹͳΓ·͢ɻ
ʮΔ͜ͱʯ ʹݻࣥ͠ͳ͍ ใൃ৴͠Α͏ ʂ ͍ͬͯ͏ͷʮϒϩάॻ͜͏ʯͬͯͰͳ͍ ͰʮΘ͔ͬͨʯɺग़͔ͯ͠ΒͷτϥΠ ˍΤϥʔ͔͠ͳ͍
!TQJDBHSBQI ͋Γ͕ͱ͏͍͟͝·ͨ͠