常連

注目の的

社会貢献

### 前提・実現したいこと

C++を用いて自動採点のシステムを開発しているのですが、
~~out_of_rangeの例外がどこから発生して、どう処理したらいいのかが分かりません。~~
今度はデータが正しく出力されない問題が発生しました…

### 発生している問題・エラーメッセージ
~~terminate called after throwing an instance of 'std::out_of_range'what(): basic_string::substr: __pos (which is 4) > this->size() (which is 0)This application has requested the Runtime to terminate it in an unusual way.
Please contact the application's support team for more information.
~~
### 該当のソースコード

```C++
#include <iostream>
#include <fstream>
#include <string>
#include <vector>
#include <utility>
#include "AnswerCheck.h"

typedef vector<string> Type;

Type answer;

Type putdata(string s){
	int cnt = 0, pnt = 0, cha = 0;
	Type buf;
	
	while(1){
		if(buf.size() == 13)	break;
		if(s[cha] != ','){
			cnt++;
		}
		else{
		**  try{
				buf.push_back(s.substr(pnt + 1, cnt - 2));
			}
			catch(...){
				buf.push_back("");
			}
			pnt += ++cnt;
			cnt = 0;
		}
		cha++;
	}
	
	return buf;
}

int main(void){
	ifstream ifs("data.csv");
	ofstream log("log.csv", ios::trunc);
	int cnt = 0;
	
	log << "Class,Number,A1,A2,A3,A4,A5,B1,B2,B3,B4,B5,B6,A Result,Sum Result" << endl;
	
	string s;
	while(getline(ifs, s)){
		int a_result = 0, result = 0;
		if(cnt != 0){
			Type buf = putdata(s);
			string id = buf[1];
			pair<string, string> user;
				user.first  = id.substr(4, 1);
				user.second = id.substr(5, 2);
			cout << "Class  : " << user.first  << endl
					 << "Number : " << user.second << endl;
			log << user.first << ","
					<< user.second << ",";
			for(int a = 2; a < buf.size(); a++){
				int score = check(buf[a], a - 2);
				result += score;
				if(a < 7)	a_result += score;
				log << score << ",";
			}
			log << a_result << "," << result << flush << endl;
		}
		
		cnt++;
	}
}
```

### 試したこと

**の場所で例外が発生しているのかと思い、try,catchを入れたのですが、変わりませんでした。

### 補足情報

「#include "AnswerCheck.h"」は問題採点用のヘッダで、こちらにエラーが無い事は確認済みです。
また、読み込みファイルの「data.csv」は読み込むデータが1つのみ(Googleフォームの結果を落としているので2行)の場合は問題なく動きます。

### 追加

