Facebookなどでサイトが共有された時、リッチ表示するOGPの設定
Facebookでシェアされたり、いいねを押すとニュースフィードにWebサイトやブログ記事が表示されます。サイトによっては画像が大きく表示されたり、概要がいい感じで思わずクリックして読んでみたくなるときってないでしょうか？ これは、ブログなどのサイトにOGP（Open Graph protocol）と呼ばれるMetadataが設定されていて、Facebookがそれを認識し表示してくれているからです。 当サイトでのOGPの実装は、WordPressのプラグインの「Open Graph Pro」を使用していましたが、プラグインが更新されていなく、古くなっていたので自分で実装しなおしました。その際にOGPについて調べたことをまとめます。 OGPとは何か？ OGP（Open Graph protocol）は、冒頭で少し述べたようにFacebookやmixiなどのSNSでシェアされたときに、そのペー
無料で商用可、ChatGPT（3.5）に匹敵する生成AI「Llama 2」 Metaが発表、Microsoftと優先連携
米Metaは7月18日（現地時間）、大規模言語モデル「Llama 2」を発表した。利用は無料で商用利用も可能としている。最大サイズの700億パラメーターモデルは「ChatGPT（の3月1日版）と互角」（同社）という。 ダウンロードには、Metaが用意するフォームから名前とメールアドレス、国、組織名を入れ、利用規約に同意した旨を送信する。Metaが受理すると専用URLが送られてくるため、同社がGitHubで公開しているダウンロード用のスクリプトと合わせるとLlama 2の各モデルをダウンロードできるようになる。 モデルサイズは70億、130億、700億パラメーターの3種類があり、それぞれベースモデルとチャット向けに追加学習（ファインチューニング）したモデルを用意する。いずれも4096トークン（おおよそ単語数の意）まで文脈を読める。 性能は、Llama-2-70b-chat（700億のチャット
Build optimized websites quickly, focus on your content | Docusaurus
Build optimized websites quickly, focus on your content Powered by MDXSave time and focus on text documents. Simply write docs and blog posts with MDX, and Docusaurus builds them into static HTML files ready to be served. You can even embed React components in your Markdown thanks to MDX. Built Using ReactExtend and customize your project's layout by writing React components. Leverage the pluggabl
Facebookショップを国内で提供開始、中小ビジネスのオンライン事業をサポート | Metaについて
Facebook社は、FacebookやInstagramなどのファミリーアプリを通じて、利用者の皆様が大切な人々やお気に入りのものとつながる場所を提供してきました。これには友人や家族だけでなく、製品やブランド、ビジネスとのつながりも含まれます。初期の「売ります」というキャプションをつけて自転車の写真を投稿していた時代から、Instagram上のお気に入りのブランドやインフルエンサーから購入するようになった現在にいたるまで、商品の売買のためにFacebook社のアプリは多くの人に利用されてきました。このように、ソーシャルコマースは利用者の皆様が思い描き、実践してきたものです。私たちは、そのようなショッピング体験が実現できるようサポートしています。 物を購入するという作業ではなく、ショッピングの楽しさを体験できる場を提供したいと考えています。また、中小ビジネスがそのようなショッピング体験に適
各種SNSのシェアボタン設置用URLまとめ！サンプルコードも | Web Design Trends
Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設定しなければなりません。 今回は、SNSごとにシェアボタンに設定するためのURLや設定の方法などをご紹介します。 オリジナルでシェアボタンを設置するメリット 公式サイトのジェネレータやプラグインを使ってシェアボタンを作成することができますが、オリジナルでシェアボタンを作成するメリットにはどのようなものがあるのでしょうか？ 思い通りのデザインで作れる WordPressのプラグインにシェアボタンを設置できるものは色々と公開されていますが、意外とデザインのバリエーションが少なく、思い通りのものが見つかりません。 HTMLとCSSがある程度理解できていれば特に難しい技術は必要ないので、自分でシェアボ
「いいね！」ボタン、設置したサイトもユーザーデータに責任--EU司法裁
Facebookの「いいね！」ボタンは、インターネットで特に複雑なツールには見えないかもしれない。だが、この上向きの親指には、見た目以上の機能がある。たとえば、企業の中には、自社サイトに「いいね！」ボタンをプラグインとして組み込み、ユーザーのデータをFacebookに送信しているところもある。だが、欧州連合（EU）の最高裁判所にあたる欧州司法裁判所はルクセンブルクで現地時間7月29日、そのような企業がデータ送信についてFacebookと共同責任を負うとする判決を下した。 この判決は、自社サイトに「いいね！」ボタンのプラグインを設置したドイツのオンラインファッションストアFashion IDをめぐる裁判で下されたものだ。Fashion IDは、同社サイトを訪れたユーザーのデータを、「いいね！」ボタンを押していないユーザーやFacebookに登録していないユーザーのデータも含め、ユーザーに通知
Facebookがデザインしたスマホ・タブレット・スマートウォッチなどのデバイスモックアップ用PNG画像＆Sketch用素材集
数多くのプラットフォームで利用可能なFacebookが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftのスマートフォン・タブレット・スマートウォッチ・スマートTVのモックアップとして使えるビットマップ画像集を公開しています。ファイル形式はPNGとSketchとなっています。 Devices — Facebook Design Resources http://facebook.github.io/design/devices 各種端末のモックアップを全てゲットするには、「Download All Devices」をクリック。「自分の作品」として再配布しなければ、無料で誰でも自由に利用可能です。 ダウンロードされたZIPファイルを解凍して開きます。 解凍したフォルダに入っている「Facebook Devices」をクリック。 ここに全てのスマートフ
Design at Meta | Tools
Photos of hands holding various phones, to be used in any presentation of your designs.
FacebookアカウントでLINEの登録・引継ができるよう認証・連携機能を搭載 | LINE公式ブログ
追記1：FAQを追記しました（2012/11/26 20:30） 追記2：バージョンアップに関するお詫びを追記しました（2012/11/27 00:25） 追記3：バージョンアップに関するお詫びと修正のご報告についてのブログを掲載しました（2012/11/27 18:09） 追記4：iOS版LINEも公開した旨を追記しました（2012/11/30 10:30） 本日、LINEがバージョンアップし、Facebookアカウント認証でLINEのアカウントを新規作成・引き継ぎできるようになりました。（11月26日時点ではAndroid版のみ先行バージョンアップですがiOS版にも後日同機能を搭載予定です。）11月30日にiOS版でも同機能を搭載したバージョン3.3.0を公開しました。
たった一言で「いいね！」ボタンが爆速に！全ブロガーに必須の呪文。 | iPhone 研究室
Facebook からブログ記事へのアクセスが増え続けています。当サイトでは、検索エンジンに次いで重要な読者流入元になっています。たぶん、各記事に設置してある「いいね！」ボタンや、Facebook Page がとても有効に働いてくれているんだと思います。 でも、Facebook のソーシャルプラグインって読み込みが遅いんだよな、と困っているブロガーさんも多いのでは。 でもご安心を。コードにたった一文追加するだけで、「いいね！」ボタンの読込を高速化する魔法の呪文がありますので、そのお悩みが解消できるかもしれません。 【方法】Facebook ソーシャルプラグインのページからコードを取得して設置した場合、たいていは下記の Javascript 読み込みコードをヘッダーなどに設置してあると思います。 <div id=”fb-root”></div> <script>(function(d, s,
ブログ記事をtwitter自動投稿するには「IFTTT」が最適かも（レシピ付き） | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
FaceBookに自動投稿PHP
FaceBookのDeveloperページから新しいアプリケーションを作成します。 アプリの表示名とキャンバスURLを設定し作成するとAppIDとアプリの秘訣の情報が取得できます。 php-sdkをダウンロードする。 アクセストークンを取得しておきます。 https://graph.facebook.com/oauth/access_token?client_id=＊＊＊＊ AppID ＊＊＊＊&client_secret=アプリの秘訣&grant_type=client_credentials ウォールに投稿したいFaceBookページIDを取得するためのプログラムを作成。 <?php //同じディレクトリにあるfacebook.phpの呼び出し require 'src/facebook.php'; $facebook = new Facebook(array( 'appId' =>
HTML5でOGPの設定をする時にhtmlタグにxmlnsは不要
概要 ▶ HTML5はXHTMLではありません。このためOGPの設定で必要とされるxmlnsは不要なのです。代わりに「prefix」という記述を行います。 Geek_Tatoo by Massimo Valiani HTML5でウェブサイトを作成していて、気になったことがありました。 気になった瞬間はFacebookやGoogle+で使用されるOGP（Open Graph protocol）のためのメタタグを設定していた時のことです。 ネットで検索すると必ずと言っていいほど「xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" を<html>のタグに追加しましょう」みたいなことが書いてあります。 こんな感じですね。 <html xmlns:og="http://ogp.me/ns#" xmlns:
いいね！ボタンに大きめの仕様変更
2012年08月07日20:17 by oklahomer いいね！ボタンに大きめの仕様変更 カテゴリドキュメントSocial Plugins Open GraphのBuilt-in Actionの一つとしてBuilt-in Likeが追加され、モバイルアプリでも簡単にいいね！ボタンを実装できるようになりましたが、これに合わせ、既存のいいね！ボタンの仕様にも変更があるため、アプリによっては大きな影響があります。 各変更の詳細は後述しますが、既存のいいね！に対する仕様変更で一番大きいと思うのは、いいね！されたウェブページを管理するためのFacebookページが作成されなくなる点です。これまでは、いいね！されたウェブページには管理者のみが閲覧できるFacebookページが与えられ、そのウォールへ書き込みを行うことで、いいね！したユーザのニュースフィードへ情報を流すことができました。Open G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
StyleX
AIでボーカル・ドラムを取り出す、無料音声分離「Demucs」を試す【藤本健のDigital Audio Laboratory】
【やじうまWatch】太っ腹すぎる、FacebookがiPhoneやiPadなどのイメージ画像約800個を無償配布中
世界のいいねボタン一覧の仕様を調べて「ええやん！ボタン」を設置する - みかづきブログ その3
agilecatcloud.com
いいね！ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります（公式情報） | 初代編集長ブログ―安田英久
