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
69
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
87
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
570
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
220
スマホのセンサーを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
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
最速[要出典]アクセシビリティチェック
magi1125
2
200
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
140
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
230
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
マンガで分かるサービスデザインガイドライン
senryakuka
1
550
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
190
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
980
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Adopting Sorbet at Scale
ufuk
74
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Rails Girls Zürich Keynote
gr2m
94
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
RailsConf 2023
tenderlove
29
1k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Git: the NoSQL Database
bkeepers
PRO
427
64k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Automating Front-end Workflow
addyosmani
1367
200k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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 ίϯςϯπ࡞ΓͱΊΔ͜ͱͷํ͕େมɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