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
Facebook対応と大規模サイト移転のトライ&エラー
Search
@Garyuten
January 20, 2012
Technology
0
47
Facebook対応と大規模サイト移転のトライ&エラー
DIGITAL STREAM FUKUOKA Vol.1福岡校 で話したスライド
#武雄市
@Garyuten
January 20, 2012
Tweet
Share
More Decks by @Garyuten
See All by @Garyuten
チームビルディング体験ワークショップ - テンジン大学
garyuten
3
230
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
180
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
780
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
100
動物占い
garyuten
0
100
スタンディングディスク
garyuten
0
99
アクセシビリティで気を付けてる事
garyuten
0
210
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
1k
CGFMって?(2015/08)
garyuten
0
65
Other Decks in Technology
See All in Technology
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
120
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
flatt_security
0
350
【新卒研修資料】LLM・生成AI研修 / Large Language Model・Generative AI
brainpadpr
24
17k
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
社内お問い合わせBotの仕組みと学び
nish01
0
360
いまさら聞けない ABテスト入門
skmr2348
1
200
AI Agentと MCP Serverで実現する iOSアプリの 自動テスト作成の効率化
spiderplus_cb
0
500
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
sagara
0
210
データエンジニアがこの先生きのこるには...?
10xinc
0
450
10年の共創が示す、これからの開発者と企業の関係 ~ Crossroad
soracom
PRO
1
190
Trust as Infrastructure
bcantrill
0
340
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.4k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Code Review Best Practice
trishagee
72
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
How GitHub (no longer) Works
holman
315
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Transcript
FFaacceebbooookk対殴 �Βゼ&&ダΒ【 武雄市役所ヱ【�ヰ【バよFFaacceebbooookk遺行づァ 嬰用�めよヴΔ秘パ�【Γ【 $('.--$ۚಁc%*(*5"-453&".'6,60,"7PMԬߍc
ࣗݾհ !(BSZVUFO
ۚಁ ͔Ͷ͏ͪͱ͓Δʣ w ੜ࠽Ԭࢢࡏॅ w #MPHIUUQCMPHDHGNKQHBSZV w ߹ಉձࣾ$('.දࣾһ w ৬ۀɿϚʔΫΞοϓΤϯδχΞ
w ૬ํσβΠφʔ ΧωνΧζί ͷਓ 40)0ελΠϧͰࣄத !(BSZVUFO
ΧωνΧζί
ΞτϥΠϯ αΠτͷௐࠪ ੍࡞ମ੍ 'BDFCPPLରԠ αΠτҠసରԠ
ͦͷଞ
αΠτͷௐࠪ
ҠసରΛ໌֬ʹ͢ΔͨΊ શͯͷϦϯΫΛνΣοΫ
πʔϧͰࣗಈऩू 8FCTJUF&YQMPFS
&YDFMͰ ·͔͞ͷ ߦ ཧͯ͠ߦ
"ҹͰϖʔδ
.PWBCMF5ZQFͰಈ͍ͯΔαΠτ 8PSEQSFTTͰಈ͍͍ͯΔαΠτ ୯ಠͷ੩తαΠτ ಠࣗͷ1)1͕ॻ͔ΕͯΔϖʔδ FUD
੍࡞ମ੍
༤ࢢ'BDFCPPL 4***4 ੍࣮࡞෦ୂ 1BSBDIVUF $('. ɾը໘ઃܭɺσβΠϯ ɾαΠτઃܭ ٕज़ݕূʣ ɾ$.4ҠసରԠ ɾϕʔεϚʔΫΞοϓ
ɾ$44ઃܭ ɾݸผαΠτҠసରԠ
੍࡞ɾλεΫཧ શͯ#BDLMPH্Ͱ XJLJʹ'BDFCPPLΞϓϦؔͷϚχϡΞϧΛ͢
'BDFCPPLରԠ
'BDFCPPLԽ ϑϨʔϜ JGSBNF ͱͷઓ͍
None
JGSBNF
JGSBNF ༤ࢢ XFCαʔόʔ
JGSBNFͷηΩϡϦςΟ 944ɾϒϥβͷ༷
JGSBNF ݺͼग़͠ݩ 'BDFCPPL 63-ͷࢀর͢Β ෆՄೳ มߋෆՄೳ ࢀরݩऔಘෆՄ 'BDFCPPLଆͷରࡦ JGSBNFͷͷ େ͖͞มߋ
'BDFCPPLଆͷ +4ͰՄೳ
JGSBNF ߴ͞QYҎ্ εΫϩʔϧόʔ͕දࣔ͞ΕΔ NBY QY
'BDFCPPLఏڙͷ+BWB4DSJQU ▼iframeͰݺͼग़͢HTMLʹهड़ <script type="text/javascript" src="http:// connect.facebook.net/en_US/all.js"></script> ▼jQueryͰهड़ $(window).load(function(){ ɹFB.Canvas.setAutoResize(); ɹvar
pageHeight = $(document).height(); //ϖʔδͷߴ͞ͷऔಘ ɹFB.Canvas.setSize({ //iframeͷCanvasͷαΠζΛௐ ɹɹwidth: 520, height: pageHeight+200 ɹ}); //200px༨ന }
JGSBNFPS୯ମදࣔʁ දࣔ༰Λସ
୯ମදࣔͰදࣔ JGSBNF࣌ͷΈઐ༻$44Ͱඇදࣔʹ
+BWB4DSJQUͰผ //iframeͰදࣔ͞Ε͍ͯΔ͔ผ if( window.top.frames.length >= 1 ɹɹɹ&& window.parent != window.self
){ ɹɹ//Facebookઐ༻CSSΛಡΈࠐΉ " document.write('<link rel="stylesheet" type="text/css" href="/resource/css/facebook.css" media="screen" charset="UTF-8" /> '); //ͦͷଞಠࣗͷॲཧʢεΫϩʔϧඇදࣔʣ }
ϦμΠϨΫτରࡦ
ͲͪΒΛબ͔ͨ͠$PPLJFʹอ࣋
ඵޙʹࣗಈͰ$MPTF ͲͪΒΛબ͔ͨ͠$PPLJFʹอ࣋
'BDFCPPLͷΞϓϦొ ࣮ࡍʹϒϥβͷํͰ͓ݟͤ͠·͢
αΠτҠసରԠ
63-ͷอશ ʢϦϯΫΕରࡦʣ
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF ϑΥʔϚοτͷ౷Ұ )5.-ͷमਖ਼
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF ϑΥʔϚοτͷ౷Ұ )5.-ͷमਖ਼
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF ϑΥʔϚοτͷ౷Ұ )5.-ͷमਖ਼
ϒϩάͷෳ ςϯϓϨʔτͷमਖ਼
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF ϑΥʔϚοτͷ౷Ұ )5.-ͷमਖ਼
ϒϩάͷෳ ςϯϓϨʔτͷमਖ਼
༤ࢢXFCαʔόʔ XXX@GC ʹ੍࡞ڥ XXX .PWBCMF5ZQF ݸผαΠτ܈ ݸผαΠτ܈ .PWBCMF5ZQF ϑΥʔϚοτͷ౷Ұ )5.-ͷमਖ਼
ϒϩάͷෳ ςϯϓϨʔτͷमਖ਼ σΟϨΫτϦશͯҡ࣋ Ҡస༧ఆʹઃఆมߋ
IUNM Ͱ1)1Λಈ͔͢ඞཁੑ
IUUBDDFTTͰઃఆ # શPHPͰڞ௨ͷPHPϑΝΠϧΛಡΈࠐΉ php_value auto_prepend_file "/xxx/resource/lib/common.php" # .htmlΛPHPͱͯ͠ಈ࡞ͤΔ AddType application/x-httpd-php
.htm .html ˒ॏཁ ຯʹݟ͑Δ͚Ͳʣ
1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ 1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ IFBEQIQ IFBEdIFBE 1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ IFBEQIQ IFBEdIFBE IFBEFSQIQ ϖʔδϔομʔ 1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ IFBEQIQ IFBEdIFBE IFBEFSQIQ ϖʔδϔομʔ HOBWQIQ άϩʔόϧφϏ 1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ IFBEQIQ IFBEdIFBE GPPUFSQIQ ϑολʔ IFBEFSQIQ ϖʔδϔομʔ HOBWQIQ άϩʔόϧφϏ
1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
DPNNPOQIQ ֤छઃఆɾڞ௨ؔ IFBEQIQ IFBEdIFBE CBOOFS@MJTUQIQ όφʔؔ GPPUFSQIQ ϑολʔ IFBEFSQIQ ϖʔδϔομʔ
HOBWQIQ άϩʔόϧφϏ 1)1ͷJOMVEF֎෦ϑΝΠϧͷಡࠐ
IUNM QIQ IUNM QIQ $.4ʹڞ௨ϑΝΠϧ ݸผαΠτ܈ .PWBCMF5ZQF ڞ௨ύʔπ DPNNPOQIQ IFBEQIQ
CBOOFS@MJTUQIQ GPPUFSQIQ IFBEFSQIQ HOBWQIQ ੩త)5.-Λग़ྗ IUNM QIQ ڞ௨෦ͷमਖ਼Ͱ ࠶ߏங͕ෆཁʹ PHP include PHP include PHPͱͯ͠ಈ࡞ IUNM QIQ
ͦͷଞ
੍࡞͍ͯ͠Δ࠷தʹ 'BDFCPPLͷ༷͕มΘΔ ΞϓϦొͷը໘ͱ͔खॱ͕มΘͬͨΓʜ
ϚχϡΞϧ४උதʹ ը໘σβΠϯ͕มΘΔ εΫϦʔϯγϣοτΛԿࡱΓ͢
ʮ͍͍Ͷʂʯʮίϝϯτʯ ͷ࣮ݧΛ͏͔ͭʹͰ͖ͳ͔ͬͨ αʔνΤϯδϯʹΫϩʔϧ͞Εͳ͍ରࡦͭͭ͠ ։ൃڥʹΞΫηε੍ݶΛ͔͚ͳ͍
ʮҰॠ͚ͩͳΒʜʯ γΣΞ͞Εͯ͠·͏ ߈Ͱʮফ͍ͯͩ͘͠͞ @@ ʯϝοηʔδ
ެ։લͷهऀൃද αʔόʔ͕ܹॏʹ μϝʔδେ :BIPPχϡʔεͬͯੌ͍Ͱ͢Ͷ
ଞʹ͍Ζ͍Ζ ͋Γ·͕ͨ͜͠ͷลͰ
͋Γ͕ͱ͏͍͟͝·ͨ͠ !(BSZVUFO