常連

注目の的

社会貢献

質問力

質問者

模範生

AWS lambda selenium webdriverでスクリーンショット取得するようにしていますが、文字化けがなかなか解消しません

以下のサイトを参考にしてフォントを設置しております。
https://masakimisawa.com/selenium_headless-chrome_python_on_lambda/

実行時にフォントがうまく置かれているか出力確認するようにして
問題なく設置できていると思っております。


別途こちらのサイトも参考にやってみましたが、
フォントキャッシュの生成というのがうまくできませんでした。
https://qiita.com/komeda-shinji/items/e049edd1389579059c53

その他簡単な方法がありましたら教えていただければと思います。
(公開されているフォントのlambdaレイヤーのARNとかありますか？)


```python
import os
import glob

from selenium import webdriver
from ftplib import FTP_TLS


localpath = "/tmp/"
ftppath = "####/test/"


# webdriber.chrome option 設定
options = webdriver.ChromeOptions()
options.add_argument("--headless")
options.add_argument("--disable-gpu")
options.add_argument("--window-size=1704x1078")
options.add_argument("--disable-application-cache")
options.add_argument("--disable-infobars")
options.add_argument("--no-sandbox")
options.add_argument("--hide-scrollbars")
options.add_argument("--enable-logging")
options.add_argument("--log-level=0")
options.add_argument("--v=99")
options.add_argument("--single-process")
options.add_argument("--ignore-certificate-errors")
options.add_argument("--homedir=/tmp")
options.binary_location = "/opt/bin/headless-chromium"



#FTPS でファイルを 1 件アップロード
def push(local_path: str,remote_path: str) -> None:
    hostname = "##########" 
    username = "##########"
    password = "##########"

    with FTP_TLS(host=hostname, user=username, passwd=password) as ftp:
        print("UPLOAD--- " + hostname + "  " + local_path + " ---> " + remote_path)
        ftp.storbinary('STOR {}'.format(remote_path), open(local_path, 'rb'))
        


def lambda_handler(event, contxt):

    print("--------------------------------")
    print("環境変数",os.environ['HOME'])

    print("----- /opt/.font")    
    files = os.listdir("/opt/.font")
    for file in files:
        print(file)

    print("----- os.environ['HOME']")    
    files = os.listdir(os.environ['HOME'])
    for file in files:
        print(file)
        
    print("--------------------------------")
    
    url = "https://www.yahoo.co.jp/"

    driver = webdriver.Chrome("/opt/bin/chromedriver", chrome_options=options)

    print("接続--> "+url)

    driver.set_window_size(1200, 1200)
    driver.get(url)
    time.sleep(3)

    imgname = localpath + "screenshot.png"
    
    # スクリーンショット
    driver.get_screenshot_as_file(imgname)
    print("画像保存 "+imgname)

    driver.close()


    files = glob.glob(localpath+"*.png")
    for file in files:
        if os.path.isfile(file):
            filename = os.path.basename(file)
            ftpfile = ftppath + str(filename)
            localfile = localpath+str(filename)
            #print(localfile," --> ",ftpfile)
            push(local_path=localfile,remote_path=ftpfile)

            #ファイル削除
            #os.remove(localfile)

    print()

    return "ok"
    
```

実行結果
```
--------------------------------
環境変数 /opt/
----- /opt/.font
NotoSansCJKjp-Regular.otf
NotoSansMonoCJKjp-Regular.otf
ipaexg.ttf
ipaexm.ttf
----- os.environ['HOME']
.font
bin
python
--------------------------------
接続--> https://www.yahoo.co.jp/
画像保存 /tmp/screenshot.png
UPLOAD--- #########  /tmp/screenshot..png ---> #####/test/screenshot..png
```

AWS lambda selenium webdriverによるスクリーンショットで文字化け

### 前提・実現したいこと

漠然とした質問ですみません。
pythonのGUIはどのように作ればいいでしょうか

★実際にはpythonでなくてもShapeファイルの操作が出来れば
　.netでもいいのですが私が知っていて使いやすそうなのが
　pythonだというだけの話です。

GUIの要件は以下のようなものを考えています。
・ファイルを指定
・実行と結果の確認

