<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Fb on qwerty.work</title>
        <link>https://qwerty.work/tags/fb/</link>
        <description>Recent content in Fb on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Fri, 17 Apr 2015 15:04:43 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/fb/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>レスポンシブ対応できなくなったfacebookのPage Plugin（旧Like Box）</title>
            <link>https://qwerty.work/post/2015/04/facebook_pageplugin_likebox/</link>
            <pubDate>Fri, 17 Apr 2015 15:04:43 +0900</pubDate>
            <guid>https://qwerty.work/post/2015/04/facebook_pageplugin_likebox/</guid>
            <description>&lt;p&gt;以下のページによると2015/06/23に今までのLike Boxは使えなくなるそうです。（同時にActivity Feed、Facepile、Recommendations Feedも使えなくなるようです。）&lt;/p&gt;&#xA;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://qwerty.work/blog/2015/04/17/No-00.jpg&#34; &gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;551px&#34; data-flex-grow=&#34;229&#34; height=&#34;174&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://qwerty.work/post/2015/04/facebook_pageplugin_likebox/images/No-00s.jpg&#34; width=&#34;400&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://developers.facebook.com/docs/plugins/like-box-for-pages&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;https://developers.facebook.com/docs/plugins/like-box-for-pages&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;2015年4月から既に仕様変更された&lt;a class=&#34;link&#34; href=&#34;https://developers.facebook.com/docs/plugins/page-plugin&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Page Plugin&lt;/a&gt;が使用できるようになっていますが、&lt;strong&gt;幅280～500px&lt;/strong&gt;で固定されどうやっても&lt;strong&gt;レスポンシブ対応できない&lt;/strong&gt;ようです。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://developers.facebook.com/docs/plugins/page-plugin&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://developers.facebook.com/docs/plugins/page-plugin&#34; alt=&#34;https://developers.facebook.com/docs/plugins/page-plugin&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://developers.facebook.com/docs/plugins/page-plugin&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://developers.facebook.com/docs/plugins/page-plugin&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;今までは以下のように&lt;strong&gt;CSS&lt;/strong&gt;に幅を100％とするコードを加えればよかったので、試しに&lt;a class=&#34;link&#34; href=&#34;https://developers.facebook.com/docs/plugins/page-plugin&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Page Plugin&lt;/a&gt;のページでコードをゲットしてやってみましたがダメでした。&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;fb_iframe_widget&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt; .&lt;span style=&#34;color:#a6e22e&#34;&gt;fb_iframe_widget&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;span&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;,&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;fb_iframe_widget&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;span&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;iframe&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;[&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;style&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;]&lt;/span&gt;{&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;     &lt;span style=&#34;color:#66d9ef&#34;&gt;width&lt;/span&gt;: &lt;span style=&#34;color:#ae81ff&#34;&gt;100&lt;/span&gt;&lt;span style=&#34;color:#66d9ef&#34;&gt;%&lt;/span&gt; &lt;span style=&#34;color:#75715e&#34;&gt;!important&lt;/span&gt;;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;**data-width=&amp;ldquo;100%&amp;rdquo;**にしてみり、&lt;strong&gt;data-width&lt;/strong&gt;自体を消してみたりしましたがびくともしませんでした&amp;hellip;残念。&lt;/p&gt;&#xA;</description>
        </item><item>
            <title>SQLみたいにFacebookの情報を取得できるFQLについてのメモ。</title>
            <link>https://qwerty.work/post/2013/01/sqlfacebookfql/</link>
            <pubDate>Tue, 29 Jan 2013 15:32:34 +0900</pubDate>
            <guid>https://qwerty.work/post/2013/01/sqlfacebookfql/</guid>
            <description>&lt;p&gt;役にたちそうなので、とりあえずメモ。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;Facebook Query Language (FQL) リファレンスで取得できる情報の種類を確認できます。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;Graph APIエクスプローラでリクエストに対して、取得できる実際のデータを見ることができます。タブを切り替えればFQL文を実行してみることもできます。&lt;/p&gt;&#xA;</description>
        </item></channel>
</rss>
