常連

注目の的

JavaScriptについて質問です。

https://techmemo.biz/javascript/tab-direct-link/

こちらのソースを参考に、「リンク元にハッシュを追加して特定のタブコンテンツを開く方法」を試しているのですがうまくいきません。。
通常開いた時は紹介した方のページが開くが、他ページからアクセスした際に、紹介された方のほうのタブに飛ばしたいのです。
下記に実装したいのですが、どこか可笑しい部分ありますでしょうか？
おわかりの方ぜひご享受ください🙇

<head>
<script type="text/javascript">
$(function() {
  $('.tabs a[href^="#tab_content_at"]').click(function(){
    $('.tabs .tab_content_at').hide();
    $('.tabs a').removeClass('active');
    $(this).toggleClass('active');
    $(this.hash).fadeIn();
    return false;
  });
  $('.tabs a[href^="#tab_content_at"]:eq(0)').trigger('click');
});
</script>

<script>
$(function() {
  //リンクからハッシュを取得
  var hash = location.hash;
  hash = (hash.match(/^#tab\d+$/) || [])[0];
 
  //リンクにハッシュが入っていればtabnameに格納
  if($(hash).length){
    var tabname = hash.slice(1) ;
  } else{
    var tabname = "keiba";
  }
 
  //コンテンツ非表示&amp;タブを非アクティブ
  $('.tabs .tab_item_kb').hide();
  $('.tabs a').removeClass('active');
 
  //何番目のタブかを格納
  var tabno = $('.tabs li#' + tabname).index();
 
  //コンテンツ表示
  $('.tabs .tab_item_kb').eq(tabno).fadeIn();
 
  //タブのアクティブ化
  $('.tabs a').eq(tabno).addClass('active');
});
</script>
</head>

＜body＞


<div class="tabs">
<input id="autorace" type="radio" name="tab_item" checked>
<label class="tab_item_at" for="autorace">紹介した方</label>
<input id="keiba" type="radio" name="tab_item">
<label class="tab_item_kb" for="keiba">紹介された方</label>

<div class="tab_content_at" id="autorace_content">
左タブ内のページ
</div>

<div class="tab_content_kb" id="keiba_content">
右タブ内のページ
</div>

＜/body＞

リンク元にハッシュを追加して特定のタブコンテンツを開く方法が上手く行かない

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
webapiを使用して特定のサイトにjsonとzipファイルを送信したいです。

### 前提

使用言語 PHP5.6以上
実行環境 CentOS6以上

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

API送信するとzipファイルを送信しているはずなのに、送信先のサイトでファイルタイプエラーが発生
※正しくzipを指定するように促すエラー

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

```PHP
    //バウンダリ文字列
    $boundary = "1234567890";

    //CRLF
    $crlf = "\r\n";
   
    //POST送信先URL
    $url = "<API先のURL>";
   
    //APIトークン
    $api_token = "<APIトークン>";
    
    //Jsonデータ
    $jsonData = array(
        'type'=>1,
        'contents'=>'API-TEST',
        'skip'=>1,
        'comment'=>'API-TEST-AGREE-COMMNET'
    );
    $data_json = json_encode($jsonData);
    
    //アップロードパス
    //取込ファイル(PDFが格納されたZip)パス
    $zip_path = "./upload.zip";

    //postボディー配列
    $arr_content = [];

    //ペイロード作成開始
    $arr_content[] = $crlf.'--'.$boundary;//開始

	//json
    $key = 'json';
    $arr_content[] = 'Content-Disposition: form-data; name="'.$key.'"';
    $arr_content[] = 'Content-Type: application/json';
    $arr_content[] = $crlf.$data_json;
    $arr_content[] = '--'.$boundary;
    
    //zip
    $zipfile = file_get_contents($zip_path);
    $key = 'files[0]';
    $arr_content[] = 'Content-Disposition: form-data; name="'.$key.'"; filename="'.basename($zip_path).'"';
    $arr_content[] = 'Content-Type: application/zip';
    $arr_content[] = $crlf.$zipfile;
    $arr_content[] = '--'.$boundary;
    
    //連結処理
    $content = join($crlf, $arr_content);
    $content .= '--'.$crlf;//終端
    
    $header = join($crlf,array(
        "Content-Type: multipart/form-data; boundary=".$boundary,
        "Content-Length: ".strlen($content),
        "X-WB-apitoken: ".$api_token,
    ));
    
    $context = stream_context_create(array(
        'http' => array(
            'method' => 'POST',
            'header' => $header,
            'content' => $content,
            'ignore_errors' => true
        )
    ));
    
    //送信
    $result = file_get_contents($url, false, $context);
```

### 試したこと

cURLも試しましたが、
-d でjsonデータ、-Fでzipファイルと混同させて送信できなかった為断念

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

参考サイト：https://note.com/kazuyoshiueno/n/n9450c2e3bf89

API連携に関して不慣れな為色々と足りていないかもしれませんが、何卒宜しくお願い致します。


WEBAPIでJsonデータとzipファイルの送信について

### 質問事項
サーバーリプレースに伴い、現環境の構成を踏襲した新環境を構築しました。
現環境へではすぐに回答のあるアプリケーションが、新環境ではレスポンスが非常に遅くなってしまっています。
この時に確認すべき項目として何が挙げられますでしょうか？

### 前提
現環境と新環境による違いは以下の通りです。
現行を踏襲する想定のもと、ApacheならびにTomcatの各種設定内容は現行の設定内容を踏襲しています。

＜現環境＞
　◆OS：WindowsServer2012R2
　◆MW：Apache2.4.16、Tomcat8.0

＜新環境＞
　◆OS：WindowsServer2019
　◆MW：Apache2.4.57、Tomcat9.0

バックエンドとして、Oracleデータベース(Oracle Database 12c Release 12.1.0.1.0 - 64bit Production)が存在しております。
現環境と新環境はNW的には同じセグメントに配置しています。
ApacheとTomcatは同一サーバで共存しています。
Tomcatで動かすアプリケーションはJavaで開発したモジュールで、現新で同じアプリを起動させています。

### 確認したこと
現環境と新環境にてブラウザの開発者ツール(Chrome)を用いてネットワークパフォーマンスを確認したところ
Waitin for Server Response に非常に時間が掛かっている状態でした。
サーバーは基本、ファイアウォールは停止し、Symantec社製のEndpointを導入、現新で同じような設定にしています。

環境としては、同じNW、同じサーバースペック、ほぼ同じ設定ファイルを利用しているにも関わらず
新環境が遅くなる理由が今のところ明確に出来ていない状態です。
お知恵をお借りしたく質問致します。


バージョンアップ後でWEBレスポンス悪化の原因と対処方法のご相談

### 概要
iron-sessionというものを用いてsession管理を行いたいのですが、
session開始後にAPI側でリダイレクトさせると、sessionが開始されず、
リダイレクトの処理を除去すると、sessionが正常に開始されます。
何か解決方法はないでしょうか？

### 環境
"next": "13.4.12",
"react": "18.2.0",
"iron-session": "6.3.1"

### ソースコード
app/api/auth/loginに以下のPOSTメソッドを定義しました。

ログイン情報が合った場合は、sessionを開始して、
「localhost:3000/user」ページにリダイレクトさせるというものです。
```typescript
/**
 * POST
 *
 * @param req
 * @returns
 */
export async function POST(req: NextRequest) {
  const res = new Response();
  const inputUserInfo = await req.json();
  const session = await getIronSession(req, res, sessionOptions);

  const userData = await checkUser(Number(inputUserInfo?.id), inputUserInfo?.password);
  if (userData !== undefined) {
    session.user = userData;
    await session.save();
    return NextResponse.redirect(new URL('/'user, req.url));
  }
  return res;
}
```

### 備考
reqをNextApiRequest型で受け取ると、うまくいくのですが
そうすると、req.bodyでクライアントからの値を取得できずでして(req.json()はNextApiRequestにはない)
reqの型をNextApiRequest型にしてフロントからの値が渡せたら、そちらの解決策でも問題ないと思っています。

next-authは試しましたが、今回はGoogle認証やgithub認証は使わない方向でID,PWだけでの認証をしたく
色々不具合が起きたのでiron-sessionを利用しています。


Next.jsのAPI側でリダイレクト

### 実現したいこと
- [ ] `npm run dev`したあとのaboutページでリロード時に正常に表示、リンク機能を機能させたい。

### 前提

Type Script(.tsx)でNext.js(13.4.12)においてサンプルを作成しています。
App Routerで作成しているのですが、何故か「about」でのみリロードをすると、

- app, about直下の'layout.tsx(Parallel Routing利用)'が正常に読み込まれない
- ルートへのリンクをクリックするとエラー(ページ遷移しない)

という状態が起きています。

### ローカル環境
node.js: v18.16.0
npm: 9.5.1

### GitHubリポジトリ
[https://github.com/szq0017/Next13.4.12](https://github.com/szq0017/Next13.4.12)


### 発生している問題・エラーメッセージ
`localhost:3000/about`でリロードし、ルートへのリンク(Home)をクリックすると下記エラーが
開発者コンソールに表示され、画面遷移が出来ません。
`localhost:3000/about`とほぼ同じ構造の`localhost:3000/aboutUs`だと起きません。

```
- error Error [TypeError]: Cannot read properties of undefined (reading '0')
    at D:\works\practice\230808_next_app\node_modules\next\dist\server\app-render\app-render.js:745:119
    at Array.map (<anonymous>)
    at D:\works\practice\230808_next_app\node_modules\next\dist\server\app-render\app-render.js:742:33
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Promise.all (index 1)
    at async walkTreeWithFlightRouterState (D:\works\practice\230808_next_app\node_modules\next\dist\server\app-render\app-render.js:715:32)
    at async generateFlight (D:\works\practice\230808_next_app\node_modules\next\dist\server\app-render\app-render.js:759:90) {
  digest: undefined
}
```

### 該当のソースコード(about直下、Page.tsx)

```tsx
import Link from 'next/link'

export default function Page() {
    return (
        <div className="flex flex-col items-center">
            <h1>about Page</h1>
            <Link href="/" className="underline">
                Home
            </Link>
            <Link href="/aboutUs/info" className="underline">
                Info
            </Link>
        </div>
    )
}

```

### ディレクトリ構成
```bash
<構成>
│  .eslintrc.json
│  .gitignore
│  .prettierrc
│  file.txt
│  next-env.d.ts
│  next.config.js
│  package-lock.json
│  package.json
│  postcss.config.js
│  README.md
│  tailwind.config.js
│  tsconfig.json
│  
…略…(node_modules等)
│                  
├─public
│      next.svg
│      vercel.svg
│      
└─src
    └─app
        │  favicon.ico
        │  globals.css
        │  layout.tsx
        │  page.tsx
        │  
        ├─(marketing)
        │  │  layout.tsx
        │  │  
        │  ├─account
        │  │      page.tsx
        │  │      
        │  └─display
        │          page.tsx
        │          
        ├─@analytics
        │      default.tsx
        │      page.tsx
        │      
        ├─@team
        │      default.tsx
        │      page.tsx
        │      
        ├─about
        │      layout.tsx
        │      page.tsx
        │      
        ├─aboutUs
        │  │  layout.tsx
        │  │  page.tsx
        │  │  
        │  └─info
        │          page.tsx
        │          
        ├─blog
        │  │  layout.tsx
        │  │  page.tsx
        │  │  
        │  └─[...id]
        │          page.tsx
        │          
        └─news
            └─[id]
                └─[userId]
                    └─[categoryId]
                            page.tsx
```

Next.jsのaboutディレクトリでリロードすると一部機能が正常に機能しない

### 実現したいこと
ReactEchartにてツールチップを表示し、表示中のデータをほかのコンポーネントに渡し、
ツールチップが移動する度に、コンポーネントの再レンダリングを行いたい。


### 前提
Reactを使用して、チャートとツールチップの詳細情報を表示するコンポーネントを連携させる機能を実装しており、
ツールチップの情報を取得し、setStateするまではできたが、コンポーネントが再レンダリングされない。




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

```ここに言語名を入力
const [test, setTest] = useState([]);
const [test2, setTest2] = useState([]);
const [boardData, setBoardData] = useState(null);

//実行ボタンが押されると、フォームのセレクタの内容からgetContentが実行され、test2変数にコンポーネントが動的に作られる。
useEffect(() => {
        let content = getContent(test);
        setTest2(content);
    }, [test]);

const getContent = (data) => {
  switch (data.category) {
case 'chart':
   break;

case 'board':
       チャート表示用処理は省略
　　const onEvents = {
                    showTip: (params) => {
                        const index = params.dataIndex;
                        console.log(data.data[index]);
                        setBoardData({...data.data[index]});
                        // console.log("SET BOARD DATA", boardData); 
                    }
                };

   return (
                    <Box sx={{display:"flex", flexDirection:"row"}}>
                        <ReactECharts option={option} style={{ height: '70vh' ,width:'80%'}} notMerge={true} onEvents={onEvents}/>
                        <BoardComponent data={boardData}/>
                    </Box>
                )
}
}


//分析ボタンを押すと実行される
const handleAnalyticsForm = () => {

        const data = {省略}

        fetch("/analytics", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
            },
            body: JSON.stringify(data),     
        })
        .then((res) => res.json())
        .then((receivedData) => {
            setTest(receivedData);
        });
    };

return (
<GridWrapper>
            <BasicCard  //フォーム要素
                header={<Typography}>分析フォーム </Typography>}
                content={
                    <Box>
                         //セレクタ//
　　　　　　　        </Box>

                     <Button onClick={handleAnalyticsForm}>分析</Button>  //分析実行ボタン

 　　　　　　　          <Box>　　//分析結果を表示するBox
<ReactECharts option={option} style={{ height: '70vh' ,width:'80%'}} notMerge={true} onEvents={onEvents}/>
                            {test2}
                      </Box>
                style={{width: "100%",height:"100%", position :"", left: "", transform: ""}}
            />
</GridWrapper>

)

////////////////////////////
BoardComponent.js

export default function BoardComponent({data}) {
    
    console.log("BOARD LOADED");

    useEffect(() => {
        console.log("Data updated", data);
    }, [data]);
```

### 試したこと
onEventsでチャートのツールチップで表示されている情報を取得し、setboardDataに登録しています。
boardDataのstateが変更されると、boardConponentも更新されると思うのですが、初回のみレンダリングされ、boardDataが更新されても再レンダリングされません。
実行ボタンを押すと、BoardComponentも更新されますが、これは親コンポーネントが更新されたからだと思います。

以上、ご解説頂きたいと思います。
何卒よろしくお願いいたします。



。


React stateが変更されたが再レンダリングが行われない

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

Next13 の Sever Component と Cilent Component を分けなければいけないのってもちろんバンドルサイズが減るだとか良いこともあるのはわかるのですが、正直 api を呼ぶ部分をコンポーネントで分けなければならないのは面倒ではないでしょうか？　それとも children として SC を CC から呼ぶ以外の方法で、useState などを使うコンポーネントから api 呼び出しを行う方法はあるのでしょうか？そもそも Next.js にもそんなに詳しくないので（ 普段は Vue とか Nuxt の方を使うことが多いため ）的外れな事を聞いていたら申し訳ありませんがこの辺り詳しい方ご意見伺わせて頂けますと助かります。




Next13 の Sever Component についてです。

### 実現したいこと

-  EC2Linuxに永続的(OSを再起動させても元に戻らない)なIPV6を追加したい

### 前提
AWSでRHELを利用してEC２を利用しています。
TGWを経由した別VPCから仮想IP経由でEC2に接続させるためにEC２(Linux)にIP追加を実施しています。
(IPはIPV6です)

また、EC２(Linux)に追加するIPは、OS再起動後も設定が残るよう、永続的でなければなりません。


**補足：**
仮想IPでのアクセスを実現する為に以下サイトを参考にルートテーブルを編集しました。

送信元EC２のサブネットに"仮想IP"→"TGW"を追加し、送信元先EC２(仮想IPを割り当てるインスタンス)に"仮想IP"→"送信先EC2のENI"のルートを追加してます。
https://bcblog.sios.jp/aws-routetablescenario-stepbystep-windows/

### 課題

そこで、以下サイトを参考に、/etc/sysconfig/network-scripts配下のNICファイルに"IPV6ADDR=9999::0001:0/128"のようにIPV6を設定し、"nmcli con up "デバイス名""で再起動をかけましたが、ip aコマンドでIPが追加できていることを確認できませんでした。

/etc/sysconfig/network-scripts配下のNICファイルにIPV6アドレスを設定追加して、LinuxにIP追加する事はできないのでしょうか。
https://pentan.info/server/linux/nic_sub_ip.html
https://access.redhat.com/ja/solutions/1536423

補足として、以下コマンドでIPアドレスを追加した所、ip aコマンドで追加したIPv6アドレスが確認できました。

```
ip addr add <IPV6アドレス> dev <NIC名>
```


### 発生している問題・エラーメッセージ
nmcli con up "デバイス名
```
接続が正常にアクティベートされました (D-Bus アクティブパス: 
```

/etc/sysconfig/network-scripts配下のNICファイル

```
AUTOCONNECT_PRIORITY=555
BOOTPROTO=dhcp
DEVICE="test"
DHCPV6C=yes
HWADDR=”IPV６アドレス”
IPV6INIT=yes
IPV6ADDR="9999::0001:0/128"
ONBOOT=yes
TYPE=Ethernet
USERCTL=no
```
設定値は、ダミーのIPです。実際は別IPを指定しています。


**補足：**
ip addr addコマンドでIPv6を追加すると、元々pingが通っていた別EC2インスタンスの仮想IPにpingが通らなくなりました。
この事象について、何かわかりましたら、ご教示いただけると助かります。




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

RHELバージョン：9.1


EC2（RHEL）Linuxに永続的(OSを再起動させても元に戻らない)なIPV6を追加したい

### 実現したいこと
ELBを単体のパブリックサブネットに配置して
1つのサブネット内でルーティングの分散ができるのか知りたい

下記の構成図のような設計は可能なのか
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-26/8696bb88-a6d5-4f9f-8fd3-a59ab9c9fc29.png)

### 前提
ELBは複数のAZにまたがった場所に配置されAZごとにルーティングが分散されるという認識でした
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-26/d6677e9f-cb0f-40a9-b020-169467e2cb62.png)

### 試したこと
様々なサイトを拝見しましたが、ELBを単体のパブリックサブネットに配置する方法は見つけられませんでした

ELBをAZまたぎで配置する方法と
単体のパブリックサブネットに配置する場合の方法が分かりやすく載っているサイトがあれば教えていただきたいです




AWS ロードバランサー(ELB)のルーティングについて

意図しない値を受け取った場合にログを出力するメソッドに対する単体テストでログを出力する部分で単体テスト実行時に例外が発生してしまいます。
再現する簡単なサンプルコードは以下の通りです。
```C++
//--テスト対象メソッド
int SampleClass:sampleMethod(char* fmt, ...){
    (略)
    va_list arg;
    va_start(arg, fmt);
    vsprintf_s(buf, sizeof(buf), fmt, va_list); // ここで実行時エラー
    va_end(arg);
    (略)
}

//--単体テストコード
TEST(TestCaseSample, TestNameSample){
    SampleClass sampleClass;
    sampleClass.sampleMethod("Test Message. %d %d", 1, 2); // とりあえず呼んでみる
    EXPECT_EQ( 以降略
}
```
### 実現したいこと

- [ ] vsprintf_sを呼んでいるところで例外を起きなくして単体テストをエラーなしで完走したい

### 前提
- Visual Studio 2019
- C++14(テストプロジェクトはC++17)
- テスト対象プロジェクトはMFC
- Mockng FrameworkとしてFakeItを使用予定


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

```
エラーメッセージ
　unknown file: error: SEH exception with code 0xc0000005 thrown in the test body.
```

### 試したこと

- プロジェクト設定構成プロパティ＞詳細＞MFCの使用の箇所でテスト対象／テストプロジェクト共に「スタティックライブラリでMFCを使う」「共有DLLでMFCを使う」両方試してみる→結果変わらず
- sampleMethodと同じことをする関数を単体テストプロジェクトの方に記載してそちらを呼んでみる→エラーなく実行完了
```
//--テスト対象メソッド（※単体テストプロジェクト内に記載）
int testFunction(char* fmt, ...){
    (略)
    va_list arg;
    va_start(arg, fmt);
    vsprintf_s(buf, sizeof(buf), fmt, va_list); // こちらは問題なく通る
    va_end(arg);
    (略)
}

//--単体テストコード
TEST(TestCaseSample, TestNameSample){
    SampleClass sampleClass;
    testFunction("Test Message. %d %d", 1, 2); // とりあえず呼んでみる
    EXPECT_EQ( 以降略
}
```

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

テストプロジェクトに記載した関数は無事に完走することから処理内容に問題があるわけではなく
実行したクラスから（クラス外の）別メソッドを呼ぶ時にアドレス解決できずに落ちている感触です。
標準？で用意されている関数がテスト時に実行できない為大変困っております。
問題の原因としてどのようなのが考えられるでしょうか？



単体テスト実行時にvsprintf_sで例外が発生してしまう

### 実現したいこと

GooglePlayで公開するアプリの旧バージョン維持

### 前提

新しいバージョンのアプリリリースに際してminSdkVersionをあげようと思っています。
※ユーザーサポート負荷軽減し最新OSへの対応に注力する目的です。

minSdkVersionからはずれたOSを搭載したデバイスでは最新アプリの更新対象外となるかと思います。
ただ、旧OS端末は旧バージョンアプリをインストールできるようGooglePlayに維持し、最低限旧バージョンを継続利用できるようにしたいと考えていいます。
GmailやYahooメール、Yahoo乗換案内等はGooglePlayの「このアプリについて」のページの
バージョン、Android要件の項目に「デバイスにより異なります」と表示され、
複数の端末を所有している場合、それぞれの端末ごとに利用可能な複数のアプリバージョンが表示されます。

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

GooglePlayConsoleに最新バージョンのaabファイルをアップロードし
公開すると旧バージョンのaabが無効化されます。
対象アプリインストール済みのminSdkVersionから外れた端末では
想定通りアプリ更新の対象外となりました
しかし、アンインストールした場合は「お使いのデバイスでは動作しません」となり
旧バージョンの再インストールができなくなりました。

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


### 試したこと

検証アプリケーションを作成し
マニフェストに下記を記載
    <uses-sdk
        android:minSdkVersion="21"
        android:targetSdkVersion="33" />
バージョン１をリリースしたのち
    <uses-sdk
        android:minSdkVersion="22"
        android:targetSdkVersion="33" />
を更新リリース

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

Android Studio Chipmunk | 2021.2.1 Patch 1



GooglePlayで公開するアプリの旧バージョン維持

### 実現したいこと

-Next.jsをベースにして、ApolloClient,ApolloServer,Prisma,DB（supabase:postgres)を組み合わせて簡易的なCRUDアプリを作りたい


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

