常連

拍手喝采

現在`JavaScript`にて、何らかのキーが押下された際に問答無用で関数を実行するよう、`addEventHandler`を使用して記述しています。

```JavaScript
addEventHandler(window, "onkeydown", 実行させる関数);
```
上記の記述につきまして、Edge(バージョン`96.0.1054.29`)の`IEモード`にて`F12`キーを押下したところ、イベントが発火しませんでした。
(他のキーの押下時には発火しています)

本事象につきまして、
①EdgeのIEモードでは、F12キーの押下は`onkeydown`イベントとして認識されないのか
②①が正である場合、F12キー押下時に上記ソースのような挙動をさせる方法はないか

追記
いただいた回答を参考に、`addEventListener`で`keydown`イベントを拾うように変更してみましたが、
解消しませんでした。

何卒、皆様のお力をお貸しいただきたく…。

EdgeのIEモードで「F12」キーを押下した際に「onkeydown」イベントが発火しない

ファイルアップロード機能があるサイトでDBにBASE64を保存するという記事を見たことがありますが、これは一般的なんでしょうか
サーバーに画像を直にアップロードして参照先を保存するならまだしも、BASE64なんていう長文字を保存するってありえるんですか？
ありるならば、なぜか教えていただけませんか？
BASE64で保存するか画像を直アップロードするかの2択で、BASE64にしても容量は食いますよね？
なぜですか？

ファイルアップロード DB BASE64保存する意味がわからない

### 前提・実現したいこと

時間経過後もポップアップブロックが実行されないようにする方法について知りたい

alertで表示されるポップアップのOKボタンのクリックタイミングによって、
ポップアップブロックが実行されてしまう。 　
この場合、window.openによる子ウィンドウ画面でエラーの画面となる。
 
以下に該当の処理の構造を説明します。（他必要な情報があれば教えて下さい）

  onclickで以下処理の関数を呼び出し

### 試したこと

OKボタン押下が子ウィンドウ表示と連動していないため、
 一定時間経過後、ユーザー操作ではないとみなし、ポップアップブロックが実行される状況  。　
連動させる処理にするため、以下処理に変更するも状況変わらず、、、

  いくつかググり出てきた方法として、
事前にwindow.open()で空の画面を表示しておき、alert後に、location.hrefで該当画面を取り込む方法
がありましたが、この方法は避けたいです。
 また、以下のようなSjaxの方法も状況変わらずでした、、、

そもそものコードが良くない等あるかと思いますが、
 勉強のため、できるだけ既存のコードは活かしつつ、進めていきたいです。

chrome ポップアップブロックを回避できない

Xampp上では下記のコードでcsvはダウンロードできたのですが、
実際のサーバー上にあげてcsvダウンロードを実行したところ、
ダウンロードされずにブラウザ上にファイルの内容が表示されるだけでCSVがDLできません。

何故ローカルとサーバで動作が異なるのかわからないのですが、
考えられる原因が何か分かる方はおりませんでしょうか。

サーバー上ではSSLが有効になっています。



```ここに言語を入力

　　　　　　　　$fp = fopen('php://output', 'w');
		// UTF-8からSJIS-winへ変換するフィルター
		stream_filter_append($fp, 'convert.iconv.UTF-8/CP932//TRANSLIT', STREAM_FILTER_WRITE);

		foreach ((array)$data as $row) {
			fputcsv($fp, $row, ',', '"');
		}
		fclose($fp);

		$file_name = date_i18n('Ymd').'_export.csv';

		header('Content-Type: application/octet-stream');
		header("Content-Disposition: attachment; filename={$file_name}");
		header('Content-Transfer-Encoding: binary');
```

[PHP]CSVダウンロードがローカルではできてサーバ上ではできない。

webページでフレームを使い上下に画面を用意して、上のページで入力し下のページで更新するという物を作っています。

概要：
上のページには5項目あります。入力後、「登録」ボタンで下のページに送り、phpでデータを反映させた後、結果を表示しようとしています。

実現したい事：
入力して、データを送った後の処理を加えて利便性を図りたいと考えています。
次の登録をする際に2項目は固定なので後3項目の値をクリアし、フォーカスを3項目に移動して次の入力に備えたいとしています。

問題点：
formタグとinputタグを使うだけで、下のページに情報は送ることはできるのですが、入力項目には前の入力情報が残るので、まず項目をクリアする仕組みをJavascriptで作りました(cleartext)。そうすると、下のページに値を送らなくなりました。

行った対策：
次に下のページに値を送るものをJavaScriptで作りました(idou)。
きちんと値を送るのですが、項目をクリアするものと合わせて動かすと項目のクリアとフォーカスの移動だけで値を下のページに送りません。

すみませんが、どこがおかしくてどう対応すればよいか、アドバイスをお願いします。

