「HTML」に関する日記(2)

<前 次>

W3C Markup Validator

ローカル環境で無作為にクロールしてバリデーションかけたら大変なことに!
古いHTML4.01やShift_JISのコンテンツは軒並みアウト!
古いCMS(主にPukiWiki)使ってる場所もすごい勢いでエラー!
これはさすがに直し切れるものではない!

HTML4.01自体は正当なHTMLなので、HTML5のバリデータにとってはそもそも対象外。
CMSはこちらで手出ししにくい部分なのと、そもそも古くて直す価値も低いことから、放置…というか、古かったらやっぱりHTML4.01なので、やはり対象外。
HTML5で書いたページに絞って仕切り直しかな。

無題

何か操作した後に一回だけメッセージが現れる仕組みを作ってた。
見えないチェックボックスとCSSのトランジション機能を使って。

爆ボンバーマンとCSS

爆ボンバーマン

ブラックシティ3面の攻略情報リニューアル中。
量が多いのでマップ1だけで力尽きました…。

CSS

HTMLのtableの列幅をドラッグで変えられるようにする雑な方法 - Qiita
投稿しました。
雑な方法だけあって、Chrome以外じゃ動かないとか、問題ありありですが、個人的には、これでも困らないので、これ以上ちゃんとしたものを作るつもりはありません。

forma.8体験版とHTML5

forma.8

ゲーム記に公開しました。
ゲーム内での表記は大文字のFORMA.8だけど公式サイトでは小文字のforma.8なのね。
ずいぶん昔に体験版をやったのでちょっと覚え違いしていた部分もありました。

HTML5

<form> - HTML: HyperText Markup Language | MDN
form要素の中にform要素を入れることはできない。
form要素の中に直接テキストを入れても構わない。
HTML4.01のころとここも変わっていたんですなー。

rel=ugc

Google に外部リンクの関係性を伝える - Search Console ヘルプ
aタグに付けるrel=nofollowは知っていたけど、新たにugcとsponsoredが加わっていた模様。
ugc:コメント欄のように、ユーザーが投稿して、ページ管理者には内容を制御できないもの
sponsored:広告
機能的にはどちらもnofollowと同等とのこと。
変更しないと不都合があるわけでもないけど、適切に使い分けた方が望ましいようです。

HTML

rel="me"という属性の指定を知った。
クロスドメインで著者を指定する目的のようだ。

サイトデザインとのんびりナマライザといっしょにチョキッとスニッパーズ

サイトデザイン

案の定アンパンマンDBだけ大変なことになったので、H2以下の方針を固めて、Hn系の使い方を全面的に見直しました。
スタイルシートも変更したので、ついでに圧縮かけておきました。
一応この変更はリリース済みですが、見た目を変えるための変更じゃないので、あんまり実感はないかもしれません。

のんびりナマライザ

特に問題なさそうなので、公開準備中です。

いっしょにチョキッとスニッパーズ

追加コンテンツが出ているようですね。
ちょっと他のことに忙しくてまだ手出しはできないのですが、好きなゲームなので落ち着いたら買おうかと思っています。

アンパンマンDBとサイトデザイン

アンパンマンDB

重複コメントはコメント登録をスルーして、エラーを出さず、以前の投稿を見せるだけにしました。

サイトデザイン

HTML5.1になってからH1タグを階層変えて何度も使うのが良くないことになったので、H2とかに差し替え中です。
元々HTML4.01的な使い方をしていた部分がほとんどだったので影響は少ないのですが、アンパンマンDBとかはHTML5.0に合わせて頑張ってしまったので、ちょっと大変なことになりそうです。

無題

Webページのフォーム内で複数の送信ボタンを用意して、押したボタンにより処理を分岐するというのをやってみたかったのですが、なかなか思ったように行かないようですね。
inputタグだとvalueの値と表示内容が連動しているので使いづらい、buttonタグだと別々にできるけどIEではvalue属性が効かない。
単に分岐ができればいいので実はname属性による分岐でも事足りるのではあるのですが…。

fontタグとsize属性

