常連

注目の的

社会貢献

質問力

自己紹介

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
この解決方法を教えてください。
■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ

```
パッケージリストを読み込んでいます... 完了
依存関係ツリーを作成しています                
状態情報を読み取っています... 完了
これらを直すためには 'apt --fix-broken install' を実行する必要があるかもしれません。
以下のパッケージには満たせない依存関係があります:
 cuda-libraries-dev-10-1 : 依存: libcublas-dev (>= 10.2.1.243) しかし、インストールされていません
 cuda-samples-10-1 : 依存: libcublas-dev (>= 10.2.1.243) しかし、インストールされていません
 cuda-visual-tools-10-1 : 依存: libcublas-dev (>= 10.2.1.243) しかし、インストールされていません
E: 未解決の依存関係です。'apt --fix-broken install' を実行してみてください (または解法を明示してくださ
```

### 該当のソースコード

```ここに言語名を入力
 sudo apt-get upgrade

```

### 試したこと

sudo apt --fix-broken install
sudo apt autoremove


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

ubuntu18.04 でsudo apt upgradeができない

### DjangoをWindowsSever上のIISで動かしたい。

現在Webサーバを下記の環境で構築中です。
・OS:WindowsServer2019
・サーバ:IIS
・使用:Django(Python)
(vesion Python:3.6.8, django:3.1.7)

参考にしたサイトはこちらです。
https://qiita.com/reinexxx/items/ad60261815a5555e914e

基本的に設定に関しては上記サイトと同じようにしています。

### ローカルホストに接続する際に下記のエラーが出力されます。
『
Error occurred while reading WSGI handler:

Traceback (most recent call last):
  File "c:\■\env\lib\site-packages\wfastcgi.py", line 791, in main
    env, handler = read_wsgi_handler(response.physical_path)
  File "c:\■\env\lib\site-packages\wfastcgi.py", line 633, in read_wsgi_handler
    handler = get_wsgi_handler(os.getenv("WSGI_HANDLER"))
  File "c:\■\env\lib\site-packages\wfastcgi.py", line 616, in get_wsgi_handler
    raise ValueError('"%s" could not be imported%s' % (handler_name, last_tb))
ValueError: "django.core.wsgi.get_wsgi_application()" could not be imported: Traceback (most recent call last):
  File "c:\■\env\lib\site-packages\wfastcgi.py", line 600, in get_wsgi_handler
    handler = __import__(module_name, fromlist=[name_list[0][0]])
ModuleNotFoundError: No module named 'django'
』

上記のエラーに対する解決策が見つからない状態です。

Django + IIS での設定について

## テーマ、知りたいこと
XMLがJSONよりも優れている点は何なのか知りたいです。

### 利点と思う点
- DTDで制約できる
- 名前空間機能が備わっている
- 階層構造が前提となっている(JSONの場合、children: [] などのkeyが必要)

### 欠点と思う点
- 閉じタグにもタグ名が必要でデータ量が増える
- 属性が文字列しか扱えず、結局<name></name>で囲むなど冗長

### 個人的な結論
DTDや名前空間などの機能が備わっているのが大きいポイントで、あとは互換性の問題などがない限り、JSONを選択しない理由はないのではないかと思いましたが、皆さんはどうでしょうか？

## 背景、状況
ドキュメントを編集できるアプリケーションを作成していて、
- 太字や箇条書きなどが扱える
- アプリ固有の機能も扱える
という要件を満たすドキュメントデータのフォーマットを考えた際、XMLを思い付きました。

XMLを扱ったことがなかったので、HTMLのようにテキストをタグで囲ったりできるのかと思っていたためです。(マークアップ言語と聞いていたので)

しかしXMLについて調べてみると用途はJSONと変わらないように見え、しかもXMLの利点がほとんど見当たらないと思ったので質問してみました。

なお、ドキュメントデータは、アプリケーション内部でしか使わず、人間が読み書きすることはデバッグ以外ではありません。

XMLがJSONよりも優れている点

### 実現
githubからダウンロードしたファイルをUNITYで開きたいのですが、上手くいきません。どうしたらいいでしょうか？

### 試したこと
下に記載したリンクからgithubを開き、「Code→DownloadZip」でファイルをダウンロードした後、UNITYのプロジェクトのほうに直接ドラッグアンドドロップができず、ダウンロードしたアセットをどうプロジェクトに組み込めばいいかわからない状態です。
↓
https://github.com/tutsplus/unity-2d-water-effect


### 補足情報（FW/ツールのバージョンなど）
UNITYのバージョン：2023.3.6f1
使用OS：Windows
ここに~~打ち消し線~~より詳細な情報を記載してください。


githubからダウンロードしたアセットをUNITYに反映したい

前提
現在、要件定義フェーズを任されています

