RYU's HOME P@GE

福島中年探検隊

ステーショナリー

ページ内リンク

• カレンダー
• スカッシュ
• ユーザスタイルシート

便利な小道具？ いろいろ。

月別メッセージ 2000 年制作

ブックマークレット

フレーム解除

javascript:(function(){for(var i=0;i < frames.length;i++)frames[i].document.onclick=function(){location.href=this.location.href}})();

登錄

• 

この JavaScript コードをお使ひのブラウザのブックマークに登錄して下さい。登錄方法は Google Chrome は畫像を參考にして下さい。 その他はウェブを檢索して下さい。一般的には新規ブックマーク作成で URL 記入欄にコードを書き込めばオッケーです。

使用方法

解除したいフレームページを表示した狀態でブックマークをクリック（實行）します。 次にフレーム解除させたいページ上でクリック（實行）する。フレームサイト側で「ごにょごにょ」してゐる場合は期待通りに動作しません。尚、當然ですが JavaScript ON でお使ひ下さい。

解除したページから元のフレームに戻りたい時はブラウザの履歷バックボタンを利用して下さい。

動作確認

Windows 7 + Google Chrome 26

スタイルシートを無效/有效に切替へる by Hurtak/toggle-css-bookmarklet

javascript:(function(){function d(a,b){a.setAttribute("data-css-storage",b)}function e(a){var b=a.getAttribute("data-css-storage");a.removeAttribute("data-css-storage");return b}var c=[];(function(){var a=document.body,b=a.hasAttribute("data-css-disabled");b?a.removeAttribute("data-css-disabled"):a.setAttribute("data-css-disabled","");return b})()?(c=document.querySelectorAll("[data-css-storage]"),[].slice.call(c).forEach(function(a){"STYLE"===a.tagName?a.innerHTML=e(a):"LINK"===a.tagName?a.disabled=!1:a.style.cssText=e(a)})):(c=document.querySelectorAll("[style], link, style"),[].slice.call(c).forEach(function(a){"STYLE"===a.tagName?(d(a,a.innerHTML),a.innerHTML=""):"LINK"===a.tagName?(d(a,""),a.disabled=!0):(d(a,a.style.cssText),a.style.cssText="")}))})();

登錄方法その他はフレーム解除のブックマークレットと同じです。 application/xhtml+xml のページでは動きません。 またページによって上手く切替はるとは限りません。

動作確認

Windows 10 + Google Chrome 87

數値文字參照變換 2000 年制作

文字を ISO 10646 の文字番號（十進數）に變換します。 DOM 對應のブラウザで JavaScript ON にて ご利用下さい。 OFF（無效）では、ツール自體が表示されません。 JavaScript コードはこちら。

動作確認

Windows 98 + Internet Explorer 5.01 （ NN 4 では動作しません）

阪神戰占ひ 2002 年制作

2018 年 1 月 4 日、阪神タイガース監督だった星野仙一さんが亡くなりました。星野監督は長く B クラスに低迷してゐた阪神をリーグ優勝に導いたのですが、その熱狂する當時の狀況に釣られて作ったのが、これ。仕組みは前世紀 DHTML 時代からある亂數に據る籤（くじ）引きです。 寫眞は地元野田阪神にある阪神本社ビルです。 タイガース音頭 1976

2002 年制作なのでレスポンシブウェブデザインには對應してゐません。 スマホを橫にすると良いかも知れません。

阪神戰占ひダウンロード（最終確認: 2018-10-04 ）

• プログラムファイルとスタイルシートの ZIP ファイル

動作確認

Windows 98 + Internet Explorer 5.01 （ IE 4 / NN 4 では動作しません）

JavaScript カレンダー 2001 年制作

いはゆるミレニアム記念。2001 年に作った JavaScript で出力（表示）する萬年カレンダーです。當月（ PC の日附月）がスタートで、呼び出す函數のパラメータで「今日」のリンク先、表示月數、竝び（縱橫）方向^※、表題の有無が指定出來ます。また JavaScript の初期設定でも改變可能ですし、そもそもコードを書き換へても OK です。このプログラムの肝は曆計算の數行だけです。

• 時間とカレンダー

^※ 竝び（縱橫）方向などの表示關聯はパラメータ指定ではなく CSS でやる方が良いです。出力する HTML は valid ですので適當に調製して下さい。

パラメータの説明

• パラメータあり
  • calender("「今日」のリンク先 URL", 當月＋月數, 表題・日付の有無, 竝び方向);
• パラメータなし
  • calender(); 當月分のみ表示

それぞれのパラメータ區切りは カンマ です。 月數は例へば 2 を指定すると、當月分にプラス 2 ヶ月分表示します。（合計三箇月分） 數字は "～" で圍む必要はありません。尚 「今日」のリンク先 URL に "#" を指定すると、表示されているページの先頭へ戻るだけです。 https?://～で始まる URL を書いておくと便利です。

