常連

注目の的

情報収集家

ご回答いただいた通りＰＨＰのバージョンが古かったためでした。
以降同じ問題があった方のために解決までの手順を書かせて頂きます。

⑴PHPのバージョン確認方法
　xamppのhtdoc内に以下のコードを入力し、バージョンを確認する
```html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>

<?php phpinfo() ?>

<body>
<html>

```

バージョンが古かったので、PHPのみ更新しようと考えましたが、途中で必要なファイルを消してしまったようでxamppを丸ごと更新しました。

xamppのファイルを丸ごとcドライブ直下から移動し、xamppの最新バージョンをcドライブ直下にインストールしました。
その後、https://tabibitojin.com/pc-xampp-wordpress-install/のサイトを参考にしたところ無事wordpressに接続できました。

ネットでwordpressについて学習しようと思い、作業していましたが、wordpressのインストール画面で躓いてしまいました。
非常に初歩的な質問で申し訳ないのですが、よろしくお願い致します。
OSはWindows10を使用しております。

以前PHPの学習でxamppをダウンロードしていたため、xamppのダウンロードと使用はできる状態であると思います。

Wordpressを使用するため、公式サイトよりDLして、フォルダ内のhtdoc直下にwordpressという名前で設置しました。
![イメージ説明](280a9baeef66f57ee08ff67bb7927548.png)
その後ApacheとMysqlを起動して、http://localhost/wordpress/というアドレスを入力しました。
![イメージ説明](5f08b2acde948934e4a13cab01ac451c.png)

しかし、
Parse error: syntax error, unexpected '.', expecting '&' or variable (T_VARIABLE) in C:\xampp\htdocs\wordpress\wp-includes\functions.php on line 1081
というエラーが出てしまいます。
解決できず先に進めず困っています。どうかお力添えお願いいたします。


```html

function add_query_arg( ...$args ) {　　←これが1081行目です。
	if ( is_array( $args[0] ) ) {
		if ( count( $args ) < 2 || false === $args[1] ) {
			$uri = $_SERVER['REQUEST_URI'];
		} else {
			$uri = $args[1];
		}
	} else {
		if ( count( $args ) < 3 || false === $args[2] ) {
			$uri = $_SERVER['REQUEST_URI'];
		} else {
			$uri = $args[2];
		}
	}

```

追記
PHPとmysqlのバージョンについて補足です。
PHP Version 5.4.7
wordpress Version 5.4


一応1081行目以前のコードも記載いたします。
```html
foreach ( (array) $data as $k => $v ) {
		if ( $urlencode ) {
			$k = urlencode( $k );
		}
		if ( is_int( $k ) && null != $prefix ) {
			$k = $prefix . $k;
		}
		if ( ! empty( $key ) ) {
			$k = $key . '%5B' . $k . '%5D';
		}
		if ( null === $v ) {
			continue;
		} elseif ( false === $v ) {
			$v = '0';
		}

		if ( is_array( $v ) || is_object( $v ) ) {
			array_push( $ret, _http_build_query( $v, '', $sep, $k, $urlencode ) );
		} elseif ( $urlencode ) {
			array_push( $ret, $k . '=' . urlencode( $v ) );
		} else {
			array_push( $ret, $k . '=' . $v );
		}
	}

	if ( null === $sep ) {
		$sep = ini_get( 'arg_separator.output' );
	}

	return implode( $sep, $ret );
}


/**
 * Retrieves a modified URL query string.
 *
 * You can rebuild the URL and append query variables to the URL query by using this function.
 * There are two ways to use this function; either a single key and value, or an associative array.
 *
 * Using a single key and value:
 *
 *     add_query_arg( 'key', 'value', 'http://example.com' );
 *
 * Using an associative array:
 *
 *     add_query_arg( array(
 *         'key1' => 'value1',
 *         'key2' => 'value2',
 *     ), 'http://example.com' );
 *
 * Omitting the URL from either use results in the current URL being used
 * (the value of `$_SERVER['REQUEST_URI']`).
 *
 * Values are expected to be encoded appropriately with urlencode() or rawurlencode().
 *
 * Setting any query variable's value to boolean false removes the key (see remove_query_arg()).
 *
 * Important: The return value of add_query_arg() is not escaped by default. Output should be
 * late-escaped with esc_url() or similar to help prevent vulnerability to cross-site scripting
 * (XSS) attacks.
 *
 * @since 1.5.0
 * @since 5.3.0 Formalized the existing and already documented parameters
 *              by adding `...$args` to the function signature.
 *
 * @param string|array $key   Either a query variable key, or an associative array of query variables.
 * @param string       $value Optional. Either a query variable value, or a URL to act upon.
 * @param string       $url   Optional. A URL to act upon.
 * @return string New URL query string (unescaped).
 */　←1080行目
```

