2010/01/16(土)

ニコニコ動画のユーザーをニコニコチャートで検索するブックマークレット このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作, ブックマークレット — KAY @ 15:40:51

ニコニコブックマークレット第4弾。

↓をブックマーク！
ニコニコユーザーをニコニコチャートで検索

ニコニコ動画のうｐ主の中には、全ての情報を非公開にしてる方も少なくありません。
自分のウォッチリストを眺めてて「あれ？　この人はどんな動画を作ってる人だったっけ？」と思う事が多々あったので作ってみました。
本当はユーザーIDから動画を検索出来るのが望ましいのですが、そのようなサービスをやってるとこを知らないので……。
ウォッチリストにちょっとしたメモでも書けるように、公式で対応して欲しいところなんですけどねー。まあいいや。

使い方ですが、2通りあります。
まず、マイページのウォッチリストを開いている状態で使った場合。
各ユーザーの名前の横に「ニコニコチャートでニックネーム検索」というリンクが現れますので、そこからニコニコチャートにジャンプして下さい。
また、ユーザー個別のプロフィールを開いている状態で使うと、直でニコニコチャートへ跳びます。
そんだけ。

あっ、もしもニコニコチャート以外で、このブックマークレットの用途に合いそうなサービスを知ってる方がいらっしゃったら教えて下さいっ！

では～。

2009/12/16(水)

マイリストコメントページから公開マイリスト一覧ページへジャンプするブックマークレット このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作, ブックマークレット — KAY @ 19:49:59

はい、ニコニコブックマークレット第3弾。

↓をブックマーク！
マイリストコメント→公開マイリスト

いつの間にか動画を開かないと公開マイリスト一覧が見られなくなっていたので。
最近、この程度の簡単なやつならちょくちょく作っていきたいなーとか思ってるんですが、あんまりネタも無いので、もしこういうのが欲しいってのがありましたら、ブログのコメントかTwitterでリプライ下さい。
実際に作るかどうかは判りませんが。
外部jsを読み込んでやらないと動作しないようなめんどくさいのはパス。

2009/12/01(火)

ニコニコミュニティ動画から元動画へジャンプするブックマークレット このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作, ブックマークレット — KAY @ 17:00:22

またブックマークレット作ってみた。

↓をブックマーク！
ニコニコミュ動画から元動画へジャンプ

記事のタイトルだけで全容を説明してしまっているので書く事が無いです。
とりあえず、起動するとジャンプする前に確認ダイアログが出るので、動画IDだけ確認したい場合にも使えます。

なんか以前にそういったニーズをTwitterのTLで見掛けた気がしたので作ってみました。

2009/10/26(月)

ニコニコ動画で現在視聴している動画のサムネイルを表示するブックマークレット このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作, ブックマークレット — KAY @ 13:20:29

昨日ふと思い付いてtwitterでも書いたんだけど、作ってみたので～。

↓をブックマーク！
ニコニコサムネイル確認

ニコニコ動画で、今現在視聴している動画のサムネイルが開きます。
ブラウザの設定によってはポップアップブロックとかが働くかも知れません。
サムネイル以外から動画にジャンプして、コメントで「ちょｗｗｗサムネｗｗｗｗｗｗ」とか書かれていたり「サムネ一本釣り」とかのタグが付いてて意味が判らんかった時とかに便利。

2009/06/28(日)

はてブ関連機能の追加 このエントリをはてなブックマークに追加 

カテゴリー: WEB制作, ワードプレス, 雑記 — KAY @ 15:58:27

各記事にはてなブックマークのボタンを設置し、被ブクマ数が出るようにしてみました。
被ブクマ数は、なんかOperaだと画像が出てこない場合が……。widthとheightを指定していないのが原因だとは思うんだけど、これ無理だよねー。横幅は取得する画像によって変わるので。
まあ、間にスクリプトをかませばどうにかなりそうだけど……。
そーゆーのはまた今度。

2009/01/23(金)

固定幅でセンタリングされた要素の横にタブ風メニューをくっ付けるCSS このエントリをはてなブックマークに追加 

カテゴリー: CSS, WEB制作 — KAY @ 00:38:24

個人的にはリキッドデザインの方が好きなんですけどね。

ウィンドウをリサイズした時、ウィンドウではなく固定幅でセンタリングされたコンテンツに追随するようにメニューだのバナーだのをくっ付ける方法をば。

