常連

回答者

ベストアンサー

拍手喝采

情報収集家

自己紹介

とあるサイトでpositonの勉強をしておりましたが以下のコードが解説を読んでもどうしても理解できません。

```html
<h1>sample07</h1>
<section id="section01">
<div class="box box01">
  box01
</div> 
<div class="box box02">
  box02
</div>
</section>
```
```css
#section01{
   background-color:pink;
   border:2px solid #00f;
   position:absolute;
}
.box {
  width: 100px;
  height: 100px;
  border:1px solid #f00;
  font-size:20px;
}
.box01{
 background-color: #aaa;
}
.box02{
  background-color: #bbb;
  position:absolute;
  top:50px;
  left:50px;
}
```

［解説］
#section01に指定した青線がbox01を囲って、背景ピンクがなくなっています。
これは、#section01がposition:absoluteを指定されたことで通常の位置より浮いて（通常の位置とはh1要素と並列の位置）、box01の下に重なっているため、背景ピンクが見えなくなってしまっているのです。
そして、box02が#section01を基準にtop:50px、left:50pxに位置しています。

［疑問点］
これは、#section01がposition:absoluteを指定されたことで通常の位置より浮いて（通常の位置とはh1要素と並列の位置）、box01の下に重なっているため、背景ピンクが見えなくなってしまっているのです。

box01の下に重なっているとのことなのですが、#section01はブロック要素であるのでwidthはブラウザ幅になるのにbox1はwidthが100pxでなぜ見えなくなるのかわかりません。加えてなんで背景は消えてborderの青線がbox01を囲うのかが全く分かりません

どなたかもう少し詳しく解説して頂けないでしょうか？

positionでの理屈がわかりません、なぜこうなるのですか？

### 実現したいこと

当方、インフラ初心者でWEBサービスを営んでおります。
定期的に５０２エラーが発生しており、2時間ほどで復旧するのですが、
５０２エラーが出ないようにしたいと思っています

### 前提

laravelでWEBサービスを展開中。
EC／RDS／ELBで構成

### 発生している問題・エラーメッセージ
５０２エラー
RDSモニタリング情報に途切れがあり
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-12-27/7054f429-24dd-415e-997d-97a4d9e73eae.png)
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-12-27/17bfcf56-41fb-4c1e-a91d-23dc52d7c63c.png)

### 試したこと

RDSの再起動
EC２の再起動


長期運営のWEBサービスが定期的に定時で５０２アクセスになる（24時15分～26時）

### 実現したいこと

VB.NETでPOSTでデータを送信したい

### 前提

VB.NETでPOSTを使用し、データを送信したいのですが、
エラーが表示され、送信できません。

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

```
System.Net.WebException:基礎になる接続が閉じられました：
送信時に、予期しないエラーが発生しました。
System.IO.IOException:トランスポートストリームから予期しないEOFまたは0バイトを受信しました。
```

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

```ここに言語名を入力
   Dim url As String = "https://○○○○○○.co.jp"
            Dim postData As String = ""

            postData = "c_id=123456781"
            postData &= "&c_sname=山田　太郎"
            postData &= "&p_name=はなこ"
            
            Dim wc As New System.Net.WebClient()
            Dim enc As System.Text.Encoding = System.Text.Encoding.UTF8
            wc.Encoding = enc
            wc.Headers.Add("Content-Type", "application/x-www-form-urlencoded")
            Dim res As String
            res = wc.UploadString(url, postData)
            wc.Dispose()
            MsgBox(res)


```

### 試したこと

以上のような流れで実行しますと
「res = wc.UploadString(url, postData)」
の直前でエラーとなります。
一度、ブラウザ上でURLの後ろにパラメータを付加し実行すると
思っているページが表示されます。
どこに問題があるのでしょうか。
宜しくお願いします。


POST送信でエラーが出て、送信できない

### 実現したいこと

Googleフォームに回答があった際に、送信者・管理者にメールが流れるようにしたい。これまで実現実行できていて、なぜか突然使えなくなった。その理由が知りたく調べていたが全く解決せず、お分かりの方にご教示いただきたいです。V８云々の問題かと思ったが違うようだった。

### 前提

GASを使ってGoogleフォームに回答があった際に送信者・管理者にメールを流したい。これまで何の問題もなくエラー表示すら出なかった。しかし、送信者側から「見てます？」と連絡をもらい、プログラム実行するとエラーになった。GASのコードはGoogleフォームのスクリプトエディタに記載しています。

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

```
エラーメッセージ
```
TypeError: Cannot read properties of undefined (reading 'response')
autoEmails	@ コード.gs:6

