はてなブックマークボタンの新たなボタンタイプを2月上旬に追加予定です。またこれに伴い、現在のはてなブックマークボタン（2012年以降バージョン）のデザインを変更する予定です。すでにブログやサイトなどに設置されているボタンのデザインは自動的に最新版へ変更される予定ですので、ユーザーがタグの再設定をする必要はありません。 新たに加わるボタン 新たなボタンタイプは、スマートフォンでも利用しやすいデザインになっています。また今後は、ボタンタイプごとに幅や高さのカスタマイズが可能になる予定です。 新しいボタンタイプ カスタマイズ例 デザイン変更を行うボタン これまでのはてなブックマークボタンのデザインを、他サービスボタンのテイストに合わせて変更する予定です。バーティカル型のボタンは高さに変更（→ height:40px）があります。 左: これまでのボタン / 右: 新しいボタン 今後とも、はてなブ

アメリカ大統領選の大統領候補、ヒラリー・クリントン氏（民主党）とドナルド・トランプ氏（共和党）は10月9日夜（現地時間）、2回目のテレビ討論に臨む。

11月21日（土）からTwitterのツイートボタンの仕様が変更され、ツイート数の取得が不可能になりました。これに伴ってデザインの変更を余儀なくされた方も多いのではないでしょうか。 これまでオリジナルのSNSボタンで使われてきた「count.json」は元から公式が提供しているものではなかったので、ある日突然サポートを切られても文句は言えません。 Twitter：ツイート数取得API「count.json」提供終了のお知らせ 「それでも何とかしてツイート数は表示しておきたい…！」と思って調べてみると、代替サービスが出ていたので試験的に実装してみることにしました。 count.jsoon 消えてしまったツイート数を復活させる「count.jsoon」 count.jsoonとは、自作SNSボタンで多く使われてきたcount.jsonの代わりになる新しいAPIで、消えてしまったツイート数を再取

