メモの整理ポータルサイト: 2010

文字通りのポータルを作成するには

本当の意味でポータルサイトを構築しようと思うと現状のBloggerの環境ではだめですね。CGI等が使えないといけないですね。このCGIが使いやすそうなので気になってはいるんですが。
こちらのCGI配布サイトのYomi-Searchというツールが気になります。

AdSenseを設定してみました。

Googleのコンテンツマッチ広告のAdSenseをフッタ側に設定してみました。

やはりきちんとキーワードが拾われていますね。

FireBugですが

FireBugですが・・・。今更ながらですが便利ですね。やっぱり画面作りの統合環境っといった感じですね。

dtタグとddタグを使ったリストを作ってみる。

ちょうど求人・転職情報等に使っているレイアウトですが、CSS関連の記事を書いておられるサイトのCSSを利用させて頂きました。

dtタグやddタグは余り使った事がなかったんですが、そういえば比較的見かけるレイアウトですね。overflowを設定したdivと合わせワザで使用すると履歴系のリストに使えるのではと思います。

見出し部分の色を変更すると印象が変わりますね。

2010/01/01: 2010版メモの整理レイアウト変更

dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.list309 dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

CSSでテーブルの見栄えを変更する。

CSSの設定でテーブルの雰囲気もだいぶ変わりますね。

項目１	説明１
項目２	説明２

CSSの設定はこんな感じになります。

table.tb2{
 margin-bottom:30px;
 width:520px;
 color:#666;
 border:1px solid #ccc;
 border-collapse:separate;
 border-spacing:2px;
}
.tb2 th{
 padding:5px;
 border-right:1px solod #ccc;
 background-color:#eee8cd;
}
.tb2 td{
 padding:5px;
 border-right:1px solod #ccc;
 border-bottom:1px solod #ccc;
 background-color:#fff8cd;
}

HTML側の記述はこんな感じになりますね。

<table class="tb2">
<tr>
<th>項目１</th><td>説明１</td>
</tr>
<tr>
<th>項目２</th><td>説明２</td>
</tr>
</table>

これはちょっと前の本になりますが、重宝します。さすがは永久保存版ですね。

Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]
	インプレスコミュニケーションズ 2008-08-29 売り上げランキング : おすすめ平均 CSS 152の小技 Amazonで詳しく見る by G-Tools

使える、見せる、稼ぐとは？

ブログ（WEB）作成の目的をどのように考えるかという話です。大別するとこんな感じですかね。

使うため
見るため
稼ぐため

使うためこの場合は検索を前提としたタイトル、ラベルがつけられている事。検索ボックス等で必要な情報をキーワード検索できる事等が必要だと思います。この場合は自分で使う事とボランティア精神というところでしょうか？

見るため日記系、写真系のブログですね。この場合はラベル等で大別されていれば十分かと思います。自分の撮影した風景や静物写真を販売するサービスがあるようです。

稼ぐため多分ここのアプローチだと思いますが。普通に考えると質のよいサイトを作成して・・・等と考えるところですが、お買い物ブログと呼ばれる分類のブログ（画面の9割がバナーで、もはやチラシ？）のようなものが意外とアフィリエイト収入を得ているようです。何が儲かるのかよく分からなくなってきましたね。実際は細かく調べたのですが諸事情により詳しくは書きません。以下はちょっと古めですがご参考まで。

Web creators (ウェブクリエイターズ) 2008年 12月号 [雑誌]
	インプレスコミュニケーションズ 2008-10-29 売り上げランキング : おすすめ平均 WEBサイトのアクセス数を向上させる9つの方法 Amazonで詳しく見る by G-Tools

CSSの話ですが

本職サイドの関連ではないんですが・・・・。CSSやらユーザビリティやら何やらとWEBクリエーター的な事が増えてますね。

この不況状態だと開発者だからWEBデザイナーだからといった垣根はなくしていかないといけませんね。

書きたい事は結構ありますが諸事情により書きません。あしからず。

MashUpですが

何度かMashUpについて書いていますが（書いてなかったっけかな？）やはり勝機がありそうですね。先ほど調べ物をしていて面白いサイトを見つけました。

いわゆる串刺し検索のサイトで検索結果を比較して表示するものなんですが、かなり便利ですね。まあ作成可能であるということはWEB APIが公開されているという事なんでしょうね。

ビジネスモデルとしては広告収入でお金を集める形になるのだと思います。アイデアが浮かぶかどうかが分かれ目でしょうね。

マッシュアップかんたんAtoZ
	シーアンドアール研究所 2007-09-28 売り上げランキング : 269742 Amazonで詳しく見る by G-Tools

色相の話ですが

#5311F4って結構映えるいろですね。昔のカルバンクラインのチェックでも一時期これに近い色を挿し色に使ってましたね。

茶系の色とあわせてもアクセントになりますし。

某所で使ってみました。

Webデザインの基本ルール-プロに学ぶ、一生枯れない永久不滅テクニック (Design Lab+ 1-3)
	デザインラボ編集部ソフトバンククリエイティブ 2009-03-27 売り上げランキング : 1629 おすすめ平均 Webデザイン初心者にとっての良書 Web製作の全体の流れをつかむ側に置きたい本かも Amazonで詳しく見る by G-Tools

ホスティングにするか自前サーバーにするか

シェイクスピアではないですが

ホスティングにするべきか自前サーバーにするべきかそれが問題だ。

予算、要員その他の要素はありますがお手軽さを採るならばホスティングサービスだと思います。

しかし、環境を社外のホスティングサービスに出す場合は幾つか問題点があります。

環境に対してどこまでの権限が付与されて、どんな事が出来るのか
ログの閲覧やファイル転送その他等が考えられます
権利等に関連するもの
例えばドメイン委譲やWHOIS上の管理者としてホスティングサービス会社が表示されると問題となる場合があります。
性能要件に関するもの
ディスククウォータ、流量制限等
環境基盤に関するもの
OSのバージョンやCGIの利用制限等々。

ホスティングサービスの中には価格と比べて著しくサービス内容の伴わないもの、逆に安価でサービスが充実しているものとまさに玉石混交となっています。また知名度は必ずしも保険とはならないので注意が必要です。選定の際には出来るだけ多数を比較検討する事をお勧めします。

ホスティングサービスについてもバナーや記事を随時追加していきます。

メモの整理ポータルサイト