Digital Natives http://agorian.com/ Digital Immigrants challenge being Digital Natives Sigma Social Networking Site ja Copyright 2010 Fri, 15 Jan 2010 18:06:30 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss Lightbox

１．サーバへ設置
Lihtbox2からzipファイルをダンロードし解凍する。解凍したファイルをWEBにアップロードする。
 

２．使い方
（１）スクリプト
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>

（２）スタイルシート
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

（３）リンク
画像へのリンク（aタグ）で、rel="lightbox" を追加する。
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

複数表示するときは同じグループ名を、lightbox[グループ名] という形で書く。
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

３．サンプル

001 002 003

sample2　 　

※popup.jsと共存することが出きない。
※ビデオ版は、Videobox

]]> http://agorian.com/web/photo/000647.html http://agorian.com/web/photo/000647.html Photo Tool Fri, 15 Jan 2010 18:06:30 +0900 Videobox

Videobox

画像をクリックすると、背景が暗くなって画面中央に画像が開く透過レイヤー風効果を加えるのが、有名な「Lightbox」だが、「Videobox」はそのムービー版。YouTube、Google Video、Metacafe、iFilmなどを対象にしているが、自分で作成したFlashも利用できる。ただし、SWFのみで再生ボタンはない。FLVの再生にはJWPlayerを使う。

〔例〕Below, there are Metacafe, Google Video, iFilm and custom flash movie examples.

MetacafeGoogle VideoiFilm

使い方

１．以下のスクリプトとCSSをHeadセクションに書く

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />

２．ビデオにリンクするAタグにREL属性を下記のように書く。TITLE属性がキャプションになる。

<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">our video</a>
]]> http://agorian.com/web/video/000646.html http://agorian.com/web/video/000646.html Tool Video Fri, 15 Jan 2010 17:36:26 +0900 TinyURL 短縮URL 短縮URLの老舗？Twitter以前から、数行に及ぶ長いURLを短いURLに変換するサービスを提供しているのが TinyURL.com である。４億件のURLが登録され毎月２０億件のヒットがあるという。

しかし、Twitterの普及で短縮URLサービスが100以上も乱立するようになって、TinyURLの陰は薄くなったようだが依然根強い人気がある。三年前はTwitterの人気アプリの一つで、私が最初に使った短縮サービスなので愛着がある。もうひとつ愛着があるのは Twit this! というスクリプトだ。URLを引用してTwitterにつぶやける便利な機能だ。

１０年一昔とは昭和の時代の死語になり、いまや２～３年で一昔になってしまう。TinyURLもTwit this!も陰が薄く、これに代わるサービスがたくさんある。social Bookmarkサービスも乱立しており、各種のブログやCMSも類似機能を提供するようになった。

Facebook/Twitterなどを活用し自分のに美の生産性を上げるために、どれを使うのがいいか？昨年１２月にいろいろ試したがいまだに決定打がない状態だ。Twitter専用クライアントの選択と同じ状況である。日々進化しているからひとつに限定するのは難しい。

