ガンダムコレクションサイト制作レポ

ガンダムコレクションサイトのWebmaster裏側レポート
2005年01月06日(Thu)▲ページの先頭へ
ガンダムのモールドまで撮りたい


ガンダムコレクション


以前より苦心していたガンコレの撮影

サードパーティーが出しているエクシリムの外付けレンズを2枚重ねでつけて撮ってみた。

ぴた@レンズ(1.8倍)」3倍レンズが店頭に無かったので1.8で我慢
SLIMUP(8倍)」取り付け金具が別途必要なのに間違ってレンズだけ買っちゃった。
でも、ぴた@レンズの上からかぶせるとしっかりはまる。

※後日、写真を装着状態の掲載します

適当に重ねているので正確ではないが、これで計算上は1.8×8=14.4倍!
エクシリムの液晶モニタでピントを確認しながら撮影してみたところ、なかなかのクオリティー。

※後日「なかなかのクオリティー」の写真を掲載します

さっそく、「ガンダムコレクションとは」の記事「曲がった武器の直し方」を作成したり、「ガンダムコレクションVol.7」で欠けていた写真を補充したり
背面などの写真も撮ってみたり

ただ、2枚重ねだからか四隅が暗くなる課題がある。
今は画像修正でごまかしているが、機体の色が背景色と近いと
背景の自動範囲指定ができないので処理が難しい。

※後日「四隅が暗くなった」写真を掲載します

機体ごとに背景色をかえるかな。
背景用のホリゾントは、別途購入した分も含めて白・黒・グレー・青を用意しているが
黒い武器を持っているガンダムはどの色でとればいいんだ?!

倍率は下がってしまうが、SLIMUPのみをちゃんと金具でとりつけるのが
まっとうな方法かも

メーカーのサイト掲示板を見る限りでは
メーカー直販では対応が悪そうなので、Googleで在庫を探して見たがどこにもない

ひとつ越えれば、またひとつ

ってこれが結構楽しかったりするのだが


ガンダムコレクション



2005年01月02日(Sun)▲ページの先頭へ
レイアウト変更完了


ガンダムコレクション


以前より悩んでいたレイアウトの変更方法。
遂に方針を決定し変更作業を完了させた。

やはり初めてサイトにアクセスする人のためにはナビゲーションが必要。
かなりご利用いただいている掲示板へのリンクもヘッダにしかないので、使いやすい場所にも置くべきだ。

というわけで、最左にナビゲーションメニューをつけてみたところ多くの問題が噴出した。

まず、画面が文字だらけになった
 →ナビの文字のサイズを小さくし、色を薄くして抑揚をつけた

今度は背景のラインと文字と重なって読みづらくなった
 →文字の周囲に細い微妙な白い枠をつけた

ナビの文字が、Look&Feelでリンクだと感じられない
 →背景を白くして立体感をつけた

画面の中央と内容がかぶった
 →中央はコーナーの解説と、深い階層への直接リンクの欄とした

中央の解説文で、また画面が文字だらだしゴチャゴチャになった
 →やっぱり中央の解説文を消して、デザインを軽くした

これで1月1日の夕方から2日の朝までかかった。
Blog記事のリンクも含めると12月29日から1月2日朝まで、ほぼ終日使っている。
正月あんまり寝てません

残りの課題は、
 ・ナビゲーションSEOの観点からテキストにしたかったけど
  スタイルシートを調べる環境がなかったので画像で我慢
 ・ナビゲーションのリンクが8つ以上あるのはわかりづらいので
  アクセスが少ないリンクはデザイン的に分類して掲載したい
 ・結局、デザインを重くせずに中央にコーナーの説明文を載せるデザインが作れなかった
 ・inframeを使いすぎて表示が重い

しかし、最大の課題は
 ・11弾以降がリリースされた場合、画像によるリンクが中央の欄に収まらない

リリースが続くことを願う身として問題だなぁ



ガンダムコレクション


ガンダムコレクション管理シートがver9.2に


ガンダムコレクション


正月こんなことやってましたシリーズ2

久しぶりにガンダムコレクション管理シートを更新した。

このシートは所有しているガンダムコレクションの状況を把握するためのエクセルシートで元々は自分用に作ったんだけど、結構便利なのでみんなに配布し始めたのが第3弾の頃。


作っていく上で結構悩みはあった

○実現した機能
・以前は手元に取っておく分とトレードに出す分(ダブリ)を分けて入力する必要があったのを、関数を使って全数入力が可能になった
・条件付書式を使って、まだ入手していない機体がセルの色でわかるようになった
・シートの保護
 エクセルが得意ではない人が誤って数式を消してしまうのを防止した。