発生している問題・エラーメッセージ
要件定義書を書く際、「機能」をどう捉えるとうまく要件定義ができるのかがわからず、自信のないまま作成している状態です。
要件定義を行う際の「良い思考法」、「参考となる書籍・情報源」、または要件定義をうまく行うための「トレーニング方法」など、要件定義のスキルを向上させる一助となるものを教えていただけないでしょうか？

調査したこと
UML図として、状態遷移図やDFD、シーケンス図など様々な観点で機能を捉え、記述する方法があるということを調査しました。

※意図的に内容が抹消された質問 という修正依頼が来ていますが、そのようなことはしておりません。ご安心ください。

要件定義のスキルを向上させたい

### 実現したいこと

連想配列で同じキーの値をまとめたい


### 前提
   var list = [
   { "東北": "山形"},  
   { "東北": "岩手"},
   { "東北": "宮城"},
   { "関東": "千葉"},
   { "東北": "青森"},
   { "近畿": "三重"},
   { "近畿": "兵庫"},
   { "東北": "福島"}
   ];

の配列を
　"東北":["山形","岩手","宮城","青森","福島"]
　"関東":["千葉"]
　"近畿":["三重","兵庫"]
の様に加工したいです。

それでいろいろ調べて似たようなコードが有ったので参考にしましたが、
そのコード自体が間違っているようですが、自分ではどこを修正すればいいのか、
解りません。どうぞご指導ください。
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13207140713
　の　oishii_mahouさんを参考にしましたが...



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

   <script>
   var list = [
   { "東北": "山形"},  
   { "東北": "岩手"},
   { "東北": "宮城"},
   { "関東": "千葉"},
   { "東北": "青森"},
   { "近畿": "三重"},
   { "近畿": "兵庫"},
   { "東北": "福島"}
   ];

   var obj = new Object();
   for(let key in Object.assign(...list)){  //配列をコピーしてそのkeyをforする    
      obj[key] = new Array();　//新しい配列を生成
         for( let i=0; i<list.length; i++ ){　//配列内の同じkeyをfor
            if( list[i][key] != undefined ){  //未定義の場合
               obj[key].push( list[i][key]);
            }
         }
   }

