RYU's HOME P@GE

福島中年探検隊

プロフィール

このサイトについて

スマートフォンでアクセス（ QR コード）

うちの邊りはだいぶん前からいはゆる電波障礙地域で、當初は障礙となってゐる髙層マンションの共同アンテナを利用してゐたのですが、その共同アンテナがケーブルテレビ會社の有線に依る配信に變更󠄁されるに伴󠄁ひ自動的にケーブルテレビに繫がる事になりました。もちろんデジタルまたはデジ・アナ變換の地上波のみ（ 2012 年 7 月現在）で、BS や CS などは別途有料となります。

デジタル完全移行後もデジアナ變換された番組をアナログテレビで觀てゐましたが、最近、液晶テレビを購入して貰ったついでに一番安いケーブルインターネットのコースに加入しました。これを液晶テレビに繫いでテレビでインターネット……。しかしリモコンでの操作は使ひ勝󠄁手が非常に惡い。さらにホームページやメールなどのサービスも利用できません。然うだ、モデムと液晶テレビを繫いでゐる LAN ケーブルを PC （ノートパソコン）に繫げば良い。

容量 100MB のホームページスペースが使へるやうになりました。やたっ。

ルビの表示がをかしい時は最小フォントサイズを調節して下さい。

Firefox

アドレス欄に about:preferences と打ち込んで「フォント」→「詳細設定」で設定します。

Edge（ Chromium 系全般）

アドレス欄に chrome://settings/fonts と打ち込んで最小フォントサイズを設定します。

お知らせ

サイトを引越しました (2017-12-26)

ZAQ の容量 100MB あれば可なり使へると思ってゐたのですが、あっと言ふ間に殘り少なくなりました。逼迫󠄁する前に少しづゝ移行してゐたのですが、ほゞ完了しました。此處は容量 10GB ありますので、當分間に合ふと思ひます。

移行の爲に殘してゐるだけです。
- 跡地守備隊: http://www.baycom2.zaq.ne.jp/ryus/
こちらを主に更󠄁新します。
- 通常版: ~~http://ryus.my.coocan.jp/~~
- フレーム版: ~~http://ryus.my.coocan.jp/f~~

サイトを移動しました (2025-12-26)

@nifty(coocan.jp) の SSL 化に伴󠄁ふ有料化で繼續使用を斷念しました。安定したサーバに引越すまでの間、下記に置きます。

通常版: https://ryus.cloudfree.jp/
フレーム版: https://ryus.cloudfree.jp/f

サイト案内

サイトの仕樣も倂せて御覽下さい。

サイトマップ

サイト内の主なコンテンツへのリンクです。このサイトでは以下に說明するアクセスキーの Z（アルファベットのゼット）でサイトマップまたはインデックスに戾るやう設計してゐます。

フレーム表示

サイトをフレームで表示します。畫面幅 640px 以下では非常に見づらくなります。目安として橫 800px 以上推獎。フレーム枠は自由に動かせますので狹い畫面やメニューを使はない時は最小化して下さい。

便󠄁宜的に提供してゐますので、外部サイトがフレーム内に表示される^※1 事があります。また、外部サイトに依っては接續不可または參煕不可（ジャンプしない）になってゐる^※2 事があります。いづれもフレームを解除して下さい。ブラウザの中には外部サイトをフレーム内に表示しない物があるやうです。

^※1 (2021-09-01) 現在の主要なブラウザは XSS 對策でフレーム内に外部（ドメインの異なる）サイトを表示しないやうになってゐます。
^※2 X-Frame-Options - HTTP | MDN

他のフレームサイトでも使へるフレーム解除ブックマークレットを用意してゐますのでご利用下さい。 PC 版 Firefox ではコンテキストメニューから「このフレーム」→「このフレームだけを表示(S)」でフレームを解除できます。尙、Lynx （テキストブラウザ）で適切にナヴィゲートされる事を確認してゐます。

別タブ（別窗）で開くのを避󠄁ける方法

