国内ソーシャルブックマークサービスまとめ

ソーシャルブックマークサービスは、ウェブ上にブックマークを保存して情報を整理したり、共通の興味を持つ人を発見したり、繋がることが（も？）できるウェブサービスです。

海外では、del.icio.us や Digg などが有名ですが、日本発のサービスは現在どれ位あるんだろうと国内のソーシャルブックマークサービスを調べてみました。

使ったことがあるものから今回初めて知ったものまで、サービスによって機能もさまざまで、いろいろな特徴を持っています。
（詳細は公式サイトでご確認ください）

ギークな人もそうでない人も、インターネット生活に欠かせないウェブサービスになりつつあるようですね。

ポータル系

• はてなブックマーク
• livedoor クリップ （サムネイル付き）
• Yahoo!ブックマーク（サムネイル付き）
• gooブックマーク（サムネイル付き）
• @nifty クリップ
• FC2ブックマーク（サムネイル付き）

 

サムネイル付き

• POOKMARK Airlines（プックマークエアラインズ）
• エンタメ系ソーシャルブックマーク - PingKing（ピングキング）
• CoRich（こりっち） - クチコミ情報ポータルサイト
• ROOTACE.COM
• ClipLink（クリップリンク）
• webshotsブックマーク
• Flog - ソーシャルブックマーク フロッグ！

 

ニュース系ソーシャル

• Buzzurl [バザール]
• ブックマーク：イザ！
• ユーザー参加型ニュースサイト - newsing（ニューシング）
• トピックイット：@nifty
• ニュースの価値を自分で決める【Choix】
• CliPeDia[クリッペディア]
• 参加型ニュースサイト ＠NEWZ
• Clippo(クリッポ)

 

デザイナー系ソーシャル

• Snippy (スニッピィ)：クリエイターズ
• デザイン系ソーシャルニュースサイト インデザ.jp

 

動画系ソーシャル

• ドガ - YouTube(ユーチューブ)などの動画ブクマ ドガッDogga
• VIDEO CHOP!(ビデオチョップ)
• muu.be（ミュービー）
• Mitter - 動画視聴体験共有サービス

 

まとめ系ソーシャル

• MixClips ソーシャルブックマーク横断サイト
• ソーシャルブックマーク検索ならTAGGY

 

モノ系ソーシャル

• Socialtunes* (ソーシャルチューンズ)
• MONOCLIP（モノクリップ）
• KaUno（カウノ）
• みんぽす

 

お笑い系ソーシャル

• 爆笑ブックマーク - 面白サイトをみんなで集めよう！

 

専門系ソーシャル

• みんなの論文サイトSesame!（研究者向け、学術論文特化）
• [okyuu.com] ソーシャルITメディア（エンジニア向け）

 

ウェブ非公開系

• あとで読む - あとでメールで読める無料ブックマーク・サービス
• FACE 簡単・便利な「お気に入り」保管サービス
  共有もできる
• オンラインブックマークサービス bookmarker
  情報はすべて非公開
  閲覧先にリファラが残らない

 

未分類

• BlogPeople Tags
• BookDAQ.jp / Top
• 1470.net
• JoltMark （ジョルトマーク ）
• ブクマクロ
• DUOBOOKMARK
• BLINK - あなたのWebブックマークの整理、管理、共有をオンラインで！
• Bookまーく
• ＠links - 無料アンテナレンタルサービス
• ザッピング - 受動系ソーシャルブックマーキング
• synClick
• webarchives folksonomy / ウェブアーカイブス・フォークソノミー
• referest （ソーシャルリファレンス）
• clipp: ソーシャル・スクラップブック
• baqoo - 狙い撃ち型SBM
• Noype : ソーシャルなサービスを次々と

 

参考サイト

• ソーシャルブックマーク - Wikipedia
• FrontPage - ソーシャルブックマークまとめサイト

【参考】好きなソーシャルブックマークサービスは？

お笑い系追加（2008/7/3）
動画系に Mitter 追加
専門系に okyuu.com 追加
未分類に referest・clipp・baqoo・Noype 追加

TB企画*これがないと困る！Firefox 3 のアドオンリスト

もうあなたなしでは生きていけないわっ！なんて大げさすぎますが、Firefox がなければブログも書けないほど「これがないと困る！」Firefox 3 のアドオンリストをトラックバックで募集してみます。
人のアドオンを見るのって楽しいですよね。

これだけ入れてもサクサクです。

Firefox 3 のアドオンリスト