console.log(obj);
console.log(obj["東北"]);
console.log(obj["近畿"]);
console.log(obj["関東"]);
</script>
```

/* 上記結果は
　"東北":["福島","岩手","宮城","青森","福島"]
　"近畿":["兵庫","三重","兵庫"]
　"関東":["千葉","千葉"]
*/　

/* 希望結果は
　"東北":["山形","岩手","宮城","青森","福島"]
　"関東":["千葉"]
　"近畿":["三重","兵庫"]
*/


### 試したこと
コードの試行錯誤はしましたが、検討がつきませんでした。




連想配列(?)で同じキーの値をまとめたい

## 解決したいこと
- Electronのmainプロセスとrendererプロセスをそれぞれ監視したい
- プロダクション環境でJavascriptエラーが発生した場合にはCloudwatchでログを収集したい
- エラーが発生した場合にはSlackに通知するようにしたい

## 調べたこと
- Javascript SDKを使えばlogが収集できそう。ただAWS上で動いているということなのでEC2やECS上でのログのみなのか
Electronに対応しているのかどうかわからない

https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/cloudwatch-examples.html

これはNodejsのみ？使い方も良く分からないし、個人開発っぽい
- https://github.com/jakubfiala/cloudwatch-logger

Sentry

https://sentry.io/welcome/

これなら以前業務でWebアプリで使ったことがある。electronも公式で対応している。Slackにも対応できる
だができるだけインフラ関係はAWSに集約したい
私の知識不足でSentryとCloudwatchは用途が違うみたいなご指摘があればお願いします

## まとめ
何かいい方法はありますでしょうか？皆さんのご経験などあればお話をお伺いしたいです

AWS cloudwatchでElectronアプリを監視

##やりたいこと
EC2 に CloudWatch Agent をインストールして、EC2 のメモリ使用量をチェックしたい。
##やったこと
AWS のドキュメントに沿ってやりました。
[コマンドラインを使用して CloudWatch エージェントをインストールする](https://docs.aws.amazon.com/ja_jp/AmazonCloudWatch/latest/monitoring/installing-cloudwatch-agent-commandline.html)

common-config.toml の設定は、オプションと書いてあったので、修正していません。
#エラーになった箇所
```
# /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent-ctl -a fetch-config -m ec2 -c file:/opt/aws/amazon-cloudwatch-agent/etc/common-config.toml -s
```
##知りたいこと
JSON の形式がおかしいとのことですが、どのように直せばいいかわかりません。

ご知見のある方、ご教示お願いします。

##追記
config に書くこともなかったので、
```
# mv common-config.toml common-config.toml.bak
# touch common-config.toml
```
としたのですが、下記エラーが出ます。
```
# /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent-ctl -a fetch-config -m ec2 -c file:/opt/aws/amazon-cloudwatch-agent/etc/common-config.toml -s
/opt/aws/amazon-cloudwatch-agent/bin/config-downloader --output-dir /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.d --download-source file:/opt/aws/amazon-cloudwatch-agent/etc/common-config.toml --mode ec2 --config /opt/aws/amazon-cloudwatch-agent/etc/common-config.toml --multi-config default
Successfully fetched the config and saved in /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.d/file_common-config.toml.tmp
Start configuration validation...
/opt/aws/amazon-cloudwatch-agent/bin/config-translator --input /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.json --input-dir /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.d --output /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.toml --mode ec2 --config /opt/aws/amazon-cloudwatch-agent/etc/common-config.toml --multi-config default
2020/04/29 20:55:35 Reading json config file path: /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.d/file_common-config.toml.tmp ...
2020/04/29 20:55:35 Invalid json format, please check. Reason: unexpected end of JSON input 
2020/04/29 20:55:35 I! AmazonCloudWatchAgent Version 1.237768.0.
2020/04/29 20:55:35 Configuration validation first phase failed. Agent version: 1.237768.0. Verify the JSON input is only using features supported by this version.
```
##追記2
amazon-cloudwatch-agent.json
```
{
	"agent": {
		"metrics_collection_interval": 60,
		"run_as_user": "root"
	},
	"logs": {
		"logs_collected": {
			"files": {
				"collect_list": [
					{
						"file_path": "/var/log/cloudwatch",
						"log_group_name": "cloudwatch",
						"log_stream_name": "{instance_id}"
					}
				]
			}
		}
	},
	"metrics": {
		"append_dimensions": {
			"AutoScalingGroupName": "${aws:AutoScalingGroupName}",
			"ImageId": "${aws:ImageId}",
			"InstanceId": "${aws:InstanceId}",
			"InstanceType": "${aws:InstanceType}"
		},
		"metrics_collected": {
			"collectd": {
				"metrics_aggregation_interval": 60
			},
			"disk": {
				"measurement": [
					"used_percent"
				],
				"metrics_collection_interval": 60,
				"resources": [
					"*"
				]
			},
			"mem": {
				"measurement": [
					"mem_used_percent"
				],
				"metrics_collection_interval": 60
			},
			"statsd": {
				"metrics_aggregation_interval": 60,
				"metrics_collection_interval": 10,
				"service_address": ":8125"
			}
		}
	}
}
```
ログ
```
2020/05/04 12:16:05 I! I! Detected the instance is EC2
2020/05/04 12:16:05 Reading json config file path: /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.json ...
2020/05/04 12:16:05 Reading json config file path: /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.d/file_common-config.toml ...
2020/05/04 12:16:05 Invalid json format, please check. Reason: unexpected end of JSON input 
2020/05/04 12:16:05 I! AmazonCloudWatchAgent Version 1.237768.0.
2020/05/04 12:16:05 Configuration validation first phase failed. Agent version: 1.237768.0. Verify the JSON input is only using features supported by this version.
 