リンクテキストをそのまゝアドレス欄にドラッグ＆ドロップして下さい。今世紀初頭のアクセシビリティで "リンクを何う開くかは閱覽者に任せるべき" と言はれてゐたのですが、選󠄁擇肢を投げられても困る閱覽者が髙齡者を中心に一定數ゐます。選󠄁擇肢を自由に使ひ分けられる人ではなくボトムネックに合はせておく方が良いだらうといふ判󠄁斷です。尤もフレームを使ふ以上 target 屬性は避󠄁けられなかったりしますが。

プレゼンテーション（情󠄁報の見せ方） (2024-11-15): HTML 5(HTML Standard) の現在でも外部サイトや HTML 文書以外のリソースを別タブや浮かせて？表示するサイトが多いやうです。ちなみに JavaScript が有效な環境では target 屬性をプログラム的に附與する事が出來ます。プレゼンテーションは CSS / JavaScript でやるのが良いのですが CSS / JavaScript を OFF にされても可讀性を損はない作り方をするのが望ましい。と云ふ事で個人サイトではシンプル・イズ・ベストです。

これだけ表示

かつて一つのウィンドウに一つのウェブページを表示する (SDI) のが通例でした。ゆゑにフレームのやうな複數ページを同時に表示する仕樣があったのですが、今はたいていタブブラウザ^※1 になってゐて一つのウィンドウに複數のタブでウェブページを表示する事が出來ます。 UA 側の變化（進化？）に伴󠄁ひフレームのメニューだけを表示するやうにしました。リンクをクリック等（參煕）^※2 するとタブブラウザでは新しいタブにウェブページを表示します。

^※1 タブブラウザは MDI ではなく TDI (Tabbed Document Interface) と呼ばれます。
^※2 「リンクをクリック」と言ふと「クリックってなぁに」と突っ込む人が結構ゐたのでクリック等參煕すると書いてゐます。

アクセスキー

CSS3 を解釋するブラウザではアクセスキー（英數１文字）を表示してゐます。その他のブラウザでも見えないだけでアクセスキーは有效です。見えなければ傳はらない？ブラウザには HTML できちんと傳へてゐるのですが何う処理するかは殘念ながらブラウザ依存です。ブラウザ依存に對應させていくのは個人サイトの制作者には嚴しい。

アクセスキーは OS やブラウザ、アプリケーションなどのショートカットキーとバッティングする問題があるので宛てにはしないで下さい。 NN 4.x 以前はアクセスキーに對應してゐません。また最近のブラウザでも對應してゐない事があります。
數字のアクセスキーは docomo P501i などのガラケー（ i モード）用だったのが今もそのまゝにしてゐます。

サイト内で共通のアクセスキー

ホーム（表紙）へ戾る: 有效化キー + Q （アルファベットのキュー）

サイトマップまたは目次へ戾る: 有效化キー + Z （アルファベットのゼット）

アクセスキー有效化 (2020-04-01)

accesskey - HTML: HyperText Markup Language | MDN

Windows + Chrome の場合: 數字: Alt + アクセスキー; 文字: Shift + Alt + アクセスキー

Windows + Firefox の場合: Shift + Alt + アクセスキー

その他の環境ではそれぞれの取扱說明書などをご覽下さい。

QR コード (2021-08-25)

このサイトでは QR コードを載せてゐるページがあります。スマホ上に表示されてゐる QR コードを自身のスマホで讀み取る方法に就いては LINE や Google レンズなどのアプリを用ゐる方法があります。

スマホ表示したページのQRコード読み取る - Google 検索

プロフィール

三宅龍太郎

ポートレート: 髙校時代; 40 年後

大阪市福島區在住。

年齡は 60 代になります。世間では前期髙齡者と言ふらしい。尤も自分ではそんな意識はありません。寫眞は髙校時代の文化祭の練習󠄁でトランペットを吹いてゐます。原版も白黑寫眞です。カラーではない、といふのが私たち世代の證明（？）。趣味は溫泉めぐりとか魚釣りとかゴルフとか。將棊も指します。中髙年（老年？）なのでコンピュータ關聯は不得意です。

MIYAKE_ryutaro (2017-12-01)

お問合せ: （リンクおよび引用について）

關聯情󠄁報: 電子揭示板; をぢさんの HTML

利用してゐるウェブサービス: Twitter; YouTube^JP

起動音サンプル: Windows 95 起動音; Windows 98 起動音; 起動音ブランク

