常連

注目の的

社会貢献

質問力

## テーマ、知りたいこと

タイトル通りです。qiitaを見ていると、どうやらクラスの分割について、基本はデータとUIにわけると書いてあるのをみました。
https://qiita.com/o65nakashima/items/182bba3bf49d166348f9
こちらのコメント欄です。
なので、見様見真似で簡単な四則演算機構をつくり、それをデータとUIにわけてみました。なので、採点の方よろしくお願いします。
```Java
import java.util.Scanner;

class Calc{
    private double A,B;
    private double sum;
    private int operation;

    public void updateNum(double A, double B,int operation){
        this.A = A;
        this.B = B;
        this.operation = operation;
    }
    public double calc (){
        switch (operation){
            case 1: sum = A + B;break;
            case 2: sum = A - B;break;
            case 3: sum = A * B;break;
            case 4:
                if (B == 0)sum = 0;
                else sum = A / B;
                break;
        }
        return sum;
    }
}

public class Main {
    public static void main(String[] args) {
        Calc calc = new Calc();

        input(calc);

        System.out.println("the answer is : " + calc.calc());

    }

    public static void input(Calc calc){
        Scanner scanner = new Scanner(System.in);

        System.out.println("1:+ , 2:- , 3:* , 4:/");
        int operation = scanner.nextInt();

        System.out.println("type number A");
        float variable_A = scanner.nextFloat();

        System.out.println("type number B");
        float variable_B = scanner.nextFloat();

        calc.updateNum(variable_A,variable_B,operation);
    }
}
```


Java 採点求む。　データとUIの分け方

### 実現したいこと
JavaScriptでゲームを作りたい


ここに質問の内容を詳しく書いてください。
phaser3はどうですか？p5とではどっちが良いですか
他に良いのありますか？

phaser3はどうですか？

### 前提・実現したいこと

HTMLのtextareaタグを使用してキャレット位置から行番号を取得したいです。
textareaタグのwrap属性は下記となります。
wrap="hard" cols="16"

問題となっているのは、ワードラップが発生した場合でも行番号が下記の通り取得できません。
【入力情報】
1行目：123456789012345(改行)
2行目：123456789△(ワードラップにより次の行に123456789012345が移動)
3行目：123456789012345(EOF)
→キャレット（カーソル）が3行目にあれば3を取得したいのですが、実際は2となってしまいます。
→△は半角空白、()は補足です。

何かいい方法はありませんでしょうか。

### 試したこと

・改行コードによる文章の分割　→　ワードラップの対応ができない。
・改行コード　or １行の最大文字数の判定で行数を求める　→　ワードラップが発生すると2行目みたいにMAX文字数が設定されていないため判定できない。
・キャレット座標を取得するライブラリを活用（https://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/）
　→ワードラップに対応しておらず、ワードラップによって次行にいってもY軸は変更されなかった。

### 補足情報（FW/ツールのバージョンなど）

ブラウザは「Google Chrome バージョン: 81.0.4044.138」です。
HTML、CSS、Javascript(JQuery)を使用しております。
フレームワークは他に何か使う想定はありません。

textareaのキャレットから行番号を取得する

[知恵袋](https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11214588046)のほうでもしたのですが解決できそうにないのでお願いします。



#やりたいこと　これまでの過程

echoコマンドを使いパイプを作って文字列をプロンプトへ流したい。
（表現がおかしいかもしれません）

