常連

注目の的

自己紹介

現在、WEBアプリを作りたいと思い外注をする予定です。

（11月中旬頃開始確定、知識販売系のWEBアプリ）。
私のレベルですが（１）Rubyは少しわかる（プログラミングスクール卒業し、自分で勉強中）が
職業エンジニア出ないので詳しくはないレベルです

要件定義を行いWEBアプリを作って頂こうと持っているのですが独力では限界がきてしまいました。

インターネットで
（１）要件定義
（２）テーブル作成
（３）ER図
など必要なのはわかるのですが
https://pm-rasinban.com/rd-process

実際に要件定義を公開しているサイトにしっくりしているのが見つからず
（あればそちらを真似して作りたく）
参考にできるものが探しきれなく悩んでいます。
また恥ずかしながら画面遷移図、ER図など無料のものをしようしたいと思うのですが
試用期間は無料であとは有料などしか見つけきれませんでした
（できれば無料で作りたい）

ググり力が少なく、お聞きするのは恥ずかしいのですが
批判を浴びるのは承知で

要件定義を行うにあたり
（１）これだけは読め！というサイト
（３）経験上のアドバイス（特に初心者への注意点）
（４）要件定義で失敗、炎上したパターン（こちらを参考に失敗しないようにする為）
（５）無料でのER図、遷移図を使用できるサイト
（６）実際に要件定義を公開しているサイト、特に情報をアップして販売するサイトの要件定義

のアドバイスをいただきたく。

特に（５）、（６）の情報があれば嬉しいです。

何卒有識者の皆様にお知恵を拝借できればと思っております。

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
『頂きました意見要約』となります

１：要件定義の基礎から学習
　https://www.amazon.co.jp/dp/B00RKWXDE6/
２：やりたい事、画面構成、機能構成などを優先して検討：なにをするかまず固める
３：１を踏まえ、自身では力不足なので作成は専門知識のある方に相談をして進める
４：２を元に外注先に追加費用で要件定義をしてもらえないか相談してみる
５：今後の保守のためにドキュメントの整備も含めて相談する
６：３が完了すればまずはリスクを考慮しながらも実行、４も合わせて進める

WEBアプリを作るときの要件定義の注意点（for 初心者）

今s3からダウンロードを実装しています。

するとcsvなどのファイルはダウンロードできますが、

jpgのファイルだけダウンロードできません。

何故なんでしょう？

jpgはブラウザ表示されます

pngはブラウザ表示されます

ブラウザはChromeを使用しています

したいことはダウンロードフォルダにファイルをダウンロードしたいです！！

皆さんへ・・・

色々なご回答ありがとうございます。
現在皆さんからいただいた情報を元に頑張ってしているところですので返答に関してはしばらくお待ちいただけると幸いです。

現時点ではs3のメタデータをbinary/ocset-streamにするとできました。
application/octet-streamをメタデータに直書きでもできました！

ですがこれだと登録して毎回s3側で変更しないといけないので
アップロードした時にメタデータが変更される方法を模索しています


みなさんご回答ありがとうございました。

最終的にはS３にファイルがアップロードされることをトリガーとして、Lambdaで
ContentType='application/octet-stream'
とすることでメタタグの変更ができました！！

本当にみなさんありがとうございました！！

jpgだとブラウザに表示されてcsvだとダウンロードできる

以下のことを英語で検索したいのですが、キーワードがわかりません。
どの単語を使用すればいいのでしょうか？
(実際、情報が存在するかは置いておいて)

bootstrap4 軽量化
　→ 読み込みに時間がかかっている。
　→ bootstrap4のボタンとテーブルのみ使用しているためCSSを軽量化したい。

不要なものを消して、軽量化って英語でなんと検索すればいいのでしょうか？

英語での調べ方が分からない。

コーディングをしていく中で、メンテナンス性を損なわないように無駄な記述を無くすというのを普段から心掛けているのですが、クラス名をつけなくてもcssを指定できるものはクラス名を付けない方が良いのでしょうか？使わないクラス名は無駄な記述ですか？
それともクラス名は全部の要素につけ、子孫セレクタなどではなくクラス名でcss指定をする方がメンテナンス性は高いのでしょうか？
現場での意見をお聞きしたいです

クラス属性とメンテンナンス性について

プログラム初心者です。

