[エントリー部門]: 個人サイト コンテンツ部門
「お出かけ旅行GoogleMapと本のこと」 by.boonyan
旅行に行った場所を、GoogleMapと連動して見れるようにしていることと、
本についてはAmazonのレビューが見れるように紹介します。
[工夫した点、見どころ]
1)GoogleMapを直接Movable Typeに載せると表示が重くなるので、別ページに作成し、リンクで連動して見れるようにしています。
2)また、Tag cloudも必ず使うようにし、旅行や本に関してのキーワードを入れて、ページ内を直感的にどんな内容が載っているのかわかるようにしました。
3)ページ数がふえても、カテゴリ別のページがすぐにわかるように、
・サイトマップを作成(このサイト内全目次)
・カテゴリページを選択すると、そのカテゴリに属するエントリーページが一覧に見れる
・エントリーページを開くと、そのエントリーと同じカテゴリに属するエントリーページが表示されるなど
ページ数が増えても読みやすいようにしました。
TOP > 2006-エントリーサイト一覧 > 2006年10月29日 - 2006年11月04日
エントリーサイト一覧 (2006年10月29日 - 2006年11月04日)
エントリーNo.248 「お出かけ旅行GoogleMapと本のこと」
エントリーNo.247 「うさのJavaScript講座 Blog館」
[エントリー部門]: 個人サイト コンテンツ部門
「うさのJavaScript講座 Blog館」 by.@うさ
Blogでも利用できるJavaScriptをサンプルを記載しながら紹介しているサイトです。
[工夫した点、見どころ]
デザインは本館(http://usagi-js.com/)と違和感のないようにしています。
できるだけその場で実行できるサンプルを本文に投函記事と一緒に設置し、ブログパーツなどを作成したい人でも触って実感できてコピー&ペーストで試してもらえる内容にしています。
エントリーNo.246 「Nextensive?」
[エントリー部門]: ビジネスサイト コンテンツ部門
「Nextensive?」 by.株式会社ネオ・インデックス
ネクステンシブ? は、VOD(ビデオオンデマンド)事業者のパイオニアであり、日本最大級の会員数を誇る株式会社ネオ・インックスが運営するブロードバンド・デジタル・レンタルビデオ・サービス。「自宅にいながらにして」「いつでも借りられて」「返し忘れる心配もない」という、究極のレンタル・システムです。
[工夫した点、見どころ]
二階層目以降の更新情報をTOPページで吸い上げるようにシステムを構築。簡単にサイト全体が更新されるようになっています。
エントリーNo.245 「辻ブログ」
[エントリー部門]: ビジネスサイト デザイン部門
「辻ブログ」 by.株式会社アーティストユニオン
アーティストユニオン代表取締役の辻正雄が、仕事の出来事から日常の出来事、趣味や思い、気持ちなどなどを気ままにつづった日記ブログです。
[工夫した点、見どころ]
アースカラーをテーマにしてアットホームな雰囲気で、
思わず読みたくなるようなBLOG=「書く」と「描く」をテーマにデザインしました。
誰でも気軽に見てもらえるように、メインビジュアルには「描く、書く」から連想した黒板とチョーク、キャラクターを取り入れて、動きと遊び心を入れてました。
落書き好きの犬キャラクターが、大好きなUFOを描いていたら、本物になって飛び出してくるというストーリーを盛り込みデザインしました。
猫キャラクターは、寝たり・イタズラしたり、日常生活の出来事を現しています。
エントリーNo.244 「JUVENILE G blog」
[エントリー部門]: 個人サイト デザイン部門
「JUVENILE G blog」 by.GOTA
いわゆる日記サイトです。日々気になったことや、疑問に思ったことを書いています。まだ立ち上げて1月ちょっとですが、なるべくまめに更新するよう心がけています。
[工夫した点、見どころ]
「読みやすい」をコンセプトにデザイン、色数を極力シンプルにしているところでしょうか。あとサイト全体の構成の都合上、トップバナーをFlashにしています。
エントリーNo.243 「der Gegenwart」
[エントリー部門]: 個人サイト テクニカル部門
「der Gegenwart」 by.Rusica
個人的雑記帳です。
日記書いたりゲームのレビューしたり。
HTMLとCSSの勉強も兼ねて好き勝手やってます。
[工夫した点、見どころ]
サイト内全てをMTで構築しています。
文書型にISO/IEC 15445:2000を採用しているのがポイント。
よってデザインのためのdiv要素は使用していません。
アクセシビリティ対策及びSEO対策になっているかと。
また読みやすいHTMLソースになっていると思います。
エントリーNo.242 「Artist-Union Staff-Blog」
[エントリー部門]: ビジネスサイト デザイン部門
「Artist-Union Staff-Blog」 by.株式会社アーティストユニオン
弊社スタッフが共同で執筆しているブログです。
各人の趣味や考え方等々、弊社スタッフの素顔が垣間見られるかと思います。
[工夫した点、見どころ]
所謂「ブログ」ということなので、
過去アーカイブの閲覧、サイト内検索等、
コンテンツ的にはスタンダードなものになっています。
デザイン面では文章の読みやすさを重視し、
落ち着いた色使いを心がけました。
エントリーNo.241 「くりラヂオ」
[エントリー部門]: 個人サイト コンテンツ部門
「くりラヂオ」 by.かわけん
「すべての中小企業の前座とならん」という理念を掲げる、埼玉県は蕨市の税理士のサイト。
税理士という既成概念を取っ払った、ほとんどお金の話が出てこないものであり、食玩のオマケのような、愉しめてワクワクしちゃうような企画を連載という形式をとり、常に更新していく内容となっています。
[工夫した点、見どころ]
税理の仕事といえども、まずあるのは「人と人のつながり」だと思うのです。
仕事をする人のキャラクターであったり、考えていることというのが分かり、共鳴した先に仕事って発生したりすると想うのですね。
なので、税理のハナシだけが書かれているサイトではなく、自分のことが表現されるのと同時に、読んでくれている方々が、生きていく上で、ちょっとは役に立ったり、クスッと笑ってもらえ、生きるエネルギーになったりしてくれるには、どんな企画を立ち上げればいいか?
そんなことを、考えながら作成したのが特徴だと思います。
週に2回ほどの連載の更新が随時行われ、先の先までサイトが発展していく内容になっているのも特徴です。たぶん完成はしません。無限に広がって行くと思います。
エントリーNo.240 「京都菓子小路:京都食べ歩きスイーツガイド」
[エントリー部門]: ビジネスサイト コンテンツ部門
「京都菓子小路:京都食べ歩きスイーツガイド」 by.京都菓子小路事務局
スイーツ満載の京都をレポーターによるガイド情報。
京都人ならではのセレクトであまり知られていない名店もつぶさに紹介。アンケートやモニター制度も設け、誰もが気軽に参加できます。
[工夫した点、見どころ]
コンテンツの核である食べ歩きレポートを永続的に運営していくにあたって導入コストを抑える必要がありました。そこで、通常のCMSより安価なMTを選択、豊富なプラグインを活用してCMSに近い機能を持たせることができました。複数ブログによる管理、共通パーツはPHPやモジュール化、等、システムに負担のかからない設計を採用しています。
主な技術ポイント
■複数ブログによる構成
1コンテンツ=1ブログで構成。共通パーツはPHP・インクルードやモジュール化により再構築時間を軽減しています。複数ブログによる管理は投稿権限も設定しやすく、またコンテンツ毎に投稿画面をカスタマイズすることも容易にできます。
■投稿画面のカスタマイズ
記事名、本文、レポーター名、店舗名、店舗写真等、投稿する各要素毎に入力エリアを用意することで、HTMLタグを入力する必要なく投稿を可能に。直感的に投稿作業ができるので、PCに不慣れなレポーターさんから非常に好評です。
その他
■クロスブラウザ対応HTML
■GoogleMaps採用
■その他各種プラグイン活用
エントリーNo.239 「大人の塗り絵 世界の街角から」
[エントリー部門]: 個人サイト コンテンツ部門
「大人の塗り絵 世界の街角から」 by.守屋寿人
旅の最中にであった素敵な街角のスケッチから、オリジナルの大人の塗り絵をつくりました。
水彩絵の具・水彩色鉛筆による着色例を合わせて公開しています。
大人のぬりえは無料ダウンロードできます。
[工夫した点、見どころ]
MTオリジナルのテンプレートが好きでしたので、それを利用して作成しました。塗り絵サイト以外に5つサイトがありますが、スタイルシートは共通させ、色だけ変更して、統一性を出しています。
エントリーNo.238 「MTカスタマイズ法収集ブログ」
[エントリー部門]: 個人サイト コンテンツ部門
「MTカスタマイズ法収集ブログ」 by.りぃ
カスタマイズ好き主婦が気ままに綴る、Movable Type改造履歴です。
[工夫した点、見どころ]
自分がやったカスタマイズを忘れないように書き留めておこう。と開設したブログでしたが、
次第にたくさんの人が訪れてくださるようになり、応援を頂き、皆様のお役に立てるサイトになってきました。
・トップページに自動的に更新される記事のタイトル一覧を表示し、目的の記事に一発でいけるようにしました。
・文字が多いサイトなので、目が疲れないように配色やコントラストなどに気をつけています。
・カスタマイズの説明は、初心者でも分かりやすいように丁寧さを心がけて書いています。
エントリーNo.237 「Slo Lab」
[エントリー部門]: 個人サイト デザイン部門
「Slo Lab」 by.ゆう
スローライフをテーマにホームページを作っていますが、現在は「digital Lab」を中心にMovableType3.3のカスタマイズや日々の奮闘記を中心にブログを更新しています。
[工夫した点、見どころ]
ホームページとブログの融合をテーマに見やすくてシンプルなページ作りを心がけています。
まだまだ、カスタマイズ途中ですがMTの良いところを使ってブログっぽくないホームページ作りをしていこうと思ってます。
エントリーNo.236 「desigcle」
[エントリー部門]: 個人サイト デザイン部門
「desigcle」 by.desigcle
個人のサイトです。
Movavble Typeは単に日々のWEB関連の思った事を記載しています。
まだ記事数が非常に少ないですがよろしくお願い致します。
[工夫した点、見どころ]
特にカレンダーのテキストをJavascriptのツールでフォントをかえて雰囲気を出すようにしました。






