常連

ネットワーク初心者です。
知識に関する確認をさせて頂きたいです。

L2スイッチやルータには「GigabitEthernet」や「FastEthernet」などの
インターフェースがありますよね。

例えば、有線でL2スイッチなどと接続されているとき、
PC(host)のインターフェースはどのようにして確認できますか？（eth0やens33・・・？）

調べているのですが、、あまり理解できませんでした。
eth0やens33はPCの有線インターフェースということでしょうか。

おかしな質問をしていたら申し訳ないです。
よろしくお願いいたします。

ネットワーク、eth0などについて

### 前提

初めてPromiseを使います。
JavaScriptの関数の中でPromiseを返し、Promise.allで処理したいのですが、
reject()のところでエラーが出てしまいます。

原因が分からないので、教えていただけるとありがたいです。

### 発生している問題・エラーメッセージ
reject()のところで、以下のエラーが表示されます。
```
Uncaught (in promise) undefined
```

### 該当のソースコード
```JavaScript
function p1(){
    const promise1 = new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log("promise1");
            reject();
        }, 2000)
    });
    return promise1;
}

function p2(){
    const promise2 = new Promise((resolve, reject) => {
        console.log("promise2");
        resolve();
    });
    return promise2;
}

p1();
p2();

Promise.all([p1, p2]).then(() => {
    console.log("done");
}).catch(() => {
    console.log("error");
});
```

### 試したこと
関数にしなければ正常に動作します。
```
const promise1 = new Promise((resolve, reject) => {
    setTimeout(() => {
        console.log("promise1");
        reject();
    }, 2000)
});

const promise2 = new Promise((resolve, reject) => {
    console.log("promise2");
    resolve();
});

Promise.all([promise1, promise2]).then(() => {
    console.log("done");
}).catch(() => {
    console.log("error");
});
```

Promise.allのエラー原因が分からないです

普段、コマンドプロンプトにコマンドを入力してbashなどのシェルに仲介してもらっていますが、
あまり中のことを気にしていませんでした。

大まかにでいいので、理解があっているか、確認できればと思います。

例えば、とあるシェルがCで書かれているとすると、

```
char cmd[256];

while(True){
    
    scanf("%s", cmd); // ここでプロセスはスリープ(コマンド入力待ち) 
    switch (&cmd){

    case "echo":
    // fork() からの execev("/bin/echo.exe", ...);

    case "cd":
    // 組み込みコマンドをここで実行

    case "./ + カレントディレクトリのプログラム":
    // fork() からの execev("./ANY.exe", ...);

    default:
    printf("そんなコマンド知りません。\n");
    }

}
```

・主に上のようなループ体制でユーザからの注文をカーネルが分かるものに"変換"している。
・当然シェル自体(プログラム)はメモリにロードされているので、そのバイナリがCPUによって実行さている。
・ウェブ上で調べると、変換などと何やら特殊なことをしているようだが、変換といっても単にあるコマンドが来たら、そのコマンドに対応する処理にswitchなどで分岐させているだけのこと。
・勝手に独自のシェルを作って使用されないように、OSの一部としてシェルを配布し、その渡したシェル以外からは一切カーネルへの注文を受け付けないように構築しておくことで、安全性を確保している。
・デーモンプロセスだろうと普通のプロセスだろうと、プロセスを生成する際には、必ず一度はシェルの子プロセスとして作られる。(シェルを通さずにプロセスを実行する手段、ルートはユーザには設けられていない。)

大体このような認識となっております。
何か認識のミス等ありましたら、ご教授ください。

シェルというプログラム(プロセス)が行っている大まかなことの理解

Next.jsでシステムを作っていますが、`router.push`で自身のページのパスを指定して実行した時に`Too many re-renders`エラーが出ます。

### ソースコード

実際はもっとたくさんありますが、主要なファイルは２つあります。`/user/settings/account`または`/user/settings/security`にアクセスした状態で`SettingsComponent.tsx`にあるリンクをクリックすると必ずエラーが発生します。

