タグ

facebookとweb制作に関するfield_combatのブックマーク (11)

  • Rebuilding our tech stack for the new Facebook.com

    Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain. This made it harder to introduce new experiences. Features like dark mode and saving your place in News Feed had no strai

    Rebuilding our tech stack for the new Facebook.com
    field_combat
    field_combat 2020/05/11
    facebookのフロントエンド施策。規模デカいと細かい最適化の効果もデカいんだろな
  • Facebook V2.1 API をアプリアクセストークンで利用してみた | DevelopersIO

    はじめに AWSチームの鈴木です。 Facebookが提供するv1.0のAPI、2015年にサポートが終了し、 2016年8月、v1.0のAPIを利用したFacebookシェア数の取得が不能になりました。 v2.1のAPIの利用方法と、その実行に必要なアクセストークンの作成方法について 確認する機会がありましたので、紹介させていただきます。 Facebook 新旧APIの実行サンプル Facebookのシェア数を取得しています 対象URLは「https://dev.classmethod.jp/」 v1.0 サポート期限、2015年4月30日まで。 2016年8月現在、v2.1 以降のAPI利用が求められる様になりました。 2016年8月以降 $ curl http://api.facebook.com/method/fql.query?format=json&query=select%2

    Facebook V2.1 API をアプリアクセストークンで利用してみた | DevelopersIO
  • 常時https/SSL化してもFacebook記事の「いいね!」数を引き継ぐ方法(正攻法編) : アークウェブのブログ

    2016年11月14日 常時https/SSL化してもFacebook記事の「いいね!」数を引き継ぐ方法(正攻法編) こんにちは、ディレクターの八木です。 先週末のMTDDC Meetup TOKYO 2016はなかなかの盛り上がりでした。 私も懇親会のLTで、ちょこっと「常時https/SSL化といいね! 数継承」のお話をさせてもらいました。 ご紹介したのはFacebookの公式ページで推奨されているいわば正攻法なのですが、このページがつい先日まで英語版しかなかったためか、Googleで検索してもここに言及した記事があまりありませんでした。 そのときつかったスライドをSlideShareにアップしたので共有しつつ、 若干プラスアルファの補足を書いておきたいと思います。 SlideShare:「常時HTTPS化後もいいね!数は引き継ぎたい♡」 http://www.slideshare.n

    常時https/SSL化してもFacebook記事の「いいね!」数を引き継ぐ方法(正攻法編) : アークウェブのブログ
  • いいね!ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります(公式情報) | 初代編集長ブログ―安田英久

    いいね!ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります(公式情報) | 初代編集長ブログ―安田英久
  • 予算0円でFacebookをビジネス活用している企業の事例40選

    企業がビジネスにFacebookを活用するのは当然のようになってきました。その一方で、Facebookページを作ってみたけれど、どう運用すればいいか分からない、という企業も少なくありません。 Facebook広告を活用する手段もありますが、普段の運用が出来てこそ最大の効果を発揮します。 今回は、Facebookページ運用のヒントとなる、Facebookを上手く活用している企業の事例を40個まとめてご紹介します。 Facebook広告の運用事例一覧 1.A&W Okinawa/エイアンドダブリュ沖縄株式会社 https://www.facebook.com/pages/AW-Okinawa/378589115539773 スタッフ紹介が特徴的で、毎朝の挨拶とあわせてカレンダーを持ったスタッフの写真を投稿。沢山のコメントを集めています。 また、歴史紹介には過去の写真を用いてビジュアルでも伝達。

    予算0円でFacebookをビジネス活用している企業の事例40選
  • BASIC認証やIP制限をかけているサイトのOGPをFacebookで表示する(FacebookのIPアドレスリスト)

    BASIC認証やIP制限などのアクセス制限がかかっているページのOGPの情報をFacebookで参照しても、エラーとなり取得ができません。 なので、それらの動作検証を行うには一度アクセス制限を解除しなければいけない・・・と思っていたのですが、どうやらウラワザ(でもないか)的な方法があるようです。 昔からあった方法みたいなんですが、最近まで知りませんでした。 方法は単純で、Facebookのクローラーだけ、BASIC認証やIP制限を許可すればいいようです。 BASIC認証を使って簡単にテストしてみました。 BASIC認証のかかったページのOGP取得テスト ↑このページに、適当なBASIC認証をかけています。 このURLをFacebookのデバッガーにかけると、通常だとFacebookのクローラーもアクセスできないために、TOP画像のようなエラーになります。 しかし、Facebookのクローラ

    BASIC認証やIP制限をかけているサイトのOGPをFacebookで表示する(FacebookのIPアドレスリスト)
  • デザインが素敵な日本語Facebookページ 10選

    Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介(基データ)を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設

    デザインが素敵な日本語Facebookページ 10選
    field_combat
    field_combat 2011/08/08
    倖田來未のページ、機能的でいいな
  • Facebookページを作成する時に感じた 6つの疑問と作成してから感じた 4つのこと | なまら春友流

    アカウントは持っていたが、イマイチよくわかんないってことで放置していたFacebook。 しかし最近当ブログにはFacebook経由で来ていただく方が最も多くなっている。 正直これは知らないでは済まされないな、と思った。 しかもブログを書く人であればFacebookページを作成することはメリットしかないという声も聞こえてくる。 ってことでFacebookページを作ってみました。 ただね、いざFacebookページを作ろうと思ってもどうやっていいのかさっぱりわからない。 作る前はそもそも何がわからないのかもわからないので懸念していることを書き出してみた。 それが以下。 疑問点 〜時系列的に浮かんできた疑問点を載せてみる〜 そもそもFacebookページって何?どうやって作るの? Facebookページと個人用ページの違いは? 「いいね」と「シェア」の違いって? ブログの更新をFacebook

    Facebookページを作成する時に感じた 6つの疑問と作成してから感じた 4つのこと | なまら春友流
  • blog.8-p.info: Facebook の BigPipe と TTI

    Posted at 2010/10/22 01:59, Modified at 2010/10/22 03:42 Facebook のフロントエンドは結構かわったことをやっていて、例えば、ログイン後の http://www.facebook.com/home.php には <div id="pagelet_home_stream"></div> みたいな空の HTML があり、その後に <script>big_pipe.onPageletArrive({ … });</script> <script>big_pipe.onPageletArrive({ … });</script> ... と script 要素が何個もならんでいる。 BigPipe: Pipelining web pages for high performance この仕組みは (変数名のとおり) BigPipe と呼

    field_combat
    field_combat 2011/05/26
    まず枠のHTMLを送信して、個々のパーツのデータを別々にJSに突っ込んで送信。
  • ASCII.jp:Facebookページの作り方、教えます|今日からできるFacebookファンページ制作&運用ガイド

    ローソン無印良品、リクルート――世界6億人ものユーザーを抱える巨大SNS「Facebook」の日での格的なブレイクを前に、ファンページを開設する企業が相次いでいます。しかし、国内でのFacebookの企業活用はまだ始まったばかりで、実際にどのようにしてFacebookページ(ファンページ)を作り、運用したらよいのか? 多くの企業が手探りの段階です。 連載では、Facebookページの作成を請け負うWeb制作会社「TAM」の加藤 洋氏が、Facebookページの開設からカスタマイズ、ファンを獲得する方法まで、Facebook活用の具体的なノウハウをシェアします。(編集部) なぜいまFacebookなのか? 私が勤務するTAMでは、Facebookをはじめとするソーシャルメディアの活用を企業へ積極的に提案しています。お話する中で必ず出るのが、「Facebookが他のSNSと何が違うのか

    ASCII.jp:Facebookページの作り方、教えます|今日からできるFacebookファンページ制作&運用ガイド
  • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

    2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

    Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
  • 1