個人のウェブサイトは 1997 年に Windows 95 の PC で作ったのが最初ですが、試驗的に作っただけで更󠄁新も何もしてゐませんでした。その後、ISDN（ INS64 ）契約したのを機にドリームネット（現 OCN ）のウェブスペース容量 4MB にサイトを作り RYU's HOME P@GE としました。名附けた理由は特に無く、當時のよくあるネーミングです。 URI とメールアドレスは http://plaza20.mbn.or.jp/˜miyake/、miyake@bh.mbn.or.jp でした。

ウェブサイト檢索 by Google

'70 大阪万博リアル世代です

ウェブ標準

このサイトは最初の頃に HTML 3.2 または文書型宣言ナシだったのを除き、今世紀に入ってからは HTML 4.01 （ HTML 4.01 Transitional DTD ）に準據してゐます。最初の頃（ 1999-2000 年頃）は仕樣が矢繼ぎ早に策定されてゐたので文書型宣言を附けない方が安全？といふ事情もありました。尙、當時から一般のブラウザは DTD を參煕してゐませんでした。

テーブルレイアウト

W3C や富士通のアクセシビリティなどの大手サイトは NN 4.xと見た目を揃へる必要から 2003 年頃までテーブルレイアウトを採󠄁用してゐました。テーブルレイアウトでも仕樣上 valid にする事は出來ますが、このサイトでは以下の理由で原則として採󠄁用してゐません。ただし 2000 年代前半󠄁のページで畫像の展示などに部分使用してゐる事があります。

アクセシブルなテーブルレイアウト？ (2025-11-25)

仕樣上 valid にするのは當然としてマシンリーダブルにする爲に <caption>、<colgroup>、<col>、<thead>、<tfoot>、<tbody>、<th> などのタグや summary、abbr、scope などの屬性を用ゐる事が奬められました。不十分とは言へ HTML Standard の <header>、<main>、<footer>、<section> などに相當するのですが、それを適切に解釋するスクリーンリーダーがありませんでした。それ以上にテキストエディタ手打ちでは繁雜過ぎてヤッテラレナイ。

2002 年 2 月制作ページのテーブル組み例

マーク附けの未來 (2025-11-25)

2000 年代前半󠄁までの個人サイトはテキストエディタ手打ちか IBM ホームページ・ビルダーなどの作成ツールを使ってゐましたが後者でも多少 HTML の知識が必要とされました。制作者が中身の文章を書いて、それにマーク附けする。こんな"二度手間"はもう嫌だ、近い將來 AI がマーク附けしてくれるやうになる…と言ったら嗤はれましたが 20 數年經った今では當り前になってゐます。文書の構造に從って適切に（大まかに）マーク附けするのは機械の方が早く出來るやうになりました。 CMS と AI の時代。

カスケーディングスタイルシート

CSS3 に準據^※してゐますので、ブラウザに依っては CSS が適󠄁用されない事があります。見た目が變るだけで情󠄁報内容は同じです。またページによって代替スタイルシートを提供してゐます。

^※ CSS が valid であるに越した事はありませんが意味や構造を傳へる HTML が基本です。

(2024-05-05) 一部に實驗的なプロパティを使用してゐます。次のプロパティは W3C CSS 検証サービスでエラーになります。表示に不具合がありましたらお知らせ下さい。 → (2025-04-09) エラーにならなくなったやうです。

background-clip: text; は値の text が非推獎の爲、@supports 規則で振分けるやうにしました。參考: MDN

初めて買った HTML の本 (2021-06-10)

HTML ハンドブック改訂第 2 版渡辺竜生著 1998年、ソフトバンクパブリッシング: HTML 3.2 準據で HTML 4.0/4.01 も視野に入れて說明されてゐます。 SGML や文書型宣言の意味にも簡單に觸れられてゐて、平󠄁易な文章ながら當時としては眞っ當な解說書でした。その後、學校敎材としても採󠄁用されたやうです。この一册しか買ってゐませんが、~~ウェブ制作の業者でないなら~~ 一般の人ならこれで十分です。

旧福島中年探険隊トップページ 2001 年制作 (2020-12-20)

