Category ‘制作日記’

« もっと古い記事
もっと新しい記事 »

「クレナビ」β公開！んで、検索エンジン登録

9月までに作る予定だったあなたにお得なクレジットカードを選ぶ「クレナビ」がようやくβ公開しました。
クレジットカード選びの手助けになればと思います。
公開という事で検索エンジンに登録しようと思ったのですが何度もやってる事なんだけど、登録するページが分からなかったり登録できなかったりした。
GoogleとYahoo!のウェブ検索とMSNのLive Searchは割とすぐに見つかったし登録も簡単。（Yahoo!はログインさせられたので会員のみかも）
Googleディレクトリは登録したいディレクトリを辿って、登録しようとするとdmozって所に飛ばされてそこから登録。（AOL Search, AltaVista, HotBot, Google, Lycos, Netscape Searchのディレクトリ検索ページに一括登録されるらしい）
Yahoo!のディレクトリ検索は今回の内容だとお金を取られるらしいのでパス。
Infoseekのディレクトリ検索「みんなのお気に入り」は登録したいディレクトリを辿って、右上の「このフォルダにサイトを登録する(登録にはログインが必要です) 」を押して楽天IDでログインして、「このフォルダにサイトを登録する」をクリックすると登録画面が出ます。
Infoseekのハイブリット検索はAsk.jp提供で、Ask.jpはpicsearchを使ってるとの事だけど登録の必要は無いらしい。（Infoseekクチコミ検索はSHOOTI）
livedoor、Fresheye、AOL、MARS FLAGなんかはJエントリーが牛耳っていて審査料を取られるのでパス。
goo、exiteのディレクトリ検索もX-recommendに牛耳られててパス。
goo、exiteのウェブ検索はGoogle提供なのでスルー。
Lycosは写真のサイトになってたので登録できず。
なんか、昔よりややこしくなってる気がする・・・

2008/10/24 | Tags: | 制作日記 | コメントください »

ゲーム機のブラウザとFlashの対応

PS3が10月末のアップデートでとうとうflash Player 9に対応する事を発表した。by GIGAZIN
最近、履歴を見てるとちらほらゲーム機が出てくる。
もちろんPCや携帯と比べると少ないがこれらを完全に無視してFlashのみでメニューを作ると閲覧者は全く見れない状態になる虞がある。
携帯でもフルブラウザでの閲覧を考えると殆ど対応していない。

  ブラウザ Flash 解像度
PSP NetFront flash player 6 相当 480×270(1677万色)
PS3 独自（NetFront？） flash player 9 相当 1280×1024（ズーム可）
DSi Opera 8.5 非搭載 256×192(26万色)（ズーム可）
Wii Opera 9 相当 flash player 7 相当 800×628（472）(1677万色)（ズーム可）
       
docomo NetFront 非搭載  
au Opera 非搭載  
softbank NetFront 非搭載  
iphone Safari 非搭載 320×356 or 480×208（ズーム可）
WILLCOM Opera 9相当 Flash Lite 3
（WILLCOM 03）		  

※ざっくりとしか調べてないのでバージョンや機種によって異なります。

色々みていくとCSSやJavaScriptは結構対応している様だがバージョンが不明なので実機での確認が必要になる。

あと、ゲーム機や携帯はメモリが少ないので
画像を張りまっくったりすると表示できないかもしれないし、パソコンと比べると遅いのでJavaScriptを切ってる可能性もある。

どこまで対応させるかはコンテンツ次第だけどDSiとかiPhoneはそこそこのユーザー数になるかもしれない。

ちなみにパソコンでもOS9はflash player 7までしか対応してませんので未だOS9が現役なDTP向けのサイトを作るならそれ7以下のバージョンにする必要があるかと思います。

2008/10/15 | Tags: , , | 制作日記 | コメントください »

携帯シミュレーター