×熟慮の挙句、実現しなかった機能
・コレクションのコスト的効率の算出
 持っている総数に189円、DXは294円をかけて投資額を算出し、入手した機体とダブリの比率を基に投資効率を割り出す数式
 →なんだかコレクションが趣味じゃなくなりそうで、ヤな感じなのでやめた
・未入手リストの自動制作
 「保有数欄が0」の条件を満たす行を抜き出してリスト化する。印刷すれば開封済みショップに行くときに便利かなぁ。
 →スキル不足で実現できませんでした

31日の夕方から作り始めて1日の夕方まで、丸1日かかった。
お笑いも格闘技も、ゆく年くる年も関数を入力しながら観てた
A4で印刷したときの縮小率を極力小さく抑えようとしたもんだから・・・



ガンダムコレクション


2004年12月31日(Fri)▲ページの先頭へ
あ〜ガンダムをキレイに撮り隊っ!


ガンダムコレクション


今更ながら、サイトに掲載する写真は重要だ!

「ガンダムコレクションのコレクターを増やす」というサイトのコンセプトを考えても、ガンダムコレクションを知らない人が写真を見たときに、その精巧さが伝わることは重要だ

私の理想の写真品質(精細さ)はKAZU collectionに掲載されている写真。
実はThe Tin Woodman's ガンダムコレクションのラインナップ情報に使っている写真の多くが、KAZU collectionから貰った写真をコントラスト修正して使っている。

自分で撮れるようになったら背面やモールドのアップなどの写真も掲載したいものだ。
しかし、普通に撮るとテカリや影が出来てしまう。

そこでKOKUYOキレイに撮り隊を購入した

これでキレイな写真が撮れる、と思ったら甘かった。
ガンコレを撮影するときは、かなり接写する必要があるのだが、私の愛機であるエクシリムはスナップ撮影用の固定焦点なため接写が出来ない。

ならばと思ってデジカメの性能の評価が高い携帯SH505i携帯で撮ってみたが、画像処理能力が低いため色合いがおかしく(それでも携帯の中では出来が良い)、ファイル操作が重い

エクシリムが気に入っているし、金もないしで他のデジカメを買う気もなく途方に暮れている。

1万円程度で接写に長けたデジカメないでしょうか



ガンダムコレクション


2004年12月30日(Thu)▲ページの先頭へ
レイアウトは難しい


ガンダムコレクション

最初、ブログのリンクを最左側に置いたのだが、やはり座りが悪い

通常、左側はページ全体をナビゲートする役割であり、アクセスして最初に見るべき場所だからだ

そこでまず単純に
更新情報やGoogle Adsenseを左側に、ブログの情報を右に移動させたのだが
今度はデザインの問題で座りが悪い

元々のレイアウトを想定して絵を描いているから、レイアウトを変えると重心の場所がおかしい。
試しにキュベレイの位置を変えてみたのだが、やはりバランスを良くするためには全体的かつ細かな調整を要するようだ。

暫定措置として、ブログ情報をひとつ右に移動した。
Worksの制作が終わったら全体的なバランス調整に手をつけよう。

しかしこれで右側のリンクのCTRは落ちるんだろうなぁ・・・

(ところで、ブログ情報の表示成功率は1/3ぐらいかな?)


ガンダムコレクション


ガンダムsite&blogの連携


ガンダムコレクション


2日間を無駄に費やしたThe Tin Woodman'sガンダムコレクションとガンダム〜ガンコレ〜Bolgの連携が遂にある素晴らしいサービスのおかげで実現した。

これでガンダムコレクションサイトのHOMEに、Blogの更新情報を自動的に表示させることができる!

まず最初に頑張っていたCGIによる連携は、Plala仕様により不可能であることがわかった。
※Plalaはセキュリティの観点からSocketを禁止している。(Plalaサーバ内のSocketは場合によって可)

そこで同じ課題にぶつかって克服した先人を探すため、Googleで「jsRSS」「socket」で検索してみたところ、マタ〜リ系厨房舞露愚がHITした。
このBlogの記事には、自分でCGIを用意する必要のないサービスが多種紹介されており、その中から最も評価の高いRSS Feed:Zooを使ってみることにした。

コレが素晴らしい!
Feed Sweepもなかなか良かったが、日本人のサイトのためわかりやすく、CSSでデザインを自由に変更できる。

今夜中にはHOMEのどこかに更新情報が出る(はず)

素晴らしいサービスを提供していただいているFloi様(でいいのかな?)に心から感謝!
(是非、ずっと続けていただきたいサービスです。有料でも使いたい)

