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
470
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
360
初心者のためのUser Centered Designの考え方(入門編)
taz8
0
100
ブランディングの観点から考察するWebサイトの価値について
taz8
0
170
エンジニアのための User Centered Design の考え方(入門編)
taz8
1
62
Webデザインのトーン&マナーを導き出す手法
taz8
0
930
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
taz8
0
320
Other Decks in Design
See All in Design
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
290
Ralph Penel Portfolio
ralphpenel
PRO
0
200
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
190
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
6.6k
root COMPANY DECK / We are hiring!
root_recruit
1
26k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
200
体験を守るためのデザイン計測
techtekt
PRO
0
180
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
210
デザインするために「多様性」について考える
iflection
0
150
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
1.1k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
960
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
390
Making Projects Easy
brettharned
120
6.5k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Why Our Code Smells
bkeepers
PRO
340
58k
Getting science done with accelerated Python computing platforms
jacobtomlinson
0
91
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Claude Code のすすめ
schroneko
67
210k
BBQ
matthewcrist
89
9.9k
Designing for Performance
lara
610
70k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
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