### 該当のソースコード（エラーはステップ１のところ）

function autoEmails(e) {
  /* ◆◆ ↓↓ 回答者へのお礼メール ↓↓ ◆◆ */

  /* ステップ1: フォームのデータを取得する */
  //すべての質問と回答を取得する
  let itemResponses = e.response.getItemResponses();
**↑ここがエラーになります。**

  //回答者のメールアドレスを取得する
  let recipient = e.response.getRespondentEmail();

  /* ステップ2: 必要なデータを抽出する */
  //個々の質問と回答を格納するための空配列を宣言する
  let questionAndAnswers = [];

  //for文(ループ)で変数itemResponsesから個々の質問と回答を取得する
  for(let i = 0; i < itemResponses.length; i++) {
    //質問のタイトルを取得する
    let questionTitle = itemResponses[i].getItem().getTitle();

    //回答を取得する
    let answer = itemResponses[i].getResponse();
    
    //未回答の質問かどうかで送信文章を調整する
    if(!answer) {
      questionAndAnswers.push(questionTitle + ": 未回答");
    } else {
      questionAndAnswers.push(questionTitle + ": " + answer);
    }
  }

  /* ステップ3: 宛先、件名、本文を決める */
  //メールの件名
  //★★★お好きな件名に変更ください★★★
  let subject = "【受付完了】ご連絡ありがとうございました。"

  //メールの本文
  //★★★お好きな本文に変更ください★★★
  let body = "ご連絡いただきありがとうございました。\n"
           + "\n"
           + "下記の内容でお問い合わせを受け付けました。\n"
           + "\n"
           + "========================\n"
             //一次元配列questionAndAnswersをjoinメソッドを使って文字列を作成する
             //区切り文字は改行"\n"
           + questionAndAnswers.join("\n") 
           + "\n"
           + "========================\n"
           + "\n"
           + "不具合については早急に対応させていただきます。それ以外の内容については精査の後に対応させていただきます。"
           + "\n\n"
           + "------------\n"
           + "管理者：名前入れてます\n"
           + "Email: メアド記入してます\n"
           + "HP: https://URL入れてます/";
  
  /* ステップ4: 回答者にメールを送信する */
  //回答者にメールを送信する
  GmailApp.sendEmail(recipient, subject, body);

  /* ◆◆ ↑↑ 回答者へのお礼メール ↑↑ ◆◆ */
  /* ================================== */
  /* ◆◆ ↓↓ 管理者へのメール ↓↓ ◆◆ */

  /* ステップ5: 管理者向けメールの宛先、件名、本文を決める */
  //★★★管理者のメールアドレスを入力してください★★★
  //複数名の管理者にメールしたい場合、カンマで区切って入力してください
  let adminRecipient = "メールアドレス";
  
  //メールの件名
  //★★★お好きな件名に変更ください★★★
  let adminSubject = "【自動通知】Googleフォームで新規回答を受け付けました";

  //メールの本文
  //★★★お好きな本文に変更ください★★★
  let adminBody = "Googleフォームで新規回答を受け付けました。\n"
           + "\n"
           + "内容を確認し対応してください。\n"
           + "\n"
           + "========================\n"
             //一次元配列questionAndAnswersをjoinメソッドを使って文字列を作成する
             //区切り文字は改行"\n"
           + questionAndAnswers.join("\n") 
           + "\n"
           + "========================\n";

  /* ステップ6: 管理者にメールを送信する */
  //管理者にメールを送信する
  GmailApp.sendEmail(adminRecipient, adminSubject, adminBody);

  /* ◆◆ ↑↑ 管理者へのメール ↑↑ ◆◆ */
}

### 試したこと

resoponse　→　Response
V8の解除

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

よろしくお願いいたします。

GASが突然エラーになった、、、、

### 前提

ajaxの戻り値をうまく取得できないで困っています。
ajaxは該当期間にデータがあるか否かをチェックし、有る場合は処理を続け、
無い場合は処理を中断しようというものです。
text形式で取得した response ですが、「yes」または「no」が入っています。
ところが「yes」または「no」をうまく判定できないで困っています。

ここで、テキストとしてちゃんと取得しているかどうかを確認するために、間に
「yagisan」という変数をかまして試したところ。
コンソールに以下の結果が表示されました。


【データが無いとき】
response================no
yagisan================no 
noでしたよ================

【データが有るとき】
response================yes
yagisan================no
noでしたよ================



データが有るときは
response================yes
yagisan================yes
yesでしたよ================
なならなければいけないはずですが、なぜこのようなことになるのかさっぱりわかりません。
ここのところajaxの非同期処理にイジメられて翻弄されています。

