常連

注目の的

社会貢献

質問力

支持者

自己紹介

#### エビデンス
以下が該当の写真です。これはnext/imageで20MBほどあるpngの写真をAWSのS3から取得している様子です
![イメージ説明](917addeb6a18883522a3522219b79218.png)

ご覧いただいてわかる通り、next/imageがwebpでうまく最適化して画像を取得していますが、なぜか遅いです。
記載されている通り17kB - 25kBの通信量であればもっと早く、ms単位で取得できると期待しておりました。

インターネット速度は十分高速なはずです
![イメージ説明](4c206ae14a43d944c4722a65d4018344.png)


#### 該当のコード
```typeScript
<NextImage src={imageUrl} alt="design" width={100} height={100} />
```
のような感じで標準的な使い方をしており、特にconfigにも特別な設定はしておりません。

```next.config.js
module.exports = {
  images: {
    domains: ['取得先のドメイン'], 
  },
};

```

#### 質問したいこと
- なぜ遅いのか
- どうすれば早くなるのか

next/imageでwebpを取得する時、通信量が15-18kBにも関わらず、10秒以上かかります

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
cmdでWebAPIをたたいている処理をバッチファイルで実行したいのですが
うまくいきません。
これは、curlとバッチファイルの問題なのでしょうか。

### 発生している問題・エラーメッセージ

```
エラーメッセージ
```
{"bool":false,"mess":"reqUrl syntax Err."}

### 該当のソースコード

@echo off
curl -X POST -d "token=************&reqUrl=https%3A%2F%2Fwww.google.com%2F" ****.com/1.0/?type=json


### 試したこと

もともとこのwebAPI自体が業者と契約しているものでsshターミナル上でしか動作しないとの事でしたのでSSH接続した後に
cmd上で動かす予定です。
cmd上では「curl -X POST -d "token=************&reqUrl=https%3A%2F%2Fwww.google.com%2F" ****.com/1.0/?type=json」で正常に動くのですがバッチファイルにするとsyntaxerrorが起きてしまいます。

### 補足情報（FW/ツールのバージョンなど）
windows10 64bit

ここにより詳細な情報を記載してください。

バッチファイルでcurlを使いたいんです。

きわめて初歩的な質問と思います。
多少ぼかして質問させて頂きますが、ご了承ください。

多数（数万または数十万単位。数は固定ではない。途中で電源ONまたはOFFされる個体もある。）の
デバイスがあって、それの状態が秒単位でリアルタイムに刻々と変化しているとします。
（流行りのIoT的な、いろんなところにある同種デバイスの状態をサーバで管理する、というイメージです）

サーバにてそれらの状態を追跡する時、どのようなデータ構造が適しているでしょうか。

最初はデータベースを使うのかと思いましたが、別の方から
「データベースはもっと静的なデータの管理に使うものであって、刻々と変化するデータに使うものではない」と
指摘を受けました。
かといってプリミティブな配列構造を使うものではないと思います。

不勉強で恐縮ですが、アドバイス頂けると幸いです。宜しくお願い致します。

多数のリアルタイムに動くデータの管理方法

### 前提・実現したいこと

powerBIのQueryエディタで、ある列の値を、とある条件によって、他の列の値へと変換したいです。
その条件は、「列の中に値がはいっているか」です。

下記の例に当てはめて答えていただきたいです。

例-----------------------------------------------------------------------------------
列「旧姓」にデータが入っていれば、「苗字」のデータを「旧姓」のデータに置き換えます。
ただし、「旧姓」のデータは、「null」の場合もあります。

また、以下にサンプルのデータ出します。

powerBIを使い始めたばかりです。。
基本的な質問ですが、よろしくお願いいたします。
### 例題のサンプルデータ

```sampledata
旧姓	苗字
----------------------
本郷    小室
葛西    田中
        佐藤
　　    高橋
小西	松下

```

### 試したこと

MSのサイトや、個人ブログなどあさりましたが、データの整形に関しては、あまり深く触れられていない部分が多いように思えます。
少しでも解決のきっかけになる手がかりをつかめたら幸いです。