GoogleがHTTPSをランキングシグナルで使用すると公式ブログで発表(※）してから、リニューアルを機にWebサイトのHTTPS化を検討するサイトが増えてきました。SEO目的だけのためにWebサイトをHTTPS化することは決しておすすめできるものではありませんが、セキュリティ面なども含めリニューアル時にWebサイトをHTTPS化するサイトも増えてきたように思います。 ※Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用します 現在、HTTPの環境にて運営しているWebサイトをHTTPSに変更しようとする場合、サーバー証明書の発行などのインフラ手続きから、サイト内部のリンクやcanonicalタグの修正、301リダイレクトなどのサイト内部の設定など、変更や修正を行わなければならない作業が他にも山ほどあります。 その中でも、Webサイト担当者をはじめとする

アプリマーケティング研究所 > アプリ開発 > 「週5日つかうユーザーが70～80％」DeNAのオタク選抜がつくったニュースアプリ「ハッカドール」が驚異的なアクティブ率を保てる理由。 今回はアニメ・マンガなどの情報を届けてくれるニュースアプリ「ハッカドール」さんにお話を聞いてきました。なにげに「驚異のアクティブ率」が出ているアプリの裏側の仕組みとは？ ※株式会社ディー・エヌ・エー　ハッカドール プロデューサー　岩朝暁彦さん 「ハッカドール」が出来た経緯とユーザーデータ 「ハッカドール」はどのような経緯で出来たのでしょうか。 岩朝： 元々DeNAの「美少女Mobageチーム」の立ち上げからはじまった企画で、このチームは社内のアニメ・漫画好きのエンジニアを集めてつくった「DeNAのオタク選抜」なんです。 そして、ハッカドールの企画は「自分たちがユーザーとして困っていることは何か？」から考えまし

ブロブ等のWebサイトにFacebookやtwitterなどのSNSボタンを設置していますでしょうか？記事に「いいね！」を押してもらったりシェアしてもらうのに大切なアイテムですね。各SNSの公式サイトにもボタンの設置方法等が紹介されていますし、多くの方が利用しているのではないかと思います。 WordPressをご利用の方であれば、『WP Social Bookmarking Light』等のプラグインを利用して簡単にSNSボタンを設置することが可能です。 しかし公式のSNSボタンを利用することによるデメリットも存在します。SNSボタンを設置してあるページを読み込む（表示させる）のに、とても時間がかかり重いのです。Facebookの「いいね！」ボタンは特に重いような・・・。ユーザビリティやSEOの面でもページ表示速度が重要視されるようになり、「0.1秒でも早くしたい！」という方にとって無視す

あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと尽くしの「ハンバーガーボタン」ナビゲーション。一方で、常にボタンが表示されメインコンテンツの表示領域が必然的に狭くなってしまう「タブボタン」ナビゲーション。見た目のデザインとしては当然「ハンバーガーボタン」の方が良い。では実際にユーザーとしても同様の見解なのだろうか。 クリーンでシンプルだが、ユーザーは操作方法を覚えられない 「ハンバーガーボタン」もしくは「ナビゲーションドロワー」と呼ばれるナビゲーションUIは数多くのアプリに見られる。Googleもアプリデベロッパー向けにオススメのデザインパターンとして推奨している

ソーシャルが日常化し、ウェブサイト上でもFacebookやTwitterのソーシャルボタンというのはよく目にするようになったと思う。それに伴い、Google AnalyticsやAdobe Analyticsでソーシャルボタンの利用数を計測している企業も増えている。 ただ、アクセス解析で計測している数値と、実際にウェブページ上で表示されている数値が合わない！ということをウェブの担当者から言われることがあり、少々困ったりもする。 各ソーシャルの仕様等もあり面倒なので、ソーシャルボタン計測については予め「あくまで参考値だからズレるよ」ということは言うわけだが、なんだかんだで「アクセス解析側の設定ミスなんじゃないか」とか言われることもあるので、数値が合わない理由をザッと書こうと思う。 そもそものソーシャルボタンのアクセス解析での計測方法については、いろいろなブログ等で紹介されているので、適当にグ

Google+ Interactive Post は まだ公開されて日が浅く、採用してるサイトも少なくどういったことに使えるか明確な例がないわけで。どんなことに使えるだろうと妄想するために、まずはどんなラベルがあるか調べてみました。 Google+ Interactive Post とは？ Facebookのシェア＋プロモーションのようなものを実装するものです。 インタラクティブとは双方向からの情報を処理するような意味で、外部サイト（ユーザーのブログや商用サイトなど）やアプリをGoogle+とつなげることができます。 イメージ図。公式より拝借。 たとえば公式のイメージ図の例で言うと、テキストをクリックで商品の詳細に移動して、「Add to Cart」のボタンをクリックすると商品がカートに入った状態でサイトへ移動します。 たとえばこれがAmazonならあとはもうレジへ進めば購入完了。翌日には

はてなブックマークボタンは、はてなブックマークが提供するソーシャルボタンです。このボタンを利用すると、ユーザーはあなたのサイトを離れることなく、簡単にページをブックマークできます。 本日は、多くのサイトでご利用いただいている、はてなブックマークボタンの改善をおこないましたのでお知らせいたします。 日本語のラベルも選べるようになりました はてなブックマークボタンのガイドページで、これまで提供してきた英語のラベルに加えて、他のソーシャルボタンと並べたときに違和感の少ない、日本語のラベルが選べるようになりました。 http://b.hatena.ne.jp/guide/bbutton 設置オプションが多様になりました これまでは、ラベル付きのはてなブックマークボタンについてはブックマーク数の表示があるものしか選べませんでしたが、他のソーシャルボタンのように「ラベル付きでかつブックマーク数の表示な

ブログの記事やウェブサイトにアップしたコンテンツはPVという形以外にも、ツイッターにつぶやかれたり、Facebookでいいね！をされることでどれだけ「バズ」しているかがわかります。 しかし 1. 興味をもって、2. 読むつもりで保存して、3. n日後に実際に読んだという「見えないバズ」はどのようにして把握すればいいのでしょうか？ その一つの答えを「あとで読む」サービスの Pocket （旧Read it Later）ボタンと、Pocketのパブリッシャーツールが提供してくれています。### Pocketボタンの数字の「おかしさ」 すべては朝、みたいもん！のいしたにまさきさん（@masakiishitani）からSkype経由で「Pocketボタンを設置してみてください、数字が知りたい」と連絡をいただいたところから始まりました。 なんだか興味がありましたので、さっそくブログに先日発表されたP

こんにちは、ニュースチームの渡邉雄介です。 みなさんは昨年からスマートフォン版の「livedoorニュース」や「NAVERまとめ」、一部の「livedoorブログ」に、Twitterボタン、Facebookのいいねボタンと併せて「LINEで送る」ボタンが増えたのをご存知ですか？お使いのスマホにLINEアプリがインストールされていると、今見ているページのリンクをTwitterやFacebookと同じようにLINEのトークやタイムラインにも共有できるようになります。 livedoorニュースでは、2012年の2月にLINEで最新ニュースをチェックできる「LINEニュース」アカウントを開設したのを皮切りに、6月からは「LINEで送る」ボタンを全記事ページに設置しました。最初は微々たる利用数でしたが、現状ではTwitterボタンの約2倍、Facebook(いいね)ボタンの約2.5倍も多くクリックさ

Webサイトの情報をLINEの友だちにトークやホーム・タイムラインに送ることができる「LINEで送る」ボタンについて、HTMLコードを自動的に発行できる手軽な設置方法と、開発者向けに画像を送ることができる技術仕様を公開しました。

2012年08月07日20:17 by oklahomer いいね！ボタンに大きめの仕様変更 カテゴリドキュメントSocial Plugins Open GraphのBuilt-in Actionの一つとしてBuilt-in Likeが追加され、モバイルアプリでも簡単にいいね！ボタンを実装できるようになりましたが、これに合わせ、既存のいいね！ボタンの仕様にも変更があるため、アプリによっては大きな影響があります。 各変更の詳細は後述しますが、既存のいいね！に対する仕様変更で一番大きいと思うのは、いいね！されたウェブページを管理するためのFacebookページが作成されなくなる点です。これまでは、いいね！されたウェブページには管理者のみが閲覧できるFacebookページが与えられ、そのウォールへ書き込みを行うことで、いいね！したユーザのニュースフィードへ情報を流すことができました。Open G

ども、実兄からFacebook友達申請きて承認を見送るt32kです。そんなソーシャル時代ですけどみなさんいかがお過ごしか？みなさんはこうは思わないだろうか？いいね！ボタンなどのソーシャルボタンはいっぱいあるけど、どうゆうふうに実装すればいいのよ！スニペット、コピペでいいの？ってね。そんなこと考えていたら、いい記事があったので翻訳してみたよの巻。 Original：Social button BFFs（2011-09-27）by Stoyan Stefanov TL;DR:JavaScriptの非同期読み込みはWebアプリのパフォーマンスにおいて重要な問題だ。以降に書かれている内容は一般的なソーシャルボタンに共通する取り扱い方についての記事であり、ソーシャルボタンに残りのコンテンツ読み込みをブロックさせないことを学べるだろう。結局のところ、ユーザーはあなたの コンテンツを最初 に見たいのであ

サイトのデザイン作成のとき、近頃は必須の配置物として、ソーシャル系のボタンがリクエストされます。 コーディングの時にボタンを入れ込むわけですが、デザインカンプにももちろん必要。でもほとんどがカウントとともにJavascriptで用意されているので、画像ベースの素材がありません。その都度、縦型、横型、数字入り、数字なしなどキャプチャしてバックグラウンドと四隅を1ピクセルづつ切って…とやってるわけですが、面倒なので、誠に勝手ながら、ここに置いておくことにしました。もちろん、実物大です。 つまり、ドラッグ、または右クリックでコピーしてFireworksに貼り付ける用のボタンサンプルです。だれが必要？私が必要♪ Twitter ツイートボタン サンプル カウント数ありの、縦、横、カウントなしボタン、そして英語ver.。 サイズ(px)：左より、「80*62」「横可変*縦20」「80*20」「横可変