Wordpressインストール開始画面が表示されません。

メニューボタンの中のひとつだけ、<a>タグ内の<p>もhover時に色を変更したいのですが、
できなくて困っています。

下記コードのクラス名（contact）の「お問い合わせ」「Contact」という文言を同時にhoverで変更したいのですが、
「お問い合わせ」しか色が変わりません。

「お問い合わせ」「Contact」という文言を同時に変更する方法はあるのでしょうか。
お知恵をお借りできませんでしょうか。
よろしくお願いいたします。



```ここに言語を入力
<nav class="main-nav">
		<ul class="wrapper">
		  <li><a href="#">メニュー１<p class="nav">メニュー説明</p></a></li>
		  <li><a href="#">メニュー２<p class="nav">メニュー説明</p></a></li>
	      　　<li><a href="#">メニュー３<p class="nav">メニュー説明</p></a></li>
		  <li class="contact"><a href="#">お問い合わせ<p class="contact-p">Contact</p></a></li>	
		</ul>
</nav>
```
```ここに言語を入力
.main-nav ul li a{
	display: block;
	padding-top:13px;
	padding-bottom:8px;
	padding-left: 8px;
	padding-right:8px;
	color:#fff;
	transition: all 0.5s;
}

.main-nav ul li a:hover{
	color:#00b259;
	background-color: #fff;
}


.main-nav ul li p.nav{
	color:#ffdc73;
	font-size:0.7rem;
	margin-top: -3px;
	font-weight: normal;
}

.contact{
	background-color: #ffc926;
	display: inline-block;
    position: relative;
	color:#fff;
}


.main-nav ul li p.contact-p{
	color:#fff;
	font-size:0.7rem;
	margin-top: -3px;
	font-weight: normal;
}

```

<a>タグ内の<p>をhover時に色変更する方法

### 前提・実現したいこと

MacでVSCodeを利用し、numpyのcsvデータの連結("test2.csv"と"test_data"の"PassengerId"列)を行いたいのですが、上手くいかずお分かりの方がいれば、ご教示いただけますと幸いです。

※pandas3でcsvデータの前処理をし、svmで評価を行った際にnumpyに変換されていたりとデータ形式が原因になっているかもと、下記「発生している問題・エラーメッセージ」部分に、各データの一部を記載しております。
データ形式等、状況把握に必要なものがありましたら、ご連絡いただければと思います。

### 発生している問題・エラーメッセージ

