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
140
InstagramとWordPressを軸に越境サイトを作った話
TOWNビアバッシュ 2017/3 公開
※なおサイト本体は「ムサビに通う大学生」という脳内設定で運営していて恥ずかしいので非公開
Kazuyoshi Goto
April 04, 2017
Tweet
Share
More Decks by Kazuyoshi Goto
See All by Kazuyoshi Goto
成功体験を伝えよう。
kazuyoshigoto
0
70
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
88
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
580
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
230
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
100
Uploaded Webレイアウトの歴史と新時代「Grid」
kazuyoshigoto
0
120
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
150
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
200
Other Decks in Design
See All in Design
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
240
私とデザインの10年
iflection
0
100
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.1k
The Golden Whitney
ohtristanart
PRO
0
300
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
330
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
330
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
340
PF_濵村ひろみ_202503
maru_design78
0
140
横断組織デザイナーの働き方
mixi_design
PRO
0
450
250131_product meetup
motokoishida
0
170
苦労が多かった多言語対応をFigmaで楽にした話
pioneer_devrel
PRO
0
170
線で考える画面構成
natsuume
1
840
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
The Pragmatic Product Professional
lauravandoore
33
6.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.7k
BBQ
matthewcrist
88
9.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Faster Mobile Websites
deanohume
306
31k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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 ίϯςϯπ࡞ΓͱΊΔ͜ͱͷํ͕େมɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