JavaScriptのツールをいろいろUpdate(主に微修正)

JavaScriptのツールの細かい点をいろいろ直しました。

変更点は下記のとおりです。ほとんど内部的な修正というかソースを整えただけのものが多いです。動きや表示に影響があるものは太字にしました。

 

GAddress Finder

  • ver. 0.1.2
  • セミコロンを補完した

 

JSONDecoder.js

  • ver. 0.1.2
  • セミコロンを補完した

 

PHP-Manual.css

  • ver. 0.1.4
  • フォントを変更Pryn.cssの成果を取り込んだ)
  • 角丸のFirefoxとWebkitの独自実装形式を削除

 

Universal Colors

  • ver. 0.1.1
  • セミコロンを補完した

 

Yahho Calendar

  • ver. 0.4.6
  • カレンダー表示中にESCキーを押されたら、カレンダーを消すようにした
  • ちょっとリファクタリング

 

Yahho Sticky Footer

  • ver. 0.1.3a
  • bodyの左右のmarginを指定しない(YUIでの指定を上書きしない)ようにした

 

Yahho Suggest

  • ver. 0.1.1a
  • YUIのバージョンは2.x系の最新を使うようにした

 

すっきり。

余談ですが、先日たまたま一休.comを見たら、Yahho Calendarをカスタマイズされたものが使われててびっくりしました。嬉しいやら恥ずかしいやら。オモハユイというやつでしょうか。

アメリカのAmazon.com新着商品をRSSでチェックできるサービスを作った

New Arrivals RSS Feed Generator

構想3ヶ月、製作10時間。アメリカのAmazon.comの新着アイテム情報をRSSフィードで購読できるサービスを作った。要は、最新作をRSSでお届け!のUS版。

本の場合は著者、映画の場合は監督や俳優(女優)など好きなキーワードで検索できる。

商品のカテゴリは、DVDや本・CDはもちろんのこと、アパレルから携帯まで幅広い。MP3ダウンロードやKindleストアなんてカテゴリもある。

円高な今日この頃、アメリカのAmazon.comで割安な買い物はいかが?

New Arrivals RSS Feed Generator

で、ここからは技術的な話。

今回CSSフレームワークとしてYUI2(Reset・Fonts・Grids・Base)、jQuery UI CSS FramworkとPryn.cssを併用した。YUIとjQuery UIが共存できることが分かったのは大きな収穫。
残念なのはjQuery UIのbuttonがIEで角丸にならないこと。filterを使ってボタンらしく見せることで妥協した。

また、HTMLにはHTML5を使った。いわゆるVideoやCanvas等の「HTML5的」な目立つ使い方はしていないが、単にValidなHTMLを書くというだけでもHTML5はシンプルで使いやすい。
もうこれからはHTML5だけでいいと思う。(携帯も早くHTML5が標準にならないかな。)

しかしAmazon Product Advertising API(かつてAmazon Web Serviceと呼ばれていたものが何回かの改名を経て今はこの名前)の統一性の無さには困った。カテゴリによってsortのパラメータがバラバラ。場合によっては同じsortパラメータでもsort順が正反対。と思ったらReferenceが間違っているだけだったり。実際に動かしてみないと何が正しいかわからない。登録されてるデータもいい加減そうだから、あまり正確なsort順は期待できないかも...。

何はともあれ、New Arrivals RSS Feed Generatorをよろしくお願いします。 🙂

Yahho Calendar少しだけバージョンアップ(0.4.5)

YUIのJavaScriptカレンダーを日本語化&ポップアップ対応&祝日も表示 – Yahho Calendar [ゼロと無限の間に]

ほとんど変わってないけど。

主な変更点

  • YUIのバージョンを、リビジョンまでの指定から、常にバージョン2.x系の最新を使うように変更
  • IEでカレンダーの後ろにテキストボックスがある場合にテキストボックス内のマウスカーソルがカレンダー越しに透けて見える問題を解消

いつも思うけど、Yahho Calendarのバージョンアップはもうこれで最後かな。

Pryn.js & Pryn.cssバージョンアップ(0.2.5)

読み込むだけでWebページの「おもてなし度」を向上 – Pryn.js & Pryn.css [ゼロと無限の間に]

