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
46
Facebook対応と大規模サイト移転のトライ&エラー
DIGITAL STREAM FUKUOKA Vol.1福岡校 で話したスライド
#武雄市
@Garyuten
January 20, 2012
Tweet
Share
More Decks by @Garyuten
See All by @Garyuten
チームビルディング体験ワークショップ - テンジン大学
garyuten
2
230
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
170
UIデザインワークショップ - JaSST'23 Hokkaido
garyuten
1
750
UIデザインワークショップ-金内透-JaSST'23 Hokkaido
garyuten
0
94
動物占い
garyuten
0
95
スタンディングディスク
garyuten
0
98
アクセシビリティで気を付けてる事
garyuten
0
200
顧問デザイナーはじめるってよ #fukuokaphp
garyuten
0
990
CGFMって?(2015/08)
garyuten
0
62
Other Decks in Technology
See All in Technology
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
150
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
1.1k
Agentic DevOps時代の生存戦略
kkamegawa
0
990
Navigation3でViewModelにデータを渡す方法
mikanichinose
0
210
UIテスト自動化サポート- Testbed for XCUIAutomation practice
notoroid
0
110
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
390
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
210
~宇宙最速~2025年AWS Summit レポート
satodesu
1
1.4k
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
2
1k
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
280
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
130
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
0
160
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.3k
Adopting Sorbet at Scale
ufuk
77
9.4k
Optimizing for Happiness
mojombo
379
70k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Site-Speed That Sticks
csswizardry
10
650
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Making Projects Easy
brettharned
116
6.3k
A Tale of Four Properties
chriscoyier
160
23k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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