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
27
Facebook対応と大規模サイト移転のトライ&エラー
DIGITAL STREAM FUKUOKA Vol.1福岡校 で話したスライド
#武雄市
@Garyuten
January 20, 2012
Tweet
Share
More Decks by @Garyuten
See All by @Garyuten
チームビルディング体験ワークショップ - テンジン大学
garyuten
2
220
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
160
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
690
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
86
動物占い
garyuten
0
75
スタンディングディスク
garyuten
0
85
アクセシビリティで気を付けてる事
garyuten
0
190
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
960
CGFMって?(2015/08)
garyuten
0
45
Other Decks in Technology
See All in Technology
【Findy】「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly by findy
i35_267
5
860
手を動かしてレベルアップしよう!
maruto
0
200
Active Directory攻防
cryptopeg
PRO
8
5.4k
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
EDRの検知の仕組みと検知回避について
chayakonanaika
11
4.8k
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
4.9k
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
100
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
150
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
OPENLOGI Company Profile for engineer
hr01
1
20k
IAMのマニアックな話2025
nrinetcom
PRO
2
250
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Agile that works and the tools we love
rasmusluckow
328
21k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Building Your Own Lightsaber
phodgson
104
6.2k
How STYLIGHT went responsive
nonsquared
98
5.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Bash Introduction
62gerente
611
210k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Gamification - CAS2011
davidbonilla
80
5.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
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