使うソースコード
```c
#pragma warning(disable: 4996)
#include <intrin.h>
#include<stdio.h>
#include <string.h>

int sample(int con);
int sub(int a);


int sample(int con) {
	int (*func)(int a);
	func = sub;

	printf("sub関数のアドレス・・・%p\n", *func);
	void* a = _ReturnAddress();



	printf("リターンアドレス・・・%p\n", a);
	char moji[15];
	int* p;
	p = (int*)moji;
	int ebpofs;
	int ebpofs2;
	int* ebp;
	ebp = &con;

	unsigned* retaddr = (unsigned*)_AddressOfReturnAddress();
	unsigned* pp = retaddr - 1;
	printf("保存されたebp:%p\n", *pp);

	scanf("%s", moji);
	printf("%s\n", "ローカル変数");
	printf("%s\n", "ローカル変数 4バイト出力 16進数 0 80");

	for (ebpofs = 0; ebpofs < 80; ebpofs++) {
		printf("addr:%p price:%x\n", p + ebpofs, p[ebpofs]);
	}
	printf("%s\n", "--------------------------------------------");
	printf("%s\n", "コマンド引数 4バイト入力 16進数 -5 40");
	for (ebpofs2 = -5; ebpofs2 < 40; ebpofs2++) {
		printf("addr:%p price:%x\n", ebp + ebpofs2, ebp[ebpofs2]);
	}
	//リターンアドレス破壊4
	void* b = _ReturnAddress();
	printf("return:%p\n", b);
	printf("price:%x\n", p[13]);
	//p[13] = (int)func;
	//p[13] = ((p[13] >> 6) | (p[13] >> 9)) + 80485;
	//printf("price:%x\n", p[13]);
	void* c = _ReturnAddress();
	printf("return:%p\n", c);
	
	unsigned* retaddr2 = (unsigned*)_AddressOfReturnAddress();
	unsigned* pp2 = retaddr2 - 1;
	printf("ebp:%p\n", *pp2);
	return 0;
}

int main(int a) {
	sample(8);
	return 0;
}


int sub(int a) {
	printf("%s\n", "破壊成功！");
	return 0;
}

```

バッファオーバーフローを起こしてリターンアドレスを書き換えたいです。
（任意のアドレスに書き換えることは確かにできたが・・・
今回のと話は関係ない）

scanf関数の標準入力からエスケープシーケンスで16進数（アドレス）を指定したかったのですが