とりあえず以下の3点、

  • validなCSSである事
  • CSSハックを使わない
  • IE6にも対応させる

これを前提で。
↓サンプルソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>タブメニューサンプル</title>
<style type="text/css">
    div#main_contents {
        width:600px;
        height:1000px;
        margin:0 auto;
        background-color:#ddd;
    }
    div#menu {
        height:0;
        position:relative;
    }
    div#menu ul {
        margin:0;
        padding:0;
        width:3em;
        position:absolute;
        left:-3em;
    }
    div#menu ul li {
        list-style-type:none;
        background-color:#ddf;
        margin:2px 0;
        padding:0;
    }
</style>
</head>
<body>
<div id="main_contents">
    <div id="menu">
        <ul>
            <li>いち</li>
            <li>にぃ</li>
            <li>さん</li>
            <li>よん</li>
        </ul>
    </div>
    ほにゃららら。
</div>
</body>
</html>

強調部分がポイント。応用利かせれば右側に引っ付ける事も出来ますね。IE6を無視すればもうちょい簡単に出来ますが……。

タブメニューサンプル

2008/10/26(日)

WordPressアップデートしました。 このエントリをはてなブックマークに追加 

カテゴリー: WEB制作, ワードプレス, 雑記 — KAY @ 22:50:38

WordPress2.6.3日本語版にアップデートしてみました。
何か不具合があれば教えていただけるとありがたいです。

今のところ、管理画面のjavascript周りで文字化けが……。＾＾；

2007/06/12(火)

Windows版Safari このエントリをはてなブックマークに追加 

カテゴリー: WEB制作 — KAY @ 08:18:24

http://slashdot.jp/mac/article.pl?sid=07/06/11/2023209

おうっ。いつか来るだろなとは思ってたけど、ついに。Safari3のPublic BetaでWindows版。
ちょい触ってみましたけど、日本語周りはまだ全然って感じですね。うう～ん正式リリースはいつごろになるんだろうなぁ。

いずれにしても、これでようやく主要なレンダリングエンジンがWindowsに出揃ったという感じ。
今までSafariでの動作確認が一番のネックだったもんなー。
う～ん、嬉しいような嬉しくないような……。

2007/06/04(月)

パーマリンクのリダイレクト このエントリをはてなブックマークに追加 

カテゴリー: PHP, WEB制作, ムーバブルタイプ, ワードプレス — KAY @ 08:36:56

ブログをMovable TypeからWordPressに移行する際、記事やコメントに関してはWordPress側でコンバートツールが実装されてるので特に問題は無いのですが、URIが変わってしまうという点が一番ネックになると思います。
KAYも最初は、引っ越しメッセージ付きのRSSだけ用意しといて後は諦めるか、と思ってたんですが、記事数もそんなに多くないし（ちょうど100件だった）、せっかくだから全記事リダイレクトしたれと思ってこんなスクリプトを書いてみました。
(続きを読む...)

2007/06/03(日)

引っ越し、そしてWordPress このエントリをはてなブックマークに追加 

カテゴリー: WEB制作, ワードプレス — KAY @ 08:27:54

せっかくサーバを立てたのにコンテンツが何もなかったので、ブログを引っ越しさせてみました。
というか、xreaの鯖でCGIを動かすとめちゃくちゃ重かったので……。
さようならムーバブルタイプ。こんにちはワードプレス。

というわけで、ついにムーバブルタイプに愛想尽かしてしまいました～。
とりあえず、各ページのパーマリンクとRSSはリダイレクトされるように設定したつもりだけど……ちゃんと出来てるんだろーか。
つか、RSSリーダがリダイレクトのレスポンスコードをちゃんと解釈してくれるのかがちと心配。今のところ、Operaでは大丈夫っぽかったけど。

で、WordPress。う～ん、どうだろう。軽くなったのは確かだけど、WordPressだからなのか、引っ越ししたからなのか……。
まあ、多分両方かな。xreaってひとつの鯖にいくつくらいアカウント詰め込んでんだろ。あそこ、朝方はいっつも激重なんだよねえ。

つか、なんか色々やってて疲れた。眠い。今回のエントリ、内容がぐちゃまらですが（いつもの事と言われそう）ご容赦を。

とにかくまあ、そんな感じですので、これからもよろしくお願いしまっす！！

