Written by システマチックな言葉がちりばめられてて面白かったので。。
Sex Flowchart for the Single Guy. Sex jokes. Funny cartoon. Funny Myspace Pictures. Twisted Humor.
Posts in category 6:メモ・アイデア
滑らかにスクロールしながらアンカーに移動するスクリプト
javascriptを利用して、ページ内の指定した場所へ滑らかにスクロールしながら移動するライブラリです。
The Tiny Scrolling | Central Scrutinizer (en. vers.)
使い方はかんたんで、ヘッダー内に
<script type="text/javascript" src="tinyscrolling.js"></script>
を記述するだけ。
<a href="#hoge">移動する</a>
…
…
…
…
<h3 id="hoge">hoge</h3>
hogeになめらかスクロールで移動します。
googleをfirefoxサイドバーに表示する素晴らしさ
いまsticknの更新とかでwebブラウザのサイドバー（検索バー）に関しての情報を色々集めてるんですが、
「googleをサイドバーに表示すると便利だよ」というお話。
googleといっても、パーソナライズド ホームのほうね。。
「googleパーソナライズド ホーム」…Googleのシンプルなトップページに最新のニュースや天気などを自分好みに設置できる
erica’s joys 
: Firefox Sidebar + Google IG = Useful on any platform
１、firefoxをインストールしてなければインストールしときましょう。
２、firefoxでhttp://www.google.co.jp/igにアクセス。
３、コンテンツを全て左の列によせましょう（ドラッグできます）。よく使うものは上部に持ってきておく。
４、ページをブックマークしましょう
５、ブックマークを右クリック等「情報を見る」でブックマークの情報を表示します
６、「このブックマークをサイドバーに読み込む」にチェックを入れて、「OK」
７、ブックマークにアクセス
サイドバーに表示できたでしょ。
googleパーソナライズド ホームはあらかじめ用意されてるコンテンツを追加・削除できる他に、
自分でRSSフィードとかのURLを直接指定して追加できる（ホームページのコンテンツのディレクトリの検索フィールド横の「URL を指定して追加」）ので、RSSリーダーとかで頻繁に見てるニュースサイトのフィードとかを登録しておくととっても使い勝手が良いです。。
googleパーソナライズド ホームに設置できるコンテンツはRSSフィードの他にもゲームとか、カレンダー、時計とかのガジェットも設置できるんで、かなり楽しめてオススメ！
一つ注意点があって、日本語表示可能なgoogleパーソナライズド ホームは２つあって
米国版日本語表示：http://www.google.com/ig?hl=ja
日本版：http://www.google.co.jp/ig
があります。お互いコンテンツの内容を共有する事が出来ないんで注意して下さい。
googleアカウントでログインしていれば、共有できます。。
良さげなガジェット・RSSフィード、挙げときますね。
ガジェット(コンテンツ)のディレクトリも２つのページがあって、
米国版：http://www.google.com/ig/directory
日本版：http://www.google.co.jp/ig/directory
があります。
米国版の方がやはり豊富に揃ってますね。
もしかしたらhttp://www.google.com/ig/directoryにあるもので、日本版のパーソナライズホームでは使用できない物があるかもしれません。。
良さげなガジェット
Gmail
Gmail受信トレイをプレビューします。
（もちろんGmailアカウント無きゃだめです）
Wikipedia
Wikipedia検索とウィジットへの移動。 言語選択可能
Google Calendar
googleカレンダーを表示
（アカウント無きゃだめです）
Date and Time
時計と日付1
Time and Date
時計と日付2
BackGround Color
googleパーソナライズド ホームのbgカラーを変更する
To-Do List
シンプルなToDoリスト
「Stickn サイドバーにはてブ表示」にブックマーク一覧表示機能
Stickn -サイドバーにはてなブックマークを表示-で、タグ毎のブックマーク表示だけじゃなく、単純にブックマーク一覧も表示できるようにしました。
Sticknサイドバー上部の「
」アイコンをクリックすると、ブックマーク一覧を表示できます。
まだSticknを利用してない方は是非、使ってみてください
モールスキン買っちゃった。。
モールスキン（モレスキン）、公式サイトで２冊程購入して、昨日届きました。
しかもゴッホモデルのブルーとパープルです。。
ミーハーな雰囲気をムンムンと醸し出してますが、たまにはね。。
RSSフィードのURL変更しました
このサイト「Crara Blog」のメインのRSSフィードのURLを変更しました
http://feeds.feedburner.jp/crara_rdf
に変更お願いします。
いままで公開されていたFeedでも引き続き購読可能ですが、できれば上のでお願いします。
FeedBurnerっていう、いろいろと統計が取れるサービスを通す事にしました。。
「-Stickn- サイドバーにはてブを表示」にタグ絞り込み機能
Sticknで、文字入力でタグを絞り込んでいく機能（入力補完）を追加しました。
いわゆるgoogleサジェストみたいなものです。
スクリプトにはsuggest.js – 入力補完ライブラリを利用させていただきました。
ほんとに簡単に導入する事が出来て感激です。。
はてなブックマークにも似たような絞り込み機能がついてて、それに慣れていたんでちょっと不便してたんですよね。。
mojaviのValidatorクラスを作ってみた。
mojaviでは最初から、
- メールアドレスであるかを評価
- 数字であるかを評価
などなど、送信されたデータを検証するValidatorクラスがいろいろあるから必要無いかもしれないけど、
mojaviのソースコードを学ぶ事もかねて、指定した正規表現に当てはまるかどうかを検証するValidatorクラスを作ってみました。
使うアクションの中でこんな感じで記述
require_once(VALIDATOR_DIR . 'RegularExpressionValidator.class.php');
function registerValidators(&$validatorManager, &$controller, &$request, &$user)
{
$validator =& new RegularExpressionValidator($controller);
$criteria = array('error' => 'errormassage', 'regular_expression' => 'hogehoge');
$validator->initialize($criteria);
$validatorManager->register('param', $validator);
}
errormassage …当てはまらなかった時のエラーメッセージ
hogehoge …正規表現を記述(preg_match()で検証します)
livedoor Readerがping受信開始
livedoor Readerが更新pingの送信先を公開しました。
http://rpc.reader.livedoor.com/ping
一応、うちも登録しときました。。
javascriptとスタイルシートで「Lightbox.js」風に簡単フォトライブラリ
Lightbox.jsのように画像をオーバーレイで表示して、
画像ファイルが複数ある時には「次の画像」「前の画像」で違う画像に移動する事が出来ます。
このライブラリを使用すれば簡単にフォトライブラリが作れますね。
使い方
まずヘッダーに以下を追加します。
<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/thickbox.js”></script>
<link rel=”stylesheet” href=”css/thickbox.css” type=”text/css” media=”screen” />
次に表示したい画像を以下のようなリンクタグで指定します。
<a href=”filename.jpg” class=”thickbox” rel=”GroupName” title=”Caption goes here” target=”_blank”>
<img src=”filenameThumb.jpg” />
</a>
「rel=”GroupName”」
ここがグループ名となり、ファイルを表示したとき同じグループのファイルへ「Previous」と「Next」で移動できます。
グループに1つのファイルしか指定していない場合は「Previous」と「Next」リンクは表示されません。