C++で変数をヘッダファイルにexternを付けて書いているのですが、エラーが吐かれてしまい、『LNK2001　外部シンボル ""struct status player1" (?player1@@3Ustatus@@A)" は未解決です。』というエラーが消えません。
今作っているのがプレイヤーのステータスを最初にランダムに振り、相手のHPを先に削った方が価値を言うバトルゲームで、statusは構造体です。(構造体内にhp,atk,def,spなどのメンバ変数を作ってあります。）
statusを他のファイルでも使っている為、externでグローバル変数化しています。

### 発生している問題・エラーメッセージ

LNK2001	外部シンボル ""struct status player1" (?player1@@3Ustatus@@A)" は未解決です。


### 該当のソースコード

C++，C言語です
ソースコードのエラーを吐いていると思われる部分を抜粋してきました。

[Battle.h]
extern status player1;
extern status player2;

[player.cpp]
status player1;
status player2;

player.cppを先に作っており、Battle.cppのダメージ計算でplayerの構造体の中を触る為、exturnで呼ぼうとしているところです。

C++，Ⅽ言語でexternを使っていたところ外部シンボルが未解決というエラーが出てしまったのですが、どうしたらいいのでしょうか

概要
---
GUIの実行画面に入力したものに対しての返答の文字が出力されない状態で困っています。おそらくメインクラスに他のクラスをインポート出来ていないためだと考えています。今回作成したコードは、GUIの(Ray1.py)、メインクラス(ray.py)、辞書クラス(dictionary.py)と応答クラス(responder.py)であり、応答クラス(responder.py)だけがインポートできない状態で困っています。まだ初心者なので優しく教えてください(>_<)

### 補足
ray.pyの　from responder import *　が開発ツール(PyCharm)で薄く表示されるのと、　self.__res_history = HistoryResponder(self.__dictionary)　、
self.__study_history =　StudyHistoryResponder(self.__dictionary)　
の部分に赤い波線（エラー？）が出ることや、実行画面で返答がないことから、インポート出来ていないと考えました。実行してもエラー表示は出ません。

コード
---
dictionary.py
```Python
class Dictionary:

    def __init__(self):
        """ 辞書オブジェクトの作成
        """

        self.__load_history()

    def __load_history(self):
        """ファイルを読み込み、世界史の辞書オブジェクトを作成
        """
        with open('data1/world_history.txt', 'r', encoding='utf_8'
                  ) as file:
            lines = file.readlines()

        new_lines = []

        for line in lines:
            line = line.rstrip('\n')
            if line != '':
                new_lines.append(line)
        separate = []
        for line in new_lines:
            sp = line.split('\t')
            separate.append(sp)
        self.__history = dict(separate)

    def save(self):
        """self.historyの内容を加工してファイルに書き込む
        """
        write_lines = []

        for key, val in self.history.items():
            write_lines.append(key + '\t' + val + '\n')
        with open('data1/world_history.txt', 'w', encoding='utf_8') as f:
            f.writelines(write_lines)

    def get_history(self):
        return self.__history

    def set_history(self, history):
        self.__history = history

    history = property(get_history, set_history)


if __name__ == '__main__':
    dictionary = Dictionary()
    print(dictionary.history)
    dictionary.save()


```
---
responder.py
```Python
from dictionary import *


class Responder:
    def __init__(self, dictionary):
        self.__dictionary = dictionary

    def response(self, input, what):
        return ''

    # __historyのゲッター
    def get_dictionary(self):
        return self.__dictionary

    # 　__historyのセッター
    def set_dictionary(self, history):
        self.__history = history

    dictionary = property(get_dictionary, set_dictionary)


class HistoryResponder(Responder):
    def response(self, input, what):
        if input in self.dictionary.history:
            return '「' + self.dictionary.history[input] + '」です。'
        else:
            return '理解できませんでした。答えを入力して下さい。'


class StudyHistoryResponder(Responder):
    def response(self, input, what):
        self.dictionary.history[what] = input
        return '記憶しました'


if __name__ == '__main__':
    dictionary = Dictionary()
    # responder = HistoryResponder(dictionary)
    history_resp = HistoryResponder(dictionary)
    ans = history_resp.response('世界四大文明', '')
    print(ans)

    study_resp = StudyHistoryResponder(dictionary)
    ans = study_resp.response('ディアドコイ', 'アレクサンドロス大王の後継者')
    print(dictionary.history)

```
---
ray.py
```Python
from responder import *
from dictionary import *


class Ray:
    def __init__(self):

        self.__dictionary = Dictionary()

        self.__res_history = HistoryResponder(self.__dictionary)

        self.__study_history = StudyHistoryResponder(self.__dictionary)

    def dialogue(self, input, subject, study, what):
        if subject == 0 and study == 0:
            self.responder = self.res_history

        elif subject == 0 and study == 1:
            self.responder = self.study_history

        return self.responder.response(input, what)

    def save(self):
        """ Dictionaryのsave()を呼ぶ中継メソッド
        """
        self.dictionary.save()

    @property
    def dictionary(self):
        return self.__dictionary

    @property
    def res_history(self):
        return self.__res_history

    @property
    def study_history(self):
        return self.__study_history


if __name__ == '__main__':
    ray = Ray()
    ans = ray.dialogue('世界四大文明', 0, 0, '')
    print(ans)

    ans = ray.dialogue('アレクサンドロス大王の後継者', 0, 0, '')
    print(ans)

    ans = ray.dialogue('ディアドコイ', 0, 1, 'アレクサンドロス大王の継続者')
    print(ans)
    print(ray.dictionary.history)

    ray.save()


```
---
world_history.txt
```txt
古代ギリシアの植民市	ビサンティウム、ネアポリス、マッサリア
古代ギリシアの三大悲劇詩人	アイスキュロス、ソフォクレス、エウリピデス
シェイクスピアの四大悲劇	オセロ、マクベス、リア王、ハムレット
ローマ帝王の五賢帝	ネルヴァ、トラヤヌス、ハドリアヌス、アントニヌス・ピウス、マルクス・アウレリウス・アントニヌス
カースト制度の身分	バラモン、クシャトリヤ、ヴァイシャ、シュードラ
ロシアの歴代大統領	エリッツン、プーチン、メドヴェージェフ
世界四大文明	エジプト文明、メソポタミア文明、インダス文明、黄河文明
三国志の三国	魏、呉、蜀
ルネサンス期の三大発明	火薬、羅針盤、活版印刷
三国時代の三国	高句麗、百済、新羅
アレクサンドロス大王の継続者	ディアドコイ

```
---
 Ray1.py
```Python

from rayl.ray import *
import tkinter
import tkinter.messagebox
import re

tk = tkinter

entry = None
response_area = None
action = None
ray = Ray()
study = 0
what = ''


def talk():
    global study, what

    value = entry.get()
    subject = action.get()
    print('Formsubject==', subject)
    print('Formstudy==', study)
    if not value:
        response_area.configure(text='ご用件をお申し付け下さい')
    elif subject == 0 and study == 0:
        response = ray.dialogue(value, subject, study, what)
        response_area.configure(text=response)
        m = re.match('理解できませんでした。', response)
        print('m===', m)
        if m:
            study = 1
            what = value
        entry.delete(0, tk.END)
    elif subject == 0 and study == 1:
        response = ray.dialogue(value, subject, study, what)
        response_area.configure(text=response)
        study = 0
        what = ''
        entry.delete(0, tk.END)


def run():
    global entry, response_area, action


root = tk.Tk()
root.title("Super Bot --Ray1-- : ")
# ウィンドウサイズ
root.geometry("880x460")
# フォント
font = ('Helevetica', 14)


def calloback():
    if tkinter.messagebox.askyesno('Quit?', '辞書を更新してもよろしいですか'):
        ray.save()
        root.destroy()
    else:
        root.destroy()


root.protocol('WM_DELETE_WINDOW', calloback)

# メニューバーの作成
menubar = tk.Menu(root)
filemenu = tk.Menu(menubar, tearoff=0)

# ファイルメニュー
filemenu.add_command(label="閉じる", command=calloback)
menubar.add_cascade(label="ファイル", menu=filemenu)

# 編集メニュー
optionmenue = tk.Menu(menubar, tearoff=0)
menubar.add_cascade(label="科目", menu=optionmenue)
optionmenue.add_radiobutton(label='世界史', variable=action, value=0)
optionmenue.add_radiobutton(label='英語（単語）', variable=action, value=1)
root.config(menu=menubar)

# 上の画像
# 画像サイズ(横ｘ縦)
c = tk.Canvas(root, width=870, height=200, relief=tk.RIDGE, bd=2)
c.pack()
c.place(x=1, y=0)
nw = tk.PhotoImage(file='img1.gif')
# 画像の位置
c.create_image(0, 0, anchor=tk.NW)

# 背景
response_area = tk.Label(root, width=86, height=10, bg='White', font=font, relief=tk.RIDGE, bd=2)
response_area.place(x=6, y=210)

# フレームの作成
frame = tk.Frame(root, bd=4, relief=tk.RIDGE)

# 入力ボックスの作成
entry = tk.Entry(frame, width=70, font=font)
entry.pack(side=tk.LEFT)
entry.focus_set()

button = tk.Button(frame, width=15, text='入力')
button.pack(side=tk.LEFT)

frame.place(x=30, y=420)

root.mainloop()

if __name__ == '__main__':
    run()

```
---

dictionaly.py実行結果
```
{'古代ギリシアの植民市': 'ビサンティウム、ネアポリス、マッサリア', '古代ギリシアの三大悲劇詩人': 'アイスキュロス、ソフォクレス、エウリピデス', 'シェイクスピアの四大悲劇': 'オセロ、マクベス、リア王、ハムレット', 'ローマ帝王の五賢帝': 'ネルヴァ、トラヤヌス、ハドリアヌス、アントニヌス・ピウス、マルクス・アウレリウス・アントニヌス', 'カースト制度の身分': 'バラモン、クシャトリヤ、ヴァイシャ、シュードラ', 'ロシアの歴代大統領': 'エリッツン、プーチン、メドヴェージェフ', '世界四大文明': 'エジプト文明、メソポタミア文明、インダス文明、黄河文明', '三国志の三国': '魏、呉、蜀', 'ルネサンス期の三大発明': '火薬、羅針盤、活版印刷', '三国時代の三国': '高句麗、百済、新羅', 'アレクサンドロス大王の継続者': 'ディアドコイ'}

Process finished with exit code 0


```
---
responder.py実行結果
```
「エジプト文明、メソポタミア文明、インダス文明、黄河文明」です。
{'古代ギリシアの植民市': 'ビサンティウム、ネアポリス、マッサリア', '古代ギリシアの三大悲劇詩人': 'アイスキュロス、ソフォクレス、エウリピデス', 'シェイクスピアの四大悲劇': 'オセロ、マクベス、リア王、ハムレット', 'ローマ帝王の五賢帝': 'ネルヴァ、トラヤヌス、ハドリアヌス、アントニヌス・ピウス、マルクス・アウレリウス・アントニヌス', 'カースト制度の身分': 'バラモン、クシャトリヤ、ヴァイシャ、シュードラ', 'ロシアの歴代大統領': 'エリッツン、プーチン、メドヴェージェフ', '世界四大文明': 'エジプト文明、メソポタミア文明、インダス文明、黄河文明', '三国志の三国': '魏、呉、蜀', 'ルネサンス期の三大発明': '火薬、羅針盤、活版印刷', '三国時代の三国': '高句麗、百済、新羅', 'アレクサンドロス大王の継続者': 'ディアドコイ', 'アレクサンドロス大王の後継者': 'ディアドコイ'}

Process finished with exit code 0
```
---
 ray.py実行結果
```「エジプト文明、メソポタミア文明、インダス文明、黄河文明」です。
理解できませんでした。答えを入力して下さい。
記憶しました
{'古代ギリシアの植民市': 'ビサンティウム、ネアポリス、マッサリア', '古代ギリシアの三大悲劇詩人': 'アイスキュロス、ソフォクレス、エウリピデス', 'シェイクスピアの四大悲劇': 'オセロ、マクベス、リア王、ハムレット', 'ローマ帝王の五賢帝': 'ネルヴァ、トラヤヌス、ハドリアヌス、アントニヌス・ピウス、マルクス・アウレリウス・アントニヌス', 'カースト制度の身分': 'バラモン、クシャトリヤ、ヴァイシャ、シュードラ', 'ロシアの歴代大統領': 'エリッツン、プーチン、メドヴェージェフ', '世界四大文明': 'エジプト文明、メソポタミア文明、インダス文明、黄河文明', '三国志の三国': '魏、呉、蜀', 'ルネサンス期の三大発明': '火薬、羅針盤、活版印刷', '三国時代の三国': '高句麗、百済、新羅', 'アレクサンドロス大王の継続者': 'ディアドコイ'}

Process finished with exit code 0

コード
```
---
各コード、画像、テキストの保存場所
![各コード、画像、テキストの保存場所](83833a2123b68da67eb50a9b93096118.jpeg)
![イメージ説明](2d1d937e703f257b8953c7757596d052.jpeg)
![イメージ説明](213ec61f61913ae32d0452fba3d16fec.jpeg)

クラスがインポートできない！

### 現状、実現したいこと
新米DS/MLエンジニアです。
現在、
・Win10Proのデスクトップ（自宅PC)
・mac OS mojaveのmbp(会社含む外出先PC)
・kaggleカーネル、colab
で分析、モデル作成などを行っております。
今まで仮想環境についてあまり意識せず、OS環境を汚しまくりながら作業していましたが、
docker等を使用して分析/開発環境を整理・統一しようと思っております。
分析用のコードや、pickleやcsvなどの出力を共有して、
出先ではmacで作業→帰宅後はwinで作業をしたいのですが、
dockerで開発環境を共有＆ソースコードなどはgithubで共有
といった方針で問題ないでしょうか？
もっと適したサービスや技術があるようでしたら、ご助言を頂きたいです。