ソース：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>

<script type="text/javascript"></script>


</head>

<body>
<h1>登録</h1>
<table>
	<tr><td>場所A</td><td>場所B</td><td>バーコード値</td><td>数量</td><td>新場所B</td></tr>
	<form method='POST' name='touroku' action='t_data_input_body.htm' target='body' id='form'>
	<tr>
		<td>
			<input type='text' name='b_a' required autofocus>
		</td>
		<td>
			<input type='text' name='b_b' required>
		</td>
		<td>
			<input type='text' name='barcord' required>
		</td>
		<td>
			<input type='number' name='quantity' required>
		</td>
		<td>
			<input type='text' name='n_b_b'>
		</td>
		<td>
			<input type='submit' value='登録' onClick='idou(); cleartext();'>
		</td>
	</tr>
	</form>
</table>
</body>
</html>

```
※フレームページと下ページは省略いたします。

JS>webページでフォームの値を送り、入力項目をクリアにしたい

先日サイバー攻撃を受けたサイトの復旧を依頼されたのですが、よくよく聞くと
/var/www/
直下の中身をごっそり消されてしまった模様でした。

元々はこの直下にwordpressをインストールしていたのですが、ここへのwordpressのインストール方法がわかりません。


DBをつくる？
MySQL？
phpAdmin?

いつも案件として受けているのでwordpressのインストールは技術的にできると思っていたのですが、空っぽの中に（データベースもない）インストールするやり方が分からず………


「サイトが攻撃受けちゃってwordpressがリセット？されちゃったみたいでさ〜デザインつくりなおしてよ〜」
「がってんです！」
↓
いざサーバーを見てみると
「え……何もないですけど」
「いや知らんからwordpress入れてよ」
「いや、MySQLも使えないし、wordpressをwww直下に入れたけどアクセスできないんだよ。元々どうやってwordpress入れたの？」
「そんなん知らんわ本社海外だし日本版だけ攻撃受けたんだから」
「え……私サーバー屋さんじゃなくてデザイン屋で…いうなればこれは大工呼ばないとだめで、内装屋じゃどうにもならないっていうか……」
「知らんがな」


本社「wp-configを書き換えれば設置できますよ」
私「せやからごっそりないんやて！お願いやから見てくれって！」
本社「wp-configを〜」
私「いやだから見てないでしょ？！/var/www/の中身がごっそりないの！だからmysqlがないの！ってかそんなこと言うならwordpress設置してよ！！」
本社「wp-co以下同

先方はターミナルで確認をしているようで、まるごと中身がないことを伝えても「見れてます、ですからwp-configを……」の一点張りでした。
これってつまり、どこかにmysqlがあるってことですかね？


###new!!!
ターミナルからSSHを使用し、mysqlを更新することがようやくできました！！！！
いざユーザー名など入力してみた結果……だめでしたTT
進展ありましたらまたここに追記します。


誰か知恵を貸してください…！

よろしくお願い致します。
※ちなみにサイバー攻撃をうけたのは本当のようです

サイバー攻撃をうけてからっぽになったサーバーにwordpressをインストールする方法

CentOS7, Apache2.4で名前ベースのVirtualHostを設定しました。
以下の構成になっています。

VirtualHost1: ウェブサイト（https://example1.com）
VirtualHost2: APIサーバー（https://example2.com）

現在、VirtualHost1（https://example1.com）から外に出て（インターネット経由して）VirtualHost2（https://example2.com）に接続してデータを取得しているのですが、
これを、VirtualHost1とVirtualHost2同士でローカル通信するにはどのようにしたらよいのでしょうか？
できれば、VirtualHost2（APIサーバー）は公開したくありません。

![イメージ説明](6c490ad4636959b4e40ae54ad3211e09.jpeg)

![イメージ説明](abe0eb86156adbee6cecd99e79fae5ef.jpeg)

現在のhttpd.confは以下のようになっています。
```shell
# -- httpd.conf --
#VirtualHost1
<VirtualHost *:443>
    DocumentRoot /var/www/html/example1
    ServerName example1.com
    # ・・・・・・・・・・・・・・・・・・・
    # ・・・・・・・・・・・・・・・・・・・
</VirtualHost>

#VirtualHost2
<VirtualHost *:443>
    DocumentRoot /var/www/html/example2
    ServerName example2.com
    # ・・・・・・・・・・・・・・・・・・・
    # ・・・・・・・・・・・・・・・・・・・
