2010-01-01から1年間の記事一覧

5分で分かる JavaScript を知らない人が JavaScript の便利さを学べる記事を書いたよ

JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script>…

お名前.comでドメイン名を取得する際の注意点ふたつ

web

さっきドメイン名をお名前.comで取得したんですが、ちょっと「おや?」と思った事があったのでメモしておきます。 「whois情報公開代行」を選択したのに、元の情報が表示される? 個人の家の住所なんか世界に向けて発信したくないので、whoisの登録情報には…

記号区切り "hoge_fuga" をキャメルケース "hogeFuga" に変換する方法

replace() の第一引数に正規表現を与えて、第二引数に置換を行う関数オブジェクトを与えて処理します。 'hoge_fuga_123'. replace( /_./g, function(matched) { return matched.charAt(1).toUpperCase(); }); // => "hogeFuga123" 正規表現の末尾の g は全部…

IE8でHTML5とjQueryの相性が悪い? (途中)

※途中です。とりあえずここまでうp。HTML : <section id="hoge"><div>XXX</div></section> JavaScript : document.createElement('section'); $(function() { alert([ $('#hoge').html(), // ok $('section').html(), // ok $('#hoge').clone().html(), // empty $('<section><div>XXX</div></section>').html(), // empty '---', $…

VIM (GVIM) で Zen-Coding する方法とサンプルいくつか

dev

Zen-Codingってご存知ですか? ご存知なければ今すぐググるべき。 google:zen-coding一言で言うと、ショートカット駆使してHTMLを高速に入力する方法、ツールです。そのZen-Codingのプラグインを、私が愛用しているGVIMに導入する方法と、その後に素晴らしさ…

(Twitter風に)入力文字数をカウントするスクリプト

基本戦略としてはタイマーで文字数を監視して画面に表示するだけです。(追記:「キーイベントじゃないの?」とtwitterで聞かれたんですけど、貼り付けのときにも数字を更新したいので、タイマーで監視するようにしています。)→DEMOただフォーカスを得てい…

CSSでMSのリボンUI風のボタン

CSS

CSS3のgradientやbox-shadowを駆使して似たようなものを作ってみました。→DEMO本物は光沢のあるグラデーションだったりするのですが、面倒だったのでそこまでは再現していません。他にも少しずつ違う部分がありますが……。ちなみに本物*1はこんな感じ↓Firefox…

アイス食べたいけど

if (tooHot) { var ice = ginpei.buy('ハーゲンダッツ'); // <= ここで Cost overflow exception. ginpei.eat(ice); } ><※はてダ⇔twitter連携を試してみました。 window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = w…

IE8でtableのセルが広がってしまう

window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.paren…

カラーコードの10進数と16進数を相互に変換

カラーピッカーで拾った色がだいたい10進数(0〜255)なので、それを16進数(0〜FF)の表記に変換するプログラム。 → http://ohbaco.net/archives/2010/0609/colorcode/colorcode.html せっかくなので逆変換も作ってみました。地味に#FFFな三桁コードにも対応し…

Phusion Passengerを使ってRuby on RailsをApacheで動かしてみた(Linux)

前回の続きです。「続きは明日」とか言っておきながら幾星霜……すみません。前回 : ■Railsに特化した高速Ruby、"Ruby Enterprise Edition"をインストールしてみた (Linux)Ruy on Railsでアプリを作ったらscript/severでRails付属のHTTPサーバーWEBrickを起動…

Railsに特化した高速Ruby、"Ruby Enterprise Edition"をインストールしてみた (Linux)

なんか速いらしいということで、試してみました。Linuxの話です、Windowsでは動きません。公式サイト→Welcome — Ruby Enterprise Editionなんかインストーラーがとーっても丁寧でわかりやすかった! Linuxでこんなにわかりやすいのは初めて。むしろこの丁寧…

Google Chrome拡張機能インストール時のメッセージが妙に怖い件

この拡張機能は、すべてのウェブサイトであなたの閲覧情報と個人データにアクセス可能です。 何も間違った事は言ってないし、すごい言い回しって感じでもないんだけど、なんかすごく怖い感じがする。

40秒で作るRailsアプリ

いやもうほんと作るだけならドーラおばさまにも怒られないで済みますよ!そうですね、いちおう「何かメモするアプリ」ということで作ってみます。環境はこんな感じです。 $ rails -vRails 2.3.5というわけで、つくるよ! スケルトン生成 スケルトンっていう…

ちょっとリッチなjQuery UI Sortaleのつくりかた

→微妙に移動しました : http://d.hatena.ne.jp/ginpei/20100124/rich_sortable

ちょっとリッチなjQuery UI Sortaleのつくりかた

jQuery UI Sortableを使ってドラッグ&ドロップで順序変更できるリストを簡単に作ることができるんですが、見た目がどうも好きじゃないです。なんというか、元いた位置がわからなくなっちゃうとことか。 そんなわけで、自分好みの見た目になるCSS(とJavaScr…

見ているページのタイトルを簡単にコピーするブックマークレット

どこかのページを見ていて「面白い! 誰かに伝えたい!!」と思ってURLをコピーして、あれ、じゃあページのタイトルはどうしよう? ってなった経験、ありませんか? ページのタイトルって、タブやキャプションバーに表示されているわりにどこからもコピーで…

新年です

今年は色々とやりたいなあと思います。 ブログも週一くらいで記事を書きたいなあ。デザインもがっつり変えたいです。 ドラムの方も、ちょいちょいと活動してゆきたいものです。 うむ。