ホームページ

ホームページを更新しました。

HDD内のデータ整理も一段落したので本当に久しぶりにHPを更新しました。
中途半端に止まっていたHTML5化で、「CaldiaのGame Room」が対象です。

HTML5へリニューアルをコツコツとしているものの、気が付けば世の中レスポンシブデザインとかが標準になり、フツーのHTML5は時代遅れになりつつある始末。
特にVRM界隈でその辺を今でも頑張ってるのはAKAGI君ぐらいになっちゃったしなぁ。

無料ホームページではこの辺なかなか手書きで頑張るにはかなりしんどいです。
その流れに飲み込まれるように無料ホームページサイトも次々と閉鎖していっているためホームページを9年間運営している身としては寂しいものがあります。

今のリニューアル化はあくまで過去ページのメンテナンスですが、今後新しい記事を書くときはホームページに書くのではなく、ブログ形式のツール、例えばWordPress等を利用して記載していくことになると思います。

とりあえずメンテナンスだけでもコツコツ続けよう。

PR
ホームページ更新 - DCC PR3

DCC Room のPR3についての記事を書きました。
今回から<time>タグも利用します。
次は前から書きたかったJMRIについて書けるといいのですが。
DCC Room 更新

「CaldiaのDCC Room」をリニューアル更新しました。
かねてより言っていたHTML5＆ワイド対応です。

以前お伝えしていた時はWordPressで書き換える旨を言っていましたが、作業を進めていくとWordPressに今までの記事を再度書いていくのに（それがコピペであっても体裁を整えるのに）非常にモチベーションの低下を引き起こしたこと、またWordPressから静的HTML出力を行った後の細かな整形の手間を考えるとWordPressで作業するのも手作業でやるほうが効率良さそうだったので今までどおりTeraPadで全ページ更新しました。
特に今回はS-JISからUTF-8変換も行ったので割と手間だった…ですが本文の中身は全然手直ししていないので割とさくさく進みました。

他のページも気が向いたら作業予定です。
が、VRMページは特殊なスタイルが多いので多分そのまま。

あとDCCに関してはPR3を購入するなど新たな進展があったりするので記事も増える予定です。
ホームページリニューアル告知（ずっと先）

Wordpressでリニューアルをしようとしているホームページについて。

リニューアル内容は主に2点。

1つ目は、とうとうHTMLがHTML5になります。
来月にXPサポートが切れますが、これによりIE8をサポートしなくていい（Win7では標準ブラウザだけどアップデートしてくれｗ）ようになるためちょうどいいタイミングだと言えます。

ちなみに、今まで普通のエディタで書いていたため文字コードがShift_JISだったのですが、HTML5では文字コードもUTF-8に変更となります。
まあ表示には全然影響しませんが。
（余談ですが、仕事で入力フォームのあるWebサイト開発だと度々文字コードで泣かされてます。OSとAPサービスとDBや入出力ファイルの文字コードが違ってたりするとしんどいです）

2つ目は見た目の問題で、今までは17インチの画面サイズを想定して横幅を600pxぐらいに収めていましたが、リニューアル後は960pxまでアップします。
これは現在の画面の主流がHDないしフルHDになったためと、スマホやタブレットで表示する際にこのサイズで初期化されることが多いためです。（980pxとも言われてますが）
折角ならリキッドデザインとかもありそうですが、その辺の設定はもうちょいHTML5を覚えてから取っ付き始めようと思っています。
あと文字サイズも大きく（＝Webブラウザ標準サイズ）します。

リニューアル時期ですが、ちょっと目処が立っていません。
WordpressからのHTML出力をそのまま別のサイトに表示させることがそもそもWordpressに想定されておらず、どこまでWordpressでやって、どこから手動で修正をかけないと駄目なのかが見えていないためです。
今のところ自動生成される絶対リンクあたりは手動変換が必要かなぁと感じています。

また、記事のページ名はなるべく変えたくないので、パーマネントリンクのカスタムでそのへんの調節もやっています。（記事名を最初から*.htmlとして出力する等）
が、そのお陰でWordpressの固定ページ機能が使えなかったり。
あと地味にindex.htmlが作成できないとか。

しばらくはWordpressの勉強が必要ですね。
Wordpress勉強中



重たい腰を上げてようやくホームページのリニューアル作業に入りました。

今回からホームページの作成/管理はWordpressを利用していきます。
PHPで作成したページをWordpressのプラグインを使って静的HTML出力。
それを今のホームページに置き換えるイメージです。
一々変換掛けないといけないので手間隙掛かりますが、全ページのタグをチマチマ更新するのに比べれば、そして今後記事を書く手間を考えれば全然楽です。

手間を考えると例えばさくらネットのPHP使えるプランとかでやろうとも考えましたが、結局Wordpressの表示が相当重いため、どのみちHTML出力をやらないと閲覧はしんどいらしいです。

Wordpressは自宅サーバーに構築したXAMPPを使って管理しています。
最初は表示がもっさりしていたのですが、PHPとMySQLのメモリ割り当て量を最大値にするとサックサクになりました。(笑)
レンタルサービスでは出来ないメリットですね。

PHPはそれなりに扱えますが、まだWordpressの構文とかルールとかがさっぱりなので、玄人向けの書籍を買って勉強中です。

リニューアルが一段落したらWordpress自体の記事も書きたいです。
2013年2月のHP更新情報