```js:pages/user/settings/[tab].tsx
import styles from '../../../styles/CommonPageBase.module.scss'
import { MouseEvent, useEffect } from 'react';
import { GetServerSideProps } from 'next'
import Header from '../../../components/global/Header';
import { useTranslation } from 'react-i18next';
import PropsPicker, { CommonProps } from '../../../models-server/data/props';
import SettingsComponent from '../../../components/page/user/SettingsComponent';

export default function Settings(props: CommonProps) {
  const [ t, i18n ] = useTranslation();
  i18n.changeLanguage(props.lang);
  
  return (
    <div className={`${styles.theme1} theme1`}>
      <SettingsComponent props={props}/>
    </div>
  )
}

// getServerSideProps
```

```js:pages/user/settings/SettingsComponent.tsx
import styles from './Settings.module.scss'
import { useTranslation } from 'react-i18next';
import { useRouter } from 'next/dist/client/router';
import Link from 'next/link';
import { CommonPropsWrapper } from '../../../models-server/data/props';

export default function SettingsComponent(props: CommonPropsWrapper) {
  const [ t, i18n ] = useTranslation();

  return (
    <div className={`${styles.theme1} theme1`}>
      <div className={styles.settings}>
        <Link href='/user/settings/account'>アカウント</Link>
        <Link href='/user/settings/security'>セキュリティ</Link>
      </div>
    </div>
  )
}
```

なおこのシステムではreCAPTCHAを使っているため、`_app.tsx`にて以下の設定をおこなっています。

```js:_app.tsx
function MyApp({ Component, pageProps }: AppProps) {
  return (
    <GoogleReCaptchaProvider reCaptchaKey={RECAPTCHA_SITE_KEY}>
      <Component {...pageProps} />
    </GoogleReCaptchaProvider>
  );
}
```

### 実現したいこと

`SettingsComponent.tsx`にある`Link`が正しく動作するようにしたいです。

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

`/user/settings/account`にアクセスした状態で「セキュリティ」のリンクをクリックすると`/user/settings/security`に遷移するはずですが、以下の２つが発生します。まず`Too many re-renders`をなんとかしたいです。

`/user/settings/account`と`/user/settings/security`どちらも`/user/settings/[tab].tsx`を参照するため、`router.pathname`は変わりません。このときに`router.push`しようとすると、自分の環境ではエラーが必ず発生します。

```
 1 of 2 unhandled errors

Unhandled Runtime Error
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

Call Stack
renderWithHooks
node_modules\react-dom\cjs\react-dom.development.js (14997:0)
updateFunctionComponent
node_modules\react-dom\cjs\react-dom.development.js (17356:0)
beginWork
node_modules\react-dom\cjs\react-dom.development.js (19063:0)
HTMLUnknownElement.callCallback
node_modules\react-dom\cjs\react-dom.development.js (3945:0)
Object.invokeGuardedCallbackDev
node_modules\react-dom\cjs\react-dom.development.js (3994:0)
invokeGuardedCallback
node_modules\react-dom\cjs\react-dom.development.js (4056:0)
beginWork$1
node_modules\react-dom\cjs\react-dom.development.js (23964:0)
performUnitOfWork
node_modules\react-dom\cjs\react-dom.development.js (22776:0)
workLoopSync
node_modules\react-dom\cjs\react-dom.development.js (22707:0)
renderRootSync
node_modules\react-dom\cjs\react-dom.development.js (22670:0)
performSyncWorkOnRoot
node_modules\react-dom\cjs\react-dom.development.js (22293:0)
eval
node_modules\react-dom\cjs\react-dom.development.js (11327:0)
unstable_runWithPriority
node_modules\scheduler\cjs\scheduler.development.js (468:0)
runWithPriority$1
node_modules\react-dom\cjs\react-dom.development.js (11276:0)
flushSyncCallbackQueueImpl
node_modules\react-dom\cjs\react-dom.development.js (11322:0)
flushSyncCallbackQueue
node_modules\react-dom\cjs\react-dom.development.js (11309:0)
scheduleUpdateOnFiber
node_modules\react-dom\cjs\react-dom.development.js (21893:0)
updateContainer
node_modules\react-dom\cjs\react-dom.development.js (25482:0)
legacyRenderSubtreeIntoContainer
node_modules\react-dom\cjs\react-dom.development.js (26037:0)
Object.render
node_modules\react-dom\cjs\react-dom.development.js (26103:0)
renderReactElement
node_modules\next\dist\client\index.js (494:21)
doRender
node_modules\next\dist\client\index.js (801:4)
_callee$
node_modules\next\dist\client\index.js (390:18)
tryCatch
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (45:15)
Generator.invoke [as _invoke]
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (274:0)
prototype.<computed> [as next]
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (97:0)
asyncGeneratorStep
node_modules\next\dist\client\index.js (29:28)
_next
node_modules\next\dist\client\index.js (47:16)
eval
node_modules\next\dist\client\index.js (52:12)
new Promise
<anonymous>
eval
node_modules\next\dist\client\index.js (44:15)
render
node_modules\next\dist\client\index.js (381:19)
Router.subscription [as sub]
node_modules\next\dist\client\index.js (354:47)
Router.set
node_modules\next\dist\shared\lib\router\router.js (1156:20)
_callee$
node_modules\next\dist\shared\lib\router\router.js (861:28)
tryCatch
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (45:15)
Generator.invoke [as _invoke]
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (274:0)
prototype.<computed> [as next]
node_modules\next\dist\compiled\regenerator-runtime\runtime.js (97:0)
asyncGeneratorStep
node_modules\next\dist\shared\lib\router\router.js (37:28)
_next
node_modules\next\dist\shared\lib\router\router.js (55:16)
```

