あまなつはじめてから、HTMLの使い方を調べる為に買った本

Posted By: amanatu  //  Category: 買った本

ちょっと、あまなつをはじめてから、買った本なんかを紹介してみようかと思います。

まぁなんやかんやと、色々と買っているんですが、
「あまなつ」として、ブログなんかに貼り付けてもらうHTMLを提供するってことで
基本というか、正しい知識も必要だろうってことで
HTMLの使い方を調べる為に買ったのがこの本です。

詳解 HTML&XHTML&CSS辞典
あまなつ Shopあまなつで見る 同じレイアウトで作成

すごく、詳しく書かれていて、HTMLのことがよくわかります。
どのブラウザに対応してるとか、どんな風に使えばいいのかとか、
全編カラーのページでとても見やすいのもいいですよね。

わからないことがあったら、パッとひらいて・・・「うんうん、こうすればいいのか~」って感じで
一冊持っておいた方がいい本だと思います。

パラパラとめくりながら見てると結構楽しいですよ。
こんなタグがあるんだとか、こんな風に使うんだとか・・・

今は、最新版として第3版が出ているようですので買うならこちらがいいと思います。

価格
Webサイト制作に欠かせない1冊
Webサイトを作る上での基本知識を身に付ける上で定評のある辞典の改訂第3版です。旧版の長所である、W3Cの理念を正確に伝える記述、フルカラーで見やすい紙面、工夫された構成などを受け継いでいます。旧版からの変更点はCSS2.1草案に関する記述追加、対応状況掲載対象の変更(IE7やFirefox2.0が追加、一方NN4やIE4などを削除)、図版の変更、VistaやMacOS Xに対応した記述修正その他です。Firefox、Netscape6以降はともにGeckoエンジンなので、対応状況からNN4を削除するならFirefoxのみでも良かったようにも思います。旧版をお持ちの方も買い換えて損はないです。本書は辞書であるため具体的なテクニックまでにはそれほど踏み込んでいません。段組や各Webブラウザのバグ情報その他については同著者の「スタイルシートサンプル&リファレンス」などの方が詳しいです。

あまなつShopあまなつで見る同じレイアウトで作成

本も便利だけど、やっぱり重宝するのがとほほのWWW入門 HTMLリファレンスですね。
ネットに繋がってればいつでもサクっと見れますもんね。

Astoretwirlのあまなつへのリンク画像を変更

Posted By: amanatu  //  Category: Twirl

またまたすいません、Astoretwirlの左上のあまなつへのリンク画像を変更しました。
20070810-2.jpg → 20070826.JPG

ベストアソシエイト大賞がうれしかったので自作バナーを貼り付けたw

Posted By: amanatu  //  Category: Amazon

amazon.co.jp 第3回ベストアソシエイトコンテスト
 個人部門 ベストアソシエイト大賞 受賞 があまりにもうれしかったので
自作バナーを作って、あまなつのロゴの下に貼り付けちゃいましたw

20070822.jpg

第3回ベストアソシエイトコンテスト 個人部門 ベストアソシエイト大賞 受賞

いやぁ~なんかいい感じですw

「第3回ベストアソシエイト コンテスト 個人部門 ベストアソシエイト 大賞」を頂きました。

Posted By: amanatu  //  Category: Amazon

「えっ?ホンマですか?」

「ホンマに、うちなんかでいいんですか?」

って感じで、大変恐縮なんですが・・・

第3回 ベストアソシエイトコンテスト ついに受賞者発表!

皆様より多くのご応募をいただいておりました、第3回ベストアソシエイトコンテストの受賞者が決定いたしました

Amazon.co.jpアソシエイト・プログラム 第3回ベストアソシエイト コンテスト
個人部門
ベストアソシエイト 大賞
副賞:Amazonポイント10万円相当

頂いちゃいました。

どうもありがとうございました。

紹介された自分の所だけ抜粋しときます。

【サイト名】あまなつ amazonツール&ショップ
【1】ノミネートされただけでもすごいことだと思っていたのに、まさか大賞に選ばれたなんて信じられません。この受賞の喜びを忘れずに今後も新しい役立つツールを提供していきたいと思います。本当にありがとうございました。
【2】新しいアイデアを常に考えています。思いついたアイデアは出来るだけ早く形にして、とにかく始めます。そして少しずつ修正を加えながらより良いものになるようにしています。
【3】自分に合ったテーマを見つけて、楽しんで続けることが一番だと思います。

アソシエイト・プログラムによる評価:
ユーザビリティ ★★★★★
リッチなコンテンツ ★★★★
新しいアイディア、試み ★★★★★