2020/05/04 12:16:05 I! Return exit error: exit code=1
2020/05/04 12:16:05 E! Cannot translate JSON config into TOML, ERROR is exit status 1 
```
cloudwatch agent のステータス
```
# sudo /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent-ctl -m ec2 -a status
{
  "status": "stopped",
  "starttime": "",
  "version": "1.237768.0"
}
```
##追記3
config.json
```
{
	"agent": {
		"metrics_collection_interval": 10,
		"run_as_user": "root"
	},
	"logs": {
		"logs_collected": {
			"files": {
				"collect_list": [
					{
						"file_path": "/var/log/messages",
						"log_group_name": "messages",
						"log_stream_name": "{instance_id}"
					}
				]
			}
		}
	},
	"metrics": {
		"append_dimensions": {
			"AutoScalingGroupName": "${aws:AutoScalingGroupName}",
			"ImageId": "${aws:ImageId}",
			"InstanceId": "${aws:InstanceId}",
			"InstanceType": "${aws:InstanceType}"
		},
		"metrics_collected": {
			"collectd": {
				"metrics_aggregation_interval": 60
			},
			"cpu": {
				"measurement": [
					"cpu_usage_idle",
					"cpu_usage_iowait",
					"cpu_usage_user",
					"cpu_usage_system"
				],
				"metrics_collection_interval": 10,
				"resources": [
					"*"
				],
				"totalcpu": false
			},
			"disk": {
				"measurement": [
					"used_percent",
					"inodes_free"
				],
				"metrics_collection_interval": 10,
				"resources": [
					"*"
				]
			},
			"diskio": {
				"measurement": [
					"io_time",
					"write_bytes",
					"read_bytes",
					"writes",
					"reads"
				],
				"metrics_collection_interval": 10,
				"resources": [
					"*"
				]
			},
			"mem": {
				"measurement": [
					"mem_used_percent"
				],
				"metrics_collection_interval": 10
			},
			"netstat": {
				"measurement": [
					"tcp_established",
					"tcp_time_wait"
				],
				"metrics_collection_interval": 10
			},
			"statsd": {
				"metrics_aggregation_interval": 60,
				"metrics_collection_interval": 10,
				"service_address": ":8125"
			},
			"swap": {
				"measurement": [
					"swap_used_percent"
				],
				"metrics_collection_interval": 10
			}
		}
	}
}
```
/opt/aws/amazon-cloudwatch-agent/logs/amazon-cloudwatch-agent.log
```
2020-05-19T08:06:17Z E! refresh EC2 Instance Tags failed: SharedCredsLoad: failed to load shared credentials file
caused by: FailedRead: unable to open file
caused by: open /root/.aws/credentials: permission denied, metrics will be dropped until it got fixed
2020-05-19T08:16:17Z E! refresh EC2 Instance Tags failed: SharedCredsLoad: failed to load shared credentials file
caused by: FailedRead: unable to open file
caused by: open /root/.aws/credentials: permission denied, metrics will be dropped until it got fixed
```
credentials が読めないとありますが、どうしたら読めるようになりますか？

##追記4
```
# ps aux | grep cloud
cwagent   3089  0.1  3.0 158036 30516 ?        Ssl  07:15   0:03 /opt/aws/amazon-cloudwatch-agent/bin/amazon-cloudwatch-agent -config /opt/aws/amazon-cloudwatch-agent/etc/amazon-cloudwatch-agent.toml -pidfile /opt/aws/amazon-cloudwatch-agent/var/amazon-cloudwatch-agent.pid
```
```
# cat amazon-cloudwatch-agent.toml
[agent]
  collection_jitter = "0s"
  debug = false
  flush_interval = "1s"
  flush_jitter = "0s"
  hostname = ""
  interval = "60s"
  logfile = "/opt/aws/amazon-cloudwatch-agent/logs/amazon-cloudwatch-agent.log"
  metric_batch_size = 1000
  metric_buffer_limit = 10000
  omit_hostname = false
  precision = ""
  quiet = false
  round_interval = false

[inputs]

  [[inputs.disk]]
    drop_device = false
    fieldpass = ["used_percent"]
    [inputs.disk.tags]
      metricPath = "metrics"

  [[inputs.mem]]
    fieldpass = ["used_percent"]
    [inputs.mem.tags]
      metricPath = "metrics"

[outputs]

  [[outputs.cloudwatch]]
    force_flush_interval = "60s"
    namespace = "CWAgent"
    region = "ap-northeast-1"
    shared_credential_file = "/root/.aws/credentials"
    tagexclude = ["host", "metricPath"]
    [outputs.cloudwatch.tagpass]
      metricPath = ["metrics"]

[processors]

  [[processors.ec2tagger]]
    ec2_instance_tag_keys = ["aws:autoscaling:groupName"]
    ec2_metadata_tags = ["ImageId", "InstanceId", "InstanceType"]
    refresh_interval_seconds = "2147483647s"
    shared_credential_file = "/root/.aws/credentials"
    [processors.ec2tagger.tagpass]
      metricPath = ["metrics"]
```
```
# cat common-config.toml
[credentials]
shared_credential_file = "/root/.aws/credentials"
```
```
# cat default