All-in-One Sidebar 0.7.6

サイドバーの開閉、ダイアログや別ウィンドウに表示される機能をサイドバー内で表示する拡張

ColorZilla 2.0

カラーピッカー

Copy URL+

リンクや引用、これがなくちゃブログが書けないというくらい活用。Make Link のほうが簡単

Firebug 1.2.0b3

最強のデバッグツール

FireGestures 1.1.2

マウスジェスチャーAll-in-One Gestures から乗り換え

Gmail Notifier 0.6.3.4.1

Gmailの新着を知らせてくれる拡張

Greasemonkey 0.8.2008609.0

sbm関連、快適にブラウジングするための拡張

Hatenabar 0.5.6

はてなーなら入れておかなきゃね！

Japanize 0.8.11

英語のサイトを日本語化

Make Link 8.06

右クリックで一発リンク。カスタマイズも簡単

Menu Editor 1.2.6

無駄なメニューを非表示にしたり、項目の並び替えができる拡張

Pearl Crescent Page Saver Basic 1.7.1

見ているページのスクリーンショットを簡単に撮ることができる拡張

Stylish

ユーザスタイルシートの切り替えが手軽にできる拡張

Tab Mix Plus

タブ回りをカスタマイズする拡張

Tambloo

右クリックで簡単にTumblrへ投稿できる拡張

Web Developer 日本語版

Web制作にかかせない拡張

YSlow

Firebugと連携するパフォーマンスチェッカー。実はあまりわかってないw

【あわせて読みたい】

• Firefox3 マイアドオンリスト +最速ブラウジングVideo - WEBデザイン　BLOG
• Firefox 3で導入したアドオンまとめ | IDEA*IDEA

【関連エントリー】

• Firefox3 ギネス世界記録に挑戦！ :: Love & Design ::
• これがないと困る！Webサービスベスト10 :: Love & Design ::
  TB企画ではありませんが、たくさんのTBが寄せられとても参考になりました。

ご一緒にテーマはいかがですか？（7/2追加）

• 電波jp | Firefoxのテーマまとめ

CLOSE ↑

Seesaa ブログから Wordpress に引っ越し

Seesaa ブログには、MT（Movable Type）形式に対応した「エクスポート」機能があります。この機能を使えば、Seesaa から Wordpress にも簡単に引っ越しすることができます。

記事だけでなく、コメントとトラックバックもエクスポートできるので、丸ごと Wordpress に移しました。

以下、手順をメモっておきます。

Seesaa からエクスポート

1. マイブログ → 記事投稿 → インポート/エクスポートをクリック
2. 【エクスポート】の文字コード → 「UTF-8」にチェック
3. 取得範囲 「すべて」を選択
4. コメント／トラックバック→ 含める場合はチェック（任意）
5. "エクスポート" をクリックして保存

これでエクスポートは完了。

Wordpress にインポート

1. ダッシュボード → 管理
2. インポート →「Movable Type と TypePad」を選択
3. エクスポートしたファイルを選択
4. "ファイルをアップロードしてインポート" をクリックすれば完了！

新しいブログの URL は、準備が整い次第、またお知らせします。
しばらくはデザインをいろいろいじってみようと思います。

CLOSE ↑

Firefox3 ギネス世界記録に挑戦！

6月18日午前2時、Firefox3が正式にリリースされました。
今回はダウンロード数でギネス世界記録に挑戦！ということで、さっそく会社と自宅でもダウンロードぉおおお！

あなたもダウンロードしてギネスに挑戦しよう！
（ギネス世界記録への挑戦は日本時間 19 日 午前3:16 まで）

↓参加証明書（自慢できるのか疑問）

Spread Firefox | Download Day 2008
公式サイトでは、全世界のダウンロード状況をリアルタイムに見ることができます。

Firefox の灯 (ともしび)
こちらのサイトは、全国各地での Firefox 3 のダウンロード状況を可視化。
日本地図がキラキラ輝いています。

使用感は、サクサクしすぎて Firefox じゃないみたいです。
気になるのはアドオンの対応ですが、自宅の Firefox はまだ未対応のアドオンがあるので、インストールはとりあえず会社の Mac だけにしました。
以下は会社のアドオン覚え書き

アドオン覚え書き

Firefox3 対応済みアドオン

