Facebook・いいね！ ボタンとOGPの注意点 – 道道つれづれ線
本稿の公開は7年前です。内容・仕様が、現在と異なる場合があります。ご了承ください。 Facebook が幅広く浸透し、「いいね！」ボタンを設置するブログやサイトが増えてきました。Facebook のLike Buttonページで、必要なコードを取得します。設置手順をご存じの方は、注意点▼へお進みください。 手順については、丁寧な説明を書いた記事が多く存在します。本稿では、ごく簡単な記述にとどめます。 「いいね！」ボタンをコードを取得する 下図は、取得画面です。ボタンのサンプルがあり、オプションを変更すると、表示の変化が確認できます。 URL to Like サイトまたはブログの URL です。 Send Button （XFBML Only） チェックを入れると、「送る」ボタンも一緒に設置できます。シェアボタンと同等の働きをします。オプションを選択しない場合、iframe 形式のコードを取
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
Facebookアプリ「モニプラ」ページデザインリニューアルのお知らせ｜アライドアーキテクツ株式会社
アライドアーキテクツ株式会社（本社：東京都渋谷区、代表取締役社長：中村壮秀、以下アライドアーキテクツ）は、2011年10月24日より、Facebookアプリ「モニプラ」のページデザインをリニューアルしましたのでお知らせいたします。 Facebookアプリ「モニプラ」URL ： http://apps.facebook.com/monipla/ 「モニプラ」アプリとは Facebookアプリ「モニプラ」は、アライドアーキテクツが2008年より展開する企業ファンサイトモール「モニプラ」（http://monipla.jp/）のFacebookユーザー向けアプリとして2011年5月に提供を開始した、無料のアプリケーションサービスです。ユーザーはアプリをFacebookにインストールすることで、企業がFacebookページ上で実施する様々なキャンペーンに参加することができます。 現在、アプリのイン
AMN、Facebook用キャンペーンアプリ 「ソーシャルタイアップ for Facebook」の提供を開始 | アジャイルメディア・ネットワーク株式会社（AMN）
AMN、Facebook用キャンペーンアプリ 「ソーシャルタイアップ for Facebook」の提供を開始 AMN、Facebook用キャンペーンアプリ 「ソーシャルタイアップ for Facebook」の提供を開始 ～Facebookページのファン獲得や活性化を効果的に実現～ カンバセーショナルマーケティングを手掛けるアジャイルメディア・ネットワーク株式会社（東京都渋谷区、代表取締役 徳力基彦、以下「AMN」）は、このたびFacebookページのファンを効率的に獲得するためのFacebookアプリである「ソーシャルタイアップ for Facebook」の提供を本日より開始することを発表致しました。 ■「ソーシャルタイアップ for Facebook」開発の背景 世界に6億人以上のユーザーがいると言われるFacebookですが、今年に入って日本でもアクティブ利用者が360万人を超え、大き
これは使える！Facebook国内大手5事例から学ぶキャンペーンアプリの使い方『ユーザー体験型キャンペーンアプリ編』 : (旧)ガイアックスソーシャルメディア ラボのブログ
Facebookページでアプリを使ったキャンペーンはやってますか？ 「Facebookページを作ったけどウェルカムページがあるだけです。」といった方も多いのではないでしょうか。 ただFacebookページを立ち上げるだけではなく、Facebookアプリを使いカスタマイズしていくことによって、目的に沿った施策を行っていけます。 今回の記事では、これからFacebookアプリを使ったキャンペーンを考える方向けに、国内大手5事例のキャンペーンアプリ活用事例と、アプリを考える際に押さえておくべきポイントをご紹介します。（Facebook上でのキャンペーンを簡単に開催したい時は、こちらのFacebookキャンペーンアプリをレンタル形式で利用できるサービスをご覧になってみて下さい。）
Facebook上でキャンペーンが実施できる13のアプリケーションNo study No life
2011年5月3日火曜日 Facebook上でキャンペーンが実施できる13のアプリケーション Facebookページを活用する企業が増えるにしたがって、Facebookページ上でキャンペーンを行いたい企業も今後増えてくると重ます。 Facebookをキャンペーンに利用するにあたって難しいなと思う点がFacebookの利用規約にあるかと思います。 Facebook プロモーションガイドライン http://www.facebook.com/promotions_guidelines.php よーく読むと、何もできないのではないかと思ってしまうのですが、ここら辺の記載が端的にまとまっていて分かりやすいかなと思います。 できないこと: プロモーションへの応募条件として、Facebookページのウォールへの投稿、写真のアップロード、近況アップデートの投稿など、Facebookでのコンテン
Facebook Wall jQuery Plugin: neosmart fb.wall
Our jQuery plugin fb.wall was a nice plugin to display the Facebook Wall of a user or a page on your website. The design of the wall derives from the Facebook look’n’feel and can be customized easily via CSS. We developed fb.wall in 2010 and our plugin became very popular all over the world. Since 2010 Facebook changed their Graph API a lot of times, they added server request limits and the need o
ツイート数といいね数をajaxで表示したい はてなブックマークと同じようなサイトに、 各記事ごとにツイート数といいね数を表示させたいと思ってます。…
ツイート数といいね数をajaxで表示したい はてなブックマークと同じようなサイトに、 各記事ごとにツイート数といいね数を表示させたいと思ってます。 いま、興味のあるジャンルの多数のブログからRSSを拾って、 記事を一覧で表示させるサイトを作っています。 そこで、コピペしたPHPでツイート数といいね数を表示させたんですが、 ものすごく重いページになってしまいました。 （取得した全部のRSSデータをforeachで回していて、ツイート数といいね数を記事分だけ取得してからのページが表示されるためだと思います） ページは先に表示されて、ツイート数といいね数だけajaxで順次表示させたいのですが、出来るのでしょうか？ ajaxとか全然わからないのでソース付きで教えてもらえると助かります
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。
今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。 引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book
【PHP】とあるページの、はてブコメント、ツイート、Facebookいいね！数を取得するテンプレコード【’11年末版】
こんにちは。開発担当の林です。 今回はタイトル通りPHP（5.2以上）で、とあるページの、はてブコメントと、ツイート、Facebook いいね！数を簡単に取得するためのテンプレ用ソースコードです。 最低限のコードですが、比較的よく使われるものなのかなと思ってまとめました。 何かのお役に立てれば幸いです。 ※ 本記事は、各サービスの公式 API を使っています。 はてなブックマークエントリー情報取得API Twitter API （日本語参考：Twitter API – TwitterまとめWiki ） Facebook Query Language (`・ω・´) はてブコメントと関連エントリーの取得 <?php // とあるページのアドレス（任意のアドレスをどうぞ） $sample_url = 'http://www.fenrir.co.jp/'; // はてブの情報取得 $hatena
複数のRSSフィードを結合するCGI「Fumy RSS Feeds Merger」
Fumy RSS Feeds Merger : Update Log 2016年09月10日 Ver 2.0.0 公開： 一部のウェブサーバで動作しなかった問題を解決しました。文字コードをUTF-8に。 2007年03月07日 Ver 1.00 公開： 初公開。 複数のRSS(Atom)フィードをいくつでも合体できるCGI 「Fumy RSS Feeds Merger」は、複数のRSSフィードやAtomフィードを結合して、1つの大きなRSS(Atom)フィードを作成できるフリーCGIです。 複数箇所に分散しているフィードを結合して提供したい場合や、複数のフィードを結合してRSSリーダーなどで一括チェックしたい場合などに便利です。 結合するRSS(Atom)フィードの個数に制限はありません。いくつでも結合できます。 結合元のフィードは、RSS1.0(RDF)・RSS2.0・Atomの各種類が
形態素解析の過去・現在・未来
2. ⾃自⼰己紹介 l 海野 裕也 (@unnonouno) l unno/no/uno l 研究開発部⾨門 リサーチャー l 専⾨門 l ⾃自然⾔言語処理理 l テキストマイニング l 職歴 l 2008/4~2011/3 ⽇日本アイ・ビー・エム（株）東京 基礎研究所 l 2011/4~ 現職 2 3. 今⽇日の発表の⽬目的 l 形態素解析器の中で何が⾏行行われているか l コスト最⼩小化, HMM, MEMM, CRF etc. , l JUMAN, Chasen, MeCab, etc. l ・・・だけだとよくあるので、最新の⼿手法と過 去の⼿手法をまとめる l 現在の問題点に関してもまとめる 3
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
FACE Products Homepage - ブログ : ２ちゃんねるのIDの仕組み by face
FACE鯖のチャットルームで 日々繰り広げられる会話の中から 思い出に残る話だけを厳選してご紹介します。 メンバーさんも、そうじゃない方も、ひぜお立ち寄り下さい。
携帯用ページ上における各種SNS連携方法まとめ - xif ノート
mixi (mixiチェック) <form method="POST" action="http://m.mixi.jp/share.pl?guid=ON"> <input type="hidden" name="charset" value="shift_jis もしくは utf-8 。デフォルトは shift_jis" /> <input type="hidden" name="check_key" value="識別キー" /> <input type="hidden" name="title" value="リンク先のタイトル (charset の文字エンコーディング)" /> <input type="hidden" name="description" value="リンク先の説明文 (charset の文字エンコーディング)" /> <input type="hidden"
記事にマッチしたAmazonアソシエイトの商品を自動で表示する
FC2ブログの変数を使って、投稿したエントリにマッチしたAmazonアソシエイトの商品を自動で表示させるJavaScriptを作ってみました。着想は以下のエントリを読んで。 「Amazonおまかせリンク(R)」より「Amazonライブリンク」がオススメな理由 (smashmedia) 要するにMovable Typeの変数をFC2ブログの変数に変えただけですね。テストを兼ねてこのBlogでも一時期使用して動作確認していました。興味がある方は以下のソースを貼り付けて使ってみてください。 ユーザータグを使い半自動でAmazonの商品を表示させる 概要 FC2 Blogのユーザータグを商品の検索(絞り込み)に使います。当然ですが、ユーザータグを使っていない方は使用できません。ユーザータグを使っていない方、使えない方は次の「カテゴリ」の方をご使用ください。 設定するユーザータグは「エントリ内容に合
RedLine Magazine : ボックス全体をリンクにしたい
ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ
『Twitter入力フォームのように文字カウントしてくれるcharacter count』
Simplest Twitter-like dynamic character count for textareas and input fields 「Simplest Twitter-like dynamic character count」は、Twitterの入力フォームのテキストエリア脇に表示されるような、入力した文字をカウントしてくれるシンプルなjQueryプラグインです。 動作については、デモサイト が用意されているのでそちらを参照すればどのようなものかすぐにわかると思います。 ビジネスアプリでも入力フォームに文字制限をするというような仕様はよくありますが、このようにあと何文字入力可能かというのを表示しておけば、ユーザーにとって易しいインターフェースを提供できるかもしれません。 （カウントするのは文字数であってバイト数ではないので、その辺は注意が必要かもしれません） まず、j
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google カスタム検索 - カスタム検索エンジンを作成