Pryn.jsの主な変更点

  • HTML5のautofocus属性に対応(autofocus未対応のブラウザでもautoでfocusできる)
  • HTML5のplaceholder属性に対応(placeholder未対応のブラウザでも、テキストボックスに未入力の場合のみメッセージをグレイアウトで表示できる)
  • select要素の選択されているoption要素を簡単に取得できるfunctionを追加(Pryn.getSelected())
  • 四角いBOXをちょっとだけ角丸っぽく見せられるfunctionを追加(Pryn.round())
  • formをsubmitした時のマウスカーソルを「待ってる」感が出るものに変更
  • Stringを拡張してword2regexp()を持たせるのをやめた

Pryn.cssの主な変更点

  • importするYUIのCSSのスキームをスキーム指定無しからhttpsに変更(スキームなしだとIEが2回読み込んでしまう問題を回避するため)
  • テキストボックスの背景色を変えたときに枠線の見た目が変わらないようにした(IE6は非対応)
  • ボタンの見た目のブラウザ間の差異を小さくした。かつ、ボタンを押しやすいように左右のpaddingを広めにした
  • フォントはIE7・IE8はメイリオ、Macはヒラギノ角ゴ、それ以外はブラウザの設定のフォントになるようにした
    (IE6やFirefoxは設定しないとClearTypeが有効にならないので自動でメイリオにするのはやめた。ブラウザの設定等でメイリオにしている人にはFirefox等でもメイリオになる)
  • リンクの色を綺麗な青等にした
  • 角丸(border-radius)のブラウザ別のサンプルを入れた

なんかゴチャゴチャしてきたので、JavaScriptはjQueryベースで書き直したくなってきた。

CSSはjQuery UI CSS Framworkベースで?でもYUIないとクロスブラウザ的に辛いかな...

未公開のまま溜まっていたPHPとJavaScriptのライブラリ的なものを公開した

PHP

JavaScript

だいぶ昔につくったのから、割と最近作ったのまで、まとめて公開した。

ちょっとしたものが多い。

それから、PHP x APIsの方もいくつか追加した。

Yahho Calendar バージョンアップ(0.4.4)

YUIのJavaScriptカレンダーを日本語化&ポップアップ対応&祝日も表示 – Yahho Calendar [ゼロと無限の間に]

主な変更点

  • 複数のカレンダー(Googleカレンダーで公開されているスケジュール)を同時に表示できるようになった
  • 日付の値をセットする要素とは別に、カレンダーを表示する場所を指定できるようになった
  • ポップアップでない表示もできるようになった
  • YUIロード後にCallback関数を指定できるようになった
  • カレンダー内のStyle設定のclass指定を少し変更

今回の変更は0.4.4ではなく0.5.0にしようかと思った。それぐらいの内容だが、普通に使う分には使わない機能ばかりなので0.4.4にした。

0.4.3は欠番で。

Pryn.js & cssバージョンアップ(0.2.4)

読み込むだけでWebページの「おもてなし度」を向上 – Pryn.js & Pryn.css [ゼロと無限の間に]

主な変更点(js)

  • フォームSubmit後にフォームを凍結する時間を3秒から5秒に変更
  • 古いSafariがDOMContentLoadedに対応していないことによる問題を解消
  • 表(table)を簡単にシマシマにできる機能を追加

主な変更点(css)

  • 読み込むYUIのCSSを2.7.0にバージョンアップ
  • disabledなform要素はマウスカーソルをそれにふさわしいものに変更(IEは一部のみ対応)
  • Googleのカスタム404ページのCSSを取り込んだ

Yahho Carendar バージョンアップ(0.4.0)日付範囲の限定が簡単に

YUIのJavaScriptカレンダーを日本語化&ポップアップ対応&祝日も表示 – Yahho Calendar [ゼロと無限の間に]

主な変更点

  • カレンダーで選択可能な最初の日と最後の日をそれぞれ指定できるようにした
  • カレンダーを表示中にカレンダー以外の場所をクリックされた場合、カレンダーを閉じるようにした
  • CSSの指定を少し簡略化
  • YUIのバージョンアップにともないロードするYUIのバージョンを2.6.0から2.7.0に上げた

本当はフォーカスが外れたらカレンダーを閉じるというのも盛り込みたかったけど、色んなケースに対応するのが大変そうなので断念。残念。

Yahho Calendarで選択できる日を限定する場合の設定方法

YUIのJavaScriptカレンダーを日本語化&ポップアップ対応&祝日も表示 – Yahho Calendar [ゼロと無限の間に]

メールで質問を頂いたので、Yahho Calendarで選択可能な期間を限定する場合のサンプルを作った。

改めてみると、多国語対応したせいで、YUI Calendarのconfigをいじる方法が少し分かりづらくなっていたことに気付いた。 🙁