話が逸れそうなので、ここでは短縮URLサービスについて整理しておく。

  • TinyURL　元々メールに貼り付けるときのURLを短縮したいという要求に応えたもの。Gilby Productionsの商標になっている。Facebook/Twitterなどへの投稿はできない。

  • bit.ly　Twitter専用クライアントで一番人気のTweetDeckで採用されている。ワンクリックで表示できるSide barで操作でき、Facebook, Twitter, Gmailなどへ投稿できる。また過去の会話も表示される。姉妹サイトにbit.tvがありポピュラーなYouTubeを配信している。

  • Ow.ly　Twitter投稿だけでなく、写真・ファイル共有サイト（Twitterアカウントでログイン）としても利用できる。いずれビデオも扱えるようになるだろう。写真やファイルをアップロードすると短縮URLがアサインされる。HootSuiteが採用している。リンク先ページにHootSuiteバナーが組み込まれユーザを混乱させるのが欠点だ。

  • cligs　一番人気の短縮URLサービス。投稿先はTwitterとIdent.caだけである。Gmailにガジェットを組み込める。昨年１２月Mister Wong!（欧州拠点のSocial Bookmark)に買収された。

    • ]]> http://agorian.com/web/twitter/000645.html http://agorian.com/web/twitter/000645.html Twitter Wed, 13 Jan 2010 03:26:42 +0900 Facebook Facebookにアップロードした動画をブログに貼り付けた。Faceboog動画サイトを見るためにはログインする必要がある。ログイン後、Facebookログインユーザ全員に公開するか、友人登録したユーザだけにするかの設定ができる。

    熱海駅前の商店街
    ]]>     http://agorian.com/web/sns/000588.html http://agorian.com/web/sns/000588.html SNS Sun, 13 Dec 2009 01:05:41 +0900     digsby digsby公式サイト スクリーンショット digsby scrennshots
    Webサイトに貼り付けるウィジェットを簡単に作成できる。 ]]>     http://agorian.com/web/sns/000587.html http://agorian.com/web/sns/000587.html SNS Sat, 12 Dec 2009 18:55:30 +0900     つながる力を与える仕組み Twitterを中心としてつながるアプリを図式化した。既存のブログ、SNS、CMSなど主要なものはほとんどつながるようになった。ブログはTwitterFeedを使えばRSS接続できる。写真・動画の投稿サイトも沢山ある。便利になったものだ。

    つながる力 ※太枠で囲んだのは自営サイトである。無料のオープンソースを入手しサーバに設置したWebアプリである。多くは実験サイトだ。 ]]>     http://agorian.com/web/sns/000586.html http://agorian.com/web/sns/000586.html SNS Wed, 09 Dec 2009 09:00:53 +0900     MentionMap ]]> http://agorian.com/web/sns/000585.html http://agorian.com/web/sns/000585.html SNS Sat, 05 Dec 2009 19:14:34 +0900 ハッシュタグとAddThis #sigmasns を右クリックして、「このリンクをブックマーク(L)」を選択するとポップアップが表示されるので「保存」をクリックする。Chromeでは、リンクをドラグしてブックマークバーに入れればよい。 ブックマークの名前が #sigmasns 、URLが javascript:(function(){document.messageBoxForm.messageBoxMessage.value+="%20#sigmasns%20";})(); となっており、Firefoxブラウザのブックマークに登録される。 HootSuiteの入力ボックスで書いているときに、このブックマーク#sigmasnsをクリックすれば「#sigmasns」が入力される。 これも分からず面倒だという人は、日本語入力辞書に適当な名前で登録して変換すればよい。 参照しているページをブックマーク（IEではお気に入り）するのと同じである。新しいブックマークを作成するときにURLに上記のjavascript・・・を入力して作成してもよい。sigmasnsの代わりにほかのハッシュタグ名にすることもできる。 この仕組みは１０年近く前からあり、ブログ関係では Blog This!といった用語で、現在参照しているページを引用してブログ記事を書くことができる。このページで右クリックして、AddthisからたとえばBloggerを選択して、自分のブログに投稿することもできる。 digg, deliciousなどのソーシャルブックマーク、各種のRSSリーダー、Facebook/Twitter/Wordpressなどのブログサイトへの投稿がかんたんにできる。 ]]> http://agorian.com/web/tool/000584.html http://agorian.com/web/tool/000584.html Tool Fri, 04 Dec 2009 15:02:50 +0900 HootSuite 省スペースなHootSuite用スクリプト」を使うと、①アカウントを固定、②Shift+Enterで投稿、③縦に10件（通常４件）以上表示することができる。 HootSuiteHootSuite ただし、タブやカラムの追加・変更ができなくなる。私はFirefoxとChromeを多用しているので、この二つにGreaseMonkeyスクリプトを追加し、タブ・カラムを追加変更するときはSafariを使うことにした。 ※スクリプトはFirefox3.5.5, Chrome4.0.249.11で動作することを確認済みである。なお未確認であるが、SafariのエンジンはChromeとコアは同じなので動作するだろう。IEでは使えないと思う。 ]]> http://agorian.com/web/sns/000583.html http://agorian.com/web/sns/000583.html SNS Sun, 29 Nov 2009 04:03:14 +0900 TwitterFeed TwitterFeed OpenID 現在１２種類のOpenIDでログインできる。Emailアカウントを新規登録しても良い。Blogger OpenIDはGoogleアカウントでログインする。BloggerおよびMovable Typeを使ったブログサイトを登録した。下記のブログサイトで記事を書くと、Twitter/Facebookにも自動投稿される。 ※Laconicaを使ったサイトへの投稿設定が不明だ。デフォールトのドメインがidenti.caになっているので、identi.caサービスを利用しないとダメなのかもしれない。]]> http://agorian.com/web/sns/000582.html http://agorian.com/web/sns/000582.html SNS Thu, 26 Nov 2009 06:35:55 +0900 Tumblr 公式サイト：http://www.tumblr.com/ Tumblr バックアップは現在Mac用しかない。]]> http://agorian.com/web/sns/000580.html http://agorian.com/web/sns/000580.html SNS Wed, 25 Nov 2009 08:27:37 +0900 TweetDeck 公式サイト：http://tweetdeck.com/beta/ ※写真リンクは、TweetPhoto, TwitPic, YFrogがサポートされている。12secondsビデオの共有が可能。 ※設定がOriginal Fontになっていると日本語が表示されません。 →右上の「スパナ」ボタン（Setting）をクリック、開いた画面左の「Colors/Font」を選択、右下の項目で「International Font」を選択してSave する。 TweetDeck]]> http://agorian.com/web/000579.html http://agorian.com/web/000579.html Wed, 25 Nov 2009 07:43:24 +0900 Seesmic 公式サイト: http://seesmic.com/ Seesmic]]> http://agorian.com/web/sns/000578.html http://agorian.com/web/sns/000578.html SNS Wed, 25 Nov 2009 07:06:38 +0900 Twhirl Seesmicが提供している。アカウント別にウィンドウが開く。配色は15種類から選択できる。最新のつぶやきをポップアップで通知するように設定できる。 ]]> http://agorian.com/web/sns/000577.html http://agorian.com/web/sns/000577.html SNS Wed, 25 Nov 2009 06:11:50 +0900 TwitterクローンLaconica 比較表を転載した。 国際化対応、OpenID対応、ＰＨＰという視点からLaconia（現在StatusNet)を試しにインストールした。オープンソース開発やＷｉｋｉコミュニティに携わってきた人たちが設立したStatusNet（モントリオール）が開発・運用している。自分のサーバを持たない人のためにホスティングも提供している。おなじマイクロブロギングidenti.caもStatusNetが提供している。 １．最新版(2009-11-01リリース）の0.8.2.tar.gzをダウンロード。Linux/Ubuntuで解凍し、ＦＴＰを使ってサーバへアップロードする。設置パスはhttp://agorian.com/twitter とした。 ２．cPanelでデータベース作成。データベース名をtwitterとした。 ３．設置パス/install.php にアクセスしてデータベース（ユーザ名、パスワード）を設定してＳｕｂｍｉｔすればインストール完了となる。 ４．日本語化のためにconfig.phpに以下の二行を追加する。 $config['site']['timezone'] = 'Japan'; $config['site']['language'] = 'ja_JP'; ]]> http://agorian.com/web/sns/000576.html http://agorian.com/web/sns/000576.html SNS Wed, 25 Nov 2009 01:21:49 +0900