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
InstagramとWordPressを軸に越境サイトを作った話
Search
Kazuyoshi Goto
April 04, 2017
Design
0
150
InstagramとWordPressを軸に越境サイトを作った話
TOWNビアバッシュ 2017/3 公開
※なおサイト本体は「ムサビに通う大学生」という脳内設定で運営していて恥ずかしいので非公開
Kazuyoshi Goto
April 04, 2017
Tweet
Share
More Decks by Kazuyoshi Goto
See All by Kazuyoshi Goto
成功体験を伝えよう。
kazuyoshigoto
0
74
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
97
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
610
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
240
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
100
Uploaded Webレイアウトの歴史と新時代「Grid」
kazuyoshigoto
0
130
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
150
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
200
Other Decks in Design
See All in Design
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
160
What makes a great Director?
_limex_
0
330
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
210
アクセシビリティに取り組むメリット
magi1125
2
270
maki setoguchi
maki_setoguchi
0
480
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
510
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
140
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
「UXとUIの違い」v2
shirasu3
0
260
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
100
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Designing for Performance
lara
610
69k
Done Done
chrislema
185
16k
The Language of Interfaces
destraynor
162
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Raft: Consensus for Rubyists
vanstee
140
7.2k
Visualization
eitanlees
149
16k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
*OTUBHSBNͱ8PSE1SFTTΛ࣠ʹ ӽڥαΠτΛ࡞ͬͨ ޙ౻ྑ
ࣗݾհ ޙ౻ྑ ΫϦΤΠςΟϒຊ෦$* ,B[VZPTIJ(PUP
ۙگ
4XJUDIങ͚ͬͨͲ࣮͋·Γͬͯ·ͤΜɻ
)PSJ[PO;FSP%BXO͕ΊͪΌ໘ന͍ͷͰ
ϑΥτϞʔυػೳ͕ॆ࣮͍͗ͯͯ͢͠ ࣸਅΛࡱΔήʔϜͱָͯ͠͠ΜͰ·͢ɻ
ຊ
લճͷൃදͰগ͠৮Εͨ༰ʹ͍ͭͯ ۷ΓԼ͛ͯհ͠·͢ɻ
ຊʮγωϚάϥϑʯ
Ұݟ੩ࢭըͷҰ෦ʹΞχϝʔγϣϯΛͨ͠(*' IUUQDJOFNBHSBQITDPN
ΩϨΠɾ࡞ͬͯΈ͍ͨ ࡞ͬͨΒެ։͍ͨ͠
͕ࣗࡱΔͷͩ͠ɺ ؒͩͱԠඍົͰʁ Ή͠Ζւ֎ͷਓʹ౦ژΛ ͑ΔͷΞϦͰʁ
ͦͷॴʹ߹ͬͨࡐͱ͔ ւ֎ͷਓʹചΕΔͷͰʁ
ʜͱ͍͏ͷ͕اըͷൃɻ ͜͏͍͏ͷΛӽڥ&$ͱݴ͏Β͍͠ɻ
໘ɾ͠ΜͲ͍ͱଓ͔ͳ͍ Ͱ͖ΔݶΓ؆ུԽ͢Δɻ
λεΫ w γωϚάϥϑΛ؆୯ʹ࡞Γଓ͚Δϑϩʔ w ؆୯ʹެ։Ͱ͖Δϑϩʔ
γωϚάϥϑJ1IPOF͚ͩͰ ࡞ΕΔΑ͏ʹ͢Δɻ
ΞϓϦͷΈ߹ΘͤͰࣗͷΓ͍ͨ͜ͱ ҙ֎ͱ؆୯ʹͰ͖ͨɻ .BTL"SU 7POU
ͱ͘ʹ.BTL"SU໘ന͍ͷͰ ͓࣌ؒ͋Ε͓ࢼ͍ͩ͘͠͞ɻ .BTL"SU
ެ։͢Δ͚ͩͳΒ*OTUBHSBNͰऴΘΓ͚ͩͲ 8PSE1SFTTʹ࿈ܞͯ͠ΰχϣΰχϣ͍ͨ͠ɻ º
8PSE1SFTTͳΜͧॠࡴͳͷͰ ৽͍͜͠ͱΛࢼ͍ͨ͠ɻ
͍ͱϫαͷLVTBOBHJΛͬͯΈ͍ͨɻ
OHJOYθϩ͔Βߏங͢Δͷ໘ʜ ͔ͨ͠LVTBOBHJѻͬͯΔ714͋ͬͨͳʁ
$POP)BΛࢼͯ͠ΈΔɻ ͳͥ$POP)B ˠ͍҆͠ޙ͔Βͷ֦ுָ͕ͱ͍͏Ͱɻ
w ίϯύω͔Β͙͢LVTBOBHJͷߏங͕Ͱ͖ͨ w Ͳ͏ͤͳΒ44-Խ͍ͨ͠ ˠ-FUT&ODSZQU͕ҙ֎ͱ؆୯ʹͰ͖ͨ w 8PSE1SFTTΠϯετʔϧࡁΈͰଈ͑ͨ w *OTUBHSBN࿈ܞͷϓϥάΠϯΛೖΕɺ ૂ͍ͷ͘Β͍Ͱ͖ͨ
ͱΓ͋͑ͣΈͰ͖ͨʂ
None
৽͍͜͠ͱʹ ͕͖ͷ
େ͖ͭ͘ w J1IPOFͰ44-Խͨ͠ϖʔδ͕ݟΕͳ͍ w *OTUBHSBNʹߘͨ͠γωϚάϥϑΛ 8PSE1SFTTʹऔΓࠐΊͳ͍
J1IPOFͰ44-Խͨ͠ ϖʔδ͕ݟΕͳ͍
4BGBSJɺ$ISPNFɺ΄͔ϒϥβؚΊ J04͚ͩͰ͔ΕΔɻ
ͪΖΜ৺ͨΓ͋Δɻ ෆ׳Εͳ͜ͱ͔ͬͨΒɻ -FUT&ODSZQU
w J04ͷηΩϡϦςΟϙϦγʔʮ"54ʯͱ͍͏ ͷΛΓɺͨͿΜͦΕʹҾ͔͔ͬͬͯΔɻ w OHJOYͷ44-ઃఆ্ཁ݅Λຬ͍ͨͯ͠Δɻ w 44-அ"ఆͰͳ͠ɻ
αʔόʔηΩϡϦςΟૉਓͩ͠ αʔόʔ͍͡ΔͷΊΑ͏ɻ
ʮ44-αʔόʔͷࣄʯͱ ߟ͍͑ͯͯLVTBOBHJ͕ͩͬͨɻ
ʮLVTBOBHJ -FUT&ODSZQUʯͰ "54τϥϒϧͷใ͕ݟ͔ͭΔɻ
LVTBOBHJ͕༨ܭͳ͓ੈΛ͓ͯ͠Γɺ ͦΕΛ0''ʹ͢ΕΑ͍ɻ LVTBOBHJTTMDUP⒎ LVTBOBHJSFTUBSU
ͷݪҼΛਂ͍ϨΠϠʔ͔Β ୳ͯ͠͠·͍ͬͯͨɻ ઙ͍ϨΠϠʔ͔Β ୳͖ͩͬͨ͢ͱলɻ
ࣗͷٕज़ൣғͰߦ͖٧·ͬͨΒ ࢹΛม͑ͯΈΔͷେࣄɻ
ղܾʂ
*OTUBHSBNʹߘͨ͠ γωϚάϥϑΛ 8PSE1SFTTʹऔΓࠐΊͳ͍
࣮ղܾͯ͠ͳ͍ɺ ͱ͍͏͔ແཧͦ͏ͳͷͰ ܦҢ·Ͱɻ
w Ξχϝʔγϣϯ(*'ͳΒ8PSE1SFTTʹ औΓࠐΊΔͩΖ͏ͱߟ͍͑ͯͨɻ w *OTUBHSBNʹߘͨ͠Ξχϝʔγϣϯ(*' NQʹม͞Εͯ͠·͏ɻ w ϓϥάΠϯͰऔಘͰ͖ͳ͍ʜ w NQΛεΫϨΠϐϯάͱ͍͏ख͋Δ͚Ͳɺ
։ൃඞཁͩ͠*OTUBHSBN͔Β#"/͞Εͦ͏ʜ
ɺະղܾʂ
ͦͦ*OTUBHSBNΛͬͨͷɺ ୡखஈͱͯ͠༏Ε͍ͯΔ͔ΒͳͷͰ ଞͷୡखஈʹΓ͑ΕΑ͍ɻ
·ͱΊʁ
w ݸਓͰαΠτ࡞Γ͢Δ࣌େମ͜Μͳ τϥΠˍΤϥʔΛ܁Γฦ͍ͯ͠·͢ɻ w ࣄ͚ͩͰ৮Ε͍ͯΔΑΓղܾೳྗ ࣄऀײ֮ɺੜͷΧϯ͕ʹ͖ͭ·͢ɻ w ίϯςϯπ࡞ΓͱΊΔ͜ͱͷํ͕େมɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