GraphQLのエンドポイントを追加してクエリを実行したところ、chrome検証ツールのネットワークタブのところで「POST body missing, invalid Content-Type, or JSON object has no keys.」となります。



リクエストメソッド:POST
エラーコード：400 Bad Request

エラーによると、

・POSTのリクエストボディがない
・Content-Typeが適正ではない（application/jsonではない）
・Jsonにkeyがない

のどれかが原因ということで検証したのですが、解決するに至っていません。
見落としがあればご教示頂けますと幸いです。

```
POST body missing, invalid Content-Type, or JSON object has no keys.
```



### 試したこと

・POSTのリクエストボディがない、Content-typeが適正ではない、Jsonにkeyがない

→以下の画像にあるようにリクエストボディは存在します。また、Content-typeについてもapplication/jsonで設定されています。
（ApolloClientが勝手にapplication/jsonで設定してくれるものと認識しています）、Jsonのキーについても存在しているように見えます。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-02/6365009b-ddd9-44ed-8dbb-a44ecf206090.png)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-02/362a8f48-7220-46a9-93ce-39fa8c473c8a.png)

apollo studioを

http://localhost:3000/api/graphql

で立ち上げるとDocumentationにbillsのクエリが登録されていません。
schema.tsにて正しく構成できていないということなのでしょうか？

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-07-02/ff63f780-384d-414d-80e6-b74c72534dc0.png)


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