```
/Library/Frameworks/Python.framework/Versions/3.8/bin/python3 /Users/name/python/実績フォルダ/taitanic_bunseki.py
             Pclass   Age  SibSp  Parch      Fare  Sex_female  Embarked_C  Embarked_Q
PassengerId                                                                          
627               2  57.0      0      0   12.3500           0           0           1
542               3   9.0      4      2   31.2750           1           0           0
809               2  39.0      0      0   13.0000           0           0           0
604               3  44.0      0      0    8.0500           0           0           0
266               2  36.0      0      0   10.5000           0           0           0
...             ...   ...    ...    ...       ...         ...         ...         ...
38                3  21.0      0      0    8.0500           0           0           0
660               1  58.0      0      2  113.2750           0           1           0
535               3  30.0      0      0    8.6625           1           0           0
862               2  21.0      1      0   11.5000           0           0           0
586               1  18.0      0      2   79.6500           1           0           0

[418 rows x 8 columns]
             Survived
PassengerId          
627                 0
542                 0
809                 0
604                 0
266                 0
...               ...
38                  0
660                 0
535                 0
862                 0
586                 1

[418 rows x 1 columns]
             Pclass   Age  SibSp  Parch      Fare  Sex_female  Embarked_C  Embarked_Q
PassengerId                                                                          
892               3  34.5      0      0    7.8292           0           0           1
893               3  47.0      1      0    7.0000           1           0           0
894               2  62.0      0      0    9.6875           0           0           1
895               3  27.0      0      0    8.6625           0           0           0
896               3  22.0      1      1   12.2875           1           0           0
...             ...   ...    ...    ...       ...         ...         ...         ...
1305              3  21.0      0      0    8.0500           0           0           0
1306              1  39.0      0      0  108.9000           1           1           0
1307              3  38.5      0      0    7.2500           0           0           0
1308              3  21.0      0      0    8.0500           0           0           0
1309              3  21.0      1      1   22.3583           0           1           0

[418 rows x 8 columns]
/Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/sklearn/utils/validation.py:760: DataConversionWarning: A column-vector y was passed when a 1d array was expected. Please change the shape of y to (n_samples, ), for example using ravel().
  y = column_or_1d(y, warn=True)
テストデータ：             Pclass   Age  SibSp  Parch      Fare  Sex_female  Embarked_C  Embarked_Q
PassengerId                                                                          
892               3  34.5      0      0    7.8292           0           0           1
893               3  47.0      1      0    7.0000           1           0           0
894               2  62.0      0      0    9.6875           0           0           1
895               3  27.0      0      0    8.6625           0           0           0
896               3  22.0      1      1   12.2875           1           0           0
...             ...   ...    ...    ...       ...         ...         ...         ...
1305              3  21.0      0      0    8.0500           0           0           0
1306              1  39.0      0      0  108.9000           1           1           0
1307              3  38.5      0      0    7.2500           0           0           0
1308              3  21.0      0      0    8.0500           0           0           0
1309              3  21.0      1      1   22.3583           0           1           0

[418 rows x 8 columns],予測ラベル：[0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
 0 0 0 0 0 0 0 0 0 0 0]
正解率= 0.5909090909090909
Traceback (most recent call last):
  File "/Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/pandas/core/indexes/base.py", line 2646, in get_loc
    return self._engine.get_loc(key)
  File "pandas/_libs/index.pyx", line 111, in pandas._libs.index.IndexEngine.get_loc
  File "pandas/_libs/index.pyx", line 138, in pandas._libs.index.IndexEngine.get_loc
  File "pandas/_libs/hashtable_class_helper.pxi", line 1618, in pandas._libs.hashtable.PyObjectHashTable.get_item
  File "pandas/_libs/hashtable_class_helper.pxi", line 1626, in pandas._libs.hashtable.PyObjectHashTable.get_item
KeyError: 'PassengerId'

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
  File "/Users/name/python/実績フォルダ/taitanic_bunseki.py", line 32, in <module>
    np.concatenate([test_data1,test_data["PassengerId"]])
  File "/Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/pandas/core/frame.py", line 2800, in __getitem__
    indexer = self.columns.get_loc(key)
  File "/Library/Frameworks/Python.framework/Versions/3.8/lib/python3.8/site-packages/pandas/core/indexes/base.py", line 2648, in get_loc
    return self._engine.get_loc(self._maybe_cast_indexer(key))
  File "pandas/_libs/index.pyx", line 111, in pandas._libs.index.IndexEngine.get_loc
  File "pandas/_libs/index.pyx", line 138, in pandas._libs.index.IndexEngine.get_loc
  File "pandas/_libs/hashtable_class_helper.pxi", line 1618, in pandas._libs.hashtable.PyObjectHashTable.get_item
  File "pandas/_libs/hashtable_class_helper.pxi", line 1626, in pandas._libs.hashtable.PyObjectHashTable.get_item
KeyError: 'PassengerId'
```

### 該当のソースコード

```Python
from sklearn import svm
from sklearn.metrics import accuracy_score
import pandas as pd
import numpy as np

#学習データとラベルを準備
train_data=pd.read_csv("train1.csv",index_col=0)
print(train_data)
train_label=pd.read_csv("train_label1.csv",index_col=0)
print(train_label)

#テストデータを準備
test_data = pd.read_csv("test1.csv",index_col=0)
print(test_data)

#アルゴリズムを指定
clf = svm.SVC(C=1, gamma=10)

#学習
clf.fit(train_data,train_label)

#テスト
test_label = clf.predict(test_data)

#テスト結果の表示
print("テストデータ：{0},予測ラベル：{1}".format(test_data,test_label))
print("正解率= {}".format(accuracy_score(train_label, test_label)))

#csvデータの連結
np.savetxt("test2.csv",test_label,fmt="%.0f",header="Survived",comments="")
test_data1 = pd.read_csv("test2.csv")
np.concatenate([test_data1,test_data["PassengerId"]])
```

