入力文字数の制限を可視化する JavaScript
■ 入力文字数の制限を可視化する JavaScript 好評の、読み込ませるだけシリーズ の8番目。 maxlength 属性とかアプリケーション側とかでフォームの入力文字数を制限していても、ユーザにとっては自分が何文字くらい入力したかがわからないと不便そうなので、汎用的なのを作りました。 フォームにフォーカスが当たると、入力した文字数と入力可能な文字数が表示され、リアルタイムに更新されていきます。 動作サンプル コードは次の通りでして、prototype.js(1.5.0くらい) に依存してます。 var VisualLength = Class.create(); VisualLength.prototype = { initialize: function(attribute) { this.fields = ['INPUT', 'TEXTAREA']; this.attribute
redMine をいじる
■ redMine をいじる redMine 使ってみる の続きです。 プロジェクトに関する機能を、ちょっと触ってみました。 * プロジェクト登録 まずはプロジェクトを登録しないと始まりません。 管理者アカウントで簡単にプロジェクトの登録が出来ます。 名前を決めて、リポジトリの URL を入れてと言った具合で、別にどうと言う事はないです。 ローカルだけじゃなく、ネットワーク越しのプロジェクトも登録出来るので、何かと融通が効きます。 新しいプロジェクトを登録したら、そのプロジェクトに所属するユーザを指定する事になります。 自分が所属しているプロジェクトにしかバグ報告とか出来ないので、細かく利用者権限を振り分ける事が出来るようになっています。 所属ユーザを変更する場合は「プロジェクト」から該当のプロジェクトを選択し、「設定」の「メンバー」を選びます。追加するユーザには「管理者」とか「開発者」と
svk コマンドの補完 @zsh
■ svk コマンドの補完 @zsh そろそろ svk コマンドでも使いはじめてみようかと思い立ったのでちょこちょこ遊んでみました。 でもって普通のオプションすら補完されないのが不便過ぎて死にそうなので調べてみた所、結構便利な形で補完機能が使えるような事がわかったのですが、情報が全然無くてすぐには出来なかったので、手順を書いておきます。 といってもチョー簡単ですけど。 まずは次の URL から _svk と svk-complete.pl をゲット。 https://intrigeri.boum.org/svn/pub/_svk/ svk-complete.pl をどこか PATH の通ったディレクトリに配置。とりあえず /usr/local/bin あたり。 _svk は zsh の補完用のファイルを読み込むところに配置。$fpath で定義されているディレクトリ*1に置けば良いらしい。
Remember the Milk のショートカットキーを表示する Greasemonkey スクリプト
■ Remember the Milk のショートカットキーを表示する Greasemonkey スクリプト 最近 TODO は Remember the Milk だよねって事なので使っていましたら、@aka さんの所でキーボードショートカットの日本語訳が書いてあるのを発見しました。 Remember the Milk のショートカット・キー こんなとっても便利な機能があるなんて知らなかったよ！と思って、早速いつでも楽に確認出来るようにと Greasemonkey 化しました。 HTMLデータを丸パクリだったので、言おうか言うまいか悩んだんですが、やっぱり感謝の気持を伝えねばとコメントしたら、公開しちゃって良いよと暖かいお言葉を頂いたので、お言葉に甘えて自分の所で公開しちゃいます。言ってよかった！！どうもありがとうございます。 というわけで、どうぞ。@aka さんに感謝しながら使いましょ
Firefoxの便利なTips10個 の適当訳
■ Firefoxの便利なTips10個 の適当訳 別に英語は得意じゃないんだけど、何となくこういう作業って楽しいのかなと思ってやってみた次第。あと勉強になりそなんで。でも激しく適当な意訳なんでその変はまぁ、差し引いて下さい。 全体的に読みにくいのは主にオレのせいなんで、そこんとこ宜しくどうぞ。 原文: 10 Useful Firefox Tips 1. ライブブックマークの更新間隔を変更する about:config を開いて、新規に整数値(integer)を作成して設定名は browser.bookmarks.livemark_refresh_seconds にして、最後に更新間隔に指定したい数値を入力する(デフォルトは3600) 2. アドレスバーに入力した時のキーワード処理を変更する → アドレスバーにURL以外のものを入力したら、検索結果の一番最初のやつを表示するアレの事 abo
オレの .vimrc
.vimrc 晒し が流行りそうな予感なので、いち早く晒してみる。 しかしこうしてみると大した事はやっていないな。YYMMDDHH の時間別の自動バックアップと g を使ったキーバインドくらいが他であんまり見掛けない設定のような気がする。 autochdir は知らなかった。後で調べてみよう。 " ------------------- " 色の設定 " ------------------- syntax on colorscheme my highlight LineNr ctermfg=darkyellow " 行番号 highlight NonText ctermfg=darkgrey highlight Folded ctermfg=blue highlight SpecialKey cterm=underline ctermfg=darkgrey "highlight Spec
svn-diff.vim が便利
■ svn-diff.vim が便利 あまりにも普通に使いすぎていて拡張機能だったって事を忘れていましたけど、svn-diff.vim っていうのが便利です。コマンドラインで svn を使っていてログの編集に vim を使っているならマジオススメ。 ダウンロードしてきた svn.vim を ~/.vim/ftplugin/ に入れるだけで使えるようになります。 何が便利かって言うと、svn commit をした時に表示されるログの編集画面と一緒に、svn diff の内容も表示されるようになります。不要な編集を commit しようとしていないかの最終確認にも使えますし、ログをちゃんと書こうと思ったら編集内容を見ますよね？ ちょっとした事なんだけど、今では commit 時に一緒に diff が表示されないと何やら不安になります。 :-)
prototype.js の Form.Element.Serializers をハックしてみたよ
■ prototype.js の Form.Element.Serializers をハックしてみたよ 思いっきり乗り遅れ感抜群って感じなのですけど、昨日から prototype.js を使った JavaScript のコーディングをやり始めました。 moo.fx とか、Yahoo のライブラリ とか色々見てまわったんだけど、結局 prototype.js + script.aculo.us が一番お手軽高機能っぽく感じたのでこれを使う事にしました。 そんでもって、今まで自前でやっていた処理が組み込みの関数で出来るんだ、便利だなスゲェなって思って見ていたんだけど、Form.serialize の機能に不満点がある事が判明。実際自分もここでは苦労したんだけど、同じ所がおろそかになっていました。 Form.serialize は、フォームのフィールド名と値をリストにして返す処理をしてくれて、A
onsubmit で disable にするやつ
■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対して設定が行なわれるので便利。中止ボタン対策もしてあってグッド。 ただ、Deer Park な Firefox で試した所、戻るボタンで戻った場合は disabled が解除されないし、中止ボタンでの復活も効かない様子。 なので、書き直してみました。 var DisableSubmit = { init: function() { this.addEvent(window, 'load', thi
テキストフィールドのフォーカス時に背景色を変更する JavaScript
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
堅牢性の高い暗唱番号を考える
■ 堅牢性の高い暗唱番号を考える 見破られにくく、覚えやすく、おまけにハッピーになる暗証番号とは？ という事で、キャッシュカードやクレジットカードの暗証番号に、誕生日とか電話番号とかそういうパーソナリティから類推されにくい番号の選択方法が書いてありました。 ただ、どんな選び方にせよ、複数枚のカードが全て同じ番号と言うのはやっぱり少し弱いでしょう。しかし、それぞれで異なった暗唱番号を設定しても、実際には覚えにくくて使う気になりません。忘れたら結構困るものが暗唱番号でもあるわけだし。 で、この点を解消する暗唱番号の決め方のアイディアを結構昔に考えたのですが、未だに見掛けないのでご紹介します。もしかしたら問題があるから誰も言わないのかもしれません。良くわかりません。でも、自分としては結構良いアイディアだと思っているのですが。 仕組は結構単純です。 カードには必ず固有の番号が付いているはずです。銀
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
