ブログへのFacebook&TwitterのOGPタグ設置は、いまや必須となっています。ところが調べてみると、なぜか、OGP専用プラグイン設置でサクッと完了とはいかないようです。 利用しているテーマがOGPタグ設置に対応していなければ、自力でテーマを編集してしまうのが、一番確実です。 作業内容は、この通りです。 OGPタグを設置する理由を理解する header.phpを編集する Facebookのapp_idを取得する functions.phpにコードを追記する twittercardを申請する Facebook Debugerで確認する では、順番に説明します。 0.なぜ、OGPタグを設置する必要があるのか？ ズバリ、FacebookとTwitterからブログへのアクセス流入が増えるからです。 OGPタグを設置すると、記事がシェアされた時に、キャッチ画像と概要文付きで表示され、人の目を

すでに幾つかのメディアに取り上げられているどころかMac App Storeの有料アプリランキング１位になっていますが、最強のTwitterクライアント戦争の成果物と言えるTwitterクライアントをリリースしました。Mac App Storeからダウンロードできます。 アプリリリースにともなってインターネット上にページができています。 ホームページ https://tweetman.kksg.net/ ホームページ(English) https://tweetman.kksg.net/en Mac App Store https://itunes.apple.com/us/app/tweetman-for-twitter/id1063031541?l=ja&ls=1&mt=12 公式 Twitter アカウント @tweetman_app 開発状況 https://trello.com/

概要 新しいサービスを利用するのにユーザ登録が必要な場合、利用者にとっては手間がかかり利用するハードルが上がってしまいます。 しかし、現在広く使われているTwitterやFacebookアカウントを利用した認証機能を使うことで、ユーザは気軽にアプリケーションを利用できるはずです。 本記事ではRailsアプリケーションでOmniAuthを用いてTwitterとFacebookアカウントの認証をする方法を記します。 環境 CentOS 6.4 ruby 2.0.0p353 (2013-11-22 revision 43784) [x86_64-linux] Rails 4.0.3 1.TwitterAPI,FacebookAPIにアプリケーションを登録する 以下のURLからそれぞれアプリケーション登録を行い、アプリケーションID(APIキー)とSecretキー(APIシークレット)をメモして

まえがき データにIDを持たせたいとき、単純な方法としては、DBの提供するauto incrementを使う場合やUUIDを利用することがある。それぞれの方法の利点欠点は以下の通り。 データベースのauto incrementを使う場合 利点: 特別な実装が必要ない 欠点: DBを1台で運用するとデータベースがパフォーマンス・障害のボトルネックになる DBを二台にするとIDのユニークさや順序の保証が困難 UUID(v4)※1を利用する場合 利点: 分散環境で各々がIDを生成しても衝突しない IDを公開したくない場合に、推測されにくいIDを生成できる 欠点: 128ビット必要、DBのインデクシングやプログラミング言語で扱うときに不利なことがある IDから時間の情報が失われる、例えば2つのIDを比べてどちらが古い投稿か判断できない 世界の大企業がどうしてるか 調べてみると多くの企業がブログなど

昨日から試験的に、記事タイトル下にソーシャルボタン*1を設置するようにしてみました。 設置した目的はシンプルで、当サイト『クレジットカードの読みもの』の中の記事が今よりももっと、ソーシャルメディアで拡散されやすくするため。 やはり上部にソーシャルボタンがあると、pocketを中心にクリックされやすくなると判断したためです（大手新聞社などでも設置されていますよね）*2。 ソーシャルボタン設置について： 設置するのは結構たいへん： 忍者おまとめボタンが便利： クリック数などのデータ解析も： はてなブログ上の問題点： 一覧から拡散してくれる方を逃すことに： 参考リンク： ソーシャルボタン設置について： 設置するのは結構たいへん： しかしこれらのソーシャルボタン、自力で設置しようとすると結構大変なんですよね。 htmlの知識からcssの知識、そして設置するためのアイコン画像集めまで、ウェブ制作に不

皆さまこんにちは。メディア事業部のまゆです。最近になって「サブ垢」って響きがなんだかいいな…と思い、Twitterで複数のアカウントを作ってみたのですが、元々見る専門の人間だったので、あまり役に立ちませんでした。しかもパスワードを忘れました。 以前メディア事業部のきょうへいがTwitter Cardsに関する記事を書きました。今回わたしはTwitter Cardsを導入することでTwitterの解析ができる、Twitter Cards Analyticsについて簡単にご紹介させていただきます。 ※2013年に試験的に全ユーザが使用できるTwitter Analyticsが公開されていましたが、今回ご紹介するのはTwitter Cardsを使用している方と広告主の方専用のAnalyticsになります。 Twitter Cards Analyticsについて https://analytics