### 試したこと

dockerの初歩の初歩(dockerイメージ作成、コンテナ起動など)を参考書で学びましたが、上記のような目的に沿ったものなのか、用途が掴めていない状況です。

win,macでのデータ分析環境、ソースコードなどの共有について

###実現したい事
新しいバージョンをリリースしたいです。
リリースをするに辺り、下記のサイトを参考にしました。
http://hipopocroco.hatenablog.com/entry/2015/10/22/022219
少し古いサイトですが、他のサイトも見るかげりやり方には変りなく、イメージもあって見やすいのでこちらを参考にしました。

下記のに詳しく記載しましたが、問題としては二回目以降のabb/apkファイル作成がうまくできない事です。

###今回のアップデートのために行なったこと/問題
build.gradleで、versionCodeとversionNameを変更しました。
syncボタンを押して、AndroidManifestにもそのバージョンを反映させました。
Generate Signed Bundle/APK 選択
Android App Bundle 選択
Key store password/Key al![イメージ説明](fd38372b581991703f5cf15a924e760c.png)ias/Keyはリリース時と同様の物を入れて、
![イメージ説明](4d9ec6b94c0a8f115f06a0bf93907ee7.png)
そしてNEXTに行き、releaseを選択してFinishを押しましたが、aab/apkのファイルがどこにも作成されません。（作成完了の通知も表示されません）