• DownThemAll!
• Greasemonkey 0.8.2008609.0
• Japanize 0.8.11
• Make Link 8.06
• Pearl Crescent Page Saver Basic 1.7.1
• SBM カウンタ 0.3.1
• Screen grab! 0.95
• Tab Mix Plus Dev-Build 0.3.6.X-Tab Mix Plus
• User Agent Switcher 0.6.11
• Web Developer 1.1.6

Firefox3 未対応のアドオン

• Firebug Japanese 1.05（Firebug）
• All-in One Gestures（FireGesturesで対応）
• All-in-One Sideber
  （Firefox3 対応 → All-in-One Sidebar 0.7.6）via:かえる_オノウ。 thx.

追加したアドオン

• FireGestures （マウスジェスチャー）via:栗先生 thx.
• Firebug 1.2.0b3

【Firefox 関連エントリー】

• わたしが Firefox を使う3つの理由 :: Love & Design ::
• TB企画*あなたのFirefox見せてほしいな :: Love & Design ::
• TB企画*これがないと困る！Firefox 3 のアドオンリスト :: Love & Design ::

CLOSE ↑

これがないと困る！Webサービスベスト10

もうあなたなしでは生きていけないわっ！なんて大げさすぎますが、毎日のインターネット生活の中で、わたしにとって「これがないと困る！」と思うWebサービスを10コ選んでみました。

これがないと困る！Webサービスベスト10

1. Google
   検索はもちろんのこと、Gmail や iGoogle にもお世話になってます。
2. はてなブックマーク
   メインで使っているソーシャルブックマークサービス
3. livedoorリーダー
   ブログの巡回には手放せません。
4. Amazon.co.jp
   デザインも一新してさらに便利になりました。
5. Twitter
   ゆるいコミュニケーションの場。情報の伝わるスピードが早い。
6. mixi
   ぬるいコミュニケーションの場。
7. Weblio｜辞書＜国語辞典・国語辞書・百科事典＞
   複数の辞書や用語集を一度に検索！
8. Infoseek マルチ翻訳
   テキスト翻訳やWebページ翻訳してくれるWebサービス
9. Socialtunes* モノ系ソーシャル
   人とモノ、新しい発見が見つかるサービス
10. 大容量ファイル無料転送サービス「宅ふぁいる便」
    最大100MB・無料の大容量ファイル転送サービス

よろしければ、あなたの「これがないと困る！」と思う Webサービスもコメントやトラックバックなどでぜひ教えてくださいね。

追記：2008/06/11
【番外編】（要インストール）

• Skype

おっと、これもないと生きていけない！ってことで追加
遠くの親戚より、オンラインの友達！

CLOSE ↑

あとで調べるGTDツール「ATODESHIRABERU」は超グッドだぜ！

creamuさんが4月15日にリリースした、あとで調べるためのGTDツール「ATODESHIRABERU」（あとで調べる）は超グッドだぜ！

タイトルは、ネタフルさんをパクリました。ごめんなさいごめんなさい＞＜

[N] 30日間限定のオンラインアルバム「30days Album」は超グッドだぜ！

ATODESHIRABERU | あとで調べるためのGTD

ATODESHIRABERUは、以下の2つの機能を持ったサービスです

・あとで調べたい言葉を登録して、その言葉を検索エンジンのリンク（Google、Yahoo、MSN）をクリックすることで検索できる。
・その日考えたことをマインドログとして記録することができる

ATODESHIRABERUについて から引用

「ATODESHIRABERU」の何がグッドかというと、まずそのシンプルさ！デザインもグー！
何かとWebで調べる機会が多い人、エゴサーチ（自分の名前を検索すること）やSEO対策など、同じキーワードで横断検索するとき、とっても便利なサービスですね。

毎回入力する手間が省けるので、分からないことや知りたいことがあったときは「ATODESHIRABERU」にポンポン登録しています。

検索ワードサンプル

このサービスを作った経緯などは、creamuさんの記事を参照
あとで調べるためのライフハックツール『ATODESHIRABERU』 | CREAMU

コメントにもありましたが、「一度登録した検索ワードの削除機能がほしい」とリクエストしたところ、さっそく削除機能を追加してくれました。
　→「ATODESHIRABERU」にdelete機能とfaviconをつけました。 | CREAMU

みなさんもどうぞご利用ください。

GTDとは？

GTDとは米国のコンサルタント、デビッド・アレンさんの著書、「Getting Things Done」の頭文字をとったもので、本に紹介されているストレスフリーの仕事術のことです。

【参考記事】
ITmedia Biz.ID：Getting Things Done（GTD）まとめ

CLOSE ↑

ペパボの新サービス「ログピ」が正式スタート！