</VirtualHost>
```

example2.comは破棄して、VitualHost1、2の間はHTTP通信にしてもよいです。

よろしくお願いいたします。

Apache VirtualHost同士でローカルで通信するには

### 前提・実現したいこと

タブブラウザでsetInterval/setTimeoutを使った場合に、
非活性化はどのタイミングで行われるのでしょうか
タブをアクティブしない状態が続くと、
いつの間にかsetInterval/setTimeoutの処理が止まっています
恐らくブラウザの仕様だと思うのですが、
具体的にどのくらいの時間を超過したら、
また回避策があれば教えて下さい

setInterval/setTimeout

###改善の余地があるか知りたいコード

```php
class Article extends Model
{

public function countArticleDate()
    {
        // articlesテーブルからcreated_atカラムを指定して全件取得(all()で配列化)
        $created_at_columns = $this->select('created_at')->get()->all();

        // 取得した件数分、繰り返し処理でフォーマットを変更、空の配列に格納
        $count = count($created_at_columns);
        for ($i = 0; $i < $count; $i++) {
            $created_at[] = $created_at_columns[$i]->created_at->format('Y_m_d');
        }
        // 重複しているデータ(日付)を除外
       $unique_created_at = array_unique($created_at);
       // 重複なしのデータ(日付)を数える
       $count_created_at = count($unique_created_at);
       // 合計値をコントローラーに渡す
       return $count_created_at;
    }
}
```
###articlesテーブルの構造とcreated_atカラムの情報
articlesテーブル
|id|user_id|body|created_at|updated_at|
|:--|:--:|--:|--:|--:|
|1|1|テスト|2021-05-18 11:02:38|2021-05-18 11:02:38|

```
 `created_at` timestamp NULL DEFAULT NULL,
```

###取得結果(dd()で確認)

created_atカラムの日付データのフォーマット変更時と変更後、重複している日付データの削除後の合計値をdd()で確認
```
//フォーマットの変更成功
array:2 [▼
  0 => "2021_05_18"
  1 => "2021_05_22"
]

//count()で合計値の取得成功
2
```
上記のメソッドは、articlesテーブルからcreated_atカラムの日付データを日付重複なしで取得後、created_atカラム(日付データ)の合計値を取得したいと思い、日付データの重複をなくす為に、繰り返し処理で時刻を削除したフォーマット(年/月/日の状態)に変更した後に``array_unique()``で重複を削除、そして``count()``で合計値を取得すると考え作成しました。


最終目的としましては、重複なしの日付単位で数えた投稿データの合計値をユーザーの投稿累計日数として表示したいと考えております。

例えば、ログインしているユーザーが、2021-05-18、2021-05-19、2021-05-20という日付データを保持している投稿を各日付ごとに2つずつ投稿していると仮定します。

このような場合、articlesテーブルでは、2021-05-18、2021-05-19、2021-05-20の投稿データが各2つずつ存在しているのでデータ数としては6つあることになると思います。

重複なしの日付単位で考えるとユーザーが投稿しているデータは3つになると思います。この重複なしの日付単位で数えた投稿データ数をユーザーの累計投稿日数として扱いたく、累計投稿日数3日という数をarticlesテーブルから取得したいと思い、上記のようなコードを作成致しました。



投稿している日数の合計値を表示したいユーザーとリレーションしているarticlesテーブルのcreated_atカラムを、一旦全て取得してその件数分の繰り返し処理で、取得したcreated_atカラムの日付データのフォーマットを変更していることが非常に効率が悪いと思っています。私自身の力ではこのコードに対する改善策が思いつきませんでした。

上記コードの改善点、間違い等のアドバイスをいただきたく存じます。

何卒、よろしくお願いします。

###追記
回答者様から、上記のコードは全て間違っているとのご指摘を受けました。
私、独学で学習しておりまして、学習してきたことが正しくないと言われどの箇所が間違っているのか分からない状態です。
指摘を真摯に受け止め、基礎固めからやり直したいと思っておりますので、もし可能であれば少し具体的に間違いをご指摘いただきたく存じます。

何卒、よろしくお願い致します。



###開発環境
laravel  6.20.16
php 7.4.15
MySQL 5.7

DBからデータを取得するコードに改善の余地があるか知りたい

## 質問内容
単純な疑問で恐縮なのですが、SQL(SELECT)が重くなるのは「レコード数」なのでしょうか。それとも「データザイズ」なのでしょうか。

## 質問背景
[zekterraさんの質問](https://teratail.com/questions/51953)であったり、他でも見かける中で「nnn万件のデータのSELECTに時間がかかります」という内容があるかと思います。
しかし、対象テーブルが「1カラム」の場合と「10カラム」の場合では違うのでは？という単純な疑問が沸いてきました。

例えば、
「1カラム」しか保持してなく、1レコード辺りのデータサイズも小さい場合、SELECT文のレスポンスも速い印象で、
「10カラム」を保持しており、1レコード辺りのデータサイズも約10倍ある場合、SELECT文のレスポンスも併せて遅くなりそうな印象です。

しかし、
どこを調べても「レコード数」に関するチューニングの記述しか見当たらず、「データサイズ」に関する記述が見つかりません。

これは、
「『レコード数が原因であり、データサイズは関係ないのである』という事であり、あえて言及していないのか･･･?」という純粋な疑問が沸いてきました。

そこで、
SQLやデータベースに詳しい方にご教示いただきたいと思い、投稿させていただいた次第です。

## 補足情報

・PostgreSQLを採用しており、テーブルAに約400万レコード格納されている
・テーブルＡには、暗号化されたデータA(JSON)を格納していて、取得時に復号する
・データＡは、処理Aや処理Bなど複数処理に用いられるが、処理Aについては暗号化しなくていい情報しか用いられていない
　→「暗号化すべきものとそうでないものを区別してテーブルを分ければ、レコード辺りのデータサイズも削減されて、処理Aが軽くなるのでは？」という仮説を立ててみた
 （他人のシステムなのであまり手出しできないが、そもそもJSONを加工･正規化もせずに使っているので、説得材料として加工･正規化をさせたい意図。仮説が誤ってたら他を考える予定。）

SQLが重くなるのは「レコード数」なのか「データサイズ」なのか

以下の様に、返り値の型が実行されるまで未定であるメソッドの書き方がわかりません。ジェネリクスを使うと思うのですがどう実装したらよいでしょうか？

```java

