スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
[備忘録]IEのgetElementByName
IEではgetElementByNameでid要素を取得するので、
getElementByNameを使う場合は、

firefox => nameに記述
IE => idに記述

で対処する。
| ajax/javascript | 13:03 | comments(0) | trackbacks(0) |
[備忘録]IEのgetElementById
IEのgetElementByIdはいろいろとバグがあるので注意。

× document.getElementById("hoge").getAttribute("class")
○ document.getElementById("hoge").attributes['class'].nodeValue

getElementByIdのバグ検証 - 似非プログラマ備忘録
label要素のfor属性をgetAttributeで取るときの注意CommentsAdd Star
| ajax/javascript | 02:22 | comments(0) | trackbacks(0) |
Yahoo!ウィジェット 作ってみました。
昨日、新しいブログツールを作ろうと思っていていろいろと考えていたら、面白いアイデアが浮かんだ。ただブログツールとしてはあまり意味がないものだったんで、どうしようかな?と考えていたら、ふとデスクトップツールにするのがいいのでは?と閃きました。(大げさ)

僕自身日頃からYahoo!ウィジェットのカレンダーをつかっているので、なかなか面白そうなので、早速昨日作ることにしました。

まずヤフーでYahoo!ウィジェット関連の情報を集めたんですが、なにやらこのYahoo!ウィジェット、アメリカからやってきたものらしく、提供されている「リファレンスガイド」「チュートリアル」がなんか変な日本語でした。まぁそれはいいんだけど、肝心の.widgetファイルをコマンドプロンプトからどう操作するのか全く書かれてないんですね。。とりあえず、配布されているウィジェットを展開して内容把握してからチュートリアルやろうと思っていたけど、それ以前にウィジェットが展開できない!

面倒なので昨日は結局何もせずに終わりました。
でも僕にしては珍しく今日になっても「あ〜もう作りて〜」モチベーションが高かったのでネットで調べることに。

そしたらやっぱり同じようにオフィシャルの情報に?な方がいて、調べていたので参考にさせていただきました。

Yahoo!ウィジェットのConverter.exeによる展開方法
Yahhoo!Widget楽々ツール

とくにC-maniaxさんの「Yahhoo!Widget楽々ツール」のおかげでやっとこさ.widgetファイルを展開できました。これ便利です!

というわけで今日は初めてウィジェットを制作&完成させました。
早速速攻でYahooに申請しちゃいました。
近々ウィジェットのページ作ってそこで公開しようと思います。

基本的にjavascriptで作るので簡単で面白いです。これはしばらくはまりそうな予感です。

ウィジェットに関するその他のブログエントリー
| ajax/javascript | 00:03 | comments(1) | trackbacks(1) |
Altertoolsに「楽天アフィリエイト」を追加しました。
以前に紹介したアフィリエイトのリンク作成ツール「Altertools」に「楽天アフィリエイト」のリンク作成機能を追加しました。これで、アマゾン、電脳卸、ビッダーズアフィリエイト2.0、楽天市場を全てまたいアフィリエイトリンクを作成することができるようになります。

楽天の検索には、これまた以前に紹介した「Rakuapi」を使っています。新たに自力で作ろうと思っていたのでとっても助かります。いやいやもっとこうしてくれという部分も多々あるのですが、これだけでも充分!気軽でいいです、感謝です。

「Altertools」自体最近はよく使われるようになってきて(といっても1日ユニークで20〜30人くらいですが、、)いろいろ自分的に足りない部分に手を入れています。

インターフェースも若干変えました。以前だとカートの部分の下にhtmlファイルのテンプレートを選択したりするメニューを入れていましたが、これだと画面が狭いとインターフェースが切れてしまって使いにくくなってしまうんですね。家のパソコンで使ってみて気付きました。これを上にしたり、これまでは商品リンクのhtmlのプレビューを同じカートの枠内にそのまま表示していたのですが、これだとやはり商品数が増えたときに下が切れてしまったり、肝心のhtmlソースのフォームが画面外に出てしまうので、iframeを使った表示に変更しました。

これからはテンプレート部分にもっと力を入れていこうと思ってます。
| ajax/javascript | 12:55 | comments(0) | trackbacks(0) |
amazon,アフィリエイト2.0,電脳卸の商品を混在してレイアウトできるAJAXツール
ようやく「AJAX+アフィリエイト」のツールが完成しました。
AJAX+アフィリエイト

ポイントは、

アマゾンとビッダーズ・アフィリエイト2.0と電脳卸の商品を同じレイアウトにどんどん追加・削除してアフィリエイトリンク一覧を作成できること。

あと、

AJAXで軽快&グラフィカル。