どなたか教えて下さい。よろしくお願いします。

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
- [ ] ▲▲機能を動作するようにする

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

```
エラーメッセージ
```

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

javascript

			$.ajax({
				type: "POST",
				url: "/meisaiexistcheckbyperiod",
				data: {"startDate":startDate, "endDate":endDate, "mode":mode}, 	
				dataType: 'text',

			// 通信成功時の処理		
			}).done(function(response) {
          		console.log("response================" + response);
          		
          		let yagisan;
				if(response=="yes"){
					yagisan = "yes";
				}else{
					yagisan = "no";
				}
      			console.log("yagisan================" + yagisan);

	    		if(yagisan=="yes"){
    				console.log("yesでしたよ================");
    				
    				if(window.confirm("指定期間　　" + startDate + "　～　" + endDate + "　 のモニタリストを発行します。")){
    		           	// ここで実行
    		           	//return true;
    				}else{
    		           	// 処理中断
       					return false;
    				}
    			}else{
    				console.log("noでしたよ================");
    				//window.alert("指定の期間に売上明細データはありませんでした。");
    		        // 処理中断
   					return false;
    			}
    			
			// 通信失敗時の処理
			}).fail(function() {
				alert("明細データのチェック検索ができませんでした。管理者にご連絡下さい。");
				
			// 通信の成功失敗に関わらず必ず行う処理
			}).always(function() {
			});

```

### 試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。


ajaxの戻り値を正しく取得できない

### 前提

コンパイラ(?)を変えると、割り算の結果が変わって困ります。

### 実現したいこと

コード上の計算で、int型の10を得たいです。floatの結果は10になっているのに、int型に式を入れるとなぜかg++の方だけ結果が9になります。paiza.io/ja/projects/newの方で試してみると全て結果が10となります。
どちらも、一旦float変数に代入してからキャストすると10が得られます。わざわざfloatの変数を経由するのが気に食わないので、g++で直接int型に10が入るようにしたいです。

### 発生している問題

```結果
//--g++の結果
10
9
10