public class Test {

  // 引数に"string"か"int"でlistに入った
  public List<> add(String str) {
    List<> list = new ArrayList<>();
    if(str == "string") {
      list.add("hoge");
      list.add("fuga");
    }
    if(str == "int") {
      list.add(1);
      list.add(2);
    }
  }
 return list;
}

// 期待値
Test.add("string") // ["hoge", "fuga"]
Test.add("int") // [1, "2]
```

ジェネリクスを用いて見様見真似で書いたもの
```java
  public <T> List<T> add(String str) {
    List<T> list = new ArrayList<>();
    if(str == "string") {
      list.add((T) "hoge");
      list.add((T) "fuga");
    }
    if(str == "int") {
      list.add((T) 1);
      list.add((T) 2);
    }
  return list;
  }
```

Java 返り値の型を場合分け

Pythonの演習を行っています。
全く分からず、丸投げになってしまうことをお許しください。
回答よろしくお願いいたします。

以下が問題です。
「ファイルalice-wonderland.txtに書かれたテキストを読み、各単語の出現回数を計測し、出現回数が2以上の単語を降順にソートして出力するプログラムを書きなさい。正規表現を扱るreモジュールを使用します。」

以下が出力結果です。
単語の個数 26
単語の降順リスト 
[('the', 12), ('in', 8), ('a', 7), ('and', 7), ('to', 6), ('of', 5), 
('it', 5), ('tale', 4), ('one', 4), ('with', 3), ('little', 3), ('by', 3), ('we', 2),
('our', 2), ('are', 2), ('while', 2), ('three', 2), ('such', 2), ('beneath', 2), 
('fancy', 2), ('land', 2), ('story', 2), ('next', 2), ('time', 2), ('is', 2), 
('thus', 2)]

私の作成途中のプログラム(編集しました)です。
```Python
import re

with open('alice-wonderland.txt', 'r', encoding='utf-8') as f:
   data = f.read()
　 data=data.lower()  
   data=re.sub(r'[^a-z]', ' ', data)  
words={}
for word in data.split():
    words[word]=words.get(word,0)+1

d=[(v,k) for k,v in words.items() if v>=2]
d.sort()
d.reverse()

l=0
for word,count in d:
    l+=1
print('単語の個数',l)
print('単語の降順リスト')    
print(d)
```
上記のプログラムの出力結果です。
```Python
単語の個数 28
単語の降順リスト
[(12, 'the'), (8, 'in'), (7, 'and'), (7, 'a'), (6, 'to'), (5, 'of'), (5, 'it'), (4, 'tale'), (4, 'one'), (3, 'with'), (3, 's'), (3, 'little'), (3, 'by'), (2, 'while'), (2, 'we'), (2, 'time'), (2, 'thus'), (2, 'three'), (2, 'such'), (2, 'story'), (2, 'our'), (2, 'next'), (2, 'land'), (2, 'is'), (2, 'fancy'), (2, 'd'), (2, 'beneath'), (2, 'are')]
```

ファイルalice-wonderland.txtの内容を以下に記載します。
```Python
All in the golden afternoon
  Full leisurely we glide;
 For both our oars, with little skill,
  By little arms are plied,
 While little hands make vain pretence
  Our wanderings to guide.

Ah, cruel Three! In such an hour.
  Beneath such dreamy weather.
 To beg a tale of breath too weak
  To stir the tiniest feather!
 Yet what can one poor voice avail
  Against three tongues together?

