エントリーサイト一覧 (2005年09月18日 - 2005年09月24日)

「ブックスチップス」 by.無職
Webデザインについての書籍とソフトウェアの感想。オンライン書店で「Webデザイン」についてのジャンルがなかったので、自分で集めてみることから始めました。

[工夫した点、見どころ]
本を探す人が時間という軸で本を探すことはまずないだろうと思い、日付アーカイブのリンクは消しました。そのかわり、カテゴリーアーカイブは、もっと詳細がわかるように、工夫をしています。
他にも、アイコンがカテゴリーによって微妙に変わるようにしています。

「117ハワイコム」 by.オハラチヒロ
ハワイのお土産、グルメ、ホテル、花、ファッション、写真など、ハワイに関するものを管理人の自己満足的に扱っている、ハワイの情報サイトです。

[工夫した点、見どころ]
テーマ別にウェブログを追加作成して、それらを連携させるようにしています。

「小粋空間」 by.yujiro
Movable Type カスタマイズ記事とテンプレート配布、ダジャレのサイトです。

[工夫した点、見どころ]
ユーザビリティ
・ナビゲーションバーにあるリンクによりサイドバーの表示・非表示を切り替えられます。ポータルサイト的な3カラム/2カラムからテキストサイトのような1カラムの変更が可能です。
・トップページは概要と本文の切り替えにより、少ないスクロールで他の記事を読むことができます（IE/Opera）。
・月別アーカイブ／カテゴリー・アーカイブではスクロール・記事検索を考慮して、さらに記事の一括表示・非表示をできるようにしています（パンくずリスト横のリンク：IE/Opera）。
・各折りたたみはクッキーを用いて状態を保持していますので、更新時や次回ブラウザ起動時も同じ状態で閲覧することができます。

アクセシビリティ
・フォントサイズを1px単位で切り替えることができます（右上メニュー）。
・色覚障害の方のためにリンクのアンダーライン表示等のグレースケール化を行えるようにしています（同メニュー）。
・JavaScript OFFの状態でもできるだけ正常に表示・動作するようにしています。
・フォントサイズ・グレースケール化についてもクッキーで状態を保持しています。

「nobieryo」 by.nbr
個人ポートフォリオサイトです。

[工夫した点、見どころ]
配色です。

「信州お役立ち情報サイト・あいながの」 by.株式会社シフトブレイン（前ウェブワークス・パイデザイン）
長野県の地域ポータルサイトとして、地方放送局である（株）長野放送と弊社で運営を行なっているサイト。
地域のネット普及に貢献することを目的とし、約5年前にオープンいたしました。
今回、7月に既存コンテンツの一部残してほぼフルリニューアルし、サイトの約8割以上（トップページ及び一部コンテンツを除く）をMovabletypeで構成し、長野県内の時事ニュースや情報を伝えるため、更新作業を簡略化しています。
また、コンテンツによってはMovabletypeの特徴である、書き込み機能を搭載し、ユーザー同士のコミュニティの場としての役割を担っています。

[工夫した点、見どころ]
■デザイン部分について
毎日見て欲しいからこそ極力シンプルなデザインを意識し、各コンテンツをカラーで分類（コンテンツごと1ブログ）いたしました。ポータルサイトとしてMovabletypeを導入したため、一般的に使われる「blog（日記的）」にならないようなレイアウトとするため、タグから呼び出される情報自体にCSSを当てることで、二段組等のレイアウトを再現しています。
■機能面について
Movabletypeの機能にある「追記（extend）」や「概要（excerpt）」を、コンテンツごと追加の情報部分として使い分け、MovableType本来の機能をアレンジし、まったく異なる使用方法でサイトを表示させています。
またサイト全体もXHTML 1.0 + CSS 2.0でレイアウトを行い、RSS配信、携帯サイトへも対応させ、一元管理を行なっています。（携帯サイトURL：http://www.i-nagano.com/i/）

「音楽配信ジャーナル」 by.Masao.S
音楽配信に関係したニュースやＤＲＭ、iTMS/iPodなど関連機器や記事を追います！

[工夫した点、見どころ]
４カラムでシンプルなつくりにした事。
配色を基本４色に選び、ニュース系ブログとして個人・法人向けとして見られるような見易さを考えました。

