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
78
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
100
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
630
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
250
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
430
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
110
Uploaded Webレイアウトの歴史と新時代「Grid」
kazuyoshigoto
0
130
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
160
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
210
Other Decks in Design
See All in Design
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
370
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
2k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
270
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
750
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
210
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
540
Shaolin_Showdown
solmetts
0
230
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
6.7k
decksh object reference
ajstarks
2
1.5k
Emmy's Artwork
mcksmith
0
190
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
640
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
970
Featured
See All Featured
HDC tutorial
michielstock
1
320
A better future with KSS
kneath
240
18k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.8k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
110
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
220
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
For a Future-Friendly Web
brad_frost
180
10k
A Tale of Four Properties
chriscoyier
162
24k
Context Engineering - Making Every Token Count
addyosmani
9
590
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 ίϯςϯπ࡞ΓͱΊΔ͜ͱͷํ͕େมɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