{
	"agent": {
		"run_as_user": "cwagent"
	},
	"metrics": {
		"metrics_collected": {
			"mem": {
				"measurement": [
					"mem_used_percent"
				]
			},
			"disk": {
				"measurement": [
					"used_percent"
				],
				"resources": [
					"*"
				]
			}
		},
		"append_dimensions": {
			"ImageId": "${aws:ImageId}",
			"InstanceId": "${aws:InstanceId}",
			"InstanceType": "${aws:InstanceType}",
			"AutoScalingGroupName": "${aws:AutoScalingGroupName}"
		}
	}
}
```

AWS CloudWatch Agent がインストールできない

EC2で稼働させているバッチ処理のAWS Batchへの移行を検討しております。
aws cli(or SDK)でバッチを起動し、バッチの処理結果をメールで通知する運用を実現したいと考えておりますが、AWS Batchの結果(SUCCESS/FAILED)をトリガーにSNSやLambdaを起動させることは可能でしょうか？

Jobのステータスを監視する方法として、aws batch describe-jobsコマンドを定期的に発行し、Jobステータスを常時監視するshellを作成することも考えましたが、可能であればインフラ層(AWSのマネージドレイヤー)でAWS BatchのJob結果を取得したいと考えております。

リアルタイムにAWS Batchの処理結果(SUCCESS/FAILED)を取得する方法についてベストプラクティスがあればご教授いただければ幸いです。(マネジメントコンソールを見る以外で)

よろしくお願いいたします。

AWS Batchのバッチ処理結果の取得方法について

### 実現したいこと
ある案件で初めてphpでwebアプリを開発をしてます。
chromeなどで左上にある戻るボタンを押すとブラウザーバック問題が起きて困ったことはありませんか？

実現したいことは「ブラウザーの左上にある戻るボタンを押しても反応しなく、webアプリ上の戻るで遷移をさせたい」
です。
単純に<head>タグの辺でおまじないを記述したり、javascriptで記述する方法があるのでしょうか？

ご教授、よろしくお願いします。


ブラウザーバックを効かないようにする方法はありますか。

###前提・実現したいこと
Google Chrome拡張機能のContentScriptから該当ページのプロンプトを自作プロンプトに置き換えたい

###試したこと
promptを関数で作って置き換えれば使ってくれると聞いたのですが以下のようにしても元のプロンプトがでてしまいます

###ソースコード
```js
function prompt(msg="",val="") {
	$("body").append(
		"<div id='dialog'>"
			+"<div style='position:absolute;top:0px;left:0px;width:"+$(document).width()+"px;background-color:#000;opacity:0.5;height:"+$(document).height()+"px'></div>"
			+"<div style='position:absolute;border-radius:6px 6px 6px 6px;left:75px;top:150px;width:500px;height:100px;background-color:#FFF;box-shadow:6px 6px 6px rgba(0,0,0,0.4);padding:10px;'>"
				+"<p>"+msg+"</p>"
				+"<input type='text' value='"+val+"'>"
				+"<button id='ok'>OK</button>"
			+"</div>"
		+"</div>"
	);
	$("div#dialog button#ok").click(function() {
		var val = $("div#dialog input").val();
		if (val) {
			$("div#dialog").remove();
			return val
		}else{
			$("div#dialog>div:eq(1)").append("<p>入力してください</p>")
		}
	})
}
```

Chrome拡張機能のContentScriptからプロンプトを自作プロンプトに置き換えたい

### 前提


### 実現したいこと

ある配列の中のオブジェクトをマップで参照し、それぞれに新しいプロパティを追加したいのですが、`map()`直下ではオブジェクトを代入できたのに対し、`promiseFoo().then()`直下では代入できませんでした。`promiseFoo().then()`から戻り値を取り出すか、直下でオブジェクトを操作するにはどうすればよいでしょうか。

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


```TypeScript
filteredResults.map((result: any) => {
  getIcon(result.link).then((value: any) => {
    console.log('URL: ' + value)
    result.icon = value
  })
}) 
```

```Powershell
Got an icon from https://stackoverflow.com/questions/68788222/filtering-an-axios-response | https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196
URL: https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196
Got an icon from https://stackoverflow.com/questions/38750705/filter-object-properties-by-key-in-es6 | https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196
URL: https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196

```
これだと全く代入されていませんが、ご覧の通り`Promise`オブジェクトから値を取り出すことには成功しています。そして前述のように`map()`直下ならオブジェクトに普通に代入できます。

### 試したこと

```TypeScript
filteredResults.map((result: any) => {
  result.icon = getIcon(result.link).then((value: any) => {
    console.log('URL: ' + value)
    return value
  })
})
```

これだとオブジェクトには`Promise`オブジェクトが代入されてしまいます。

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

```JSON
{
    "ts-node": "^10.9.1",
    "typescript": "^4.8.4",
    "@swc/core": "^1.3.4",
}
```


（解決済み）JavaScript Promise.then()でオブジェクトを操作できない

### 前提

JavaScriptの入門書でプライバシーポリシー認証パネルを勉強しています。

### 実現したいこと

「認証する」ボタンが押されるとクッキーを保存し、「テスト用　cookie削除」ボタンが押されるとクッキーを削除するようにしたいです。

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

```
Refused to apply style from 'http://localhost:4245/_common/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Failed to load resource: the server responded with a status of 404 (Not Found)

Uncaught ReferenceError: Cookies is not defined
    at (index):44:15

Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 

Refused to apply style from 'http://localhost:4245/_common/css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
```
画像バージョン
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-26/f550af87-2930-4cdf-9fbe-25505406c22b.jpeg)


### 該当のソースコード
自分が書いたコード

```HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>テンプレート</title>
<link href="../../_common/images/favicon.ico" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500" rel="stylesheet">
<link href="../../_common/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="panel.css">
</head>
<body>
<header>
<div class="container">
<h1>タイトル</h1>
<h2>サブタイトル</h2>
</div>
</header>
<main>
<div class="container">
<section>


<p><button id="testbtn">テスト用　cookie削除</button></p>

</section>
</div>
</main>
<footer>
<div class="container">
<p>JavaScript Samples</p>
</div>
</footer>