エスケープシーケンスはあくまでソースコード上のきまりということで・・・
（入力に￥ｘ６１を入れると {'\','x','6','1'}となってしまう。）

echoコマンドから文字列を入れることにしました。
(windows標準のコマンドプロンプトではエスケープシーケンスが認識されなかったから
WSLを使用。)

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

```cmd
echo -e "バッファを溢れさせられる文字列" | 上記のソースコード
```

すると

![イメージ説明](b179d70089c4c1e3fb62f8e23fbccd13.png)

このようなデバッグエラーが出てきます。

WSLを導入したときはバッファを溢れさせる入力をしても

このような警告？は出なかったのですが、あるときパソコンを再起動したときから

このようなエラーが出てきました。

このエラーの中の「無視」を選択するとそのまま実行できます。

ただ、バッファがあふれる入力が44バイト以上だと「無視」を選択しても

実行できません。

リターンアドレスまでは52バイトあるのでどうしても44バイト以上の入力になってしまいます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
#やったこと

WSLを再インストールしました。
→結果は変わらず

visual stdio　のプロジェクトを変更して実行してみたのですが
→結果は変わらず

プロジェクト＞パロディ　をいろいろいじってみたのですが

そちらもなにも変わらず。

ネットサーフィンしていても

echoコマンドからバッファを溢れさせたら警告がでるなんていう

事例も発見できず・・・。

何が原因なのかが検討がつかないのですが何かアドバイスをください。

WSL echo　scanf関数バッファを溢れさせると警告がでる。visual stdio

構造体のアラインメントについては過去に質問したので、今回は別の話です。

[リンク内容](http://www5d.biglobe.ne.jp/~noocyte/Programming/Alignment.html)
> ４バイト整数または４バイト浮動小数をメモリに格納する場合， 先頭アドレスが４の倍数になるようにすれば上図の１ワードに収まるため， １回のメモリアクセスで読み書きできる． このようにデータの先頭アドレスを４の倍数にすることを， 「４バイト境界にアライン (align：整列，位置合わせ) する」という．

64bitシステムだと8Bなので、8の倍数にすれば美しくなるんですかね。
```ここに言語を入力
char buf[a];  // aが8の倍数
```
ところがアセンブリ言語を見ると64bitでもスタックは32bitです。
つまり64bitでもアラインメントは4の倍数にしなくてはダメという事ですよね？
このサイトの説明が変なのでしょうか？
8B? 4B?

私の本の中にこう書いてあります。
> malloc() calloc() realloc()により割り当てたメモリについては、C言語すべての標準の型を正しくアラインメントするようにPOSIXでも定義されています。Linuxでも上記ライブラリ関数は、32bitシステムは8バイト境界に、64bitシステムでは16バイトにアラインメントします。

ヒープ領域はスタックとは別物なのでアラインメントも異なるという事ですかね。
**各領域ごとにアライメントが決められているんでしょうか？？**
> １回のメモリアクセスで読み書きできる． このようにデータの先頭アドレスを４の倍数にすること

この説明では全く分かりません。
CPUによって固定ならどんな領域でも64bitなら8Bにしなくてはならないはずです。

さらに謎な点が・・・
**アライメントはそのシステムのアーキテクチャによって固定ですよね？**
```ここに言語を入力
#define _XOPEN_SOURCE 600
#define GNU_SOURCE

#include<stdlib.h>

int posix_memalign(void **memptr, size_t alignment, size_t size);
```
任意のサイズでアラインメントを可能にする関数ですが、**任意のアライメントってどういうことですか？？**

Linux 64bit x86_64です。

アラインメントのサイズ

レジスタEBPが指すものは、スタックからpopされたものという認識であっていますでしょうか？
スタックフレームの基底と説明を受けたのですが、いまいち理解できません。

レジスタのEBPについて

クライアント側でローカルストレージやクッキーの内容を編集しようなんて考えるのは悪意を持ったユーザーくらいしかいないと考えますが違いますか。
なぜサーバー側で発行したデータを
ブラウザのクライアント側で任意のデータに書き換えれるようにしてるんですか？

ブラウザ側が制御しても直接コードでリクエストを投げれば偽装可能という回答は無しで、
標準ブラウザで値の書き換えを可能にしてるのはなぜですか

クライアントが書き換える場面が想像つかない、削除はわかりますが任意のデータに書き換えることは悪意を持ったユーザーしかいない。
それは自由度が増すこと以上にセキュリティの脆弱性を孕んでいないのですか？

なぜローカルストレージやクッキーがクライアントサイドで編集可能にしているのか

### 前提・実現したいこと
アセンブリ言語を勉強しています。
後述のとおり、簡単なC言語のソースをコンパイルし、逆アセンブルしたものを読み解いているのですが、いくつか質問があります。





### 該当のソースコード

```C
int main(){
	int i;
	i = 1;

	return 0;
}
```
これをコンパイルし、逆アセンブルしたものがこちらです。

```アセンブリ言語

simple:     file format mach-o-x86-64


Disassembly of section .text:

0000000100000f9e <_main>:
   100000f9e:	55                   	push   rbp
   100000f9f:	48 89 e5             	mov    rbp,rsp
   100000fa2:	c7 45 fc 01 00 00 00 	mov    DWORD PTR [rbp-0x4],0x1
   100000fa9:	b8 00 00 00 00       	mov    eax,0x0
   100000fae:	5d                   	pop    rbp
   100000faf:	c3                   	ret    
```


### Q1. 逆アセンブルしたソースに出現する" mov    eax,0x0"の意味
それまではrbpやrspしかレジスタが登場していないにも関わらず、突如eaxを0に代入する部分の意味があまりよく分かりませんでした。
Cのソースで0が登場しているのは"return 0"の部分ですが、eaxに関連があるのか分かりませんでした。

### Q2.　DWORD PTR[rbp-0x4]について(※勘違いでした)

~~(元の質問)初歩的な質問になりますが、push rbs, mov rbs, rspが終わった後に出現するDWORD PTR[rbp-x](xは任意の数)は、スタックフレームを確保するためにxバイトだけメモリを確保する(スタックを下位アドレスにむけて伸ばす)と解釈してよろしいのでしょうか。
~~
(自己解決)
DWORD PTR[rbs-x]は、rbsのアドレスからxバイト、下位アドレスの方に向かったところにあるメモリのアドレスに値を入れる、ということでした。
私の質問内容を実現しているのは、
mov rbp, rsp
sub rsp, 0x10
のようにrspを操作してスタックフレームを確保する技術のようです。


独学なので、初歩的な質問ですが、よろしくお願いいたします。

アセンブリにて、eaxに0を代入する意味

```C
   char str[31+1];
   //配列の先頭をヌル終端すればそれで良い？
   str[0] = '\0';
   //それとも要素すべてにヌル終端する？
   memset(str, '\0', sizeof(str));
```

C言語での文字列の初期化はどうしていますか？

### 実現したいこと
C言語，２次元配列にて，**アドレスが連続した**メモリを確保したいです．

### 発生している問題・分からないこと
連続したメモリを確保する際，いろいろなやり方があると思いますが，
以下の２つは何が違うのか？違わないなら，２つ目の方が効率がいいのでは？という疑問です．

・１つ目はmatrixに100のメモリを確保し，base_matrixに100 * 100のメモリを確保し，matrix[i]に，100毎のbase_matrixを当てはめていく．
・2つ目は，matrixに100 * 100のメモリを確保する．

という違いだと認識しています．
ポインタについての理解が浅いので，もしかしたら前提の認識が間違っているかもしれません．



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

```１つ目
#include <stdio.h>
#include <stdlib.h>

int main()
{
    int **matrix, *base_matrix;
    int i, j, n, m;
    n = 100, m = 100;

    matrix = malloc(sizeof(int *) * n);
    base_matrix = malloc(sizeof(int) * n * m);
    for (i=0;i<n;i++) {
        matrix[i] = base_matrix + i * m;
    }

    return 0;
}
```

```２つ目
#include <stdio.h>
#include <stdlib.h>

int main()
{
    int **matrix
    int i, j, n, m;
    n = 100, m = 100;

    matrix = malloc(sizeof(int) * n * m)
    
    return 0;
}

```

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

##### 上記の詳細・結果
エラーなどはどちらにも確認できませんでした．
なお，上記のコードでは無駄な部分は省いています．

### 補足
特になし

C ２次元配列のメモリの静的確保について malloc

#質問
[https://qiita.com/SaitoAtsushi/items/ee17466c464fb7a270d2](https://qiita.com/SaitoAtsushi/items/ee17466c464fb7a270d2)
こちらの記事で sizeof を使って二次元配列の要素数を取得するというものを見たのですが、その理屈がよく分かりません。
なぜ下記のようなコードで要素数が分かるのでしょうか。

#ソースコード
```
#include <stdio.h>

int main(void) {
    int table[][5] = {{0, 0, 0, 0, 0},
                      {0, 0, 0, 0, 1},
                      {0, 0, 0, 1, 1},
                      {0, 0, 1, 1, 1},
                      {0, 1, 1, 1, 1}};

    //なんで *table で割るかがわからない
    printf("%d\n", sizeof(table) / sizeof(*table));

　　//出力結果
　　//5
}
```

二次元配列の要素数の取得について

### 実現したいこと
タイトルはどう書けばいいかよくわからなかったためあのようなタイトルになっています。Pythonでリストxに格納されているint型のランダムな数字が格納されています。
以下のようにxの２倍の長さの新しいリストcent_xにxに格納されている数字を入れたいです

cent_x[0]=x[0]
cent_x[1]=x[0]
cent_x[2]=x[1]
cent_x[3]=x[1]
cent_x[4]=x[2]
cent_x[5]=x[2]
cent_x[6]=x[3]
cent_x[7]=x[3]
:
:

### 発生している問題・分からないこと
リストにxの値を書き込むことはできるのですが２重ループを使ってやればいいのでしょうか





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

```Python
cent_x=[]
for i in range(len(x)*2):
  cent_x.append(i)
  print(cent_x[i])

```

```リストxの一部
242
482
411
414
225
489
293
221
-41
42
139
268
356
480
485
412
366
301
354
310
409
448
522
431


全てint型　64行
```

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

##### 上記の詳細・結果


### 補足
特になし

リスト{1,1,2,2,3,3,4,4,5,5・・・100,100}の作成方法がよくわからないです

マルチスレッドプログラミングの使い道についてなのですが・・・

自分は、長らく「**マルチスレッド = 高速化**」と考えてきたのですが、なんだか違うような気がしてきました。

**マルチスレッドは高速化を保証するものですか？**
しかし、スレッドの実行はカーネルのプロセススケジューリングアルゴリズムによって管理されています。

前回の質問でraccyさんが言っている事と重なるのですが・・・
[スレッドセーフな関数について](https://teratail.com/questions/113653)
**同時に一つのスレッドしか動かない**という部分ですね。
これはつまり、時間的に重なる部分だけが高速化されるということになると思います。

同時に重なることがなく時分割で複数のコアにスレッドが割り当てられた時と１つのプロセスを比較的長い時間コアに割り当てるのでは性能に差が出ないという考えです。

複数のコアに同時に割当られた時のみ高速化される。という意味ですね。（効果が薄いような・・・）

これは、カーネルのスケジューリングアルゴリズムに従うため**確率的なものですよね？？**

マルチスレッドは**確率的に速度向上が期待できますよ**・・・という程度の話では？

性能の上限については以下を
[アムダールの法則](https://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%A0%E3%83%80%E3%83%BC%E3%83%AB%E3%81%AE%E6%B3%95%E5%89%87)
ある一点に到達するとそれ以上コアを増やしても性能は向上しないという上限ですね。

私の持っている本にこうあります。
> GUIライブラリでは、大部分の関数は特定のスレッドからのみ呼び出されることになっており、これはイベントスレッドと呼ばれる。
このように実装することで、GUIライブラリ内のコードが内部データ構造に対する全てのアクセスをロックするコストを免れている。

イベントスレッドというのは初めて知ったのですが、要は**マルチスレッドで組む理由は高速化以外に何があるのか？？**という疑問です。
つまり具体的な使い方です。

またマルチスレッドの**最も優れている点**を教えてください。
（上記にも書いたのですが、最も優れている点は本当に高速化なのかぁ？という疑問ですね。）

「追記」
[マルチプロセス化を行う理由](https://developer.mozilla.org/ja/Firefox/Multiprocess_Firefox/%E7%9B%AE%E7%9A%84)
マルチプロセスと書いてあるのですが、マルチスレッドでも同じ事だと思います。
**セキュリティという観点**もあるようですね。

マルチスレッドプログラミングの使い道

### 質問事項
JavaScript初学者です。
Promise.then().then()... を使えば非同期処理を逐次的にコントロールできることがわかりました。
また、Promise.then()は、Promiseがresolveやrejectされるまで実行されないことは理解しています。

ただ、その次のthen、はその前のthenの**非同期処理結果**を待ってくれないのでしょうか。
（その場合はthenの非同期処理の中でPromiseインスタンス生成して、別のthenチェーンを繋げるしかない？）

### 例えばのソースコード

```JavaScript
    new Promise(function (resolve) {
      console.log("new promise start");
      setTimeout(function () {         
        console.log("new promise setTimeout");   
        resolve();　　　　　　　　<= このresolveされるまで次のThenは動かない（非同期を待つ）
      }, 0);
      console.log("new promise end");
    })
      .then(function () {　　　　<= setTimeoutでresolveされたらこのThenが動く
        console.log("then1");
        return "then1 param";
      })
      .then(function (v) {　　　　<= 前のThenがresolve("then1 param")されたからこのThenが動く
        console.log(v);
        console.log("then2 start");
        setTimeout(function () {
          console.log("then2 setTimeout");
          return new Promise(function (resolve) {
            console.log("then2 new promise start");
            resolve("then2 new promise");　　　　　　<= setTimeoutの中でresolveしたけど。。。
          });
        }, 0);
        console.log("then2 end");
        //then同期処理内でreturnされない場合はresolve()が返される
      })
      .then(function (v) {
        console.log(v);　　　　　<= 前のThenのsetTimeoutを待たずresolve()で動いてしまう
        console.log("then3");
      });

    console.log("end");

```
new promise start
new promise end
end
new promise setTimeout
then1
then1 param
then2 start
then2 end
undefined　　　　　<= 前のThenのsetTimeoutを待たないのでresolve()で動いてしまう
then3
then2 setTimeout 　　　<= 前のThenのsetTimeout結果は当然最後になる
then2 new promise start


### こうするしかない？
質問事項にある通り、thenの非同期処理の中でPromiseインスタンス生成して、別のthenチェーンを繋げるしかないのでしょうか？
```JavaScript
    new Promise(function (resolve) {
      console.log("new promise start");
      setTimeout(function () {         
        console.log("new promise setTimeout");   
        resolve();　　　　　　　　<= このresolveされるまで次のThenは動かない（非同期を待つ）
      }, 0);
      console.log("new promise end");
    })
      .then(function () {　　　　<= setTimeoutでresolveされたらこのThenが動く
        console.log("then1");
        return "then1 param";
      })
      .then(function (v) {　　　　<= 前のThenがresolve("then1 param")されたからこのThenが動く
        console.log(v);
        console.log("then2 start");
        setTimeout(function () {
          console.log("then2 setTimeout");
          return new Promise(function (resolve) {
            console.log("then2 new promise start");
            resolve("then2 new promise");　　　　　　<= setTimeoutの中でnew Promise
          }).then(function (v) {
            console.log(v);　　　　　<= setTimeoutの中のPromiseのresolveを待ってくれる
            console.log("then3");
          });
        }, 0);
        console.log("then2 end");
      })


    console.log("end");

```
new promise start
new promise end
end
new promise setTimeout
then1
then1 param
then2 start
then2 end
then2 setTimeout
then2 new promise start
then2 new promise
then3


### 回答ありがとうございました！！
根本的なthen()処理の理解が足りていない質問でした。。。
全員BAしたいくらいですが無理なので、コードまで書いてくださった＠SAKASHITA-Kokiさんにさせていただきます。

JavaScript Promise.then()の中で非同期処理を行なった場合に、次のthenはその処理完了を待ってくれないのはPromiseの仕様上仕方ないのか？

こんにちは。
「全然わからない」は流石に言い過ぎなのですが。
やっぱり使いこなすには至らず質問させていただきます。

自分の理想的な使い方。
---
やはり、非同期処理の嫌なところは書いた順番に処理し終えて行ってくれないため、それを回避するためにpromiseを使いたいですよね。
「これをやったら、次にこれをやって、これをやったら次これをやる」というように。

色々ドキュメントを漁ってみて。この使い方が一番、上で言ったような使い方ができると思いました。
```nodejs
var p1 = new promise(function(resolve,reject){
  // any function
})
var p2 = p1.then(function(value){
  // any function
})
```
これで多分、p1をやったらp2をやるっていうコードは書けてると思うのですが。あってますかね？

不明点。
---
上記の使い方があっていれば不明点は三つです。（最後の一つはJSの初歩的な質問かもしれません。。。お付き合いいただけると助かります。）

①上記のような方法だと、p1内部の処理の完全な終了を待って、p2が発火するのでしょうか？
---

例えば、p1で値を受け取り、p2ではその値を用いて処理をします。と言ったものがあるとします。
（補足ですが、p1 p2で想定している処理は、外部のデータベースより値を参照し、取ってくると言った非同期処理です。今回の場合は[firebase.database](https://firebase.google.com/docs/reference/node/firebase.database?authuser=0)です。）
完全にp1の処理が終わってからp2の処理になってもらわないと、p2で参照した値はundefinedとなってしまいます。

②resolve,rejectってなんのためにあるの？
---
処理が成功するとresolve、エラーになるとrejectと言った漠然とした理解ですが。まずこれは正しいですか？

また。正しいと仮定して話を続けますが、promiseで連続させている次のfunction内に前の値を受け渡すのに、resolve,rejectを使用するのですか？
あまりなんのためにあるのか有用性が見えないのですが、どう便利なのでしょうか？

③連続したpromise内での変数の扱い。
---
これはpromiseに限った話ではなく、js全体の初歩的な話なのですが、ずっとviewのコーディングではstateでファイル内で共通して使う変数を管理してきたため。nodejsとして変数をいざ扱おうと思った時に混乱してしまいました。なので質問させてください。

以下の三つの①、②、③それぞれの出力はどうなりますでしょうか。
```nodejs
//there is root of file
var outside = "this is out"
any function(){
  var inside_any = "this is inside any"
  function(){
    var most_inside = "Hi"
  }
  function(){
    console.log(outside + inside_any + most_inside)
    //①はこの部分です。
  }

　var p1 = new promise(function(resolve){
    var inside_promise = "hello"
  })
  var p2 = p1.then(function(resolve){
    console.log(inside_promise)
    //②はこの部分です。
  })

  console.log(inside_any + most_inside + inside_promise)
  //③はこの部分です。
}
```
このような使い方は正しいのでしょうか？
現在どのように変数の受け渡しが可能か手探りでやっていますので、至らない質問かもしれませんが、教えていただけると助かります。
また、このような使い方以外が必要な場合、どのような処理で対応していますでしょうか？

Promiseの使い方がいろんなドキュメントを読んでも全然わからない。

JavaScriptの基礎を勉強しているのですが、プログラミングの初歩である変数で壁にぶつかりました。

2冊ほど入門書を読み、他有料サービスを使って学習をしてましたが、変数の応用的なことがわからず、途方に暮れております。

先に進めない理由が変数に囚われていることが原因かと思い、今回は、熟練者の方々に知恵をお借りしたいと思い質問いたしました。

早速、下記の簡単なコードに触れていきたいと思います。
```JavaScript
'use strict';

let sum = 0;

  for (let i = 0; i < 100; i++) {
    sum += i;
  }

console.log(sum);
```

上記のコードは、**変数をブロック外で宣言さえすれば、ブロック内で再代入した値は、ブロック外に持ち出して利用することができる**と認識しています。

しかし、なぜそうなるのかが説明できません。
説明するには、どのような知識が必要でしょうか。


次にストップウォッチの一部のコードについて触れていきたいと思います。
```JavaScript
'use strict';

　// 値を取得
  const start = document.getElementById('start');
　
　let startTime;

  　function countUp() {
   　　console.log(Date.now() - startTime);
　
   　　setTimeout( () => {
     　　countUp();
   　　}, 10);
　　}

  　start.addEventListener('click', () => {
　　　startTime = Date.now();
　
    　countUp();
  　});
```あらかじめブロック外で変数startTimeを宣言しておいて、クリックイベント内で変数startTimeに新しく値を再代入する。

その後、countUp関数で再代入した値を参照していますが、なぜ関数内で値が参照できるのか理解ができません。

**値を参照する際は、ブロック内で再代入された値が優先されているのでしょうか？**

また、**ブロック外で変数の宣言のみをすることに何か意味などあるのでしょうか？**

基礎に関する質問で申し訳ないのですが、ご教授の程よろしくお願い致します

JavaScript　変数の挙動を詳しく知りたい

https://jsprimer.net/basic/statement-expression/

上記リンク先でjavascriptの「文と式」について勉強をしています。

上記リンク先の記述より「式」とは「評価値を生成し、変数に代入できるもの」、「文」とは「if(){}の様に変数に代入できないもの」と学んだのですが

上記リンク内「function宣言（文）とfunction式」の所に

```javascript
// learn関数を宣言する関数宣言文
function learn() {
}
// 関数式をread変数へ代入
const read = function() {
};
```


とありました。

上記コードで「function learn() {}」が「関数宣言文」、「function() {};」が「関数式」を表していると思うのですが、このコードだと関数宣言「文(function() {
};)」を「変数(read)に代入」していて最初の「文とは変数に代入できない」という定義に反するのではないかと思い悩んでおります

どなたかここらへんの違いを教えて頂けないのでしょうか？

javascriptにおける関数文と関数式の違いとは何なのでしょうか？

```python
a = b[:,0]
```
このようなコードがあったとき、どのようなことがおこなわれますか？
bはこのコードがなりたつ何かだとすると
なにだったら成り立ちますか？

--------------------------------------------------------
すみません、間違っていたので修正しました

pythonのスライスについて

wsgiについて調べていたところ、「wsgiアプリケーションの実態は、callableなオブジェクト」という言葉をよくみました。一見わかりそうで理解できないのですが、結局どのような処理がフレームワーク内部と起動場所となるPCで行われて実行されているのか、がこの投稿の趣旨になります。

例としてFlaskの下記のコードの場合は、`flask run`コマンドを実行することで内部ではどのような処理がどのような順番で行われて、flask内部のビルドインサーバー上でhello.pyを起動させているのでしょうか？

もう少し質問を具体的にすると、下記です。
Flaskのコードの[当箇所](https://github.com/pallets/flask/blob/ba6db2e30783f81673bb8a6b5218f7bb8efa8f27/src/flask/app.py#L2045)の引数のenvironにFLASK_APPなどの環境変数郡がはいるのでしょうか？　一方でstart_responseは、何がはいりますでしょうか？runコマンドを実行した際に発動するビルドインサーバーの起動周りのコードはどこの箇所になりますでしょうか？

さらに、wsgi製のアプリケーションサーバー(例えば、uwsgi, gunicorn..)などで起動したときは、どのような順番でどのような処理が内部ではしってwsgiアプリケーションが起動されるのかが気になっています。

お手数ですが、ご存知のかたいたらご教示頂けますと助かります。


hello.py
```python
from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'
```

```python
$ export FLASK_APP=hello.py
$ flask run
 * Running on http://127.0.0.1:5000/
```


＊コードは、[flaskチュートリアル](https://flask.palletsprojects.com/en/1.1.x/quickstart/)から引用してきました

wsgi製pythonフレームワークはどのようにアプリケーションを起動させているのか

オブジェクト指向って何が凄いんでしょうか？？

**どういった経緯で誕生したものなんでしょうか？**

例えば、CとC++が一番わかりやすいですかね。
C++ではクラスを作ることができます。

win32 APIを使ってGUIのプログラミングをしていた時に、switch文に別の世界のようなものを埋め込むことができて便利だなぁと思ったことがあります。
しかし、それ以外で「ほぉ～～。こんなに便利なのか！」といった場面がありませんでした。

**オブジェクト指向でプログラミングすることのメリットを教えてください。**

例えば、LinuxカーネルはC言語でありながら無理やりオブジェクト指向を実現したような記述の仕方をしているようです。
なぜ無理にオブジェクト指向に拘ろうとするんですかね？？
オブジェクト指向プログラミングとそうでないプログラミングの違いやメリットデメリットがイマイチわかりません。

[オブジェクト指向と10年戦ってわかったこと](https://qiita.com/tutinoco/items/6952b01e5fc38914ec4e)
[初心者向けに徹底解説！オブジェクト指向とは？](https://eng-entrance.com/what-oop)
[オブジェクト指向がわからない！ そんなあなたの脳味噌をオブジェクト脳にする準備体操](https://codezine.jp/article/detail/10215)

オブジェクト指向の本質は何ですか？？
classですかね？
> オブジェクト指向プログラミング（Object Oriented Programming: OOP）とは、プログラムを手順ではなくて、モノの作成と操作として見る考え方だ。オブジェクトとは「モノ」を意味する。
「テレビ」というモノを操作するとき、中でどういうプログラムが動いているか知る必要はない。リモコンで操作すれば、動く。
「こういう”モノ”を作りましょう」「そして、その"モノ"を使いましょう」というのがオブジェクト指向という考え方だと思っていい。なぜモノを作っておくと便利なのか？

普通の関数とかではダメなんでしょうか？？？

あ、それとpythonはオブジェクト指向なんでしょうか？？