ひっさびさにHP作成論を更新しました。
どこをどう更新したのかというと、fontタグのsize属性のページを作ったんです。
なぜ作ったのかというと、まあ、これまでの流れで想像がつく人もいると思いますが、Bomber丸WorldのHTML表示の参考にするためなんですね。
で、そのHTML表示のほうはというと、一応解析結果をデバッグ用テキストに出力するプログラムを書いて、BRタグを解析開始するコードを間違って消してしまったことに気付き、直しました。
今は実際に表示する前に画像を大きさを計算する処理を作っているところですが、どうにもyaneFontの実装が怪しい気がするのでそのあたりを自分で作るため、Font関係を色々調べている途中です。

こんなタグが欲しい!

olとdlをあわせた機能を持つタグが欲しいっす。
連番を振ってくれる定義リストというのが。
いたるところで使いたいっす。
あるいはtitle属性つきのliとか。

学校では教科書等購入。
音楽、去年は競争率3倍で講義をとることさえできなかったのに今年はなぜか競争率1倍切ってた。
まあとりあえず、これと後期の1科目と集中講義ひとつを取って全部合格すれば所要単位は足りることになる。

Simpleにしんぷる

TscripBBSのSimpleができました。
設定から一覧表示スタイルでSimpleを選ぶと表示されます。
見ての通り、アホみたいに簡単なので、すぐにできてしまいました。
そして、上のとごっちゃになりそうですが、しんぷるもできました。
設定から投稿内容表示でしんぷるを選ぶと表示されます(ただし今は一覧表示スタイルがAllの場合のみ)。
見た目の指定にタグをあまり使わず、各部分の意味と包含関係を表すためにタグを多く使いました。
例えば、表組みではないのでtableを使わずdivを使ったりしています。
見た目の上では結構無駄なタグが多いんですけどね。

曇り空と夕焼け。少し異様に感じた

父が新しいデジカメを買ってきていました。
どうも以前に注文したものが今日入荷されたらしく、電話がかかってきて、取りに行っていました。
既に24枚撮影した模様。

「マザー」をやっていて、とりあえずレベルアップは置いといてストーリー進行を急ごうとしたのですが、ダンカン工場であっさりミサイルを見つけるも帰り道がわからなくなり、ウロウロしながら結局全部の部屋を回り、そこそこレベルアップができ、電車も無事開通され、砂漠に到着したのですが、敵がPKフリーズγで危機的状態にしたりSMAAAAASH!して100以上のダメージを与えたり大爆発したりして、撤退を余儀なくされ、訪れた病院で風邪を移されて治療費を余計に取られたりして、そろそろ面倒になってきてセーブしてやめました。

「ByteEdit」のコピー&ペースト処理を作っていて、エラーが起こる原因は使用している変数がローカル変数であり瞬時に消えてしまうのが原因かと思い、モジュールレベルにして変数が生きてる時間を増やしたところ、コピー・ペーストともに正しく行われるようになりましたが、相変わらずVBからコピーしたものはぐちゃぐちゃになり、しかもしばらく使っていると他のプログラムでコピーを実行した瞬間に固まってしまったりとか、忘れたころにいきなりエラーが出たりとかして、全く安定していないので、そもそもクリップボードを使う必然性があるのかといわれると、たとえ使うにしてもクリップボードの形式にバイナリ形式がない以上、オリジナルの形式によって使わねばならず、そうなれば他のソフトとクリップボードの内容を共有できるメリットなんて皆無なわけですから、いっそのことこれまで調べてきた全てを捨ててDDEによって似たような機能を「ByteEdit」内だけで構築し、複数の「ByteEdit」のどれかがクリップボード代わりになってもらって、それが終了されたら最初に見つけた仲間にクリップボードの内容を託して、全部終了されたらクリップボードはなくなる、っていうのも悪くないかもしれません。

「Another HTML-lint Gateway」を入れてみました。
あれって文字コードJISだったんですね。
改行コードがLFだったのでエラー起こしてました。

マグ・メル

ダウンロードとHP作成論のページを全てHTML4.01Tで置き換えました。
これでメインとなるコンテンツはほぼ置き換えられたのでとりあえず完了ということにしておきます。