csvデータの連結に関して

#解決したいこと
チェックボックスの値をsubmit後のPHPで受け取り、その値をCSVに書き込みたい。

現状、Radioボタン値は取得しCSVに記載できているが、チェックボックスのみエラーが出る。
##作業環境
・XAMPP
・Atom
## 制作しているデータ
```PHP
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>入力フォーム</title>
	<meta name="Description" content="" />
	<link href="stc_images/style.css" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
	<div class="contents" id="contents">
		<form id="docform" method="post" action="senddata(test_02).php" name="check">
			<input type="hidden" id="mode" name="mode" value="confim" />
			<div class="box box-q1">
				<p class="step"><img src="stc_images/fv.jpg"></p>
				<p class="box_main"><img src="stc_images/q1.jpg"></p>
				<ul>
					<li><label><input name="q1" type="radio" value="はい">はい</label></li>
					<li><label><input name="q1" type="radio" value="いいえ">いいえ</label></li>
				</ul>
				<p class="q1_error error">選択してください。</p>
			</div>

<div class="box box-q2">
				<p class="box_main"><img src="stc_images/q2.jpg"></p>
				<ul>
					<li><label><input name="q2[]" type="checkbox" value="Q1">Q1</label></li>
					<li><label><input name="q2[]" type="checkbox" value="Q2">Q2</label></li>
					<li><label><input name="q2[]" type="checkbox" value="Q3">Q3</label></li>
					<li><label><input name="q2[]" type="checkbox" value="Q4">Q4</label></li>
				</ul>
				<p class="q2_error error">選択してください。</p>
			</div>

　　　　　　<input type="submit" value="送信ボタン" name="btn_confirm">
　　　　　　</body>
           </html>
```
```PHP

<?php

//
var_dump($_POST);
$q1 = $_POST['q1'];
$q2 = $_POST['q2']; //ここが問題？

// 書き込む配列を生成する
$array = [$q1, $q2]; //ここが問題？

// 書き込みモードでファイルを開く
$fp = fopen("answer.csv", "a+");

// CSV形式で書き込む
fputcsv($fp, $array);

// ファイルを閉じる
fclose($fp);

?>
```

## 出ているエラー
Submitを押すと、q1の値はCSVに書き込みができているが、q2の値が「Array」と記載されてしまう。

遷移後は「Array to string conversion in・・・」といったようなエラー文が残る。

チェックボックスのアンケートをCSV保存するとき、複数の値を配列で書き出したい

p5.js初心者です。
タイトルの通りなのですが、p5.jsのWEBGLモードにするとtext();が表示されません。

WEBGLを解除すると表示されます。

p5.js公式サイトののtext();のリファレンスのコードをそのままコピーしても動かず・・・。
https://p5js.org/reference/#/p5/text

他に参考になるようなドキュメントが見つからず困っています。
原因分かりますでしょうか。


▼下記のコードで表示されません。
---------------------

<script src="https://cdn.jsdelivr.net/npm/p5@1.0.0/lib/p5.min.js"></script>

<script>
function setup() {
  createCanvas(windowWidth, windowHeight, WEBGL);
  background(100);
}
function draw(){
  textSize(50);
  text("テストテストテスト",100,100);
}
</script>

p5.jsのWEBGLモードにするとtext();が表示されない

Laravelを学習しており、様々な便利機能を使えるようになってたところです。この度新しい課題としてVue.jsと連携するサイトを作ることとなり、いろいろなサイトやteratailの質問なども読んでおります。課題では、販売者と購入者の2種のユーザーが自分の能力（Webサイト作ります、イラスト書きます等）の販売・購入するプロジェクトを作成するのですが、まず、どんなページにVue.jsを使い、どんなページには不要なのかという初歩の段階で躓いてしまいました。

