2007 August

Aug 22

最近読んだ本と買った本

“シー・ラブズ・ユー―東京バンドワゴン” (小路幸也)
「東京バンドワゴン」の続編。
東京の下町の古本屋を舞台にした人間活劇って感じだけど、いずれの話もすごい感動する。
どこかのレビューにも書いてあったけど、この人の小説は読んでて日だまりの中にいるかのような気にさせられる。
こんな家族をつくっていきたいな。

“エスピオナージ” (麻生幾)
ロシアのスパイを防ぐ日本警察の物語。
あいかわらずこんな世界あんのかってぐらい諜報に関して細かく書かれてる。
でも、あまり面白くなかった。

“JavaScript 第5版” (David Flanagan)
やっと日本語版出た！javascript1.5の「サイ本」。
読み始めたところだけど、勉強になる。

“Rails Cookbook (Cookbooks (O’Reilly))” (Rob Orsini)
日本語版があれなので、洋書で購入。
Rubyを学んでるのか、英語を学んでるのか分からない。

Aug 21

これからWebサイト作るって時のテンプレートとか

Development No Comments »

Save Time With Development Templatesから、
いざWebサイトを作るぞという時に用意しておくと便利なテンプレートとかを。
サイトの基本の骨組みだけは、迷う事なくぱぱっと作れるようになるかな。

ディレクトリ構造

次のようなディレクトリを作っておく。

`./images`	サイトで使う画像を配置
`./docs`	マニュアル、ヘルプとかの書類を配置
`./downloads`	公開するファイルを配置
`./stylesheets`	CSSファイルを配置
`./scripts`	javascriptソース(.js)を配置
`./flash`	flashのソースを配置
`./sources`	その他のリソース(xmlとか)を配置
`./modules`	phpなどのスクリプトやモジュールを配置
`./database`	データベース関係

favicon

faviconを作って、ルートにおいておく。

favicon作りは、
FavIcon from Pics
などを利用して。

他には、
Forgot the Milk. - Faviconをサクサク作ってくれる８つの Faviconジェネレータサイト
 faviconをオンラインで作れるサイト２０選 - Chocolate（チョコレート）
なんかを参考に。

XHTML

index.html(スケルトン)をルートにおいておく。

XHTMLのスケルトンテンプレートは、
Particletree » Quick Start Your Design with XHTML Templates
に何個かのっているので、ここを参考に。

PLAIN TEXT

CODE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="" />
<link rel="stylesheet" href="" media="screen,projection" type="text/css" />
<link rel="stylesheet" href="" media="print" type="text/css" />
<link rel="alternate" href="" title="RSS Feed" type="application/rss+xml" />
<script src="" type="text/javascript"></script>
</head>
<body>
</body>
</html>

とかを。

CSS

Particletree » Quick Start Your Design with XHTML Templates
のCSS Template1,2を参考にして、base.cssをつくってXHTMLのスケルトンに読み込ませておく。

PLAIN TEXT

CODE:

/* ----- CSS ----- */
*{
margin:;
padding:;
font-family:;
font-size:;
}
body{
margin:;
padding:;
background:;
}
/* ----- PARAGRAPHS ----- */
p{
font:;
color:;
font-size:;
font-family:;
font-style:;
font-weight:;
font-variant:;
text-align:;
text-indent:;
text-decoration:;
text-shadow:;
text-transform:;
letter-spacing:;
word-spacing:;
}
/* ----- HEADINGS ----- */
h1{
}
h2{
}
h3{
}
h4{
}
/* ----- LISTS ----- */
li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}
/* ----- IMAGES ----- */
img{
}
img a{
}
img a:hover{
}
/* ----- LINKS ----- */
a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}
/* ----- FORMS ----- */
form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}
/* ----- TABLES ----- */
table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

こんな感じのものから、いらないやつをコメントアウトして配置しておく。

スクリプトなど

よく使うjavascriptライブラリ(prototype.js)とか、よく使う関数を.jsでまとめたものなどをscriptsフォルダに入れておく。
また、phpであればヘッダー、フッター用のスクリプトをmodulesフォルダに入れておくなどしておく。
(index.phpをルートに配置し、それらを読み込ませておくのも忘れずに)

以上で、準備完了。
簡単につくるデモやテストでのサイトでも、同じ手順で作っておけば
名前も統一されるし、あとで見やすくなるんじゃないかな。