江端さんの技術メモ(2019-06)

2019-06-02 htmlのフレーム分けの例 [長年日記]

<html>
<head>
  <title>フレームテスト</title>
</head>
 
  <frameset cols="60%,*">
 
	<frame src="frame1.html" name="frame1">
	
	<frameset rows="40,30,30">
      <frame src="http://kobore.net/soft/chart_test4/chart2.html" name="frame2">
      <frame src="http://kobore.net/soft/chart_test2/index.html" name="frame3">
      <frame src="http://kobore.net/soft/chart9.html" name="frame4">
	</frameset>
 
  </frameset>
</frameset>
</html>

syntax2html

[ツッコミを入れる]

2019-06-06 setInterval(window.onload, 2000) を使ってCSVファイルを2秒毎に読み込んで表示する [長年日記]

http://kobore.net/soft/csv-data/

[ツッコミを入れる]

2019-06-10 ―― 私を2週間もの間、苦しめ続けたことは、許せん [長年日記]

私は、19歳の時にパソコンに手を出してから、パソコンに関しては、相当数の地雷を踏んできました。

When I was 19 years old, I started working on my computer, and then I hit a lot of landmines on my computer.

HDDのクラッシュや、ハードウェアの故障で、何度、データをオシャカにしてきたか知れません。

I don't remember how many times that data has become an obscene due to HDD crashes or hardware failures.

ですので、これらの問題に対しては、かなり周到に色々な準備をしてきました。

So, for these problems, I have prepared quite a lot of preparations.

カーネル単位のバックアップとか、BIOSの設定(USBブートとか、ネットワークブートとか)は、万全にしてありますし、F1,F12, CTRL-I等の、様々な起動時割り込みも試みてきました。

We have also tried Kernel backup and BIOS settings (USB boot, network boot, etc.) completely, and various startup interrupts such as F1, F12, and CTRL-I.

そんな私が、ここ2週間ばかり、パソコンの起動に失敗して、疲れ果てていました。

I have been tired of failing to start up my computer for the past two weeks.

(後で検索できるように、キーワードを埋め込んでおきます。Initializing Intel(R) Boot Agent GE V1.5.38 pxe 2.1 build 092 (wfm 2.0))

―― 原因が全くわからん

"I do not know the cause at all"

昨日は、ついに、PCの中身を開けて、ホコリを取り除き、ボードの電池(CR2032)を交換しました。

Yesterday, at last, I opened the contents of my PC, removed the dust, and replaced the battery (CR2032) on the board.

それでも時々、起動に成功したりするので、「ボードがお亡くなりになった」と断定もできず、頭を抱えていました。

Even so, sometimes I was able to launch successfully. I could not say "the board has passed away" with his head in his hands.

-----

とりあえず、これでは仕事にならないので、メインのPCを別の代替マシンに切り換えて、作業していました。

For the time being, I cannot do anything, so I switched to another alternative machine on my main PC and started worked.

そして、今朝、「代替マシン」でも同じように、ブートの立ち上げに失敗していることを知って青冷めました。

And, this morning, I noticed that the same problem of "boot failure", has appeared on the "alternate machine", I lost color.

『これは、別に原因があるぞ』と思い、ネットワークケーブルを引き抜き、さらにUSB機器も全部外して試してみたところ、起動に成功しました。

I thought that "there is another cause for this," I pulled out the network cable, and removing all USB devices. Finally I succeeded the boot.

そして、一つづつ、原因を潰していったら、最終的に、充電用にUSBのハブに差し込んでおいた、

And one by one, I erased the cause, finally, it was plugged into a USB hub for charging, I identified

"HUAWAIのスマホ"

"HUAWEI's smartphone"

が原因であることを、特定しました。

as the cause.

"HUAWAIのスマホ"のUSBは、単に電源供給モードとして使っていただけであり、実際、ブートの対象にはなるはずない ―― と思い込んでいました。

I thought that the USB of "the smartphone of HUAWAI" was only used as a power supply mode, and it should not be the target of boot.

しかし、"HUAWAIのスマホ"を接続した状態では、2台のパソコンで同じ現象が現われ、外したら、問題が解消されたことから、この問題の原因であることが確定しました。