```
 2 of 2 unhandled errors

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'logging')

Call Stack
Array.<anonymous>
https://www.gstatic.com/recaptcha/releases/CHIHFAf1bjFPOjwwi5Xa4cWR/recaptcha__ja.js (246:215)
Array.<anonymous>
https://www.gstatic.com/recaptcha/releases/CHIHFAf1bjFPOjwwi5Xa4cWR/recaptcha__ja.js (144:497)
<unknown>
https://www.gstatic.com/recaptcha/releases/CHIHFAf1bjFPOjwwi5Xa4cWR/recaptcha__ja.js (145:404)
```

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

`express`を使っていますが、`Next.js`でカスタムサーバーは使用していません。

```json:package.json
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-brands-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "accept-language": "^3.0.18",
    "cookie": "^0.4.2",
    "cookie-parser": "^1.4.5",
    "express": "^4.17.1",
    "i18next": "^20.4.0",
    "next": "^12.2.2",
    "normalize.css": "^8.0.1",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-google-recaptcha-v3": "^1.10.0",
    "react-i18next": "^11.11.4",
    "uuid": "^8.3.2"
  },
  "devDependencies": {
    "@types/cookie": "^0.4.1",
    "@types/cookie-parser": "^1.4.2",
    "@types/express": "^4.17.13",
    "@types/node": "^16.4.13",
    "@types/react": "^17.0.16",
    "@types/react-dom": "^17.0.9",
    "@types/uuid": "^8.3.1",
    "eslint": "7.32.0",
    "eslint-config-next": "11.0.1",
    "sass": "^1.37.5",
    "typescript": "^4.3.5"
  }
```

router.pushで自身のページをpushした時、「Too many re-renders」となる



### 前提・実現したいこと

Rustのライフタイムで解決の仕方が分からないところがあります。
何か、知っていることや考え方を知っていたら教えてほしいです。