「沖縄県産業振興公社」 by.財団法人沖縄県産業振興公社
沖縄県内の企業を支援する公益団体のウェブサイト。
沖縄県内の企業に有益なニュースの配信や、中小企業100の支援、専門家データベース、各種刊行物のPDFなど、各種情報満載。

[工夫した点、見どころ]
中小企業にインターネットの活用をアドバイスする公社として、率先して新しい情報発信技術（RSSなど）を取り入れるために、Movable TypeをCMSツールとして採用しました。
各カテゴリをブログ化し、ほぼすべてのコンテンツをHTMLが分からない職員でも編集することが可能になっています。
トップページ中央に表示されるニュース（最新情報）の表示方法は特に工夫を施しました。カテゴリ別に「お知らせ」「イベント」「募集」という小アイコンが表示されるようにしたり、トップページに表示したくない記事は「バックナンバー」というカテゴリーに変更することにより、過去の記事一覧（過去3ヶ月分表示）だけに表示できるようにしました。トップページで各カテゴリ（各ブログ）の最新記事が表示されるようにしているのは、RSSではなく、プラグインで実現しています。

「SB12」 by.Takuma
Hip Hop DJのSammy Boy Twelve-Centiによるレコードのレビュー、海外アーティストのニュース。

[工夫した点、見どころ]
・テキストが中心となるサイトなので文字が見づらくならないようにシンプルな色使いとレイアウト。
・タブ式のナビゲーションや、コメントするまでの手順をスムーズにする等、使いやすさに配慮。
・RSSフィードをコンテンツ別に用意。

「秘密の化粧品」 by.牛田専一郎
『秘密の化粧品』とは正しいお肌、化粧品の知識を知って欲しいと思い、立ち上げた啓蒙サイトです。
お肌には「何もつけない」方がキレイになる、お肌は弾力性（水分量、皮脂量、メラニン量など）以外は老化しない、化粧品は法律上効果があってはいけないとされていること、などなどご存知でしたか？
まず発端となったのはメールマガジンです。おかげさまで来月で発行より1年になります。
その節目として公式サイトを立ち上げ、メールマガジンの読者だけではなく外へ向けて毎週情報を発信したいと思っております。
まだコンテンツは発展していきますが、よろしくお願いします。

[工夫した点、見どころ]
各コンテンツ、主にバックナンバーの読みやすさを重視にデザインが邪魔にならないように工夫しました。

「有限会社ママリング[Mamaring]」 by.有限会社ママリング
今年の一月に、シングルマザーの女二人が「思いをカタチにする」製作会社、有限会社ママリングを設立しました。
当社では、ＷＥＢデザイナー、ライターを抱え、クライアント様の問題解決のためにあらゆる角度から、企画、立案、製作、執筆、サポートなど、一手にお引き受けさせていただいています。
「チャンスは人が運んでくれる、人とのご縁で繋がっていく！」というのをコンセプトに、全国でブログ講演などもさせていただいています。

[工夫した点、見どころ]
見ていただいた通り、ムーバブルタイプは、会社サイトでも有効に機能します。
どれだけ外部から見てムーバブルタイプで管理しているかをわからなくすることに重点を置き作成しました。
普通の会社サイトのように見えますが、「新着情報、製作実績、よくある質問と回答」については更新頻度が高いため、エントリーによる簡単な更新を行なえるようにしております。
今回、自社のサイトを作成し、今まで日記にしか使ってない方もムーバブルタイプの使い方一つで、こんなサイトもつくれることを実感してみてはどうでしょうか？

「株式会社アイロベックス」 by.株式会社アイロベックス
株式会社アイロベックスの企業案内のWebサイトです。
株式会社アイロベックスでは、インターネットを利用したコマースサイトの構築から企業内業務システムまで一括受託開発を行っております。
当サイトでは、コンテンツの特徴にあわせ、MovableType を CMSとして活用しています。
「メールマガジン」や「ニュースレター」の更新は勿論、定期的に開催される社内教育「アイロベックスカレッジ」のご紹介も行っています。
また、「今週のアイロベックス」では、各社員が仕事以外のテーマについて記事を書いています。
さらに「社長の日記」や各社員のブログも見ることができ「顔の見える」企業サイトとなっています。

