$30 off During Our Annual Pro Sale. View Details »
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
77
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
99
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
620
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
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.2k
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
120
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
950
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
Ralph Penel Portfolio
ralphpenel
PRO
0
130
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
930
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
110
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
560
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
240
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.9k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.3k
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Documentation Writing (for coders)
carmenintech
76
5.2k
The Cult of Friendly URLs
andyhume
79
6.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
KATA
mclloyd
PRO
32
15k
Designing for humans not robots
tammielis
254
26k
How STYLIGHT went responsive
nonsquared
100
6k
Music & Morning Musume
bryan
46
7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
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 ίϯςϯπ࡞ΓͱΊΔ͜ͱͷํ͕େมɻ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