FireMobileSimulator.png携帯コンテンツを制作するときはパケット代をけちる為に実機で確認する前にパソコンで確認する事が多い。
もちろん、デザインを確認するのは実機かシミュレーターを使うんだけどプログラムをチェックするのに見た目の微妙な違いは気にしないのでUSER-AGENTと幅さえ合ってれば大体の雰囲気は分かる。そこでDonutRAPTのUSER-AGENTを書き換えて携帯確認用につかってたんだけど、もう少しなんとかならんかと探してみた。
携帯シミュレーター（エミュレーター）は各キャリアが提供してくれている。
docomo：iモードHTMLシミュレータII
au：Openwave SDK 6.2K
Softbank：Web Contents Viewer
これらは公式なのでそこそこ信頼できるかもしれないけど分かれていて使いづらいし、シミュレートする携帯が古い。
3キャリアを網羅したシミュレーターもある。
P1 Emulator
機能的には理想的なエミュレーターだが年間42,000円（初年度84,000円）と高価なのでパケット代の節約とか言うレベルでは無い。（メインの仕事が携帯サイト制作な人にはいいかも）
FireFoxのアドオン
FireMobileSimulator
コレは結構使えます、USER-AGENTも幅も絵文字も対応してるし、HTTPリクエストヘッダや機種固有番号やGPSの位置情報も対応してます。
他にもWEBサービスで携帯をシミュレートしているものもあります。
Gooモバイル 携帯サイトビューアー
公開しないといけないので仕事で使うにはどうかと思いますが個人で使うには十分です。
ちなみに、一番簡単なのはWEB制作をする人なら既にインストールされてる（？）Operaのスモールスクリーン表示（幅が携帯並に小さくなる）なんだけど、USER-AGENTを変えてくれないのであまり意味がない。ただ、フルブラウザの確認にはなるかもしれない。
ちなみにOperaは携帯だけでなくDSやWiiにも搭載されてるので一応見ておいた方が無難です。（パソコン以外のブラウザではNetFrontがシェアナンバーワンだったのに・・・）

2008/10/13 | Tags: , | 制作日記 | コメントください »

いろんな空白

偏すが空白かどうかは普段($a=="")で調べるている、ただ、$a=0の場合は問題ないが$a="0";の場合はfalseになってしまう。

空白については前に書いたが誤りがあるようなので調べ直してみた。
ついでにJavaScriptも調べたがJavaScriptは未定義の変数を見ると止まるので未定義は調べていない。

  PHP JavaScript
  ($a=="") (!$a) (empty($a)) (a=="") (!a)
未定義 true true true    
$a=0; true true true true true
$a="0"; false true true false false
$a=-1; false false false false false
$a=null; true true true false true
$a=false; true true true true true
$a=array();※ false true true true false

※javascriptはa=new Array();

色々違いすぎてよく分からなくなってくるがPHPの(!$a)と(empty($a))は同じで($a=="")の様に型に縛られる事もなさそうなので(!$a)が一番思ってる動作に近い。
ただ、-1がfalseにならないのが以外だ。何かの言語でflaseを返した気がするんだけど色んな言語をかじりすぎて分からない・・・
最終的にはTPOで、厳密に知りたければ($a==="")みたいに=を3つ連ねて確認が一番なんだけどね。

2008/09/26 | Tags: , | 制作日記 | コメントください »

波線と全角チルダ

機種依存文字で今まで使えなかった丸文字やローマ数字などがユニコードのおかげで文字化けせずに使える様になった。（とはいえ、MSゴシックでは文字がつぶれて読めない場合が多いが・・・）
但し、ユニコードに対応していてフォントに使用する文字がフォントにその文字がある必要があるが、ユニコードに対応してないとブログが見れないって事になるのでそんなブラウザを使用している人も少ないだろう（携帯を除く）、フォントの問題も余程変わった文字を使わない限りあると思うが、殆どのサイトは機種依存文字を避けているのが現状だ。
ただ、ユニコードのおかげで波線（〜：腠）と全角チルダ（～：～）の区別が出来て、その文字を使うとShift-JISやEUCなんかで文字化けする事が起きた。
そもそも、全角チルダはあくまでチルダ（~）の全角バージョンなので「オラ～～」とかの使い方は間違いで「オラ〜〜」が正解らしい、「東京～大阪」も間違いで「東京〜大阪」が正解。
何故こんな間違いになったかというとWindowsやMac（OS9）で使用されている文字コード（Shift-JIS）には波線が無いから全角チルダを使っていたのが原因なのだがOSXになり文字コードがユニコードになったので正しく波線を入力する人が現れた為、混在する事になった。
波線の方が正しいのかもしれないが文字化けする可能性があるし、MSゴシックでは汚く表示されるので全角チルダに統一して欲しい。

