常連

拍手喝采

自己紹介

### 前提・実現したいこと

現在SwiftでぐるなびAPIの応援口コミのデータを取得しようとしています。

該当ソースコード
・JsonStruct
・JSONデータ

### 発生している問題・エラーメッセージ

```
Jsonデータの取得はできておりますが、JSONStructの『case review = "0"』
の部分の数字（文字列）を動的に変更する方法がわからない状況です。

現在の挙動としては、『case review = "0"』としているため、データ件数が複数件あったとしても
Jsonデータの１つ目しか取得できないです。
```

### 該当のソースコード

```JSONStruct
class JsonReviewsList {
    // MARK: - Reviews
    struct Reviews: Codable {
        let response: Response
    }

    // MARK: - Response
    struct Response: Codable {
        let review: Review
        let attributes: Attributes
        let totalHitCount, hitPerPage: Int

        enum CodingKeys: String, CodingKey {
            
            case review = "0"　　※※※※※※※※※※※※※※※※※※※※動的に変化させたい（For文？）
            case attributes = "@attributes"
            case totalHitCount = "total_hit_count"
            case hitPerPage = "hit_per_page"
        }
    }

    // MARK: - Attributes
    struct Attributes: Codable {
        let apiVersion: String

        enum CodingKeys: String, CodingKey {
            case apiVersion = "api_version"
        }
    }

    // MARK: - Review
    struct Review: Codable {
        let photo: Photo
    }

    // MARK: - Photo
    struct Photo: Codable {
        let voteID, photoGenreID, photoGenreName, photoSceneID: String
        let photoSceneName, nickname, shopID, shopName: String
        let shopURL: String
        let prefname: String
        let menuID: Int
        let menuName: String
        let menuFinishFlag: Int
        let areanameL, areanameM, areanameS: String
        let imageURL: ImageURL
        let comment, totalScore, category, latitude: String
        let longitude: String
        let umasoCount: Int
        let updateDate: Date
        let messages: Messages

        enum CodingKeys: String, CodingKey {
            case voteID = "vote_id"
            case photoGenreID = "photo_genre_id"
            case photoGenreName = "photo_genre_name"
            case photoSceneID = "photo_scene_id"
            case photoSceneName = "photo_scene_name"
            case nickname
            case shopID = "shop_id"
            case shopName = "shop_name"
            case shopURL = "shop_url"
            case prefname
            case menuID = "menu_id"
            case menuName = "menu_name"
            case menuFinishFlag = "menu_finish_flag"
            case areanameL = "areaname_l"
            case areanameM = "areaname_m"
            case areanameS = "areaname_s"
            case imageURL = "image_url"
            case comment
            case totalScore = "total_score"
            case category, latitude, longitude
            case umasoCount = "umaso_count"
            case updateDate = "update_date"
            case messages
        }
    }

    // MARK: - ImageURL
    struct ImageURL: Codable {
        let url1024, url320, url250, url200: String

        enum CodingKeys: String, CodingKey {
            case url1024 = "url_1024"
            case url320 = "url_320"
            case url250 = "url_250"
            case url200 = "url_200"
        }
    }

    // MARK: - Messages
    struct Messages: Codable {
        let userMessageCount, shopMessageCount: Int
        let firstShopMessage: FirstShopMessage

        enum CodingKeys: String, CodingKey {
            case userMessageCount = "user_message_count"
            case shopMessageCount = "shop_message_count"
            case firstShopMessage = "first_shop_message"
        }
    }

    // MARK: - FirstShopMessage
    struct FirstShopMessage: Codable {
        let messageBody, sendDate: String

        enum CodingKeys: String, CodingKey {
            case messageBody = "message_body"
            case sendDate = "send_date"
        }
    }
    
    
}
```

 
```
【JSONデータ】
{
    "response": {
        "@attributes": {
            "api_version": "v3"
        },
        "total_hit_count": 1389,
        "hit_per_page": 15,
        "0": {　　　←※※※※※※※※※※※※※※※※※※※※※※※※※※※"0"の数字が変化します。　
            "photo": {
                "vote_id": "95644",
                "photo_genre_id": "1",
                "photo_genre_name": "料理・ドリンク",
                "photo_scene_id": "",
                "photo_scene_name": "",
                "nickname": "ぐるなび会員",
                "shop_id": "6072772",
                "shop_name": "焼野菜 五十家",
                "shop_url": "https://r.gnavi.co.jp/3fjar9m50000/?ak=Y%2FdqTpL57s7y4VkTH%2BYkvUruWMirqD7LUAakY4OB0xs%3D",
                "prefname": "PREF26:京都府",
                "menu_id": 90968,
                "menu_name": "農園茄子と京お揚げの揚げ出し",
                "menu_finish_flag": 0,
                "areaname_l": "河原町・木屋町・先斗町",
                "areaname_m": "四条河原町周辺・寺町",
                "areaname_s": "四条河原町周辺・寺町",
                "image_url": {
                    "url_1024": "https://mr.gnavi.co.jp/cont/menu_image/6f/25/95644_l.jpeg",
                    "url_320": "https://mr.gnavi.co.jp/cont/menu_image/6f/25/95644.jpeg",
                    "url_250": "https://mr.gnavi.co.jp/cont/menu_image/6f/25/95644_m.jpeg",
                    "url_200": "https://mr.gnavi.co.jp/cont/menu_image/6f/25/95644_s.jpeg"
                },
                "comment": "アツアツで美味しいです。",
                "total_score": "3.0",
                "category": "野菜料理",
                "distance": 0,
                "latitude": "",
                "longitude": "",
                "umaso_count": 0,
                "update_date": "2010-12-31T10:13:00+09:00",
                "messages": {
                    "user_message_count": 0,
                    "shop_message_count": 0,
                    "first_shop_message": {
                        "message_body": "",
                        "send_date": ""
                    }
                }
            }
        },
        "1": {　　　←※※※※※※※※※※※※※※※※※※※※※※※※※※※　
            "photo": {
                "vote_id": "",
                "photo_genre_id": "",

                     ----------- 省略 -----------
```