###初めてのリリース時に行なった事
Generate Signed Bundle/APK 選択
Android App Bundle 選択
Choose new..で全てを書き込み、
Key store password/Key alias/Key passwordを記入し、
Export...をチェックし、NEXTへ
releaseを選択し、Finish!
Desktopに.pepkファイルが生まれ、アプリ内フォルダにabbファイルが生まれました。

お分かりの方いらしたらお教えください
よろしくお願いします。

新しくリリース【apkファイルが作成されない】

oracle のvirtualboxのダウンロードを実行したのですが、
32bit　windows　are not supported by this virtural box release.とｴﾗｰになります。
32ビットのPCではできないのでしょうか。

virtualboxの入手

### 前提・実現したいこと

PHPでショッピングサイトを作成しています。
個数変更のコードを書いていたところ
エラーメッセージが発生しました。

お分かりになる方教えてください。

### 発生している問題・エラーメッセージ
Fatal error: Uncaught Error: Call to undefined function session_regenerare_id() in C:\xampp\htdocs\shop\kazu_change.php:3 Stack trace: #0 {main} thrown in C:\xampp\htdocs\shop\kazu_change.php on line 3
```

### 該当のソースコード

kazu_change.php


<?php
    session_start();
    session_regenerare_id(true);

    require_once('../common/common.php');

    $post=sanitize($_POST);

    $max=$_POST['max'];
    for($i=0;$i<$max;$i++)
    {
        $kazu[]=$post['kazu'.$i];
    }

    $_SESSION['kazu']=$kazu;

    header('Location:shop_cartlook.php');
    exit();
?>
```



