Instagram Graph APIの基本的な使い方・Webサイトにインスタの写真を埋め込みする方法
以前、Instagram API仕様変更・終了・廃止関連の情報まとめ。インスタの写真をWebサイトで直接表示していた方は要注意！という記事を書いたことがありました。 この記事、Arrownの歴代記事の中でもかなりのバズを生み出してくれたのですが、今回のブログ記事は、1年越しの続編の記事になります！（遅い！笑） Instagram API仕様変更・終了・廃止関連の情報まとめ。インスタの写真をWebサイトで直接表示していた方は要注意！ でご紹介させていただいたように、2018年4月、それまで提供されていたInstagram APIの一部機能が終了したことにより、Webサイトに埋め込んでいたInstagramの写真が突然表示されなくなってしまったということがありました。 昨年2018年の段階では、Instagramを運営するFaceBook社側からは、「Instagram APIの代替方法につい
OGP画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
FacebookのOGP画像の仕様変更 キーワードは「1200px × 630px」と「PNG」 - OPTPiX Labs Blog
こんにちは、ウェブ担当の嶋です。2015年もどうぞよろしくお願いいたします。 さて、以前「OGPを設定して、Facebookでシェアした時の画像を大きく表示させる方法」というエントリーでFacebookでシェアした時に表示される画像の件を取り上げました。その後Facebookの仕様が変更され、画像の取り扱いが変わりましたので改めて整理してみたいと思います。キーワードは「1200px × 630px」、そして「PNG」です。 以前ご紹介した内容のおさらい 以前のエントリーでご紹介した物を簡単におさらいすると、下記のようになります。 推奨は「1200px × 630px」（縦横比 1.91:1） 最低でも「600px × 315px」 特定の条件で画像の中心部分が正方形にトリミングされる 特に最後の「正方形にトリミング」はPC用ページのタイムラインのみ適用されるという曲者で、対策として下記のよ
OGPのog:typeでwebsiteやblogを設定するときの注意点とPHPでの振り分け方法 | Cappee Design
ただいまhead部分をコーディング中の@cappeeです。 OGPについては以前も何度か記事を書いてますが、今回は og:type についての注意点です。 前回の記事はこちらからどうぞ。 ソーシャルボタンの設置まとめとボタンの幅や吹き出しの直し方、コーディング方法など FacebookのOGPに fb:admins と fb:app_id の設定は必要？htmlタグのxmlnsは？ 「Open Graph Pro」を今すぐ停止し、プラグインを使わずにFacebookのOGPを設定すべし OGPのog:typeの設定方法をみると、ウェブサイトには「website」と記述し、ブログには「blog」と記述するように書かてれいます。 ウェブサイトの場合 <meta property="og:type" content="website"/> ブログの場合 <meta property="og
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
フラットなフリーの日本向けソーシャルアイコンセットを作りました。 | バニデザノート
関連記事 [update!] 基本最低限、カスタマイズするだけの無料wordpressテンプレート「bee1.2」 2012/09/19 [配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ 2011/11/21 ウェブデザインのワイヤーフレーム（モックアップ）作成で使える、シンプルなOmniGraffleステンシルを作りました。 2011/10/07 12×12pxのミニマムなソーシャルアイコンセットを作りました。 2011/09/24 カラーリングでフォルダを見分けたい方に。mac os x lion で使えるカラーフォルダアイコン 2011/09/21 基本最低限だけ、あとはカスタマイズするだけのwordpressテンプレート「bee」 2011/08/22 フラットなフリーの日本向けソーシャルアイコンセットを作りました。 2011/08/21 Comments:
これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM
Life is too short to worry about laundryOGP （Open Graph Protocol）。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね！ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね！された時に、 「○○さんがリンクについていいね！と言っています」 とウォール上に投稿されることになるが、これはOG
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
PHPカンファレンス2014でHHVM/Hackの話を聞いて感動した - As a Futurist...
使える言語の幅を広げたいと思ってPHP カンファレンス 2014に参加してきました。徳丸さんの「安全な PHP アプリケーションの作り方 2014」は改めて自分のセキュリティの知識を確かめるのに大変有意義だったのですが、何より感動したのが Facebook の Paul Tarjan による「HHVM + Hack == PHP++」のセッションでした。 すごく簡単に僕が理解した限りで HHVM/Hack を紹介すると、HHVM とは PHP の処理系の一つの実装です。その特徴は JIT コンパイルにより超高速になっていることに加え、圧倒的な魅力は PHP の Extension(C 拡張ライブラリ)の多くが実装されていて PHP のメジャーなフレームワークが問題なく動作するということです。つまりもう実践で戦えるということ。そして、Hack というのは HHVM が処理できるもう一つの言語
deviseでfacebook,twitter認証 - Qiita
追記：Qiita「TwitterAPI Devise連携/グラフ可視化/データの効率的格納/API高速化」 にて続きを書きました。 qiitaにもある、「twitterでログイン」を実装します。 devise(railsのユーザー認証用gem)を使ってtwitter,facebookなどのOAuth認証。 今回はOAuth認証のみでdevise本来の追加認証はしません。tokenも使いません。 deviseの導入から解説していきます。 環境 ruby(1.9.3) rails(3.2.3) devise(2.0.4) omniauth (1.1.0) omniauth-oauth (1.0.1) omniauth-oauth2 (1.0.2) omniauth-facebook (1.3.0) omniauth-twitter (0.0.9) devise+omniauth認証 まずはde
ついつい気になるFacebookやTwitterを見れなくしてみた
TwitterやFacebookは楽しいし便利なんですが、つい見過ぎてしまうのが玉にキズです。PC で作業中はもちろんのこと、外出中でもスマートフォンでついつい見てしまいます。 常に見る必要は全くもって無いので、外出時に持ち歩くデバイスからはアクセスできないようにしてみました。 1. Facebook / twitter に接続できないようにする まずは、いつも持ち歩く MacBook Air から。 /etc/hosts に以下を追記して保存します。これで www.facebook.com / twitter.com に接続できなくなります。 % sudo vim /etc/hosts 127.0.0.1 www.facebook.com 127.0.0.1 twitter.com 2. スマートフォンからアプリを削除 スマートフォンからも Facebook / Twitter クライア
日本におけるハッカーのビジネス、またはSotarokと僕 : けんすう日記
Crocosが買収された Crocosという会社がYahoo!JAPANに買収された。 Crocosとは、「黒子」としての存在として、企業のFacebookネットマーケティング支援に特化した会社だ。Facebook上での懸賞アプリなどを作り、かなりのシェアをとっている。上記写真でもわかるように、黒子に徹して、企業の支援をするというところがかなりイカしている。 そもそも、このソーシャル上でのネットマーケティング支援というのは熱い分野であり、最近だとGoogleがWildfireという会社を2億5000万ドル(日本円で200億円くらい)で買収していたりするのだ。 Google、Wildfireを買収―Google+に加えてFacebookとTwitter向けマーケティング・サービス開始へ Crocosというのは基本的にエンジニア集団だ。抜群に優秀なメンバーたちだったが、Crocosという会社が
proca.jp – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Facebookページをブログのようにボリボリ作れるサービスを作ってみた [ファンゲーター]：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
要するにFacebookページの追加ページをブログのようにボリボリ作れるサービスです。 『「いいね!」を押さないと見えないページがあるfacebookページ=ファンゲート』を簡単に作れます。 通常必要なレンタルサーバーを借りる必要やスクリプトの設置がいりません。 プログラムやスクリプトを作る必要もありません。 Google様のクラウドサーバー(GAE)に設置します。 Google様のクラウドなので何百万アクセスが来ても自動的に負荷分散をします。 法人様のページでも使用できます。 無料です。 導入するとファンページにHTML編集画面が出てきますので、HTMLを編集したり、画像をアップロードしたりするだけです。 単純にFacebookページの配信サーバーにも使えます。 通常必要なIFRAMEのAppをファンページに乗せるために必要なクレジットカードによる本人認証もしないで作れます。こっち
![Facebookページをブログのようにボリボリ作れるサービスを作ってみた [ファンゲーター]：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/26932adb821eaf3a91b51e02a17c795c309cdb41/height=288;version=1;width=512/https%3A%2F%2Fblogs.itmedia.co.jp%2Fmt-static%2Fsupport%2Fassets_c%2Fuserpics%2Fuserpic-172-100x100.png)
Graph API - facebook DEVELOPERS
グラフAPIは、アプリでFacebookソーシャルグラフのデータの読み取りと書き込みを行うための主要な手段です。FacebookのすべてのSDKと製品は何らかの形でグラフAPIとやり取りしており、Facebookの他のAPIはグラフAPIの拡張版です。したがって、グラフAPIがどのように機能するかを理解することはとても重要です。 グラフAPIについてあまり詳しくない場合は、まず次のドキュメントを読むことをおすすめします。 概要 – グラフAPIの構造、およびその仕組みスタートガイド – グラフAPIエクスプローラツールを使用してグラフAPIエンドポイントを調べ、最初のリクエストを実行します。バッチリクエスト – 1回の呼び出しで複数のAPIリクエストを送信する方法デバッグリクエスト – APIリクエストをデバッグする方法エラーの処理 – グラフAPIの使用時に発生する一般的なエラーの対処法
PHPをC++に変換して高速化する「HipHop for PHP」をFacebookが公開 : candycane development blog
アメリカ時間の昼ごろにTwitter上が一つのニュースで埋め尽くされました。 PHPをC++に変換して高速化する技術をFacebookが公開したというものです。世界中のPHPハッカーが注目する興味深いリリースという事でちょっと長いですが、リリースノートの和訳を行いました。 原文 http://developers.facebook.com/news.php?blog=1&story=358 Facebookにおいて重要なことのひとつが動作の速さです。過去6年間にわたって、PHPが提供する高速な開発ペースによって多くを成し遂げてきました。プログラミング言語としてみると、PHPはシンプルです。簡単に習得し、簡単に書き、簡単に読み、簡単にデバッグする事ができます。我々は他の言語よりも早くエンジニアを獲得し、それによってより早いイノベーションをすることができます。 今日、私は2年に渡って作業して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
https://jp.techcrunch.com/2015/04/21/20150420how-facebooks-react-native-will-change-mobile-apps/
in the looop | Looops communications