```
参照元クラス

let url = URL(string: ”ぐるなびAPI URL”)
let request = URLRequest(url: url!)
let session = URLSession.shared
        
session.dataTask(with: request){(data, response, error)in if error == nil,
            
　let data = data,
  ((response as? HTTPURLResponse) != nil) {
        
   //デコード
   let decoder: JSONDecoder = JSONDecoder()
   decoder.dateDecodingStrategy = .iso8601
   do {
     //データ取得成功
     let json:JsonReviewsList.Reviews = try decoder.decode(JsonReviewsList.Reviews.self, from: data)
     let totalHitCount:Int = Int(json.total_hit_count)
     let jsonreview = json.reviews
　 
　　 for i in (0...totalHitCount-1) {
       print(jsonreview[i].shopID)
       print(jsonreview[i].shopName)
    }
   }catch {print ("error")}
  }
}.resume()

```



ご教授よろしくお願いいたします。

Swift - JSONデータ取得方法 （ぐるなびAPI-応援口コミ）

Typescriptとアロー関数を使用し、Promiseのメソッドを作成しております。
コンソール上のメッセージとして
「約束通りついたよ、10時の電車に乗ろうか！」
を表示させたいのですが、コンソールを確認すると「undefined」が
返ってきております。
どうすれば正しい値が表示されるのか、
どなたかご教示いただけませんでしょうか？

```Typescript
const keep_promise = true
const on_schedule = true

const yakusoku = new Promise((resolve,reject)=>{
    if(keep_promise){
        resolve('約束通りついたよ')
    }else{
        reject('約束破ってごめんな')
    }
})

const catchTrain = ((comment:any)=>{
    new Promise ((resolve,reject)=>{
    if(on_schedule){
        resolve(comment + '10時の電車に乗ろうか！')
    }else{
        reject(comment + '今日は電車遅れてるね')
    }
})
})

yakusoku.then(catchTrain)
        .then((comment)=>console.log(comment))
        .catch((comment)=>console.log(comment))
```

Typescriptで2つのPromiseを連結して実行したい。

pythonで定期的にグラフを作成する処理を実装しました。
Matplotでプロットしてますが偶に
"Fail to allocate bitmap"
とエラーが出てプログラムが終了してしまいます。
手動でもう一度実行すると問題ないため、エラーが出たら少し待ちもう一度グラフ作成を行うように下記コードのように
処理を実装したのですが、そのままプログラムが終了してしまいます。
mainloopの中身をexit()などでプログラムを終了させようとすれば問題なくexcept側に行きループは続きます。
強制的に終了させるコマンドがあるのか、その場合ループを続けたい場合はどうすればいいでしょうか。


```python
def mainloop():
#matplotでグラフ作成、png画像で保存処理。
#内容は省略

while 1:
    try:
        mainloop()
        time.sleep(30)
    except:
        time.sleep(5)
```

例外処理されず終了される

### 前提・実現したいこと
yolov3 を用いた自動車のカウント（交通整理のような物）を作ろうと考えています。
現在は,以下の開発環境で自前データの学習データを用いて、車そのものを検出するところまで済んでいます。
・python3
・tensorflow2.0
・yolov3

### 質問内容
そこで質問です。
1フレームで検出たものと2フレームで検出した物が同一である場合、カウントを１にしたいのですが、
どのようなアルゴリズムを組んで良いのかわからず止まっています。
よろしければ、お力添えよろしくお願いします。


### 試したこと
検出した物をカウントするのは簡単なのですが、フレームごとのカウントのため、同じ車が３フレームに渡っている場合、カウント数が3になってしまいます。

物体検出を用いたカウントについて、フレームごとにある同一物をカウントしない方法

### 前提・実現したいこと
初めての質問です不備があったら申し訳ございません。
エクセルのデータベースから
担当毎の商品の売上をエクセルの明細書へ転記したいと考えています。


pandasを使い担当者ごとの商品別売上をgroupbyで
抽出するところまではできたのですが

できたデータを担当毎でエクセルファイルへ任意の場所へ(明細書)
順に転写していき担当者ごとのファイルを作りたいです。

###参考画像
######データベース
![イメージ説明](20ca6fb02e4339f6487092cfcc9bd183.jpeg)


######groupbyで抽出した結果
![イメージ説明](61c4f71c692709de165bdb519b87c444.jpeg)


######明細書の完成イメージ
![イメージ説明](dff81bdf6d5266088117bb07a239994e.jpeg)




### 該当のソースコード

```python
!pip install openpyxl

import pandas as pd
import numpy as np
import openpyxl
import glob

import_file = 'sample_auto02.xlsx'

excel_sheetname01 = '実績管理表'

df_actual = pd.read_excel(import_file, sheet_name = excel_sheetname01)

df_actual.head()

#4/1～6月末までの集計
(df_actual['売上日']>="2020-04-01") & (df_actual['売上日']<"2020-07-01")


#データフレームの角括弧の中に入れる
df_actual[(df_actual['売上日']>="2020-04-01") & (df_actual['売上日']<"2020-07-01")]

#変数に入れ直す
df_actual = df_actual[(df_actual['売上日']>="2020-04-01") & (df_actual['売上日']<"2020-07-01")]

#氏名に加えて商品分類ごとも
df_actual[['氏名','数量','単価（円）','商品分類']].groupby(['氏名','商品分類']).sum()


#こんなイメージでやってみましたがエラーばかり↓

# for i in (氏名を入れたい):
#     df_order_name = df_actual[df_actual['氏名'] == i]
#     df_order_name.to_excel(既存のEXCELのテンプレファイル（明細書）の任意のセルへ書き出したい)


#欲を言えば
#それらを氏名ごとにPDFで書き出しまで出来たらとても嬉しいです...。
```


### 試したこと

氏名を事前にunipueで取得してみたのですが
groupbyしたあとだとエラーになってしまいました。

### 補足情報（FW/ツールのバージョンなど）

jupyterLabを使用しています。

pythonを使いエクセルデータから担当毎、商品別に売上を算出して売上明細書を作りたい

### 前提・実現したいこと

- ファイル「asd.py」で「class dsa」を用意
- 1つ目のプロセスで、一定間隔で「dsa.a」の値を変更(task関数)
- 2つ目のプロセスファイル「dsa.a」の値を利用(printing関数)。
ですが、両方どうすれば、共有できるのでしょうか？