[工夫した点、見どころ]
まず、既存のHTMLページとブログを共存させ、一見してブログに見えないような作りを目指しました。
「メールマガジン」や「ニュースレター」、「アイロベックスカレッジ」では、フレームを利用し、HTMLページとブログ共存させました。
「今週のアイロベックス」のバックナンバーは、月別アーカイブで作成しています。
ページの大きさや、表示される内容を工夫し、メニューバーのような作りにしました。
部署別のブログでは、各種テンプレートを共通化し、統一感をもたせています。
但し、スタイルシートは、各ブログで個別のCSSを使用して、部署のカラーを出しました。
部署別のブログは、更新された「日付」「カテゴリ」「タイトル」が自動的にトップページ(HTML)へ反映されます。このようにして、一目で更新状況が確認できるようにしました。
また、トップページでは、各コンテンツに見出しを入れることによって、閲覧者の指針を明確に示すよう心がけています。
「中小企業のホームページとはこう作る！」というお手本となるよう、これからも全社で取り組んで参ります。

「ラルクなブログ同盟 ラブログ[L’Ablog]」 by.ヤンヤン
ラルクネタでウェブログを書いてる人のための同盟・ポータルサイト。
ウェブログに関する情報なども掲載。

[工夫した点、見どころ]
リストに登録したサイトのトップページに表示することで、今ファンの間で何が話題かが簡単にわかるようにしました。
ファンコミュニティというと、今まではBBSやチャットなどが中心でしたが、ブログを軸としてサイトを作れないかと思い立ちあげました。
BBSなどのような「個人」対「大勢」のコミュニケーションの場合、気後れして輪の中に入っていけないという意見が多く見受けられましたが、それに対しブログは、トラックバックを使った「記事」対「記事」でコミュニケーションが取れるところがいいのではないでしょうか。

「自己啓発.jp」 by.IAX研究所
自己啓発の情報を中心に解説分析について公開するサイトです。
さまざまな能力開発法の効果と啓発法を検証して、総合的に人間の脳と心理を探っていき、それにより脳力開発の方法を模索していく意味もあります。

[工夫した点、見どころ]
お客様にシンプルで分かり易いナビゲーションが出来るように、無駄なデザインは極力省きました。またSEO対策にも重点を置いていましたので、エントリーのhtmlをサーチエンジン最適化するなど工夫しました。
最終的には商品を購入頂く事が目的ですので、サイト全体でお客様を集客誘導して、購入までのアプローチが自然にできるような構成を考えながら創りました。

「誕生日プレゼントJP」 by.groove
1年に1度の誕生日をお祝いするプレゼントをプロデュースするサイトです。オススメのプレゼントの紹介、誕生日プレゼント人気ランキング、ブログで投稿されている単字常備プレゼントのエピソードの紹介などを行っております。

[工夫した点、見どころ]
毎日、誰かが誕生日を迎えており、1年に1回の誕生日を楽しんだりお祝いしたりしたエピソードを投稿しています。
それと同じくらい、大事な人の誕生日を祝福するにはどうすれば良いだろうか？と悩んでいる人も多くいます。
嬉し楽しい誕生日をもっと盛り上げるために、みんなの誕生日のお祝いエピソードやオススメの演出をプロデュースしてお役立ていただけるよう、毎日更新し、内容を充実させています。

「A.イト?の「一種、ハッピーハッピー」」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
本音しか言えないお姉さん。なま声まんまお届けします。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
イラストを生かすデザインカスタマイズを心掛けました。

「アキの半身浴ダイエット」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
ビール党でもココロは乙女なアキのblog。三十路オンナよ、はじけよ！

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。

「レイの詩と写真」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
グラフィックデザイナー、レイの詩と写真。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
photo中心で見やすいページにしました。

「エレガンスの伝道師」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
人気ヘアメークアーティスト三橋ただしのblog。はなやかなオンナの人生を歩みたいアナタに。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
本文タイトルを画像にし、雰囲気をもたせました。

「タカラヅカふぁんのディープな生活」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
宝塚歌劇をまるごと楽しむとは？ なんでもディープな執筆陣のおタクなダイエット話も。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。

