メガネフレームショップ曽我：ソガネットドットコムBLOG

最近のTWINS WEB PHOTOのお仕事の紹介です。

新潟市北区の蔵元山田屋様のホームページのトップページのリニューアルをいたしました。私はウェブ制作担当。今回は写真撮影はTWINSさんにすべておまかせ。私は撮影なし。(実際は一部私が写真撮影。クライアントの山田様が一部バナー制作。）
ウェブ制作と並行して、XHTML+CSSのタグ打ちとフォトショップの使い方をお教えしましたので山田屋様は現在下層ページのリニューアルをご自分で頑張って作成しております。できるだけサポートいたしますので頑張ってください。

味噌・醤油の山田屋
http://www.e-misoya.com/

WEB制作、写真撮影：「売れる」ホームページの商品写真撮影と作成｜TWINS WEB PHOTO

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

ホームページ作成会社クリスティー様の依頼で写真撮影をしましたのは、
阿賀野市の嵐の湯様。フラッシュ用の写真を中心にお使いいただきました。
今回は私単独での写真撮影でした。

薬石ミネラル浴｜嵐の湯 阿賀野店
http://www.arashinoyu-agano.com/

WEB制作：ホームページ制作、プロバイダーサービス、パソコンサポート | 新潟のIT企業 クリスティ
写真撮影：アゴス（TWINS WEB PHOTO）

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

こちらも、ホームページ作成会社クリスティー様の依頼での写真撮影です。
おなじく阿賀野市の高橋石材商店様。

新潟のお墓・墓石の販売。ペット用墓石 | 高橋石材商店
http://www.takahashi-sekizai.com/

WEB制作：ホームページ制作、プロバイダーサービス、パソコンサポート | 新潟のIT企業 クリスティ
写真撮影：アゴス（TWINS WEB PHOTO）

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

というわけで、いろいろやってるわけであります。

昨日は水原商工会の経営革新塾、江藤政親先生を迎えての講座の最終日だった。
10月7日から3ヶ月、先生、関係者、受講生の皆さんにはとても感謝しています。
写真は2次会のようす。記念に一人づつ、写真を撮ってのコラージュ。

話は元に戻るけど、最終日の講座は内容がすごい盛りだくさんだった。
たぶん、江藤先生は私たちに伝えたいことがまだまだたくさんあったのだと思う。
出来の悪い受講生たちだったから、まだまだやらなきゃいけないこととがあるよ、って。
4時間があっというに過ぎ、最後の30分くらいはすごい駆け足で講座を進めていく先生。
最後の10分くらいはなにかぐっと来るものがあった。

そして、最後すべてが終わったとき、私はレジュメのコピーの一番最後のところに、大きくこう書いた。
「けっして諦めてはだめだ」

2次会が終わって、帰り道。歩きながら、この話をしたら、俺も最後に「けっして諦めてはだめだ」って書いた。俺も。って、みんな言うんだよね。それには参ったね、正直な話。

昨日に続き、今日のお昼ごはんの撮影とその考察。

時々、無性に食べたくなるものがあります。
決しておいしくないんだけど、なぜか食べたくなる。そんな食べ物ってありませんか？
おいしくないどころか、むしろまずいといってもいい。
なのに大好きな食べ物があります。
今日のお昼ごはんがそれです。

それは、ヤマザキパンの「ビッグナポリタンロール」。
いわゆる、スパゲティーパン。
パサパサしたパンの中にスパゲッティーをケチャップで絡めただけみたいなものを
たっぷりはさんだ昔からある調理パン。
ソフトドリンクで流し込むと、ちょうどいい具合なんだな、これが。
今日はカルピスウオーターと一緒に食べました。

このシリーズはほかに焼きそばパンもあるけど、
なぜかいつも食べるのはこのナポリタンロール。
炭水化物に炭水化物をはさんだ恐るべき、ジャンクフード。
栄養バランスなぞ、まったくスルー。

パンがパサパサなんで、焼きそばパンだと水分が足りない。
スパゲティーパンだとちょうどいい。

ところで、Baby Duckシンドロームって知ってますか？刷り込みというやつ。
僕がこのまずいパンを無性に食べたくなるのはたぶんこのせいだと思うのです。
こどものころ、調理パンって言うとこれと焼きそばパンとコロッケパンくらいしかなくて、
最初に慣れ親しんだ味に無意識に執着してしまってるんだと思う。

この「Baby Duckシンドローム」はマーケティングでも良く使われていて、
日清のチキンラーメンなんかがその代表。
もちろん、Webデザインにも応用できる。
ユーザーは最初に慣れ親しんだデザインに執着し、その他のデザイン・使い勝手の良し悪しを判断する基準にする傾向がある。
・・・というものだ。（雑誌：Web creators 2008年 8月号より）

つまり、昔からある有名なサイトの基本的なデザインの本質を真似ろということだ。

昨日に続き、貧乏めしを食べながら、そんなことを考えて、次のサイト構築の構想を練る私であった。

＊写真は昨日の撮影方法と同じ方法で撮影しました。

Ｍｏｖａｂｌｅｔｙｐｅブログの「カテゴリー」にはデフォルトでは記事数は表示されません。
そこで、表示させる方法です。
ServerArchitectureというブログのカテゴリー毎の記事数を表示するというエントリーをを参考にいたしました。ありがとうございます。

    ＭＴのメニューから「テンプレート」の「メインページ」を開き、
    <$MTCategoryCount$>を（）でくくり、下の場所に入れる
 
    <MTIfNonZero tag="MTCategoryCount">
    <li class="module-list-item">
    <a href="<$MTCategoryArchiveLink$>" title="
    <$MTCategoryDescription$>"><MTCategoryLabel>
    </a>（<$MTCategoryCount$>）<MTElse>
    <li class="module-list-item"><MTCategoryLabel>
    </MTElse>
    </MTIfNonZero>

これで、左サイドバーのカテゴリーに記事数が表示されました。
そこで、新たな問題が・・・。
記事数を見てみると「風景」などは４２と沢山のエントリーが
あるのが分かります。クリックするとすごく重いページに
なってしまいます。そこで、カテゴリーアーカイブをＨＴＭＬで
分割する方法です。

Boom LaboというブログのMovable Typeカテゴリーのページ分割というエントリーとつれづれ日記というブログのPaged Archivesを使ったMTカテゴリーのページ分割というエントリーを参考にいたしました。ありがとうございます。

Paged Archives Pluginというサイトから、プラグインをダウンロードして「pagedarchives.pl」というファイルをMTの「Plugins」フォルダにアップロードします。

ＭＴのメニュー「設定」より「プラグイン」をクリックして「Paged archives」の設定をクリックし、1ページに表示したいエントリー数を記入します。

    「テンプレート」の「カテゴリー・アーカイブ」を
    下記のように書き換えます。
    <MTPAEntry>を
    <MTEntries>の直後に記述する。
    <MTPAEnd>を
    </MTEntries>の直後に記述する。
 
    以下、エントリー情報の終わりの
    部分に挿入する。
    次のページ 
    <MTPAIfMultiplePages>
    <p><MTPAPageList></p>
    </MTPAIfMultiplePages>

最後に再構築して出来上がり。

これで、たとえば左サイドバーの「カテゴリー」の
ＨＤＲをクリックすると５エントリーづつ５つのページ
http://soga-net.com/blog/cat5/hdr/
から
http://soga-net.com/blog/cat5/hdr/5.html
まで、分割されました。
ページの一番下から各ページへ飛べます。
１ページ５エントリーなので重くありません。
めでたしめでたし。

なお、タグを記事中に書くに当たり、下記ページを参考にいたしました。
ありがとうございます。
preタグ・メーカー
preタグ・メーカーは、ブログやウェブサイトなどを運営している際に、preタグ内にプログラムなどのソースをそのまま表示したい時に、文字列をpreタグ内用の文字列に変換するツールです

NTTデータのアクセシビリティチェックツール（HAREL－ハレル－）を使ってみました。
先日紹介しました富士通のWebInspectorとはまた違った観点からチェックするツールです。
WebInspectorと違い、ダウンロードしなくても使えるのがいいところ、さっそくやってみたらこれがなかなか厳しい。WebInspectorも厳しいと思ったが、問題点の指摘も論理的で納得のいくものだったし、修正は容易でした。（WebInspectorはおもにスタイルシートの修正が多い）
WebInspectorは視覚的なものそのものの問題点を指摘するとしたら、HARELはどちらかというと音声読み上げソフトに最適化するため、テキストの細かい修正をするツールという感想をもちました。
ちょっとそれは譲れないなという点もあるし、修正そのものも困難なものもあるため、満点とはいいきませんでしたがそれでもなんとか92点までには持っていくことが出来ました。
目に見えるところの修正は少ないので、一見何も変わらないように見えるのですが、以前からただなんとなくやっていたことの意味がわかったりと、点数云々よりもとてもためになるツールです。

HAREL－ハレル－とは Webページのソースコードをチェックし、アクセシビリティへの適合度を点数で表示するWebサイトです。問題箇所を抽出するだけでなく、問題の解説と改善方法を提示することで、アクセシビリティの専門家ではない方でも簡単にWebサイトを評価・修正できます。開発中のWebサイトやアプリケーションがアクセシビリティを満たしているか、確認する時にご利用ください・・とのこと。