powerBI、Queryエディタである条件による列の変換

初学者です。
現在Power BIで新規カラムを作成したいのですが、苦戦しております。
SQLで表現すると以下です。
```sql
select count(テーブル.ID)
group by テーブル.日付
having テーブル.日付 = '2020-08-01'
```
dax関数に変換する際は、EVALUATE, COUNT, GROUPBY, summarizecolumns, FILTERなどに目星をつけて組み合わせてみました。
単純な式なはずなのですが、エラーが出てしまいます。

どなたかご教授いただけますと幸いです。

PowerBI でDAXを構築

###解決したいこと

PowerBIでExcel以外（Mysql）でのデータソースの変更はできますか。

具体例として、データ量の少ない開発環境のMysqlのデータベースに接続し、プレゼンテーションを作成・テスト後、開発環境と全く同じテーブルの構成でデータ量の多い本番環境にデータソースを切り替えることができますか。


###自分で試したこと
Mysqlでテーブル構成が全く同じなデータベースを２つ作成（test/honban）し、まずtestデータベースに接続し、PowerBIファイルを作成しました。

下記の通りデータソース変更にて、データベースをtestからhonbanに変更しましたが、エラーとなりました。

 [ホーム]タブ → [クエリを編集] → [データソース設定]
 [データソース設定] ダイアログ → [ソースの変更]

エラー内容：expression.error キーがテーブルのどの行とも一致しませんでした。

PowerBIでExcel以外（Mysql）でのデータソースの変更

お世話になります。
現在、Visual Studio 2008とSQL Serverを使用して開発をしております。
今回はCSVファイルから取り込んだデータを仮テーブル(以降テーブルA)にデータを取り込み、
その後、本テーブル(以降テーブルB)へ移行させるプログラムを作成しております。
データを移行させる際、データを加工したり、別テーブルから値を取得したりした上で
INSERTを実施しておるのでものすごく時間を要しております。
現在、約10万件のデータを移行するのに1時間ほどかかってしまっております。
今後、更に大量のデータを移行することになるととんでもない時間がかかってしまうのは明らかです。
何か良い方法はありませんでしょうか。
よろしくお願いいたします。

尚、以下のコードですが、INSERTする[テーブルB]は本来は他にまだいくつかフィールドを持っておりますが
ご説明すると長くなるのでカットさせて頂いていますが、やっていることは以下に書かせて頂きましたような
変換を行っております。

```VB.NET

Dim mstrSQL As String
Dim dstTest As DataSet
Dim dstCustSer As DataSet
Dim intCustSer As Integer
Dim strDate As String
Dim strName As String
       
        mstrSQL = ""
        mstrSQL = "SELECT * FROM [テーブルA]" & vbCrLf
        mstrSQL &= " LEFT JOIN [テーブルC] ON [テーブルA].ID = [テーブルC].ID" & vbCrLf
       
        dstTest = (ここでデータセット取得)

        If dstTest.Tables(0).Rows.Count > 0 Then
            'シリアル取得
            For i = 0 To dstTest.Tables(0).Rows.Count - 1

                mstrSQL = ""
                mstrSQL = "SELECT * FROM [テーブルD]" & vbCrLf
                mstrSQL &= " WHERE ID= " & dstTest.Tables(0).Rows(i)("ID") & vbCrLf

                dstCustSer = (ここでデータセット取得)

                If dstCustSer.Tables(0).Rows.Count > 0 Then
                    intCustSer = dstCustSer.Tables(0).Rows(0)("CustSer")
                Else
                    intCustSer = 0
                End If

              '日付
                strDate = ""
                If IsNothing(dstTest.Tables(0).Rows(i)("Date")) = False Then
                    If IsDBNull(dstTest.Tables(0).Rows(i)("Date")) = False Then
                        strDate = Microsoft.VisualBasic.Left(dstTest.Tables(0).Rows(i)("Date"), 4) & "年" _
                                   & Microsoft.VisualBasic.Mid(dstTest.Tables(0).Rows(i)("Date"), 6, 2) & "月" _
                                   & Microsoft.VisualBasic.Mid(dstTest.Tables(0).Rows(i)("Date"), 9, 2) & "日"
                    End If
                Else
                    strDate = ""
                End If

              '名前
                strName = ""
                If IsNothing(dstTest.Tables(0).Rows(i)("Name")) = False Then
                    If IsDBNull(dstTest.Tables(0).Rows(i)("Name")) = False Then
                        strName = dstTest.Tables(0).Rows(i)("Name")
                    Else
                        strName = ""
                    End If
                Else
                    strName = ""
                End If
               
                mstrSQL = ""
                mstrSQL = "INSERT INTO [テーブルB]" & vbCrLf
                mstrSQL &= " (" & vbCrLf
                mstrSQL &= "CustSerial" & vbCrLf 
                mstrSQL &= ", Date" & vbCrLf
                mstrSQL &= ", Name" & vbCrLf
                mstrSQL &= ")" & vbCrLf
                mstrSQL &= " VALUES" & vbCrLf
                mstrSQL &= " (" & vbCrLf
                mstrSQL &= intCustSer & "," & vbCrLf
                mstrSQL &= "'" & strDate & "'," & vbCrLf
                mstrSQL &= "'" & strName & "'," & vbCrLf
                mstrSQL &= ")" & vbCrLf
                                
            Next

        End If
```

