ブログ

最近のWIndowsでは，Program Filesの中のファイルを編集しようとしても通常はできないことは詳しい人なら当たり前になっている。

注意しなければならないのは，編集が一見成功しているように見えるということだ。

どういうことかというと，編集したメモ帳（もちろん管理者として実行している）で保存された（つもりの）ファイルを開くと編集後の状態で開かれることがあるのだ。

しかし，Windows サービスなどの設定ファイルがProgram Filesの中に入っていたら，そのファイルは編集されていないことになり，サービスの設定変更も反映されない。

わかりにくい…

(追記 2018.06.03)

手動で編集されることは想定されているが編集されたユーザーにとってのみ変更が有効になる。

他のユーザーにとっては変更されない。(リンク先にもあるが，ユーザ権限や設定，開くアプリケーションやファイルの種類によっては変更される場合もあるようだが，ハマると厄介な仕様である)

Windowsサービスの場合それを実行するユーザを変更する必要があるかもしれない。

ConoHaの場合には標準でIPv6対応を謳ってはいるが，ひとつ前のUbuntuでufwを使用した場合には使えなくなる不具合が発生しているようだ。

この辺は設定で回避できれば良いのだがわからないので，参考に従い変更して再起動した。

#iface ens3 inet6 dhcp　最初は１行だったところを変更
iface ens3 inet6 static
    address 2001:e42:102:1501:XXX:XXX:XXX:XXX
    netmask 64
    gateway 2001:e42::1 など
    dns-nameservers 2001:e42::2　など

なんのことはないdhcpが使えなくなるのでstaticに直すだけ。（/etc/network/interfaces）

あまり変更をしすぎると新しいUbuntuへアップグレードの際に修正が増えてしまう。かも

Windows 10 April 2018 Updateのせいかなとも思いコントロールパネルで，Synapticsのドライバのインストール日付を確認するとUpdateをインストールした日付になっていた。

アップデートと合わせてインストールされたのかそれともその直後の作業でインストールされたのかわからない。

たまたま私のパソコンが中古のHPのパソコンだったのでHPのサイトからSynaptics LuxPadのドライバをダウンロードしインストール。
とりあえず復帰したかなー？

そろそろこのパソコンも交換かなー

普通にjCanvasではmouseoverなどのイベントが設定できるとあったのでそれを使ってみようとしていたがなかなかできない。

<canvas id="image" height="300" width="300"></canvas>
<script>
$('#image').drawRect({
  fillStyle: '#000',
  x: 10, y: 100,
  width: 200,
  height: 100,
  fromCenter: false,
  mouseover: function(layer) {
    alert("test");
  }
});
</script>

よくよく調べてようやく以下の項目が抜けていることに気が付いた。

<script>
$('#image').drawRect({
  layer: true,
  fillStyle: '#000',
  x: 10, y: 100,
  width: 200,
  height: 100,
  fromCenter: false,
  mouseover: function(layer) {
    alert("test");
  }
});
</script>

何でもないところではまるのは恐ろしい。

他にfromCenter: falseも間違いやすい。

Node.jsのzipファイルをダウンロードする。

そのままダウンロードをしてしまうとmsiファイルがダウンロードされてしまうので，他のバージョンを選んでzipファイルをダウンロードする。

次にダウンロードしたファイルを展開。

環境変数のPathなどをいじると全体に影響が出るので，展開したフォルダの中のnodevars.batへのショートカットを作成した。

これまた，バッチファイルが実行されるだけになってしまうので，ショートカットのプロパティでリンク先を
C:\Windows\System32\cmd.exe /k "[もともとのリンク先]"
に変更した。作業フォルダの項目は空にしておくとショートカットのあるフォルダが作業フォルダになる。

一部のdllのインポートなどにpython 2.7が必要になったら，WinPythonなどをインストールしておいてnodevars.batに例えば
set "PATH=[WinPythonのパス]\python-2.7.xx.amd64;%PATH%"
などを追加しておいた方がよい。

デベロッパーツールはJavaScriptの変数やDOMへある程度自由に書き込み、読み出しができるようになっている。

今までこの機能を知らなかったために費やした時間の多いことか。

途中でコンソールからコマンドを入れれば、値の入力をシミュレートできるということで便利…

知らなかった。

今回は修正を最小限にとどめる。(この設定でもプロパティに32bitを優先を設定している場合には32bitで起動してしまうので注意)

NuGetでCefSharp.WinFormsをインストールして。*.csprojファイルProperyGroupに

<CefSharpAnyCpuSupport>true</CefSharpAnyCpuSupport>

追加するまでは同じである。次のようにすれば似たものになる。

Program.csまでは以下のようになる。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Runtime.CompilerServices;
using System.Reflection;
using System.IO;

namespace webui
{
    static class Program
    {
        /// 

        /// アプリケーションのメイン エントリ ポイントです。
        /// 
        [STAThread]
        static void Main()
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            AppDomain.CurrentDomain.AssemblyResolve += Resolver;
            Application.Run(new Form1());
        }

        // Will attempt to load missing assembly from either x86 or x64 subdir
        private static Assembly Resolver(object sender, ResolveEventArgs args)
        {
            if (args.Name.StartsWith("CefSharp"))
            {
                string assemblyName = args.Name.Split(new[] { ',' }, 2)[0] + ".dll";
                string archSpecificPath = Path.Combine(AppDomain.CurrentDomain.SetupInformation.ApplicationBase,
                                                       Environment.Is64BitProcess ? "x64" : "x86",
                                                       assemblyName);

                return File.Exists(archSpecificPath)
                           ? Assembly.LoadFile(archSpecificPath)
                           : null;
            }

            return null;
        }
    }
}

