常連

Reactを使用しているシステムで、使用されているコンポーネントをブラウザで確認することのできる拡張機能があれば教えてください。

wordpressプラグインの「Show Current Template」のようなイメージです。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-14/78273ac0-af47-4b69-baf1-7ab67d2f3c26.png)

Reactを使用しているシステムで、使用されているコンポーネントをブラウザで確認することのできる拡張機能があれば教えてください

### 実現したいこと
**最終的に実現したいこと**
Xcode上でビルド、シュミレーションを起動したい




### 発生している問題・分からないこと
**Xcodeのエラー内容**
unable to open file...
調査したところ、cocoapodsのインストールがなかった。


ターミナル ディレクトリでコマンド実行
> /ios 
```
sudo gem install cocoapods
```

### エラーメッセージ
```error
ERROR:  Error installing cocoapods:
	The last version of drb (>= 0) to support your Ruby & RubyGems was 2.0.6. Try installing it with `gem install drb -v 2.0.6` and then running the current command again
	drb requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210.
```

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

```
特になし
```

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

##### 上記の詳細・結果
**実行したこと**
rubyのバージョンが原因と判断し、エラーメッセージで出力されている
2.7.0をインストールしようとした。

```
rbenv install 2.7.0
```

**結果**
依存関係のインストール等実行したが2.7.0バージョンのインストールはできなかった。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-02/9477ecf2-8ccf-4ed5-b78e-361f01f17c2e.png)


### 補足
特になし

【Xcode:unable to open fileのエラー】cocoapodsのインストールができない

javaScriptmのwindow.openで新ウィンドウを開くようにしております。

コードは以下のようなものになります。
```
window.open('/', null, "widht=800,height=800,scrollbars=yes,resizable=yes")
```

上記で新しいウィンドウでURLを開くことはできるのですが、
再度クリックした際に、最初にクリックして開いたウィンドウが更新されるような動きになっております。

実現したいのはクリックする度にその数だけ新ウィンドウが開かれるという動きです。
再度クリックした際に新たなウィンドウを開くことは可能でしょうか。

JavaScriptのwindow.open()で新ウィンドウを複数開く方法

### 実現したいこと

以下のようなコードが2つあります。
送ったら、SESSIONの中身と「postできましたよ」がconnect.phpのページで表示したい


送る側
```html
<!DOCTYPE html>
<html>
    <head>
        <title>POST Request on Button Click</title>
    </head>
    <body>
        <button id="postButton">Post it</button>

        <script>
            document.getElementById("postButton").addEventListener("click", function() {
                const myHeaders = new Headers();
                // myHeaders.append("Cookie", "PHPSESSID=itjgsbmsjf5sk87oh25rijhsn6");
            
                const formdata = new FormData();
                formdata.append("user_nane", "dummy");
                formdata.append("compay_code", "Z100");
                formdata.append("employe_code", "7878787888");
                formdata.append("user_type", "0");
            
                const requestOptions = {
                  method: "POST",
                  headers: myHeaders,
                  body: formdata,
                  redirect: "follow"
                };
            
                fetch("http://*.*.*.*/conect.php", requestOptions)
                  .then((response) => response.text())
                  .then((result) => console.log(result))
                  .catch((error) => console.error(error));
            });
        </script>
    </body>
</html>

```

遷移先のコード(connect.php)
```php
<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Content-Type, Authorization");

$method = $_SERVER['REQUEST_METHOD'];
session_start();
if ($method == "POST") {  
$_SESSION['usr_name'] = $_POST['user_name'];
$_SESSION['company_code'] = $_POST['company_code'];
$_SESSION['employe_code'] = $_POST['employee_code'];
$_SESSION['user_type'] = $_POST['user_type'];

// header('Location: conect.php');
// exit;
}

echo '<pre>';
var_dump($_SESSION);
echo '</pre>';

echo "postできましたよ";
exit;
```

### 発生している問題・分からないこと
connect.phpに遷移(表示)はできず、送る側にレスポンスとして表示したい内容が返ってきてしまう





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

```
特になし
```

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

##### 上記の詳細・結果
成功して
.then((result) => console.log(result))に以下のコードを追記してもSESSIONの中身はない。

window.location.href = 'http://localhost/connect.php';

### 補足
まずは同ホストないですが
最終的には別ホストで実現したい

fetch(POST)で送った同時に次のページに遷移させたい

