常連

現在、pythonを活用したデータ分析を検討しております。下記ご教示いただけると助かります。

不明点
 python使用の際、データ活用においてセキュリティの観点で気をつけるべき点

もし判断において必要な情報が抜けている場合はご質問ください。
よろしくお願いいたします。

〜追記〜
みなさまコメントをいただきありがとうございます。
この質問をした際に知りたかったこととしては、ExcelやPowerPointのような感覚を持っていていいのか、というものでした。
ChatGPTなどAIは質問した内容が企業に使用されている、とお聞きしたことがあります。
GoogleColabratoryは個人で使用しておりましたが、データがクラウドに保存？される(オープンソース…であっていますでしょうか)というもののため情報漏洩リスクがより高いと認識しております。

現在使用している環境であれば、ネットにつながっていなくとも動作するため、ネットに常に繋げている必要はない=PCにデータが保存されているため最も漏洩リスクが低い環境である、と認識しておりますが、念のためお伺いさせていただいている次第です。
この認識はがあっているのか、ご教示いただけますでしょうか…？

企業でpythonを活用する際の情報漏洩リスクとその対策について

### 前提

SpringBootにてWebアプリを作成しています。
Eclipseからスタータープロジェクトを作成し、動作確認用のApplicationクラス、Controllerクラス、HTMLファイルを作成しました。

### 発生している問題・エラーメッセージ

Controller内のメソッドにてhtmlファイル名をreturnにて返していますが、アプリケーションを立ち上げると404エラーになってしまいます。
`System.out.println()`よりController内のメソッドを通りreturn文まで読まれていることは確認済みです。
また、関係あるかわかりませんがSpring Security提供の `http://localhost:8080/login` のビューは表示されています。
パッケージ構成やhtmlファイルの配置場所も問題なさそうです(Applicationクラスよりも子パッケージにControllerを配置、classpath/templates 配下にhtmlファイルを配置)
これらよりどうやら自前の`top.html`がControllerから認識されていないようです。