Imperious Prima flashes forth
  Her edict "to begin it"—
 In gentler tone Secunda hopes
  "There will he nonsense in it!"—
 While Tertia interrupts the tale
  Not more than once a minute.

Anon, to sudden silence won,
  In fancy they pursue
 The dream-child moving through a land
  Of wonders wild and new,
 In friendly chat with bird or beast—
  And half believe it true.

And ever, as the story drained
  The wells of fancy dry,
 And faintly strove that weary one
  To put the subject by,
 "The rest next time—" "It is next time!"
  The happy voices cry.

Thus grew the tale of Wonderland:
  Thus slowly, one by one,
 Its quaint events were hammered out—
  And now the tale is done,
 And home we steer, a merry crew,
  Beneath the setting' sun.

Alice! a childish story take,
  And with a gentle hand
 Lay it where Childhood's dreams are twined
  In Memory's mystic band,
 Like pilgrim's wither'd wreath of flowers
  Pluck'd in a far-off land.

```

ファイル入出力プログラムについて

### 前提・実現したいこと

サムネクリックで全画面再生、一時停止・再生終了時に全画面終了。

IFrame Player APIでサイト内に埋め込み、fullScreen apiで全画面にしています。


### 発生している問題・エラーメッセージ

IE以外では動作確認できましたが、IE11でのみフルスクリーン（全画面）になりません。

IEのコンソールに表示される内容
Access is denied.

### 該当のソースコード

```html
<div id="video"></div>
```
```css
:-webkit-full-screen video {
  width: 100%;
}

:-moz-full-screen video {
  width: 100%;
}

:full-screen video {
  width: 100%;
}

:fullscreen video {
  width: 100%;
}

:-ms-fullscreen iframe{
  width: 100% ;
}
```

```js
// IFrame Player API の読み込み
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var ytPlayer;
var youtubeId = 'YouTubeのID';
function onYouTubeIframeAPIReady() {
 
  // サムネイルクリック時にYouTubeを埋め込むように設定
  document.getElementById('movie_thumb').addEventListener('click', function() {
    $("#movie_thumb").css({ display: "none" });
    ytPlayer = new YT.Player(
      'video', // 埋め込む場所の指定
      {
        width: 1000, // プレーヤーの幅
        height: 560, // プレーヤーの高さ
        videoId: youtubeId,
            playerVars: { 
              autoplay: 1 ,
              loop:0,
              rel:0
            },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange 
        }
      }
    );
  });
}

// プレーヤー読み込み後の処理
function onPlayerReady(event) {
  event.target.playVideo();
}

function requestFullScreen() {
  if (video.requestFullScreen) {
    video.requestFullScreen();
  } else if (video.webkitRequestFullScreen) {
    video.webkitRequestFullScreen();
  } else if (video.webkitEnterFullscreen) {
    video.webkitEnterFullscreen();
  } else if (video.mozRequestFullScreen) {
    video.mozRequestFullScreen();
  } else if (video.msRequestFullscreen) {
    video.msRequestFullscreen();
  }
}
function exitFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.cancelFullScreen) {
    document.cancelFullScreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  }
}

function onPlayerStateChange(event) {
  var ytStatus = event.data;  
 // 再生終了したとき
if (ytStatus == YT.PlayerState.ENDED) {
    exitFullscreen();
    console.log("再生終了");
  }
  // 再生中のとき
  if (ytStatus == YT.PlayerState.PLAYING) {
      requestFullScreen();
      console.log("再生中");
  }
  // 停止中のとき
  if (ytStatus == YT.PlayerState.PAUSED) {
    exitFullscreen();
    console.log("停止");
  }
}

```

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

iframeをサムネクリックで全画面かつ自動再生させたい。（IE）

### 前提・実現したいこと

VBAでスクレイピングツールを作成しています。

下記ページの「SIZE GUIDE」という項目をクリックしたいのですが、なぜか「.Click」が効きません。

https://store.moncler.com/en-nl/short-outerwear_cod6630340695939643.html#dept=EU_View_All_Outerwear_Men_SS
（商品画像の右側、画面右端の「SIZE GUIDE」）

なお、取得したいデータは下記のとおりです。
「SIZE GUIDE」クリック→開いたページの「Item Measurements:」を取得

---

こちらは、元々は1年前に作成したコードで、1年前～数日前までは問題なく動作していました。
数日前になって急にクリックできなくなり、
クリックできない→ページが開かない→目的のデータが見つからないということで、
その後の処理でエラーが出るようになってしまいました。
HTMLを確認しても、正常に動作していたときと変わった点は見られません。

なぜ「.Click」が効かないのか、
また、「.Click」で対応ができない場合、何か代替の手段はあるか等、
もし何かお分かりになることがありましたら教えていただきたいです。

（うっすらとですが、IEを使っているせいでは？と疑っているのですが、諸事情によりSelenium等の使用は難しいです……）

### 処理する箇所のHTMLソースコード

```
<div class="item__size-select-and-guide__guide mesmerize-size-guide-wrapper size-guide-visible" data-sku="0400583397304" data-abtest-button-label="What is my size?">

					<script src="https://widget.measmerize.com/embed" async="" data-meas-embed="true" data-brand-id="a8e9f7de-d443-4725-9d96-7480ae609f29" data-garment-code="6630340695939643" data-meas-initialised="1612104371985"></script>


					<button data-size-guide-link="6630340695939643">
						<span class="icon"></span>
						<span class="text">Size Guide</span>
						<span class="value"></span>
					</button>
			</div>