アソシエイト・プログラムからのコメント:
Amazon アソシエイトメンバー向けのさまざまなリンクツールを提供しています。インスタントストアへの誘導をより簡単にしたastore badgeなど、新しいツールの追加やメンテナンスのスピードが早いことも大変すばらしいです。今後も期待しています!

20070821-3.jpg

副賞の10万円で記念にマグカップでも買っとこうかな?

Amazonオリジナル マグカップ 白
あまなつ Shopあまなつで見る 同じレイアウトで作成

おすすめ度の平均:4.5

5使い勝手、大きさ、問題ありません
3洗ってる時に持ち手がカパッと外れた・・・
5使い勝手が良い
5缶入り飲料が完全に入る大きさ
5黒を先に購入

どれぐらい利用されてる?Amazonインスタントストアと連動したAstoreBadge

Posted By: amanatu  //  Category: Badge

AstoreBadgeがどれぐらい使われているものかちょっと調べてみました。

Yahoo!で調べてみるとこんな感じ
20070817.jpg
約200,000件が検索結果で出てきます。
検索ワードは「by amanatu amazonstore」でやっているのでamazonstoreの部分の名前を変えている人、by amanatu の部分を消して利用している人もいるので実際はもう少し多いんでしょうが・・・

約200,000件と言っても、ブログのサイドバーに表示している人がほとんどなので、エントリーしているページ全てで表示されると考えると
この数は何を示すのか?ってなりますが・・・

まぁ、サービス提供している側なので、実際のところどれだけ使われているのかはデータとして持っているわけですが
アソシエイトIDまたはトラッキングIDの数を数えてみると、現在882個
この中には、一回使ったけど「やっぱや~めた」って数も入っているんですが
知らぬ間に結構ご利用頂いておりました。

はじめた頃の記録を見ると
2007年02月12日の「AstoreBadgeご利用サイト様一覧」を見ると192個になっているので
だいたい半年で4.5倍くらいですか・・・

今後、どのように伸びて行くのか、楽しみなところです。

ここのようにブログパーツを提供しているところなんかは
いろんなところで紹介してもらったりするたびに、
ぐぐ~んと利用者数が伸びたりするんでしょうが
さてさて、どうなることでしょうか?

増えるかなぁ?
来週が楽しみですね~w

あまなつへのリンクを画像に・・・Astoretwirl

Posted By: amanatu  //  Category: Twirl

Astoretwirlの左上にある あまなつへのリンクを画像に変更しました。

20070810.jpg → 20070810-2.jpg

ま、大した違いでもないですが、気持ちデザインがましになったかなってところで・・・

AstoreTwirlがMacのSafariでも表示されるように修正しました

Posted By: amanatu  //  Category: Twirl

先日はじめたAstoreTwirlがMacのSafariで見ると商品画像が表示されないと連絡頂いた内容「AstoreTwirlがMacのSafariでちゃんと表示されていない件について」ですが、とりあえずは表示されるように修正できたと思います。
(Mac、Safariの環境によっては表示されない可能性はあります)

とりあえず、わかっている内容だけでも書いておこうと思います。

◇まず、はじめに
私はMacを持っていませんので、Safari 2.0.4 のスクリーンショットを撮ってくれるサービスを使い、カット&トライを繰り返しながらでとりあえず、表示出来るようにした感じです。

◇表示されない原因?
 商品が床に映っているようなイメージを表現するのに canvas タグを使って、そこにミラーを表現する方法を使っています。
 IEは違いますが、fairefoxやsafariはそれを使うことでミラーな感じを表現できます。

 まず、styleにdisplay:none;を指定してcanvasにミラーを描画後、回転する位置に合わせて
 canvas のサイズ、位置を指定してdisplay:inline;として表示させていたのですが・・・

 どうもMacのsafariでは、display:none;の時点でエラーになっていたと思われました
 (Macの環境がないので前述のサイトで色々試した結果そうだと思われる)
 とりあえず、その部分をはずすだけで、商品画像も、ミラーの部分(とりあえず)も表示されるようになりましたが・・・

◇ミラー部分のサイズの調整ができない・・・
 今度は、canvas のサイズの指定
  obj.style.width=’**px’; obj.style.height = ‘**px’; のようにしてもMacのsafariだけはサイズが変更できない・・・
  obj.setAttribute(”width”,”**px”); な感じでやってもサイズが変更できない・・・
  他にも色々試したのですがどうもうまくいきません。
 なぜ、出来ないのかはわかりませんが出来ないので今回はあきらめました・・・