「data.csv」のサンプルです。
[data.csv](https://drive.google.com/file/d/1IewVqd_p9o7AjEgH_-45knRZEZ2iMDR8/view?usp=sharing)

開発環境はMinGW6.3.0です。
エディタはTeraPadを使用しています。

回答者のご指摘からmain関数にtry,catchを入れたところ、ひとまずエラーが解消されました。
ですが、入力したデータは4つ連続しているのですが、出力した「log.csv」には以下のように無駄に空白が入ってしまいました…
良ければ原因は何処なのか教えてほしいです…
![log.csv](66c6b6bf171fe380090678ccc9a3b0c9.png)

データが正しく出力されません…

本来は、Twitter Discord(下にある埋め込みリンクです。)を縦並びにしたいのですが、どうしても出来ません。教えていただきたいです。
![![イメージ説明](c5fbe61222af4000e346f158554417ab.png)]
コード
【html】
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TEST</title>
</head>
<body>
  <div class="TwitterI">
    <a class="twitter-timeline" href="https://twitter.com/skaldworld? 
    ref_src=twsrc%5Etfw">Tweets by skaldworld</a> <script async 
    src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  </div>
  <div class="DiscordS">
    <iframe src="https://discordapp.com/widget?id=744467204325507093&theme=dark" 
    width="300" height="590" allowtransparency="true" frameborder="0" sandbox="allow- 
    popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</body>
</html>
 【CSS】
.TwitterI{
  width: 300px;
  height: 590px;
  float: right;
  margin-top: 5%;
  margin-right: 3%;
  padding: 0;
  overflow: hidden;
}
.DiscordS{
  float: right;
  margin-top: 60%;
  margin-left: 10%;
  padding: 0;
  overflow: hidden;
}

html css 埋め込みリンクを縦に並ばせたい

ホームページに埋め込んだGoogleフォームにおいて、回答にJQueryで指定のタイトルを挿入したいと考えていました。
それで、下記のような感じで動的に挿入できたらいいなと思っていましたが、そもそもソースコードに存在しないし、その回答を特定できるクラスや属性が取得できずに途方に暮れています。

```js
　// タイトルを取得する
  var title = $('#title').text();
  var input = //何かしらの処理で挿入先を取得する。
  $(input).val(title);
```

正直まったく解決策が思いつかないので、別の方法でも記事でもいいので教えていただけると幸甚です。

埋め込んだGoogleフォームの回答に動的に文字列を挿入したい

### 前提・実現したいこと
railsを使いアプリを作成中です。
Ruby 2.6.4
Rails 5.2.3
Node.js v12.14.0
Yarn 1.22.4

コメント編集機能をajax化したい。
コメント更新ボタンを押すとajaxの処理が呼ばれるように実装したいです。


### 発生している問題・エラーメッセージ
コメント編集内容をrails側に送るとができていない。
更新ボタンを押し、リロードをするとupdateアクションにリクエストを飛ばすことはできているが変更した内容は送ることができていない。

```
エラーメッセージ
```

### 該当のソースコード

```ここに言語名を入力
app/assets/javascripts/comment.js

ソースコード
$(function() {
  $(document).on("click", ".js-edit-comment-button", function () {
    const commentId = $(this).data("comment-id")
    const commentLabelArea = $("#js-comment-" + commentId)
    const commentTextArea = $("#js-textarea-comment-box-" + commentId)

    commentLabelArea.hide()
    commentTextArea.show()
    return false
  })
  
  $(document).on("click", '.js-button-edit-comment-cancel', function() {
    const commentId = $(this).data("comment-id")
    const commentLabelArea = $("#js-comment-" + commentId)
    const commentTextArea = $("#js-textarea-comment-box-" + commentId)

    commentLabelArea.show()
    commentTextArea.hide()
  })

※ 該当の更新ボタンの実装
  $(document).on("click", '.js-button-comment-update', function() {
    const commentId = $(this).data("comment-id")
    const commentText = $("#js-textarea-comment" + commentId)
    const body = commentText.val()
    console.log(body)

    $.ajax({
      type: 'PATCH',
      url: '/comments/' + commentId,
      data: {
        comment: {
          body: body
        }
      }
    })
  })
})




app/views/comments/_comment.html.erb

<tr id="comment-<%= comment.id %>">
  <td style="width: 60px">
    <%= image_tag 'board_placeholder.png', :size => '50x50', class: 'rounded-circle' %>
  </td>
  <td>
    <h3 class="small"><%= comment.user.decorate.full_name %></h3>
    <div id="js-comment-<%= comment.id %>">
      <%= simple_format(comment.body) %>
    </div>

※ 該当の更新内容の実装
    <div id="js-textarea-comment-box-<%= comment.id %>" style="display: none;">
      <textarea id="js-textarea-comment-<%= comment.id %>" class="form-control mb-1"><%= comment.body %></textarea>
      <button class="btn btn-light js-button-edit-comment-cancel" data-comment-id="<%= comment.id %>">キャンセル</button>
      <button class="btn btn-success js-button-comment-update" data-comment-id="<%= comment.id %>">更新</button>
    </div>
  </td>

  <% if current_user.own?(comment) %>
    <td class="action">
      <ul class="list-inline justify-content-center" style="float: right;">
        <li class="list-inline-item">             
          <a href="#" class='js-edit-comment-button' data-comment-id="<%= comment.id %>">
            <%= icon 'fa', 'pen' %>
          </a>
        </li>
        <li class="list-inline-item">
          <%= link_to comment_path(comment), class: 'js-delete-comment-button', data: { confirm: '削除してよろしいですか？' }, method: :delete, remote: true do %>
            <%= icon 'fas', 'trash' %>
          <% end %>
        </li>
      </ul>
    </td>
  <% end %>
</tr>
```



### 試したこと
binding.pryでupdateアクションまでリクエストを飛ばすことはできる。(更新ボタンを押してリロードをすれば)

chrome の検証ツールを使いデバックしたところ commentText.val() のコードは undefind と返ってくる。

$("#js-textarea-comment" + commentId)のコードの結果は、
jQuery.fn.init {context: document, selector: "#js-textarea-comment71"}と表示される。

上の二つのコードに問題があると思っているのですが、そこから何をすれば良いかわからない状態です。



### 補足情報（FW/ツールのバージョンなど）

コメント編集機能はまだ実装途中で、現段階ではコメントの編集内容を更新ボタンでupdateアクションへ送れるようにすることを目標にしています。

コメント編集機能のajax化

コメントを投稿するとページリロードなしで投稿したコメントが一番上に表示されるようにしたいです。

コメントはサーバー側から`postedComments`としてViewに渡し、`#each`を使って上から順に表示させています。（Viewエンジンはhbsを使っています。）

pタグを入力欄の下に用意した上でDOM操作により投稿コメントを一番上に挿入する方法を考えたのですが、複数のコメントが投稿された場合、一番上のコメントが上書きされるだけになってしまいます。

何か良い方法はないでしょうか？


```hbs
<input type="text" name="content" id="comment-input">
<button id="comment-submit">送信</button>
  <div id="comment-box">
    {{#each postedComments}}
    　<p>{{this.content}}: {{this.createdBy.username}}</p>
    　<hr>
    {{/each}}
  </div>
```

```JavaScript
const commentInput = document.getElementById('comment-input');
const commentSubmit = document.getElementById('comment-submit');
const commentBox = document.getElementById('comment-box');

commentSubmit.onclick = () => {
  fetch('/comment/create', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ content: commentInput.value }),
  }).then((response) => response.json())
    .then((postedComment) => {
      console.log(postedComment)
};

```

###追記
最終的に以下のように実装することができました。
```JavaScript
const commentInput = document.getElementById('comment-input');
const commentSubmit = document.getElementById('comment-submit');
const commentBox = document.getElementById('comment-box');

const currentUrl = window.location.href;
const questionId = currentUrl.split('http://localhost:3000/question/')[1].split('/result')[0];

fetch(`/question/${questionId}/result/json`).then((response) => {
  response.json().then((result) => {
    const { postedComments } = result;
    postedComments.forEach((comment) => {
      const p = document.createElement('p');
      p.innerHTML = comment.content;
      commentBox.appendChild(p);
    });
  });
});

commentSubmit.onclick = () => {
  fetch('/comment/create', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ content: commentInput.value, questionId }),
  }).then((response) => {
    response.json().then((result) => {
      const { populatedComment } = result;
      const p = document.createElement('p');
      p.innerHTML = populatedComment.content;
      commentBox.prepend(p);
    });
  });
};

```

コメント機能を非同期通信で実装したい

### 前提・実現したいこと

オンラインレッスンにて画像で提示されたspサイトの例を、正しく真似して実装したいです。

「margin, paddingの余白設計が正しくない」と、添削されているのですが
どこが間違っているのか分からないので、教えていただけると助かります。



・TOPがピンク→ Lesson1
・TOPがオレンジ→ Lesson2

![イメージ説明](af26144492d554721cf73db85d3603c5.png)
![![イメージ説明](92671b8da90ed17897112b96d60b9759.png)


### 該当のソースコード
【Lesson1】

```css　
@charset "UTF-8";

.wrapper {
background-color: #EEEEEE;
}

.top {
  background-color: #ff1a6f;
  height: 80px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
}

.circle {
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
}

.top-square {
  background-color: #fff;
  width:30%;
	height:50px;
  border-radius: 9px;
  float: right;
}

.content {
  justify-content: space-between;
  padding: 30px 20px;
}

.set {
  display: flex;
  margin-top: 20px;
}

.set:first-child {
 margin-top: 0;
}

.right-square {
  background-color: #fff;
  margin-left: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 9px;
  height: 200px;
  flex: 1;
  margin-bottom: 20px;
}

.left-square {
  background-color: #CCCCCC;
  display: block;
  border-radius: 9px;
  width:90px;
  height: 90px;
}

.fotter {
  background-color: #000055;
  height: 70px;
}


```

```HTML

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="../../../tools/style/reset.css" />
    <link rel="stylesheet" href="./style.css" />
    <title>div-puzzle-sp | lesson-1</title>
  </head>
   <body>
    <div class="wrapper">
    <div class="top">
      <div class="circle"></div>
      <div class="top-square"></div>
    </div>
    <ul class="content">
      <li class="set">
      <div class="left-square"></div>
      <div class="right-square"></div>
      </li>
      <li class="set">
      <div class="left-square"></div>
      <div class="right-square"></div>
      </li>
      <li class="set">
      <div class="left-square"></div>
      <div class="right-square"></div>
      </li>
      <li class="set">
      <div class="left-square"></div>
      <div class="right-square"></div>
      </li>
    </ul>
    <div class="fotter"></div>
  </div>
  </body>
</html>

```

【Lesson2】

```CSS
@charset "UTF-8";

.wrapper {
background-color: #EEEEEE;
}

.top {
  background-color: #ff8c00;
  height: 90px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}

.top-square {
  background-color: #fff;
  width: 100px;
  height: 60px;
  border-radius: 9px;
}

.circle {
  background-color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.circle:first-child {
  margin-right: 20px;
}

.set {
  display: flex;
  justify-content: space-around;
}


.content {
  padding: 30px 15px;
  display: flex;
  flex-wrap: wrap;
}

.A {
  background-color: #fff;
  width: 150px;
  height: 150px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 9px;
  margin: 10px;
}

.fotter {
  background-color: #000055;
  height: 70px;
}

```

```HTML　

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="../../../tools/style/reset.css" />
    <link rel="stylesheet" href="./style.css" />
    <title>div-puzzle-sp | lesson-2</title>
  </head>
  <body>
    <div class="wrapper">
      <div class="top">
        <div class="top-square"></div>
        <ul class="set">
        <li class="circle"></li>
        <li class="circle"></li>
        </ul>
      </div>
      <ul class="content">
        <li class="A"></li>
        <li class="A"></li>
        <li class="A"></li>
        <li class="A"></li>
        <li class="A"></li>
        <li class="A"></li>
        <li class="A"></li>
      </ul>
      <div class="fotter"></div>
    </div>
  </body>
</html>

```

margin, paddingの余白設計を訂正したい

**目標**

会員登録画面、会員登録の確認画面を作りたい。

**回答画像**

![イメージ説明](5ba25937471dfa7b56315ad68f97bab1.png)

![イメージ説明](081864353b115fd8b568308bcd8c8737.png)

自分が作成したファイルの画像

![イメージ説明](ef273002a563192d9590d8877eb82532.png)

![イメージ説明](10ae190820c832557afec5b100a6f452.png)

**疑問点**

ご覧の通り、会員登録画面についてはなんの問題もないのですが、会員登録確認画面が正しく出力されていません。
会員登録画面でPOSTで渡したのですが、情報が会員登録確認画面に出力されていません。

またphpmyadminに情報が格納されていない。

**会員登録（上）、確認画面（下）のコード**

```index.php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>phptyukyu</title>
    <link rel="stylesheet" type="text/css" href="style_1.css">
</head>
<body>

<header>
   <div class="logo">
       <img src="4eachblog_logo.jpg">
   </div>
</header>

<main>
    <div class="signup">
        <form method="post" action="mail_confirm_2.php">
            <h2>会員登録</h2>
            <div>
                <label><span>必須</span>氏名</label>
                <br>
                <input type="text" class = "text" size = "35" name = "name">
            </div>
            <div class="ran">
                <label><span>必須</span>メールアドレス</label>
                <br>
                <input type="text" class = "text" size = "35" name = "mail">
            </div>
            <div class="ran">
                <label><span>必須</span>パスワード</label>
                <br>
                <input type="password" class = "text" size = "35" name = "password1">
            </div>
            <div class="ran">
                <label><span>必須</span>パスワード確認</label>
                <br>
                <input type="password" class = "text" size = "35" name = "password1">
            </div>
            <div class="ran">
                <label>プロフィール写真</label>
                <br>
                <input type="file" class = "text" name = "file">
            </div>
            <div class="ran">
                <label>コメント</label>
                <br>
                <textarea cols="35" rows="5" name="comments"></textarea>
            </div>
            <div class="ran2">
                <input type="submit" class="submit" value="登録する">
            </div>
        </form>
    </div>
</main>

</body>

<footer>
        copyright ©️ internous | 4each blog the which provides A to Z about programming.
</footer>

</html>
```



```mail_confirm_2.php
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>phpkadai</title>
        <link rel="stylesheet" type="text/css" href="style_2.css">
    </head>

    <body>
    
    <header>
        <div class="logo2">
            <img src="4eachblog_logo.jpg">
        </div>
    </header>
    
    <main>

        <div class="confirm">
            <h1>会員登録 確認</h1>
            <p class="kain">こちらの内容で登録してもよろしいでしょうか？
            </p>

            <p>氏名:
                <?php echo $_POST['name']; ?>
            </p>

            <p>メール:
                <?php echo $_POST['mail']; ?>
            </p>

            <p>パスワード:
                <? php echo $_POST['password1'];; ?>
            </p>

            <p>プロフィール写真:
                <? php echo $_POST['file']; ?>
            </p>
            
            <p>コメント:
                <? php echo $_POST['comments']; ?>
            </p>
            
            <div class="buttons">
            <form action="index.php">
                <input type="submit" class="button1" value="戻って修正する" />
            </form>

            <form action="insert_2.php" method="post">
                <input type="submit" class="button2" value="登録する" />
                <input type="hidden" value="<?php echo $_POST['name']; ?>" name="name">
                <input type="hidden" value="<?php echo $_POST['mail']; ?>" name="mail">
                <input type="hidden" value="<?php echo $_POST['password1']; ?>" name="password1">
                <input type="hidden" value="<?php echo $_POST['file']; ?>" name="file">
                <input type="hidden" value="<?php echo $_POST['comments']; ?>" name="comments">
            </form>
            </div>

        </div>
        
    </main>
    
    </body>
    
    <footer>
        copyright ©️ internous | 4each blog the which provides A to Z about programming.
    </footer>
    
</html>


```



**phpmyadminの画像**

![イメージ説明](389ac253b51f41a1bb545c7cb720d013.png)

補足で説明をすると、すでにkokimatubaraというデータベースを作っていました。なので、新規作成でsignupというテーブルを作りました。

```ここに言語を入力
create table signup(name(255), mail(255), password1(255), file(255), comments(255));
```

以上です。

引き渡したPOSTが表示されない

こんちは。

htmlとcssで写真を正方形のグリッド状に表示したいです。
現状だと、いろいろな形の写真がまざっているため、整列はしているものの、ちょっと雑然としている感じです。そこで、各写真の大きさを正方形に揃えたいのですが、ここで詰まってしまいました。

コードは、
```html
    <section class="post-list">
        @foreach($user->tests as $test)
        <a href="" class="post">
            <figure class="post-image">
                @if($test->image == null)
                <img src="/storage/image/no_image.png" alt="{{$test->name}}">
                @else
                <img src="/storage/image/{{$test->image}}" alt="{{$test->name}}">
                @endif
            </figure>
            <div class="post-overlay">
                <p>
                    <span class="post-likes"><i class="fa fa-heart" aria-hidden="true"></i> 150</span>
                    <span class="post-comments"><i class="fa fa-comment" aria-hidden="true"></i> 10</span>
                </p>
            </div>
        </a>
        @endforeach
    </section>
```
```css
.post-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 293px));
  justify-content: center;
  grid-gap: 28px;
  padding-top: 110px;
}

.post {
  cursor: pointer;
  position: relative;
  display: block;
}
.post-image {
  margin: 0;
}
.post-image img {
  width: 100%;
  vertical-align: top;
}
```
です。cssの.post-image imgに
```css
    width: 250px;
    height: 250px;
    object-fit: cover;
```
を加えたのですが、そうすると画面幅を縮めていったときに最終的に画像が重なってしまいます。できればグリッドを保ちつつ、かつ正方形であってほしいです。

よければアドバイスいただけないでしょうか。
よろしくお願いいたします。

htmlとcssで写真を正方形のグリッド状に表示したい。

いつもお世話になっております。

早速本題に入らせていただきます。

現在独学でPythonとDjangoを使ったアプリケーションを作ろうと試みているのですが、導入部分で行き詰ってしまいました。

恐らくファイルパスや環境変数、コマンドの知識が足りないのが原因だと考えられます。

---

**参考にしているサイト**
[はじめての Django アプリ作成、その1](https://docs.djangoproject.com/ja/2.2/intro/tutorial01/)
[Django 最初のアプリケーション1](http://typea.info/tips/wiki.cgi?page=Django+%BA%C7%BD%E9%A4%CE%A5%A2%A5%D7%A5%EA%A5%B1%A1%BC%A5%B7%A5%E7%A5%F3+1#p3)

---

**現在の状況**

Windows PowerShell でコマンドを実行してみました。
```shell
C:\Users\Test> python
>>> import django
>>> help(django)

NAME django
PACKAGE CONTENTS (省略)
FUNCTIONS (省略)
DATA
   VERSION = (2, 1, 8, 'final', 0)
VERSION
   2.1.8
FILE
   c:\users\test\appdata\roaming\python\python37\site-packages\django\__init__.py

```


↑を頼りに、フォルダを掘っていくと、django-admin を発見しました。

![イメージ説明](645425f911ff569841661b0180e35b5d.png)


**環境変数**
```
C:\Users\Test\AppData\Roaming\Python\Python37\Scripts\
C:\Users\Test\AppData\Roaming\Python\Python37\
```

**コマンドプロンプトでコマンド実行**
```
C:\Users\Test>django-admin startproject mysite

'django-admin' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。


C:\Users\Test>django-admin.py startproject mysite

'django-admin' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
```

---

以上が現時点での設定状況と、試したことになります。

お時間ある方で、解決方法にお心当たりある方いらっしゃいましたら、ご助力頂けますと幸いです。

【Django】django-adminコマンドが実行できない

django-admin startproject mysiteができないです。
https://docs.djangoproject.com/ja/1.11/intro/tutorial01/
を参考にしてDjangoアプリを作ろうとしています。
```ここに言語を入力
python -m django --version
```
とコマンドを打つと
1.10.5 とちゃんとバージョンが出るのですが、
```ここに言語を入力
django-admin startproject mysite
```
とコマンドを打つと
```ここに言語を入力
zsh: command not found: django-admin
```
とdjango-adminコマンドが実行できないとエラーが出ました。
djangoが入っているのに、 django-adminコマンドが使えない理由がわかりません。
どうしたらプロジェクトを作成できますか？

django-admin startproject mysiteができない

２次元配列a[n][2]を、<algorithm>ライブラリのsort関数を使ってa[i][0]の値をキーとしてソートすることはできますか？pairを使えばできますが、使わずにできるのでしょうか？

ex.
{{7,2},{5,3},{10.5},{8,4}}
↓ソート
{{5,3},{7,2},{8,4},{10,5}}

２次元配列のソート

サーバーの並行型通信を行う課題が出たのですが、１部不明点があるので質問します。
コメント（//4）がついている部分のソースコードをどのように書けばよいかわからないので、よろしければ教えてほしいです。
```C
#include<stdio.h>
#include<stdlib.h>
#include<string.h>
#include<unistd.h>
#include<sys/socket.h>
#include<netinet/in.h>
#include<arpa/inet.h>
#include<sys/types.h>
#include<pthread.h>

#define BUFSIZE 1024
#define LISTENQ 1024

void *thread(void *arg);

struct ThreadArgs{
  int sock;
  int cnt;
  struct sockaddr_in sa;
};

int main(int argc,char *argv[])
{
  int listen_sock,comm_sock,msg_len,sa_len,cnt,n;
  struct sockaddr_in sa,new_sa;
  pthread_t thread_id;
  struct ThreadArgs *args;
  char buf[BUFSIZE];

  listen_sock = socket(PF_INET,SOCK_STREAM,IPPROTO_TCP);

  memset(&sa,0,sizeof(sa));
  sa.sin_family = AF_INET;
  sa.sin_port = htons(49512);
  sa.sin_addr.s_addr = htonl(INADDR_ANY);

  if(bind(listen_sock,(struct sockaddr*)&sa,sizeof(sa))<0){
      fprintf(stderr,"bind()filure\n");
      exit(1);
    }

  if(listen(listen_sock,LISTENQ)<0){
      fprintf(stderr,"listen() failure\n");
      exit(1);
    }

    cnt = 0;
    while(1){
      printf("Waiting for a client\n");
      sa_len = sizeof(new_sa);
      if((comm_sock = accept(listen_sock,(struct sockaddr *)&new_sa,&sa_len))<0){
	fprintf(stderr,"accept() faiure\n");
        exit(1);
      }            
     
      ++cnt;
        
      //1
      args = (struct ThreadArgs *)malloc(sizeof(struct ThreadArgs));
      //2
      args->sock = listen_sock;
      args->cnt = cnt;
      args->sa = sa;

      //3
      if (pthread_create(&thread_id,NULL,(void *)thread,(void *)comm_sock)!=0){
			 fprintf(stderr,"pthread_create() failure\n");
                         exit(1);
}
          return 0;
	  }

      void *thread(void *arg)
      {
        int sock,cnt ,n msg_len;
        struct sockaddr_in sa;
        char buf[BUFSIZE];

        pthread_detach(pthread_self());



	//4,argから通信用ソケットディスクリプタ、クライアント番号、アドレス
　　//構造体を取得し、それぞれsock,cnt,saにセット
       

      printf("Client %d(%s)connected\n",cnt,inet_ntoa(sa.sin_addr));
      
      if((n = recv(comm_sock,buf,sizeof(buf),0))>0){
	  buf[n] = '\0';
	  msg_len = strlen(buf);
          printf("Client %d:%s\n",cnt,buf);
	  if(send(sock,buf,msg_len,0)!= msg_len){
	    fprintf(stderr,"send()failure\n");
	    free(arg);
	    return;            
	  

	  }}
	close(sock);
	printf("Client %d disconnected\n",cnt);
        
	free(arg);

      return;
    }


```

サーバーの並行型通信について質問です。

### 前提・実現したいこと
jQueryを使いたい。

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ
jQueryのインストールの仕方や使いかたが間違っているのか、＄の前に$ is not defined のエラーが出ます。

```
エラーメッセージ
```

### 該当のソースコード
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>jQuery</title>
   <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
   <script>
       function add_element() {
           $('#box').append('<p>p要素を追加しました</p>');
       }
 
       // DOMの読み込みが全て完了したら
       $(document).ready(
           function() {
               $('#add').click(add_element);
           }
       );
   </script>
</head>
<body>
   <button id="add">要素を追加</button>
   <div id="box"></div>
</body>
</html>
```ここに言語名を入力
ソースコード
```

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

javascriptでjqueryを使う際にエラーになります

conf.json内の”custom_fields”の値が配列になっており
if文のなかで"id"が１なら○○するという処理を試しているのですが
以下の通りエラーになっております。

質問の下部に記載した、hoge.pyで似たような処理がうまくいくことは確認しているのですが
test.pyのように、jsonファイルを読み込んで、辞書型に変換した変数でアクセスしようとすると
エラーになるのですがどのように改善すべきでしょうか？

```
Traceback (most recent call last):
  File "test.py", line 6, in <module>
    for i in (a["issue"]["custom_fields"]):
TypeError: list indices must be integers or slices, not str
```

test.py
```
import json

with open("./conf.json", "r") as f:
    a = json.load(f)

for i in (a["issue"]["custom_fields"]):
    if i["id"] == 1:
        print(i["name"])
```


conf.json
```
{
    "issue": [
        {
            "project_id": 1,
            "subject": "APIテスト",
            "tracker_id": 5,
            "status_id": 1,
            "custom_fields": [
                {
                    "id": 1,
                    "name": "a"
                },
                {
                    "id": 2,
                    "name": "b"
                },
                {
                    "id": 3,
                    "name": "c"
                }
            ]
        }
    ]
}
```

hoge.py
```
l = [{"id": 1, "name": "test"}, {"id": 2, "name": "test2"}, {"id": 3, "name": "test3"}]

for i in l:
    if i["id"] == 3:
        print(i["name"])

$ python hoge.py 
test3

```

python 辞書の内部にリストがある場合のアクセス方法

C言語で大きさの異なる構造体メンバについて、構造体メンバ名ではなくて、offset(番目）でアクセスする方法はありませんでしょうか。
それができればLoopで回して構造体メンバの全てに読み書きができるので大変便利になります。

※もちろん、配列でやれば簡単な話ですが、メンバの型が異なるので配列で作るとなると最も大きなメンバのサイズを基準に作ることになり、メモリの無駄が大きくなります。

C言語の構造体のメンバをoffsetでアクセスする方法

### 前提・実現したいこと
文字にこのような↓装飾がしたいのですが、やり方が分からなかったので質問させていただきました。
![イメージ説明](62ad6b8b20eefd73ec14ad2b685119d0.png)

伝わりますでしょうか…

赤い文字
の影(装飾)
で、右斜め上に、
黄色い縁取りの文字の装飾がしたいのです…

### 発生している問題・エラーメッセージ

```html
 <h2>文字</h2>
```

```CSS
h2{
    font-family: "Yu Gothic Medium";
    font-size:(60/1280)*100vw;
    text-align: center;
　　color: #f00;
    text-shadow: 1px 1px 0 #FFFF00,-1px 1px 0 #FFFF00,1px -1px 0 #FFFF00,-1px -1px 0 #FFFF00;
}
```
↑今このように記載しているのですが、
これだと文字の縁取りをしているだけになってしまいます。

お知恵を貸していただけますと幸いです。
よろしくお願いします。

文字に少しずれたアウトラインのような装飾がしたい！方法が分からないです…

twitter apiの地理情報を指定して情報を抜き取りたいのですが、
テキストを参考にしてスクリプトを入力したところ、この様なエラーが出ました。
初めて遭遇するタイプのエラーで、調べてみましたがよくわかりません
どのような状態なのでしょうか。教えていただきたいです。
```ここに言語を入力
>>> from twitter import *
>>> auth =  OAuth(
...     consumer_key='[000]',
...     consumer_secret='[000]',
...     token='[000]',
...     token_secret='[000]'
... )
>>> params = dict()
>>> params["locations"] = "-122.75,36.8,-121.75,37.8"
>>> twitter_stream = TwitterStream(auth=auth, domain='stream.Twitter.com')
>>> for msg in twitter_stream.statuses.filter(**params):
...     print(msg)
...
Traceback (most recent call last):
  File "C:\Users\Shun\Documents\python\lib\site-packages\twitter\stream.py", line 211, in handle_stream_response
    handle = urllib_request.urlopen(req,)
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 222, in urlopen
    return opener.open(url, data, timeout)
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 531, in open
    response = meth(req, response)
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 640, in http_response
    response = self.parent.error(
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 569, in error
    return self._call_chain(*args)
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 502, in _call_chain
    result = func(*args)
  File "C:\Users\Shun\Documents\python\lib\urllib\request.py", line 649, in http_error_default
    raise HTTPError(req.full_url, code, msg, hdrs, fp)
urllib.error.HTTPError: HTTP Error 401: Authorization Required

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "C:\Users\Shun\Documents\python\lib\site-packages\twitter\api.py", line 334, in __call__
    return self._handle_response(req, uri, arg_data, _timeout)
  File "C:\Users\Shun\Documents\python\lib\site-packages\twitter\stream.py", line 286, in _handle_response
    return handle_stream_response(
  File "C:\Users\Shun\Documents\python\lib\site-packages\twitter\stream.py", line 213, in handle_stream_response
    raise TwitterHTTPError(e, uri, 'json', arg_data)
twitter.api.TwitterHTTPError: Twitter sent status 401 for URL: 1.1/statuses/filter.json using parameters: (locations=-122.75%2C36.8%2C-121.75%2C37.8&oauth_consumer_key=%5BgxtRnfaP6Gc8hjWBVGAcYxpAZ%5D&oauth_nonce=13315667029978475316&oauth_signature_method=HMAC-SHA1&oauth_timestamp=1597825461&oauth_token=%5B1273157088810872832-L77lHzFDHnQvtGiak9iiSw9uC5KgqV%5D&oauth_version=1.0&oauth_signature=tUuxH8vAb014F%2Blf7wiTeGkWURw%3D)
details: <html>\n<head>\n<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>\n<title>Error 401 Unauthorized</title>
</head>
<body>
<h2>HTTP ERROR: 401</h2>
<p>Problem accessing '/1.1/statuses/filter.json'. Reason:
<pre>    Unauthorized</pre>
</body>
</html>
```

参考にしたテキスト（Twitterの空間分析/桐村喬/20191110)
![イメージ説明](697a66d54136028f83d5a905fbe013db.jpeg)


過去に地理情報無しで抜き取れたタイムラインとそのコード
```ここに言語を入力
 import tweepy from datetime import timedelta 
CK = '000' 
CS = '000' 
AT = '000' 
AS = '000' 
class Listener(tweepy.StreamListener):
 def on_status(self, status):
 status.created_at += timedelta(hours=9)
 print('------------------------------')
 print(status.text) print("{name}({screen}) {created} via {src}\n".format(name=status.author.name, screen=status.author.screen_name,created=status.created_at, src=status.source)) return True 
def on_error(self, status_code):
 print('エラー発生: ' + str(status_code))
 return True 
def on_timeout(self):
 print('Timeout...')
 return True
auth = tweepy.OAuthHandler(CK, CS)
auth.set_access_token(AT, AS) 
listener = Listener() 
stream = tweepy.Stream(auth, listener) 
stream.filter(track = ["プログラミング"]) 
RT @sunabacoTKMT: 3期の卒業生の方が案件とってきた！！ 
ウレシ( ꈍᴗꈍ) #sunabaco #プログラミング
 https://t.co/zrLlfbhO5x CARIN@SUNABACO(CarinWaka21) 2020-08-23 16:51:05 via Twitter for iPhone
```

twitter apiの緯度経度を指定して情報を抜き取りたいです。

こちらのサイトの模写しています。

[模写サイト](https://xd.adobe.com/spec/5ad2e100-1381-4ec0-5e45-2ec7bb5f66a2-2ce3/specs/)

ヘッダーのタイトル「Shiro」と「-White Flower shop-」の位置が元サイトと合いません。
またフォントも違います。

そして、.main-ttlと.sub-ttlの要素内にテキストが収まりません。
XDで制作されたデザインの寸法を見て、同じ数字を記入したのですが、うまくできません。
どこが間違っているのか教えて頂けると嬉しく思います。

どうぞ、よろしくお願い致します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shiro</title>
    <link rel="stylesheet" href="css/rss.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header class="header">
            <nav class="nav">
                <div class="nav-ttl-wrapper">
                    <p class="nav-ttl c-white fz-36">Shiro</p>
                </div>
                <div class="nav-hamburger-wrapper">
                    <span class="bar bar-top"></span>
                    <span class="bar bar-middle"></span>
                    <span class="bar bar-bottom"></span>
                </div>
            </nav>
            <div class="main-ttl-wrapper c-white">
                <h1 class="main-ttl">Shiro</h1>
                <span class="sub-ttl">White flower shop</span>
            </div>    
    </header>
    <main class="main">
        <section class="concept-wrapper">

        </section>
        <section class="work">

        </section>
        <section class="florist">

        </section>
        <section class="shop-information">

        </section>
        <section class="contact">

        </section>
        <footer class="footer">

        </footer>
    </main>
    
</body>
</html>
```

```CSS
@charset "UTF-8";

* {
    box-sizing: border-box;
}

body {
    font-size: 16px;
    color:#2B2B2B;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.fz-24 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.fz-36 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
}

.c-white {
    color: #fff;
    /* font-weight: bold; */
} 

.header {
    width: 100%;
    height: 620px;
    margin: 0 auto;
    background-image: url(../img/header.png);
    background-position: center;
    background-size: cover;
    position: relative;
}

.nav {
    width: 960px;
    height: 64px;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    left: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.nav-ttl {
    width: 100%;
    height: 100%;
    line-height: 1.4;
    font-family: Myriad Pro,Regular;
}

.bar {
    width: 32px;
}

.bar-top,
.bar-middle,
.bar-bottom {
    display: block;
    content: '';
    border: 1px solid #fff; 
    margin-bottom: 8px;
}

.bar-bottom {
    margin: 0;
}

.main-ttl {
    font-size: 120px;
    font-family: Myriad Pro,Regular;
    line-height: 1.4;
    position: absolute;
    top: 216px;
    left: 511px;
    width: 258px;
}

.sub-ttl {
    font-family: ヒラギノ角ゴ Pro,w3;
    height: 16px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    word-spacing: 4px;
    line-height: 1.68;
    position: absolute;
    top: 360px;
    left: 569px;

}

.sub-ttl::before,
.sub-ttl::after {
    display: inline-block;
    width: 12px;
    height: 2px;
    content: "";
    border: 1px solid #fff;
    vertical-align: middle;
    margin: 0 8px;
}

.main {
    width: 960px;
    margin: 0 auto;
}
```

模写サイト　フォントと要素の位置がずれてしまう

Raspberry Pi 4 Model B 8Gを使用し、作成した画像をHDMI接続した2台の
ディスプレイに表示するプログラムを、pythonにて作成しています。

HDMI等の外部デバイスに出力（表示）させるためにはfbiを使用してフレーム
バッファ（/dev/fb0)経由で出力することは分かりました。

fbiを利用してHDMI0とHDMI1の接続したディスプレイに、それぞれ別の画像を
表示したいのですが、fbiコマンドを実行すると２つのディスプレイに同じ画像が
表示されます。

  sudo fbi -a -T 1 -d /dev/fb0 -noverbose a.jpg : HDMI0に出力したい
  sudo fbi -a -T 1 -d /dev/fb0 -noverbose b.jpg : HDMI1に出力したい

それぞれ、pythonにて別のディスプレイの個別の画像を表示する方法を
ご存じであればご教示いただきたい存じます。

ラズパイ４でのHDMI画像出力制御方法

最近の質問の通りですが, 現在私は完全に仮想のゲームパッドを作りたく思っており, ここ最近ずっとそのことばかりを調べていますが, 一切わからないので質問しています. 
調べたところ, ドライバがOSに入力を渡しているっぽいので, ドライバにあたかもコントローラーがあるかのようにすればよさそうということを理解したのですが, ではどのようにドライバにコントローラーがあるという風に騙せるのか, 調べても出てこず, 行き詰まってしまいました. 多分ある決まった構造体か何かをドライバに渡すことで, コントローラー入力が入ったことを最終的にOSに届けられると思うのですが, その構造体が一切わかりません. 
またドライバ自体に関しても, ViGEmというのがよく検索で引っかかったのですが, 署名が必要だそうですが, そのあたりも怪しいです. 個人でも署名は可能なのでしょうか？

Arduinoも考えましたが, どうやら完全仮想でもできるという話を聞いたので, とりあえず使わない方針にしました. 

長々と失礼しましたが, 私がしたいのは, SendInput()のような雰囲気の関数を用いてキーボードだけでなくゲームパッドもできればよいなと考えているので, もし既存のものでこのようなものがあるのであれば教えていただけると助かります.

===追記==========

多分どうにか仮想コントローラーが接続されている状態を作り出せれば良いと思うのですが、その方法が投稿後調べてもやはり出てきませんでした。