However, with the "HUAWAI smartphone" connected, the same phenomenon appeared on two PCs. and with disconnected, the same phenomenon disappeared.

現在、我が家には、"HUAWAIのスマホ"しかなく(次女だけがiPhoneに固執している)、他のAndoroid機器での実験はできていませんが、少なくともiPhoneでは問題は発生しませんでした。

At present, there are only "HUAWAI smartphone" at home (only the second girl is clinging to the iPhone), and I have not been able to experiment with other Android devices, but at least the problem did not occur on the iPhone.

-----

"HUAWAIのスマホ"が、スパイウェアを仕込んでいるかどうかは、私は知りませんし、どうでもいいです。

I do not know whether or not spyware is loaded in "HUAWAI's smartphone" and it does not matter for me.

もしかしたら、パソコンを踏み台として、私のスマホの個人情報が転送されていた可能性はあります。

It is possible that personal information of my smartphone has been transferred by using a personal computer as a springboard.

私の個人情報なんぞ「くれてやる」と思っています(いや、この考え方、ダメです。絶対に)。

I will give my personal information, if someone need them(No, no way, absolutely).

どうせ、自宅と、会社と、スーパー銭湯と、北極ラーメンしかトラッキングできないでしょうが。

Anyway, they can only track my home, company, super public bath and ramen-shop.

-----

しかし、

However,

―― 私を2週間もの間、苦しめ続けたことは、許せん

"I can not forgive anyone for having kept me suffering for the past two weeks"

と、フツフツと怒りが込み上げてきております。

And, I'm getting angry and angry.

これを、『逆恨み』といいます。

This is called a "backlash".

そして『冤罪』が発生する典型的なプロセスでもあります。

And it is also a typical process in which "atonement" occurs.

[ツッコミを入れる]

2019-06-11 FIRE 7へのGooglePlayのインストール [長年日記]

_ https://ygkb.jp/6312

[ツッコミを入れる]

2019-06-12 msys2 でのDockerの$ docker exec -it myapp bashは動かない [長年日記]

$ docker exec -it myapp bash

the input device is not a TTY. If you are using mintty, try prefixing the command with 'winpty'

となる。

winptyがない場合は、"pacman -s winpty"でインストールして、

$ winpty docker exec -it myapp bash

とすると動く

[ツッコミを入れる]

2019-06-13 msys2 でのDockerのディレクトリ同期について [長年日記]

Keyword: msys2 docker マウント -v

msys2のshellでは、

マンガでわかるDocker2_BOOTHダウンロード版v3_.pdfの

$ docker run -d -p 80:80 --name myapp -v $(PWD):/var/www/html php:7.0-apache

C:\Program Files\Docker\Docker\Resources\bin\docker.exe: Error response from daemon: Mount denied: The source path "C:/msys64/home/ebata/wakaba;C" doesn't exist and is not known to Docker. See 'C:\Program Files\Docker\Docker\Resources\bin\docker.exe run --help'.

となり、動かない

$ docker run -d -p 80:80 --name myapp -v /$pwd/:/var/www/html php:7.0-apache

718fe26ef005754d1534141b1dcad1745195cc0f829d041957d5175db8d06c10

では動く。

[ツッコミを入れる]

2019-06-14 「DockerでWASMを試してみる」を江端の環境で試してみる [長年日記]

https://qiita.com/kannkyo/items/df3d123ff79636e2de54

に記載されている「Compile」の部分で、酷く嵌ったが、以下のコマンドで動いた。

C:\Users\ebata>docker run --rm -v "C:\Users\ebata\hello:/src" -u emscripten trzeci/emscripten emcc hello.c -s WASM=1 -o index.html

一日中、以下のエラーが取れずに、大変だった

shared:ERROR: hello.c: No such file or directory ("hello.c" was expected to be an input file, based on the commandline arguments provided)

----

また、記載されている「Run」の方法は、動かなかったので、大人しく、コマンドプロンプトで、C:\Users\ebata\helloに行って、

$ python3 -m http.server 8080

とWebサーバを立てることで、無事起動を確認

[ツッコミを入れる]

2019-06-15 Windows10の以降に伴い、meadowを手放し、emacs26.1に移行。M-x package-installが使いたいのが、決意の決め手となった。で、他の人が設定した"~/.emacs/init.el"を集めかき集めて、とりあえず動くものにした。 [長年日記]