内藏オプション

• 記述
  • days("#000080", "#800000");
    • パラメータは色コード。16 進、8 進、標準 16 色のカラーネームで指定。といふより、これこそ今は CSS でやるべきです。「 2001 年」といふ事情。ですがパラメータは省略できません。

• 表示
  • といふ具合になります。

JavaScript カレンダーダウンロード（最終確認: 2018-10-04 ）

• プログラムファイルとスタイルシートの ZIP ファイル

設置方法

設置方法はこのページの HTML ソースをご覽下さい。2001 年當時なら說明が必要だったと思ひますが、現在では無用でせう。尚、ブラウザなど環境に依ってダウンロード直リンクでは上手くダウンロード出來ない事があります。JavaScript はクライアントサイドで動作するので、あなたのブラウザでこのカレンダーが表示されてゐるなら、プログラムおよび CSS ファイルは旣にダウンロード濟です。

動作確認

Windows 98 + Internet Explorer 5.01

おまけの餘談（昔話）

ブラウザによる描畫性能

サンプルは 2 箇月分表示してゐますが、當月から何箇月先まで表示するかは自由に設定出來ます。 ただし、このプログラムでは 37 箇月先まで（ 3 年先の當月まで ）です。 理論的には 10 萬年先ぐらゐまでは表示出來ると思ひますが、「曆」自體が變ってゐると思ふので意味がありません。 過去のカレンダーも、晉通はあんまり使はないだらうと思ひます。 それに

何箇月も表示するとブラウザによっては描畫が物凄く遲くなります。1999 年の Netscape 4.x では、6 箇月分ぐらゐが限界。 操作不能になったり、メモリ不足で OS ごとハングアップする事がありました。 プログラムでは開放するやうにしてゐますが……環境に依存します。現在のモダンブラウザでは心配ありません。

映畫『 2001 年 宇宙の旅』（ 1968 年）が公開された當時は二十一世紀はどんな時代だらうと期待してゐたけれど、なってみると「いつもと同じ」でした。そんな時に作った萬年カレンダーです。

このカレンダーの原型

2000 年、まさにミレニアムの年に制作した物。これを元に「餘計な物」を附け足しました。

• 今日のカレンダー

PHP 版 祝日入りカレンダー（最終確認: 2004-02-06 ）

• プログラムファイルの ZIP ファイル

動作確認

PHP 4.2 / php_flag register_globals on （表示サンプル）

(2021-09-01) 2000 年制作の JavaScript 版カレンダーを 2001 年に祝日を追加して PHP で書き換へただけです。 PHP 5 でもカレンダー自體は表示しますが、このまゝではセキュリティに問題があるので使用はお奬めしません。 初期の PHP プログラムの「記念碑」として置いて措きます。

JavaScript 電卓 2001 年制作

JavaScript で出力する電卓です。四則計算、ルートぐらゐしか機能はありませんが、ちょっとした計算には便利かも知れません。輕量・お手輕（笑）これも 2001 年の制作です。當時は JavaScript で吐く HTML ソースが valid で、かつ見た目は全部 CSS でやるのがステータス（？）でした。

それにしても 2001 年當時の IE 5.01 で見た目を CSS で修飾してゐるのですが、殆ど手直しなしで最新の Chrome でも意圖通り表示して呉れます。CSS も變に凝った事をしないのが良い。

仕樣（らしき何か）

• 表示桁數は 12桁です
• 表示窗に直接入力できます
• アクセスキーを設定してゐます（^※この電卓に多くの文字を割り當ててゐるのでページのアクセスキーとバッティングしてゐます）

表示窗に直接書き込んで計算する例

大根 80 圓、人參 150 圓、胡瓜 90 圓の消費稅込みの金額を計算する場合。

(80+150+90)*1.08 ←數式は全て半角

表示窗に書き込んでイコールボタン（答は 345.6 ）

アクセスキーを設定してゐるのでキーボードから入力出來ます。 Windowsの場合、最初に Shift + Alt + C を押すと表示窗が入力可能になります。次に數式を半角でキーボードから打ち込みます。最後に Shift + Alt + Q を押すと計算結果を表示する。メモリー機能で數式も記憶します。

電卓ダウンロード（最終確認: 2017-12-21 ）

• プログラムファイルとスタイルシートの ZIP ファイル

設置方法

設置方法は JavaScript カレンダーと同じです。または、このページの HTML ソースをご覽下さい。

動作確認

Windows 98 + Internet Explorer 5.01

おまけの餘談

電卓の精度って何だらう

大根や人參など日常のお買物計算なら、この電卓でもスーパーコンピュータでも答は同じです。計算桁數とか表示桁數？ 32bit とか 64bit と云ふコンピュータが扱へる桁數は決まってゐます。解り易いのは 3 の平方根（ 1.732050807568…… ）を 2 乘すると理論的には元の 3 になる筈ですが、市販の高性能電卓と言へども 3 にはなりません。理論と實際が一致しない。