エラーメッセージはありませんがログを貼り付けておきます。
```
[2m2022-11-19 22:51:48.381[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mc.e.urisubtitle.UriSubtitleApplication  [0;39m [2m:[0;39m Starting UriSubtitleApplication using Java 11.0.16 on sakuas-Mac2.local with PID xxxxx (ディレクトリ名/bin/main started by ユーザ名 in ディレクトリ名)
[2m2022-11-19 22:51:48.382[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mc.e.urisubtitle.UriSubtitleApplication  [0;39m [2m:[0;39m No active profile set, falling back to 1 default profile: "default"
[2m2022-11-19 22:51:48.443[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36m.e.DevToolsPropertyDefaultsPostProcessor[0;39m [2m:[0;39m Devtools property defaults active! Set 'spring.devtools.add-properties' to 'false' to disable
[2m2022-11-19 22:51:48.443[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36m.e.DevToolsPropertyDefaultsPostProcessor[0;39m [2m:[0;39m For additional web related logging consider setting the 'logging.level.web' property to 'DEBUG'
[2m2022-11-19 22:51:49.600[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.s.b.w.embedded.tomcat.TomcatWebServer [0;39m [2m:[0;39m Tomcat initialized with port(s): 8080 (http)
[2m2022-11-19 22:51:49.613[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.apache.catalina.core.StandardService  [0;39m [2m:[0;39m Starting service [Tomcat]
[2m2022-11-19 22:51:49.614[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36morg.apache.catalina.core.StandardEngine [0;39m [2m:[0;39m Starting Servlet engine: [Apache Tomcat/9.0.68]
[2m2022-11-19 22:51:49.707[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.a.c.c.C.[Tomcat].[localhost].[/]      [0;39m [2m:[0;39m Initializing Spring embedded WebApplicationContext
[2m2022-11-19 22:51:49.708[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mw.s.c.ServletWebServerApplicationContext[0;39m [2m:[0;39m Root WebApplicationContext: initialization completed in 1265 ms
[2m2022-11-19 22:51:50.145[0;39m [33m WARN[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36m.s.s.UserDetailsServiceAutoConfiguration[0;39m [2m:[0;39m 

Using generated security password: パスワード

This generated password is for development use only. Your security configuration must be updated before running your application in production.

[2m2022-11-19 22:51:50.270[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.s.s.web.DefaultSecurityFilterChain    [0;39m [2m:[0;39m Will secure any request with [org.springframework.security.web.session.DisableEncodeUrlFilter@611787f5, org.springframework.security.web.context.request.async.WebAsyncManagerIntegrationFilter@d64568f, org.springframework.security.web.context.SecurityContextPersistenceFilter@c29513a, org.springframework.security.web.header.HeaderWriterFilter@45396bfc, org.springframework.security.web.csrf.CsrfFilter@138081e1, org.springframework.security.web.authentication.logout.LogoutFilter@990bbf8, org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter@6bd39e9b, org.springframework.security.web.authentication.ui.DefaultLoginPageGeneratingFilter@6e799e61, org.springframework.security.web.authentication.ui.DefaultLogoutPageGeneratingFilter@15c8c8d, org.springframework.security.web.authentication.www.BasicAuthenticationFilter@300b828a, org.springframework.security.web.savedrequest.RequestCacheAwareFilter@4c2259a1, org.springframework.security.web.servletapi.SecurityContextHolderAwareRequestFilter@1cb60f40, org.springframework.security.web.authentication.AnonymousAuthenticationFilter@4910b1da, org.springframework.security.web.session.SessionManagementFilter@203f32da, org.springframework.security.web.access.ExceptionTranslationFilter@72abd3b4, org.springframework.security.web.access.intercept.FilterSecurityInterceptor@2785449a]
[2m2022-11-19 22:51:50.325[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.s.b.d.a.OptionalLiveReloadServer      [0;39m [2m:[0;39m LiveReload server is running on port 35729
[2m2022-11-19 22:51:50.366[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mo.s.b.w.embedded.tomcat.TomcatWebServer [0;39m [2m:[0;39m Tomcat started on port(s): 8080 (http) with context path ''
[2m2022-11-19 22:51:50.381[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[  restartedMain][0;39m [36mc.e.urisubtitle.UriSubtitleApplication  [0;39m [2m:[0;39m Started UriSubtitleApplication in 2.429 seconds (JVM running for 3.437)
[2m2022-11-19 22:51:54.935[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[nio-8080-exec-1][0;39m [36mo.a.c.c.C.[Tomcat].[localhost].[/]      [0;39m [2m:[0;39m Initializing Spring DispatcherServlet 'dispatcherServlet'
[2m2022-11-19 22:51:54.935[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[nio-8080-exec-1][0;39m [36mo.s.web.servlet.DispatcherServlet       [0;39m [2m:[0;39m Initializing Servlet 'dispatcherServlet'
[2m2022-11-19 22:51:54.937[0;39m [32m INFO[0;39m [35m84302[0;39m [2m---[0;39m [2m[nio-8080-exec-1][0;39m [36mo.s.web.servlet.DispatcherServlet       [0;39m [2m:[0;39m Completed initialization in 2 ms
through check
```

### 該当のソースコード

```UriSubtitleApplication.java
package com.example.urisubtitle;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class UriSubtitleApplication {
	public static void main(String[] args) {
		SpringApplication.run(UriSubtitleApplication.class, args);
	}
}
```
```TestController.java
package com.example.urisubtitle.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class TestController {
	@RequestMapping("/")
	public String index() {
		System.out.println("through check");
		return "top";
	}
}
```
```top.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title th:text="トップページ">トップページ</title>
</head>
<body>
	<h1 th:text="TOP">トップ</h1>
</body>
</html>
```

当方初心者で何が原因になりうるのかわかっておりません。
他に貼り付けるべき情報がありましたら貼付いたします。

### 試したこと