全般
CSSを修正しました。
<H1>タグの文字サイズを6割程度のサイズにして、タイトルにより多くの文字が入るようになります。
<H2><H3>タグのデザインを<H1>タグと同一にして、CSSの簡略化とメリハリのついたページにしました。
<IMG>タグ、というか画像ですが、中央寄せに変更しました。

トップページ
下記のようにRoomが変化しました。
古い履歴を別ファイルに移動させました。
Indexのソース量が激減です。（笑）

CaldiaのDCC Room
CSS以外に見た目に変化はありませんが、各ページのTitle属性を修正しています。

CaldiaのVRM Room
目次をパネルリンク化しました。
「VRM4 企画もの」の「車両図鑑」「パーツ図鑑」「天球テクスチャー」ページに手を入れました。
「天球テクスチャー」ページは今までは画像が縦一列だったものが、段組に変更しています。（imgタグのinlineで対応）
「車両図鑑」と「パーツ図鑑」は本ホームページ初のJavascriptを利用して擬似メニューリンクを実現しています。
これにより百近くあったHTMLファイルがたった2つに削減できています。
（最も車両図鑑は画像リソースが500枚を超えているのでだからどうした、というレベルですが…）
まだ実験段階でソースコードがかなり悲惨なことになっていますが、動的HTMLを使うことの出来ない単一ページでの表示切替はこれがひとつの答えであろう、と思います。

CaldiaのGame Room
エトセトラページにゲーム項目が溜まってきたので新しくコーナーを新設しました。
正直ずっと前から分割したかったのですが、やっと出来ました。（笑）
昔紹介していたゲームの画像もちょろっと公開しています。
今後ちょっとずつ増えていったらいいなぁと思います。
（多分シムシティ5に備えたページｗ）

Caldiaの工房
旧エトセトラページ。
Room名は暫定。
ゲームを別枠で移してしまったので今はプロフィールだけです。
（プロフィールも更新しています）
ここでは写真とかFacebookには載せられないマニアックなネタ（鉄道ネタとか鉄道ネタとかｗ）を公開する予定です。
福知山線廃線歩きの画像は只今リサイズ中＆写真の表示形式を変更予定ですので、後々復活予定です。

更新前のファイルについては今のところ上書き分を除いて全部ネット上に存在しています。
まだ仕事が忙しいためCSSの精査なども出来ていませんが、3月以降に修正等々実施する予定です。
ブラウザによっては挙動が異なると思うので、明らかにデザインが崩れていたりする場合は報告していただければ幸いです。
それでは。
あけおめとDCCページリニューアル

明けましておめでとうございます。
今年もよろしくお願いします。

さて、告知に伴い、CaldiaのDCCルームを完全リニューアルしました。

①メニューページのリンクパネル化
予告に書いた通り、各ページへのリンクを通常のハイパーリンクではなく、タッチパネルに最適なパネルリンクに変更しました。
今までWebリンクのパネル化は主にブラウザのCSS問題を孕んでいたため、普及するのにはIE6等の旧式ブラウザの駆逐を待たなければならなかったのですが、タッチパネルが登場してくると今後もパネルリンクは急速に普及するものと思われます。
そこで、スマホ対応とまではいかないですが、一種のテストモデルとして今回先行テストしてみることにしました。
リンクの子要素に説明を書いていたものをAタグのTitle属性に含めることで、リンク先が何を意味しているのかの関連付けが容易になっています。
また、タッチパネルでなくてもリンクが押しやすいと思います。

②CSS共通化
VRM RoomとDCC Roomなど、トップページ以下のフォルダごとにCSSを分けていましたが、Caldia作品として全体のデザインを統一するべく、デザインの共通化をしました。
見て分かる通り、DCC Roomの基本デザインはVRM Roomのデザインとほぼ同じになっています。
但し、全く同じにするのもイマイチなので、デザインのみ同一として色パターンをフォルダごとに変えるようにする予定です。

③内容の充実
既存ページの写真や解説を増やした他、元々掲載する予定だったものがずるずる伸びていたものを完成させました。運転方法などは他のページに任せますが、このページを読むとDCCの付け方や配線方法が何となく分かるのではないか、と思います。
それと「とある研究室の記録」と称した「DCC鉄道模型レイアウトが出来るまでの話」を公開しています。
時系列的な意味ではややフィクション混じりではありますが、ほぼ実話を元に書いていますので是非ご覧くださいませ。

DCCページの拡張はおそらくこれで一応の完成を見たと思っています。
本当はJMRIの解説やC#での鉄道模型運転プログラミングも紹介したいのですが・・・そこまで手が回っていない状態です。いつかはできるかなぁ・・・。

そんなわけで、本年もどうかよろしくお願いします。

By Caldia
楽しみましょう。

ホームページのデザインを少し修正しました。
具体的にはVRMページのコピーライトデザインをヘッダーと同じに。
DCCのページは淡い青を背景色にしました。金色が足りないですが、何となく「さくら」のイメージだと思います。
あとはIndexがHTML的に正しくなかったのを修正しました。

さて。
いよいよ明日が東海VRMオフ会当日ですね。
参加者全員が「集まってよかった！」と思えるような楽しい会になることを願うと共に、後日談や感想なども楽しみにして待っています！

はやぶさ氏のブログコメント欄で少し書かせて頂きましたが、自分は明日は鈴鹿エンデューロに参加します。
普段会社でプログラムをカリカリ書いている人間が時速60キロに迫るスピードで自転車を漕いできます。
あいにくの空模様になりそうですが、こちらも楽しんできたいと思います。

でわでわ。

ホームページ

リンク

カテゴリー

最新コメント

アーカイブ

RSS