### 試したこと
Fatal error:　と調べたらデータベース名が違うとかでできましたが、
PHPMyAdminでのデーターベース追加などはしておりません。

また、mysql関数が削除されたからとも書いてありましたが、
kazu_change.phpにはmysqlのコードはありません。

### 補足情報（FW/ツールのバージョンなど）

PHP5使用

ショッピングサイト作成　数量変更

Javascriptで　連想配列から特定の要素をランダムに取り出したいのですが
エラーになってしまいます。 以下のコードは一部です。

```Jacascript
const words = {
    0: { word: "white", isDone: false },
    1: { word: "book", isDone: false },
    2: { word: "car", isDone: false },
    3: { word: "pencil", isDone: false },
    4: { word: "watch", isDone: false }
  };

let wordNow;

    wordNow = words[Math.floor(Math.random() * words.length)].word;
```

エラー内容は

__**main.js:60 Uncaught TypeError: Cannot read property 'word' of undefined
    at HTMLParagraphElement.<anonymous> (main.js:60)**__

おそらく文法エラーなのですが全くわかりません。
よろしくお願いいたします。

連想配列のValue要素を取り出したいがエラーになる

ゲームのランキングをサーバー上に保存する方法についてです。

現在、ゲームを開発していて、ゲームのランキングをjavascriptで作成しています。
以前、質問した際にゲームのランキングを維持するにはサーバーに保存する必要があり、
サーバーに保存する方法にはPHPを活用する方法があると学びました。
そこからPHPについて学び、
次のPHPで外部ファイルの書き込みを行えることがわかりました。
```html
<?php
  if (isset($_POST['message']) && $_POST['message'] != "") {
    $f = fopen("message.txt", "a");
    fwrite($f, htmlspecialchars($_POST['message']) . "\n");
    fclose($f);
  }
?>

<form action="append.php" method="post">
<p>メッセージ: <input name="message" size="60"></p>
</form>

<pre>
<?php readfile("message.txt"); ?>
</pre>
```
上記は、フォーム入力した内容がmessage.txtに書き込まれ、それをフォームの下部に表示するというものですが、これを活用して、私のHTMLに組み込んでみました。
```html
<script>
  var r=[
    [
      document.write("<?php");
      document.write("if (isset($_POST['message']) && $_POST['message'] != '') {");
      document.write('$f = fopen("message.txt", "a");');
      document.write('fwrite($f, htmlspecialchars($_POST["message"]) . "\n");');
      document.write("fclose($f);");
      document.write('}');
      document.write("?>");
      document.write('<form action="append.php" method="post">');
      document.write('<p>メッセージ: <input name="message" size="60"></p>');
      document.write('</form>');
      document.write('<pre>');
      document.write('<?php readfile("message.txt"); ?>');
      document.write('</pre>*/');
      ,
      document.write("<?php");
      document.write("if (isset($_POST['message']) && $_POST['message'] != '') {");
      document.write('$f = fopen("message.txt", "a");');
      document.write('fwrite($f, htmlspecialchars($_POST["message"]) . "\n");');
      document.write("fclose($f);");
      document.write('}');
      document.write("?>");
      document.write('<form action="append.php" method="post">');
      document.write('<p>メッセージ: <input name="message" size="60"></p>');
      document.write('</form>');
      document.write('<pre>');
      document.write('<?php readfile("message.txt"); ?>');
      document.write('</pre>*/');
    ],
    ['59:59.96','xyz'],
    ['59:59.97','ijk'],
    ['59:59.98','aaa'],
    ['59:59.99','zzz'],
  ];
  var qs=[
    'q1',
  ];
  const viewRank=()=>{
    document.querySelector('#rank span').innerHTML=r.map(x=>x.join(" ")).join("<br>");
  };
  window.addEventListener('DOMContentLoaded',()=>{
    viewRank();
    document.querySelector('#start').addEventListener('click',e=>{
      const t1=e.target;
      const t2=document.querySelector('#a');
      t1.disabled=true;
      t2.disabled=false;
      const name=prompt("お名前を入力してください。");
      if(name=="") name="UnKnown";
      (async()=>{
        const s=new Date().getTime();
        for(var i=0;i<qs.length;i++){
          const qStr=qs[i];
          document.querySelector('#q span').textContent=qStr;
          t2.value="";
          t2.focus();
          await new Promise(resolve=>{
            const timerId=setInterval(()=>{
              if(t2.value==qStr){
                clearInterval(timerId);
                resolve();
              }
            },10);
          });
        }
        const e=new Date().getTime();
        const diff=e-s;
        const str=(10000+diff/1000).toString();
        const time=str.substr(1,2)+":"+
              str.substr(3,5);
        r.push([time,name]);
        r=await r.sort((x,y)=>x[0]>y[0]?1:-1).splice(0,5);
        viewRank();
        t1.disabled=false;
        t2.disabled=true;
      })();
    });
  });
</script>
<input type="button" value="ゲーム開始！" id="start">
<font size="5"><div id="q">Q:<span>ここに問題が表示されます。</span></div></font>
<div>A:<input type="text" id="a"></div>
<br>
<br>
<br>
<table border="1">
  <tr>
    <td>
      <div id="rank">現在のランキングトップ５<br>
        <center><span></span></center>
      </div>
    </td>
  </tr>
</table>
```
想定する挙動
---
ゲーム全体の流れは以下の通りです。
![想定PNG](de872da39a2df7c07259f6f567285560.png)


