透過PNGの罠 - AUSGANG SOFT
IE7で透過PNGがサポートされて、以前からもありましたが、透過PNGをIE5.5、6でも表示させるJSライブラリがいくつか出ています。 これらのライブラリは、IE独自のAlphaImageLoaderフィルターを利用して擬似的に透過PNG表示をさせています。 でも、このAlphaImageLoaderフィルターには、癖があって、それで以前にハマったことがあります。 実例 IE6(5.5)で見てください。 吹き出しの中のLingerへのリンクをクリックして移動することができますか？ 原因 原因がさっぱりわからなかったので、ライブラリの中身を見て、AlphaImageLoaderで検索したところ以下の情報が。 PNG ちょっと裏技 (2) http://www.minc.ne.jp/~konda/new/png/urawaza02.html アルファイメージローダーを使用した要素(タグ)の内
Greasemonkeyでコードリーディング - AUSGANG SOFT
id:ujihisa から以下のリクエストをもらいました。 写生/写経Greasemonkey 目的としているのは、即席でタイピングゲームを作るような感じです。 ただしタイプする対象となる文字は「任意のWebサイトに掲載されている文字列」で プレイ時間とかそういうゲーム的要素は不要です。 英語の教育などで、英文をそのまま移す作業を何度か繰り返すことで そのまま覚えるというのがありますが、それを簡単にするためのツールというわけです。 英文じゃなくてソースコードとかを対象にしてうまくいくか、実験してみたくって。 なるほどー、その発想はなかった。 ということでさっそく作ってみました。 codereadingandwriting.user.js その他のGreasemonkeyスクリプト 簡単な使い方 インストールしたら、新しいページ を開いて、文字列を選択してEnter。 すると↓のような画面に
Greasemonkeyでサーチエンジン - AUSGANG SOFT
しばらく間が空いてしまいましたが、Greasemonkey アプリケーション第三弾です。 思いついたら即検索！ ブラウザ上でいつでもどこでも使えるサーチエンジンです。 hoeditor.user.js その他のGreasemonkeyスクリプト 今回もいままでのスクリプトに機能を付け足しています。 簡単な使い方 インストールしたら、新しいページ を開いて 日本語入力がOFFになっているのを確認してから"s"キーを押します。 すると以下のような検索キーワードを訪ねるダイアログボックスが表示されます。 検索したいキーワードを入力してEnter。 以下のような検索結果が表示されます。（"apple"で検索した例） 標準で 超弩級Wikipedia検索 人力検索はてな Yahoo!検索はてブ順 Google の検索結果を表示します。 もう一度検索したい場合は、再度、sキーを押してください。 他の機
Google Docs でブログを書く - AUSGANG SOFT
「Google Toolbar 3 for firefox ベータ版」が話題です。 特に↓この Google Docs & Spreadsheets との連携機能がスゴイ！ ITmedia Biz.ID：OfficeファイルをダブルクリックしてGoogle Officeで開く http://www.itmedia.co.jp/bizid/articles/0612/13/news122.html いよいよ、さようならOfficeという感じ。 このGoogle Docsを使ってブログを書くことができるそうで、もしや便利かも？と思って、さっそく試してみました。 設定方法 Google Docs & Spreadsheets http://docs.google.com/ 設定画面（Setting→Documents→Blog settings）で とやっておけば編集画面、右上のPublishか
これまで作ったGreasemonkeyスクリプト まとめ - AUSGANG SOFT
だいぶ量が多くなったので、現在、動作するものを一度まとめておきます。 Greasemonkeyって？ ページの見た目や機能をブラウザ側でカスタマイズできるFirefoxの機能拡張です。 好みのスクリプトを追加することでページを読みやすくしたり、便利な機能を追加することができます。 インストールの方法・簡単な使い方は以下のページの解説がわかりやすいと思います。 はてなグリースモンキー - グリースモンキーの使い方 他の方が作られたスクリプトを参照するにはGreasemonkey - Mozilla Firefox まとめサイトをご覧ください。 これまで作ったGreasemonkeyスクリプト Google Greasemonkey - Google のラジオボタン押したら検索 http://a-h.panepon.com/einfach/archives/2006/0106171150.ht
prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本来のHTMLを出力します。 文字サイズの変更は、Firefoxのみ動作します。 基本コード サンプルはこちらからダウンロードできます。 まだ荒削りなので、実際に使えるかわかりませんけれど。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="crossedit
ワンキーで、"ページのタイトルとURLをコピー" - AUSGANG SOFT
最近、キーボードのキーでよく使う機能を呼び出すのが便利だなぁと思ってます。 で、多用する"ページのタイトルとURLをコピー"する機能が欲しい。 過去にRakuCopyブックマークレットをつくりましたが、やはりショートカットキーでダイレクトにクリップボードに転送したい。 Firefoxにはその用途のためのCopyURL+という便利な拡張があります。 ただ、現在Firefox2.0に対応しておらずインストールが面倒なのと、ショートカットキーに割り当てられるのかわからず。 そこで、以前にやったkeyconfig拡張で”Gmailで送信”と同様に、keyconfigを使ってショートカットキーに割り当てる方法。 使い方 keyconfigエクステンションをインストール。 "ツール" → "キーボードショートカットのカスタマイズ" で "新しいキーを追加" /* CODE */と書かれている部分に以下
Greasemonkeyでランチャー - AUSGANG SOFT
前回のGreasemonkeyでテキストエディタは思った以上に、反響があってビックリでした。はてなポイントまでいただいて感謝。これはうれしい。 ということで、第2弾行ってみます。 Greasemonkeyでランチャーです。 荒削りだけど、頻繁に見るページ、よく使うWebアプリなどを登録しておけば、たぶん便利！ hoeditor.user.jsその他のGreasemonkeyスクリプト 前回のスクリプトに機能を付け足しています。 簡単な使い方 インストールしたら、新しいページを開いて 日本語入力がOFFになっているのを確認してから"q"キーを押します。 すると以下のようなランチャーが起動します。 "q"キーで、次のメニューへ移動。 "shift + q"キーで、前のメニューへ移動。 "enter"でフォーカスされているメニューを開きます。 他の機能 起動するとブラウザのどのタブで起動してるか
Greasemonkeyでテキストエディタ
しばらく忙しく更新が滞ってました。 また、ぼちぼちと書きます。 最近、Greasemonkeyスクリプトも作り飽きてきたかなー。 と思っていたのですが、久しぶりに目からウロコなスクリプトを発見!! gotinの日記 - GreasemonkeyでRSSリーダー http://d.hatena.ne.jp/gotin/20061017 これはスゴイ！軽くて速いRSSリーダー。 人が思いついてもやらないことを、平然とやる。そこにしびれる、憧れるゥ！ つーことで、真似して作ってみましたグリモンアプリ。 普段一番使いそうなのでテキストエディタ。 hoeditor.user.jsその他のGreasemonkeyスクリプト 簡単な使い方 インストールしたら、新しいページを開きます。 日本語入力がOFFになっているのを確認して、"e"キーを押します。 画面が暗くなりエディタ画面が表示されます。↓例 テキ
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
萌ディタで保存と同時にFirefoxをリロード - AUSGANG SOFT
最速インターフェース研究会 :: 萌ディタで保存と同時にSafariをリロードするデモ http://la.ma.la/blog/diary_200607291943.htm ものぐさなので「プロキシたてるのとか、面倒だなぁ。でも便利そうだなぁ。」 と指をくわえていたのですが、 hail2u.net - Weblog - CSSファイルを保存すると同時にブラウザをリロード http://hail2u.net/blog/webdesign/save-css-file-and-reload-browser.html これ読んだら、似たようなものなら、もう少し簡単にできそうな予感。 でくすもんの開発途中から萌ディタ使いになってみたので srcfile.javascript.txtに以下のコードを追加。 function sleep(wait) { var then,now; then=new D
Javascript >> Flash でクリップボードにコピー
先日、こんな記事を読みました。 fladdict.net blog: オンライン上swfの天才的デバッグ方法 http://www.fladdict.net/blog-jp/archives/2005/06/swf_2.php トレース使う代わりに、アウトプットしたい情報をクリップボードに送れ！！ System.setClipboard(ここにデータ); 頭よすぎ。 まさに目から鱗のデバッグ方法。そんなことできるとは。 これ読んで、ふと、もしかしたら、長年不便に思ってたことを解消できるかもしれないと思い立ちました。 RakuCopy や amazie など、一度クリップボードを経由して、メールやBlogにペーストするツールを作っていると、たいていボタン一つでクリップボードに転送する機能をつけたくなります。 これは、Windows 版 IEでは可能なのですが、それ以外のブラウザでは、Java
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