<div id="privacy-panel">
<p>当サイトではユーザーエクスペリエンス向上のためクッキーを使用しています。</p>
<button id="agreebtn">承認する</button>
</div>

<script src="../../_common/scripts/js.cookie.js"></script>

<script>
'use strict';
const agree = Cookies.get('cookie-agree');
// const panel = document.getElementById('privacy-panel');

if(agree === 'yes') {
    console.log('クッキーを確認しました');
} else {
    console.log('クッキーを確認できません');
    document.getElementById('agreebtn').onclick = function() {
        Cookies.set('cookie-agree', 'yes', {expires: 7});
    };
}

//MEMO
// Cookies.set('key', 'value');
// 14日後に消える
// Cookies.set('key', 'value', {expires: 14}); 
// ユーザーの使用言語を日本語に指定
// Cookies.set('locale', 'ja-JP'); 


//クッキー削除
document.getElementById('testbtn').onclick = function() {
    Cookies.remove('cookie-agree');
};

</script>


</body>
</html>

```

お手本
```HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>5-03_cookie</title>
<link href="../../_common/images/favicon.ico" rel="shortcut icon">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500" rel="stylesheet">
<link href="../../_common/css/style.css" rel="stylesheet">
<link href="panel.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1>プライバシーポリシー承認パネルを作る</h1>
<h2>クッキーの読み・書き・削除</h2>
</div>
</header>
<main>
<div class="container">
<section>
    <p><button id="testbtn">テスト用 cookie削除</button></p>
</section>
</div>
</main>
<footer>
<div class="container">
<p>JavaScript Samples</p>
</div>
</footer>

<div id="privacy-panel">
    <p>当サイトではユーザーエクスペリエンス向上のためクッキーを使用しています。また、匿名でアクセス状況のデータを収集しています。詳しい情報は当サイトのプライバシーポリシーをご覧ください。</p>
    <button id="agreebtn">承認する</button>
</div>

<script src="../../_common/scripts/js.cookie.js"></script>
<script>
'use strict';

const agree = Cookies.get('cookie-agree');
if(agree === 'yes') {
    console.log('クッキーを確認しました');
} else {
    console.log('クッキーを確認できません');
    document.getElementById('agreebtn').onclick = function() {
        Cookies.set('cookie-agree', 'yes', {expires: 7});
    };
}

// クッキー削除（テスト用）
document.getElementById('testbtn').onclick = function() {
    Cookies.remove('cookie-agree');
};
</script>
</body>
</html>
```

### 試したこと

vscodeの比較機能でチェックしましたが、文字列・空白以外の違いはありませんでした。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-26/a5868913-b6ed-46e2-95a3-8b40ebff9e93.jpeg)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-26/c0c480de-6b04-4cdc-8358-34d73c3fc5c9.jpeg)

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

本の案内通り、served.exeを使用しています。

cookie認証がconsole.logに反映されない

### 前提

トポロジカルソートの勉強をしています。参照しているサイトは次のものです。

1. https://algo-logic.info/topological-sort
2. https://qiita.com/drken/items/23a4f604fa3f505dd5ad#4-3-dag-%E3%81%AE%E3%83%88%E3%83%9D%E3%83%AD%E3%82%B8%E3%82%AB%E3%83%AB%E3%82%BD%E3%83%BC%E3%83%88

BFSを使った方は理解できますし、実際に期待通りに動くように見えます。一方で、DFSの方で混乱しています。例えば、1のサイトからコピペしてmain()を追加したコードを書きました。

```C++
#include <bits/stdc++.h>
using namespace std;

struct Edge {
    int to;
};
using Graph = vector<vector<Edge>>;

/* topo_sort(G): グラフG をトポロジカルソート
    返り値: トポロジカルソートされた頂点番号
    計算量: O(|E|+|V|)
 */
void dfs(const Graph &G, int v, vector<bool> &used, vector<int> &ans) {
    used[v] = true;
    for (auto e : G[v]) {
        if (!used[e.to]) {
            dfs(G, e.to, used, ans);
        }
    }
    ans.push_back(v);  // 帰りがけにpush_back
}
vector<int> topo_sort(const Graph &G) {  // bfs
    vector<int> ans;
    int n = (int)G.size();
    vector<bool> used(n, false);
    for (int v = 0; v < n; v++) {  // 未探索の頂点ごとにDFS
        if (!used[v]) dfs(G, v, used, ans);
    }
    reverse(ans.begin(), ans.end());  // 逆向きなのでひっくり返す
    return ans;
}

