vine ネットの設定

とりあえず目標がきまりました。
Vineをインストールして、目標はブログとグループウェアをインストールすること。

ということで、ディフォルトでインストール状態からいろいろといじっていきます。

まずは、ネットワークから。

自動的にインターネットにはつながってしまっています。
ですから後は変更後も見れるように、少しずつ変更して確認の繰り返し。

まずは、外部からも見れるようにするためダイナミックDNSに登録。

ルータがDynDNSなら自動更新で対応してくれて、ドメインもいろいろ選べるのでこちらに決定。
詳しい設定方法は「自宅サーバーで行こう」に詳しく紹介してありましたので、そのとおりに設定。

コレガのCG-BARSXルータにはダイナミックDNSの項目があるので、そこにDNSサービスを選択してログイン名・パスワード・ドメイン名とチェック間隔を設定して保存。

次にVineのネットワーク設定を
ネットワークの管理＞接続＞プロパティからサーバのIPアドレスを決定します。次にサブネットマスクを255.255.255.0としゲートウェイをルータのアドレスに。

全般からホスト名をとりあえず適当に決めて、ドメイン名を取得したドメイン名に。

DNSからサーバーにルータのアドレスを追加します。

後は、ルータ側からIPアドレスを固定にして設定完了しました。
これでとりあえずインターネットが再び見れるようになり、外部からも一応ページが見れています。
（見れるようになるには、しばらく時間がかかります）
勝手にapacheが起動していますから怖いといえば怖いですね。

間違っているかもしれないので後で変更するかもしれませんけど・・・

Microsoft Office Live日本語版

今日は、話が脱線します。

早速、http://office.microsoft.com/ja-jp/officelive/ からMicrosoft Office Live日本語版
試してみました。

オリジナルドメインとWebサイトが簡単な手続で、無料で取得できると言うものです。

ドメインはサインアップからすぐ選択画面になります。
選択できるのは、com・org・net の3種類。これにドメイン名をつけて選びます（www. などは付けられませんが、閲覧時に入力すると自動的にジャンプします）。

申込み後、追加料金を払うと、jp も取得できますがあくまでも最初に取得したドメインにジャンプするだけです。

次に、申込み時につくったドメインで管理者用のWindows Live ID をつくります。

申込みには必ずクレジットカードが必要になりますので（無料コースでも）ご注意ください。

実際には料金の引き落としなどは発生しないようです。

現在3種類あるコース全てで、無料のベータバージョンとなっています（来年中ごろにも終了か）

まず、手始めに Basics コースに申し込んでみました。
内容は簡単なホームページ作成で、はっきり言ってテンプレートを使ってつくるものです。
実質ブログ作成とあまり変わらないような気がしました。
選べる範囲も現在あまり多くないのでやや不満でした。

上位コースの説明を読むと、html ファイルなどを使ってページをつくることができるとかいてありました。

そこで、将来有料になる（おそらく月2000円程度か？） Essentials にコースを変更してみました。
コースの変更は簡単にできましたが、あとの問題はこれを下位コースに変更するとどうなるかと言うことですね。（ホームページの中身は初期化されてしまいました。）

ところが、独自のウェブソフトデザインをアクティブということをすると、Web Designer で作ったページは全て削除され、復帰することはできなくなる。その他の機能も使えなくなる。と説明にでてきます。

さあ、どうしたものか。

取得したドメインは　http://mikimaru.org/ 15時間ほどで有効になりました。

vine4.0をインストール！

久しぶりの投稿です。

先日、vine4.0が正式リリースしたので久しぶりに再挑戦してみます。
過去、
debian・・・インストールするが何もせず。
vine3.2・・・vaioにインストールするもあまりにはまりまくり、インストールだけで疲れて、
ほったらかし（笑）

今度は、会社の余っているパソコンをもらい再挑戦です。
今回もはまりまくっているのでそのメモとして書きます。

まずは、インストールまで。

手順は過去何回かインストールはいやというほど（爆）しているので、まったく自信たっぷり。

vine linux からインストール用のデータをダウンロードして、CDに焼き、CDブートのパソコンにセットするだけ。

データはミラーサイトの Vine-4.0 フォルダの CDIMAGE フォルダ Vine40-i386.iso をダウンロード。

CDに焼いていざパソコンに入れてブートすると・・・・・・
ハードディスクが出てこない。当然インストールもできない。