prisma/apollo.ts
```

import { ApolloClient, InMemoryCache } from '@apollo/client'

const apolloClient = new ApolloClient({
    uri: 'http://localhost:3000/api/graphql/',
    cache: new InMemoryCache()
})

export default apolloClient
```

prisma/prisma.ts
```
import { PrismaClient } from "@prisma/client";

declare global {
    var prisma: PrismaClient | undefined
}

export const prisma = 

    global.prisma ||
    new PrismaClient({
        log: ['query']
    })

if( process.env.NODE_ENV !== 'production')global.prisma = prisma
```

resolver.ts
```
export const resolvers = {
    Query: {
      bills: () => {
        return [
          {
            id: 1,
            table: 'test-B',
            basic_cource:'test_a',
            numberOfGuest: 1,
            orderId: 1,
            extensionId: 1,
            nominationId: 1,
            bill_total: 100
          },
        ]
      }
    }
  }

```

schema.ts
```
import { gql } from 'apollo-server-micro'

export const typeDefs = gql`
  type Bill {
    id: Int,
    table: String,
    basic_cource:String,
    numberOfGuest: Int,
    orderId: Int,
    extensionId: Int,
    nominationId: Int,
    bill_total: Int
  }

  type Query {
    bills: [Bill]!
  }
`
```
pages/api/graphql.ts
```
import { ApolloServer } from 'apollo-server-micro'
import { typeDefs } from '../../graphql/schema'
import { resolvers } from '../../graphql/resolver'
import Cors from 'micro-cors'


const cors = Cors()

const apolloServer = new ApolloServer({ typeDefs, resolvers })
const startServer = apolloServer.start()

export default cors(async function handler(req, res) {
  if (req.method === 'OPTIONS') {
    res.end()
    return false
  }
  await startServer
  console.log('started')
  await apolloServer.createHandler({
    path: '/api/graphql',
  })(req, res)

})

export const config = {
  api: {
    bodyParser: false,
  }
}
```



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

apollo server v3
apollo client 3.7.16
graphql 16.7.1
next.js 13.4.7