・・・そんなことやってる暇あったら、コンテンツを更新しろ!という皆さんの声が聞こえる
スイマセン





ガンダムコレクション


jsRSSがうまくつかえない


ガンダムコレクション



スマートに成功させているサイトをみて頑張ってみているんだが
何で開けてもCGIが化ける。
けど、そのままサーバにアップしても問題なさそうなので気にしないことにして先に進む。

FFFTPであげてplalaのパーミッションの規定に従い
jsRSS2.cgiを704にして、他は全て705に設定、したのに呼び出せません。

他のサイトで成功しているソースをいじっても、うまくいってタイトルが出るだけ。
その後は文字が化けて読めず。

ここのRDFが何か違うのだろうか

ちょっと疲れた・・・
けど、どうしてもサイトにBlogの情報を掲載したいので
まだまだ頑張ってみたい

けど、どこに問題があるのだか・・



ガンダムコレクション


2004年12月29日(Wed)▲ページの先頭へ
遂に見つけた!かも?jsRSS

前回の記事から模索し続けていた、ガンダムコレクションBlogとThe Tin Woodman'sガンダムコレクションの連携

ガンダムコレクションBlogの更新内容をThe Tin Woodman'sガンダムコレクションのトップページに自動的に表示させたいのに、みつけたCGIがどれもうまく機能しない。
やはりCGIを組めるぐらいの知識がないと駄目なのかも。

と思っていたら、よさそうなCGIを見つけた。
色々なサイトの記述をみると、どうやら「簡単」「多機能」のようだ。

光明が見えた!
早速DownLoadしていじり始めた。

んだけど、しょっぱなCGIをメモ帳で開けると文字化けして
なにもできない。

すんなりいかないけど、もう少し頑張ってみる。
はぁ・・・ガンダムコレクションが好きでCGIに詳しい人はいないかなぁ



ガンダムコレクション


ガンダムコレクションBlogとサイトとの連携を模索してみる


ガンダムコレクション



ようやくこのBlogを使い慣れてきた感じ

そろそろガンダムコレクションサイトからこのBlogにLINKを張ろうと思うが、どうせならやはり動的にやりたい。
例えば、このBlogで掲載した内容の要約をサイトのトップページに自動的に掲載することは出来ないだろうか。

例えば、こんな感じで自動的に他のサイトの情報を引っ張ってきて一覧にしているサイトもある。
http://www2.baywell.ne.jp/newsindex/

暫くGoogleさんに聞いてみたが、聞き方が悪いのか、それともそんなことは不可能なのか、まったく情報を得られない。

こういうときにいつも頼りにしているのは、私が契約しているPlala掲示板
親切な方々が丁寧に教えてくれます。
(礼を失しない限り)
Plalaにしててよかった。
(独自ドメインが使えれば、なお良いのですが)

早速質問を書き込んでみました。
さぁできるのかなぁ〜

>


ガンダムコレクション


2004年12月28日(Tue)▲ページの先頭へ
ガンダムコレクションブログを始めてみたが

以前から注目していたNTTデータキュービット社の「のブログ」が「なブログ」として新規募集を開始したので使ってみることにした。

ずっと感じていることだが、ブログってどのサービスも(ココも)ユーザビリティが悪い!

どのリンクをクリックすればいいのかがLook&Feelじゃサッパリわからないし、今表示しているのが全体の中のどこなのかもわからない。
かといって自分でレイアウトなどを変更したくても、ここのサービスでは高くてカスタマイズ可能な有料サービスに移行できない。

とはいえ、「なブログ」には期待しているところもあるので
暫く使いこんでみることにする

ガンダムコレクション
ガンダムコレクション


ヘッダのナビゲーションを変えてみた


横幅1024ピクセルに対応したのを契機にページ上部のナビゲーションを変えてみた。
この改修で、いままでページ下部に埋もれていた企画へのアクセスが容易になる。

しかし、ヘッダなどを変える場合、全てのページを編集しなくてはならないのが面倒くさい。
どこかのソースを引っ張ってこれるようにすると便利なんだが、それをやってしまうと現在表示しているページがどこなのかを示してる機能が失われてしまうため、ユーザビリティが損なわれる。
きっとPHPなどで実現する方法もあるんだろうけど、スキルがないし。

ということを毎回レイ変するたびに思う。

WORKSが本格始動したらTOPページの左端に経過を伝える欄を作ることを検討中だけど、右のLINKのCTRが落ちるのが心配。


ガンダムコレクション

ガンダムコレクション