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
14
Facebook対応と大規模サイト移転のトライ&エラー
DIGITAL STREAM FUKUOKA Vol.1福岡校 で話したスライド
#武雄市
@Garyuten
January 20, 2012
Tweet
Share
More Decks by @Garyuten
See All by @Garyuten
チームビルディング体験ワークショップ - テンジン大学
garyuten
2
210
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
150
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
610
動物占い
garyuten
0
59
スタンディングディスク
garyuten
0
70
アクセシビリティで気を付けてる事
garyuten
0
180
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
940
CGFMって?(2015/08)
garyuten
0
30
サト研(仮) とは? - OSC 2013 Fukuoka 勉強会勉強会LT #satoken
garyuten
0
81
Other Decks in Technology
See All in Technology
iOS/Androidで同じUI体験をネ イティブで作成する際に気をつ けたい落とし穴
fumiyasac0921
1
110
AGIについてChatGPTに聞いてみた
blueb
0
130
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
420
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
430
20241120_JAWS_東京_ランチタイムLT#17_AWS認定全冠の先へ
tsumita
2
300
Amplify Gen2 Deep Dive / バックエンドの型をいかにしてフロントエンドへ伝えるか #TSKaigi #TSKaigiKansai #AWSAmplifyJP
tacck
PRO
0
390
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
900
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
150
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
120
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
OCI 運用監視サービス 概要
oracle4engineer
PRO
0
4.8k
AIチャットボット開発への生成AI活用
ryomrt
0
170
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
50
7.2k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Faster Mobile Websites
deanohume
305
30k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
93
16k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Building an army of robots
kneath
302
43k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
RailsConf 2023
tenderlove
29
900
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