2008/09/02 | Tags: , | 制作日記 | コメントください »

Yahoo!の校正とルビのテスト

先月のWEB CREATORSを今頃になって読み始めた。
こういうHOWTOものはちょっと油断すると買った事に満足してあまり読まなくなる事が多い。
この雑誌にYahoo!の校正支援の記事が載っていて、書いた文章を校正してくれるらしい「スゲー」と思ってYahoo!デベロッパーネットワークを見てみるとルビ振りってのもあった。
そこで、雑誌のソースを元に校正支援とルビ振りの実験をしてみた。
このソースではprototype.jsって超有名なライブラリとjkl-parsexml.jsって聞いたことの無いライブラリを使って表示する仕組みらしい、jkl-parsexml.jsはXMLをjavascriptで読める様にするものらしい。
PHPですればいいのにとも思ったけどコレが結構単純で分かりやすい。
んで、できたのがコレ。
やってみて気づいたんだけど、校正もルビも正確な答えを返す訳ではない。コレって実用する事があるんだろうか・・・

2008/08/07 | Tags: , , , | 制作日記 | コメントください »

Amazonのコーディング

昨日、My Releaseの情報を更新しようと思ったらAmazonのホームページの仕様が変わったみたい、ソースを見てみると以前の様にテーブルでレイアウトされたものとスタイルシートでレイアウトされたものがあり（見た目は同じ）、毎回新しいレイアウトなのでは無く、ときどき新しいレイアウトになるみたい。
おそらく、分散化させてるサーバーの一部が変更になったのだろう。
結局、古いのも残して新旧のソースを判断して情報を抽出する様に修正した。

2008/08/06 | Tags: , | 制作日記 | コメントください »

ハイブリッド

MyReleaseの方が先日アクセス数が多かった（2・3割増し）、ブログパーツの効果が出たのだと思うが今日になるといつも通りに戻っていた。
まあ、こんなもんかもしれない、何件かブログパーツを付けてくれてるブログも見つけた、あまり被リンクされていないので他のサイトに載るのはうれしい。
調子に乗ってMyReleaseを少し修正した、
・公開リストからダイレクトにユーザーのサイトにリンクするように変更
・携帯版もユーザーサイトへのリンクを追加
・携帯版のコミュニティの入り口作成
そうすると、自分のページとして貼ってあるuda2.comのトップページが携帯に対応してないのでレイアウトが崩れる事が分かった（それでも一応は見えてるが・・・）
そこでuda2.comのトップページを携帯でもそれなりに見える様に修正した。
元々変わったレイアウトなので他で使えるかは疑問があるが・・・
実際は携帯に対応したというよりはi-modeに対応した感じになる、i-modeでも使える基本的なタグを使って組んでからCSSでPC用のレイアウトを施した。
ついでにこのブログのトップを携帯で閲覧した際は携帯ページに飛ばす様にした。
これはPHP化してあるので楽勝でした。
クレナビの他にもサイトを作る予定だし、XPが終了して、来月から地デジ告知が入って、8月にはオリンピックなんで特価部も忙しくなりそうだと思ってたら、そろそろ夏のドラマが始まるんでMyReleaseの特集ページ入れ替えなきゃならない。

2008/06/22 | Tags: | 制作日記 | コメントください »