高速でINSERTしたい

androidでMS ACCESSのmdbフォーマットのファイルにアクセスしてSQLの処理がしたいと考えています。
なにかアクセスする方法を知っている人はいませんか？
もしくはsqliteのフォーマットに変換する方法を知りませんか？


追記：
調べると
http://jackcess.sourceforge.net/
http://ucanaccess.sourceforge.net/site.html
の２個がみつかったがどちらがいいのか知っている人はいますか？

AndroidでのMS access(*.mdb)の処理について

スクリプトを実装したスプレッドシートを作成し、
そのスクリプトの実行トリガーを「スプレッドシート起動時」に設定してあります。
自分では問題なく動くのですが、共有した人が試すと実行されません。

おそらく権限がないためだと思うのですが、スプレッドシートのオーナー側で実行できるようにする方法はありますでしょうか？

自分で調べた限りでは、下記のやり方しか思い浮かばないのですが、できれば説明する手間を省くためこちらで設定してあげたいです。
①共有された人が自分でスクリプトの承認作業を行う
②共有された人が自分でトリガー設定を行う

よろしくおねがいいたします。

【GAS】他の人にスプレッドシートを共有した際にスクリプトを他のユーザーでも動かせるようにしたい

PHPからC#に移行してきました。

c#でDictionalyを使ってPHPでいう下記のような連想配列をつくって１つの配列で複数の言語データを管理しようとしています。

しかしC#の記事で連想配列の多次元データを扱うことは絶対にないという記事を見つけ混乱しています。
C#ではどのように実装するのが好ましいのでしょうか。

見つけた記事URLです
https://anond.hatelabo.jp/20170524202057


PHPで書くと下記の処理をC#で実装したいです
```PHP
$data_arr['ja']['fruit'] = array(
                        'apple' => 'りんご',
                        'banana' => 'ばなな',
                        'grape' => 'ぶどう',
);

$data_arr['en']['fruit'] = array(
                        'apple' => 'apple',
                        'banana' => 'banana',
                        'grape' => 'grape',
);

//日本語で使用
$lang = 'ja' //実際は使用言語を動的に取得
$btn1 = $data_arr[$lang]['fruit']['apple'];

?>
```



追記１

頂いた意見を参考に下記の形で実装しようと試みましたが、変なところで躓いてしましました。
下記クラスをnewしたときに各言語テキストをセットし、GetList()で取得という処理を行いのですが、switchのreturn data箇所でコンテキストが存在しませんというエラーがでてしまいます。
また、取得する側のコードのvar textdata2 = new TextData2("fruit");の箇所では下記画像のようなエラーがでてしまいますが原因が分からない状況です。