Form1.csは次のようになる。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using CefSharp;
using CefSharp.WinForms;
using System.IO;

namespace webui
{
    public partial class Form1 : Form
    {
        public ChromiumWebBrowser chromeBrowser;

        public Form1()
        {
            InitializeComponent();
            InitializeChromium();
        }

        public void InitializeChromium()
        {
            CefSettings settings = new CefSettings();
            settings.BrowserSubprocessPath = Path.Combine(AppDomain.CurrentDomain.SetupInformation.ApplicationBase,
                                                   Environment.Is64BitProcess ? "x64" : "x86",
                                                   "CefSharp.BrowserSubprocess.exe");
            Cef.Initialize(settings, performDependencyCheck: false, browserProcessHandler: null);

            chromeBrowser = new ChromiumWebBrowser("https://www.valuestar.work/");
            this.Controls.Add(chromeBrowser);
            chromeBrowser.Dock = DockStyle.Fill;
        }

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

Visual Studio 2017 (Express 2017 for Windows Desktopでも可)を開く。
メニューバーの「ファイル(F)」から「新しいプロジェクト(P)」を選び
「Windows フォーム アプリケーション(.NET Framework) Visual C#」のプロジェクトを作る。フレームワーク(F)は.NET Framework 4.5.2以降を選択できる。
ソリューション エクスプローラーの今作成したプロジェクトで右クリックして現れるコンテキストメニューから「NuGet パッケージの管理」を選びCefSharp.WinFormsを探してインストールする（63.0.3が最新だった）。

*.csprojファイルには、（最初のProperyGroupに）

<CefSharpAnyCpuSupport>true</CefSharpAnyCpuSupport>

を追加する必要がある。

Program.csに以下のように変更を加える。これは参考の通り。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Runtime.CompilerServices;
using System.Reflection;
using System.IO;
using CefSharp;

namespace webui2
{
    static class Program
    {
        /// 
        /// アプリケーションのメイン エントリポイントです。 ///
        [STAThread]
        static void Main() 
        {
            Application.EnableVisualStyles();
            Application..SetCompatibleTextRenderingDefault(false);
            AppDomain.CurrentDomain.AssemblyResolve += Resolver; 
            LoadApp();
            Application.Run(new Form1());Application.Run(new Form1());
        }

        [MethodImpl(MethodImplOptions.NoInlining)] 
        private static void LoadApp() 
        {
            var settings = new CefSettings(); 
            // Set BrowserSubProcessPath based on app bitness at runtime 
            settings.BrowserSubprocessPath = Path.Combine(AppDomain.CurrentDomain.SetupInformation.ApplicationBase, Environment.Is64BitProcess ? "x64" : "x86", "CefSharp.BrowserSubprocess.exe");
            // Make sure you set performDependencyCheck false 
            Cef.Initialize(settings, performDependencyCheck: false, browserProcessHandler: null);
        } 
        
        // Will attempt to load missing assembly from either x86 or x64 subdir 
        private static Assembly Resolver(object sender, ResolveEventArgs args) 
        { 
            if (args.Name.StartsWith("CefSharp")) {
                string assemblyName = args.Name.Split(new[] { ',' }, 2)[0] + ".dll"; 
                string archSpecificPath = Path.Combine(AppDomain.CurrentDomain.SetupInformation.ApplicationBase, Environment.Is64BitProcess ? "x64" : "x86", assemblyName);
                return File.Exists(archSpecificPath) ? Assembly.LoadFile(archSpecificPath) : null; 
            } 
            return null; 
        }
    } 
}

例えばForm1.csは以下のようにしておく。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using CefSharp;
using CefSharp.WinForms;

namespace webui2
{
    public partial class Form1 : Form
    {
        public ChromiumWebBrowser chromeBrowser;

        public Form1()
        {
            InitializeComponent();
            InitializeChromium();
        }

        public void InitializeChromium()
        {
            chromeBrowser = new ChromiumWebBrowser("https://www.valuestar.work/");
            this.Controls.Add(chromeBrowser);
            chromeBrowser.Dock = DockStyle.Fill;
        }

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

Windows Form では[Dock]->[Fill]や[Anchor]を上下左右に張っているとウィンドウの拡大縮小に応じてコントロールのサイズが伸縮する。（と言われている）

4.0あたりのバージョンでは、込み入った（アンカーのついたコントロールが複数並んだような）デザインでは、デザインビューでは伸びるが実際にアプリを動かすと伸びない場合がある。

この状況では、「controlA.Width = 1024 + 10;」ではなく「contorolA.Width = 1024;」のように数値入力をしないとWidthアクセサも受け付けなくなっていることがある。

何とも不可解な仕様である。

どうも、負荷が大きくなったときにInvalidate();の処理が追い付かなくなるように見える。

結局やり方は以下のようなコードだった。

参考にしたページによってはfrom PILが抜けていてどうにも理解できなかった。

一応PILにて対応している。こちらは連続でImage.newできるのか？

from PIL import Image, ImageDraw

img = Image.new('RGB',(256,256),(255,255,255))
draw = ImageDraw.Draw(img)
draw.line(((0,0),(127,127)),(0,0,255),3)
draw.line(((127,127),(0,127)),(0,0,255),3)
draw.line(((127,127),(127,0)),(0,0,255),3)
img.save("lines.png")