int main()
{
    Graph graph(2);
    Edge e;

    e.to = 1;
    graph[0].push_back(e);

    e.to = 0;
    graph[1].push_back(e);

    auto ts = topo_sort(graph);

    for( auto i : ts )
        cout << i << endl;
}
```

`main()`でしているのはノード0が1を、ノード1が0を参照している単純な循環のあるグラフを作っています。これを実行するとトポロジカルソートに成功します。しかし循環があるので本来は失敗するはずです。BFSを使ったものは失敗します。

コードを読んでみると、ノード0で`dfs()`を始めます。ここで`used[0] = true`になります。`used[1]`は`false`ですから、DFSでノード1に入ります。

2回目のDFS（ノード1を見ている）では、ノード0へのエッジがありますが、`used[0] = true`ですからこれ以上探索はせず、ループを抜けます。その際に、`ans.push_back(1)`をしてしまいます。

続けて1回目のDFSに戻り、ループを抜け、`ans.push_back(0)`を実行します。結果的に`ans`には`{1, 0}`が入り、一見トポロジカルソートが成功したように見えます。

私はいまトポロジカルソートについて色々調べていて、きちんと理解はしていません。理解するためにコードを読んでいますが、これが正しい実装なのか、私が勘違いしているのかわからず、ここで行き詰まっています。直感では、このコードは誤っています（ループを抜けたところで、`ans.push_back(v)`するのはよくないのではという気がします）が、絶対に間違いであると言い切る自身もありません。間違っているとしたら何をするのが正しいのかもよくわかりません。いくつか見たところ、トポロジカルソートの動作を図示しているものもありますが、トポロジカルソートが可能な例ばかりで、循環のあるグラフでDFSを使ったトポロジカルソートを行った解説をまだ見つけていません。

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
- このDFS版のトポロジカルソートを正しいものに修正したい
- もし、このコードが正しいのであれば、私が何を間違えているか知りたい
- （この実装が間違っているとして）正しい実装の情報があれば知りたい

他にいくつかトポロジカルソートについての記述を見ましたが、概ね同じ実装をしているようです。

よろしくお願いします。

DFS（深さ優先探索）を使ったトポロジカルソートについて

### 実現したいこと

viewから渡されたmessages の種類によって
Bootstrapのアラートclassを分けたいです。。。

### 現状
この場合だと、messageは確かに表示されるのですが、
errorでもsuccessでも、BootStrapのclass="alert alert-danger"で表示されます。。。。
（そらそうですが。。）

【view】
```Django
　messages.error(request, 'このデータは既に登録されています。')

  messages.success(request, '登録完了しました。')
```

【template】
```Django
{% if messages %}
    {% for message in messages %}
        <p class="alert alert-danger">{{ message }}</p>
    {% endfor %}
{% endif %}
```

### 理想

どっちのmessageが渡されたか、判別する方法はあるのでしょうか。。。

```Django
　messages.error(request, 'このデータは既に登録されています。')

  messages.success(request, '登録完了しました。')
```
```Django
{% if messages %}
    {% for message in messages %}
        <p class="alert alert-danger">{{ message }}</p>
        <p class="alert alert-success">{{ message }}</p>
    {% endfor %}
{% endif %}
```

### 備考
　どなたか分かる方、教えてください。。。。。

Django messagesの種類によって Bootstrapのクラスを分けたい

### 前提

GoでAPIを構築する際、ORMを使用せず生のSQLを書くとそれをStructにマッピングする必要があります。
sqlx (https://github.com/launchbadge/sqlx) のようなライブラリを使うことで、マッピングを簡易的に行うことも可能ですが、
One-to-ManyやMany-to-Manyとなると対応しておらず、クエリを複数回叩くか、取得したデータをループで回して手動でStructに入れていかなければなりません。

はじめはそんなわけがないと思い、いろいろ解決策を探したのですが例えばここ（https://stackoverflow.com/questions/54601529/efficiently-mapping-one-to-many-many-to-many-database-to-struct-in-golang） 
でも言及されてるように、泥臭い解決方しかないようです。


### 聞きたいこと

そこでお聞きしたいのは、どうやって解決するか？ということではなく、
本当にこんなことをみんなやってるのか？という素朴な疑問です。

ORMの話になったとき、巷ではよく「ORMを使うのはよくない」とか「本来ORMは必要ない」というような情報を目にします。
中でもGoは言語思想的にもしくは言語の特徴的にORMを使わない方が良いという風潮が強いように感じます。

でもORMを使わないことがこんなに面倒ならあまりに割に合ってない気がしてしまいます。

リンク先の例は非常にシンプルなものですが、実際の現場ではもっと複数のテーブルを組み合わせる必要があったり、もっと深くネストすることもありますよね、そう考えるととてもORM無しでやれるとは思えません。

世の中のバックエンドエンジニア方々、ORMなんて無くていいんだという強者な人たちは本当にこんなことをしているのでしょうか？
それとも私が知らないだけでもっと優れた解決法があるのでしょうか？

個人ではフルスタックで開発していますが、ORMを使用した経験(Node.js + prisma等)しかありません。
会社で働く際はフロントエンド中心でバックエンドを触る機会はあまりなく、あったとしてもORMを使用したプロジェクトにしか関わったことがないのでこちらで質問させていただきました。

先輩方のお話を聞かせていただけると幸いです。

GoでのORMを使用しないAPI開発。SQLの結果をstructにmapすることについて。

【今日中に解答が頂けるとありがたいです】

ある処理を、毎分行う必要があります。

これを実現するため、次のようにcrontabの記述を行いました

```crontab
*/1 * * * * /path/to/script/myscript.sh
```

```myscript.sh
#!/bin/sh