※同時アクセスによるデータ整合性は無視する。

### 発生している問題・エラーメッセージ

```console
task =  1
printing =  0
printing =  0
task =  2
printing =  0
printing =  0
printing =  0
task =  3
printing =  0
printing =  0
printing =  0
task =  4
printing =  0
printing =  0
printing =  0
```

### 該当のソースコード

```py
#main.py
import concurrent.futures as confu
import time
import asd

# クラス変数出力
def printing():
    while(1):
        time.sleep(1)
        print("printing = ", asd.dsa.a)

# クラス変数変更
def task():
    asd.dsa.a += 1
    print("task = ",asd.dsa.a)


def main():
    # -   -   -   -   処理開始    -   -   -   - #
    with confu.ProcessPoolExecutor(max_workers=2) as executor:
        executor.submit(printing)
        for i in range(50):
            executor.submit(task)
            time.sleep(3)

    # -   -   -   -   並列処理が終わった後    -   -   -   - #
    # print(asd.dsa.a)

if __name__ == '__main__':
    main()
```
```py
# asd.py
class dsa:
    a = 0
```


### 試したこと
multiprocessingのValueにClassを入れる。
= 当然エラー

### 追記
>「= 当然エラー」とはどんなコードを書いてどんなエラーが出たのでしょうか？
以下のとおり(main.py)です。なぜ、第一引数を「i」にしてるかは、適当に選んだからです。
第一引数の候補は、「sharedctypes.py」に存在する「typecode_to_type」の中から選ぶものです。（間違っていたらごめんなさい。）
その中にClassの引数が存在しなかったので、当然エラーと書きました。
```py
#main.py
dsa = Value('i', asd.dsa)
```
```console
TypeError: an integer is required
```

```py
#sharedctypes.py
typecode_to_type = {
    'c': ctypes.c_char,     'u': ctypes.c_wchar,
    'b': ctypes.c_byte,     'B': ctypes.c_ubyte,
    'h': ctypes.c_short,    'H': ctypes.c_ushort,
    'i': ctypes.c_int,      'I': ctypes.c_uint,
    'l': ctypes.c_long,     'L': ctypes.c_ulong,
    'q': ctypes.c_longlong, 'Q': ctypes.c_ulonglong,
    'f': ctypes.c_float,    'd': ctypes.c_double
    }
```c

Python3.8.4の並列処理のプロセス間で、クラスを共有したい

ラジオボタンの表示ごとにタスクの表示を切り替えをしたい　Vue.js

### 前提・実現したいこと

Vue.jsでToDoリストを作成しています。
ラジオをボタンの選択を切り替えた際に表示も変更するようにしたいです。

＜ここに質問の内容を詳しく書いてください。＞

 Vue.jsでTodoリストを作成しているのですが、
ラジオボタンを変更したあと、うまく作動しなくなってしまいます。
ラジオボタンを切り替えても、どのタスクを選択しても、完了、作業中が切り替わり。
完了のラジオボタンを選択している場合は、完了と表示されているタスクのみ表示され、
作業中のラジオボタンを選択している際は、作業中と表示されているタスクのみ表示したいです。
また、完了中に新しいタスクを入力しても表示されずに、タスクとしては、追加されているようにしたいです。



### 発生している問題・エラーメッセージ
ラジオボタンを変更したあと、うまく作動しなくなってしまいます。
「すべて」のラジオを選択しているときは、作業中と完了のボタンは、うまく作動している。
しかし、作業中や完了のラジオを選択しているとインデックスの逆から押さなければ、
全ての項目を正しく切り替えることができない。

例）
○すべて　●作業中　○完了
1.A　作業中
2.B　作業中
3.C　作業中
→A→B→Cと押すとAが完了に切り替わったあと、Bを完了に変えようとすると再び、作業中のAが表示されてしまう。
しかし、CからB、Aと押すと問題なく変更される。

```
エラーメッセージ
```

### 該当のソースコード

```HTML
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>ToDo List Vue-version</title>

  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <h2>ToDoリスト</h2>
  <div id="app">
    <label><input type="radio" name="list" value="all" v-model="filter">すべて</label>
    <label><input type="radio" name="list" value="active" v-model="filter">作業中</label>
    <label><input type="radio" name="list" value="completed" v-model="filter">完了</label>
    <p>ID コメント 状態</p>
    <table>
      <tr v-for="(todo, index) in filteredTodos">
        <td>{{ index }}</td>
        <td>{{ todo.title }}</td>
        <td><button @click="statusChange(index)">
            <span>{{ todo.statusBtn }}</span>
          </button></td>
        <td><button @click="deleteTask(index)">{{ todo.delBtn }}</button></td>
      </tr>
    </table>
    <h2>新規タスクの追加</h2>
    <form @submit.prevent="addTask">
      <input type="text" v-model="newTask">
      <input type="submit" value="追加" class="button">
    </form>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    'use strict';

    new Vue({
      el: '#app',
      data: {
        statusBtn: '', newTask: '', todos: [], filter: 'all'
      },
      computed: {
        filteredTodos() {
          if (this.filter === 'all') {
            return this.todos
          } else if (this.filter === 'completed') {
            return this.todos.filter((todo) => {
              return todo.statusBtn === '完了'
            })
          } else if (this.filter === 'active') {
            return this.todos.filter((todo) => {
              return todo.statusBtn === '作業中'
            })
          }
        }
      },
      methods: {
        addTask: function () {
          let item = {
            title: this.newTask, statusBtn: '作業中', delBtn: '削除'
          }
          this.todos.push(item);
          this.newTask = '';
        },
        statusChange: function (data) {
          if (this.todos[data].statusBtn === '作業中') {
            this.todos[data].statusBtn = '完了'
          } else {
            this.todos[data].statusBtn = '作業中'
          }
        },
        deleteTask: function (index) {
          this.todos.splice(index, 1);
        }
      }
    });
  </script>
</body>

</html>
```

### 試したこと

ここに問題に対して試したことを記載してください。
https://cr-vue.mio3io.com/tutorials/todo.html#step2-%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8-api-%E3%81%AE%E4%BD%BF%E7%94%A8