例えば、Vue.jsを連携させる場合は、機能のないTOPページなどもコンポーネントとしてvueファイルに書いて表示させるべきなのでしょうか？売りたい内容についてのページでは、クリックされたら、、などの機能を実装するのでVue.jsの利便性が理解できますが、それ以外のユーザー情報の変更などのページはそのままPHPで書いた方が簡単な気がします。

```
--sample.blade.php

@extends('layout.app')
@section('content')
<top-component></top-component>
@endsection
```

```
--TopComponent.vue

<template>
  <div>
    <img src='/public/storage/'top-image.jpg''>
  </div>
</template>
```

このように、全てのページ（パーツ）をコンポーネントとすることが一般的でしょうか？それとも、JSを利用して機能を実装するページのみにVueを使う方が一般的でしょうか？

[JSONデータの操作](https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/JSON)という記述を読みましたが、VueコンポーネントとすることでサーバーからJSONファイルを受け取ることができるということがカギなのでしょうか？
みなさんがどのようにLaravelプロジェクトの中でVueを使っているか教えてください。

LaravelとVue.jsを連携させる際にVueを使うべきページ（機能）について

### 前提・実現したいこと

ubuntu を起動したのち、node を用いて JavaScript ファイルを実行して結果を表示したい。

### 発生している問題・エラーメッセージ

```
実行結果が表示されない
```

### 該当のソースコード

ディレクトリ構造

workspace > fibonacci > app.js 

において、以下のように app.js を書きました。(フィボナッチ数列の項を求めるコード)

```javascript
'use strict';

function fib(n) {
  if (n === 0){
    return 0;
  } else if(n === 1){
    return 1;
  }
  return fib(n-1) + fib(n-2);
}

const length = 40;
for (let i = 0; i < length; i++) {
  console.log(fib(i));
}
```

これを、

```terminal
vagrant@ubuntu-bionic:~/workspace/fibonacci$ node app.js
```

で実行したら、

```terminal
vagrant@ubuntu-bionic:~/workspace/fibonacci$ node app.js
vagrant@ubuntu-bionic:~/workspace/fibonacci$ 
```

となって、実行結果が表示できません。


### 試したこと

試すべきことがわからない

### 補足情報（FW/ツールのバージョンなど）

macOS Catalina
Node.js v 10.14.2

Node.js での JavaScript の実行

格納したいのは各セレクトボックスのindexとidの数値です。
セレクトボックスが変更されたら配列へ格納＝配列の更新、
同時に送信ボタンを非活性から活性にしたいです。
listsはapiから取得したレスポンスが入ってきます。
listsを画面表示した時にセレクトボックスと送信ボタンを
vueで追加するところまではできていますが、
それぞれにindexを付けたりループ処理がわからなくて困ってます。

```vue
<li v-for = " (list, index) in lists" >
  <select id='answer' @change= "changeans(index)">
  <option value='' disabled selected style='display:none'>選択してください</option>
  <option v-for="option in options" v-bind:value="option.name" v-bind:key="option.id">{{ option.name }}</option>
</select>
<button id =sendbutton' type='submit' @click= "send(index)" onclick = "this.disabled = true" disabled>送信</button>
</li>

  data: function () {
    return {
      lists: null,
      sendnum: [],
      options: [
        { id: 5, name: '☆' },
        { id: 4, name: '◎' },
        { id: 3, name: '〇' },
        { id: 2, name: '△' },
        { id: 1, name: '✕' }
      ]
    }
  },

  methods: {
    changeans (index) { // 格納更新
      this.sendnum = []
      this.sendnum.push(document.getElementById('answer') // 表示されている分ループさせたい
      document.getElementById('sendbutton').disabled = false // 各ボタンの活性化
    },

    send (index) { // 送信
      axios～


```

v-forで表示したセレクトボックスが変更されたら配列に格納したい

### 実装したい内容
Laravelとvue.jsを用いてログイン機能を実装したい。
現状、Laravelの標準機能を使用して、ログイン・アカウント登録機能までは実装完了している。
しかし、ログアウトができない。

### 現状
ログアウト機能を実装するために、POSTでroute('logouut')を送信してあげればログアウトは可能だが
vueファイル内で{{route('logouut')}}を記述するとエラーとなってしまう。