◇ミラー部分を作成中にcanvas を消しておく
 display:none; で表示を消すとエラーになっているようなので
 visibility:hidden; で表示を消しておいて visibility=’visible’; で表示させるように変更しました。

◇とりあえず表示されるようになったと思います。
 そんなことで、ミラー部分の表示はあきらめましたがMacのSafariでも、表示されるようになったと思います。

◇やっぱりMacも必要かな・・・
 ちょっとApple MacBookApple MacBook初めてのMacです。

WindowsノートPCが壊れてしまい、初めてMacを購入しました。理由はこのスペックでWindowsのノートPC購入を考えると「高い!」ということです。私はWindowsXP(HomeEdition)正規版も一緒に購入し、BootCampで半分Windowsマシンとしても使用しております。個人的には快適です。1クリックボタンやキーボードなど初期設定で「んっ?」がありましたがフリーソフトで対応出来てます。私はお買い得だと思いました。
Apple MacBook
あまなつAdhover Apple MacBookでも買ってみるかな・・・でも、金無いしなぁ・・・

※最後になりましたが、メールでご指摘頂いた方には何度も確認頂き、メールで状況をご報告いただきました。本当にありがとうございました。

AstoreTwirlがMacのSafariでちゃんと表示されていない件について

Posted By: amanatu  //  Category: Twirl

MacのSafariで見ると、AstoreTwirlで商品画像が表示されていないと、メールでご指摘を頂きました。

こちら、Macを持っていないのでなかなか原因がつかめないでいます。
Safariで検索をかけても
なかなかいい情報にたどり着けずにいるんですが、
そんな中、Win用のSafariが出ていることを知りました。

あ~、これで確認すれば解決するなぁ~と考えて
とりあえず、インストールして確認してみると、Win用のSafariでは問題なく表示されていました。
残念です。
どうも、MacのSafariとは動作が違うようです。

基本的に、動作確認を行っているブラウザは
IE7
Firefox1.5
opera7.23
Netscape 7.1
win用safari3(今回から)
で、IEとFirefoxに関しては問題のないように力を入れてやっています。
(opera と Netscape は、出来るだけ近い形で表示されるようにと・・・・
今回のAstoreTwirlはミラー部分はあきらめました。)

さて今回のMac用のSafariで表示されない件ですが、誰か教えてくださいw
色々調べてもなかなかいい情報にめぐりあいません。

確認についてはhttp://www.browsrcamp.com/ なんかを使っています。
URLを入力すると、そのページのSafariで見たスクリーンショットを表示してくれます。
ただ、Javascriptなどでちょっと時間のかかる部分などはちゃんと表示されないようです。
ロード中の回転する”丸いやつ”が表示されていたりします。

それから、もうひとつの確認方法としては、
とてもありがたいことに、メールでご指摘くださった方が実際に確認して下さるとのことで
とても感謝しております。

もう少し、色々と調べてみようと思いますが、
誰か何かヒントでも結構ですので教えてもらえませんでしょうか?よろしくお願いします。

追記:現在は、とりあえず表示するように修正されています。

あなたもAmazonのインスタントストアで作成した「おすすめ商品ページ」が消えてませんか?

Posted By: amanatu  //  Category: Amazon

先日リリースした、AstoreTwirlはインスタントストアの情報を元に表示されているわけですが
昨日から、あまなつのTOPページで表示しているAstoreTwirlが全然違う商品を表示しているし、同じようにインスタントストアの情報を元に作成している、AstoreBadgeも同じように、全然違う商品を表示していたので調べてみると、
どうも、DVDの最新の一覧を表示しているようです。
インスタント作成ページを見てみるとせっかく作った、「おすすめ商品ページ」が消えてDVDがTOPに来てしまっていました。

あまなつのTOPページで表示していたのは、Ipodを集めたものだったんですが、とりあえず元に戻しました。

で、Amazonでインスタントストアのサンプルとして用意されているページも見てみると
しっかりと「おすすめ商品ページ」が消えて最新DVDが表示されています。
20070801.jpg

元々はLOHAS風なアイテム・グッズとして↓のような商品が紹介されていました。
20070801-2.jpg

ふたつのスナップの右上の「カテゴリーをブラウズする」の下を見ればわかりますが
現在のものは「おすすめ商品ページ」が消えています。

あまなつで利用しているインスタントストアも2個が消えていました。
あなたが作成したインスタントストアは大丈夫ですか?

AstoreBadgeをブログに貼り付けている方などはすぐに気が付くでしょうが、作成してそのままの人は確認した方がいいですよ。

※Amazonさんの方には昨日メールしています。(返事はまだですが・・・)

追記:サンプルとして用意されているページは元に戻ってますね。