//--paiza.io/ja/projects/newの結果
10
10
10
```

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

```C++
#include <iostream>
using namespace std;
int main(){
    float a = -1;
    float b = 1;
    float d = 0.2;
    float float_res = (b-a)/d;
    int int_res = (b-a)/d;
    int int_res2 = (int)float_res;
    cout << float_res << endl;
    cout << int_res << endl;
    cout << int_res2 << endl;
    return 0;
}
```


### 補足情報（FW/ツールのバージョンなど）
gcc version 9.2.0 (MinGW.org GCC Build-2)
paiza.io/ja/projects/new


コンパイラ(?)で演算結果が変わる

### 前提
WordPressでAjaxを使ったアクションを実装しています

### 知りたいこと
nonceの理解を深めたいです

特に「なぜ複数必要とされるのか？」が理解できないので教えて頂けませんでしょうか

以下に複数必要との記載があるソースを列挙してまいります

### 複数必要との記載があるソース１
まず関数リファレンスですが、

> 一般的に、アクションに対する名前を可能な限りユニークにするのがベストです。
> https://wpdocs.osdn.jp/関数リファレンス/wp_create_nonce

とあり、その理由は明記されていません

### 複数必要との記載があるソース２
そして類似質問がありましたが、

> アクション毎に nonce を別々にするのが望ましいです。
> https://ja.wordpress.org/support/topic/「nonce」の使い方について/

とあり、やはり理由が不明です

### 複数必要との記載があるソース３
またはStackoverflowにも質問がありましたが、

> Each form should have its own nonce
> https://stackoverflow.com/questions/31987963/should-i-use-different-nonces-for-multiple-forms-on-same-page

その理由がここでもわかりません

### 役割を調べました
複数必要であるというその理由を知るために、公式マニュアルで本来の役割を見てみました

この「Why use a nonce?」の項目を見ると、予想通りnonceがCSRF対策だとわかります
> https://codex.wordpress.org/WordPress_Nonces#Why_use_a_nonce.3F

CSRF対策ならば、nonceは「なぜ複数必要とされるのか？」が結局ナゾです。

普通に１つのトークンをフォームに持たせておけば対策は充分に可能だと思うのですが…？

### まとめ
疑問は次の点にまとめられると思います

・nonceにはCSRF対策以外の役割があって、そのときに複数必要なのでしょうか？
・それともCSRF対策のトークンが複数必要なケースというのがあるのでしょうか？

宜しくお願い致します




WordPressのnonceはなぜ複数必要とされるのか？（CSRF対策のトークンはいつ複数必要なのか？）

### 質問・疑問

超・初歩的な質問になります．

現在，WSL上でVue.jsを利用したWebアプリを開発しており，最終的にはGithub Pagesで公開したいと思っています．
また，WebアプリにはMySQLなどのデータベースを利用してデータを管理したいと思っています．（データは取得のみ）

1. まずそもそも，データベースを利用したWebアプリを作成するためには，有料のVPSなどを借りて開発するしかないのでしょうか．（なんでも無料で容量が使えるとは思うなということですかね・・？）
1. WSL上にMySQLをインストールしてデータベースを用意し，それを参照するWebアプリを作成した場合，Github Pages上に公開したときは動作しないと思うのですが，どうでしょうか．
2. Github Pages上でもデータベースを動作させたいときは，自分のVPSにあるMySQLなどでデータを管理し，それにアクセスする方法しかないのでしょうか．
3. そもそも，最終的に公開したいと思うWebアプリを開発するときは，最初からWSL上で開発し始めてはダメということでしょうか．表示だけのWebアプリならば問題ないと思いますが，データベースが絡んでくる時点でVPS上で直接開発した方がいいのかと思いまして．

最後に，Vue.jsとデータベースを利用したWebアプリケーションをデプロイして公開するまでを，丁寧に解説する本やWebサイトをご教授願いたいです．かれこれ，VueやMySQLやデプロイについて十何時間も調べてますが，一向に全体像がつかめず，何度も挫折しかけています・・



データベースを利用したWebアプリを公開したい

映画館向けのWEBサイトを作成したいと考え質問したいと思っています。
ただ、WEBサイトを作るにあたって、上映タイトルや、上映時間等を手入力で公開情報が変わる度に変更するのは大変手間だと考えています。


そこで教えてほしいのですが、上映タイトル・上映時間などのデータが管理されている公開サーバなどがあるのか教えていただけないでしょうか？
プログラミングというよりは前提のお話しなので、質問する場所が違うことは重々承知しているのですが、教えていただけますと幸いです・・・


どうか・・・どうか・・・よろしくお願いいたします。


映画館向けのＷＥＢサイトを作りたい

### 前提

MySQLで、ダンプファイルとバイナリログを使用してリストアを行います。
リストア後のデータ確認方法として、テーブルを直接確認することが挙げられると思うのですが、障害発生時の直前のデータまで復旧されているか確認したい、ただデータが膨大なのでどのテーブルを確認したらいいかわからない、などがあった場合に、例えばコマンドをたたいてどのバイナリログのデータまで戻ってますよ、のような確認方法がないかどうかが知りたいです。

調べてはいるのですが、テストデータなどの簡単なものでテーブルの中身を確認する方法しか見つけられませんでした・・・。
お手数をおかけしますが、よろしくお願いいたします。

### 実現したいこと

ダンプファイルのリストア後、バイナリログの指定したポジションまでリストア。
指定したポジションまできちんとリストアされているかどうかを確認したいです。





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

windows
MySQL 5.7


MySQLリストア後の確認方法

### 発生事案
VirtualBoxにUbuntu 18.04 LTS をインストールしていて、
昨日20.04 LTSにアップグレードしました。
しかし、アップグレード直後に再起動したところ、
黒い画面に「(ユーザー名) login:」しか表示されません。
WEBで見るようなデスクトップ画面が表示されません。
どうしたらよいでしょうか？

### 発生している問題・エラーメッセージ
「login:」の後に何かコマンドやパスワードを
打ち込んでも以下のエラーメッセージが表示されます。
```
"System is booting up.
Unprivileged users are not permitted to log in yet.
Please come back later.
For technical details, see pam_nologin(8)'"
login incorrect
```

### 試したこと
カーネルを変えたり、以上の画面で任意のコマンドを打ち込んでも
有効打にはなりませんでした。




Ubuntu 18.04 LTS を20.04 LTS にアップグレード直後にデスクトップ画面が表示されない

### 前提
pythonのJSONについて、１つ基本的な事がよく理解できていないことに気が付き、ネットで調べたのですが、知りたい事象が上手く検索ワードにできず良い答えが見つからなかったため、教えていただければ幸いです。

Flask（厳密にいえばGoogle CloudのCloud functionsを利用しています）にAPIを作っており、postでjsonを受け取る設計を考えています。jsonの中の1つの要素は、非常に長いlist型になる想定です。
その際にこのAPIに（長いlistを含んだ）jsonデータを渡す側のプログラムをどのように書けばいいのかわからなくなってしまい、教えて頂きたいです。

### 実現したいこと
自作のFlaskAPIに渡したいデータは
name_list  = ["prost","senna","maichal","hakkinen","alonso","max"] #例なので数が少ないが実際は数千～数万要素が入ったリスト
language_id = "ja"
file_name = "fia"
の3つだったとします。

これをFlaskで作ったAPI側に渡そうとして、コードを書こうと思ったのですが、

```python
end_point = "https:xxxxxxxxxxxxxxxxxx"
language_id = "ja"
file_name = "abc"
name_list  = ["prost","senna","maichal","hakkinen","alonso","max"] 