▼ ソース
Header.vue
```
<template>
  <b-navbar-nav class="navbar-nav-right ml-auto">
    <b-nav-item-dropdown right class="nav-profile">
      <b-dropdown-item class="preview-item">
        <a class="dropdown-item" href="#" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
          <i class="mdi mdi-logout mr-2 text-primary"></i> Signout
        </a>
        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
        </form>
      </b-dropdown-item>
    </b-nav-item-dropdown>
  </b-navbar-nav>
</template>
```

▼ エラー
```
Errors compiling template:

action="{{ route('logout') }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.
```

### 解決したいこと
vueファイル内でlaravelの標準ログアウト機能を使用し、ログアウトをしたい。
laravel初心者になりますので的外れな質問になってしまっていたら申し訳ありません...

Laravelとvue.jsでのログイン機能の実装について

# Visual Studio Codeの設定について

VS Codeでファイルを開いた際、左ペインにあるフォルダとリンクさせたいのですが、
こちらのどこの設定を変更すればいいでしょうか？

Eclipseでいう下記のようなことをしたいです。

https://hacknote.jp/archives/5811/

Visual Studio Codeの設定について

Laravel環境のvue.jsにてtableを描画しているのですが、動的に横列が増えた場合にテーブルの幅が変更されてレイアウトが崩れます。
th,tdセル幅を固定したいのですが、CSSについてご教授お願いします。

```css
html,body{
  min-width:1300px;
  height:600px;
}
table{
  border:none;
  border-collapse:collapse;
  table-layout:fixed;
  min-width:1280px;
}
thead, tbody {
  display: block;
  min-width:1280px;
}
tbody{
  overflow-x: visible;
  overflow-y: scroll;
  height: 70vh;
  -ms-overflow-style: none;
  scrollbar-width: none;   
}
th{
  width:20px;
}
td{
  width:20px;
}
```

vueで動的に表示するtableの幅を固定したい。

### 前提・実現したいこと

chartjsで折れ線グラフを作成しています。
y軸を左右に設け、凡例を右側に表示させたいです。
正しい設定方法についてご教示ください。
よろしくお願いいたします。

### 発生している問題・エラーメッセージ

```
右スケールの内側に凡例が表示されてしまいます。
（現状）左スケール｜グラフ｜凡例｜右スケール
（実現したいこと）左スケール｜グラフ｜右スケール｜凡例
```

### 該当のソースコード

```HTML
<canvas id="chart-line" style="max-width: none"></canvas>
```
```JS
var ctx2 = document.getElementById("chart-line").getContext("2d");
      var myLineChart = new Chart(ctx2,{
        type: 'line',
        data: lineData,
        options: {
          legend: {
            position: 'right',
            labels: {
              boxWidth: 20
            }
          },
          title: {
            display: true,
            fontSize: 18,
            padding: 30,
            text: 'アクセス推移グラフ'
          },
          scales: {
            xAxes: [
              {
                ticks: {
                  autoSkip: false,
                }
              }
            ],
            yAxes: [
              {
                id: 'leftNumberOfPeopleYaxis',
                type: 'linear',
                position: 'left',
                scaleLabel: {
                  display: true,
                  labelString: 'アクセス数・待機人数',
                },
                ticks: {
                  beginAtZero: true,
                  callback: function(value) {if (value % 1 === 0) {return value;}}
                }
              },
              {
                id: 'rightTimeYaxis',
                type: 'linear',
                position: 'right',
                scaleLabel: {
                  display: true,
                  labelString: '待機時間',
                },
                ticks: {
                  beginAtZero: true,
                  callback: function(value) {if (value % 1 === 0) {return value;}}
                }
              },
            ]
          }
        }
      });
```

chartjsの凡例を右側に表示したい

### 前提・実現したいこと
プログラミング初学者でvisual studio codeを使用しています。
タイプミスが多いのでタイプミスをした時点で波線で教えてくれる機能があると嬉しいのですが、そのような機能を追加する方法があればお教えいただけると嬉しいです。

画像のように</head>タグを無駄に2つ書いたり、<body>タグを間違えてもコンソールを開くまでエラーがわかりません。

もし状況説明が足りないのであれば追記しますのでご指摘よろしくお願いいたします。


### 発生している問題・エラーメッセージ

![イメージ説明](f5e44f4378711e1d51b12f944cb0fb58.png)




### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

VSコードにタイプミスを教えてくれる機能を追加したい

## 環境
git version 2.17.1
```wsl
$ ssh git@github.com.example
PTY allocation request failed on channel 0
Hi example! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.
```
```wsl
example/.git$ ls
COMMIT_EDITMSG  FETCH_HEAD  HEAD  branches  config  description  hooks  index  info  objects  refs
```
```wsl
example/.git$ cat config
[core]
        repositoryformatversion = 0
        filemode = false
        bare = false
        logallrefupdates = true
        ignorecase = true
[remote "origin"]
        url = git@github.com:example/example.git
        fetch = +refs/heads/*:refs/remotes/origin/*
```
尚、[こちらのサイト](https://qiita.com/yamataku29/items/4744c9c70ad793c83b82)を参考にgitのlocal環境を構築しました。


## 質問
問題なく、GitHubにsshで接続されていると思うのですが、
以下のようなエラーが起きてしまいました。
```wsl
example $ git pull origin master
ERROR: Repository not found.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
```
これはgit branchの中身が表示されないことが原因だと考えています。
```wsl
example $ git branch
```
よろしくお願いします。

git branchの表示の仕方を教えてください！

宜しくお願い致します。

v-bindを使い、フォームに入力された文字列を判定し表示を切り変えることを考えております。

動作の流れ
１、pは始めは非表示にしておく
２、フォームに入力された文字をindexOfで判定し、全て一致（パスワードはapple）した場合、pを表示させる

おそらくcomputedあたりを使えば実現できるのではと考えていますが、
どのように記載をすれば、showをtrueに変更できるかがわかりません。

HTML
```ここに言語を入力
<div id="app">

<input type="text" v-model="msg">

<div v-show="show">
	<p>消す予定の文字</p>
</div>

```

JS
```ここに言語を入力
var vm = new Vue({
  el: '#app',
  data: {
	msg: '',
	show: false,
  },
  computed: {
   msg: function () {
	   if (this.msg.indexOf('apple') !== -1) {
	    return show = true;
	   }

	}
  }
})
```

Vueを使いフォームに入力された文字列を判定し表示を切り替えたい

# 実現したいこと
javascript で背景色を動的に変更したい
class で宣言された背景色を変更したい


# 現状
```
document.getElementById('ID名').style.backgroundColor = red;
```

# 予想
恐らくこのソースはID属性で設定された背景色を変えることができるが
class で設定されたものはできないのではない？？

```
#test{
background-color : black;
}
```
は変更が可能だが
```
.test{
background-color :black;
}
```
と定義されているものは変更できない
調べてもよくわからない

javascript でcssの値を変更したい

```ここに言語を入力
<table>
 <tr>
  <td><input type='text' class='dat' value='2019-10-11'></td>
  <td><input type='text' class='id' value='1'></td>
  <td><input type='text' class='name' value='太郎'></td>
  <td><input type='text' class='add' value='愛知県'></td>
 </tr>
 <tr>
  <td><input type='text' class='dat' value='2019-12-11'></td>
  <td><input type='text' class='id' value='2'></td>
  <td><input type='text' class='name' value='次郎'></td>
  <td><input type='text' class='add' value='三重県'></td>
 </tr>
 <tr>
  <td><input type='text' class='dat' value='2019-11-11'></td>
  <td><input type='text' class='id' value='3'></td>
  <td><input type='text' class='name' value='花子'></td>
  <td><input type='text' class='add' value='東京都'></td>
 </tr>
 <tr>
  <td><input type='text' class='dat' value='2019-11-11'></td>
  <td><input type='text' class='id' value='4'></td>
  <td><input type='text' class='name' value='三郎'></td>
  <td><input type='text' class='add' value='京都府'></td>
 </tr>
</table>
```

上記のようなテーブルデータを
jQuery.each(jQuery("table tr"), function(i, val) {})
で１行ずつ受け取り、下記のような配列を作りたいのですが

```jQuery
var str={}
str{
 2019-10-11:{1:{name:太郎,add:愛知県}},
 2019-12-11:{2:{name:次郎,add:三重県}},
 2019-11-11:{3:{name:花子,add:東京都},4:{name:三郎,add:京都府}}
}
```
※上記、配列の書き方が間違ってたらすいません。
PHPでいうと下記のようにしたいのです。

```PHP
$str=array(
    '2019-10-11'=>array(1=>array(name:太郎,add:愛知県)),
    '2019-12-11'=>array(2=>array(name:次郎,add:三重県)),
    '2019-11-11'=>array(3=>array(name:花子,add:東京都),4=>array(name:三郎,add:京都府),),
)
```


```ここに言語を入力
var str={}
jQuery.each(jQuery("table tbody tr"), function(i, val) {

     var dat = jQuery(this).find('.dat').val()
     var name = jQuery(this).find('.name').val()
     var add = jQuery(this).find('.add').val()
str[dat]=[
     id={'name':name,'add':add}
]
})
```
としてみたのですが、上手く取得できません。
どのようにすれば取得できますでしょうか

テーブルの値を１行ずつ取得してjqueryにて連想配列を作る方法

ある特定の文字列のメールをプログラムを実行する1時間前から検索し、該当する場合はスプレッドシートに記載したいと思っています。


function getConfig() {
  return {
    spreadSheetId: 'xxxxxxxxxxxxx',// スプレッドシートの ID
    spreadSheetTabName: 'xxxxxxxx',// スプレッドシートのタブ名
    searchText: '打刻修正依頼'// Gmail の検索ワード
  };
}

// 実行関数
function main() {
  var config   = getConfig();
  var sheet    = SpreadsheetApp.openById(config.spreadSheetId)
                               .getSheetByName(config.spreadSheetTabName);
  var messages = [['Subject', 'From', 'To']];

  GmailApp
    .search(config.searchText, 0, 500)
    .forEach(function (thread) {
      thread.getMessages().forEach(function (message) {
        var subject = message.getSubject();
        var to      = message.getTo();
        var from    = message.getFrom();
        messages.push([subject, from, to]);
      });
    });

  if (messages.length === 0) return;
  sheet.getRange('A1:C' + messages.length ).setValues(messages);
}


上記の設定で特定の文字列のメールを過去全て抽出することはできたのですが、その日に来たメールのみを確認し、営業時間内の1時間ごとにトリガーを走らせ確認したいので、トリガー実行時の1時間前のみを抽出したいのですが、うまくいきません。

ご教授頂けたら幸いです。
宜しくお願いします。

1時間前のメールを検索し、スプレッドシートに抽出したい

# やりたいこと

タブとフッターを画面上部と下部に固定して、
タブ内のコンテンツが重ならないようにしたい。


# 試したこと

cssによるフッター固定
→下記のcssを作成しましたがタブ内のコンテンツが重なってしまい不適
（コンテンツが重なるのは避けたい）

```
.footer {
height:60px;
margin-top:-100px;
position: fixed;
bottom: 0;
width: 100%;
}
```

こちらが実際のHTMLです。<br>を続けたような場合に画面下部ではなくページの下部にフッターが表示されてしまいます…
どのようにすれば改善されるのでしょうか？
```
<body>
    <div id="app" class="main">
      <v-app>
        <v-tabs grow background-color="deep-purple accent-4" center-active>
          <v-tab v-for="(tab,index) in tabArray" @click="changeTab(index)"
            >{{tab}}</v-tab
          >
          
          <v-tab-item>
            tab{{currentTab}}
          </v-tab-item>
          
          <v-tab-item>
            tab{{currentTab}}
          </v-tab-item>
          
          <v-tab-item>
            tab{{currentTab}}
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
          </v-tab-item>
        </v-tabs>
      </v-app>
      <footer>
          <v-row>
            <v-col><v-btn>left</v-btn></v-col>
            <v-col><v-btn>right</v-btn></v-col>
          </v-row>
        </footer>
    </div>
  </body>
```
ご助言いただけますと幸いです。

【Vue+Vuetify】タブとフッターを固定したい

### 実現したいこと
他人が作ったPSD形式などのデザインカンプから、GIMP を使って詳細な値（文字サイズ、フォント、余白など）を取得することは可能でしょうか？

下記サイト（Photoshopの例）のような操作は、GIMPでも可能でしょうか？
・[Photoshopのデザインカンプからコーディングに必要な画像や値を取得する方法
](https://haniwaman.com/photoshop-coding/)