ISBN変換

やらなきゃいけない事は他にもいろいろあるのにまたツールを作った。
以前からAmazonで言うところのISBN-13のハイフンの打つタイミングがよく分からないので調べてみたら桁数は違うけど規則性がある事を発見した。
例えば、978-4088745213だと正式には978-4-08-874521-3になる。
wikipedia風に言うと「接頭記号」-「グループ記号」-「出版者記号」-「書名記号」-「チェックデジット」となる。「接頭記号」と「グループ記号」と「チェックデジット」は桁数が決まってるので問題無いが「出版者記号」「書名記号」は桁数が決まっていない、そこでISBN 出版社リストを見ていると「出版者記号」の頭の2桁を見ると桁数が分かる事を発見した。
PHPで書くと下記の様な感じだ（$aに「出版者記号」の頭の2桁が代入されてるとする）
if ($a < 25) $keta = 2; else if ($a < 75) $keta = 3; else if ($a < 86) $keta = 4; else if ($a < 90) $keta = 5; else if ($a < 99) $keta = 6; else $keta = 7; 更に調べてみるとISBN-10とISBN-13は現在のところ変換可能という事が分かった。 ISBN-13とISBNの大きな違いは「接頭記号」が付くかどうかで、「接頭記号」には978と979があるという事でISBN-10からISBN-13への変換は無理と思いこんでいたんだけど実際は979は使われていないみたい。そうなると978付けて「チェックデジット」を付け直すと変換が可能という事になる。 ISBN変換

2008/06/22 | Tags: , | 制作日記 | コメントください »

ブログパーツ

blogparts_150x240.png結構前から構想してたがなかなか特価部の方に時間を食われてできなかったブログパーツが完成した。iTunes StoreブログパーツみたいにFlashで作ろうかとも思ったけどサイズを自由に変更できて文字を確実に見せるにはFlashだと面倒なのでインラインフレームの方式にした。
（予定が早まったのでコミュニティの方はかなり雑になってしまった・・・）
とりあえずは出来たのだが色の指定の方法がでクレームが付いて直すことになった。
その指摘は「色コードが分からないという」という事だった、構想の段階では「色コード分かるかな～」と思ってたのだが制作に入るとすっかり忘れていた、ということで直す事になったがカラーピッカーを作るのがめんどくさい、昔作ったはずなんだがどっかにいったし、自分が作ったのだとしょぼいしブラウザの対応とか考えると遠い話になってくるそこでオープンソースなAJAXを使うことにした。
AJAXなカラーピッカーも結構ある選ぶ参考にしたのがJavaScriptist（トップページが怖いサイト）
PhotoShop-like JavaScript Color Picker
JavaScriptistじゃないところからみつけたPhotoShop風カラーピッカー、デザイン的には一番いい感じだけどでかい。
jQuery color picker
Painter風カラーピッカー、これもかっこいいし、jQueryを使ってるのでなんか安心
ColorPicker(script.aculo.us)
windows風カラーピッカー、script.aculo.usとかいうのを使ってるらしいがよく分からんので調べてみたらprototype.jsに追加するものらしい、見た目は上の２つに劣るがポップアップなのでいい感じだ。
結局、ColorPicker(script.aculo.us)を使うことにした、見た目は画像とCSSをいじって調整することにした。設置は簡単に終わった。見た目のほうはフィーダーの画像を作り直して、CSSの方はボタンの色を変更して、なぜかカラーピッカーの下のカラーコードが入るテキストボックスのフォントサイズが変になったのでテキストボックスのサイズを変更した。
結果的に、このブログを書く時間やAJAXを探す時間よりも早くできた。
ブログパーツを紹介するサイトに登録しているうちにすごいのを発見した。
ブログパーツ｜1-click Award
とりあえず、このサイトあまり深く見ると自信をなくしそうなので見ないようにします。

2008/06/15 | Tags: , , | 制作日記 | コメントください »

« もっと古い記事
もっと新しい記事 »