上記のサイトのコードを参考にして、ラジオボタンを含め、フィルター部分から修正しようとしたのですが、
下記のようなエラーが出てしまいました。そして、dataの中にstate:0を追加したのですが、改善されませんでした。

＊＊＊＊＊＊＊＊＊＊
[Vue warn]: Property or method "item" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

[Vue warn]: Error in render: "TypeError: Cannot read property 'state' of undefined"

(found in <Root>)
・・・・

＊＊＊＊＊＊＊＊＊＊

```HTMLVue
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>ToDo List Vue-version</title>

  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <h2>ToDoリスト</h2>
  <div id="app">
    <label v-for="label in options"><input type="radio" v-bind:value="label.value" v-model="current"
        name="label">{{ label.label }}</label>
    <p>ID コメント 状態</p>
    <table>
      <tr v-for="(todo, index) in filteredTodos" v-bind:key="index">
        <td>{{ index }}</td>
        <td>{{ todo.title }}</td>
        <td><button @click="statusChange(item)">{{ labels[item.state] }}</button></td>
        <td><button @click="deleteTask(index)">削除</button></td>
      </tr>
    </table>
    <h2>新規タスクの追加</h2>
    <form @submit.prevent="addTask">
      <input type="text" v-model="newTask">
      <input type="submit" value="追加" class="button">
    </form>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    'use strict';
   
    new Vue({
      el: '#app',
      data: {
        options: [
          { value: -1, label: 'すべて' },
          { value: 0, label: '作業中' },
          { value: 1, label: '完了' }
        ],
        newTask: '', 
        todos: [],
        current: -1,
      },
      computed: {
        filteredTodos() {
          return this.todos.filter(function (todo) {
            return this.current < 0 ? true : this.current === todo.state
          }, this)
        },
        labels() {
          return this.options.reduce(function (a, b) {
            return Object.assign(a, { [b.value]: b.label })
          }, {})
        }
      },
      methods: {
        addTask: function () {
          let item = {
            title: this.newTask,
            state: 0
          }
          this.todos.push(item);
          this.newTask = '';
        },
        statusChange: function (item) {
          item.state = item.state ? 0 : 1
        },
        deleteTask: function (index) {
          this.todos.splice(index, 1);
        }
      }
    });
  </script>
</body>

</html>
```

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
残りタスクが1つになった後、削除ボタンが作動しなってしまいました。
削除ボタンを押すとすべてのタスクを削除できるようにし、連番も再び初めからふりなおすにしたいのですが、
これは、新たに質問をした方が良いでしょうか？

```HTMLVue
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <title>ToDo List Vue-version</title>

  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <h2>ToDoリスト</h2>
  <div id="app">
    <label><input type="radio" name="list" value="all" v-model="filter">すべて</label>
    <label><input type="radio" name="list" value="active" v-model="filter">作業中</label>
    <label><input type="radio" name="list" value="completed" v-model="filter">完了</label>
    <p>ID コメント 状態</p>

    <table>
      <tr v-for="todo in filteredTodos">
        <td>{{ todo.id }}</td>
        <td>{{ todo.title }}</td>
        <td><button @click="statusChange(todo.id)">{{ todo.statusBtn }}</button></td>
        <td><button @click="deleteTask(todo.id)">{{ todo.delBtn }}</button></td>
      </tr>
    </table>
    <h2>新規タスクの追加</h2>
    <form @submit.prevent="addTask">
      <input type="text" v-model="newTask">
      <input type="submit" value="追加" class="button">
    </form>
  </div>


  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script>
    'use strict';

    new Vue({
      el: '#app',
      data: {
        id: 0, statusBtn: '', newTask: '', todos: [], filter: 'all'
      },
      computed: {
        filteredTodos() {
          if (this.filter === 'all') {
            return this.todos
          } else if (this.filter === 'completed') {
            return this.todos.filter((todo) => {
              return todo.statusBtn === '完了'
            })
          } else if (this.filter === 'active') {
            return this.todos.filter((todo) => {
              return todo.statusBtn === '作業中'
            })
          }
        }
      },
      methods: {
        addTask: function () {
          let item = {
            id: this.id++, title: this.newTask, statusBtn: '作業中', delBtn: '削除'
          }
          this.todos.push(item);
          this.newTask = '';
        },
        statusChange: function (id) {
          for (let todo of this.todos) {
            if (todo.id === id) {
              if (todo.statusBtn === '作業中') {
                return todo.statusBtn = '完了'
              } else {
                return todo.statusBtn = '作業中'
              }
              break
            }
          }
        },
        deleteTask: function (id) {
          for (let todo of this.todos) {
            if (todo.id === id) {
              this.todos.splice(todo.id, 1);
              break
            }
          }
        }
      }
    });
  </script>
</body>

</html>
```

Vue.js　ToDoリスト　タスクの表示の切り替え

ruby 上に {long => {long => [long,long,float]}}
というデータ形式で末端が約 30 万件のデータ構造があって
これを以下のようなコードでバイナリにしてファイルに書き出したところ
1 秒もかからずに書き込みできました

```
puts "#{Time.now.to_i - start_time}\twrite result start"
File.open("results.txt", mode = "wb"){|f|
  results.each{|d,tmp|
    tmp.each{|a,v|
      f.write [d,a,v[0],v[1],v[2]].pack('QQQQf')
      #puts "#{[d,a,v[0],v[1],v[2]]},"
    }
  }
}
puts "#{Time.now.to_i - start_time}\twrite result complete"
```


これをもう１度 ruby のハッシュに再構築しようと
```
data = {}
start_time = Time.now.to_i
puts "reading result start"

File.open("results.txt", mode = "rb"){|f|
  src = f.read 
  puts "#{Time.now.to_i - start_time}\tread result complete: #{src.length}"

  i = 0
  while i < src.length 
    puts i / 36 if i % 36000 == 0
    row = src[i...(i+36)].unpack('QQQQf')
    i += 36

    data[row[0]] = {} unless data[row[0]]
    data[row[0]][row[1]] = row[4]
  end
}

puts "#{Time.now.to_i - start_time}\tdata cinstruct complete"
```
というコードで読もうとしたんですが
なかなかおわらないので1000件ごとにプログレスを表示したところ
1000件ごとに約 3 秒ぐらいかかってしまいます
（ペース的に30万件 1000 秒で約 20 分かかる計算)

