はてなブックマーク

Pure JavaScript + Canvas + SVG による QRコード簡易ジェネレータ

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 前エントリー（onkeypress、乱用禁止！）からの続きです。 お暇なら、前エントリーからお読みください。 onkeypress イベント属性の正しい指定の仕方を提案します。 主に『onclickと同時にonkeypressイベント属性を指定する場合の正しい指定の仕方』という視点での提案です。 ざっくりとまとめると、対処法としては以下の3パターンがあります。 onkeypressは使わない！（onkeypressの指定を削除する） onkeypressイベントハンドラにフィルターをかける その他（個別の対応が必要） 【2007/05/02】追記。

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 Webサイト構築やブログのカスタマイズをするにあたり、参考になるサイトを見ていると、よくこんな記述を見かけます。 onclick 属性を設定した場合は onkeypress 属性を同時に設定することがアクセシビリティ上好ましいとされています。 それがなぜそうであるのか、分かってやっていれば良いのですが、「?とされています」とだけ紹介してきちんと検証していない人、けっこういます。 そもそもこの設定は、アクセシビリティよりもユーザビリティに関する提案です。 しかも。「へーそうなのかー」と何も考えずにそれに倣って設定すると、却ってユーザビリティを悪くします！ コメント(4) oscar | 2007年4月30日 11:25 なるほど、全然知りませんでした?? 最近ちょっとだけ、Val

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 いきなり後ろ向きなエントリーでちょっと恐縮なのです(汗) 趣味の範囲を超えて『仕事』でMooToolsを使用していると、ブラウザの対応範囲の問題というモノには常に悩まされます。 具体的には、一番困るのが「古いブラウザにも対応して欲しい」というモノ。 それはなんとか説得できたとして、次に来るのが「じゃあ、せめて非対応ブラウザでエラーが出ないようにして欲しい」。 そこで、非対応ブラウザでエラーが出ないようにするMooToolsの微カスタマイズをお教えします。 と言っても、元のソースもロジックも触らず、ちょっとだけ書き加えるだけです。

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 Prototype.js で XPath を手軽に扱うためのプラグイン XPath for Prototype というものが公開されています。 作者の amachang さんのブログ の、プラグイン公開を紹介する記事に、「他のライブラリのプラグインに関して」という見出しでこんなことが……。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね＞＜？ 面白そうなので、書いちゃいました(^-^) XPath for Prototype の MooTools 版、名付けて「XPath for MooTools」（まんま）。 【※2008/06/12 ver.0.2 にバージョンアップ】

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 前エントリー（【提案】onkeypressの正しい併用の仕方！）からの続きです。 ご用とお急ぎでない方は、前エントリーからお読みいただくと、今回このスクリプトを提供する経緯がお分かりになると思います。 onclickとonkeypressの両イベント属性を併用している場合に、onkeypressの挙動をお行儀よく修正する追加スクリプトを提供します。 このスクリプトは、前エントリーで分類した、以下のパターンに対して有効に作用するモノです： onclick と onkeypress が同時に指定され、その内容が同じの場合 またその時に、そのような箇所を以下のように修正します： onkeypressイベントハンドラにフィルターをかける

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 前エントリー（onkeypress、乱用禁止！）からの続きです。 お暇なら、前エントリーからお読みください。 onkeypress イベント属性の正しい指定の仕方を提案します。 主に『onclickと同時にonkeypressイベント属性を指定する場合の正しい指定の仕方』という視点での提案です。 ざっくりとまとめると、対処法としては以下の3パターンがあります。 onkeypressは使わない！（onkeypressの指定を削除する） onkeypressイベントハンドラにフィルターをかける その他（個別の対応が必要） 【2007/05/02】追記。

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 MT4ベータが発表・公開されて、拙作のプラグインの動作確認をしていたのですが、一つ大きな問題を発見してしまいました。 ダイナミック・パブリッシング対応のPHP版プラグインにおいて、以下のような問題が発生したのです。 ウチでは問題なく動くのに、ほかの環境ではまったく動作しない！ この現象について、原因と対処法が判明しましたので報告します。 一言で言えば、『テンプレート・タグが大文字小文字を区別しなくなったことによる弊害』。 コメント(1) ＴＡＥＫＯ | 2007年6月20日 12:21 先日はお忙しい中、調べて下さってありがとうございました。 おかげ様でダイナミックプラグインもMT4で動くようになりました！ それにしても、そういうことだったのですね…よく分かりました。 思わぬと

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 今、仕事の合間に色々なAjax/JavaScriptライブラリを触っています。 そんな中で、個人的に注目したのが、『MooTools』。 エフェクト系のライブラリに分類されがちですが、DOM操作やリモート操作（XMLHttpRequestを使用したサーバとのやりとり）、Safariを初めとするメジャーなモダンブラウザへの対応（クロスブラウザ対応）など、コアな部分もしっかりしており、Prototype.js(+Script.aculo.us)の代替としても充分かそれ以上のモノを備えています。 主な特徴を挙げるとすれば、以下の通り： 軽量・高速 Safariを筆頭に、IE6,7、Firefox、Opera等でテスト済み $()関数、$$()関数等、prototype.jsとの互換性

製作一覧（Products）をグランドナビに追加しました。 過去（前職）の製作実績（Porfolio）を初め、JavaScriptツール、Twitter Bot、HTML5 製作物等、趣味で制作したモノも仕事で製作したモノ（公開できる範囲で）もどんどん紹介していきます。 2010年6月 2日 管理人：あんちもん2 製作一覧の更新情報 2010年6月 2日 Portfolioを公開 2010年5月 2日 瑞谷女史Botを更新 2010年5月 1日 旧暦Botを公開 研究室の最新記事 2010年12月11日 Ruby東海第15回勉強会 書斎の最新記事 2010年5月 5日 荘川桜 ブログ 研究室 記事(71) コメント(48) 書斎 記事(3) コメント(0) タグクラウド Movable Type Plugin Dynamic Publishing JavaScript CatSort PH

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 コメントスパム対策として有名なのは、Captchaプラグインが有名です。 コメントスパム対策として高い効果が得られるものですが、追加のPerlモジュールが必要など、初心者やサーバの設定を自由にいじれない共有サーバ（レンタルサーバ等）使用者には、なかなか手が出せない人も多いと思います。 （サーバのOSが Mac OSX の場合も相性が悪くてGDモジュールが正常に動作しない等の問題があります。） そこで。 簡単にインストール・設定できて、そこそこのコメントスパム対策効果が得られる、新しいプラグイン「SbCodeプラグイン」を提供します。 このプラグインの特徴は、以下の通り： 追加モジュールは一切不要！タグを一つ埋め込むだけ。ダイナミック・パブリッシング環境にも対応！複数ブログを運営

JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 更新情報の配信といえば、RSSやAtomが有名ですよね。 その中で最近、「JSON Feed」なる言葉を目にした（耳にした）人も少なくないはず。 JSON Feed というのは、誤解を恐れずに言えば「JavaScriptで記述された情報配信フォーマット」です。 そのまま「外部JavaScriptファイル」として<script>タグで読み込むことができ、スクリプトやAjaxで加工することができます。 ということで、このLabにも付けてみました。 http://www.antimon2.atnifty.com/feed.js せっかくなので、Movable Type 用の「JSON Feed テンプレート」を公開、ご自分のブログへの設置方法も解説します。 トラックバック(3)