連休４日目、何とか今日中にプログラムの初版に目途を付ける必要がある。
残りの工程表をザクっと書くと
１）バックエンドからＣＳＶファイルを持ってきて、ＨＴＭＬテーブルを作成する
２）ＨＴＭＬをクリックすると、編集可能になる
３）保存ボタンを押すと、確定、更新したＴＡＢＬＥ内容に従って、ＪＳＯＮファイルを排出する
ＵＩの機能としては、
１）ＰＮＧ図面上にホバーリングすると、拡大、移動ができる →（完成）
２）FLASKのルーティングで、GETに付与させた文書でルーティングさせる → （完成）
※ この記事だけでも、結構有用な情報満載である → いつかＰＲしたい
とりあえず、FLASKというフレームワーク、まだまだ奥が深い。。。
さて、問題のJAVASCRIPTであるが、指定ファイルを選んで、これをバックエンドから持ってくるところ
指定ファイルを識別するのに、セッションという考え方がいるみたいだが、
この辺は、まだまだ先伸ばしになるだろう（当面は、ワンユーザー限定）
バックエンドのＣＳＶファイル名は、固定されているという前提で、
ファイルを読み込むところをどうすべきか？
10/22
今日の作業は、結局，ＣＳＶファイルをＨＴＭＬのテーブルに読むところでつまずいた。
ポイントとしては、ＣＳＶをJQUERYで読みこむ際に、タイムラグが生じて、
オブジェクトとしてツリーが生成する前に、スクリプトが先行してしまうことが原因だった。
最終的に、書き上げたコードは下記となる。
$(function() {
$(document).on('click','#target tr', function(){
});
$(document).on('mousemove','#target tr',function(){
$(this).css("background-color","#CCFFCC") .css("cursor","pointer")
});
$(document).on('mouseout','#target tr',function(){
$(this).css("background-color","#ffffff") .css("cursor","normal")
});
});
上記のコードは、TABLEの上でマウスのクリック、ホバーオン、マウス外れであるが、
同じような書き方を、ずらっと並べさせられている。
このＯＮメソッドというやつが、ポイントだった。
（これで丸一日、費やした自分ことで、連休中のノルマは達成できなかった。）
明日は、会社に行くが、業務でこれだけの時間を割いていたら、
完全に趣味の仕事と思われて仕方がない
（あたかも、さくっと出来たことにしなければ。。。）