書き込みが 1 秒もかからなかったのに
読み込みでなぜこれほど時間がかかるんでしょうか

ディスクからメモリ上(src という変数) には一瞬で読み込めていて
hash を作るループ部分で時間がかかってるようなのです
どうすれば高速に hash データを構築できるでしょうか？

コードのまずいところがあったら指摘していただけると助かります

書き込み形式自体を変更しても構わないです
ファイルサイズや書き込み時間は多少落ちてもいいので
とにかく再構築時間を最速にしたいです

---

[https://qiita.com/Ishotihadus/items/6b48e7606423b714210f](https://qiita.com/Ishotihadus/items/6b48e7606423b714210f)
このサイトにいろいろなバイナリの扱いの比較が行われていて
bin_utils がはやいとかかれてるんですが
[ funny-falcon /
bin_utils ](https://github.com/funny-falcon/bin_utils)
を読む限り連続した同じ型の配列にはできるんですが
pack('QQQQf')
でパックした(36バイトずつの)データを配列に戻す方法がわからず断念しました

---

ちなみに書き込みはその前の処理の関係で ruby でないとだめなんですが
読み込むほうが同じデータ構造を扱えるなら何でもいいので
ruby でパックしたバイナリが読めるのであれば python とか node.js とかでも大丈夫です

ハッシュデータを１度ファイルを経由して再構築するできるだけ早い方法

サイト高速化のためにブラウザがレンダリングする仕組みを勉強しています。
簡単なスクリプトを記述したJavaScriptを読み込むシンプルなHTMLを表示して、Chrome DevToolsのPerformanceタブでブラウザの挙動を確認しています。

> デフォルトでは、JavaScript の実行は「パーサー ブロック」です。

ref. https://developers.google.com/web/fundamentals/performance/critical-rendering-path/adding-interactivity-with-javascript?hl=ja

私はレンダリングの仕組みについて、以下のように認識しています。

(1) 私の認識ではdeferを使わない限り、ブラウザはscriptタグが現れた場合には、JavaScriptの読み込み・解釈を完了するまでDOMツリー構築処理をブロックすると認識しています。
そしてブラウザは、ページ全体のDOMツリー・CSSOMツリーで構成されたレンダリングツリーをもとにレイアウトしてから描画すると認識しています。

(2) Chrome DevTools Performanceタブ > Timingに表示されるFP, FCPなどのイベントは、描画されるときに発生すると認識しています。
つまりFP/FCPイベントは、レンダリングツリーが作成され、レイアウトが行われて、描画段階にある場合に発生する認識しています。

### 疑問

しかし以下の画像ではtimming-api.jsファイルの読み込みが完了する前にFP、FCPイベントが発生しています。
HTMLのscriptタグで読み込んだJSのロードが完了していない（ページ全体のDOMツリーが構築されていない）のにFP, FCPが発生している原因がわからずにいます。

![イメージ説明](485a2da8f244fa5138e536949fc41e02.png)

※ 上記画像は自分のサイトのものです。


ヒントでも良いので、上記のようなことが起こる可能性を教えていただけたらと思います。

よろしくお願いします。

JavaScriptのレンダリング ブロックをChrome DevToolsで確認したときの疑問

### 前提・実現したいこと

laravelとVueで自作のアプリケーションを作成しています


axiosでgetしてきた値を表示させる際に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ
axiosを用いて、DBのデータを取得するところまではできています
consoleにて確認しました

vueで扱うために、データをcompetitionsに格納してそれぞれのカラム（今回はmember）を表示したいのですが、表示されません。
（ちなみにHELLOは表示されるのでcomponentファイルへのルーティング等は問題ないと認識しています）
```console
ReferenceError: competitions is not defined
```

### 該当のソースコード

```testComponent.vue

<template>
<div>
       <li v-for="competition in competitions" :key="competition.id">{{ competition.member }}</li>
　　　　HELLO
</div>
</template>

<script>
    export default {
    data () {
        return {
            competitions: [],
        }
  },
    created (){
      this.competitions = [];
      axios.get('/api/competition/competitonteams')
                    .then(response => {
                    // console.log(response.data);
                    this.competitions = response.data.member;
                    console.log(response.data.member);
                    console.log('loglogs');
                    console.log(competitions);
                })
                .catch(
                    response => console.log(response)
                );
            }
    }

</script>

```

```testComponent.vue
/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

window.Vue = require('vue');

import test from './components/testComponent.vue';
/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

// Vue.component('example-component', require('./components/ExampleComponent.vue'));
Vue.component('test-component', require('./components/testComponent.vue'));

const app = new Vue({
    el: '#app',

});

```



### 補足情報（FW/ツールのバージョンなど）

laravel5.6 vue

よろしくお願いします

console.log(response.data)の中身
![![イメージ説明](827c6220d0f65477525a990b4324ade2.jpeg)

console.log(this)
![イメージ説明](0e0d62f9dd709ae01d5c8954ed1f5df3.jpeg)

laravelとvueでaxiosを使ってデータベースから値を受取り表示したい

### 前提・実現したいこと
PyQtによるGUIでボタンを実装し、そのボタンを押したときに一本道の通信（20秒ほど）を行い、その後、次GUIウインドウを表示したいです。
そのまま通信するプログラムを入れても、動作はするとおもいますが、おそらくGUIが「応答なし」の表示になると思います。
この時の「応答なし」を回避したいです。スレッドを立てたほうがいいかと考えたのですが、PyQt自体がスレッドであると聞いたので、どうすべきか悩んでいます。
GUIウインドウを止めることがよくないのであればやはり、スレッドを立てて通信をおこない、終了次第なんらかの方法でGUIを次の画面に移すべきでしょうか。ご教授お願い致します。


### 該当のソースコード

```python
from gui_test import test_a
class main_window(QtWidgets.QMainWindow):
    def __init__(self):
        QtWidgets.QMainWindow.__init__(self)
        ##GUIの初期化部####
        self.main=Ui_MainWindow()
        self.main.setupUi(self)
        self.main.retranslateUi(self)

    ##ボタンをおした時にconnectする関数
    def start(self):
        
        print("start")
        ####ここで一連の通信を行う
        ###通信が終わり次第testを開きたい
        test.show()
        

################メイン###########################################################
if __name__ == '__main__':
    
    
    app = QtWidgets.QApplication(sys.argv)
    window = main_window()
    
    ##test_a()は次に動作させたいQDialog
    test = test_a()

    
    window.show()
    app.exec_()

   
```

### 試したこと

試しに通信部にsleepを入れると予想通り「応答なし」になりました

PyQtでGUIのボタンを押したときの「応答なし」を回避したい

Djangoで簡易的なブログアプリを作成しています。
フォームにタイトルと本文を入力している時に、うっかりブラウザの更新や戻る、次へ等のボタンを押してしまった場合にもフォームの入力内容を保持するにはどうしたら良いでしょうか？

model.py
```python
class Post(models.Model):
    user = models.ForeignKey(User, on_delete=models.CASCADE)
    title = models.CharField(max_length=255)
    content = models.TextField()
```
forms.py
```python
class PostForm(ModelForm):
    class Meta:
        model = Post
        fields = ['title', 'content']
```
views.py
```python
class PostCreateView(CreateView):
    model = Post
    form_class = PostForm
    success_url = reverse_lazy('post:create_done')

    def form_valid(self, form):
        form.instance.user_id = self.request.user.id
        post = form.save()
        return redirect('post:create_done')
```

Djangoでフォームの入力内容を保持（ブラウザの更新や戻る次へをしても）するにはどうしたら良いのでしょうか？

### やりたいこと

三次元の散布図をプロットした際に、特定のプロットを原点を中心にz軸上に回転運動し、それに伴い他のプロットも同様の回転運動をさせるプログラムを作成したいのですが、見当がつきませんでした

申し訳ございません、表記が抽象的でしたので追記です
(x,y,z)=(-3,3,5)の点における原点からの距離をrとしたときに
(x',y',z')=(0,0,r)という座標に変換を行いたい、それにともなった他のプロットの移動を行いたいということです

```python
import numpy as np
X = [0, 1, -3, 5] 
Y = [0, -10, 3, 10]
Z = [0, 5, 5, -10]
#原点を中心に(x,y,z)=(-3,3,5)のプロットをz軸上に回転移動したい
#ほかのプロットも同様の回転移動をさせたい
import matplotlib.pyplot as plt

from mpl_toolkits.mplot3d import Axes3D

fig = plt.figure()
ax = Axes3D(fig)

ax.set_xlabel("X")
ax.set_ylabel("Y")
ax.set_zlabel("Z")

ax.plot(X,Y,Z,marker="o",linestyle='None')

plt.show()
```

### 調べたこと
クォータニオンによるオイラー角への変換などが調べると出てきますが、理解が及びませんでした

pythonで三次元座標の回転移動を行いたい

### 前提・実現したいこと
PythonでYoutube Liveのアーカイブからチャットを取得したいです。
こちらのサイトのコードをほぼそのまま使用しています。
https://github.com/geerlingguy/youtube_chat_crawler/blob/master/YoutubeChatReplayCrawler.py
コードは下記について変更しています。
→youtubeの動画IDを引数としてvideo_idに入れているのを、初めからtarget_urlに打ち込んでいます。したがって、引数の長さを判別する箇所もコメントアウトしています。
### 発生している問題・エラーメッセージ
pyファイルを実行し作成されるテキストファイル(comment_data.txt)を開いても中身が空っぽです。
cmd,Visual Studio Code共にエラーメッセージは発生していません。
指定した動画からコメントを取得する流れのどこかで想定通りに動いていないと思われますが、
解決策が分からなくて困っています。
### 該当のソースコード
```Python
#!/usr/bin/env python3
from bs4 import BeautifulSoup
import ast
import requests
import re
import sys
# Verify user supplied a YouTube URL.
#if len(sys.argv) == 1:
#   print("Please provide a YouTube URL (e.g. ./YoutubeChatReplayCrawler.py YOUTUBE_VIDEO_URL)")
#   sys.exit(0)
# Produce a valid filename (from Django text utils).
def get_valid_filename(s):
   s = str(s).strip().replace(' ', '_')
   return re.sub(r'(?u)[^-\w.]', '', s)
# Set up variables for requests.
#target_url = sys.argv[1]
target_url = "https://www.youtube.com/watch?v=mOBvvwCosE4" #←適当に選んだ動画のURL
dict_str = ''
next_url = ''
comment_data = []
session = requests.Session()
headers = {'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36'}
# Get the video page.
html = session.get(target_url)
soup = BeautifulSoup(html.text, 'html.parser')
# Retrieve the title and sanitize so it is a valid filename.
title = soup.find_all('title')
title = title[0].text.replace(' - YouTube', '')
title = get_valid_filename(title)
# Regex match for emoji.
RE_EMOJI = re.compile('[\U00010000-\U0010ffff]', flags=re.UNICODE)
# Find any live_chat_replay elements, get URL for next live chat message.
for iframe in soup.find_all("iframe"):
   if("live_chat_replay" in iframe["src"]):
       next_url = iframe["src"]
if not next_url:
   print("Couldn't find live_chat_replay iframe. Maybe try running again?")
   sys.exit(0)
# TODO - We should fail fast if next_url is empty, otherwise you get error:
# Invalid URL '': No schema supplied. Perhaps you meant http://?
# TODO - This loop is fragile. It loops endlessly when some exceptions are hit.
while(1):
   try:
       html = session.get(next_url, headers=headers)
       soup = BeautifulSoup(html.text, 'lxml')
       # Loop through all script tags.
       for script in soup.find_all('script'):
           script_text = str(script)
           if 'ytInitialData' in script_text:
               dict_str = ''.join(script_text.split(" = ")[1:])
       # Capitalize booleans so JSON is valid Python dict.
       dict_str = dict_str.replace("false", "False")
       dict_str = dict_str.replace("true", "True")
       # Strip extra HTML from JSON.
       dict_str = re.sub(r'};.*\n.+</script>', '}', dict_str)
       # Correct some characters.
       dict_str = dict_str.rstrip(" \n;")
       # TODO: I don't seem to have any issues with emoji in the messages.
       # dict_str = RE_EMOJI.sub(r'', dict_str)
       # Evaluate the cleaned up JSON into a python dict.
       dics = ast.literal_eval(dict_str)
       # TODO: On the last pass this returns KeyError since there are no more
       # continuations or actions. Should probably just break in that case.
       continue_url = dics["continuationContents"]["liveChatContinuation"]["continuations"][0]["liveChatReplayContinuationData"]["continuation"]
       print('Found another live chat continuation:')
       print(continue_url)
       next_url = "https://www.youtube.com/live_chat_replay?continuation=" + continue_url
       # Extract the data for each live chat comment.
       for samp in dics["continuationContents"]["liveChatContinuation"]["actions"][1:]:
           comment_data.append(str(samp) + "\n")
   # next_urlが入手できなくなったら終わり
   except requests.ConnectionError:
       print("Connection Error")
       continue
   except requests.HTTPError:
       print("HTTPError")
       break
   except requests.Timeout:
       print("Timeout")
       continue
   except requests.exceptions.RequestException as e:
       print(e)
       break
   except KeyError as e:
       error = str(e)
       if 'liveChatReplayContinuationData' in error:
           print('Hit last live chat segment, finishing job.')
       else:
           print("KeyError")
           print(e)
       break
   except SyntaxError as e:
       print("SyntaxError")
       print(e)
       break
       # continue #TODO
   except KeyboardInterrupt:
       break
   except Exception:
       print("Unexpected error:" + str(sys.exc_info()[0]))
# Write the comment data to a file named after the title of the video.
with open(title + ".json", mode='w', encoding="utf-8") as f:
   f.writelines(comment_data)
print('Comment data saved to ' + title + '.json')
```
### 試したこと
・実行時、すぐ"Couldn't find live_chat_replay iframe. Maybe try running again?"と表示されるので、while(1):のループに入る前を見ていけば良いと考えました。
・そこで、デバッグによって各変数の状態を確認したところ、next_url=""のままでした。よって、>>if("live_chat_replay" in iframe["src"]):は一度もTrueにならなかったと考えています。（Trueなら何かしら代入されているため）
・上記条件式で使用されるiframeの中にはいろんなタグが入っていました。"src"に関係ありそうな箇所（自信ないです）を載せておきます。
<iframe src="https://accounts.google.com/ServiceLogin?uilel=3&amp;hl=ja&amp;service=youtube&amp;passive=true&amp;continue=https%3A%2F%2Fwww.youtube.com%2Fsignin%3Ffeature%3Dpassive%26next%3D%252Fsignin_passive%26hl%3Dja%26action_handle_signin%3Dtrue%26app%3Ddesktop" style="display: none"></iframe>
iframeを見ても何を確認してどうすれば良いかわからなくなり手詰まりの状態になっています。。
### 補足情報（FW/ツールのバージョンなど）
python         3.6.5
beautifulsoup4 4.9.1
使用PC:
Surface Pro 5
Windows 10

YouTube Liveのアーカイブからチャットを取得するコードを模写したが上手くいかない @Python

Pythonでは
a = {'v': 3}とは書けますが
a = { v: 3 }とは書けません。
JavaScriptでは書けるのに。

なんでなんでしょうか？

Pythonのオブジェクトのプロパティはなぜクォートで囲む必要があるのか？

[リンク内容](https://gyazo.com/540a573029e6f838b48d012a740443f0)
ナビゲーションメニューに対して、マウスホバーしたときにフォントを太くする様に、jQueryとcssを用いて実装したのですが、上記のリンクの様に、ホバーした要素が太くなった分ほかの要素の位置が動いてしまうのですが、どの様にしたらこれを防げるでしょうか？

自分なりに調べたのですが、良い解決法を見つけられなかったので質問させていただきました。
解決法がわかる方、是非ご教授お願いいたします。

コードは下記です。

```html
<header class="header-section">
  <div class="header-container">
    <div class="header-logo-container">
      <img src="img/header-logo.png" class="header-logo" />
    </div>
    <div class="header-nav-container">
      <nav class="header-nav">
        <ul class="header-list">
          <li class="header-list-items">
            <a href="#about" class="header-list-item">About</a>
          </li>
          <li class="header-list-items">
            <a href="#works" class="header-list-item">Works</a>
          </li>
          <li class="header-list-items">
            <a href="#service" class="header-list-
            item">Services</a>
          </li>
          <li class="header-list-items">
            <a href="#contact" class="header-list-item">Contact</a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</header>
```
```css
.header-section {
  width: 100%;
  position: fixed;
  z-index: 2;
}

.header-container {
  display: flex;
}

.header-logo-container {
  width: 8%;
}

.header-logo {
  width: 100%;
}

.header-nav-container {
  width: 90%;
}

.header-nav {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.header-list {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
}

.header-list-items {
  font-size: 3rem;
  transition: 0.4s;
  text-align: center;
}

.header-list-item {
  color: black;
  text-decoration: none;
}

.header-list-items::after {
  content: '\a-自己紹介-';
  white-space: pre;
  font-size: 1rem;
}
```
```javascript
{
  $(function() {
    $('.header-list-item').hover(
      function() {
        $(this).css('font-weight', 'bolder');
      },
      function() {
        $(this).css('font-weight', 'normal');
      }
    );
  });
}
```

マウスホバーで要素を大きくした時に、他の要素が動かない様にするにはどうしたら良いでしょうか？

### 前提・実現したいこと

mod_wsgiを使ってPythonをApacheで動かしたいと考えています。

CentOSを使用しています。

### 発生している問題・エラーメッセージ

以下構文のとおり、Python3.6をソースコードからコンパイルしてインストールしたいのですが、
```
$ cd /usr/local/src
$ curl -O https://www.python.org/ftp/python/3.6.0/Python-3.6.0.tgz
$ tar zxf Python-3.6.0.tgz 
$ cd Python-3.6.0
$ ./configure --enable-shared --prefix=/usr/local LDFLAGS="-Wl,-rpath /usr/local/lib"
$ make & make altinstall
```

cd Python-3.6.0を実行すると、Permission deniedとなります。

![イメージ説明](908525d57475bde0b5d747c08ded8682.png)

### 試したこと

上記いくつかの構文の分末に --user を追記ましたが、構文が実行されませんでした。

お手数をおかけしますが、原因と対策を教えて頂けないでしょうか？

mod_wsgiを使ってPythonをApacheで動かしたい（cd Python-3.6.0がエラーになる）

### asyncでデータを取得するとき、データがうまく設定できない

ReactでAPIからデータを取得して小コンポーネントに値を渡したいのですが、非同期で取得するため値を渡すときデータが空になってしまいます。
この場合どのように書けば、値を設定した後に渡せるでしょうか？
個人的にはhooks使う形になるのかなと思っています。何か良い方法があれば教えていただきたいです。

```tsx
import Child from '/child'

const Component = ({children}: Props) => {
  const getData = async () => {
    return await axios.post('localhost:8080/data').then(r => r.data.token)
  }

  const link = {
    uri: '/data',
    data: getData() 
  }

  return <Child link={link}>{children}</Child> // この時点ではdataの値が空のままlinkに渡ってしまう
}

```

asyncでAPIを叩いて取得した値を使用したい

### 前提・実現したいこと

python初心者です。
python seleniumでフォームを自動送信するプログラムを作っています。
ドロップダウンから選択肢を選択するプログラムが分からなくて悩んでいます。
ネット上いろいろと探してみましたがHTMLの構成が違っていたりとよく理解できませんでした。
そこで質問させていただきました。



### 該当のソースコード

```HTML
<div class="dropdown mb20">
  <a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-default btn-sm ng-binding" data-target="#" href="javascript:void(0);" aria-expanded="false">
    --
    <span class="caret"></span>
  </a>
  <ul ng-model="hour" ng-class="{ aOS4_1Select: isAndroidVersion41 }" class="dropdown-menu multi-level ng-pristine ng-untouched ng-valid ng-empty" role="menu">
      <li><a ng-click="hourChange('','--')">--</a></li>
      <li><a ng-click="hourChange('0','00')">00</a></li>
      <li><a ng-click="hourChange('1','01')">01</a></li>
      <li><a ng-click="hourChange('2','02');">02</a></li>
      <li><a ng-click="hourChange('3','03');">03</a></li>
      <li><a ng-click="hourChange('4','04');">04</a></li>
      <li><a ng-click="hourChange('5','05');">05</a></li>
      <li><a ng-click="hourChange('6','06');">06</a></li>
      <li><a ng-click="hourChange('7','07');">07</a></li>
      <li><a ng-click="hourChange('8','08');">08</a></li>
      <li><a ng-click="hourChange('9','09');">09</a></li>
      <li><a ng-click="hourChange('10','10');">10</a></li>
      <li><a ng-click="hourChange('11','11');">11</a></li>
      <li><a ng-click="hourChange('12','12');">12</a></li>
      <li><a ng-click="hourChange('13','13');">13</a></li>
      <li><a ng-click="hourChange('14','14');">14</a></li>
      <li><a ng-click="hourChange('15','15');">15</a></li>
      <li><a ng-click="hourChange('16','16');">16</a></li>
      <li><a ng-click="hourChange('17','17');">17</a></li>
      <li><a ng-click="hourChange('18','18');">18</a></li>
      <li><a ng-click="hourChange('19','19');">19</a></li>
      <li><a ng-click="hourChange('20','20');">20</a></li>
      <li><a ng-click="hourChange('21','21');">21</a></li>
      <li><a ng-click="hourChange('22','22');">22</a></li>
      <li><a ng-click="hourChange('23','23');">23</a></li>
    </ul>
</div>



<div class="row formBtnCnt">
    <div class="col-xs-12">
      <button type="button" class="btn btn-primary btn-lg" ng-disabled="frm.$invalid" ng-click="update()">内容を確定する</button>
    </div>
  </div>
```

### 試したこと

xpath

### 補足情報（FW/ツールのバージョンなど）

初心者なため質問の仕方が分かりにくいところがありますがよろしくお願いします。

python seleniumでドロップダウンをクリックする方法

###質問
Pythonではunittestモジュールを使ったユニットテストが一般的なテスト方法だと思います。調査した所、関数、あるいはクラスへのテストはunittestモジュールでできることはわかりました。
ただ、unittestを使って標準入出力を含む「1つの.pyファイルへのテスト」ができるのかが分かりませんでした。
このような場合は、どのようにテストすれば良いのか(どんなテストモジュールならいけるか）ご存知でしたらご教示願えますでしょうか？

###具体的な例
下記のようなname.pyファイルがあり、標準入力値"wanko"で標準出力"wanko wanko"が期待されているという状況があった場合、どんなテストモジュールを使ってテストをやればよいか？

```python
#name.pyのコード
name = input()
print(name,name)
```
###質問の背景
Pythonビギナーです。
現在paizaでPyhonのコードのオンラインジャッジを行っております。
オンラインジャッジのシステムでは標準入力を受け取り、標準出力へ正しい結果が出ているかを判定しております。提出コードへ変更を加えずにテストを行いたいと考えており、この度質問いたしました。

###試したこと
自作でsubprocessとPepoenを利用しstdin,stdoutを操作して、
ファイルに対してテストができるコードを書きましたが、なんというか車輪の再開発感がもりもりしています。
つらいです。
```python
#ファイルに対してテストを行うモジュール
import subprocess
from subprocess import Popen,PIPE

# -------ここから変更--------
#テストを行うファイル名
test_filename = "name.py"

#""" """の間に標準入力テストデータを貼り付ける
input_d ="""
wanko
"""
#""" """の間に期待する標準出力結果を貼り付ける
expect_d = """
wanko wanko
"""
# -------ここまで--------
run_cmd = "python " + test_filename

input_d = input_d[1:] # スライスで行頭削除 : 改行単位でinput()が実行される
expect_d = expect_d[1:] # スライスで行頭削除 : stdoutは行末に改行を含む

p = Popen(run_cmd,
          stdin=PIPE,stdout=PIPE,stderr=subprocess.PIPE,
          universal_newlines=True)

p.stdin.write(input_d) # stdin実行
stdout = p.communicate()[0] # stdout取得

#結果の表示
print("[{} stdout]\n{}".format(test_filename,stdout))
print("[expect]\n{}".format(expect_d))

if(expect_d != stdout):
    print("***TEST NG***")
else:
    print("!!!TEST OK!!!")
```