;; Windows10の以降に伴い、meadowを手放し、emacs26.1に移行

;; M-x package-installが使いたいのが、決意の決め手となった。

;; で、他の人が設定した"~/.emacs/init.el"を集めかき集めて、とりあえず動くものにした。

;; ------------------------------------------------------------------------

;; Windows IME

(setq default-input-method "W32-IME")

;; IME状態のモードライン表示

(setq-default w32-ime-mode-line-state-indicator "[Aa]")

(setq w32-ime-mode-line-state-indicator-list '("[Aa]" "[あ]" "[Aa]"))

;; IMEの初期化

(w32-ime-initialize)

;; 日本語入力時にカーソルの色を変える設定

(add-hook 'w32-ime-on-hook '(lambda () (set-cursor-color "White")))

(add-hook 'w32-ime-off-hook '(lambda () (set-cursor-color "DarkGray")))

;; ミニバッファに移動した際は最初に日本語入力が無効な状態にする

(add-hook 'minibuffer-setup-hook 'deactivate-input-method)

;; isearch に移行した際に日本語入力を無効にする

(add-hook 'isearch-mode-hook '(lambda ()

(deactivate-input-method)

(setq w32-ime-composition-window (minibuffer-window))))

(add-hook 'isearch-mode-end-hook '(lambda () (setq w32-ime-composition-window nil)))

;; ------------------------------------------------------------------------

;; @ default setting

;; 起動メッセージの非表示

(setq inhibit-startup-message t)

;; ------------------------------------------------------------------------

;; @ fringe

;; バッファ中の行番号表示

(global-linum-mode t)

;; 行番号のフォーマット

(set-face-attribute 'linum nil :height 0.8) ;文字サイズ変更は1.0をいじる

(setq linum-format "%4d")

;; ------------------------------------------------------------------------

;; 起動時のフレーム設定

(setq initial-frame-alist

(append (list

;; 表示位置（Emacsのフレーム左上の位置）

;'(top . 0) ;縦位置

;'(left . 1060) ;横位置

;; サイズ

'(width . 90) ;横幅

;'(height . 61)) ;縦幅

'(height . 41)) ;縦幅

initial-frame-alist))

(setq default-frame-alist initial-frame-alist)

;; ------------------------------------------------------------------------

(require 'package)

;; MELPAを追加

(add-to-list 'package-archives '("melpa" . "https://melpa.org/packages/") t)

;; MELPA-stableを追加

(add-to-list 'package-archives '("melpa-stable" . "https://stable.melpa.org/packages/") t)

;; Marmaladeを追加

(add-to-list 'package-archives '("marmalade" . "http://marmalade-repo.org/packages/") t)

;; Orgを追加

(add-to-list 'package-archives '("org" . "http://orgmode.org/elpa/") t)

;; 初期化

(package-initialize)

;; ------------------------------------------------------------------------

(custom-set-variables

;; custom-set-variables was added by Custom.

;; If you edit it by hand, you could mess it up, so be careful.

;; Your init file should contain only one such instance.

;; If there is more than one, they won't work right.

'(column-number-mode t)

'(custom-enabled-themes (quote (tango-dark)))

'(display-time-mode t)

'(package-selected-packages

(quote

(migemo helm japanese-holidays howm madhat2r-theme tabbar)))

'(show-paren-mode t)

'(tool-bar-mode nil))

(custom-set-faces

;; custom-set-faces was added by Custom.

;; If you edit it by hand, you could mess it up, so be careful.

;; Your init file should contain only one such instance.

;; If there is more than one, they won't work right.

'(default ((t (:family #("ＭＳＰ明朝" 0 6 (charset cp932-2-byte)) :foundry "outline" :slant normal :weight normal :height 120 :width normal)))))

;; ------------------------------------------------------------------------

;; @ tabbar

(require 'tabbar)

;; tabbar有効化

(tabbar-mode)

;; タブ切替にマウスホイールを使用（0：有効，-1：無効）

(tabbar-mwheel-mode -1)

;; タブグループを使用（t：有効，nil：無効）

(setq tabbar-buffer-groups-function nil)

;; ボタン非表示

(dolist (btn '(tabbar-buffer-home-button

tabbar-scroll-left-button

tabbar-scroll-right-button))

(set btn (cons (cons "" nil) (cons "" nil))))

(global-set-key (kbd "") 'tabbar-forward-tab)

(global-set-key (kbd "") 'tabbar-backward-tab) ;Ctr+Shift+Tab

;; ------------------------------------------------------------------------

;;@ theme

(load-theme 'misterioso t)

;; ------------------------------------------------------------------------

;;@ theme

;　3.11.2の設定をコメントアウト

;　(load-theme 'misterioso t)

(load-theme 'madhat2r t)

;; ------------------------------------------------------------------------

;;@ howm

;case 2: はじめて C-c , , した時に読み込む

(setq howm-menu-lang 'ja)

(global-set-key "\C-c,," 'howm-menu)

(autoload 'howm-menu "howm" "Hitori Otegaru Wiki Modoki" t)

(setq howm-directory "c:\\usr\\google\\home\\howm140" );メモを置く場所

;; ------------------------------------------------------------------------

;;@ calendar

;;diary-file を howm のディレクトリに置く

(setq diary-file

(expand-file-name "diary" howm-directory))

;;秋田の緯度，経度設定　（日の出，日の入り時刻用）

(setq calendar-latitude 39.43)

(setq calendar-longitude 140.06)

(setq calendar-location-name "Akita, JP")

;;祝日，土日，今日の設定

(with-eval-after-load "calendar"

(require 'japanese-holidays)

; 祝日をカレンダーに表示

(setq calendar-holidays

(append japanese-holidays holiday-local-holidays holiday-other-holidays))

(setq calendar-mark-holidays-flag t)

;; 土曜日・日曜日を祝日として表示する

(setq japanese-holiday-weekend '(0 6) ; 土日を祝日として表示

japanese-holiday-weekend-marker ; 土曜日を水色で表示

'(holiday nil nil nil nil nil japanese-holiday-saturday))

(add-hook 'calendar-today-visible-hook 'japanese-holiday-mark-weekend)

(add-hook 'calendar-today-invisible-hook 'japanese-holiday-mark-weekend)

;; “今日”をマークする

(add-hook 'calendar-today-visible-hook 'calendar-mark-today))

;;howm のメニューで d でカレンダーを表示

(add-hook 'howm-menu-hook

'(lambda ()

(local-set-key "d" 'calendar)))

(put 'upcase-region 'disabled nil)

;; ------------------------------------------------------------------------

;;yes or no の入力をy or n に

(fset 'yes-or-no-p 'y-or-n-p)

;; ------------------------------------------------------------------------

;;タブ幅を 4 に変更

(setq-default tab-width 4)

(setq default-tab-width 4)

(setq tab-stop-list '(4 8 12 16 20 24 28 32 36 40 44 48 52 56 60

64 68 72 76 80 84 88 92 96 100 104 108 112 116 120))

;; ------------------------------------------------------------------------

;; -------------------------------------------------------------------

;;@ ()の対応

(show-paren-mode 1)

;; -------------------------------------------------------------------

;;;略時のディレクトリをホームディレクトリにする設定

(cd "~")

;;; ツールバーを消す

(tool-bar-mode 0)

;; ------------------------------------------------------------------------

;; @ modeline

;; 行番号の表示

(line-number-mode t)

;; 列番号の表示

(column-number-mode t)

;; 時刻の表示

(require 'time)

(setq display-time-24hr-format t)

(setq display-time-string-forms '(24-hours ":" minutes))

(display-time-mode t)

;; ------------------------------------------------------------------------

(setq-default ispell-program-name "aspell")

(eval-after-load "ispell"

'(add-to-list 'ispell-skip-region-alist '("[^\000-\377]+")))

; 今のemacsは、ミニ・バッファで Space の補完が効かない。

;しかし、私はSpace補完がないと作業できないので、

;以下の設定を.emacsに実装した。

(if (boundp 'minibuffer-local-filename-completion-map)

(define-key minibuffer-local-filename-completion-map

" " 'minibuffer-complete-word))

(if (boundp 'minibuffer-local-must-match-filename-map)

(define-key minibuffer-local-must-match-filename-map

" " 'minibuffer-complete-word))

[ツッコミを入れる]

2019-06-20 XMLHttpRequest() の使い方の一例 [長年日記]

_ /home/kobore/www/soft/csv-data

[ツッコミを入れる]

2019-06-21 /home/kobore/www/soft/test にあるもの [長年日記]

all_mail_del.pl	
メール全削除プログラム
 
blatj.pl		
 blatjもどき
 
ca_generator.cpp 
C/Aコードジェネレータ(GPS衛星#1) 参考文献は、http://read.pudn.com/downloads85/ebook/326017/Fundamentals%20of%20Global%20Positioning%20System%20Receivers/booktext05.pdf
 
mgen-PacketCounter.cpp 
MGENでプログラム開始時からUDPパケットに通番を付与する機能があり、この番号を見張っていれば、ロストパケットを容易に発見することができる。
 
SADStest2.cpp
制約プログラムCP(CEdge)のサンプルプログラム
 
sample2.pl.txt
## 世界で一番簡単なメーリングリストサーバを作る為のperlのお勉強
 
wuc.pl
## Webの更新をチェックしたら、メールを送るだけのプログラム

[ツッコミを入れる]

2019-06-22 chartjs-plugin-streaming.js の使い方サンプル [長年日記]

■円チャートが特徴  /home/kobore/www/soft/JS/index4_5.html
 
■すこし整わせたもの /home/kobore/www/soft/JS/index4_7.html

[ツッコミを入れる]

2019-06-23 CSVファイルを毎回ちゃんと読み込むJavaScript() [長年日記]

<!--
	python3 -m http.sever 8080 でwebサーバを立てて、
	http://localhost:8080/index.html
 
	同じディレクトリに適当な、"data.csv"を作っておく
 
	======== data.csv ==============
	2019-06-11 10:00,27,50,1002,3
	2019-06-11 11:00,28,47,1016,12
	2019-06-11 12:00,29,48,1002,5
	2019-06-11 13:00,28,49,1003,2
	2019-06-11 14:00,27,51,1002,4
	2019-06-11 15:00,26,56,1003,5
	2019-06-11 16:00,25,60,1002,3
	2019-06-11 17:00,23,46,1016,12
	2019-06-11 18:00,22,41,1002,5
	2019-06-11 19:00,22,51,1003,2
	2019-06-11 20:00,21,53,1002,4
	2019-06-11 21:00,20,54,1003,AAAA
	================================
 
	出力は、"data.csv"が5秒単位で繰り返し表示され続ける
-->
 
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
 
	<!-- HTML側でキャッシュを制御 (効果がなかったみたいなので、コメントアウト)
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-store" />
    <meta http-equiv="expires" content="0" />
	-->
 
    <title>TEST</title>
 
	<!--
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
	-->
	<script type="text/javascript">
	  
	  var csvToArray = function(path) {
		  var csvData = new Array();
		  var data = new XMLHttpRequest();
		  data.open("GET", path, false);
		  data.send(null);
		  var LF = String.fromCharCode(10);
		  var lines = data.responseText.split(LF);
		  for (var i = 0; i < lines.length;++i) {
			  var cells = lines[i].split(",");
			  if( cells.length != 1 ) {
				  csvData.push(cells);
			  }
		  }
		  return csvData;
	  }
	  
	  var showCsvData = function(csvdata){
		  for (var i = 0; i < csvdata.length; i++) {
			  for (var j = 0; j < csvdata[i].length; j++) {
				  console.log(csvdata[i][j]);
				  document.write(csvdata[i][j] +  " ");
			  }
			  document.write("<br>\n");
		  }
	  }
	  
	  window.onload = function () {
		  // ↓ "data.csv"をキャッシュさせず、毎回必ず呼びこみさせる技(not Ebata's origin) 
		  var csvData = csvToArray("\\data.csv?"+Date.now());
		  //document.write("\\data.csv?"+Date.now());
		  //var csvData = csvToArray("data.csv");
		  showCsvData(csvData);
		  //console.log(csvData[0][2]);
	  };
	  setInterval(window.onload, 5000); // 5秒単位で動く
 
	</script>
 
  </head>
  <body>
	console.log(filetime('data.csv'));	
  </body>
</html>

syntax2html

[ツッコミを入れる]