場合によっては
・ファイルの中身を変更するパラメーターを指定
　Shapeファイルの列名を画面で一覧表示し、それぞれ変換方法を指定する
　といったような操作をイメージしています

好きにしろと言われそうな気もしますが意見を聞きたくて質問します。
良い組み合わせを教えて頂けるのでも嬉しいです。
質問内容にshapeファイルの操作云々を記載していますが
shapeファイルに関係ない回答で構いません。よろしくお願いします。

### 発生している問題・エラーメッセージ

現在はpythonのプログラムにコマンド引数で指定したり
プログラムにパラメータを埋め込みで実行しています。
ただ、これでは使いにくい。
画面でパラメータを指定して実行出来るようにしたい。

### 試そうとしている事１

tkinterを使って画面を作る

tkinterを使ったのはサンプルでダイアログみたいなのを作ってみた程度でしかないのですが
デザインのコードを自分で記述しないといけないというのと
pythonの実際の処理の部分がわかりにくくなるという印象から忌避感があります。
食わず嫌いでしょうか…

### 試そうとしている事２

こちらは自分の知ってる範囲で想像する無理やりな感じで
実現可能かどうかもわからないですが

.netで画面を作る。comにする。win32comでpythonから呼び出す。
イベントは
[https://serverless.hateblo.jp/entry/2018/11/27/010511](https://serverless.hateblo.jp/entry/2018/11/27/010511)
が参考になりそう？

と言った感じですが、こっちの方がtkinterより大変？
ただ画面はやっぱり作りやすい印象があります。

### 試そうとしている事３

.netで画面を作って、その画面からpythonのプログラムを実行させる。
コマンド引数で指定したり、パラメータファイルで内容をやり取りしたり
しないといけないですが「試そうとしている事２」よりはシンプルかなと思ってます。


### 補足情報（FW/ツールのバージョンなど）

windows10
Python 3.9.2

（解決済みにしてからの追記）
色々回答ありがとうございます。
ベストアンサーは、Excelの機能を使えるVBAということにさせて頂きました。
理由は、シートでパラメータとしての入力内容や処理結果を表示したり後に残せたりすること
フォームも必要であればVBAで画面を作れるし、呼び出し方もhtaや.netとそれほど変わりないためです。
**これは用途がバッチ起動用GUIなのでtkinter等のようにイベント毎にpythonで処理をさせたいというのが少ないため起動パラメーター設定と結果出力のGUI部分と処理の実体は独立した方がプログラムとして見通しが良く、独立させるならGUI部分はpythonである必要が無いと言う理由からです**
ただExcelを必ず起動して処理しないといけないので、シートを扱う必要がない場合には
他の選択肢が良いのかなと思っています。

htaもお手軽さという点でよいのですが、.netのGUIを作れる状況でという条件が付いていましたので
作れる状況であるなら.netの方が扱いやすいと考えました。

pysimpleguiは、tkinterがとっつきにくかったのに比べ、容易に扱えそうな感じがしたので
pythonオンリーの場合良いかと思います。pipでインストールしないといけない点だけが
tkinterの方が優位な点だと思っています。

GUIビルダに関しては、pythonのGUIを画面でデザイン出来るので使いこなせるようになれば
優位になるかと感じました。

QGISに関しては確かにpythonを実行できるGUI.デスクトップアプリケーションです
Shapeを扱う上でも色々な機能があると思うので良いと思っています。
shapeの図形的な結果を見たい場合はこれがよいと思います
pythonでも図形的な結果を見れますがQGISの方が詳細に見易いし、図形と属性の紐付きも分かりやすいかと思います
ただpythonの処理を流すためのGUIというより逆でデスクトップアプリケーションのマクロ言語と感じています。

まだまだそれぞれ習熟していないので、私の印象が正しいかどうかわかりませんし
本当にどれがベストなのかわかっていないと思うのですが、一先ずベストアンサーを選びました。

用途や状況に応じて回答頂いた内容がそれぞれ役に立つと感じています。
ありがとうございました。

と書いているとデスクトップアプリのMVCでMがpythonの場合でV、Cは何が良いかと言う質問な感じがしてきました。Cがあやふやです。いやそんな話じゃなくてGUIの部分とバッチ処理のデータのやり取りを簡略化するにはどうすれば良いかと言う問題が残ってる気がします。
pythonオンリーなら、この問題は少し簡単になりますね。GUIをVBA,.netにした場合、ファイルでのパラメータのやり取りになると思いますが、やはりjsonでやり取りするのがしやすいのでしょうか。vbaからだと[【EXCEL VBA】VBA-JSONを導入したい（2020年度版）](https://vba-labo.rs-techdev.com/archives/1401)これでしょうか。
[MIT license](https://yamory.io/blog/about-mit-License/)のようなので記載だけ気をつけないとかな。

当面はcsvか、独自フォーマットでいいかな。

pythonのGUIはどのように作ればいいでしょうか

react,typescriptを使っています。
google-map-reacrを使いピンをした場所の名前を取得したいです。
ピンした場所の緯度と経度は取得できたのですが場所の名前が取得できず困っています。
ご教授おねがしいたいです。


下記の記事を参考にして実装しました。
[zenn.dev/tiwu_dev/articles/2df43542918961](http://zenn.dev/tiwu_dev/articles/2df43542918961)


```ここに言語を入力
const [map, setMap] = useState(null);
  const [maps, setMaps] = useState(null);
  const [marker, setMarker] = useState(null);
  const defaultLatLng = {
    lat: 35.68944,
    lng: 139.69167,
  };
  const handleApiLoaded = (object) => {
    setMap(object.map);
    setMaps(object.maps);
  };
  const setLatLng = ({ lat, lng }) => {
    if (marker) {
      marker.setMap(null);
    }
    const latLng = {
      lat,
      lng,
    };
    setMarker(
      new maps.Marker({
        map,
        position: latLng,
      }),
    );
    map.panTo(latLng);
  };
  return (
    <div className="flex justify-center">
      <div style={{ height: '300px', width: '300px' }}>
        <GoogleMapReact
          bootstrapURLKeys={{ key: process.env.MAP }}
          defaultCenter={defaultLatLng}
          defaultZoom={10}
          onClick={setLatLng}
          onGoogleApiLoaded={handleApiLoaded}
        />
      </div>
    </div>

```

react Google map で場所を取得したい

reactを使い、Weather Apiからデータを取得・検索し画面に表示させたいのですが、下記のエラーが出ており、表示できない状態です。

> Error: Objects are not valid as a React child (found: object with keys {coord, weather, base, main, visibility, wind, clouds, dt, sys, timezone, id, name, cod}). If you meant to render a collection of children, use an array instead.

該当エラー箇所
> src/Weather.js:59
  56 | useEffect(() => {
  57 |     // const key = 'be690936e66de4f05bda2ccf9f534c2c';
  58 |     axios(`http://api.openweathermap.org/data/2.5/weather?q=country&lang=ja&appid=be690936e66de4f05bda2ccf9f534c2c`).then((res) => {
> 59 |         setValue(res.data);
     | ^  60 |         setWeather(res.data.weather[0].description);
  61 |         setTemperature(res.data.main);
  62 |         setImg(`http://openweathermap.org/img/wn/res.data.weather[0].icon.png`);

package.json

> {
  "name": "weather-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "axios": "^0.21.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}


追加箇所

> xhr.js:177 GET http://api.openweathermap.org/data/2.5/weather?q=city&appid=%22be690936e66de4f05bda2ccf9f534c2c%22 401 (Unauthorized)

> createError.js:16 Uncaught (in promise) Error: Request failed with status code 401
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.handleLoad (xhr.js:62)

コード

```
import { Button, Paper, TextField } from "@material-ui/core";
import React, { useState, useEffect } from "react";
import SendIcon from "@material-ui/icons/Send";
import axios from "axios";

const Weather = () => {
  const [value, setValue] = useState("");
  const [temp, settemp] = useState("");
  const [typecity, settypecity] = useState("");
  const [city, setcity] = useState("Delhi");
  const [img, setimg] = useState("");
  const [disc, setdisc] = useState("");

  const citySelect = (e) => {
    e.preventDefault();
    setcity(typecity);
  };
  useEffect(() => {
    axios.get(
      `http://api.openweathermap.org/data/2.5/weather?q=city&appid="自身のAPI"`
    ).then((res) => {
      setValue(res.data);
      settemp(res.data.main);
      setimg(
        `http://openweathermap.org/img/wn/res.data.weather[0].icon.png`
      );
      setdisc(res.data.weather[0].description);
    });
  }, [city]);

  return (
    <div>
      <Paper className="paper">
        <form onSubmit={citySelect} className="elementcenter">
          <TextField
            placeholder="type city here"
            value={typecity}
            onChange={(e) => settypecity(e.target.value)}
          />
          <Button type="submit">
            <SendIcon />
          </Button>
        </form>
        <h6 className="fontcss">{value.name}</h6>
        <img src={img} alt="weather icon" className="imgcss" />
        <h6 className="fontcss">{disc}</h6>
        <div className="elementcenter">
          <p>
            Min <br />
            {`${Math.floor(temp.temp_min - 273.15)}° C`}
          </p>
          <h6 className="fontcss">{`${Math.floor(temp.temp - 273.15)}° C`}</h6>
          <p>
            Min <br />
            {`${Math.floor(temp.temp_max - 273.15)}° C`}
          </p>
        </div>
      </Paper>
    </div>
  );
};

export default Weather;


```

[react] Weather API からデータを取得・検索し画面に表示させたい。

### 前提・実現したいこと

現在vue.jsの基礎勉強のためtodoアプリを作っています！
![イメージ説明](9e92065c95ae7ca184a75b565209485e.png)


### 発生している問題・エラーメッセージ

上のTitleの部分のinputタグにテキストを記入し、Enterキー押して
下のリストにvue.jsで表示していきたいのですが、

Enterキーを押すとページが更新されてしまい、
リストに記録が残りません。


### 該当のソースコード

```HTML
  <div id="app">
    <section class="main">
      <div class="addMenu">
        <form class="addMenu__items">
          <input 
          autofocus 
          autocomplete="off" 
          class="addMenu__text" 
          type="text" 
          placeholder="Title..." 
          v-on:keyup.enter="addToDo" 
          v-model="newToDoTitle"
          >
        </form> 
      </div>

      <div class="listWrapper">
        <ul id="lists" class="list__items">

          <li class="list__item" v-for="toDo in toDos">
            <input 
            class="list__item__checkbox" 
            id="scales" 
            name="scales"
            type="checkbox" 
            >
            <label for="scales">{{ toDo.title }}</label>
          </li>      
              
        </ul>
      </div>
    </section>
  </div>


  <script>
    let app = new Vue({
      el: '#app',
      data: {
        newToDoTitle: null,
        toDos: [
          {title: 'test'},
          {title: 'test'},
          {title: 'test'},
        ] 
      },

      methods: {
        addToDo() {
          this.toDos.push({title: this.newToDoTitle});
        }
      }
    });
  </script>

```

### 補足情報（FW/ツールのバージョンなど）

Vue.jsのとても初心者で、解決方法が見出せませんでした。
どなたか教えていただけないでしょうか。

Vue.jsでto doアプリを作りたい

### 前提・実現したいこと

AWSのAPIGatewayにてエラー時に500でレスポンスを返したいと考えて以下のページを参照して設定しましたが、意図する500エラーが返ってこずに200のレスポンスのままとなっております。どうすれば500のレスポンスコードでステータスを返却することができるでしょうか。すいませんがご教示お願いします。

[https://qiita.com/syuni/items/304040949f1d29a28d65](https://qiita.com/syuni/items/304040949f1d29a28d65)

### 発生している問題・エラーメッセージ

以下の様な状況です

![イメージ説明](cfc0df8b3318e3f84d977f44c2ac9b3c.png)


・メソッドレスポンス
![イメージ説明](025f9b8726489549be2d8af009363ae0.png)

・統合レスポンス
![イメージ説明](acdd7799f4a5c05fc66f2f14eb2ed353.png)

・Lambdaでの実行結果
![イメージ説明](59362d3439c01b442b99a6d4dd28db3a.png)


### 該当のソースコード
ひとまずLambdaは以下の様な感じです。
```python
def lambda_handler(event, context):
  try:
　　#なんか適当な処理
    return result
  except Exception as e:
    LOGGER.error(traceback.format_exc())
    raise InternalFunctionError(
          500,[{'message': 'InternalServerError'}]  
    )
```

### 試したこと

APIGatewayの設定も見直してみましたがうまくいきません。
何か手掛かりになる情報などでも構いません。ご教示いただけますでしょうか。

AWS APIGateway

AWSを使用してアンケートサイトを作成したいと思っています。
条件としては以下なのですが、AWSのどのようなサービスを組み合わせて
作成するのがよいかアドバイスいただけないでしょうか？
　
　・なるべく短期間で簡単に作りたい
　・ログイン管理は必要だが、Cognitoより簡易にできるものがよい
　・アンケート結果はDBに格納したい
　・サーバレス

AWSを使用して簡単にアンケートサイトを作りたい。

以下の記事を参考にして、AWSサービスを使ってオウム返しLINEbotを制作しています。
[【今日から始めるAWS】LambdaでLINEのbotをつくる](https://qiita.com/theFirstPenguin/items/8168e8ba3d65e34c24e0)

"LINE webhookの設定"まで完了したのですが、メッセージを送信してもエラーが発生してしまいます。

CloudWatchのログ内容は以下になります。
```CloudWatchlog
2020-09-03T06:19:00.354Z	undefined	ERROR	Uncaught Exception 	{
"errorType":"Runtime.HandlerNotFound",
"errorMessage":"index.handler is undefined or not exported",
"stack":["Runtime.HandlerNotFound: index.handler is undefined or not exported",
"    at Object.module.exports.load (/var/runtime/UserFunction.js:144:11)",
"    at Object.<anonymous> (/var/runtime/index.js:43:30)",
"    at Module._compile (internal/modules/cjs/loader.js:1138:30)",
"    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)",
"    at Module.load (internal/modules/cjs/loader.js:986:32)",
"    at Function.Module._load (internal/modules/cjs/loader.js:879:14)",
"    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)",
"    at internal/main/run_main_module.js:17:47"]}

```

index.jsが実行できていないエラーが発生しました。
調べたところ、同様の問題が発生した記事を見つけました。
[参考記事1](https://stackoverflow.com/questions/57342817/how-to-solve-runtime-handlernotfound-error-in-aws-lambda)
[参考記事2](https://lealog.hateblo.jp/entry/2016/01/12/170723)

解決法に書いてあるようにハンドラ名が間違っていないか確認したところ、"index.handler"になっていました。
![ハンドラ設定](fd5fba73ce83dcfa247da1c17adcaf9a.png)
どこか他に設定周りでミスが有るのではないかと思うのですが、わかりません。

ご教示お願い致します。

ハンドラが見つからず、index.jsを実行できない

### 前提・実現したいこと


ARアプリの開発をしたくなり、UnityでARFoundationを使った開発を学びたいと思っている者です。
Unity自体も初心者なので、合わせて学習を始めています。
書籍や記事を使ってARの学習をしようとしているのですが、ARFoundationを使わない(ARkitとARCoreのみの)環境で開発する情報だったり、ARFoundationについての情報もバージョンが違い混乱する、といった感じで思う様に学習が進みません。

現環境でもっとスムーズに学習を進める為のおすすめの方法や、具体的な書籍等はありますか？
周りにARを学習している人がなかなか見つからないので、皆様の学習法も共有してもらえると嬉しいです。


開発環境は以下の通りです。
MacBook Pro (Mid 2012) OS Catalina
iPhone 8plus iOS 13.5.1

XCode Version 11.6
Unity 2019,3,15f1
AR Foundation 4.0.2
ARkitXR Plugin 4.0.2 
### 試したこと

ARFoundationに関する初学者向けの記事等を見ながら実際にビルドしてみてはいるのですが、上手くいかない事が多いです。(平面検出をした後タップするとオブジェクトを設置する、といった動作がしたくてもDefaultPlaneが宙に浮いてしまう、等)



お見苦しい点が多いかと思いますが、ご回答頂ければと思います。