setting_json =  ??????????

headers = {'Content-Type': 'application/json',}
response = requests.post(end_point,headers=headers,data=json.dumps(setting_json))
```

と書いていって、setting_jsonの部分で、今回のname_listのような配列をいれたjsonを作りたい場合、直書きをせずに代入したい場合、どうすればよいのかわからなくなってしまいました（今回のサンプルのname_listは短いので直書きすればいいだろうと思われるかもしれないのですが、実際には配列の中に何千、何万と要素がはいっている想定のため、直書きではなく代入して渡せないかと考えています）。



python Flaskでpostでjsonを渡す際に、その中の一部をlist形式にして渡す方法（内部に要素を直書きするのではなく）が知りたいです

### 前提

ここに質問の内容を詳しく書いてください。
（例）
Vue.jsでポートフォリをを作っています。
今までCSSアニメーションで動きをつけていましたがJavaScriptを使ってもっと幅広くアニメーションをつけていきたいと思っています。
しかし下記のサイトのようなHTML・CSS・JSで別れているようなアニメーションはいつも手順がわからず調べても例文などがでず断念していました。
Vueは初心者ですがなんとかここをクリアしたく、下記のHTML・CSS・JSを使ってアニメーションを作る手順を教えていただきたいです。


### 実現したいこと
HTML
```ここに言語を入力
<h1 class="title">
  <span>T</span>
  <span>E</span>
  <span>X</span>
  <span>T</span>
  <span>&nbsp;</span>
  <span>A</span>
  <span>N</span>
  <span>I</span>
  <span>M</span>
  <span>A</span>
  <span>T</span>
  <span>I</span>
  <span>O</span>
  <span>N</span>
</h1>
```
CSS
```ここに言語を入力
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

.title {
  display: flex;
  overflow: hidden;
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
}