### 該当コード
以下のパターンの解決をしたいです。
```rust
//
use anyhow::Result;
use std::{collections::HashMap, vec};
use std::string::ToString;
use std::ops::{Deref, DerefMut};
use strum::IntoEnumIterator;
use strum_macros::{EnumIter, ToString};
use std::sync::Arc;
use tokio::sync::RwLock;

#[derive(Debug, Default, Clone)]
struct Data {
    id: String,
    name: String,
    value: i32,
}

#[derive(EnumIter, ToString, Debug, Hash, PartialEq, Eq, Clone)]
enum Index {
    PatternA,
    PatternB,
    PatternC,
    PatternD,
}

#[derive(Debug, Default, Clone)]
struct Helper {
    up: Vec<Data>,
    down: Vec<Data>,
}
impl Helper {
    pub fn new() -> Self {
        Self {
            up: vec![],
            down: vec![],
        }
    }
}

#[derive(Debug, Default, Clone)]
pub struct Target {
    store: HashMap<Index, Helper>,
}

impl Deref for Target {
    type Target = HashMap<Index, Helper>;

    fn deref(&self) -> &Self::Target {
        &self.store
    }
}

impl DerefMut for Target {
    fn deref_mut(&mut self) -> &mut HashMap<Index, Helper> {
        &mut self.store
    }
}

impl Target {
    pub fn new() -> Self {
        Self {
            store: HashMap::new(),
        }
    }

    pub fn init(&mut self) -> Result<()> {
        Index::iter().for_each(|i| {
            self.store.insert(
                i,
                Helper::new(),
            );
        });

        Ok(())
    }

    pub async fn update<'a>(&'a mut self) -> Result<()> {

        let multi_ref = Arc::new(RwLock::new(&self.store));
        let mut executor = vec![];

        for index in Index::iter() {
            let key= format!("{}:id", index.to_string());

            let clone_ref = Arc::clone(&multi_ref);
            let mut wt = clone_ref.write().await;
            let mut data_store = wt.deref_mut().clone();

            if let Some(data_vec) = data_store.get_mut(&index) {
                data_vec.up.sort_by(|a, b| b.value.cmp(&a.value));

                data_vec.down.sort_by(|a, b| a.value.cmp(&b.value));

                let up_task = insert_db(&data_vec.up, &key);
                let down_taks = insert_db(&data_vec.down, &key);

                executor.push(up_task);
                executor.push(down_taks);
            }
        }

        futures::future::join_all(executor).await;
        Ok(())
    }
}


pub async fn insert_db(data: &[Data], key: &str) -> Result<()> {

    Ok(())
}
```

### 具体的な説明。
- 実現したいことは、`store: HashMap<Index, HelperData>,`に格納されているデータに対して非同期で処理を回したいです。
- Index * 2つのvector (up sort, down sort)をjoin_allもしくはもっといい方法で非同期処理をしたいです。

- 起きているエラーはjoin_allしている部分`futures::future::join_all(executor).await;`であり,
ここで全てのタスクをjoin_allしているので、for分のスコープ外までlife timeが生きていないかもしれないとのエラーだと思います。

例えば、以下の`format!`のアロケートがスコープ外になります。。
```rust
let key= format!("{}:id", index.to_string());
↓こちらをこのようにしてもだめでした。
let key: &'a str = &format!("{}", index.to_string());
```

また、その他にも問題があり。
```rust
if let Some(data_vec) = self.store.get_mut(&index) {
     data_vec.up.sort_by(|a, b| b.value.cmp(&a.value))
     data_vec.down.sort_by(|a, b| a.value.cmp(&b.value));
/////省略。
}
```
- get_mut()で取得したSome(data_vec)が1度に複数の可変参照を取ることができないと問題が出ました。なので、こちらをArc::Mutexでlockすることで実現しようとしました。

- コンパイラからdrefが欲しいと言われたのでその通りに実装して現在に至ります。そしてまた、ライフタイムの問題に戻ってきました。
```error
`data_store` does not live long enough
values in a scope are dropped in the opposite order they are defined
```
- 'aのライフタイム宣言をどのように実装すれば解決するか分からなくて詰まってます。
何か知っていましたら教えてほしいです。
また、他にももっとこのような実装の方がいいとかありましたら教えてください。


Rustでライフタイムを解決したい。

Dockerで自分用のちょっとしたシステムを作って自分のEC2で動かそうと思っているのですが、ベストな手順を教えてください。

1.手元のPCでdockerのimageをビルドしてsaveして1つのファイルにする。それをクラウドのマシンに転送して、docker load -iする。1つのファイルを転送するだけで完結するのが良いが、imageをビルドしたOSと動作させるOSが違うのが不安。

2.ソースコード一式をクラウドのlinux上でgit cloneして、クラウドのlinux上でbuildして実行する。実行環境でgithubからソースをチェックアウトして、イメージをビルドして、コンテナ動かしたら後始末でgithubからチェックアウトしたソースを削除して。と、手間がかかるのが不安。

の、2つの方法が自分では思いつくのですが、一般的なやり方はどちらでしょうか？
また、他に簡単で便利なやり方はありますでしょうか。
みなさんの経験をお伺いしたいです。

AWS ECR等のコンテナサービスは今回は未使用の想定でお願いします。

「自鯖でdockerを動かす方法」で色々検索したのですが、それでヒットするページは既存のイメージ(wordpressとか)を使う方法ばかりで、イメージを自作する方法が記載されているページは見つかりませんでした。