常連

注目の的

社会貢献

質問力

自己紹介

使用バージョン
```cmd
PS D:\Electron_project\electron-quick-start> node -v
v10.16.0
PS D:\Electron_project\electron-quick-start> npm -v
6.9.0
```

Electronのquickstartの手順に従い、適当なディレクトリを作成し

```cmd
# Clone this repository
git clone https://github.com/electron/electron-quick-start
# Go into the repository
cd electron-quick-start
# Install dependencies
npm install
# Run the app
npm start
```

以下のコマンドを実行しました。

そして以下のように編集を行いました。

```indexhtml

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using Node.js <span id="node-version"></span>,
    Chromium <span id="chrome-version"></span>,
    and Electron <span id="electron-version"></span>.
    <button>button</button>
    

    
    <script src="./renderer.js"></script>

  </body>
</html>
```

```rendererjs
// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.

// 追加
const fs = require('fs')
const path = require('path')
```

そして
```cmd
npx electron .
```

上記のコマンドを実行しElectronを実行すると以下のように開発者コンソールにエラーが表示されており、
エラーメッセージで検索をかけてもあまり参考になるような情報は得られませんでした。
```
Uncaught ReferenceError: require is not defined
    at renderer.js:5
```

公式のクイックスタートの手順に従ってソースのコメント通りにAPIを追加しただけなのですが
なにか見当違いなことをしているのでしょうか。

ご意見頂けると幸いです。

Electronのレンダラープロセスでnode.jsのAPIが読み込めない

お世話になっております．

WPFのCanvasにPathをAddしてCAD風に線分や円弧を表示しています．

量しだいではありますが，添付した画像くらいの量になるとだいぶ重く，
描画の更新に0.5sくらいかかってしまい，画面内での移動や拡大縮小に難があります
また，もっと多くの図形も表示させる必要があるのでもう少しパフォーマンスがあがらないかなと思い質問させていただきました．

Pathオブジェクトに関しては，一度Addしたらそれのdataプロパティを変更するようにし，毎回DeleteしてAddのようなことはさせていません．(Pathオブジェクトを使いまわしていると表現すればよいのでしょうか)
(画面の描画を繰り返してもGCがほとんど発生しませんし，メモリ消費量が右肩上がり，なんてこともありません)

現状DataTemplateのようなものはPathオブジェクトに対して使用しておらず(勉強中のためまだ自分でかけるほどの力がないのです･･･)

線分の描画を更新しているメソッドを参考のため載せておきます．
あらかじめ，Canvas.ChildにPathがAddされた状態で以下のメソッドを実行します．
```C#
private void drawLine(Point Start_, Point End_, Point Offset_, Color Color_, Path p_) {
    p_.Stroke = new SolidColorBrush(Color_);
    p_.StrokeThickness = 1;
    ((LineGeometry)p_.Data).StartPoint = new Point((Start_.X - Offset_.X) * Magnification, (Start_.Y - Offset_.Y) * Magnification);
    ((LineGeometry)p_.Data).EndPoint = new Point((End_.X - Offset_.X) * Magnification, (End_.Y - Offset_.Y) * Magnification);
}
```

また，二つのCanvasコントロールを重ねて，後のCanvasには図形を表示し，手前のCanvasにはグリッド線や範囲選択の長方形を表示したりと，別々のCanvasに分けたにもかかわらず後ろのCanvasが重いときは手前も重たくなりました．(後は一切描画更新をしない状態で手前だけ更新したとしても)




PCスペックは①i3-2370M+8GB-DDR3，②i7-4770HQ+8GB-DDR3の2台で確認しましたが動作速度に差は感じられなかったのでPCスペックに問題はないと思っております．

WPFの限界でしょうか･･･
何かヒントをいただければと思います
よろしくお願いいたします．

![アプリ実行例](9df8e68d398b8e05a4c05b7890c18c9f.png)


**追記**
余白でドラッグをグリグリやるときと，大量のPathの上空でグリグリやるときではCPUの使用量が2～3倍程度違うようでした．
CPU使用率で中央付近で山が高くなっていますが，左側はCanvas右上でのドラッグ，山の右側はCanvas左下でドラッグです．
赤い枠が写っていますが，これがマウスについてくる範囲選択の枠です
![イメージ説明](9441a1d4e46ce005ceb3163caa5cea0c.png)

WPF CanvasコントロールにPathをたくさん描画すると非常に重い