直前に入れ替えたハードディスクのセレクタが、ケーブルセレクトになっていたのが認識できないらしい。改めてマスター０に変えるとあっさりとインストール開始。（汗）

インストール時に下手に設定をいじると後でどつぼにはまることがたびたびあったので、何も設定を変更せずにrootのパスワードと、ユーザをlocalで使っているwinのユーザと同じ名前とパスワードでつくり、後はじっくりと待つだけ。

再起動後にとりあえず、rootでログインしてみると簡単にインターネットにつながってしまいました。

いやいや、いつの間にか便利になったものです。

以上ここまで。

Google Analytics

ほんとに久しぶりになってしまいました。

実はタイトルにある

Ｇｏｏｇｌｅ Ａｎａｌｙｔｉｃｓ

これが面白いのなんのって
経営層・マーケティング担当者・ウェブマスターからメニューを選べる。
見てたら、制作担当をしているＭＡＭＩＥ
のページにはオーストラリアやフランスからもアクセスがあった。
オーストラリアには心当たりがあるけど、フランスはたぶん間違いでしょう・・・・

ともかく、大分前に申し込んだのがいきなりメールで返事が来て、最初は
完全に忘れてました。

久しぶりのCGI

今日は久しぶりにCGIを作っていました。

内容はとっても基本的でCSV形式でWEB上に保存されているものを逆順でソートしてから、画面上にレイアウトをして表示するというもの。

ところがいくらやってもエラーが出て動作する気配がまったくない。

久しぶりだから何か間違ったかな?
と思いながらもプログラムはだんだんと簡単に・・・・

最後にはとうとう「Hello World!!」まで行ってしまった。(T_T)/~~~

それでもエラーが出るのでいろいろと調べてみると。
Premature end of script headers:
ありました。
改行をきちんと認識していないとのこと。

エラーを出さないようにするには
#! /usr/bin/perl
この行を
#! /usr/bin/perl --
にすると直るというので試してみると、ちゃんと動きました。

どうやら、Dreamweaver8 に変えてから初めてCGIを作ってこの異常動作ですから、ftpが何かおかしいのかも。

まるで呪文ですね??

呪文といえば思い出すのがYahoo!のページの文字化け対策


＜html＞
＜head＞
＜title＞Yahoo! JAPAN＜/title＞
＜!--京--＞
＜STYLE TYPE="text/css" media="all"＞
以下略

てな感じでまさに呪文！

今日の一言：WEBの世界では日本語を使うと不思議なことがいろいろ起こりますね?

スマートなCSSとは

普段はDreamweaverを使ってホームページを作っています。
最近よく悩むのが、スタイルシートについて・・・
どうしたら、スマートに後から見たときにわかりやすいものができるのかよく悩みます。

最近のマイ・ブーム（古い？）は div タグで大まかにくくってそれぞれに id 属性を設定して、その内部タグやクラス属性に対してスタイルシートを定義しています。

例えばこんな感じです。
text.css
===============================================
/* ********初期設定*********** */
body {
margin: 0px;
}
#menu {
margin: 0px;
padding: 3px;
width: 150px;
float: left;
}
#main {
margin-left: 160px;
padding: 3px;
}

/* ********** id=menu 定義 ********* */
#menu p {
font-size: 80%;
}
#menu ul {
margin: 0.5em 0em;
}
#menu li {
margin-left: 2em;
}

/* ********** id=main 定義 *********** */
#main {
text-align: center;
}
#main h1 {
font-size: 120%;
font-weight: bold;
text-align: left;
}
#main h2 {
font-size: 110%;
font-weight: bold;
text-align: left;
}
================================================

こんな感じでこれ以上書いてもきりがないのでここまでにしておくが、つまり最初に初期設定としてページ全体の中のそれぞれの div タグで囲まれたブロックの位置と幅、マージンとパッディング（幅と密接につながっているので）をここで定義をします。
その後は、それぞれの id 属性ごとに文字の配置や大きさ。各タグや属性での定義をします。
このときにタグやクラス属性のときは id 属性の名前と繋げて定義をすれば後から見てわかりやすく、定義がかぶることもないでしょう。

今日の一言：Dreamweaver ８ になってから、CSSの割り込みができるようになったのでとっても便利になりました。

今日から開始

ホームページ制作の備忘録としていろいろなことをメモしていきます。