ブラウザ：グーグルクローム、Edge、Operaは動作良好、FireFoxは動作未良好です。FireFoxは縦書きを苦手にしています。FireFoxを含めたサポートをするにはh2vR.cssとh2vR.jsライブラリーを利用した縦書き方法が賢明です。3年前の深まる秋が参考になります。
ここは晩秋に向かう名月が緩やかに回転する様にご注目ください。
スーパーで買い物をすると価格表に一円以下、銭単位までしっかりと金額表示されています。一円未満の支払いがないのにと奇異な感じを受けたことがありますが最近、なんとなく理解できるようになりました。
金額が数百万円もする1000円単位の金額では消費税を加算しても端数は生じないの小額の値段の品物を前提に話を進めます。
上の図は大手コンビニで1個100円の品物を3個買ったら301円の請求が発生し、税込み価格を小数点第2位まで表示するきっかけとなった事例です。
かつて、物を偶数個購入すれば、合計金額は必ず偶数になるのが通念でした。単価123円のセロテープを2個買えば246円になります。
消費税10%で税抜き価格116円の場合、切り捨て端数処理を行い売買価格は127円になります。
しかし、2個買えば、小数点以下切り捨てて奇数の255(116*2*1.1)円になり、1個の値段の2倍である254円より1円多く払うことになります。
左の例では税抜き価格が16円のとき、20個一括で買う場合と、ちまちま1個ずつ20回購入するときでは12円の差が生じます。
一方、大口購入という売買方式があり、大量に購入してくれる消費者には安い料金になることがあります。
物を多く買えば安くなる考えが一般化していますが、少ない個数で何度も売り手にわずらわしさを与えて買った方が合計金額が少なくて済むとは奇妙な現象といえましょう。
財務省「総額表示」の通達を見ると税込価格」の設定において、端数が出た場合の処理 (切捨て、切上げ、四捨五入など)はそれぞれの事業者の判断によることとするとなっていますが、切捨ての場合が多いようです。この時に上で述べた現象が現れます。
2023年（令和5年）10月1日から適格請求書等保存方式（インボイス方式）が導入されます。軽減税率により複数の税率が適用され手計算では追いつかず専門知識とレジスターなどによる電子処理でないと現場では間に合わないというのが実態でしょうか。
規模の小さい商いでは期限付きで例外措置が設けられますが、準備をしっかりしておかないとますますその格差が広がっていきそうです。
<div id="bun" style="width:180px; height:60px; line-height:60px; background:aliceblue; text-align:center;"></div>
<script type="text/javascript">
var today=new Date(); //1970-01-01から今日までのミリ秒（のオブジェクト）
var Year = today.getFullYear(); //今年の西暦年
var targetDay=new Date(Year+"/1/1"); //調査開始日（今年の元日）から今日までのミリ秒（のオブジェクト）
var dist="元旦から " + (Math.floor((today-targetDay)/1000/60/60/24)+"").fontcolor("crimson") + " 経過";
document.getElementById("bun").innerHTML=dist.fontsize(4);
</script>
上に挙げたコードに示すように、算出を単純化しました。1970-01-01から今年の元日までと1970-01-01から今日までの経過秒を求め二つの差から今年の元日から今日までの経過時間(ms)を求めミリ秒を日の単位に直しています。
再度の変節で恐縮の至りですが、通算日が描画されているアイコンを作りデスクトップに置くやり方が見つかりました。
このアイコンから起動中されたアプリが終了するまではタスクバーにもアイコンが表示されるので、デスクトップの主画面は他の用途に利用することができます。
アイコンはPNG形式で作成し、PNGをICOに変換するサイトを利用してICOファイルを利用することができます。
丸印の外側風景は透明色にしておくとアイコンとして使いやすくなります。今回利用したサイトはPNGの背景色はICOファイルに忠実に変換されるようです。
アイコンに経過日を描画する方法は、まだ自動的に動作するまでには至っていません。理想論はまた後回しになります。
前回、スタートアップフォルダにhtml(js)で記述したプログラムを置いてパソコンの起動時に動作する例を挙げました。
そこではタスクバーに表示する方法が最適としましたが、当方ではCやC＃による開発環境は既になく再構築を諦めました。
検討の結果、スタートアップフォルダの起動プログラムを削除し、通算日を算出するプログラムは8行ほどであり、デスクトップに常時、置いてクリックして動作させる極めてオーソドックスな方法にしました。
うるう年か平年かを加味して正確に元旦からの経過日を知りたい時があります。
一日おき（2日に一度）の割合で薬を飲んだり、洗髪をする場合、元日からの通算日が奇数か偶数かにより的確に振り分けすることができます。
その場合、通算日の始まりを０にした方が何かと便利です。よって平年の大みそかは364になります。
汗をかくことが少なくなり、洗髪を3日に一度に変更した場合、経過日を3で割りその余りで3日間の繰り返しを正確に区別することができます。
CやJavaScriptでは剰余演算子(%)を使って処理しますがその時、通算日の初期値は0が好都合です。
CやJavaScriptでシステムが持つ現日付・時刻から通算日を算出するアプリを作成してEXE形式のファイルを用意します。
HtmlをExeに変換する方法はElectronをマスターしなければならず、Exeが首尾よく出力できても付随するファイルが多く全体サイズが大きくなり、使いこなすまで至っていません。
他にも、JSC.exeによる変換においてhtml➡exeは無理があるようです。
Windows、コマンドプロンプトから既定のブラウザでURLを開くにhtmlをコマンドプロンプトから実行する方法が載っており、さっそく参照させていただきました。大感謝❣です。以下に3つの方法を挙げておきます。
今回の利用方法は➊と➋を体験しました。➌は腰を据えて取り掛からなければなりません。
➊通算日を表示するアプリを起動
❷スタートアップフォルダに上記アプリを格納して自動起動
❸タスクバーに表示するアプリで常時、表示⇦今のところ、最適‼
➊一年のうち、経過量を知る
❷一定間隔でことをなすことに利用する
曜日の右に表示された値が元日からの経過日数です。
上の動作例はJavaScriptによりプログラミングされています。プログラミングコードはtotalNumberOfDays.htmlのファイル名で○○○○フォルダに格納されています。加えて、startHTML.batのファイル名でバッチファイルが用意されています。
startHTML.bat
start file:///○○○○/totalNumberOfDays.html
上のstartHTML.batファイルをスタートアップフォルダに置くと起動時に通算日算出アプリが動作して元日からの経過日が表示されます。この値は23時59分まで変わらないのでメモしてアプリを終了させることが可能です。
このアプリが起動して表示を終えるにはかなりの時間がかかります。よって利用方法❸タスクバーに表示するアプリで常時、表示が望まれるところです。後日の発表をお待ちください。
項目の連番号を丸で囲むと表現に柔らかみが生じます。順序付きリスト(ol)は番号付きリストとして表示され、その子要素(li)に数字や文字による連番のリストマーカーを伴って表示されます。
この使い方は微に入り細に入り多様な表現を可能にしますが、番号の色や背景色を希望通りに設定することが容易ではありません。設定法の一例を示します。
<style>
.order0{list-style:none;} /* color, number */
.order0 .item0::before {
font-size: 18px;
margin-left: -10px;
content:"㊟"; /* num指定で置き換わる */
}
.order1 {counter-reset:my-counter; list-style:none; padding:0;}
.order1 .item1{margin-bottom:10px; padding-left:30px; position:relative;}
.order1 .item1::before{ /* color, background */
content:counter(my-counter);
counter-increment:my-counter;
color:black;
background:khaki;
display:block;
float:left;
line-height:1.5em; /* heightが22pxのとき */
margin-left:-20px;
text-align:center;
height:22px;
width:22px;
border-radius:50%;
}
.item0[clr='0']::before {color:gold;}
.item0[clr='1']::before {color:crimson;}
.item0[clr='2']::before {color:lightgreen;}
.item0[clr='3']::before {color:black;}
.item0[num='0']::before {content:"➊";}
.item0[num='1']::before {content:"❷";}
.item0[num='2']::before {content:"❸";}
.item0[num='3']::before {content:"❹";}
.item0[num='50']::before {content:"㋐";}
.item0[num='51']::before {content:"㋑";}
.item0[num='52']::before {content:"㋒";}
.item0[num='53']::before {content:"㋓";}
/**************************************************** copyright 2021, TacM ********/
.item1[clr='0']::before {color:navy;}
.item1[clr='1']::before {color:red;}
.item1[clr='2']::before {color:lightgreen;}
.item1[clr='3']::before {color:black;}
.item1[bak='0']::before {background:skyblue;}
.item1[bak='1']::before {background:crimson;}
.item1[bak='2']::before {background:lightgreen;}
.item1[bak='3']::before {background:pink;}
</style>
<ol class="order0"> <!-- numは省略不可 -->
<li class='item0' clr='0' num='0'>ニンジン</li>
<li class='item0' clr='0' num='1'>キャベツ</li>
<li class='item0' clr='0' num='2'>レタス</li>
</ol>
<ol class="order0"> <!-- numは省略不可 -->
<li class='item0' clr='1' num='50'>動物園</li>
<li class='item0' clr='1' num='51'>水族館</li>
<li class='item0' clr='1' num='52'>科学館</li>
</ol>
<ol class="order1"> <!-- numは標準の数字、clrとbakは適宜、色、背景色を設定可能 -->
<li class='item1' clr='1' bak='0'>高橋さん</li>
<li class='item1' clr='1' bak='0'>鈴木さん</li>
<li class='item1' clr='1' bak='0'>田中さん</li>
</ol>
<ol class="order1" style="counter-reset:my-counter 20;"> <!-- numを指定する(値-1)に設定 -->
<li class='item1' clr='2' bak='1'>箱根湯本温泉</li>
<li class='item1' clr='2' bak='1'>草津温泉</li>
<li class='item1' clr='2' bak='1'>由布院温泉</li>
</ol>
Cssに相当するstyle要素の中にorder0とorder1によってol要素を定義します。item0にて囲み丸の背景色と開始番号を定義し ています。item1にて連番号の色と囲み丸の背景色を設定します。
一番目の例は番号スタイルを自ら示したデザインで表示しています。丸や四角に囲まれたり、かな、十二支、ギリシャ文字などの連番号を表示できます。
二番目は丸囲みカタカナをリストマーカーにしています。
三番目は丸の背景をスカイブルー、数字の色を赤色に指定しています。
四番目は番号を21から始め、丸の背景色をクリムソン、数字の色をライトグリーンで表示しています。
二番目の例は項目数の数だけ擬似要素タグbeforeに指定する必要があります。項目数が多い場合は一番目の例が適しているでしょう。
その際、桁数をそろえるために1～9のとき、先頭に０を付加することが可能です。「先頭に０を付ける」でググってみましょう。
当初、新型コロナウイルスの変異ウイルスを、発見された地名を先頭に付けて「インド株」などと呼んでいましたが、発見された地名にすべての責任があるとは限らず差別に繋がることを避けるために、ギリシャ語のアルファベットで呼ぶように改められました。
24文字からなるギリシャ文字は1～24の連番号に利用されます。24を超えたらどうなるのでしょうか。
擬似要素タグの使い方は難しいです。動作を確認したサンプルコードが参考になればありがたいです。
巷には、SDGs(Sustainable Development Goals)、サステナブルなどのことばが踊っています。一方、「消費者は王様だ」の声掛かりのもと、消費することが経済を発展させ次の原動力を生み出す呼び水になると喧伝されてきました。
リサイクルということばは手垢がついて色あせた存在になっていましたが、ここに至って息を吹き返しています。モノがいつの間にか小さくなったり数が少なくなったりしています。
乾電池が10本単位で売られていたものが8本になって以前より安くなって売られると実質値上げされたことが気づきにくいです。
1本当たりの値段を計算すればわかりやすいです。当初、10本で100円で売買されていたものが、8本で88円とすれば単価が10円から11円に値上げされたことになります。
江戸時代は外国との交易がほとんどゼロでした。そのため、自給自足の考えが尊重されました。モノを購入するには当時の賃金からすれば高価であり、リサイクルして使うことは普通のことだったでしょう。時代が進んで産業革命が起き労働の対価として賃金を受ける機会が増え、生産効率が高まるとリサイクル精神は後退しました。
今や高度成長のときは過ぎ去り、資源には限りあることが自覚され再びリサイクルが注目されています。大量生産への飽き、労働時間短縮、賃金の頭打ちなどがモノを大切にして再利用する機運が盛り上がったと思われます。
年金が目減りしたり、実質賃金が横ばいないし低下するとき、壊れたり破けたモノを修繕して使うことは庶民のささやかな抵抗と言えましょう。
集合住宅ではトンカチで家具を修繕することもままならないでしょうが、メカを動かす為に使った乾電池が取り換え時期になって捨てる前に、ラジオに再利用しています。
電池が古くなるとヒビが入ったような音声になりますが、今は問題なく使えています。知恵を絞って値上げの洪水に対抗していきます。
私の親の代ではガラスが割れてもすぐ交換しないで、右の写真のように割れ目にテープを貼って補修して使いました。
写真の例は芸がなくいかにも貧乏感が漂っています。当時は気の利いたテープもなく、包み紙を桜や梅に象（かたど）り丁寧に補強して割れ目を目立たないようにしていました。
和室が減って障子戸も見かけなくなりましたが、障子が破れたときもちょっとした破れは同様の補修をしたものです。
人口が増加傾向にあるときは補修して使うよりも働いて賃金を得て買う方が得策でした。
安定成長期においては取得する所得にも限界がある一方、自由に使える時間が増えました。リサイクル、再利用に目を向けて限りある資源を大切にしたいものです。
友だちや趣味の会などへの連絡や報告はLINEでのやり取りが必須です。LINEは電話の通話料のような従量料金は発生せず、サブスクリプション（定額契約料）で賄うことが可能でコミュニケーションツールとして今や欠かせないものになっています。
電話とメールのいいとこ取りがLINEと言えましょう。
そうは言っても、LINEが開通するまではLINEを使えませんし、LINEの構築法を会員に知らせるためにPCからスマホにSMS（ショートメール）を送りたいという要望は多く存在します。
また、パソコンに蓄積された膨大な情報をコピー＆ペーストしたいことがあります。
しかし、出来合いのシステムでは携帯番号を使ってSMSをパソコンから送ることができません。そこで自分の体験も含めてパソコンからSMS送信方法をまとめます。
今回はGmailとAndroidスマホしか確認できませんでしたが、我が国は競争社会だからIPHONEなどの他機種でも可能なことが多く挑戦して発表してください。
この記事を書くに当たり、次のサイトを参照しました。ぜひ、お読みいただきたい内容です。
WEB版Gmailを動作させると次のような画面が現れます。
上の図で左側にMightyTextのメニューが３つ追加されています。最初にSMSを送信する場合は「Compose SMS」を選択すると右のメニューが現れます。最下行に1000の文字に気づくでしょう。これはあと、1000文字の入力が可能であることを示しています。右の図では6文字入力済みであり、994(1000-6）が表示されています。
To:欄に送信先の電話番号を指定します。もちろん、SMSを受信できる電話番号に限られます。
残量文字数に注意しながら送信文面を入力します。最後に送信指示ボタンを押して送信します。
今回の記事はあらゆる条件を満たすものではありませんが、必要は発明の母であり、知恵を絞ることにより解決策は見つかることでしょう。
わかったことは次ようなことです。相手からSMSが送られてきたとき、パソコンのGメールでスマホに送られてきたとみられる内容を確認できました。その内容を受けて今回まとめた方法でGメールから相手のスマホにSMSを送信しようとしたところ、送信エラーになりました。
Web版Gmailには「スマホの電源がオフになっていたためにエラーになった」とありました。スマホとして未受信のまま送信はできないということと理解しました。
スマホの電源を入れ受信完了後に再送したところ正常送信できました。これらの細かな現象は記録に留めていきたいと考えています。
ルーレットゲームを作るにはまず、画像を回転させることから始めます。ルーレットはゲームマスターともいうべき管理人が円盤を回転させ、一定時間後に円盤が停止してその時の状態で配当が決まるようです。
ここでは回転と停止のタイミングをプレイヤーが決めて当たりはずれを決められるゲームからスタートします。まずはこれで回転や停止のテクニックを取得できるでしょう。
<!DOCTYPE html>
<html>
<body>
<Div id="top" style="width:580px; height:460px; border:1px solid blue; font-size:64px; color:mediumvioletred; background-color:lightyellow;">
<img id="disc" src="http://aidesign.lolipop.jp/wp-content/uploads/2017/10/turnTable.png" style="width:360px; height:360px; margin-left:110px; margin-top:30px; transform:rotate(90deg);">
<div style="margin-left:470px; margin-top:-225px; font-size:32px;">🎯</div> <!-- ⇦ -->
<a href="javascript:void(0)" onclick="startStop();return false;" style="text-decoration:none;">
<div id="playstop" style="margin-left:30px; margin-top:110px; font-size:64px;">▶</div>
</a>
<div id="luckyNo" style="margin-left:460px; margin-top:-120px; font-size:88px; color:blueviolet;">🌸</div>
<div style="margin-left:230px; margin-top:-30px; font-size:12px; color:blueviolet;">©TacM,2021 Ver0.01a</div>
</Div>
<audio id="atari" src="http://aidesign.lolipop.jp/wp-content/uploads/2017/10/1tosho.mp3"></audio>
<script type="text/javascript" charset="utf-8">
const INTERVAL=40; //回転スピード, 74 ～ 10
var clickCount=degree=-1; //clickCount:開始/停止, degree:回転角
msObj=document.getElementById("atari");
onClk=document.getElementById("playstop");
function startStop(){ //開始あるいは停止を制御する関数
console.log("K=", clickCount, onClk.innerHTML);
var k = ++clickCount % 2;
onClk.innerHTML = "\u23f9\u25b6".substr(k, 1); //▶ 🔳
if(k==0){setTimeout('revolution()', INTERVAL);document.getElementById("top").style.backgroundColor="lightyellow";} //停止中から開始
}
function revolution(){ //回転を制御する関数, intervalの間隔で起動
var d=(++degree)%36*10+90; //0 5 10 15 20 ～ 355, 90 ～ 440
var e=Math.floor((d-72)/36) % 10; //0 ～ 9
document.getElementById("luckyNo").innerHTML = e; //console.log("Degree=", degree, d,e);
document.getElementById("disc").style.transform="rotate("+d+"deg)"; //回転を制御
if((clickCount % 2)==0) setTimeout('revolution()', INTERVAL); //引き続き回転を制御する
else{ //停止指令を受けたら ラッキーセブンか判定する
if(e==7){msObj.play();msObj.volume=0.4;document.getElementById("top").style.backgroundColor="hotpink";} //大当たり
}
}
</script>
</body>
</html>
このゲームは当たり矢の部分に7が止まったら当たりとなりやったー！の大音声が流れ幸運を祝う単純なゲームです。プログラムコードを確認してください。15行目のINTERVAL定数で回転スピードを調整しています。慣れてくると容易に7を出すことができます。難易度を高くするにはその定数値を小さくします。
無料でダウンロード可能なルーレットゲームがネット上にあふれています。当サイトではそれらを評価するものではありません。それらを参考にしてオリジナルなゲームを作ることを目指しています。
次にはもっと面白味を加えたテクニックが加わることでしょう。
この度、台風14号が台風に関する統計を取り始めて、福岡県に初上陸したことをニュースで知りました。
台風の通り道を考えるとき、福岡県の前に、佐賀県と長崎県があり福岡県に直接、台風が上陸することはこれまでなかったようです。
同様に京都府、まして富山県に上陸することは確率上、きわめて低いと考えられます。岩手県ですら2016年8月にやっと、台風10号が上陸しました。
今回、福岡県に上陸する前に壱岐の南を通ったようですが、壱岐の真上を通ったら壱岐は長崎県であり上陸地は長崎県となり福岡県に再上陸と言いそうですが島の場合、上陸とは言わず「壱岐を通過」と言います。
今回は南を通ったのでややこしくならずよかったと思っています。
同様に、台風が「行政区分が東京都八丈町、車の登録ナンバーが品川の八丈島を通過」しても「東京都に上陸」したとは言いません。
京都府はともかく、富山県に上陸することはこれからも恐らくないでしょう。
福岡県から遠く離れたところで生まれ育った人間には福岡県のイメージは薄いです。
九州と言えば、江戸時代の国際貿易や蘭方医学で栄えた長崎の方が親しみが湧きます。
長崎・平戸は16世紀後半に開かれたのに対して、福岡・大宰府は900年も前の7世紀後半に防人（さきもり）の中心地になっています。
大げさに言えば、福岡県は国際日本の発祥地とも言えそうです。
人生、望んだとおりになることは多くありません。一方、想像や創造は無限の広がりを持ちます。秘かにあこがれる、慕うままがいいこともあるようです。