![イメージ説明](ce42afc3bfb35dceb861e78e77797344.png)

```ここに言語を入力

　　public class Fruit
    {
        public string lang { get; set; }
        public string apple { get; set; }
        public string banana { get; set; }
        public string grape { get; set; }
    }


    public class TextData2
    {

        public List<Fruit> fruit_list;

        public void Main(string page)
        {
            switch (page)
            {
                case "fruit":
                    fruit_list = new List<Fruit>()
                    {
                        new Fruit(){lang = "ja", apple = "りんご", banana = "ばなな", grape="ぶどう"},
                        new Fruit(){lang = "en", apple = "apple", banana = "banana", grape="grape"},
                    };
                    break;


            }
        }

        public dynamic GetList(string lang, string page)
        {
            switch (page)
            {
                case "fruit":
                    var data = (from l in fruit_list
                                where l.lang == lang
                                select l).FirstOrDefault();
                    break;

            }

            return data;
        }
    }

```


下記は取得側のコード
```ここに言語を入力
            //取得側
            var textdata2 = new TextData2("fruit");
            var fruit_list = textdata2.GetList(lang, "fruit");
```

c#で連想配列の多次元配列は使わないのでしょうか

以下最終行までは問題ないのですが、最後の行で質問です。
getrangeの範囲に、元データ10行10列の範囲の各数字をそのまま1行ずつ代入したいのですが、
setvalue(data[j][1:10])
とすると、index式に1がないといわれます。
何が悪いのでしょうか。
よろしくお願いします。

```JS
function copypast() {
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  var report = spreadsheet.getSheetByName('レポート');
  var origin = spreadsheet.getSheetByName('元');
  var origin_last_row = origin.getLastRow();   //行
  var account_name = report.getRange(1, 2).getValue();
  var account_column = origin.getRange(2, 1, origin_last_row-1).getValues();
  var data = [];
  
  for(var i = 0; i < account_column.length; i++) {
    if(account_column[i][0] === account_name) {
      var data_row = origin.getRange(i+2, 2, 1, 10).getValues();
      Logger.log(i + ':' +data_row);
      data.push(data_row[0]);
      Logger.log(data);
      }
    }
      
        for(var j = 0; j < data.length; j++) {
          var range = report.getRange(5+j,3,1,10).setValue(data[j][0:9]);
          }
}
```

GASで以下の文、最終行のsetvalueについて質問

fabric.jsにて、スマートフォン表示の際に画像の拡大をピンチイベントで行うにはどうすればいいでしょうか？

fabric.jsでのピンチイベント

GoogleAppScriptで
編集されたセルに対して編集日時をメモで表示するようにしています。

```
// Set a comment on the edited cell to indicate when it was changed.
function onEdit(e){
  var range = e.range;
  range.setNote('Last modified: ' + new Date());
}
```

ここからが質問で、
こちらをシート全体ではなく、
特定の列においてのみ動作するようにしたいです。

どのように上記のコードを変更すればよいでしょうか。

【GoogleAppsScript】OnEditを特定の範囲においてのみ動作させる方法

PC版のスプレッドシートにて動作確認済みのGASがございます。
内容としては簡単なもので、下記のような処理をします。

1. １行目と最終行から10行目までを残し、残りは非表示にする

上記の処理を onOpen()メソッド内に直接記述、シートのリロードでイメージ通りの動作を確認。

これをAndroidのスプレッドシートアプリで行おうとすると、上記のような結果になりません。
アプリにおけるスクリプトの実行トリガーの制限でもあるのでしょうか。
GASのリファレンスでも調べてみましたがよくわかりませんでした。

AndroidのChromeからドライブ上のスプレッドシートにアクセスしようとしましたが、
開くことはできませんでした。

どなたかスプレッドシートアプリでのGAS実行（特にonOpen）について情報をお持ちの方がいらっしゃいましたら、ご教授お願い致します。