###前提
今、JavaScriptの非同期処理について学んでいます。
for文と非同期処理をうまく書く方法を探していたところ、とあるウェブサイトで以下のようなコードを見つけました。
(参考URL:[javascriptで非同期処理をfor文で回したい。](http://d.hatena.ne.jp/IT7C/20160210/1455093466))

しかし、内容が理解出来ません。

初心者なので、当たり前のことを理解していないとんちんかんな質問になっているかもしれませんが、どうぞよろしくお願いします。

例えば、次のような非同期処理を上から順に行って行きたい時（a,b,c,dを順番に表示したい）、下のように書き換えればa,b,c,dの順に表示されるようになります。

> ```JavaScript
> setTimeout( () =>{console.log('a');},4000);
> setTimeout( () =>{console.log('b');},3000);
> setTimeout( () =>{console.log('c');},2000);
> setTimeout( () =>{console.log('d');},1000);
> ```

> ```JavaScript
> (function(){
> var arr = ['a','b','c','d'];
> var d = Promise.resolve();
> for(var i=0;i<arr.length;i++){
>  d = d.then( function(i){
>     return new Promise((resolve,reject)=>{
>       setTimeout(()=>{
>         console.log(arr[i]);
>         resolve();
>       }
>       ,(4-i)*1000)
>     })
>   }.bind(null,i))
> }
> })();
> ```

###疑問点
①Promise.resolve()は、then()メソッドを呼び出すためにPromiseオブジェクトを返す役割を果たしていると解釈してよいのでしょうか。
②forを展開した時にどういう記述になるのか分かりません。あるいは、forが進むごとにどのような処理が具体的に行われているのか分かりません。d = d.then（以下略）とすることでiのカウントが進むごとにthenチェーンがつながるのかな程度の想像で理解が止まってしまいます（そもそもその想像自体がまちがっているかもしれませんが）。
③即時関数への引数をbindで指定していますが、なぜそうする必要があるのかが分かりません。実際、.bind(null, i)の部分を(i)に変えたところ、d,c,b,aの順に表示されてしまいました。コールバック関数の引数を固定する場合bindを使うようですが、そもそもその理由が理解できていません。bindの基本的な使い方としてthisの対象を固定するというのは理解したのですが、引数について分からないままです……。

以上の点、お答え頂ける優しい方がいたらどうかよろしくお願いします。

JavaScript 非同期処理とforを組み合わせた書き方が分からない

jQueryの$.ajaxを利用して、リダイレクトさせるようなページにアクセスしているのですが、リダイレクト先のURLを取得する方法はありますか？XMLHttpRequestだとresponseURLというのがあるようですが、$.ajaxのcompleteの第一引数には見当たらないので…。わかる方教えてください。

jQueryのAjaxでリダイレクト先URLを取得したい

こんにちは。 
Windows10でWPFのアプリケーションを開発しています。 
Visual Studio 2015 Communityを使っています。 

###前提・実現したいこと
WPFで読み込んだBitmapImageをリサイズしたいです。
機能としてはできているのですが、現在、BitmapImageをSystem.Drawing.Bitmapにコンバートできず、いちどファイルに書き出しています。
これは遅い。
BitmapImageをSystem.Drawing.Bitmapに直接コンバートする方法を知りたいです。

###発生している問題・エラーメッセージ
型変換できないでいます。

###該当のソースコード
```C#
using System.Windows.Media.Imaging;
using System;
using System.IO;
using System.Drawing.Imaging;

namespace imageresize {
	class imageresize {
		public static BitmapImage ReadBitmapImage(string fullpath) {
			BitmapImage bitmapimage = new BitmapImage();
			bitmapimage.BeginInit();
			bitmapimage.UriSource = new Uri(fullpath);//<--1回
			bitmapimage.EndInit();

			//大きいときにはリサイズする
			if (300 < bitmapimage.Width) {
				var bmp = new System.Drawing.Bitmap(fullpath);

				int resizeWidth = 100;
				int resizeHeight = (int)(bmp.Height * ((double)resizeWidth / (double)bmp.Width));

				//描画先とするImageオブジェクトを作成する
				var resizedBitmap = new System.Drawing.Bitmap(resizeWidth, resizeHeight);

				//ImageオブジェクトのGraphicsオブジェクトを作成する
				var g = System.Drawing.Graphics.FromImage(resizedBitmap);

				//補間方法として最近傍補間を指定する
				g.InterpolationMode =
					System.Drawing.Drawing2D.InterpolationMode.NearestNeighbor;
				//画像を縮小して描画する
				g.DrawImage(bmp, 0, 0, resizeWidth, resizeHeight);

				//保存
				resizedBitmap.Save(fullpath + ".bmp", ImageFormat.Bmp);//< --2回

				//BitmapとGraphicsオブジェクトを破棄
				bmp.Dispose();
				resizedBitmap.Dispose();
				g.Dispose();

				//再読み込み
				bitmapimage.BeginInit();
				bitmapimage.UriSource = new Uri(fullpath + ".bmp");//<--3回
				bitmapimage.EndInit();
				bitmapimage.BeginInit();

				File.Delete(fullpath + ".bmp");//< --4回
			}

			//読み込んだBitmapImageを戻す
			return bitmapimage;
		}
	}
}
```

###補足情報(言語/FW/ツール等のバージョンなど)
Microsoft Visual Studio Community 2015 
 Version 14.0.25424.00 Update 3 
 Microsoft .NET Framework 
 Version 4.6.01038 

インストールしているバージョン:Community 

Visual C# 2015   00322-20000-00000-AA575 
 Microsoft Visual C# 2015 

です。 
 よろしくお願いします。