エイプリルフールに1日限定で公開された、ペパボ（株式会社paperboy&co.）の無料ライフログサービス「ログピ」が、4月24日12時頃に正式スタートしたみたいです。先日 Twitter の日本語版もスタートし、これで一気にミニブログブームが来るんでしょうか。

ログピ | ログをピッてするライフログサービス

基本は Twitter と同じように「いまなにしてる？」という質問に短い文章で答えるだけですが、「ログピ」は記録系・予定系・プロフィール系などの「タイトルリスト」があるので、ミニブログ初心者の方でも気軽に始められそうですね。もちろんケータイからもOK！

すでに Twitter のアカウントをお持ちの方も、Twitter Pi ボタン を押すと、Twitter にも同時に投稿できるので使い分けてみてはいかがでしょう。

わたしが気に入っている点は、ペパボの社長イエイリさんも絶賛してますが、「ログピ」に投稿するときの「ピッ！」って音がいい！「ピッ！」が聞きたくて無駄に投稿してしまいそうです。

ブログのサイドバーに「最新ログ」や「プロフィール」を表示できる複数の貼り付けバッジや、ブログ紹介用素材も用意されています。

↓というわけで、無駄に全部貼ってみたよ！！

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピ-ログをピッてするライフログサービス

ログピのフリー素材はこちらからどうぞ

【関連エントリー】

ログピを正式リリースしました - daiskip.com
ログピをメインで制作したデザイナーのスーパーサイヤ人みたいなすげえ34歳！daiskip（34）♂をウルトラ応援するぴ！

CLOSE ↑

無料ツール「あとで読む」であとで読んでね。

現代人はとにかく忙しい。
ブログに mixi に Twitter にアウトプットアウトプット！
はてなブックマーク、livedoorリーダーでインプットインプット！

そりゃー、わたしのブログをじっくり読んでいるヒマなんてありませんよね。そういうワケで「あとで読む」ボタン をタイトルのすぐ右側に付けました。

「あとで読む」はボタンをクリックするだけで、メールにその記事を届けてくれるサービスです。RSS リーダーやソーシャルブックマークを利用していない方でも「今読んでる時間がない！」という時や「あとでじっくり読みたい」という場合に便利なサービスですね。
どうぞご利用ください。

ケータイ派のあなたには、1クリックでケータイにメールしてくれるモバイル版「 あとで読も」もあります。

[あとで読む][ってほんまかい]

実践！ブロガーのためのユーザビリティ新・7つの法則

ブログの世界でも「ユーザビリティ」の話題をよく見かけるようになりました。ユーザビリティとは、ソフトウェアやWebサイトの「使いやすさ」や「わかりやすさ」といった意味で「ユーザビリティが高い⇔低い」などと使われます。

また、ユーザビリティは時代とともに「Web技術の進歩」「利用者の環境」によって変化することもあります。性別によっても「使いやすい」と感じる要素には違いがあり、女性は色やデザイン、男性は機能面を重視するようです。
では、個人のブログではどのような事に配慮すればよいか、具体的に 7つに絞ってみました。

ブログユーザビリティ新・7つの法則

法則その 1：何のブログかどんな人が運営しているか書く

ブログの説明、簡単な自己紹介を見やすい場所に掲載する
類は友を呼びます。

法則その 2：リンクであることをわかりやすくする

• テキストリンクにはタイトルや具体的な内容を記載する
• 悪い例：「ここ」「あれ」「アソコ」など
• リンク以外のテキストに下線を引かない
• リンク先を無駄にチラチラ見せない

法則その 3：RSSフィードを表示する

RSSリーダーに登録しやすいボタンを設置する
無駄に大きなアイコンでアッピール！

法則その 4：フッターから次のアクションへ結びつける

最近は、サイドバーよりもフッターにメニューを設置するデザインのブログが増えてきました。タグクラウドや人気エントリーなどをフッターに表示すると、スクロールしたあと他のページも読んでもらいやすくなります。

法則その 5：ソーシャルブックマークのボタンを設置する

ツールバーやブックマークレットを使っている利用者も多いと思いますが、ソーシャルブックマークからの訪問者のために登録ボタンがあればブックマークされやすくなるでしょう。だからといって、ボタンの並べすぎは禁物。

法則その 6：何よりも記事がメイン

記事よりも広告が目立つブログは一気に読む気が失われます。
アドセンスやアフィリエイトのバナーは控えめに。