2001 年當時の最大シェアである WinIE 5.01 を念頭に制作してゐるので NN 4.x、Opera 6 などでは意圖通りの見た目^※になりません。とは言へ HTML / CSS は一應 valid でした。死藏するには惜しいので當時のまゝ載せてゐます。 <DIV> を無馱に多用してゐるなど突っ込󠄁みどころはありますが 2001 年制作なので御容赦下さい。

2000 年に借りた @nifty （ URI: http://homepage2.nifty.com/k_miyake/fukushima/ ）の容量 10MB をあっと言ふ間に使ひ切り HOOPS! (50MB) に引越しましたが 2002 年 10 月同ホスティングサービス終了でお藏入り。そのまゝになった理由は、見た目に凝る事に厭きたから ^^); ちなみに２ちゃんねるの「 CSS でイケてるデザインサイト15 」で取り上げられました。

IE 5.01 と NN 4.78、Opera 6 の表示の違ひ

^※制作者の「意圖通りの見た目」を一般に「正しい表示」と言ってゐます。今世紀初頭の"ほ～むぺ～じ"に、IE の「文字サイズ小」で 正しく表示されます、などと書かれてゐましたがウェブに於いて見た目は相對的です。

サイトの仕樣

前世紀末から今世紀初頭の"ほ～むぺ～じ"（テキストエディタ手打ち）を後世に傳へる爲に。

表示確認環境

Windows 98 + Internet Explorer 5.01 → Windows 10 + Firefox 105

このページ制作時（ 2012 年）は WinIE 5.01 でも表示確認してゐましたが 2017 年以降は IE を除外してゐます。

推獎閱覽環境

ウェブは内容（意味）を傳へるやうには出來てゐるが、見た目を傳へるやうには出來てゐない。とは言へ

CSS / JavaScript

CSS3 を解釋するブラウザ。 CSS はページ制作時における Firefox 最新版と W3C CSS 検証サービスを基準としてゐますが必ずしも最新版のブラウザである必要はありません。表示がをかしい時はサイトの CSS を OFF にして見て下さい。尙、PC 版 Firefox ではメニューバーの「表示」→「スタイルシート」で CSS を OFF に出來ます。ちなみにお獎めするウェブブラウザは Lynx です。

CSS、JavaScript が OFF （無效）でも可讀性を出來るだけ損はないやうにしてゐます。寧ろ無效の方が讀み易かったり…。個人的にはサイトの CSS を無效にした上で次のユーザスタイルを宛てると讀み易い。制作者の CSS は邪魔(笑)
body { line-height: 1.8; }

JavaScript に關しては Internet Explorer 4.01 以降であれば動作すると思ひますが、ブラウザによって古いコードが動作しない事があります。お知らせ戴ければ幸ひです。ちなみにサイトを始めた頃（前世紀末）の JavaScript や JScript は初心者向けの "お遊び言語" だったので大人の制作者（當時の私は 40 代）が使ふのは耻づかしい事でした。あの頃のプログラム言語と言へば Perl か C 言語で、PHP が登場した時でさえ訝しがる人が多かった。

推獎畫面サイズ: フレーム版は 640 × 480 ピクセル以上が望ましい。フレーム枠は動かせるので小さい畫面では調節して下さい。非フレーム版では橫幅 240 ピクセル以上あれば内容が讀めると思ひます。以前使ってゐたらくらくホンベーシック S（ docomo F883iS ）の液晶畫面が橫 240 ピクセルでした。尙、CRT グリーンモニタでも内容は讀めます。

推獎通信環境

ISDN 64K 同等以上（ 64Kbps=0.064Mbps ）。尙、Lynx を使へば 9600bps=0.0096Mbps （電話の音聲囘線）でも何とか閱覽する事が出來ます。

ISDN 64K で"3 秒以内"を目安にしてゐましたが 2012 年で解約したので以後は實際の確認が出來てゐません。ファーストビューの改善に努めてゐますが、ウェブフォント採󠄁用ページなどで 10 秒以上かかります。また YouTube 取込みページの動畫は再生不能です。ちなみに 2012 年現在、 Google Map や Twitter は ISDN 64K では 1 分經っても白紙のまゝの激重で擧げ句フリーズします。

Google PageSpeed Insights でこのページを診斷します。

妥當性