```

### 該当のソースコード

```ここに言語名を入力
Sub test()

Dim ie As InternetExplorer
Dim objTag As Object

    Set ie = New InternetExplorer
    ie.Visible = True

    ie.navigate "https://store.moncler.com/en-nl/short-outerwear_cod6630340695939643.html#dept=EU_View_All_Outerwear_Men_SS"

    Do While ie.Busy Or ie.readyState <> 4
        DoEvents
    Loop

'ページ全体にbuttonタグが多数あるため、For Eachで対象のbuttonを探している
      For Each objTag In ie.document.getElementsByTagName("button")
          If InStr(objTag.outerHTML, "data-size-guide-link") > 0 Then
              objTag.Click
'              Wait (300)
              Exit For
          End If
      Next
End Sub
```

### 試したこと
- ページ全体でbuttonが多数あるが、他のbuttonはクリックできるのか？と思い、試したところ、他のbuttonはクリックできる。目的のbuttonだけクリックできない。

- 66番目に出てくるbuttonであることが分かったため、
ie.document.getElementsByTagName("button")(66).Clickを試したが状況変わらず。

- Firefoxの要素の調査を眺めていると、該当箇所クリック時に下記URLにアクセス？していることが判明。
ただ、取得したいのは「Item Measurements:」の項目で、下記URLではその項目が空欄になっている。「Item Measurements:」内のデータはどこから引っ張ってきているのか力不足で分からない。
https://store.moncler.com/SizeHelp/Index?code10=6630340695939643&siteCode=MONCLER_NL&langId=4

### 環境
Windows10 64bit
Excel 2019 64bit
Internet Explorer 11

VBAからのIE操作で、「.Click」が効かないのはなぜ？

C言語の問題なんですが次の問題でどのようなプログラムを作れば正しく実行例のような結果が得られるかがわかりません。

[問題]
入力ファイルには、受験者ID、クラス、英語、数学、物理の3科目の得点データが繰り返して保存されている。リダ入れクションを用いてEOFを検出するまでファイルからデータを読み込み(上限100人)、出力結果の例に示すようなプログラムを作成せよ。IDデータは整数値、クラスは英文字、得点データは0〜100の整数値とする。
(3科目の合計点の高い順に上位5名の結果と下位5名の結果を出力するプログラムを作成せよ。出力は順位、ID、クラス、英語の得点、数学の得点、物理の得点、および合計点を表示するものとする。なお、同じ合計点の受験者はいないものとして想定して良い。)

[入力ファイル例]
1 A 3  16 8 　　　　　　　受験者ID クラス　英の得点　数の得点　物の特典
2 B 38 10 11      説明
3 C 33 13 11　　　　➡️　　　1      A        3       16     8
4 D 26 15 10
5 E 34 14 8
6 F 8  12 5


![イメージ説明](f4508c5cc9307b7ed3c09f1f017ee16e.png)


以上が問題の内容です。
どなたかプログラムを教えていただけないでしょうか。
よろしくお願い致します。

C言語の問題でプログラムがわかりません。

下記のコードで、指定したpathのPDFファイルを特定のプリンターで紙出力を自動的に実行するコードを作成しております。
これを仮に実行すると何もerrorが出力されず、Adobe Acrobat reader DCの初期ホーム画面が立ち上がるのみで、紙が出力されません。
尚、ライブラリで`Windows Script Host Object Model`には適切にチェックされており、下記のPDFから下記指定のプリンターに対して手動で出力すると問題なく紙面出力ジョブが転送されます。

何か、考えらえる問題点はございますでしょうか？
お力添えの程、宜しくお願い申し上げます。

```vba
Sub openFile()
  
    Dim strPDFName As String
    Dim strFolderPath As String
    strFolderPath = Cells(2, 6).Value
    strPDFName = Dir(strFolderPath & "*見積*")
    
    Dim wshShellObj As IWshRuntimeLibrary.WshShell                         
    Set wshShellObj = New IWshRuntimeLibrary.WshShell
    Dim strShellCommand As String                                              'Shellコマンド
    Dim printFilePath As String
    printFilePath = strFolderPath & "\" & strPDFName 
    Dim printerName As String                                                     
    printerName = "\rmad03\FX DocuCentre-VI C5571(70)"