通常の OGPやTwitterCardsプラグイン では不動産プラグインでの物件画像が抽出されません。そこで「不動産 OGP and Twitter(X)Cards プラグイン」をリリースしました。 他のプラグインのOGP出力と被る場合がありますので、それぞれのプラグイン側でプラグイン停止 又は OGPの出力を停止させる作業 が必要な場合があります。 「不動産Tweet(X)OldPostプラグイン」で 画像付きツイートすると TwitterCardsの「詳細を表示」リンクは表示されませんが手動で画像無しツイートする時には有効な手段だと思います。 もちろん「不動産Tweet(X)OldPostプラグイン」で 【ツイートに画像を含める】を オフにするとTwitterCardsの「詳細を表示」リンクは表示されます。 動作環境 WordPress 「WordPress 6.1 日本語版」以降 サ

そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイストが好きです。ほんわかしている。仕事では使えない感じがある。 実際に読み込むときには、Twitter Bootstrapより先に変数を読み込んでおきます。 //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color

Google「Twitter や Facebook ソーシャルシグナルを検索順位に利用していない」と明言 グーグル・マットカッツ氏、Facebook や Twitter を検索順位決定要因として特別な利用法はしていないと明言。それができない理由についても語っている。 公開日時：2014年01月23日 16:37 昨年公開した記事『Facebook と SEO の関係 - Facebookページの人気度は検索順位に影響するのか？』でも触れた通り、Google は Facebook のシェア数やいいね数を把握する手段もなければ、そもそも robots.txt により googlebot が排除されている状況にあるため、Facebook （公開ページ）を処理することがそもそも難しい。同様に Google は2011年7月2日をもって Twitter との提携を終了したため、firehose （T

WordPress3.8で2014/1/14ごろからツイートの埋め込みができなくなった原因は、Twitter APIの仕様変更によるものでした 2014/1/14以降、Twitter APIの仕様変更でHTTPSでの通信が必須になりました。（参考リンク：Restricting api.twitter.com to SSL/TLS traffic | Twitter Developers） TwitterAPIの公式アカウントでも以前からアナウンスがありました。 Important: On Jan 14, 2014 all requests to http://api.twitter.com  will require SSL & disallow plaintext connections https://dev.twitter.com/discussions/24239 … （引用：「h

Twitterが生活の一部となっている人も多いと思いますが、世界中のツイートを分析するといつもと少し違うTwitterを見ることができます。そんなTwitterの様々な情報を可視化できる見ていて楽しいWebサイトを集めてみました。 1. Twitter + GNIP 最初に紹介するのは世界中のTwitter使用状況を可視化したマップのTwitter + GNIP。 東京にズームしてみました。線路や道路だと思われる場所が光っていますね。 AndroidやiPhone、BlackBerryといった端末別に絞り込むこともできます。 2. HiveMindMap 続いては人気のハッシュタグをマインドマップのように見ることができるHiveMindMap。 マインドマップのように可視化することで、ハッシュタグごとの関連性を見ることができます。 また、カレンダーで今週話題のハッシュタグをチェックすること

Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと

ケーススタディのページ・実際に利用しているカスタマー・推薦の言葉を載せているページ・全自動で得られたデータなどを最終的には人力で分析し、「あの有名スタートアップ企業はどういうサービスを組み合わせて運営されているのか？」がわかるのが「Cloudstacks」です。 Cloudstacks | Leanstack - Find the best cloud services. http://leanstack.io/cloudstacks/ 例えばTwitterの場合は以下のようになっており、DNSマネージメントは「Dyn」、ウェブサイトの死活監視は「Pingdom」、CDNは「Akamai」、ヘルプデスクは「Zendesk」といったようなことがまとめられ、一目瞭然となっています。 Twitter | Leanstack - Cloud services for developers. htt

【Featherweight UI】ベクターベー... / 【Square UI Free】フラットなUIコ... / 【Flat UI Kit】フラットなUIを揃えた...他...全8件

Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。 ドロップダウンメニューとかフォーム周りとか。 ツールチップとかとか。Bootstrapに含まれているコンポーネントは一通りデザインしてありました。 ちょっと気になる点もありますけど、ベースとしては素敵なものだと思います。動作も確認できますのでご興味のある方はご覧になってみては如何でしょうか。 Flat UI