【GAS】GoogleスプレッドシートアプリでのonOpenスクリプト実行について

### どなたかご教授願い致します
現在JavaScriptでテキストボックス内の文字列を読み込み、canvasを用いてcanvas内のクリックした位置に読み込んだテキストを表示させるようなものを作っております。
文字列を読み込み、canvasを用いてcanvas内のクリックした位置に読み込んだテキストを表示させることはできているのですが、canvasのサイズを大きくすると縮尺の違いからか、思った位置にテキストを表示させることができません。
悔むなく、以下のようにクリックされた位置のx座標、y座標を縮尺が合うように割っているのですが、これだと文字が少しぼやけてしまいます何かいい解決策はないでしょうか？お願いします
```JavaScript
ctx.fillText(text, mouseX/1.73, mouseY/1.95);
```
以下各全体ソースになります。
```HTML
<html>

<head>
  <meta charset="utf-8">
  <title>canvasでクリックされた位置の座標を取得・表示する</title>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="canvas.js"></script>
  <link rel="stylesheet" href="canvas.css" />
</head>

<body>

  <div id="axisCanvasRapper">
    <canvas id="axisCanvas"style="width: 700px; height: 800px; margin: 0 auto;position: absolute; left: 500px; top: 200px"></canvas>
  </div>

  Text: <input id="text" name="text" type="text" value="Example"> |
  Size: <input id="size" name="size" type="text" size="3" value="14"> |
  Color: <input id="color" name="color" type="text" size="7" value="#000">


</body>

</html>
```

```JavaScript
var canvas; // canvas要素(HTMLCanvasElement)
var ctx; // 2Dコンテキスト(CanvasRenderingContext2D)
var canvasW = 400; // canvas要素の横幅(px)
var canvasH = 400; // canvas要素の縦幅(px)
var mouseX; // 最後にクリックされた位置のx座標
var mouseY; // 最後にクリックされた位置のy座標
var text, size, color;
window.onload = function() {
  // canvas要素を取得し、サイズ設定
  canvas = document.getElementById('axisCanvas');
  canvas.width = canvasW;
  canvas.height = canvasH;

  // 描画のために2Dコンテキスト取得
  ctx = canvas.getContext('2d');

  // クリックイベントの登録
  canvas.onclick = function(e) {
    // 一度描画をクリア


    // クリック位置の座標計算（canvasの左上を基準。-2ずつしているのはborderの分）
    var rect = e.target.getBoundingClientRect();
    mouseX = e.clientX - rect.left - 2;
    mouseY = e.clientY - rect.top - 2;

    // クリック位置を中心に円を描画
    //ctx.beginPath();
       //ctx.arc(mouseX/1.73, mouseY/1.95, 5, 0, Math.PI * 2, false);
      // ctx.fill();
    text = $('#text').val();
    size = $('#size').val();
    color = $('#color').val();

    console.log(size);
    console.log(mouseX + ","+mouseY);
    console.log("Math.floor(rect.left)"+Math.floor(rect.left));
    console.log("rect.left"+rect.left);
    console.log("rect.top"+rect.top);
    console.log("e.clientX"+e.clientX);
    // 座標の表示テキストを描画
    var maxWidth = 200;
    ctx.textAlign = 'right';
    ctx.font = size+"px 'ＭＳ ゴシック'";
    ctx.fillStyle = color;
    ctx.fillText(text, mouseX/1.73, mouseY/1.95);

  }

};

```
```CSS
#axisCanvasRapper {
  margin: 100px 200px 300px;


}



#axisCanvas {
  border: 1px solid #CCC;
}
#tool {
    margin: 60px 200px 100px;

}
#canvas {
    margin: 10px 20px;
    border: 2px dotted #DDD;
}
#clear {
    margin: 10px 20px;
}
#music {
      margin: 50px 200px 100px;
}

```

canvasの縮尺について

canvasで画像を生成しtoDataURLでURLを取得しました。
この画像をphpでサーバに保存できません。