　　 Debug.Print(printerName) '\rmad03\FX DocuCentre-VI C5571(70) on XXXであることを確認
    Debug.Print(printFilePath) '正しくPathが出力されていることを確認
 
    strShellCommand = "AcroRd32.exe /t " & printFilePath & " " & printerName
    wshShellObj.Run (strShellCommand)
 
    Set wshShellObj = Nothing
    
End Sub
```

シェルコマンドを使用してPDFを印刷する

####やりたいこと
モーターを回転させるプログラムを書いているのですが、モーターの状態を確認するために「停止中」か「回転中」なのかを表示させるようにしたいです。
回転中かどうかをisRotateで判断し、モーターが停止中(プログラム開始前と終了後)はFalse、モーターが回転中(プログラムが実行中)はTrueとし、HTMLから現在のisRotateの状態を参照し、Jinja2で条件分岐させて「停止中」か「回転中」かを表示させたいです。

####わからないこと
HTMLからisRotateを参照したいのですが、うまく参照できません。

####試したこと
```
@app.route('/checkstatus', methods=['POST'])
def checkStatus():
    return render_template('index.html', isRotate=isRotate)
```
のようにして、HTMLにisRotateの情報を渡そうとしたのですが、isRotateを宣言しなければならなく、
```
from flask import Flask, render_template, request
from gpiozero_stepping import C28BYJ48 as stepping_motor
from jinja2 import *

app = Flask(__name__)
isRotate = False
```
のように宣言すると、全てがFalseになってしまい「停止中」になってしまいます。

うまく私のやりたいことを実行するにはどのように変更すればよろしいでしょうか？

###index.html
```HTML
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>カメラ操作画面</title>
  </head>
    
  <body>
    <header>
      <h1>カメラコントロール</h1>
    </header>
    <hr>
    <form action="/" method="POST">
    <p>角度を選択してください。<br>
      <input type="radio" name="angle" value="30" checked>30°
      <input type="radio" name="angle" value="45">45°
      <input type="radio" name="angle" value="60">60°
      <input type="radio" name="angle" value="75">75°
      <input type="radio" name="angle" value="90">90°
      <input type="radio" name="angle" value="105">105°
      <input type="radio" name="angle" value="120">120°
      <input type="radio" name="angle" value="135">135°
      <input type="radio" name="angle" value="150">150°
      <input type="radio" name="angle" value="165">165°
      <input type="radio" name="angle" value="180">180°
    </p>
    <br>
    <p>時間を選択してください。<br>
      <input type="radio" name="time" value="1" checked>1分
      <input type="radio" name="time" value="30">30分
      <input type="radio" name="time" value="60">60分
      <input type="radio" name="time" value="90">90分
      <input type="radio" name="time" value="120">120分
    </p>
    <br>
      <button type="submit" name="button">撮影開始</button>
    </form>
    <hr>
    <form action="/checkstatus" method="POST">
      <button type="submit" name="checkstatus">状態確認</button>
      {% if isRotate == True %}
        <p>回転中</p>
      {% else %}
        <p>停止中</p>
      {% endif %}
    </form>

    <footer>
      <p>ラズパイ勉強会</p>
    </footer>
  </body>
</html>
```

###app.py
```Python
from flask import Flask, render_template, request
from gpiozero_stepping import C28BYJ48 as stepping_motor
from jinja2 import *

app = Flask(__name__)

@app.route('/', methods=["GET"])
def index():
    return render_template('index.html')
        
@app.route('/', methods=['POST'])
def post():
    angle = int(request.form.get('angle'))
    time = int(request.form.get('time'))
    isRotate = True
    StepMotor = stepping_motor(14, 15, 18, 23)
    StepMotor.run(angle, time, 1)
    isRotate=False

    return render_template('index.html')

@app.route('/checkstatus', methods=['POST'])
def checkStatus():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=False, host="0.0.0.0", port=5000)
```

###gpiozero_stepping.py
```Python
# -*- coding: utf-8 -*-
from time import sleep

from flask.templating import render_template
from gpiozero import OutputDevice as stepper

