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
490
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
himagはいかにして1年半で累計300万ページビューの人気ブログになったのか?
映像クリエイター川井拓也氏の個人ブログhimagの制作、運営の秘密を徹底解説!
Katsumi TAZUKE
October 08, 2016
More Decks by Katsumi TAZUKE
See All by Katsumi TAZUKE
Katsumi TAZUKE's portfolio
taz8
0
380
初心者のためのUser Centered Designの考え方(入門編)
taz8
0
110
ブランディングの観点から考察するWebサイトの価値について
taz8
0
180
エンジニアのための User Centered Design の考え方(入門編)
taz8
1
66
Webデザインのトーン&マナーを導き出す手法
taz8
0
950
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
taz8
0
330
Other Decks in Design
See All in Design
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
440
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
260
デザインツールを開く前に その画面は誰に何と言わせたい?受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
garyuten
1
210
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
300
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
190
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ~継承と挑戦を両立するデザイン手法~
cygames
PRO
3
5.1k
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
110
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2.1k
開閉UIのアニメーション設計
hiro0218
2
1k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
280
Warner Bros. Discovery 2025 Box Office Booklet
samb1rd
0
130
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
350
Featured
See All Featured
Claude Code のすすめ
schroneko
67
230k
Designing for Performance
lara
611
70k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
490
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Crafting Experiences
bethany
1
290
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
520
Agile that works and the tools we love
rasmusluckow
331
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
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