今や家庭用 PC でも 64bit が主流ださうですが、これは二進數の桁數を表してゐるので、十進數に變換すると 20 桁。えと、千八百四十四京 六千七百四十四兆 ……以下省略。これだけの計算桁數を持ってゐても 3 の平方根を 2 乗した時に 3 にはならない。限りなく 3 に近づくだけです。それが解ってゐるので何處かで「丸め」處理（端數處理）をして答を出します。何處までの桁數を扱へるか（といふより、扱ふか）が電卓の「精度」です。

電卓に依っては 3 の平方根を 2 乘すると元の 3 を答として返す物もありますが、これは計算結果ではなく丸め處理の結果です。

JavaScript スカッシュ 1999 年制作

スライド式プルダウンリスト 2002 年制作

JavaScript/CSS が有效な環境では通常は畫面右上に見えます。 スマホなどでは「橫」にしてみて下さい。 畫面をスクロールすると追從して移動します。 JavaScript/CSS が無效の場合は妥當なテキストとして見えます。 JavaScript のみ無效の場合は無效である事を表示して何もしません。 尚、アクセスキー L で直接アクセスできます。

(2022-07-20) 設置はこのページを參考にして下さい。 このページで動いてゐればご覽の環境で使へますがレガシーなコードですので自己責任で御願ひします。 また 2002 年當時の CSS ですので「橫幅決め打ち」になってゐます。 環境に依って上手く表示されない事があります。 JS および CSS を更新する予定はありません。

スライド式プルダウンリスト

• プログラムファイル A
• プログラムファイル B
• CSS ファイル

原型になったプルダウンリスト （スライドしない固定タイプ）

• 一足早い花の便り - 福島中年探検隊

ユーザスタイルシート

Google Chrome の擴張 Stylus 用に作りましたが、ユーザスタイルが當てられるブラウザならどれでも使へると思ひます。 CSS レベル 3に準據。 ダウンロードリンク先はいづれも ZIP ファイル（ application/octet-stream ）です。中身は UTF-8 のテキストファイル。CSS が解る人は自由に改變して下さい。使用方法

ウェブサイトの文字サイズを大きくするスタイル （最終確認: 2023-02-21 ）

Twitter、Yahoo! Janan など主なサイトでレイアウトを大きく亂す事なく文字サイズを大きく（或いは小さく）します。 次の画像の一枚目がユーザスタイル適用前で二枚目が適用後。

• 
• 

ダウンロード

• 文字サイズを大きくするスタイル

Twitter 用縱書き＆文字サイズ擴大スタイル （最終確認: 2019-04-25 ）

^※ Twitter 公式がリニューアルされて、Twitter 用ユーザスタイルは使へなくなりました。

• 
• 

ダウンロード

• Twitter 用縱書きスタイル
• Twitter 用文字サイズ擴大スタイル

Stylus 編集畫面の文字サイズを大きくするスタイル （最終確認: 2023-01-15 ）

ウェブフォントを採用してゐます

ウェブフォントは環境によって重くなったり表示されなかったりします。自分が見る爲だけのユーザスタイルなので それでも構はないと思ふのですが、不要ならユーザスタイルを書き換へて下さい。@import の一行を削除するだけで OK です。

ダウンロード

• Stylus 用文字サイズ擴大スタイル

青空文庫 XHTML 版を縱書きにするスタイル （最終確認: 2023-01-15 ）

• 
• 

Google Chrome でルビの文字サイズが大きい場合は、「設定」→「デザイン」→「フォントサイズ」→「フォントをカスタマイズ」→「最小フォントサイズ」を 7pt 以下ぐらゐにして下さい。

ダウンロード

• 青空文庫 XHTML 版を縱書きにするスタイル

關聯ページ

ユーザースタイルシートについて

by MIYAKE_ryutaro ©2018

埋め込みサービス ブログパーツ

• 電子揭示板

• IT関連Newsピックアップ

リンク

• • JR西日本列車運行情報
    • 路線選択（近畿エリア）：JR西日本 列車走行位置
  • 日本気象協会 tenki.jp
  • 産経ニュース
    • 産経 WEST
  • 読売新聞オンライン
  • Yahoo! ニュース
• • 大阪府（おおさかふ）ホームページ
  • 大阪市：トップページ - 公式
    • 福島区 - 『広報ふくしま』
    • 大阪市：各区　市営交通おでかけマップ
      大阪市： イベント・観光 - マップナビおおさか
  • わがまち福島区 - 大阪市福島区社会福祉協議会
  • 大阪メトロ - 大阪シティバス

• • YouTube
    • miyakeryutaro - YouTube
• • To The End of The EARTH
  • アイコン素材 icooon-mono
  • かわいいフリー素材集 いらすとや

ご意見ご感想など

メールのヘルプ

• サイトマップ

• ホーム