### 前提・実現したいこと
お世話になります。
ReactNativeでアプリ・サーバ間の連携部分を実装しており、下記のエラーに遭遇しました。
axiosのget,postや連携先(公開されているいくつかのREST APIを試してみましたが結果は同じでした)問わず発生している状態です。
※リクエストを投げて結果を取得してから2分程して下記のエラーが画面に表示されます。

エラーでググってみましたが、同様の事例があまり見当たらないため質問させていただきました。

### 発生している問題・エラーメッセージ

```
Possible Unhandled Primise Rejection(id: 0);
Error: Network Error
```

### 該当のソースコード

```typescript
import * as axios from 'axios';

//...(略)...

axios.post('http://hogehoge:foo/bar', {data : 'data'})
.then(res => {
  // resを基にいくつかの処理
  console.log(res);
}).catch(err => {
  // err表示
  console.log(err);
});

```

### 試したこと
- エラーは出ているものの、上記コードのcatchには入っていないようです(console.log()が利いていないため)
- 正常に処理自体はできているようです(then内の諸々の処理を通っている)

### 補足情報（FW/ツールのバージョンなど）
- 使用端末(エミュレータ)
Android Studio Emulator (Android8.1, API27)

【ReactNative】axiosでpost実行時にエラーが発生する

### 前提・実現したいこと

expoを用い、react-nativeの開発をし始めるにあたり、npm installを実行した時にエラーが起こったため、解決方法を教えていただきたいと思い投稿させていただきました。

そもそもnpm warnはエラーであり、それに対して何か対処すべきなのかどうかが分かりませんでした。


### 発生している問題・エラーメッセージ

```
npm WARN react-google-maps@9.4.5 requires a peer of @types/googlemaps@^3.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-google-maps@9.4.5 requires a peer of @types/markerclustererplus@^2.1.29 but none is installed. You must install peer dependencies yourself.
npm WARN react-google-maps@9.4.5 requires a peer of @types/react@^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-reanimated@1.0.1 requires a peer of react@16.0.0-alpha.6 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-reanimated@1.0.1 requires a peer of react-native@^0.44.1 but none is installed. You must install peer dependencies yourself.

audited 38952 packages in 7.164s
found 11 low severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
```


### 補足情報（FW/ツールのバージョンなど）

エディタ:atom
npm -v 6.9.0
node -v 11.10.0
expo-cli

npm install時に発生したnpm warnの解消方法が分からない

前提
---
下記のサイトからReact Nativeをインストールしている状態です。
[https://facebook.github.io/react-native/docs/getting-started](https://facebook.github.io/react-native/docs/getting-started)


発生している問題
---
React Nativeを使用するためにnode.jsをインストール後、環境構築を行っているのですが、
npm startのコマンドを打つとエラーが発生して、React Nativeを起動することができません。
下記がコードとなります。

```ここに言語を入力
npm install -g create-react-native-app
create-react-native-app AwesomeProject

cd AwesomeProject
npm start

npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ユーザ名\AppData\Roaming\npm-cache\_logs\2018-01-08T08_27_07_925Z-debug.log
```

試したこと
---
下記のサイトに同様の質問があり、npm run start,yarn startのコマンドを試しましたが、
同じエラーが発生し、起動しませんでした。
[https://teratail.com/questions/106849](https://teratail.com/questions/106849)
補足
---
Node.jsのインストールは8.9.4LTSをインストールしており、
npm,nodeのバージョンは、下記の通りとなっております。
$npm -v
5.6.0
$node -v
v8.9.4

[React Native]npm start時にエラーが発生する

### 前提・実現したいこと

react native のアプリで
aws cognito を用いて、sign in の処理を実装しております。

idtoken が期限切れをなった際に
refreshtoken を使用して idtoken を取得する方法がわかりません。

### 発生している問題・エラーメッセージ

idtokenを用いた、api使用時に
期限切れの場合に401を返すので、こちらを解決したいです。
そのためにrefreshtoken を使用して idtoken を取得したいのですが、その方法がわかりません。


### 補足情報（FW/ツールのバージョンなど）

![![イメージ説明](17767dd108a13211abcb531069e828b3.png)

こちらを参考にするようですが、具体的な実現方法がわからないでいます。
- https://docs.aws.amazon.com/cognito-user-identity-pools/latest/APIReference/API_AdminInitiateAuth.html
- https://docs.aws.amazon.com/cognito-user-identity-pools/latest/APIReference/API_InitiateAuth.html