.title span {
  display: block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.title.-visible span {
  transform: translate(0, 0);
}

.title span:nth-child(2) {
  transition-delay: 0.06s;
}
.title span:nth-child(3) {
  transition-delay: 0.12s;
}
.title span:nth-child(4) {
  transition-delay: 0.18s;
}
.title span:nth-child(5) {
  transition-delay: 0.24s;
}
.title span:nth-child(6) {
  transition-delay: 0.30s;
}
.title span:nth-child(7) {
  transition-delay: 0.36s;
}
.title span:nth-child(8) {
  transition-delay: 0.42s;
}
.title span:nth-child(9) {
  transition-delay: 0.48s;
}
.title span:nth-child(10) {
  transition-delay: 0.54s;
}
.title span:nth-child(11) {
  transition-delay: 0.6s;
}
.title span:nth-child(12) {
  transition-delay: 0.66s;
}
.title span:nth-child(13) {
  transition-delay: 0.72s;
}
.title span:nth-child(14) {
  transition-delay: 0.78s;
}

/****** Base style. ******/
body {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  margin: 0;
}
```
JS
```ここに言語を入力
const CLASSNAME = "-visible";
const TIMEOUT = 1500;
const $target = $(".title");

setInterval(() => {
  $target.addClass(CLASSNAME);
  setTimeout(() => {
    $target.removeClass(CLASSNAME);
  }, TIMEOUT);
}, TIMEOUT * 2);
```
### 発生している問題・エラーメッセージ

```
$ is not defined
```

### 試したこと
Vue.jsファイルのテンプレート、スクリプト、スタイルに入れ込んでみましたがどうにも動きません。
エラーの内容は　$ is not defined　になっていますがそもそもこの形が正しいかも理解していないです。
HTMLとCSSは問題ないと思うのですが肝心のJSの取り込み方が分からないので教えていただけませんでしょうか

```ここに言語を入力
<template>
  <div class="wrap">
    <h1 class="title">
      <span>T</span>
      <span>E</span>
      <span>X</span>
      <span>T</span>
      <span>&nbsp;</span>
      <span>A</span>
      <span>N</span>
      <span>I</span>
      <span>M</span>
      <span>A</span>
      <span>T</span>
      <span>I</span>
      <span>O</span>
      <span>N</span>
    </h1>
  </div>
</template>


<script lang="js">
const CLASSNAME = '-visible'
const TIMEOUT = 1500
const $target = $('.title')
export default {
  name: 'IndexPage',
  date: {
    CLASSNAME: '-visible',
    TIMEOUT: 1500,
    $target: $('.title'),
  },
  methods: setInterval(() => {
    $target.addClass(CLASSNAME)
    setTimeout(() => {
      $target.removeClass(CLASSNAME)
    }, TIMEOUT)
  }, TIMEOUT * 2),
}
</script>
<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

.wrap {
  text-align: center;
  display: block;
  position: relative;
  top: 40%;
  line-height: 60px;
  font-size: 16px;
  color: #606266;
}

.title {
  display: flex;
  overflow: hidden;
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
}

.title span {
  display: block;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.title.-visible span {
  transform: translate(0, 0);
}

.title span:nth-child(2) {
  transition-delay: 0.06s;
}
.title span:nth-child(3) {
  transition-delay: 0.12s;
}
.title span:nth-child(4) {
  transition-delay: 0.18s;
}
.title span:nth-child(5) {
  transition-delay: 0.24s;
}
.title span:nth-child(6) {
  transition-delay: 0.3s;
}
.title span:nth-child(7) {
  transition-delay: 0.36s;
}
.title span:nth-child(8) {
  transition-delay: 0.42s;
}
.title span:nth-child(9) {
  transition-delay: 0.48s;
}
.title span:nth-child(10) {
  transition-delay: 0.54s;
}
.title span:nth-child(11) {
  transition-delay: 0.6s;
}
.title span:nth-child(12) {
  transition-delay: 0.66s;
}
.title span:nth-child(13) {
  transition-delay: 0.72s;
}
.title span:nth-child(14) {
  transition-delay: 0.78s;
}

/****** Base style. ******/
body {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  margin: 0;
}
</style>

```

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




Vue.jsでHTML,CSS,JSを使ったアニメーションをしたい

### 前提
Djangoで、特定の組織ごとに複数のユーザーがいて、ユーザーは自分の組織のDBだけにアクセスできるようにしたいのですが、調べても方法がわからず困っています。
どう考えるべきかを教えていただけないでしょうか。

Django(というよりプログラム自体)初心者で、調べ方が良くないのかもしれませんが。。。


### 実現したいこと
1つのプロジェクトにA社･B社があり、それぞれにユーザーがいます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-20/a5603c8f-f06d-45fb-9a0e-2f128a9b12ad.png)

・ユーザー1と2は別々のアカウントでログインする。
・ユーザー1と2はA社のDB3とDB4にアクセスできる。

・B社についても同様に、ユーザー3と4は別々のアカウントでログインし、B社のDB5とDB6にアクセスできる。

・ユーザー1と2はB社のDB5とDB6にはアクセスできない。
・同様にユーザー3と4もA社のDB3とDB4にはアクセスできない。


### 試したこと

django管理者ページのgroupかと思いましたが、そういったものではないということだけ分かりました。

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

python 3.9
django 4.1


Djangoで、組織ごとに複数のユーザーがいて、ユーザーが自分の組織のDBだけにアクセスさせたい。

### やりたいこと

Windows Server 2016上で、
Aという情報を持った約4000行のcsvファイル①（項目数10個くらい）と
Bという情報を持った約400行のcsvファイル②（項目数15個くらい）を
ユニークなIDを元に内部結合的に合体させ、
A・Bの情報を持った約400行のcsvファイル③（項目はファイル①と同じ）を作りたい。

ついでに、ログ出力だったり、保管期限切れのcsvファイルの削除だったりもしたい。
特に時間制限はない処理だが、なんとなく3分以内で終わってほしい。

### 聞きたいこと

Python、Java、Powershellの中で、上記処理を行うのに最も適した言語を知りたい。

#### 余談

Pythonは個人的に触った経験があり、まあ簡単にできそうだなという感覚があります。
ただ、業務的な導入実績はなく、採用する場合は周囲の説得からになります。
Java、Powershellは触ったことがないため、難易度からわかりません。

以下、雑感です。

|言語|雑感|
|:--|:--|
|Python|周囲に相談したときに「インタプリタ言語だから…」と言われた気がするが、何が問題なのかわからない。最悪exe化してから持っていけばいいのでは？ 良くも悪くもゆるゆるでイケイケなイメージ。|
|Java|周りがみんな使っている。人に聞けそう。構築から設計からいろいろと面倒臭そう。堅牢なイメージ。|
|Powershell|ポリシーがいちいち鬱陶しいが、環境構築のためにあれこれする必要がない。コマンドが長い。csvを編集するイメージがない。情報が少ない？|

環境構築が楽で、csvファイルの編集に適した言語を知りたい

参考サイトを参考にC#でC言語のライブラリであるFFmpegを使ってウインドウズフォームをアプリを作りたいのですがこれをするにはどうやったらいいのでしょうか？言語間の問題をどうしたらいいのか知りたいです。また`ffmpegをC#で使う`サイトですがリンク切れが多く参考になりません。

##### 質問内容
C#でC言語のライブラリであるFFmpegを使ってウインドウズフォームをアプリを作りたい








##### 参考サイト
Github: https://github.com/FFmpeg/FFmpeg
C++上での使い方 https://proc-cpuinfo.fixstars.com/2017/08/ffmpeg-api-decode/
C#上でのプロセスを使った使い方　https://t-pirori.blogspot.com/2020/05/ffmpegUsingInputStream.html
ffmpegをC#で使う https://qiita.com/tobira-code/items/28df143014b606a53889







FFmpegを使ってwindowsフォームソフトを作りたい

Azure およびNode.js ともに初心者です

##### 使用環境
使用環境：Azure Functions
使用言語： Node.js

#### 質問
Azure Functions からNode.jsのhttpモジュールを使用してAPIをcallするアプリを作成しています。
Qiitaのサンプル記事をもとに郵便番号検索APIをcallし、レスポンス値を加工する処理を作成しようとしましたが、
想定通りにhttpリクエストが実行されず困っています。
AzureとNode.jsのどちらも知識があまりなく、問題の切り分けができず。
AzureかNode.jsで確認すべき点や修正したほうがいい箇所がありましたら、ご指摘いただける助かります。

```html
const https = require('https');
const url = `https://zipcloud.ibsnet.co.jp/api/search?zipcode=7830060`;
    const options = {
        method: 'GET',
        }
    };
const client = https.request(url, options, (res) => {
        context.log(res.statusCode);
        context.log(res.headers);
        let resBody = '';
        res.on('data', (chunk) => { resBody += chunk; });
        res.on('end', () => {
            context.log(resBody);
            context.res = {status: 204};
            context.done();
        });
    });
    client.on('error', (e) => {
        context.log.error(e);
        context.res = {status: 500};
        context.done();
    });
    client.end();
};
```
### 試したこと
①httpリクエスト処理の戻り値の変数をcontext.log()で表示
「request.undefined」が返ってくることを確認

②Azure FunctionsのKuduの実行ログを確認
 Client Requestから始まる長い戻り値？が返ってきていることは確認しています。
確認点がわからず苦戦しています。
```html
2022-07-ddThh:mm:ss.999 [Information] Client Request{
_events:[object: null prottype]{
 response:[Function:bound onceWrapper]
--以下略--
```

### コードサンプル
https://qiita.com/ma2shita/items/a9844a3a8e618600a109

###使用しているAPI
http://zipcloud.ibsnet.co.jp/doc/api





Azure Functions からNode.jsのhttpモジュールを使ってAPIをcallしたい

MkDocsを使ってWordからmdファイルに変換したものの、
tableが上手く表示できず、下記のような表示結果になってしまいます。
解決方法をご存じの方がいらっしゃれば、是非教えてください。

```ここに言語を入力
## 経歴
 
下表に記載します。

| #   | 名前  | 所属  | 支店  | 電話番号          | 経歴  |     |     | 備考  |
|     |     |     |     |               | 職種  | 年数  | 役職  |     |
| --- | --- | --- | --- | ------------- | --- | --- | --- | --- |
| 1   | 山田  | 営業  | A   | 5555-55-5555  | 営業  | 2年  | 主任  |     |
| 2   | 田中  | 総務  | B   | 333-3333-3333 | 経理  | 1年  | 社員  |     |
| 3   | 清水  | 総務  | C   | 1111-11-1111  | 総務  | 4年  | 主任  |     |
| 4   | 宮本  | 経理  | D   | 000-000-0000  | 経理  | 8年  | 課長  |     |
```



▼表示結果
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-07-05/5a4cf68b-3564-4695-aee7-c7742648616e.png)

MkDocsで読み込んだtableを表示させたい

表題の件で確認させてください。

現在以下フォルダ構成の環境でTerraform環境を構築しております。

```ここに言語を入力
├─tf-common
│  │  output.tf
│  │  provider.tf
│  │  sns.tf
│  │  terraform.tfvars
│
└─tf-tenant
    │  .terraform.lock.hcl
    │  cloudwatch.tf
    │  provider.tf
    │  route53.tf
    │  Tenant-0041.tfvars
    │
    └─.terraform
        │  terraform.tfstate
```

tf-tenantフォルダ配下でterraform planを実行すると以下のようにエラーとなりました。
sns_topicが参照できない旨のエラーとなるのですが、解決できず困っております。

```ここに言語を入力
│ Error: Reference to undeclared resource
│
│   on cloudwatch.tf line 23, in resource "aws_cloudwatch_metric_alarm" "healthcheck":
│   23:   alarm_actions     = ["${aws_sns_topic.topic.arn}"]
│
│ A managed resource "aws_sns_topic" "topic" has not been declared in the root module.
```

調べてみると、moduleを利用することで別フォルダのリリースを参照できるとのことなのですが、
今ひとつ使い方がわからず、困っております。

この環境の場合、どういったmoduleを利用することでsnsのリソースを参照させることができるのでしょうか？

念のためですが、cloudwatch.tfとsns.tfのコードは以下となります。
cloudwatch.tf
```ここに言語を入力
6  resource "aws_cloudwatch_metric_alarm" "healthcheck" {
7  count               = length(aws_route53_health_check.HealthCheck)
8  provider            = aws.virginia
9  alarm_name          = var.targets[count.index].alarm_name
10  comparison_operator = "LessThanThreshold"
11  evaluation_periods  = "1"
12  metric_name         = "HealthCheckStatus"
13  namespace           = "AWS/Route53"
14  period              = "60"
15  statistic           = "Minimum"
16  threshold           = "1"
17
18  dimensions = {
19    HealthCheckId = aws_route53_health_check.HealthCheck[count.index].id
20  }
21  alarm_description = "Send an alarm if ${var.environment} is down"
22  actions_enabled   = "true"
23  alarm_actions     = ["${aws_sns_topic.topic.arn}"]
}
```

sns.tf
```ここに言語を入力
resource "aws_sns_topic" "topic" {
  #  name     = var.sns_topic
  name     = var.service_name
  provider = aws.virginia
  delivery_policy = jsonencode({
    "http" : {
      "defaultHealthyRetryPolicy" : {
        "minDelayTarget" : 20,
        "maxDelayTarget" : 20,
        "numRetries" : 3,
        "numMaxDelayRetries" : 0,
        "numNoDelayRetries" : 0,
        "numMinDelayRetries" : 0,
        "backoffFunction" : "linear"
      },
      "disableSubscriptionOverrides" : false,
      "defaultThrottlePolicy" : {
        "maxReceivesPerSecond" : 1
      }
    }
  })

}


resource "aws_sns_topic_subscription" "default" {
  topic_arn = aws_sns_topic.topic.arn
  provider  = aws.virginia
  protocol  = "lambda"
  endpoint  = aws_lambda_function.default.arn
}
```


Terraform Moduleを使い別ディレクトリのリソースを参照させたい

Goでpythonの継承のようなものを行い，異なる構造体をリストみたいなものに格納したい．
```go
type PlayersStruct struct {
	players []Player
}

var Players = PlayersStruct{}

func create_players() {
	human := Human{Player{"MY", 500}}
	computer1 := Computer{Player{"C1", 500}}
	computer2 := Computer{Player{"C2", 500}}
	computer3 := Computer{Player{"C3", 500}}
	Players.players = append(Players.players, &human)
	Players.players = append(Players.players, &computer1)
	Players.players = append(Players.players, &computer2)
	Players.players = append(Players.players, &computer3)
}
```

異なる構造体なのでエラーが出てしまった。
```go
type Base interface {
 bet()
 info()
}

type Players interface {
 Base
}
```
interfaceを用いて書いてみたがinterfaceのせいで humanとcomputer両方にbet() info()
がなかったら動かなかった。humanにはbet() info()　computerにはinfo()だけ行うようにしたいがうまく書くことができませんでした。

どのようにすれば以下のコードをGoに書き換えれるでしょうか？
```python
players = []
class Player:
    def __init__(self, name, coin):
        self.name = name
        self.coin = coin
    def info(self):
    def set_bet_coin(self,bet_coin):

class Human(Player):
 def __init__(self, name, coin):
        super().__init__(name, coin)
    def bet(self):

class Computer(Player):
    def __init__(self, name, coin):
        super().__init__(name, coin)

create_players():
    global players
    h= H('MY', 500)
    c1 = C('C1', 500)
    c2 = C('C2', 500)
    c3 = C('C3', 500)
    players = [h,c1,c2,c3]

```