不明な点：自動的に出力されたものを代入する方法
---
ここまで作ったのですが、さらに不明点が発生しました。
私の場合、代入する値はフォームによるものではなく、時間計測によって自動的に出力されるものと名前です。これをどのようにして代入させるかがわかりませんでした。

ここまで来たので、少々複雑なものになってしまっても構わないと思います。
ご協力お願いします。

---
追記
＊PHPをJavascriptに組み込む途中で文法上のエラーが発生しているようですが、こちらに関しては質問の内容が外れてしまいますので、別途質問させていただきました。
→[質問](https://teratail.com/questions/218807)

phpで外部ファイルに書き込み・読み込み

### ファイル名をデータベースに保存する方法

アップロード画面からファイルを特定のディレクトリに移動して、同時にファイル名をデータベースに保存したいのですが、
画像は指定したディレクトリに保存はされますが、ファイル名がデータベースに保存できておりません。

ご教授いただければ幸いです。

※現段階ではバリデーションは無くて大丈夫です。

```HTML
 <form action="upimg.php" method="POST" enctype="multipart/form-data">
        <input type="file" name="image">
        <input type="submit" value="アップロード">
    </form>
```

```PHP
$file = $_FILES['image']['name'];

try{
    $dsn = "sqlite:C:/xampp/htdocs/image.db";
}catch(Exception $e){
    echo "データベースに接続できませんでした。";
    exit();
}

if(!empty($_FILES['image']['tmp_name'])){
    move_uploaded_file($_FILES['image']['tmp_name'], "./upload/$file");
    $dsn->query("INSERT INTO image(path) VALUES('$file')");
}else{
    echo "画像が選択されていません。";
}
```

データベースは以下の構成です。
SQLite
id(int) , path(text)

### エラー表示

Fatal error: Uncaught Error: Call to a member function query() on string in C:\xampp\htdocs\image\upimg.php:14 Stack trace: #0 {main} thrown in C:\xampp\htdocs\image\upimg.php on line 14

よろしくお願いいたします。

画像のファイル名をデータベースに保存する方法

windows環境下でxamppからmysqlに接続する際にポート３３０６が使用中で繋げなかったのでポート３３０７に変更しました。
３３０７には繋がるのですが、mysqlのbinディレクトリまで移動してmysqlに接続しようとすると、以下のエラーになります。



# mysql -h localhost -u root -p
Enter password: ******
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)

 
# mysql -h 127.0.0.1 -u root -p
Enter password: ******
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)




