Googleマップのiframe埋め込みをAMP化する方法
GoogleマップのiframeのAMP化 Googleマップで「地図を共有また埋め込む」メニューを選択すると 以下のようなiframe埋込タグが表示されます。 ここで取得したタグ自体はこんな感じです。 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.7144503548398!2d139.69826945132047!3d35.659406330102236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b57f03a6d3f%3A0x1d01d35eef4bf7a!2z44OP44OB5YWs5YmN5bqD5aC0!5e0!3m2!1sja!2sjp!4v1478138974491" width="600" height=
Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処
すでにご存知の方も多いと思われますが、Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処について情報展開します。 １．問題点 Facebookページのページタブ（IFrameタブ）のファイルの拡張子に「.html」で指定すると、ページタブを表示したときに「Method Not Allowed」というエラーになる場合があります。 「Method Not Allowed」は、「対象URLに対してメソッドが許可されていない」という意味で、その下にある詳細メッセージよりPOSTメソッドが許可されていないのが原因のようです。 この問題はレンタルサーバによって異なるようですが、今回はさくらインターネットでしか確認できていないので真偽は不明です。 ２．対処方法1 拡張子を「.php」に変更します。 アプリの「ページタブ」→「Page Tab
WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法
WordPressで作成したFacebookページのIFrameタブで、デザインを崩さずにきちんと表示させるためのTipsを紹介します。 １．問題点 次のような、WordPressとjQuery Tabs UIを使ったタブページを、FacebookページのIFrameタブに表示するものと仮定します。 上の場合は期待通りの表示になっていますが、場合によっては次のようにjQuery UI Tabsのスタイルが適用されず、崩れて表示される可能性があります。 余談ですが、WordPressを使って上記のjQuery UI Tabsによるタブページを表示するカスタマイズは「Facebookページプロフェッショナルガイド」に掲載しています。宣伝です（笑）。 Facebookページ プロフェッショナルガイドposted with amazlet at 11.07.16蒲生トシヒロ 竹村詠美 原裕 大元隆
Facebookでよく使われるようになったインラインフレーム（iframe）の注意事項
これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム（iframe）ですが、Facebookが登場してからiframeタブやソーシャルプラグインなどで利用するシーンが増えてきました。 ということで、インラインフレームについての注意事項をまとめてみました。 １．親フレームでインラインフレームのCSSは定義できない 「Facebookのコメントボックスを黒背景のブログで使えるようにする」でも書きましたが、親フレームで定義したCSSはインラインフレームに適用されません。 サンプル１ サンプルの枠上部にある「foo」という文字と枠内（インラインフレーム）の「bar」という文字に対し、親フレームで同じスタイルを与えていますが、インラインフレームには反映されていないことが分かります。 CSSを反映できるのはiframe要素までです。 ２．リンクターゲットに気をつけよう iframe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