傳へたい情󠄁報の本質は文章そのものであってマーク附け（マークアップ）ではない。ましてや CSS でも JavaScript でもない。サイトの價値は規格準據や髙度なコードにではなく優れた内容にあります。とは言へ

The W3C Markup Validation Service

The W3C CSS Validation Service

ウェブアクセシビリティ方針

特に無し。といふよりウェブアクセシビリティの規格をよく解ってゐません。ユーザ體驗（ UX ）なども同樣です。コントラストなどの見た目に就いては環境や狀況などに左右される相對的な判󠄁斷になりますので適時修正します。もし見られない、または我慢ならないほど見づらいといふ場合はお知らせ下さい。知的および身體的な障礙を持つ人の御意見歡迎です。尙、"旧字旧仮名"（正漢字、歷史的假名遣󠄁）のページおよびルビ附きページはスクリーンリーダーが上手く讀めない事があります。また人によっては讀み難い（非アクセシブル / 非ユーザフル / 非インクルーシブ）かも知れません。

讀み難いページの一例

このページを Firefox に讀ませる: 次の URI を PC 版 Firefox のアドレス欄に貼り附けて下さい。; about:reader?url=https://ryus.cloudfree.jp/ryu/contents/etc/about/

インクルーシブデザイン: そもそも 日本語のみ、しかも"旧字旧仮名"（正漢字、歷史的假名遣󠄁）なのでインクルーシブではありません。 Sorry Japanese Only です ^^);

デバイスに據る制約と囘線品質: 古い機種、例へば 1999 年の docomo P501i は i-mode の 5KB 以下といふ制約により殆どのページで尻切れトンボになります。畫像も GIF しか表示出來ない爲に JPEG、PNG、SVG などは表示されません。その他デバイス固有の不備仕樣については對應できません。; また ISDN 64K 同等以上推獎とは言へ通信囘線は速い方が快適です。

重要な變更󠄁 (2017-12-26): サーバ引越しに伴󠄁ひサイトの文字符號化方式を UTF-8 に變更󠄁しましたので、docomo P501i などの攜帶電話の他、NN 4.x 等比較󠄁的古いブラウザでは讀めなくなります。 UTF-8 對應のブラウザで御覽下さい。 MS-DOS 時代から一般に用ゐられてゐた Shift_JIS や EUC-JP の方が後方互換の點でアクセシブルですが"旧字"（正漢字）の必要から UTF-8 にしました。尙、"旧字"（正漢字）はデバイスに入ってゐるフォントによって表示されない事があります。詳しくは表示のヘルプをご覽下さい。

WAI-AREA に就いて (2022-02-20)

HTML 4.01 Strict/Transitional および XHTML 1.0/1.1 のページでは採󠄁用してゐません。仕樣上できません。
HTML 5 (HTML Standard) のページでも採󠄁用してゐません。 ~~屬性で「意味」を附加するのは HTML の作法ではないと考へるからです。~~ このサイトの HTML 5 (HTML Standard) は「な～んちゃって」です。

HTML の簡單な解說

レスポンシブウェブデザイン

たぶん最近のどんな攜帶電話でも閱覽可能だと思ひます。ただしモバイルファーストではありません。歷史的經緯により PC ファーストです。もともと CRT の 640×480 に對應する爲、フレーム枠を動かせるやうにしてゐたので幅 400 ピクセル程度でも橫スクロールバーが出ないやうにしてゐました。それゆゑ小さなサムネイル畫像を採󠄁用してゐます。 2012 年以降は槪ね 200 ピクセル以上であれば橫スクロールなしで見られるやうにしてゐますが、しかし畫面は物理的に大きな物の方が見易く讀み易いです。髙齡者になった今、スマホの見づらさに辟易してゐます(笑)

Firefox の「文字サイズのみ変更する」に就いて

PC 用 Firefox で「文字サイズのみ変更する」にチェックしてゐる場合でも常識的な範圍であれば問題ありません。設定箇所に既定のズームが 100% でない場合、一部のサイトやコンテンツが正しく表示されない可能性があります（スクリーンショット）と書かれてゐます。制作者が言ふ正しくは「俺樣デザイン」（プロダクトデザイン）といふ意味ですが、このサイトは閱覽者の見たいやうに見て下さい^※。餘計な物を見たくない場合はテキストブラウザがお獎めで通信量も抑へられます。

