SocialNetwork – Mach3.laBlog https://blog.mach3.jp Wed, 13 Oct 2010 14:32:44 +0000 ja hourly 1 https://wordpress.org/?v=6.9 ここ数日のFacebook祭を経ての雑感 https://blog.mach3.jp/2010/10/13/using-facebook.html Wed, 13 Oct 2010 14:32:44 +0000 http://blog.mach3.jp/?p=872 何がトリガーになったのかはさておき、ここ数日のFacebookの勢いが凄いです。
Twitterのタイムライン上でも所狭しと”facebook”の文字が踊り、
皆さんこぞって登録・体験してみている模様です。

私も早速試してみたので、雑感などを。

やはり友達がいると楽しいもの

私自身、Facebookに登録したのは去年の5月でしたが、
登録したっきり何をするわけでもなく放置してしまっていました。
というのも、Facebook上でやりとりする相手が居なかった。

今回のお祭り騒ぎでTwitterのフォロワーさんを中心に、
今までほぼ皆無だったFacebookの友人が増えました。
やっぱり、友達が居るとネットワークサービスは楽しい。当たり前ですが。

結局は周りに流されたい

そんなわけで、どうせ試すなら賑やかな今、便乗すべきですよね。
友達がいなければ機能を試そうにも試しようがないわけで。

結局の所ネットワークサービスは長いものに巻かれたい。
というよりは自分の周囲の人がどれだけ使っているかにあわせたい。
周りに流されてなんぼ、「周り」が居てこそ面白いんです。
ミーハー、大いに結構じゃないですか。

でもプラットフォームはあまり増やしたくない

今後使っていくかどうかは、
ひとえに周囲にあわせていく感じではあるのですが…

個人的には、プラットフォーム的な物をこれ以上増やしたくないという気持ちが強いです。
Twitter・Tumblr・ブログ、そしてFacebookと。
それぞれの活かし方をきちんと考えてあげないと、
自分の情報が色んなサービスに散らばってしまって管理が行き届かなくなってしまう。
Web上に漂う自分の分身がボケたりブレたりしてしまう感覚。
これは気持ち悪い！

発言を同期する程度の仕組みは用意されてますが、
それはちょっと求めている物と違います。
結局発言の先にあるコミュニケーションというのは、
それぞれのサービス自体の物に因る事になるわけですから。

とりあえず、祭に揉まれながら活かす道について思いを巡らしてみようと思います。
Facebookアプリにも少し興味がありますね！

以上、まとまりのない雑感でした。

]]> SNSのシェアボタンを作る為のURL&パラメータメモ https://blog.mach3.jp/2010/09/05/sns-sharebutton-memo.html Sun, 05 Sep 2010 13:44:23 +0000 http://blog.mach3.jp/?p=570 ソーシャルブックマークサービスやソーシャルネットワークサービスが巷に多く溢れる昨今、
ページの下部にシェアボタンを追加しているサイトを目にすることも多くなってきました。
ほとんどのサービスがブログパーツとしてコードを配布していますが、勿論仕様もまちまちです。
そこでちょっと備忘録としてまとめておきます。

SNSのシェアボタンを作る為のURL&パラメータメモ

  1. シェアボタンについて
  2. Twitter
  3. Facebook
  4. Livedoorクリップ
  5. はてなブックマーク
  6. Delicious
  7. Googleブックマーク
  8. Yahoo!ブックマーク
  9. おわりに

シェアボタンについて

シェアボタン

よくブログ記事の下部に設置されている連中ですね。
基本的にどのサービスも共有用のURLが用意されていて、
そこにシェアしたいURLとタイトルをパラメータで添えてアクセスします。
（サービスによってはタイトルを自動的に取得しに行くタイプの物もあります）

配布されているコードをコピー＆ペーストすれば簡単に設置出来ますが、
コードの内容やボタンのデザイン等がサイトにそぐわなかったり、
メンテナンスの都合等で制作者が自分でつくりこみたいケースもあります。
そういった場合は下記にまとめたURLとパラメータをa要素に記述してやります。

パラメータについて

[url]
シェアしたいページのURL
[title]
シェアしたいページのタイトル

※渡すURLとタイトルは、きちんとURLエンコードしてあげましょう。

Twitter

URL

http://twitter.com/share?url=[url]&text=[title]

例

<a href="http://twitter.com/share?url=http%3A%2F%2Fwww.example.com&title=SamplePageTitle" target="_blank">Share on Twitter !</a>

Facebook

url

http://www.facebook.com/sharer.php?u=[url]

例

<a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.example.com" target="_blank">Share on Facebook !</a>

Livedoorクリップ

url

http://clip.livedoor.com/clip/add?link=[url]&title=[title]

例

<a href="http://clip.livedoor.com/clip/add?link=http%3A%2F%2Fwww.example.com&title=SamplePageTitle" target="_blank">Share on Livedoor Clip !</a>

はてなブックマーク

url

http://b.hatena.ne.jp/add?url=[url]

例

<a href="http://b.hatena.ne.jp/add?url=http%3A%2F%2Fwww.example.com" target="_blank">Share on Hatena !</a>

Delicious

url

http://www.delicious.com/save?url=[url]&title=[title]

例

<a href="http://www.delicious.com/save?url=http%3A%2F%2Fwww.example.com&title=SamplePageTitle" target="_blank">Share on Delicious !</a>

Googleブックマーク

url

https://www.google.com/bookmarks/mark?op=add&bkmk=[url]&title=[title]

例

[Share on Google Bookmark !][13]

Yahoo!ブックマーク

url

http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=[title]&u=[url]&ei=UTF-8

例

<a href="http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t=SamplePageTitle&u=http%3A%2F%2Fwww.example.com&ei=UTF-8" target="_blank">Share on Yahoo! Bookmark !</a>

おわりに

静的HTMLにこれらのパーツを組み込む案件があったのでまとめてみました。
ただ、実際1ページずつ組み込んで行くのは非常に生産性が悪いので、
JavaScriptで一括して処理しました。
そちらもプラグインにでも昇華出来た折にはまとめたいと思います。

※「このサービスも追加してくれ！」等ありましたら是非に。

2010/09/07
はてなブックマークのURLに誤りがあったので記事・DEMO共に修正しました
]]>