「ByteEdit」のクリップボード周りを作ってみました。
最初のうちは戻り値をStringで無理矢理受けようとしてエラーを起こしたり実はVB6で使っているUNICODEはNT系でしかクリップボードに渡せなかったり(普通のテキストとは別物として扱われる)で、なかなか試行錯誤させられましたが、結局試行錯誤を諦めてネットでサンプルを探しに行き、C言語のサンプルを見つけて都合のいい部分だけとってきてとりあえずそれっぽいものはできたわけですが、VBの画面からコピーしてきた文字列は全く認識できなかったりコピーを2・3回繰り返すと酷い文字化けを起こしたり普通にコピーしたのに貼り付けられなかったりと思いっきりバグだらけなのですが、VBのClipboardオブジェクトも挙動が怪しく、というよりは独自のクリップボードを持っているのかSetTextメソッドでコピーしたものはどうやら自アプリの中でしか通用しない模様で、一応メモ帳とか他の種類のエディタとのデータやりとりはしないにしてもの自分以外のByteEditとは最低限データのやりとりができないといけないわけで、そうなるとVB製アプリ同士ならデータのやりとりができるという都合のいいことになってはくれないだろうかと考えるわけですが、反面そうなると分が今までしてきた苦労は一体なんだったんだという話になってやっぱりそりゃだめかなと思いつつ、もしかしたらReDimじゃなくてGlobalAllocでメモリ確保しなきゃいけなかったのだろうかとか、にしちゃサンプルでは対応するGlobalFreeがなかったぞと思い、メモリリークを気にしながら、そもそもOLEクリップボードとか従来のクリップボードの違いがよく分かっていなかったりする自分に気づき、でも動けばどっちでもいいやといういつもの投げ遣りな姿勢がまた垣間見られ、それでもやっぱり期待通りの挙動を示してくれないクリップボードに悪戦苦闘しています。
今度クリップボードを簡単に扱うライブラリなんかがあったら使ってみよう。

納屋の日

ウィルスバスターを2004にアップグレードしました。
迷惑メール対策や個人情報保護設定などいろいろ増えてます。
で、なんか仕様許諾を見ると私には守秘義務があるらしくって、多分何を守秘しなくちゃいけないのかも言っちゃいけないような気がします。

ネスケで見てみたらtableのcaptionが左揃えになってしまっているようです。
どうしましょどうしましょ。

次の更新、アンチオブジェクト指向でもしてみるとか?
参考書を見ているととても便利そうな印象がありますが。

蝉初鳴き観測

今日は実験がありませんでした。
実験室に行っても鍵がかかっていて、入れなくなっていました。
どうやら前期の実験は先週までで終わりだったそうで、後期まではもう実験がないそうです。
ともかく、実験がなければ時間に余裕ができるので更新ペースが少しくらいは早めることができそうです。
今日提出分のレポートも間に合いました。

なんだか再提出のレポートを仕上げて持っていったら、理論曲線があまりにもずれているとのこと。
しかし図書館で見た本に書いてあった理論では2倍3倍になっても平気だそうで、どうも定数の値の取り方のせいでそうなる模様だとのことで、見せてもらった資料の値からあまりずれていない理論曲線を書いて事なきを得ました。
事なかれ主義か?

プログラミングのページを全てスタイルシートを使ってHTML4.01Tに書き換えました。
一部いい加減なところが残っていたりもしますが気にしないでください。
一部内容の細かいところを補足してみたりもしたのでその意味でも読みやすくはなっていると思います。

10mの銅線

隠しサイトマップを整理してみました。
隠しサイトマップだから隠しページにも行き放題・・・・といいたいところなのですが、実際のところ隠しサイトマップは管理フォームへのショートカット(訪問者が見る部分には管理者フォームへのリンクがありませんね)と学校から見に来たときの利便性を求めて作ったわけですから、隠しページへのリンクはあまりしていません。
ついでに、もっと利便性を高めるために、パスワードを指定済みの管理者フォームへのリンクも付けてみようかと思うのですが、実はある場所で隠しサイトマップへの入り方を書いているので、パスワードを知らないと見られないようにしないといけなさそうです。
となればiframeとjavascriptでcgiを呼び出して…

思ったけど、5日のテキストブラウザでの見栄えって、htmllintからの引用なんだから<pre>よりも<blockquote>でくくったほうがよかったかも。

CSSを使ってみた

とりあえず、ある程度HTML&CSSが書けるようになってきたので、トップページにもスタイルシートを使ってみました。
ついでに、それに伴ってHTMLに関しても見直したところ、HTML4.01 Transitionalとして「Another HTML-lint gateway」でチェックしたら結構いい点が取れて、HTML4.01 Transitionalとしても充分に通用するようなので、<!DOCTYPE ~>宣言も加えてみました。
ちなみに、テキストブラウザのw3mで見え方は次のようになっているようです。