^※「見たいやうに見て下さい」と言はれても困る人が多いかもしれません。 target 屬性で別タブ(別窗)を開く問題と同じやうに相對的な判󠄁斷ですが、自分に見易いユーザースタイルを宛てるなどして下さい。「見たいやうに見て下さい」は何が何でも制作者（私）の意圖通りに見せてやるし私の意圖通りに見ないと許さないとは 毛頭思ってゐない と云ふ事です。そんな事は無理なので。

スムーズスクロールについて

CSS で實裝してゐます。有效にするには Firefox では設定の「一般」→「ブラウジング」→「スムーズスクロール機能を使用する」にチェックを入れます。

html { scroll-behavior: smooth; }

Experiments （實驗機能）: Google Chrome や Chromium 系の Edge、Opera、Vivaldi などはデフォルトで無效になってゐるやうです。アドレス欄に chrome://flags/#smooth-scrolling と打ち込み Enabled か 有効 にして下さい。或いはその他のデバイスの設定によって無效になってゐる事もあります。

ゴミは出さない - Cookie、<DIV>、class 屬性について

電子揭示板や YouTube 動畫を取り込んでゐるページなどを除いて Cookie は發行してゐません。閱覽者のデバイスにキャッシュ以外出來るだけゴミを殘さないやうにしてゐますが、サイト閱覽後はキャッシュと Cookie を削󠄁除して下さい。他のサイトのものも一括削󠄁除して問題ありません。 Cookie は前世紀に Netscape が實裝したのが最初と言はれてゐます。制作者にとっては便󠄁利な反面、今世紀に入る頃には危󠄁險性も言はれてゐました。このサイトでも 2000 年に記事を書いてゐます。尙、YouTube の動畫を取り込んでゐるページでサードパーティの Cookie が發行されますがブロックして支障ありません。

HTML のマーク附けに <DIV> を出來るだけ使はないやうにしてゐます。意味の無いコンテナは閱覽者が利用する手だてがありません。制作者が定義する class 屬性も同樣です。どちらも制作者が"見た目"の爲に使ふだけなので意味論的にはゴミみたいなものです（言ひすぎ）

(2024-11-10) class 屬性は企業サイトなど多人數が關はる大規模制作で仕樣（ローカルルール）を決めて運用されてゐますが制作上の便宜または補助です。 class 屬性の値の仕樣は公開されませんし利用者が意味論的に利用する手だてがない點で <DIV> と同じ。 WHATWG 以降、W3C が目指してゐたものから若干ズレて HTML は所詮プレゼンテーション言語であるといふ事になったやうです。このサイトでは諸事情󠄁から XML（ application/xhtml+xml ）のページもあります。

SVG、WebP 畫像 (2024-05-15)

アイコンの多くに SVG 畫像を採󠄁用してゐます。またサムネイルの多くに WebP 畫像を用ゐてゐます。古いブラウザで表示できない事がありますが "飾󠄁り" および "見本" なので情󠄁報内容には影響ありません。

ダークモード (2024-05-15)

一應ダークモードに對應してゐます。ただし古いページの保管庫に收藏してゐるページは制作時の狀況を保存する爲、ダークモードになりません。その他、例外的に（古いページで）ダークモードにならない事があります。

免責事項と著作權その他（ 2022-02-20 改訂）

ページ制作時點で正しくあるやうに努めてゐますが間違ひは多々あると思ひます。御指摘は歡迎してをります。尙、サイト内容によって不利益が生じたとしても責任を負はないものと致します。
リンク、引用に就いて事前事後の許可・申出等は一切不要です。寫眞や内容の利用に就いては出典を明記（弊サイトへリンクで可）していただければ幸ひです。

警吿

今世紀初頭、Google が出した警吿のパロディです。

このサイトはコンピュータに損害を与える可能性があります。 あなたのブラウザの設定で Cookie 受容れ不可、JavaScript/CSS 等の読み込み不可、映像画像等の取込み不可などの処置をした上でご覽下さい。尚、これらセキュリティレベルの設定によっても安全は保証されません。

ホーム