class C28BYJ48:

    def __init__(self, IN1, IN2, IN3, IN4):
        self.IN1 = stepper(IN1)
        self.IN2 = stepper(IN2)
        self.IN3 = stepper(IN3)
        self.IN4 = stepper(IN4)
        #Setting GPIO
        self.stepPins = [self.IN1, self.IN2, self.IN3, self.IN4]
        self.sequenceNumber = 0
        self.stepCount = 8
    
    def seq(self):
        return [[1,0,0,1], [1,0,0,0],[1,1,0,0],[0,1,0,0],[0,1,1,0],[0,0,1,0],[0,0,1,1],[0,0,0,1]]

    def SetRoll(self, angle, wait):
        #入力値が0以下の場合
        if angle <= 0 : return 0,0
        #回転ステップ数の計算
        #カメラ台座ギア比2：1のため、角度入力値を二倍にします
        steps = (angle * 2) * 4096 / 360
        #回転インターバル時間の計算
        #入力値分単位を秒単位へ変換
        interval = float(wait * 60.0 / steps)
        return steps, interval

    #シーケンスのピンをセットする
    def SetPinVoltage(self, NSeq):
        self.sequenceNumber = NSeq
        for pin in range(0,4):
            xPin = self.stepPins[pin]
            seq = self.seq()
            if seq[self.sequenceNumber][pin]!=0:
                xPin.on()
            else:
                xPin.off()

    def run(self, angle, wait, direction):
        # Set to 1 for clockwise
        # Set to -1 for anti-clockwise
        self.direction = direction
        #回転設定
        steps, interval = self.SetRoll(angle, wait)
        for i in range(0, int(steps)):
            self.SetPinVoltage(self.sequenceNumber)
            self.sequenceNumber += self.direction
            if self.sequenceNumber >= self.stepCount:
                self.sequenceNumber = 0
            if self.sequenceNumber < 0:
                self.sequenceNumber = self.stepCount + self.direction
            sleep(interval)

if __name__ == '__main__':

    StepMotor = C28BYJ48(14,15,18,23)
    #時計周り 180度回転/撮影時間1分
    StepMotor.run(180, 1, 1)

    #反時計周り 180度回転/撮影時間1分
    StepMotor.run(180, 1, -1)
```

HTMLファイルからPythonファイルの変数を参照できない。

### 前提・実現したいこと
ホームページを公開するために、自分のurlを取得したいです。そのためにまずapacheを使い、自分でサーバーを用意したいです。

### 発生している問題・エラーメッセージ
/etc/apache2/httpd.confというファイルのどこを変更すれば良いのかがわかりません

### 該当のソースコード

```ここに言語名を入力
ソースコード
```

### 試したこと
ブラウザでit works!という表示にはなりました。
/etc/apache2/httpd.confというファイルの内容を変更することで設定を変えることができるらしいのですが、それをターミナルで開くときにvim /etc/apache2/httpd.confと打てばいいということも聞きました。

### 補足情報（FW/ツールのバージョンなど）
ホームページを公開するには、Webサーバーと呼ばれるコンピュータのハードディスクに、作成したHTMLファイルや画像ファイルをコピーしてやる必要があると聞きました。MacBook Airを使用していたので、ターミナルでapacheを使うことにしました。

apacheの使い方

### 解決したいこと
blade.phpファイルの中でデータベースの情報を出力するコードを記載したのですがデータを取得できているのか、またどんなものが取得されているのか確認する方法をご教示いただきたいです。
よろしくお願いいたします。
またコードに関しては下記に記載しておきます。
ご指摘点やアドバイスがある場合もよろしくお願いいたします。
使用している言語は、laravel　phpです。
よろしくお願いいたします。


```
blade.phpファイル

<div class="custom-select">
                        <select name="store_id"
                                class="form-control search-select2">
                                <option></option>
                            @foreach($stores as $store)
                                <option value="{{$store->id}}">
                                    {{$store->title}}
                                </option>
                            @endforeach
                        </select>
                        <i class="fa fa-chevron-down"></i>
                    </div>
```

blade.phpファイルの中でデータベースの情報を出力するコードを記載したのですがデータを取得できているのか、またどんなものが取得されているのか確認する方法をご教示いただきたいです。

VBAで複数のシートがあるエクセルシートのうち、１枚のシートだけをcsvファイルに保存したいです。

上書き確認のメッセージボックスは勝手に表示してくれて構いませんが、保存したあと開いてるファイルの名前が保存したcsvファイルの名前に変わってしまうエクセルの不具合をなんとかしたいです。

開いてるファイルの名前と拡張子は元通りのマクロ有効ファイルのまま、１枚のシートだけを別名のcsvファイルに保存したいです。

ちゃんと解決しているURLを教えて下さい。

補足
エクセルのシートを名前を付けてcsvに保存すると開いてるエクセルファイルの名前がcsvファイルになるエクセルのクソ仕様は今の時代に於いてはハッキリ言って不具合と呼んでいいレベルのクソ仕様です。なのであえてエクセルの不具合と書きました。

補足２
あ、今、気付いた。
csvに保存する前に元のファイル名をString変数に退避させておいてcsvに保存したあと元のファイル名で保存すれば良いだけ？
なんか余計なメッセージボックスが勝手に出そうだなぁ、、、
ちゃんと解決したらサンプルソースコードをここにアップします。