rootのパスワードが間違っていることはないです。実際mysqlからなら入れるので。解決方法教えてください。

XamppでMysqlにアクセスできない。

Unityで作ったAndroidアプリプロジェクトをAndroidエミュレーターで動作確認しようとターミナル上で下記のコマンドを入力した後、Unityでのビルドが毎回失敗する様になり写真内の様なエラーが出る様になりました。もしこのエラーに明るい方がいましたら助言をいただけないでしょうか？



ターミナル上で実行したコマンド
このサイトを参照しました。(https://akatana.games/blog/tips/unity/188/)

1, export PATH=$PATH:/Users/userName/Library/Android/sdk/platform-tools

2, echo PATH=$PATH: /Users/userName/Library/Android/sdk

3, cd /Users/userName/Desktop/AppName.apk

4, adb install AppName.apk


エラー詳細画像

![イメージ説明](f6bd8645fcdac541f8b395dd58f68962.png)


![イメージ説明](ba3f65b074e353ee60e39ad6dcb0ca0b.png)


その他自身で実行した事
1, Android Studio上でAndroid SDK Build toolの29.0.2と29.0.1を削除して28.03をインストールしました。

2, Android Studioが最新版ではなかったのでアップデート

3, UnityのPlayer Settings> Other setting > install locationをAutomaticに変更しました。

現在もエラーとにらめっこ中です。

Unity　ビルドエラー

C#でインスタンスに関して、インスタンスを生成するクラスの静的メソッドを利用する（①）のと、インタンスでない静的クラスの静的メソッドを利用する（②）とで処理速度やメモリ効率？は変わりますか。わかりにくくて申し訳ないです。

```C#
コード

パターン①
public static class Main{
  public static void Start(){
     Hoge hoge = new Hoge(0);
     Hoge hoge_ = new Hoge(1);
  }
}

public class Hoge{
  public Hoge(int a){
    Method(a);
  }
  private static Method(int a){
    //処理
  }
}


パターン②
public static class Main{
  static void Start(){
     Hoge hoge = new Hoge(0);
     Hoge hoge_ = new Hoge(1);
  }
  public static Method(int a){
    //処理
  }
}

public Class Hoge(){
  public Hoge(int a){
    Main.Method(a);
  }
}

```

今回はhogeインスタンスを2つ生成した場合ですが、実際の処理ではもっと多くの数を作ることになります。Methodはhogeインスタンス以外から利用されることはありません。回答お願いします！

C#でインスタンスを生成する際の、静的メソッドに関して

はじめて質問させていただきます。

初心者なのですが業務でJavaを扱うこととなり今大急ぎで学習サイト等を取り組んでいるのですが分からないことがあります。
####String.formatを用いての0埋め
に関してです。

入力された数値に対して桁数を指定の上数値を出力したいのですが、桁数を変数に割り当てる方法が調べてもわかりませんでした。

int diget =sc.nextInt();
int number =sc.nextInt();

System.out.println(String.format("%0digetd",num));

とイメージ的には書くかな、と思ったのですがRuntimeErrorとなってしまいます。

System.out.println(String.format("%05d",num));
このような形で桁数指定はできるのとぱっと見の段階で私の記述コードに違和感があることまでは理解できています。

桁数を入力値によって指定する方法はどういったものがあるのでしょう。
ご教示いただけると幸いです。

Java】String.formatで入力値によって0埋めの桁数指定する方法が知りたいです

このようなコードを書いた場合このopenはcloseする必要がありますか？
また、必要な場合、どのようにすればいいでしょうか？
```Python3
for line in open('file.txt'):
	line = line.strip()
	print (line)
```import re

Pythonでopenしたものは必ずcloseの必要がありますか？

### HTMLで書き込んだテキストデータをファイルに書き込むには

データやログをファイルなどに書き込むには、
File APIというものを使わなければいけないと言われ調べてみましたが
イマイチわかりませんでした。

### したいこと
JSでHTMLから書き込まれた文章を一度テキスト.txtにログとして保存してそこから更に一度保存した内容を取り出してHTMLで表示させたい。

図：HTML（書き込み）＞JS処理・ログ制作から＞HTML出力。
課題｛
１：HTMLから入力してテキストデータの情報をJSに回して課題２に繋げる。（参考中）
２：JSでテキストデータをファイルに書き込む**（成功）**
３：ファイルに書き込まれた情報をHTMLに表示。（参考中）


### 条件
File APIを使わなければならない
参考にした[サイト](https://www.sejuku.net/blog/32532)File APIについて、

**テキストデータをファイルに書き込む方法**
ファイルに書き込むことはできましたがダウンロードができてファイルを開いた動作でした。

![イメージ説明](ccbf09524d140217cbc6c0deeb116966.jpeg)

```js
<a id="btn" download="sample.txt">ダウンロード</a>

<script type="text/javascript">

const btn = document.getElementById('btn');
 
btn.addEventListener('click', function() {
      const blob = new Blob(['こんにちは'], { "type" : "text/plain" });
 
      btn.href = window.URL.createObjectURL(blob);   
})

</script>
```

とても参考になったのですが、
HTML上に表示できないのでしょうか。。。



ファイルに書き込んだ文字を再度HTML（テキストエリア）に表示したいです。
ファイルから情報を取り出すことは可能なのでしょうか。
**ファイルの中身を出力する方法**ではできるらしいのですが、
出力に失敗してしまいました。

```html
<form name="myform">
 
    <input name="myfile" type="file" /><br/>
    <textarea name="output" cols="80" rows="10"></textarea>
 
</form>
```
```js
var form = document.forms.myform;
 
form.myfile.addEventListener( 'change', function(e) {
 
    var result = e.target.files[0];
 
    //FileReaderのインスタンスを作成する
    var reader = new FileReader();
  
    //読み込んだファイルの中身を取得する
    reader.readAsText( result );
  
    //ファイルの中身を取得後に処理を行う
    reader.addEventListener( 'load', function() {
    
        //ファイルの中身をtextarea内に表示する
        form.output.textContent = reader.result;    
    })
 
})
```
そもそもFile APIとはなんなのでしょうか、
JSに依存する言語なのでしょうか、それともJSにおける方式や名称なのでしょうか、
すくなくても、「ファイルの読み込み」に対応させることだ、ということは理解できました。

まだまだ勉強しなければならない部分が多いですが
私に現段階で認識違いや誤解している部分があれば指摘してくれると本当に嬉しいです。