「編集長のあたまのなか」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
ビーナスビーンズドットコム編集長の日記blog。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。

「ナオヤゴ」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
言葉のオーソリティー、岡田直也が「コトダマ」を感じる言葉をご紹介します。文学作品・詩歌にとどまらず、とっておきの口説き文句や警句、祝詞や呪詛、はてはダジャレや語呂合わせまで。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
エントリー毎にプロフィール画像を変えています。

「DORAMI現代美術館」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
現役小学生げいじゅつかDORAMIの愉快なアートえきしびじょん。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
GIFアニメを用いて楽しく不思議な世界観にしました。
エントリーした作品は左の美術館で展覧しています。

「おやつ探険隊」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
ちょこっとつまんで美味しいおやつのご紹介。デパ地下やお取り寄せのおやつ。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。

「ハイ！PUPPY in 堀江」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
大阪・堀江のドッグカフェ、ドッグショップなどのワンちゃん情報をお届けします。「今日のPUPPY Walker」では、堀江のオシャレなお散歩ワンちゃんを激写。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。
Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。
取材させていただいたショップにリンクした堀江のMapがついています。

「こんチワワ♪ハニ?」 by.仮説創造研究所
向上心旺盛な女性を応援するウェブマガジン、ビーナスビーンズドットコムのブログコンテンツです。
編集部のアイドル、チワワのハニ?ちゃんのかわいくてあま?いphoto＆育児日記。

[工夫した点、見どころ]
Movable Typeの特徴に従い、素直なブログにしました。Windows、Mac、各ブラウザでデザインが崩れにくいようCCSを調整しました。

「特撮ヒーローヒロイン集」 by.ワッパー
特撮番組のヒーローやヒロインの似顔絵と情報のサイトでデータベース連動型のイラストサイトです。
似顔絵を基本にしているので、イラストで視覚的に検索できます。
専門用語や馴染みの無い外来語は極力使わないようにして、対象内の、お子さんからお母さん達にもわかりやすく楽しく見ていただけるように努力しています。
見る方の立場に立ったサイトつくりを目指しています。

[工夫した点、見どころ]
いままでデータをピラミッド型に整理することしかできなかったのですが、MovableTypeのCMSで、網目状にリレーションを組めるようになって、多角的な検索ができるようになりました。
関連する語句で柔軟にグループ分けしたり、馴染み深い５０音順による検索もできて検索が楽になりました。
カテゴリの日本語表記とエントリ名に沿ったファイル名でアドレス（ディレクトリ）も一般的なサイトのようにとてもシンプルでわかりやすいです。
もちろん概要や説明、キーワードに至るまで本来の使い方をしています。
（プラグインなどで占有されていません。）
それでいて、１つのブログだけで、すべてのページを管理しています。
見た目や機能などまるで違うページも、MovableTypeのテンプレートタグを工夫して（裏技的な独自の工夫もして）まるで日記を書くようにそれぞれのページを作れます。
当然、１つのブログだけなので、すべてのページが連動していて作業効率がとてもいいです。
「MovableTypeだからこそ」というサイトができたと思います。
まだまだMovableTypeを使っているとアイデアがあふれてくるので、時間をかけて、これからもっとMovableTypeを活かしたサイトを作りたいと思います。

「アメリカンバイクのポータルサイト「JAB-NETWORK」」 by.hatto
アメリカンバイクに特化したサイト。
ユーザーによる口コミ情報を主体に様々なコンテンツを用意。

[工夫した点、見どころ]
トップページ及び各主要ページの運用にCMS的にMTを活用。複数のブログを束ねる形で実装しています。

「eriweb.net」 by.Eri Nakayama
なんでもない私の想いを書いた日記と私の愛する二人へのお手紙、そしてお友達へのお手紙とほんの少しの写真と絵などを載せています。

[工夫した点、見どころ]
Flashを使いました。
内容,コメント,guestbook,gallery等、すべてのデータはMTで管理します。
swfファイルはfontを１つ入れてあるので、61kbになりました。
もう少し軽くできそうです。

「リラックス☆ビーチリゾート」 by.プルメリア
ビーチリゾートプランニングのはじめの一歩☆
格安ホテルから豪華ホテル情報をメインに、格安チケット・ツアー情報・ガイドブックなど、ビーチリゾートお役立ち情報を発信