今回はウェブサービスの部分の大半はライブラリを使ったのですぐにできたんだけど、インターフェースデザイン的に洗練されていてカッコいいものを目指していたので、そこに時間かかってしまった。やっつけじゃないけど、早く絵的に完成したものにしたくて気があせって、結果インターフェース部分をいじっているjavascriptはすごいグダグダなコードになってます。。僕はカッコよければどうでもいいけど。

余談ですが、僕はすごい飽きっぽいのでこういうちょっとしたもの作る場合はかなり気合いれていっきに作らないと、もう次の何かに興味が移ってしまうんですね。それがわかっているので、毎回長くても1週間かからないでできるものを作るんですが、今回は本業が忙しいこともあって2週間くらいかかりました。プログラム1週間、インターフェースの作りこみ1週間くらいですね。

本業でもそうですけど、このインターフェースデザインというのがすごいくせものです。
新しいカッコいいインターフェースを作る!と気合いれると最初のアルファ版というのは恐ろしく使いにくいものが出来上がってきます。当たり前ですが、インターフェースというのは使う人の経験則で大部分が成り立つものでして、たとえば車の操縦は各国一緒なのは歴史的に熟成されて誰でも免許をとる前から親しんでいるから、スーッと入れるんですね。上手かどうかは別にして少なくともハンドルとブレーキとアクセスくらいはなんとなくわかるわけです。でもこれがアフリカとかで車のない文化圏で育った人には全く理解できないはずなんですね。あとはたとえばビデオとかAV家電のリモコン操作とかは、再生とか録画とか必要最低限の操作というのは各社で統一されているんですけど、予約録画とか独自の機能というのは各社でリモコンのデザインや操作がまるで違うので、新しく買い換えたりすると慣れるまでに大変だったりします。

ウェブのインターフェースも一緒でいくらカッコいいと思うものを作ってもこれまでの概念だったり、メタファーを逸脱したものというのは、見た人がどうすればいいのかわからなくなってしまうんです。これFLASHのサイトとか特に多いですが。で、AJAXで自由に作ってしまうとこれに近いことが起こります。これまでのwebでサーバとのやりとりの代表はフォームを使ったGET/POSTでした。GET/POSTというのは非常に構造としてシンプルなんですね、「送信」ボタンを押したところで、いったん操作シーケンスが終了、リセットされるんです。ここで情報のやりとりが行われていることがなんとなくネットをしていれば経験としてわかるんです。

AJAXの場合は非同期で通信をするので一般的にこの情報のやりとりがされている「タイミング」がわかりにくくなるんですね。エンジニア・デザイナー的には自由度があがって面白いんですが、一般の人、AJAXなんて?な人からするとちょっとわかりずらくなるんです。なのでデザイナーはこのエンジニアと一般の人の差をうめるために、メタファーなり以前の操作感をとりこみつつ作りこんでいく必要があるんです。

で何が言いたいかというと、すごい前置きが長くなりましたが、今回僕はECサイトの「ショッピングカート」っぽいメタファーを使ってインターフェースを作りました。そしてこれにAJAXで味付けしたというか、よりスムースに行えるようにしたかんじです。

ECサイト:商品検索→カートへ入れる→決済

altertools:商品検索→カートへ入れる→アフィリエイトリンクの作成


ひさびさに長く、本題とあまり関係ないエントリーになりましたが、ようやく公開できたので次は別のASP追加するかなぁと思ってます、楽天かヤフーショッピングあたり。そのまえにテンプレートもっと充実させなきゃ。んでそのもっと前にちゃんと使い方の説明ページつくらなきゃ。。僕的にはこれが一番億劫なところでして、はじめにインターフェースとは何か、誰でも使えるように作れ、みたいにエラそうに言いつつも説明が必要なものをいつも作ってしまっていたり。。

あとなんだか電脳卸のウェブサービスは2ページ以降はエラーが戻ってくる。普通にRESTしてもそうなのであっち側の不具合みたいですね。IEでしか確認してなかったけど、firefoxで一応見てみたら最低限必要な部分はちゃんと動いていたのでとりあえず気にしないでおこっと。。

Apple iPod nano 4GB グリーン MA487J/A
Apple iPod nano 4GB グリーン MA487J/A
Apple iPod nano 4GB ピンク MA489J/A
Apple iPod nano 4GB ピンク MA489J/A
Apple iPod nano 4GB ブルー MA428J/A
Apple iPod nano 4GB ブルー MA428J/A
Apple iPod nano 4GB シルバー MA426J/A
Apple iPod nano 4GB シルバー MA426J/A
Apple iPod nano 4GB ブラック [MA107J/A]
Apple iPod nano 4GB ブラック [MA107J/A]
アフィリエイト作成ツール
| ajax/javascript | 03:57 | comments(0) | trackbacks(0) |
| 1/2PAGES | >>