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
himagはいかにして1年半で累計300万ページビューの人気ブログになったのか?
Search
Katsumi TAZUKE
October 08, 2016
Design
0
390
himagはいかにして1年半で累計300万ページビューの人気ブログになったのか?
映像クリエイター川井拓也氏の個人ブログhimagの制作、運営の秘密を徹底解説!
Katsumi TAZUKE
October 08, 2016
Tweet
Share
More Decks by Katsumi TAZUKE
See All by Katsumi TAZUKE
Katsumi TAZUKE's portfolio
taz8
0
320
初心者のためのUser Centered Designの考え方(入門編)
taz8
0
90
ブランディングの観点から考察するWebサイトの価値について
taz8
0
140
エンジニアのための User Centered Design の考え方(入門編)
taz8
1
50
Webデザインのトーン&マナーを導き出す手法
taz8
0
800
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
taz8
0
260
Other Decks in Design
See All in Design
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
280
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.3k
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
360
3D空間を扱うUI表現とユーザビリティ
akinen
0
450
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
230
プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
230
Ride or Die Animatics
warwatkar
0
140
文化に寄りそうデザイン
recruitengineers
PRO
4
910
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
290
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.7k
Ruby is Unlike a Banana
tanoku
96
10k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
The Invisible Customer
myddelton
114
12k
BBQ
matthewcrist
80
8.8k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Building Your Own Lightsaber
phodgson
99
5.7k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Music & Morning Musume
bryan
41
5.6k
Statistics for Hackers
jakevdp
789
220k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Transcript
IJNBH͍͔ʹͯ͠Ͱ ྦྷܭສϖʔδϏϡʔͷ ਓؾϒϩάʹͳͬͨͷ͔ IJNBHެࣜΞυόΠβʔ ాෟɹࠀາ
ࣗݾհ ాෟɹࠀາʢ͚͔ͨͮͭΈʣ 8FCσΟϨΫλʔʗϓϥϯφʔ ͍͢͞ʹ͍ͭͯపఈతʹݚڀ͠ɺͲ͏͢Ε͍͘͢ͳ Δ͔Λʑߟ͍͑ͯ·͢ɻ ίϯςϯπ੍࡞ձࣾʹۈ͠ɺσΟϨΫλʔɾϓϩδΣ ΫτϚωʔδϟʔͱͯ͠ɺίϯςϯπߏஙͷاըɾઃܭɾσΟ ϨΫγϣϯΛ୲ɻϢʔβΤΫεϖϦΤϯεͷݚڀɾ࣮ફʹؔ Θ͍ͬͯ·͢ɻ
ಠཱ͠ɺϑϦʔϥϯεͷ8FCσΟϨΫλʔͱͯ͠׆ಈதɻ )$%/FUೝఆਓؒத৺ઃܭઐՈ IJNBHެࣜΞυόΠβʔ ͨͮ,!UB[
IJNBHͱ
IJNBHͱ IJNBHө૾ΫϦΤΠλʔҪࢯ ͷݸਓϒϩάͰ͢ɻ ݄ʹ։ઃޙɺظؒͰ ݄ؒฏۉສϖʔδϏϡʔΛୡ͠ɺ هࣄຊɺདྷऀສਓɺ ݄ʹྦྷܭສϖʔδ ϏϡʔΛಥഁʂ
ʮϥΠϒυΞϒϩά0'5)&:&"3 ʯΛड͍ͯ͠·͢ɻ
ΞυόΠβʔͱ͓ͯ͠ख͍ͨ͜͠ͱ ϖʔδσβΠϯIUNMίʔσΟϯάʹ ؔ༩͍ͯ͠·ͤΜɻ ίϯηϓτͦͷදݱͷํʹ͍ͭͯɺ ΞυόΠεΛܧଓͯ͠ߦ͍ͬͯ·͢ɻ
ࢀߟࣄྫ ࠷ۙαΠόʔΤʔδΣϯτࣾͰɺ ʮηϨϒϦςΟϚʔέςΟϯάε λδΦʯͱ͍͏৫Λઃཱ͠ɺஶ ໊ਓͷ4/4ʹΑΔใൃ৴ͷα ϙʔτΛ࢝ΊͨΑ͏Ͱ͢ɻ IUUQTXXXDZCFSBHFOUDPKQ OFXTJOGPQSFTTEFUBJMJE
ίϯηϓτ
IJNBHͷίϯηϓτ ᶃϩϯάςʔϧΛࢦ͢ ΠϚίί ͍ࣺͯͰͳ͘͘ΔΞʔΧΠϒΛ ࢤ͢ΔͳΒɺٸܹͳ17૿ΑΓɺهࣄ ͷੵʹΑΔ૿Λࢦ͢ͷ͕·͍͠ ͱߟ͑·͢ɻ ݸਓϒϩάɺਓΛݟʹདྷΔͷͰචऀ ͷΩϟϥΫλʔ͕ͯ͢ͱݴͬͯաݴͰ ͋Γ·ͤΜɻݟͰͳ͘ɺݸਓͷ
झຯɾᅂʹప͢Δ͜ͱ͕ϑΝϯͰ͋Δ ಡऀͷϦϐʔτΛݺͼ·͢ɻ ಈ͋͘·Ͱʮಈ͍͍ͯΔʯʮ׆ಈͯ͠ ͍ΔʯΠϝʔδͰ͋ΓɺΞΫςΟϒ͞Λ ىͤ͞ΔͷͰ͢ɻ ϑοτϫʔΫͷྑ͕͞هࣄʹදݱ͞Εͯ ͍Δͱ·͍͠ͱߟ͑·͢ɻ ᶄҪͷΈʹప͢Δ ᶅ੩ΑΓಈͷΠϝʔδ
IJNBHͷϙδγϣχϯά Χϥοͱͨ͠ IJNBH δϝδϝ ઐੑ σΟʔϓͳੈք ෯͞ IJNBHͷهࣄΛҰݟ͢Δͱɺͬ ͱ෯͍ςʔϚΛѻ͍ͬͯΔͱ͍
͏ΠϝʔδΛ࣋ͪ·͕͢ɺ࣮ࡍʹ Ұൠతͳδϟϯϧͱͯͦ͠Ε ΄Ͳ෯͋͘Γ·ͤΜɻ IJNBHΛಛ͚ͮΔͷɺؾ࣋ͪ ͷΑ͍ʮס૩ʯͰ͋Γɺൈ͚ͷ ྑ͍Χϥοͱͨ͠จମ͕IJNBHͷ ҹΛܗ࡞͍ͬͯΔͱߟ͑ΒΕ· ͢ɻ
IJNBHͷϙδγϣχϯάʢผͷෳࢹ͔Βʣ ಈత EZOBNJD ੩త TUBUJD νϟϥ͍ ॏް ໌Δ͍
҉͍ εΧοͱ ष͍ ͋ͬ͞Γ ೪ண࣭ தੑత உͬΆ͞ Ϛονϣ ͍ ͍
IJNBHϒϩάͱଞͷ׆ಈͱͷ࿈ܞ UXJUUFS GBDFCPPL ө૾ͷ͓ࣄ ςϨϏϥδΦग़ԋ ࡶࢽͳͲ ଞϝσΟΞͷ࿐ग़ Ҫ͞ΜΛΒͳ͍ ৽͍͠ͷऔΓࠐΈ ຊۀຊۀ͔Βͷ
ϑΟʔυόοΫ Ҫ͞ΜΛΑ͘Δ ϑΝϯͷఆணΛ ΑΓڧԽ هࣄΛಡΉ͖͔͚ͬ ͱͯ͠ɺ4/4͔Β ͷϦϯΫ͕ఔ͔ IJNBH
ͳͥϖʔδϏϡʔ͕ ٸ্ঢͨ͠ͷ͔
ϖʔδϏϡʔٸ্ঢͷൿີ ᶃهࣄͱ͍͏ڻҟతͳߋ৽ස ᶄJ1PEͰॻ͘ϥΠϒײ͋;ΕΔจମ ᶅUXJUUFSGBDFCPPLʹΑΔߋ৽ͷ௨
ݸผͷվળʹ͍ͭͯ
ݸผͷվળΧςΰϦ Ұൠͱͯ͠ɺΧςΰϦ૿͠ ͗͢ͳ͍ͷ͕·͍͠Ͱ͢ɻͬ͟ ͘ΓҰʹύοͱѲͰ͖Δͷ ̑ʙ̕ݸ͙Β͍ͱݴΘΕ͍ͯ·͢ɻ ·ͨɺࣅͨΑ͏ͳδϟϯϧ̍ͭ ʹ·ͱΊͯɺར༻ऀαΠυ͔Β ݟΕҧײͳ͍ͱࢥΘΕ·͢ɻ CFGPSF
ݸผͷվળΧςΰϦ େΧςΰϦΛ̕ݸʹߜΓࠐΈɺ ϑΝʔετϏϡʔͰඞͣݟ͑Δը ໘্෦ʹϝΠϯϝχϡʔΛදࣔ͠ ·ͨ͠ɻ ͲΜͳίϯςϯπ͕͋Δ͔ɺ͞ ΒͬͱҰݟ͢Δ͚ͩͰ֓ཁΛ͔ͭ Ή͜ͱ͕Ͱ͖·͢ɻ αϒΧςΰϦҎԼӈαΠυόʔ
͔ΒબՄೳʹͳ͍ͬͯ·͢ɻ BGUFS
ݸผͷվળهࣄλΠτϧͱϦʔυจͷදࣔํ๏ Ұཡϖʔδʹදࣔ͞ΕΔͷ͕αϜ ωʔϧͱهࣄλΠτϧ͚ͩͰɺ ͋ͬ͞Γ͠ա͍͗ͯΔײ৮͕͋Γ ·ͨ͠ɻ αϜωʔϧʹҾ͖͕ͳ͍ͱڵຯΛ ࣋ͨΕͳ͍Մೳੑ͕͋Γ·͢ɻ CFGPSF
ҰཡϖʔδʹɺαϜωʔϧͱͱ ʹɺେ͖Ίʹཱͨͤͨهࣄλ ΠτϧͱɺϦʔυจΛදࣔ͢ΔΑ ͏ʹมߋ͠·ͨ͠ɻ هࣄ༰ʹڵຯΛ͍͖࣋ͬͯͨͩɺ ΫϦοΫͯ͠ಡ·ΕΔՄೳੑ͕ߴ ·͍ͬͯ·͢ɻ BGUFS ݸผͷվળهࣄλΠτϧͱϦʔυจͷදࣔํ๏
ݸผͷվળؾ߹͍ΛೖΕΔ͖ΧςΰϦ ؾ߹͍ͱɺϒϩάهࣄʹࠐΊΒ ΕΔྔɾѪͷΑ͏ͳͷͰɺ Ҫ͞Μ͝ઐͷөըɺੲͷө ૾ίϯςϯπͳͲʹ͍ͭͯɺ ͘ޠͬͯྑ͍ͱߟ͑·͢ɻ Ҫ͞ΜϑΝϯͦΕΛظͯ͠ ͓ΓɺଟগઞΔײ͡ʹͳͬͯྑ ͍ͱࢥΘΕ·͢ɻ ରΧςΰϦ
ɹө૾ߟݹֶ ɹөըͷ ɹϕετ࠲੮γϦʔζͳͲ CFGPSF
ݸผͷվળؾ߹͍ΛೖΕΔ͖ΧςΰϦ ө૾ߟݹֶͷڧԽޙɺίϯςϯπ ૿Ճɺ̍݅͋ͨΓͷݪߘจࣈ େ෯Ξοϓɻ ຊϒϩάͷಛʹͳΓྔ͕ ΘΔΠνԡ͠ͷΧςΰϦͱͳͬͯ ͍·͢ɻ ύϫʔΞοϓ͞ΕͨΧςΰϦ ɹө૾ߟݹֶ ɹٖࣅۭࡱ
BGUFS
վળʹ͋ͨͬͯͷ
ݱࡏͷίϯγϡʔϚ͚ ϒϩάγεςϜͰ͋Εɺ ϨΠΞτσβΠϯͰ ݸੑΛग़͢ͷࠔ
ݸਓϒϩάΤϯλςΠ ϯϝϯτͰ͋Γɺతୡ ܕͷΞϓϩʔνద༻ ͠ʹ͍͘
ແཧʹ)$%ϓϩηεΛ ಋೖ͠ͳ͔ͬͨͷ͕উҼ ͍ΘΏΔ
*40 +*4; ɿ ΠϯλϥΫςΟϒγεςϜͷਓؒத৺ઃܭϓϩηε
*40 +*4; ɿ ΠϯλϥΫςΟϒγεςϜͷਓؒத৺ઃܭϓϩηε
࠷ॳͷεςοϓͰ)$%Λ ಋೖ͠ͳ͍ͱ͍͏ܾஅΛ ͢Δ͜ͱ ͍ΘΏΔ
͜Εཱͳ)$%Ͱ͢ )VNBO$FOUFSFE%FTJHO
࠷ॏཁͳͷʜ
ίϯηϓτ͕ϒϨͳ͍͜ͱ ώϚφΠψҪ͕ϋοͱͨ͜͠ͱΛαοͱॻ͘εϚϗ࣌ͷϥΠϑϩάʂ ΠϚίί
ॻ͖खͷݸੑ͕ΘΔ͜ͱ
IUUQIJNBHCMPHKQ