2007/05/17(木)

ドメイン取った。 このエントリをはてなブックマークに追加 

カテゴリー: WEB制作 — KAY @ 00:15:06

chisyamori.com～。

今回のドメイン取得に伴って、智者森のURIも http://kay.s18.xrea.com/ から http://kay.chisyamori.com/ に変わってます。
一応、旧URIでも問題なくアクセス出来るようにはしてあります。

というかここ数日自宅サーバの構築に奔走しておりましたよ、と。
現智者森は、サブドメインに旧来どおりxreaのs18鯖を割り当てて運用しておりますが、メインの方は自分でサーバ建ててみました。
CPUはP4の3.2GHz、メモリ1GB、HDD250GB、OSはVine Linux 4.1です。
サーバ用に新しくマシンを組んだんですが、大体のパーツは秘蔵のガラクタボックスに揃っていたので、出費はマザーボード、CPU、LANケーブル、ドメイン代のみ。2万そこそこで環境が構築出来てしまいました。＾＾；
ただ、電気代が気になるなあ……。

一応、PHP5とMySQLとphpMyAdminも入れてみた。使うのかしらん。
あと、Subversionもインストールしてみました。つか、現在のところこいつがメイン？　例のゲーム制作の管理用にと思って。
WEBサイトとしての運用は、「『ゲーム制作サークル』智者の棲む森」のサイトとして使うつもりです。
全然サイト制作の目途は立ってないけど……。＾＾；

2007/03/30(金)

mixiのサイドバーを削って横幅を狭めるブックマークレット このエントリをはてなブックマークに追加 

カテゴリー: JavaScript — KAY @ 07:50:25

ものっそい今更という気がしますが。＾＾；
mixi自体に付いてる機能で2列表示、3列表示の切り替えは出来ますしねえ……。
でもまあ、車輪の再発明はKAYのオハコなので、ネタ的には全然おっけー。（マジかよ）
ブックマークレットの練習という感じで作ってみたんですが、得るものは非常に少なかったですね。やってる事はフツーにスクリプト書くのと変わんないので、当たり前といえば当たり前ですが。＾＾；
大仰な名前まで付いてますが、どっちかっつーとこれ、小技、小ネタの範疇ですよねえ。スクリプトを直接ブックマークするという発想の面白さと、導入の容易さが受けたって感じでしょうか。まあいいや。

(続きを読む...)

2007/02/25(日)

components.jsのTransitionオブジェクト（続き） このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作 — KAY @ 20:10:40

前回のエントリ書いてから微妙にバージョンアップしてます。
組み込みのトランジションに加速度付きの移動とバウンドを追加してみました。
せっかくだから個々のトランジションに解説でも付けてみようかなと。

(続きを読む...)

2007/02/15(木)

components.jsのTransitionオブジェクト このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作 — KAY @ 08:01:28

components.jsでも紹介しようかなと。
なんつーか、結構前から使ってるんですが、解説とかすんのめんどくさくてずっと放置してました。

一応これは、prototype.jsのような、javascriptのライブラリ（と言っていいのか？）です。
prototype.jsはその名のとおり、組み込みのオブジェクトを汚しますが、components.jsは組み込みオブジェクトには一切手を付けないようにしてあります。なんか、頻繁に使いそうな関数とかはとりあえずグローバルに登録しとけ的な。
何分、勉強しながらの制作なので、ぶっちゃけ作りは粗いです。で、まだまだ開発途中です。なんかjavascriptで色々ちょこちょこやってる時に、関数やらオブジェクトやらが必要になりそうになったら更新していく、というスタンスです。めっちゃ自分用です。
そもそも、prototype.jsがいいらしいと聞きつつも、使い方を覚えるのがしんどいというのが出発点ですからっ。

でまあ、やっぱ1から解説すんのはめんどくさいので、とりあえずこいつのキモであるTransitionオブジェクトの触りの部分だけ。
そうなんだよなあ……そもそも、HTMLの動的書き換えの為に作ったのに、自分のサイトではほとんど活かされてない……。orz
まあいいや。

(続きを読む...)

2007/01/25(木)

ベンチマークとIEのエラー このエントリをはてなブックマークに追加 

カテゴリー: JavaScript, WEB制作 — KAY @ 00:16:10

こんな関数を作って、ベンチマークを実行してみました。

(続きを読む...)

次ページへ »