« 2004年12月 | メイン | 2005年02月 »
2005年01月30日
湯俣川 2004年の思い出(BlogPet)
山旅人２号は公開したかったの♪
きょう、写真が公開したかったみたい。
きょう山旅人２号が<したかもー。
きのうは<したかった。
きのう山旅人２号が、ishizumiとここに写真みたいな<しなかったよ。
*このエントリは、BlogPetの「山旅人２号」が書きました。
投稿者 kousagi : 12:04 | コメント (1) | トラックバック
2005年01月28日
写真集に新フォーマット採用
今後公開していく写真集のフォーマットを、
１．ギャラリー
２．サムネイル
３．個別写真
４．撮影マップ
５．スライド(Fade)
６．スライド(Zoom)
７．スライド(Roll)
のようにしようと思います。
新フォーマットの作成方針は次のとおりです。
１．CSSを積極的に利用する。
CSSを利用した２段組レイアウトとし、バックの色（画像）を
切り替えけ可能としました。
作成した外部スタイルシートは７個で、
1) photo00.css(基本スタイル)
2) gallery01.css(白バック)
3) gallery02.css(灰バック)
4) gallery03.css(黒バック)
5) gallery04.css(青バック)
6) gallery05.css(緑バック)
7) gallery06.css(紺バック)
photo00.cssを、固定スタイルシート、
gallery01.css - gallery06.cssを優先スタイルシート or 代替スタイルシート
とします。 例えば、白バックをデフォルトで表示する場合、
gallery01.cssを優先スタイルシート、gallery02.css - gallery06.css
を代替スタイルシートとします。
この場合、htmlソースのhead部には次の記述を入れます。
<link rel="stylesheet" href="style/photo00.css" type="text/css" />
<link rel="stylesheet" href="style/gallery01.css" type="text/css" title="s1" />
<link rel="alternate stylesheet" href="style/gallery02.css" type="text/css" title="s2" />
<link rel="alternate stylesheet" href="style/gallery03.css" type="text/css" title="s3" />
<link rel="alternate stylesheet" href="style/gallery04.css" type="text/css" title="s4" />
<link rel="alternate stylesheet" href="style/gallery05.css" type="text/css" title="s5" />
<link rel="alternate stylesheet" href="style/gallery06.css" type="text/css" title="s6" />
今回の技は、基本スタイルシート(photo00.css)と、
バックの色固有のスタイルシート(gallery01.css - gallery06.css)を
分離したことです。
基本スタイルから変わった部分のみを、色固有のスタイルとして記述する
ことで、スタイルシート管理の手間を減らすことが出来ました。
htmlファイルの一部
<div id="center">
・
・
</div>
基本スタイルシート(photo00.css)の一部
#center {
float: left;
overflow: hidden;
width: 560px;
height: 1000px;
text-align: center;
}
バックの色固有のスタイルシート(gallery01.css)の一部
#center {
color: #000;
border-right: #ccc 1px solid;
background-image : url(../images/jpg/back01.jpg);
background-attachment: fixed;
background-position: 0% 0%;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
のように記述することで、centerと云うidを持つ要素は、
基本スタイルに、固有スタイルが上書き（カスケード）
されます。マウス操作などのイベントにより固有スタイルを
変更することも可能です。（JavaScriptを実行）
ちなみに、「background-image : url」はスタイルシートの
場所からの相対パスになります。
今回使用した、スタイルシート、JavaScriptなどは、
http://yama-tabi.net/photo/ にあります。
２．xhtmlに準拠する。
htmlファイルの先頭に、
<?xml version="1.0" encoding="Shift_JIS" ?>
を記述し、xhtmlへの準拠を目指します。
完全に準拠したかは分かりませんが、拡張子をxmlにして、
IE6で読んだときエラーがでないレベルにはなっています。
３．Google AdSense広告を載せる。
出来るだけジャマにならないように、でも沢山クリックしてもらえる
ように、と云う矛盾する課題があるのですが、今回は右サイドバーに
スカイスクレイパー(120*600)タイプのバーナーを載せます。
４．スライドショーには、Flashを使用する。
Java Appletの使用も検討しましたが、
・初回起動に時間がかかる。
・動作が不安定
などの問題があるため、Java AppletをやめてFlashを
使用することにしました。
投稿者 山旅人 : 07:30 | コメント (0) | トラックバック
2005年01月25日
人工無能とチャット
2005年に向けての課題の中で、山旅チャットなるものを宣言しました。
今の段階では、次の二つを組み合わせたようなものにしたいと思います。
結構難しそうなので、年内リリースが目標です。
投稿者 山旅人 : 06:31 | コメント (0) | トラックバック
2005年01月21日
プログラマ ヒロシ（その１）
ヒロシです・・・
printf()文を取ったら、プログラムが動かなくなったとです・・・
ヒロシです・・・
一つの変数名を考えるのに３０分もかかったとです・・・
ヒロシです・・・
自分で書いたプログラムが理解できんとです・・・
ヒロシです・・・
おまえのプログラムはスパゲティーみたいだと云われます
意味が分かりません・・・
ヒロシです・・・
一つのバグを無くしたら、三つも新しいバグが発見されたとです・・・
ヒロシです・・・
バグが再現できません・・・
ヒロシです・・・
自分の頭にバグがあるんじゃないかと思うとです・・・
ヒロシです・・・
１カ所換えただけなのにシンタックスエラーが987行もでたとです・・・
ヒロシです・・・
正直、いま書いているプログラムはマニアックすぎてつまらんと思うとです・・・
ヒロシです・・・
ネタが無くなったので、ブログに自虐ネタを掲載してしまったとです・・・
ヒロシです・・・
ヒロシです・・・
ヒロシです・・・
投稿者 山旅人 : 07:16 | コメント (3) | トラックバック
2005年01月17日
神崎海岸でEOS20Dの練習
jpgで保存した画像
rawで保存した画像(DPPで現像）
昨日(1/16)、EOS 20Dの練習に神崎海岸へ行って来ました。
jpg+rawで保存して、DPP(Digital Photo Professional)で現像した結果が
上のとおりです。
DPPの使い方が下手なのか少ししか差が出ませんでした。
投稿者 山旅人 : 07:28 | コメント (0) | トラックバック
2005年01月14日
CSSによる３段組レイアウト
http://www.homelesspixel.de/remix/ のサイトを参考に、
「もっと、遙かな山旅を」のトップページをCSS(Cascading Style Sheets)
による３段組レイアウトに変更しました。
いままでの、もっと、遙かな山旅をのトップページはここです。
これで、2005年に向けての課題 の８番目の達成とします。
１．概要
「もっと、遙かな山旅を」のサイトをCSS(Cascading Style Sheets)
による３段組レイアウトに変更し、３つのスタイルシートを準備することで、
スタイルの選択を可能としました。
選択したスタイルはCookieに保存し次回起動時に有効になります。
サイト右上にある、「シンプル」、「冬のイメージ」、「春のイメージ」を
押してみて下さい。
もし旨くいかない場合は、次のページをご覧下さい。
１）シンプル
２）冬のイメージ
３）春のイメージ
２．技
CSSの適用は外部スタイルシートとし、一つの優先スタイルシートと、
２個の代替スタイルシートを作成しました。
１）シンプル用スタイルシート(2005-01.css) （優先）
２）冬のイメージ用スタイルシート(2005-02.css) （代替）
３）春のイメージ用スタイルシート(2005-03.css) （代替）
htmlソースのhead要素に次の記述を入れています。
<link rel="stylesheet" href="style/2005-01.css" type="text/css" title="s1" />
<link rel="alternate stylesheet" href="style/2005-02.css" type="text/css" title="s2" />
<link rel="alternate stylesheet" href="style/2005-03.css" type="text/css" title="s3" />
スタイルの選択とCookieの管理には次のJavaScriptを使用
１）styleswitcher.js
３．問題と今後の課題
１）xhtmlには準拠していません。
htmlソースの先頭に、<?xml version="1.0" encoding="Shift_JIS" ?>
を入れたかったのですが、表示が乱れるので止めました。
２）IE6とFirefox1.0でしか動作確認をしていません。
他のブラウザでは、ちゃんと表示出来ないかもしれません。
３）Cookieにより選択スタイルをおぼえているつもりなのですが、IE6では
キャッシュの関係か旨くいかないことがありました。
４）CSSが適応されないときの表示がぐちゃぐちゃです。
もう少し、まともに表示されるようにしたい。
５）今後、「夏のイメージ」と「秋のイメージ」も追加する予定です。
４．CSS(Cascading Style Sheets)を使ってみて
CSSを使ってみての感想を少し。
１）誰が考えたか知らないけど良くできてるなあ。
２）tableレイアウトより自由度が高い。
３）自由度が高い分、デザインのセンスが要求される。これは辛いなあ。
４）古いブラウザでの見え方が心配。でも全てのブラウザになんか対応できないよ。
５）今後はCSSを積極的に使っていくぞ。
６）皆さん、出来るだけ新しいブラウザを使うようにしましょう。
５．参考文献
１）スタイルシート辞典
２）CSS とはなんだろうか
３）CSS解説
４）W3C | Leading the Web to its Full Potential...
投稿者 山旅人 : 06:55 | コメント (1) | トラックバック
2005年01月08日
プログラム開発１３階層モデル
N2 ToolBoxさんの、OSI 12階層モデルを参考に、
自分なりの階層モデルを作ってみました。
第 1層 物理層（フィジカル）
第 2層 データリンク層
第 3層 ネットワーク層
第 4層 トランスポート層
第 5層 セッション層
第 6層 プレゼンテーション層
第 7層 アプリケーション層
第 8層 スキル層
第 9層 モチベーション層
第10層 経済層（エコノミー）
第11層 政治層（ガバメント）
第12層 妥協層（コンプロミス）
第13層 神頼み層（ゴッド）
13階層とは、なんか意味深げで気に入っています。
各階層の定義はじっくり考えますので気長にお待ち下さい。
もちろん、コメントやトラックバックでの定義の連絡は歓迎します。
ちなみに一般的な、 「OSI階層モデル」とはこのようなものです。
投稿者 山旅人 : 06:52 | コメント (0) | トラックバック
2005年01月06日
旅立ちは遠方がよろしい
会社の仲間から送られてきたグリーティング・カードのおみくじを引いたら
吉 [旅立ちは遠方がよろしい]
でした。
今年は、世界の山に旅立ちたいなあ。
投稿者 山旅人 : 12:16 | コメント (1) | トラックバック
2005年01月01日
頂へ、２００５年の目標
自分の励みになるよう、今年の目標を書いておきます。
１．雪の高天原
ゴールデンウィークに黒部源流-雲の平-高天原へと行ってみたい。
２．岩苔小谷の遡行
夏の終わり頃、黒部奥ノ廊下を下降して、岩苔小谷を遡行したい。
３．湯俣川から三俣-双六稜線へ
水量の減る秋に、高瀬川源流の湯俣川から三俣-双六稜線へ上がりたい。
４．京都府北部の山３０座登頂
年内に、京都府北部の山３０座登頂を果たしたい。
現在２５座に登っているので、次の内最低５座の登頂が目標
出来れば全部登ってしまいたい。
１）蓮ヶ峰
２）三国峠
３）鬼ヶ城
４）烏ヶ岳
５）三国岳
６）白尾山
７）舞鶴消防クライミング施設
５．キナバル山（４１０１ｍ）登頂
非常に不確定要素が高いのですが、仕事で６月頃マレーシア出張が
あるかもしれません。
もし出張があればついでに、東南アジア最高峰 「キナバル山」に登りたい。
投稿者 山旅人 : 09:23 | コメント (0) | トラックバック