Tokio's Web Site

最終更新日 04/05/25
プログラミング→VBで速度比較→Withステートメント

ここには自分で作ったWindows用のソフトと
プログラミングをする時のちょっとした知識が置いてあります。
ときおというハンドルネームの人が管理しているらしいです。
あなたはXXXX番目にカウンターを回した人です。

┌───────┬────────────────────────────┐
│注意事項 │一度は見ておけばある程度トラブルは防げるものです │
│ │重要なことは下に書いてあります │
├───────┼────────────────────────────┤
│自分に100質 │自分自身に100未満の質問 │
│ │いわゆる自己紹介です │
├───────┼────────────────────────────┤
│ │ちょっとしたプログラミングのテクニックがあります │
│プログラミング│ゲームプログラミングの方に傾いています │
│ │一応メインコンテンツのつもり │
├───────┼────────────────────────────┤
│ダウンロード │Windows用のソフトがあります │
│ │当然ですがゲームボーイポケットでは動いてくれません │
├───────┼────────────────────────────┤
│ランキング │ゲームのスコアランキングです │
│ │対応ソフトからランキングに登録できます │
├───────┼────────────────────────────┤
│掲示板 │何でも書き込んでください │
│ │これとは別に新掲示板を製作中です │
├───────┼────────────────────────────┤
│バグ報告 │ソフトやサンプルに不具合があればこちらへ │
├───────┼────────────────────────────┤
│Q&A │サイト内容や管理人について質問してみましょう │
├───────┼────────────────────────────┤
│アンケート │いろいろ聞いてみたいこと │
├───────┼────────────────────────────┤
│HP作成論 │見る人の立場を考えたWebサイト作りについて │
├───────┼────────────────────────────┤
│更新履歴 │このサイトの歴史です │
│ │こんなところも無駄に長いながらも歴史ってものがあるのです│
├───────┼────────────────────────────┤
│更新予定 │これからやろうと思っていること │
│ │投票もできます │
├───────┼────────────────────────────┤
│リンク集 │ここからいろいろなサイトにいけます │
├───────┼────────────────────────────┤
│メール │管理人に電子メールを送ります │
└───────┴────────────────────────────┘

このページはIE6|NN7で表示を確認しています。
画像はバナー以外、PNG・JPEGを使っています。対応したブラウザを使ったほうがよいで
しょう。
最近ゆっくりと時間をかけてリニューアルしているそうです。
03/10/01に二周年を迎えたサイトらしい。
更新履歴にない更新も実はあります。
サイト内禁煙
このページにリンクを張るのは自由です。
詳しくは注意事項で。

日記(過去ログ) - CSS練習場


それとはあまり関係ありませんが、HPマナーをHP作成論に名前を変更しました。
そもそも作り方と気をつける点を別々の場所に置いておくというのがおかしいと思えるので。

なんだか、MIDIの情報を分析して表示するCGIを作ってみたいです。
これで著作権表示なんかを出せるようにしたら無断転載とか減らせるんじゃないかなぁ~と思います。

ドラクエ7、クリアしました。
真の勇者マリベルは天地雷鳴士ドーク(一応主人公です)とパラディンのアイラをお供に、ペットのエビルタートルガボも連れて、魔王オルゴ・デミーラ退治に向かったのです。
そして激戦の末、マリベルたちはついに勝ったのです。
世界は美しいマリベルの偉大なる活躍に感謝を惜しみませんでした。
・・・・とでも言っておかないとマリベルにギガスラッシュくらいそうです。

もう、自由自在

HTML文法チェックをしてみたら、更新予定のページでIMGタグにALTをつけろとしつこく言われたので、付けてみました。
代替テキストとして投票数を表示するように設定したので、画像を使わないブラウザでもちゃんとどれだけ投票されているか見ることができます。
また、InternetExplorerでも、画像にマウスを合わせると投票数が表示されます。

自在曲線定規を買いました。
これでもう私には何も恐れるものはありません。
どんな曲線でも自由自在です。

とまあ、冗談はこのへんにして、とりあえず、これでレポートのグラフは何とかなりそうです。

<前 次>