「こんなブログ読みたくない！」と思われないために、訪問者にやさしいユーザビリティの高いブログを目指したいですね。

【合わせて読みたい】

• ユーザビリティ研究所　アクティブシニア・シルバーのためのウェブユーザビリティ
• ブログのユーザビリティを高めるための20の秘策 | POP*POP
• Liner Note - ウェブユーザビリティについて考え始めたい人にオススメのウェブページ集
• Bad usability calendar（やってはいけないユーザビリティ 12項目）

[usability] [あれ？ひとつ足りない]
…というワケで 7つ目の法則は、すべてのブロガーを「愛すること」っ！

CLOSE ↑

ブログを書くスピードを大幅アップ！テキスト & リンク作成ツール特集

ブログを書くとき、ブログサービスの編集画面や、最近では携帯からブログを更新するという方も多いと思います。気軽に更新できるのがブログの良いところですが、もっと効率よくブログを更新したい！もっとたくさんの人に読まれたい！という方向けの特集です。

そこで今回は、主にブログでよく使う「見出し」「強調」「リンクの作成」「引用」など、そのままコピペで使える XHTML 要素と、スピーディかつ簡単にマークアップするためのシンプルなテキストエディタ & ちょっと差の付くリンク作成関連のツールをまとめて紹介します。

HTML初心者の方も、これでブログを書くスピードが大幅にアップ！ また、正しい(X)HTMLで書くことによってSEO効果も期待できます。

ブログでよく使うXHTML要素

そのままコピー & ペーストしてテキストを書き換えてお使いください。

段落（p要素）

<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>

改行（br要素）

テキスト<br />テキスト

見出し（heading要素/h1~h6）

<h4>見出し</h4>

強調（strong要素）

<strong>強調したいテキスト</strong>

引用（blockquote要素）

<blockquote cite="URL" title="タイトル">
 <p>
 引用テキスト
 引用テキスト
 </p>
</blockquote>
<cite><a href="URL">タイトル</a> から引用</cite>

テキストリンク（a要素）

<a href="リンク先のURL">リンクテキスト</a>

画像リンク

<a href="リンク先のURL">
<img src="画像ファイルのURL" alt="代替テキスト" /></a>

箇条書きリスト（ul/li要素）

<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>

番号付きリスト（ol/li要素）

<ol>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>

追記（4/7）：br要素・img要素は終了タグ不要ですが、XHTML で空要素は半角スペースを空けて <img /> と記述します。

(X)HTML の詳しい説明は、こちらのサイトが参考になります。
参考：ごく簡単なHTMLの説明

無料テキストエディタ

テキストエディタを使うと、簡単に効率よく(X)HTMLの編集をすることができます。優れたテキストエディタはたくさんありますが、シンプルで代表的なものを紹介します。

• TeraPad
• EmEditor
• mi（Mac OS X 用のテキストエディタ）

参考: HTML作成に使うテキストエディタを選ぶため若干のヒント

リンク作成関連ツール（ブックマークレット）

• RakuCopy
• 表示しているページのテキストリンクを生成するjavascript - WEBデザイン　BLOG
• ブックマーク数付きリンクが簡単に作れるブックマークレット[to-R]
• リンク先の Favicon（ファビコン） を自動で表示 :: Love & Design ::
• ちょっと差のつく「Copy URL+」のカスタマイズ :: Love & Design ::
  Firefox をお使いの方はこちらをどうぞ。

Amazonリンク作成

• Amazon ウィジェット
• もっと手軽でオシャレに！Amazon アソシエイト支援ツール集 :: Love & Design ::

引用関連ツール

• 引用マークアップを生成 - 徒書
• 第11回：引用（blockquote）を簡単にするブックマークレット ::: creazy photograph
• kwout | A brilliant way to quote
  Webページの一部を切り抜き引用できるサービス。拡大・縮小もできて便利！

サムネイルリンク作成

• サムネイルを作成するウェブサービス一覧 :: Love & Design ::
• オシャレな影付きのサムネイル作成サービス :: Love & Design ::

実体参照変換

実体参照とは、文字列内の < > & など特殊文字を記述するための符号です。

• 蓄々HTML実体参照変換 : akiyan.com
• XHTML 文字実体参照 [WEB ARCHIVES]
  文字・数値実体参照の一覧

他にも便利なツールがあれば、教えていただけると幸いです。

【関連エントリー】

• ブロガーツールセット for Mac :: Love & Design ::
• 無駄にエロい記事の書き方 :: Love & Design ::

CLOSE ↑