```javascript
<script>
//中略
  img_url = canvas.toDataURL();
</script>
```
```php
<?php
  $img_url = '<script>document.write(img_url); </script>' ;
  $img_url = preg_replace("/data:image/png;base64,/i","",$img_url);
  $img_url = base64_decode($img_url);
  $image = imagecreatefromstring($img_url);
  imagesavealpha($image, TRUE);
  imagepng($image , './images/test.png');

?>
```

ご享受頂けましたら幸いです。
よろしくお願いいたします。

canvas で作成した画像を phpで保存する方法

イメージとしてはこのようなことがしたいです。
![イメージ説明](f9fbbbb2da6afcf31832d34dea681457.png)

imgタグで表示させた画像にhtmlとcssでアイコンと文字を画像の任意の位置（真ん中辺り）に表示させたいと思っています。

無理やり考えた方法としては
imgタグ
divタグ（fontawesomeアイコン）
divタグ(文字)

と並列（同じ階層）にして、
両方のdivタグにposition relativeを設定、top,leftにpx単位で数値を入れてgooglechromeのコンソールを使って真ん中に合わせるといったやりかたです。

このやりかたでも大体は思った通りの配置にはなるですが、px単位で設定してるのでデザインとしては汚いやり方かな、と思っています。
何かキレイにイメージ画像のようにキレイに配置する方法はないでしょうか？

HTML/CSSで表示させた画像の真ん中にアイコンを表示させたい。

現在初めてプラグインの自作をしているのですが、プラグイン中でajax処理の必要があります

調べると、sackというajaxライブラリを使うように書いてあるサイトが多いのですが、
このsackを使わずに普通にjqueryを使って処理することはできないのでしょうか
もしくは、jQueryで処理した場合、デメリットなどあるのでしょうか

ご意見いただけたら幸いです、よろしくお願いします

Worpressプラグイン開発でajax

### 前提・実現したいこと

AjaxでのWordpress投稿システムの実装において、投稿後にその内容を表示させられないという問題が発生しました。

下記「該当のソースコード」にあるように、single.php を読むときに、投稿できている情報を使ってくれないという状況です。

自分なりの解決策として、下記「試したこと」にあるように、「Ajaxの中にAjax」という方法を考えたのですが、これは適切な方法ですか？

独学で不安なので、より適切な方法での実装を実現したいと思い質問させて頂きました。
宜しくお願いします。


### 該当のソースコード
まずこちらのPHPですが、
include locate_template( 'template-parts/single.php' );
と書いても、投稿後にその内容を表示させられないという問題が発生しました。（最後から１２行目の部分です）

