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
760
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
100
動物占い
garyuten
0
97
スタンディングディスク
garyuten
0
98
アクセシビリティで気を付けてる事
garyuten
0
210
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
1k
CGFMって?(2015/08)
garyuten
0
64
Other Decks in Technology
See All in Technology
リリース2ヶ月で収益化した話
kent_code3
1
230
Amazon Q と『音楽』-ゲーム音楽もAmazonQで作成してみた感想-
senseofunity129
0
130
Oracle Cloud Infrastructure:2025年7月度サービス・アップデート
oracle4engineer
PRO
1
170
o11yツールを乗り換えた話
tak0x00
2
850
反脆弱性(アンチフラジャイル)とデータ基盤構築
cuebic9bic
3
170
Jamf Connect ZTNAとMDMで実現! 金融ベンチャーにおける「デバイストラスト」実例と軌跡 / Kyash Device Trust
rela1470
1
190
OPENLOGI Company Profile for engineer
hr01
1
37k
ロールが細分化された組織でSREと協働するインフラエンジニアは何をするか? / SRE Lounge #18
kossykinto
0
210
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
140
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
660
いかにして命令の入れ替わりについて心配するのをやめ、メモリモデルを愛するようになったか(改)
nullpo_head
7
2.5k
相互運用可能な学修歴クレデンシャルに向けた標準技術と国際動向
fujie
0
240
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Embracing the Ebb and Flow
colly
86
4.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Music & Morning Musume
bryan
46
6.7k
Into the Great Unknown - MozCon
thekraken
40
2k
Measuring & Analyzing Core Web Vitals
bluesmoon
8
550
Code Review Best Practice
trishagee
69
19k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
440
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
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