echo "start `date '+%Y-%m-%d %H:%M:%S'`" >> /path/to/project/log/runtime.log

curl -s https://www.example.com/data.txt > /path/to/project/data/data.txt;

echo "end   `date '+%Y-%m-%d %H:%M:%S'`" >> /path/to/project/log/runtime.log
```

今回、この処理を毎分50秒時に行うことになりました。

cronは秒単位での指定ができないので、sleepコマンドを使うことになると思います。

```myscript.sh
#!/bin/sh

echo "start `date '+%Y-%m-%d %H:%M:%S'`" >> /path/to/project/log/runtime.log

sleep 50

curl -s https://www.example.com/data.txt > /path/to/project/data/data.txt;

echo "end   `date '+%Y-%m-%d %H:%M:%S'`" >> /path/to/project/log/runtime.log
```

私が心配しているのは、このsleep処理によって、他のサーバー処理に影響を与えるかどうかです。

cron記述は他にも動いているものが多数あり、私のcron処理はそれらの最後に実行される予定です。

```crontab
*/1 * * * * /path/to/script/another-script-a.sh

*/30 * * * * /usr/bin/php /path/to/html/another-script-b.php 1> /dev/null

0 8 10 12 * /path/to/script/another-script-c.

*/1 * * * * /path/to/script/myscript.sh
```

私がsleepコマンドで処理を50秒遅延させることで、他の処理も50秒遅延したりはしないでしょうか？
ネットで回答を探しましたが、これといったものがなくて困っています。

【急ぎ】cronでsleepコマンドを使うと、他の処理に影響を及ぼしたりしませんか？

GoogleスプレッドシートのGASを使っています。

本当に基礎的な質問です。
**for文の中にあるAPIのリクエストを減らす(外に出す)方法を教えてください。**
```JavaScript
    var tt = sheet.getRange( lastRow, 4 ).getValue();
     for ( i = lastRow+value2 ; i > 2 ; i-- ){  //2〜最終行までループ
       
    var tmp = sheet.getRange(searchRow + i ).getValue(); //セルの値取得
    var ttm = sheet.getRange(searchRow + i );//セルの範囲を取得 
    if( targetString == tmp ){  

      var tt = ttm.offset(0, 1).getValue();

        var range2 = sheet.getRange( lastRow, 4 );

        range2.setValue(range7);//
     
                             }
                                  }
```

Google Apps ScriptのAPIのリクエスト回数を減らす方法


10秒後にターミナルにaaaが表示される。
```
printf("aaa");
sleep(10);
```

すぐにターミナルにaaaが表示される。
```
printf("aaa\n");
sleep(10);
```


なぜ上のように挙動に変化があるのか理解ができません。
よろしくお願いいたします。

c言語 sleep() と printf() が合わさった際の挙動への疑問

### 想定してみたサイトページ
１．テキストエリアにユーザーが文字を入力できます。
２．「実行」というボタンを押すと、テキストエリア内の文字をJavascriptで取得して、「エスケープ処理をせずに」ページ内に挿入・表示します。
```ここに言語を入力
// html
<textarea id="user-text">ここにユーザーは文字を入力</textarea>
<button id="action">実行</button>

//jQuery
$('#action').click(function(){ //実行をクリックしたとき
  var user_text = $('#user-text').val(); //textarea内のvalueを取得
  $('#user-text').after('<div>'+ user_text + '</div>'); //ユーザーの入力した値をエスケープせずにdiv要素として挿入・表示
});
```
### 疑問点
不特定多数のユーザーが入力した値をDBに保存した後、表示するときにエスケープなどの適切な処理を行わないと脆弱性になるという認識はあります。

また、私は今まで、ユーザーがテキストエリアに入力した値をJavascript等でその場で画面に再表示するときにはエスケープ処理を行い、ユーザー側が書き込んだJavascriptなどは実行されないようにしていましたが、ふと、この場合のエスケープ処理にどのくらい意味があるのだろうと気になりました。

ページ上で任意のJavascriptを実行されるとどのような危険があるのかがわかれば、とても勉強になると思い、質問いたしました。

どなたかお分かりになる方がいらっしゃいましたら、お教えいただけましたら幸いです。