* Controller内定義メソッドを通っていることを確認(@RequestMappingのURIがあっていることを確認)
* パッケージ構成やhtmlファイルの配置場所の確認
* 類似質問の確認 ([https://teratail.com/questions/344666](https://teratail.com/questions/344666))



Spring Boot 404エラー コントローラ内でhtmlファイルが認識されない

書籍を見ながらspring bootでユーザー登録画面を作っています。
現在は登録チェックのためのバリデーションに取り掛かっているところです。
ユーザーIDやパスワードを入力し、入力チェックの条件から外れるとエラーメッセージが出る、というところまでは問題なくできました。
(↓下記のような画面までは正常にできています)
![イメージ説明](cf5d2e6c79a071911a537bab1c466588.png)

次にそれらのエラーメッセージを@GroupSequenceでまとめ、例えばパスワードのエラーをValidGroup1,ValidGroup2,ValidGroup3それぞれに分け、ValidGroup1のチェックをクリアしたらValidGroup2のチェックをする、ということをしようとしました。
ところがいざ動作させてみるとValidGroup1にまとめたエラーメッセージは表示されるものの、ValidGroup2、3のメッセージは表示されません。
（パスワード欄を空欄にすると「パスワードは必須入力です」と表示されるが、「あ」とだけ入力しても本来出るはずのエラーメッセージが出ない）

書籍通りに作っているつもりなのですが、何が間違っているのかさっぱりわかりません。
ご教示いただけましたら幸いです。


### 該当のソースコード

```java
package com.example.demo.login.controller;
import java.util.LinkedHashMap;
import java.util.Map;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;

import com.example.demo.login.domain.model.GroupOrder;
import com.example.demo.login.domain.model.SignupForm;

@Controller
public class SignupController {

	//ポイント1：ラジオボタンの実装
	private Map<String,String> radioMarriage;

	//ラジオボタンの初期化メソッド
	private Map<String,String> initRadioMarrige(){

		Map<String,String> radio = new LinkedHashMap<>();

		//既婚、未婚をMapに格納
		radio.put("既婚","true");
		radio.put("未婚","false");

		return radio;
	}

	//ユーザー登録画面のGET用コントローラー
	//ポイント2：データバインド結果の受け取り
	@GetMapping("/signup")
	public String getSignUp(@ModelAttribute SignupForm form, Model model) {

		//ラジオボタンの初期化メソッド呼び出し
		radioMarriage = initRadioMarrige();

		//ラジオボタン用のMapをModelに登録
		model.addAttribute("radioMarriage",radioMarriage);

		//signup.htmlに画面遷移
		return "login/signup";
	}

	//ユーザー登録画面のPOST用コントローラー
	//ポイント２：データバインド結果の受け取り
	@PostMapping("/signup")
	public String postSignUp(@ModelAttribute @Validated(GroupOrder.class) SignupForm form, BindingResult bindingResult, Model model) {
		//ポイント３：データバインド失敗の場合
		//入力チェックに引っかかった場合、ユーザー登録画面に戻る

		if(bindingResult.hasErrors()) {

			//GETリクエスト用のメソッドを呼び出して、ユーザー登録画面に戻ります
			return getSignUp(form,model);
		}

		//formの中身をコンソールに出して確認します
		System.out.println(form);

		//login.htmlにリダイレクト
		return "redirect:/login";
	}
}

```

```java
package com.example.demo.login.domain.model;
import java.util.Date;

import javax.validation.constraints.AssertFalse;
import javax.validation.constraints.Email;
import javax.validation.constraints.Max;
import javax.validation.constraints.Min;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Pattern;

import org.hibernate.validator.constraints.Length;
import org.springframework.format.annotation.DateTimeFormat;

import lombok.Data;

@Data
public class SignupForm {

	//必須入力、メールアドレス形式
	@NotBlank(groups = ValidGroup1.class)
	@Email(groups = ValidGroup2.class)
	private String userId;//ユーザーID

	//必須入力、長さ4から100桁まで、半角英数字のみ
	@NotBlank(groups = ValidGroup1.class)
	@Length(min=4,max=100,groups = ValidGroup2.class)
	@Pattern(regexp="^[a-zA-Z0-9]+$",groups = ValidGroup3.class)
	private String password;//パスワード

	//必須入力
	@NotBlank(groups = ValidGroup1.class)
	private String userName;//ユーザー名

	//ポイント：@DateTimeFormat
	//必須入力
	@NotNull(groups = ValidGroup1.class)
	@DateTimeFormat(pattern = "yyyy/MM/dd")
	private Date birthday;//誕生日

	//値が20から100まで
	@Min(value=20,groups = ValidGroup2.class)
	@Max(value=100,groups = ValidGroup2.class)
	private int age;//年齢

	//falseのみ可能
	@AssertFalse(groups = ValidGroup2.class)
	private boolean marriage;//結婚ステータス
}

```

```java
package com.example.demo.login.domain.model;

import javax.validation.GroupSequence;


@GroupSequence({ValidGroup1.class, ValidGroup2.class, ValidGroup3.class})
public interface GroupOrder {

}
```
```java
package com.example.demo.login.domain.model;

public interface ValidGroup1 {

}
```
(ValidGroup2,3も同様に作っています）
```properties
typeMismatch.int=数値を入力してください
typeMismatch.java.util.Date=yyyy/MM/dd形式で入力してください
#フィールド名
userId=ユーザーID
password=パスワード
userName=ユーザー名
birthday=誕生日
age=年齢

#バリデーションエラーメッセージ
NotBlank={0}は必須入力です

Email={0}はメールアドレス形式で入力してください

Length={0}は、{2}桁以上、{1}桁以下で入力してください

Pattern={0}は半角英数字で入力してください

NotBlank={0}は必須入力です

NotNull={0}は必須入力です

Min={0}は{1}以上を入力してください

Max={0}は{1}以下を入力してください

AssertFalse=falseのみ登録できます
```
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8"></meta>
	
		<link th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}" rel="stylesheet"></link>
		<script th:src="@{/webjars/jquery/1.11.1/jquery.min.js}"></script>
		<title>SignUp</title>
</head>
<body>
	<div class="col-sm-5">
		<div class="page-header">
			<h1>ユーザー登録画面</h1>
		</div>
		<form method="post" action="/signup" th:object="${signupForm}">
			<table class="table table-borderd table-hover">
				
				<tr>
					<th class="active col-sm-3">ユーザーID</th>
					<td>
						
						<div class="form-group" th:classappend="${#fields.hasErrors('userId')}? 'has-error'">
							<input type="text" class="form-control" th:field="*{userId}"/>
							
							<span class="text-danger" th:if="${#fields.hasErrors('userId')}" th:errors="*{userId}">userId error</span>
						</div>
					</td>
				</tr>
				
				<tr>
					<th class="active">パスワード</th>
					<td>
						<div class="form-group" th:classappend="${#fields.hasErrors('password')}? 'has-error'">
							<input type="text" class="form-control" th:field="*{password}"/>
							<span class="text-danger" th:if="${#fields.hasErrors('password')}" th:errors="*{password}">password error</span>
						</div>
					</td>
				</tr>
				
				<tr>
					<th class="active">ユーザー名</th>
					<td>
						<div class="form-group" th:classappend="${#fields.hasErrors('userName')}? 'has-error'">
							<input type="text" class="form-control" th:field="*{userName}"/>
							<span class="text-danger" th:if="${#fields.hasErrors('userName')}" th:errors="*{userName}">userName error</span>
						</div>
					</td>
				</tr>
				
				<tr>
					<th class="active">誕生日</th>
					<td>
						<div class="form-group" th:classappend="${#fields.hasErrors('birthday')}? 'has-error'">
							<input type="text" class="form-control" placeholder="yyyy/MM/dd" th:field="*{birthday}"/>
							<span class="text-danger" th:if="${#fields.hasErrors('birthday')}" th:errors="*{birthday}">birthday error</span>
						</div>
					</td>
				</tr>
				
				<tr>
					<th class="active">年齢</th>
					<td>
						<div class="form-group" th:classappend="${#fields.hasErrors('age')}? 'has-error'">
							<input type="text" class="form-control" th:field="*{age}" />
							<span class="text-danger" th:if="${#fields.hasErrors('age')}" th:errors="*{age}">age error</span>
						</div>
					</td>
				</tr>
				
				<tr>
					<th class="active">結婚</th>
					<td>
						<div class="form-group" th:classappend="${#fields.hasErrors('marriage')}? 'has-error'">
							
							<div th:each="item:${radioMarriage}">
								<input type="radio" name="radioMarrige" th:text="${item.key}" th:value="${item.value}" th:field="*{marriage}"></input>
								<span class="text-danger" th:if="${#fields.hasErrors('marriage')}" th:errors="*{marriage}">marriage error</span>
							</div>
						</div>
					</td>
				</tr>
			</table>
			
			<ul>
				<li th:each="error:${#fields.detailedErrors()}">
					<span th:text="${error.message}">Error message</span>
				</li>
			</ul>
			
				<button class="btn btn-primary" type="submit">ユーザー登録</button>
		</form>
	</div>
</body>
</html>
```

どうぞよろしくお願いいたします。

【spring】@GroupSequenceを使った処理が思い通りに動作しません

### 実現したいこと
マウスオーバーでアニメーションを開始し、マウスアウトのn秒後（仮に5秒とする）にアニメーションが終了するような処理を行いたい。

### 発生している問題・分からないこと
①ボタンAにマウスオーバーすると要素Bに対してホバーアニメーションが動作する
②ホバーアニメーションはa～cの3パターン用意、マウスーバーを行うたびにa⇒ｂ⇒cと順番に切り替わる

上記①②の処理を作成し、現状ではボタンAからマウスアウトするとすぐにアニメーションが終了する仕様になっています。

こちらを、マウスアウトしてもしばらくアニメーションが続くように変更したいです。
また、【マウスオーバーしてアニメーションaが開始】⇒【マウスアウトしてもアニメーションaが継続】⇒【再びマウスオーバーしたら仮にアニメーションaの動作時間が残っていてもアニメーションbに切り替え】というように、マウスオーバーを起点として強制的に次のアニメーションが開始するようにしたいと考えています。

transition-delayで実現できるかどうかダメ元で試してみましたが上手くいきませんでした。

また、javascriptのsetTimeoutを用いて実現できそうだと考えましたが、どこにどのようにコードを記載すれば動作するのかが全くわかりません。
②の処理でjavascriptを用いていますが、以前別の質問をした際に回答してくださった方の参考データをほぼそのまま使用させて頂いており、自身はまだ勉強中でjavascriptに関してほぼ知識がないため初歩的な質問でしたら申し訳ありません。



### 該当のソースコード

```
<div id="target">要素B</div>
<div id="btn">ボタンA</div>
```

```
/*ボタンA*/
#btn{
  width:20%;
  aspect-ratio: 1 / 1;
  background-image:url(ボタンA.png);
  background-size:100%;
  justify-content:center;
  align-items:center;
}

/*要素Bのホバーアニメーションa～c*/
.anime_a{
 background-image:url(back_a.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
.anime_b{
 animation:blink_b 0.2s infinite;
 background-image:url(back_b.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
.anime_c{
 animation:blink_c 2s infinite;
 background-image:url(back_c.png);
 background-repeat: no-repeat;
 background-size: 100%;
}

@keyframes blink_b{
  0%{opacity: 1;}
  25%{opacity: 0;}
  50%{opacity: 1;}
  75%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes blink_c{
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}
```

```
//ホバーごとにアニメーションa～cの切り替え
document.addEventListener('mouseover', e=>{
  const prev=target.dataset.prev??"anime_c";
  if(e.target.matches('#btn') ){
    if(prev=="anime_c") target.classList.add('anime_a');
    if(prev=="anime_a") target.classList.add('anime_b');
    if(prev=="anime_b") target.classList.add('anime_c');
  }
});

document.addEventListener('mouseout', e=>{
  if(e.target.matches('#btn')){
    if(target.matches('.anime_a')) target.dataset.prev="anime_a";
    if(target.matches('.anime_b')) target.dataset.prev="anime_b";
    if(target.matches('.anime_c')) target.dataset.prev="anime_c";
    target.classList.remove('anime_a');
    target.classList.remove('anime_b');
    target.classList.remove('anime_c');
  }
});
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
思いつく範囲で変更や修正を行いましたが反映されませんでした。

### 補足
特になし

マウスアウト時の処理開始時間を遅らせる方法

### 実現したいこと

遷移元（formで送られてきた値）から送られてきた値をデータベースに保存し、nameというカラムの値全てをjavascriptの配列に入れたいです。
例としては、レコードが三つあり、上から順番に太郎、花子、山田とnameカラムに入っていた場合、
js_name_arr=[”太郎”,”花子”,”山田”];という形でavascriptの配列にしたいです。
しかしまず、[”太郎”,”花子”,”山田”]というような、nameカラムのみの配列をphpで作ることができず、下記のような不要な数字や連想配列の形式の配列しか取得できません。
Array ( [0] => wsx [1] => wsx [2] => wsx [3] => wsx [4] => wsx [5] => wsx [6] => wsx [7] => wsx [8] => wsxェ [9] => wsxェ [10] => wsxェ [11] => wsxェ [12] => wsxェ [13] => wsxェ [14] => wsxェ [15] => wsxェ [16] => wsxェ [17] => wsxェ [18] => wsxェ [19] => wsxェ [20] => wsxェ [21] => wsxェ [22] => wsxェ [23] => wsxェ [24] => wsxェ [25] => wsxェ [26] => wsxェ [27] => wsxェ [28] => wsxェ [29] => wsxェ [30] => wsxェ [31] => wsxェ [32] => wsxェ [33] => wsxェ [34] => wsxェ )
更に、その連想配列をとりあえずjavascriptで受け取ろうとしましたがjsonの受け渡しに失敗しているのかエラーになってしまいます。どなたか助けてください。困っています。

### 発生している問題・エラーメッセージ

```
Uncaught SyntaxError: Unexpected token 'var' 
```

### 該当のソースコード

```test.php
<?php

$dsn = 'mysql:dbname=●●●;host=localhost;charset=utf8';
$user = 'root';
$password='your_password';

$PDO = new PDO($dsn, $user, $password); 
try{
  
 
  $PDO->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 

   //index.phpの値を取得
   $name = $_POST['name'];
   $score = $_POST['true_score'];
 
   $sql = "INSERT INTO list (name, score) VALUES (:name, :score)";
  
   $stmt = $PDO->prepare($sql);
   $params = array(':name' => $name, ':score' => $score); 
   $stmt->execute($params); 
 
    //データベース取得
 $sql2 = 'select name from list';
 $rec = $PDO->prepare($sql2);
 $rec->execute();
 $rec_list = $rec->fetchAll(PDO::FETCH_ASSOC);
//  print_r($rec_list);
  
}catch (PDOException $e) {
  exit('データベースに接続できませんでした。' . $e->getMessage());
}

 
?>




<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <title>Document</title>
</head>
<body>
 

<?php $name_arr = [];?>
  
<?php foreach ($rec_list as $index => $rec) { ?>
 <?php array_push($name_arr,$rec['name']);?> 
 

<?php } ?>
<?php 
print_r($name_arr);
$json_array = json_encode($name_arr,JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE);
?>
<script>
  
  var js_array = <?php echo $json_array; ?>
  var js_json = JSON.parse( js_array ); 
  console.log(js_array);
</script>
 
  </script>
</body>
</html>
```

### 補足情報（FW/ツールのバージョンなど）

vscode,xamppで開発しています。

phpでデータベースの中のカラムの値を配列にし、javascriptで受け取りたい

スッキリわかるJava入門の実践編の問題の解答例です。
```ここに言語を入力
import java.util.*;

public class Book implements Comparable<Book>, Cloneable {
  private String title;
  private Date publishDate;
  private String comment;

  public int hashCode() {
    return Objects.hash(this.title, this.publishDate, this.comment);
  }
  public boolean equals(Object o) {
    if (this == o) {
      return true;
    }
    if (o == null) {
      return false;
    }
    if (!(o instanceof Book)) {
      return false;
    }
    Book b = (Book)o;
    if (!publishDate.equals(b.publishDate)) {
      return false;
    }
    if (!title.equals(b.title)) {
      return false;
    }
    return true;
  }
  public int compareTo(Book o) {
    return this.publishDate.compareTo(o.publishDate);
  }
  public Book clone() {
    Book b = new Book();
    b.title = this.title;
    b.comment = this.comment;
    b.publishDate = (Date)this.publishDate.clone();
    return b;
  }

  public String getTitle() {
    return this.title;
  }
  public void setTitle(String title) {
    this.title = title;
  }
  public Date getPublishDate() {
    return this.publishDate;
  }
  public void setPublishDate(Date publishDate) {
    this.publishDate = publishDate;
  }
  public String getComment() {
    return this.comment;
  }
  public void setComment(String comment) {
    this.comment = comment;
  }
```
上のjavaのコードのequals(　)のオーバーライドの箇所について3点質問があります。

1.解答例のtitleとpublishDateの箇所はなぜ否定「！」を使っているのでしょうか。

2.解答例のtitleとpublishDateの箇所は、「this.」がついていませんが、必要ないのでしょうか。

3.次の解答でも正解になりますでしょうか。
```ここに言語を入力
public boolean equals(Object o){
		if(o==this) return true;
		if(o==null) return false;
		if(!(o instanceof Book) return false;
		Book b=(Book) o;
		if(this.title.equals(b.title) && this.publishDate.equals(b.publishDate) return true;
		return false;
	}
```