```php
/* nonceを出しておく */	
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
function my_enqueue_scripts() {
	$handle_post_new = 'my_script_post_new';  	
	$jsFile_post_new= 'path/to/myscript_post_new.js';
	wp_register_script($handle_post_new, $jsFile_post_new, ['jquery']);
	$action_post_new= 'my_ajax_action_post_new';
	wp_localize_script($handle_post_new, 'MY_AJAX_post_new', [
		'api'    => admin_url( 'admin-ajax.php' ),
		'action' => $action_post_new,
		'nonce'  => wp_create_nonce( $action_post_new ),
	]);
	wp_enqueue_script($handle_post_new);			
}
	
/* 投稿する */
add_action( 'wp_ajax_my_ajax_action_post_new', 'my_ajax_event_post_new' );
function my_ajax_event_post_new() {

	$action_post_new = 'my_ajax_action_post_new';	

	// nonceがただしい
	if( check_ajax_referer($action_post_new, 'nonce', false) ) {
		
		// データ受け取り
		$post_new_title = esc_html( $_POST['post_new_title'] );
		$post_new_content = strip_tags( $_POST['post_new_content'], "<br>" );
		$post_new_meta_img = esc_html( $_POST['post_new_meta_img'] );

		// データ更新
		$post_value = array(
			'post_type'    => 'post',
			'post_author'  => get_current_user_id(),
			'post_title'   => $post_new_title,
			'post_content' => $post_new_content,
		);
		$insert_id = wp_insert_post($post_value); // 投稿してそのIDを取得
		if($insert_id) {
			update_post_meta($insert_id, 'post_meta_img', $post_new_meta_img);
		} else {
			die('失敗しました。');		
		}

		// 出力
		include locate_template( 'template-parts/single.php' );
			
	}
	// nonceがおかしい
	else {

		die('失敗しました。');		
		
	}

	die();
}
```
ちなみにjQueryはこうです。
「.container」の中身を、新しい投稿内容を使った single.php に入れ替えることが目的でした。
```jQuery
$(document).on("click",".post_submit", function(){		
	
	var post_new_area = $('.container');
	var post_new_title = $('#post_new_title').text();
	var post_new_content = $('#post_new_content').html();
	var post_new_meta_img = $('#post_new_meta_img').val();
		
	$.ajax({
		url: MY_AJAX_post_new.api,
		type: 'POST',
		data: {
			action: MY_AJAX_post_new.action,
			nonce: MY_AJAX_post_new.nonce,
			post_new_title: post_new_title,
			post_new_content: post_new_content,
			post_new_meta_img: post_new_meta_img,
		}
	})
	// 成功したとき
	.done(function( response_post_new ) {
		var $articleOuter_post_new = post_new_area;
		var $response_post_new = response_post_new;
		$articleOuter_post_new.html('');
		$articleOuter_post_new.html( $response_post_new );
	})
	// 失敗したとき
	.fail(function( response_post_new ) {
		alert('失敗しました。');
	}); 
	
});
```


### 試したこと

上述のソースコードではできず、冒頭に書いたように「Ajaxの中にAjax」という方法を考えました。それがこちらの《変更➀》と《変更➁》です。


《変更➀》
```PHP
		// 出力
		include locate_template( 'template-parts/single.php' );
```

↓次のように変更し、投稿されたslugを返すようにしました。
```PHP
		// 出力
		$str = get_page($insert_id);
		echo $str -> post_name;	
```
《変更➁》

```jQuery
	// 成功したとき
	.done(function( response_post_new ) {
		var $articleOuter_post_new = post_new_area;
		var $response_post_new = response_post_new;
		$articleOuter_post_new.html('');
		$articleOuter_post_new.html( $response_post_new );
	})
```

↓次のように変更し、投稿されたslugからその記事にアクセスするようにしました。これが「Ajaxの中にAjax」という処理です。これは適切な方法ですか？

```jQuery
	// 成功したとき
	.done(function( response_post_new ) {
		$.ajax({
			type: 'GET',
			url: 'http://example.com/post/'+response_post_new,
			dataType: 'html'
		})
		.done(function(data) {
			var contentItems = $(data).find('.container');
			$('.container').html(contentItems);			
		})
		.fail(function () {
			alert('失敗しました。');
		});
	})
```
こちらの「Ajaxの中にAjax」という方法でも、投稿後にその内容を表示できたことはできたのですが、、不安が残ります。

他にもおかしな点がございましたらご指摘頂けますと幸いです。（nonceのチェック方法や変数名など、とにかく独学で不安です。）

質問は以上です。

改めまして、どうぞ宜しくお願い致します。


### 補足情報（FW/ツールのバージョンなど）
使っているものは全て最新です。

Wordpress → 5.0.3 
PHP → 7.3.2

「Ajaxの中にAjax」は正しい処理ですか？

Opencvを利用して、スマホカメラで撮影したA４やB５の文書の画像から、背景(机など）をなくして紙部分のみを切り出したいです。その際に、カメラで撮影した際の傾きや方向などを補正し、きちんと文書に書かれた文字が水平になるように射影変換したいです。
ただ、名刺やカードの切り出しのサンプルやopencvの各種機能や例などは試したのですが、文書の形や大きさを問わずきちんと射影変換できるようにカメラ撮影から切り出しするにはどうすればよいのでしょうか。
また、撮影した画像の影やノイズ・背景の色や明るさを計測し、画像の状況に応じて文書をきれいに補正する方法はないでしょうか？