[工夫した点、見どころ]
・ビーチらしさが感じられるよう、青い海と虹をイメージしてデザインしました。
・ページ毎の印象が単調にならないよう、リゾート別に色分けして、さりげない変化を持たせてみました。上部パンくずリストの背景色の変化がポイント☆
・アフィリエイトがメインのサイトなので、”広告ベタ貼り！”と嫌悪感を与えないつつも、クリックを促すようなデザイン的配慮をしました。
・こちらのコンテストを目標に、育児のかたわらコツコツと作りました。未完成ながらもエントリーできたこと、とても嬉しく思っています！

「いきなり！社長宣言！！」 by.有限会社ビジネモーション
「夢は口に出すことで実現する！」…無謀ともいえるこの信念を胸に、ある日突然起業を思い立った男の、笑いと感動のドキュメントブログ！！

[工夫した点、見どころ]
文章がメインのサイトなので、デザインはシンプルに。
絵的な派手さではなく、文章の行間や文字色など、読みやすさに重点を置いて制作しています。
「起業」というコンテンツは、一見難しくなりがちなテーマですが、文体をなるべくやわらかくして、楽しく読めるように工夫しています。
MTをカスタマイズすることで、コンテンツ管理がしやすいように。また、タイトルのつけ方やキーワードにはstrongタグを適時使用するなど、SEOにも気を配っています。

「タイ古式マッサージ「Tama.」」 by.designholic
OLの街浜松町で開店しているタイ古式マッサージのお店の紹介サイト。

[工夫した点、見どころ]
クライアントの要望として、ウェブサイトについての知識がない人でも、簡単にコンテンツ管理ができるサイトが欲しいとのことだったのでMTを提案。
ただの日記サイトとしてではなく、CMSとしてMTを使うことによって、サイト全体を効率的に管理できるようになりました。
新着情報、施術メニューからオーナーの日々雑感など、お店をアピールするのに必要な情報を、すべてオーナーが管理できるようになっています。
SEO対策として、テーブルレイアウトを極力使わないでCSSレイアウトをすることにより、構造とデザインの分離を心がけました。
また、女性（OLさん）をターゲットにしているので、ヴィジュアル面ではやさしい雰囲気を出すようにしました。

「Bar Emu ホームページ」 by.Bar Emu
Bar Emuの店の紹介やマスターのブログなど

[工夫した点、見どころ]
全体的に夏をイメージしたところ。

「ピタットハウス神田南口店」 by.株式会社ブレーン
不動産会社のWebサイトです。業種の性格上、物件情報の頻繁な更新が不可欠なことから、Movable Typeを採用しました。

[工夫した点、見どころ]
物件情報については、賃貸と売買、それぞれについて、アパート・マンション、店舗、土地など、さらに賃貸アパート・マンションについては、物件の特徴と、カテゴリ・サブカテゴリを細かく分け、物件の特徴が一目でわかるように、また探している物件がすぐみつかるように工夫しました。

「恵みのツボ」 by.つぼつぼ
店主つぼつぼの日記ブログ

「ホームページ制作会社 all-angle」 by.有限会社オールアングル
Movable Type をCMSとして利用したホームページ制作を中心に、SEO/SEM対策やホームページの運用サポートなどのご案内。
ユーザーが簡単に作成・更新・管理でき、SEO対策にも有利なホームページとしてのブログパッケージをご提案しています。
これまでに Movable Type で構築したサイトの制作事例もご紹介しています。

[工夫した点、見どころ]
サイト全てを Movable Type で作成していますが、「ブログ」に見えないデザインになっています。
また、XHTML+CSSの「ウェブスタンダード(Web Standards)」に準拠して制作しました。
Movable Type のカスタマイズに役立つMTテンプレートタグ辞典も公開しています。

「B-Weblog ベルギー観光局メルマガ・ブログ版」 by.ベルギー観光局
ベルギーの最新観光情報やレポーターによるベルギーレポート、キャンペーンイベント、その他楽しい情報ひろば

[工夫した点、見どころ]
ホンサイトとデザインにつぃて同一性をもたせ、かつ読みやすく、親しみ深いメルマガ・ブログを作りました。