常連

### 実現したいこと
WordPressで構築されている、弊院PCサイトのグローバルナビゲーションのホバー制御を行いたいと思っています。（キャプチャ赤枠部分）

◾️サイトURL
https://senshinkai-clinic.jp/

![キャプチャ1枚目](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-26/88ebb677-d57d-4930-8eb6-aa60cc2e54ac.png)

### 前提

割愛

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

メインメニューのaタグとサブメニューリンクが離れている場合、移動角度によってメインメニューのaタグまたはサブメニューのブロックからカーソルが外れて、サブメニューが閉じられてしまう事象が発生しております。（「採用情報」からカーソル移動する際に、キャプチャ点線部分にカーソルがかすると発生します）

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-26/83ae8a10-6570-4a7d-bbc9-2838aa036f4a.png)

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

```
<div class="layerMenu js-navigation">
        <div class="inLayer">
          <p class="hnavi-ttl01">ご予約はお電話、Web予約、LINEで受け付けております。診療に関するご質問・ご相談はLINEからお気軽にお問い合わせください。</p>
          <div class="hnavi sp">
            <div class="h-tel"><a href="tel:0120-049-113">
                <p class="tel-txt">予約専用ダイヤル</p>
                <div class="tel">
                  <p class="tel-num"><span><em>0120-049-113</em></span></p>
                </div>
                <p class="time">受付時間　10:00-19:00</p>
              </a></div>
            <ul class="h-btn-sp">
              <li class="btn02"><a href="<?php echo home_url(); ?>/reception/" class="cbtn-reception">
                  <p class="txt"><small>適応検査とカウンセリングの<br></small>Web予約</p>
                </a></li>
              <li class="btn01"><a href="javascript:void(0);" class="cbtn-line linemodal_open">
                  <p class="txt">LINE予約<i>・</i>相談<br><small>(最初に友達登録をお願いします)</small></p>
                </a></li>
            </ul>
          </div>
          <ul class="gNavi">
            <li class="pc"><a href="<?php echo home_url(); ?>/">ホーム</a></li>
            
            <li class="full-w gNavi-medical01 hasSub">
              <a href="javascript:void(0);" class="hasSub-btn"><span>診療内容</span></a>
              <div class="hasSub-nav">
                
                <div class="sub-list">
                  <a href="<?php echo home_url(); ?>/icl/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/cl_small_img01.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
                    <p class="nav-ttl">ICL治療</p>
                  </a>
                  <a href="<?php echo home_url(); ?>/lasik/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/cl_small_img02.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
〜省略〜
<p class="nav-ttl">アフターケア</p>
                  </a>
                </div>
              </div>
            </li>
            <li class="has-arrow bdr"><a href="<?php echo home_url(); ?>/expense/"><span>手術・料金</span></a></li>
            <li class="has-arrow sp"><a href="<?php echo home_url(); ?>/clinic/"><span>クリニック案内</span></a></li>
            <li class="pc hasSub">
              <a href="javascript:void(0);" class="hasSub-btn"><span>クリニック案内</span></a>
              <div class="hasSub-nav">
                <div class="sub-list">
                  <a href="<?php echo home_url(); ?>/clinic/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/clinic_small_img01.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
                    <p class="nav-ttl">クリニックについて</p>
                  </a>
                  <a href="<?php echo home_url(); ?>/clinic/tokyo/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/clinic_small_img02.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
                    <p class="nav-ttl">東京・新宿</p>
                  </a>
〜省略〜                             
                  <a href="<?php echo home_url(); ?>/clinic/izuka/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/clinic_small_img06.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
                    <p class="nav-ttl">福岡・飯塚本院</p>
                  </a>
                  <a href="<?php echo home_url(); ?>/clinic/sapporo/">
                    <div class="nav-thumb">
                      <p class="c-img"><img src="<?php echo createSVG(65, 65); ?>" data-src="/assets/img/common/clinic_small_img07.jpg" alt="" width="65" height="65" rel="js-lazy" /></p>
                    </div>
                    <p class="nav-ttl">北海道・札幌<br><small>（提携医療機関）</small></p>
                  </a>
                </div>
              </div>
            </li>
            <li class="has-arrow bdr"><a href="<?php echo home_url(); ?>/doctor/"><span>ドクター紹介</span></a></li>
            <li class="has-arrow"><a href="<?php echo home_url(); ?>/faq/"><span>よくあるご質問</span></a></li>
            <li class="sp has-arrow bdr"><a href="<?php echo home_url(); ?>/column/"><span>コラム</span></a></li>
            <li class="sp has-arrow"><a href="<?php echo home_url(); ?>/news/"><span>お知らせ</span></a></li>
            <li class="sp has-arrow bdr"><a href="<?php echo home_url(); ?>/media/"><span>学会発表 / 論文 /<br>報道・メディア出演</span></a></li>
            <li class="has-arrow"><a href="<?php echo home_url(); ?>/recruit/"><span>採用情報</span></a></li>
            <li class="full-w sp has-arrow"><a href="<?php echo home_url(); ?>/"><span>ホーム</span></a></li>
          </ul>
          <ul class="hlink02 sp">
            <li><a href="<?php echo home_url(); ?>/sitemap/">サイトマップ</a></li>
            <li><a href="<?php echo home_url(); ?>/privacy/">プライバシーポリシー</a></li>
            <li><a href="<?php echo home_url(); ?>/nuisance/">迷惑行為に対するの当院の対応に関して</a></li>
            <li><a href="<?php echo home_url(); ?>/notes/">初診時における情報開示に関して</a></li>
          </ul>
        </div>
      </div>
```

### 試したこと

chatGPTを参考に、function.phpに以下のコードを追記しましたが何も変わらずでした。
コンソールログを確認したところ、スクリプト自体は読み込まれているようでしたが、他javascriptが影響している可能性もあり、とchatGPTから回答がありました。

```
function add_hover_delay_script() {
  ?>
  <script>
    jQuery(function($){
      let hideTimer = null;
      let currentOpen = null;

      // ナビ項目をhoverしたとき
      $('.hasSub').on('mouseenter', function () {
        clearTimeout(hideTimer);
        if (currentOpen && currentOpen[0] !== $(this)[0]) {
          currentOpen.children('.hasSub-nav').stop(true, true).fadeOut(200);
        }
        currentOpen = $(this);
        $(this).children('.hasSub-nav').stop(true, true).fadeIn(200);
      });

      // body全体でマウスを監視して「hoverエリア外に出たら非表示にする」
      $(document).on('mousemove', function(e) {
        if (!currentOpen) return;

        const buffer = 10; // ← liの隙間でも切れないようバッファを持たせる
        const offset = currentOpen.offset();
        const width  = currentOpen.outerWidth();
        const height = currentOpen.find('.hasSub-nav').outerHeight() + currentOpen.outerHeight();

        const isInArea =
          e.pageX >= offset.left - buffer &&
          e.pageX <= offset.left + width + buffer &&
          e.pageY >= offset.top - buffer &&
          e.pageY <= offset.top + height + buffer;

        if (!isInArea) {
          clearTimeout(hideTimer);
          hideTimer = setTimeout(() => {
            currentOpen.children('.hasSub-nav').stop(true, true).fadeOut(200);
            currentOpen = null;
          }, 500); // ← ここで500ms以内に戻れば維持される
        } else {
          clearTimeout(hideTimer); // エリア内ならキャンセル
        }
      });
    });
  </script>
  <?php
}
add_action('wp_footer', 'add_hover_delay_script');
```

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

特にございません。

グローバルナビゲーションのホバーを制御したい

### 実現したいこと
ある会社では従業員情報を下記のようなNoSQLのドキュメント指向データベースに保存している。
従業員情報は、従業員自身が社内ポータルサイトで検索・閲覧することができる。
社内ポータルサイトは、ログインID/PWの他に、部署名と役職名も入力した上でログインする必要がある。

公開範囲・・・ログイン者に応じて表示するかしないかを設定したもの。
例えば、西村の場合、ログイン者が営業部または技術部の課長以上のみに表示するように公開範囲を設定しています（ログイン者がリーダーだったり、人事部だったりした場合は表示しない）
※{}の場合は全員に公開の意味です。
例）公開範囲＝役職：{}、部署：技術部だったら、技術部の人には誰でも公開し、技術部**以外**の人だったら非公開にします。
　
```JSON
{
   //--------------------
   //従業員コレクション
   //--------------------
   "従業員": {
      //--------------------
      //各ドキュメント
      //--------------------
      "西村": {
         //--------------------
         //各データ
         //--------------------
         "年齢": 25,
         "月給": "30万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部"
         }
      },
      "田中": {
         "年齢": 40,
         "月給": "35万円",
         "婚姻歴": "なし",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {}
      },
      "秋山": {
         "年齢": 31,
         "月給": "60万円",
         "婚姻歴": "なし",
         "部署": "人事部",
         "役職": "平社員",
         "公開範囲": {
            "役職": {},
            "部署": "技術部"
         }
      },
      "小田": {
         "年齢": 45,
         "月給": "70万円",
         "婚姻歴": "あり",
         "部署": "営業部",
         "役職": "リーダー",
         "公開範囲": {
            "役職": "リーダー以上",
            "部署": "人事部"
         }
      },
      "木村": {
         "年齢": 33,
         "月給": "83万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "課長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": {}
         }
      },
      "岡部": {
         "年齢": 56,
         "月給": "130万円",
         "婚姻歴": "なし",
         "部署": "秘書室",
         "役職": "部長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部,人事部"
         }
      }
   }
}
```

### 発生している問題・分からないこと
### 質問
こんなDB検索を実現する際、どのようにプログラムを組めばいいでしょうか？

例えば、秋山がログインしました。
ポータルサイト側の検索項目に「部署：技術部」で検索条件を掛けたとします。
その場合、「西村、田中、木村」がヒットしますが、秋山は人事部の平社員です。
なので、西村と木村はヒットされず、「田中のみ」を表示したいです。


例えば、岡部がログインしました。
ポータルサイト側の検索項目に「全社員を対象」で検索条件を掛けたとします。
その場合、「西村、田中、秋山、小田、木村、岡部」がヒットしますが、岡部は秘書室の部長です。
なので、「田中、木村」を表示したいです。




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

```
特になし
```

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

##### 上記の詳細・結果
Google検索をしてみましたが、こういう構成のシステムでNoSQLを使った記事を見つける事が出来なかったので質問させて頂きました。

Firebaseからの単純なGetは以下のようになることは理解しています。
```Dart
final userDoc = await FirebaseFirestore
    .instance
    .collection('従業員')
    .doc('西村')
    .get();
```

Where句を使うパターンも下記記事で学習しました。
- https://zenn.dev/joo_hashi/articles/13fd1d2e2d3397
- https://firebase.google.com/docs/firestore/query-data/queries?hl=ja
ただ、質問のようなものは結構複雑になるのでどう実現したらいいかまだ想像着かないのが現状です。

私が考えた案は、一旦ポータルサイト側の検索条件にヒットする全員をGetした上で、Dart関数内でループ処理させ、（ざっくりですみません→）「if ( userDoc[i].公開範囲.役職 == xxxxx ) 」みたいな感じで回していくのが早そうではありましたが、従業員数の増加に応じて処理が重くなる懸念もありそうだと感じました。
DB側で検索できたらいいなと思った次第です。

また、もし「このシステムの構成だったらAWSやNoSQL以外の方がいい」などあればご教授いただければ幸いです。

### 補足
特になし

---
---

### その後追記（参考までにChatGPTに質問した結果を追記）
試しに、ChatGPT o4-mini（プログラミング領域特化モデル）に尋ねて見たところこのような結果が出力されました。

### プロンプト
```プロンプト
ある会社では従業員情報を下記のようなNoSQLのドキュメント指向データベースに保存している。
従業員情報は、従業員自身が社内ポータルサイトで検索・閲覧することができる。
社内ポータルサイトは、ログインID/PWの他に、部署名と役職名も入力した上でログインする必要がある。

公開範囲・・・ログイン者に応じて表示するかしないかを設定したもの。
例えば、西村の場合、ログイン者が営業部または技術部の課長以上のみに表示するように公開範囲を設定しています（ログイン者がリーダーだったり、人事部だったりした場合は表示しない）
※{}の場合は全員に公開の意味です。
例）公開範囲＝役職：{}、部署：技術部だったら、技術部の人には誰でも公開し、技術部以外の人だったら非公開にします。

以下のJSONはNoSQLの構造です。
{ 
   "従業員": {
      "西村": {
         "年齢": 25,
         "月給": "30万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部"
         }
      },
      "田中": {
         "年齢": 40,
         "月給": "35万円",
         "婚姻歴": "なし",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {}
      },
      "秋山": {
         "年齢": 31,
         "月給": "60万円",
         "婚姻歴": "なし",
         "部署": "人事部",
         "役職": "平社員",
         "公開範囲": {
            "役職": {},
            "部署": "技術部"
         }
      },
      "小田": {
         "年齢": 45,
         "月給": "70万円",
         "婚姻歴": "あり",
         "部署": "営業部",
         "役職": "リーダー",
         "公開範囲": {
            "役職": "リーダー以上",
            "部署": "人事部"
         }
      },
      "木村": {
         "年齢": 33,
         "月給": "83万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "課長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": {}
         }
      },
      "岡部": {
         "年齢": 56,
         "月給": "130万円",
         "婚姻歴": "なし",
         "部署": "秘書室",
         "役職": "部長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部,人事部"
         }
      }
   }
}

こんなDB検索を実現する際、どのようにDartプログラムを組めばいいでしょうか？ 

例１）秋山がログインしました。ポータルサイト側の検索項目に「部署：技術部」で検索条件を掛けたとします。 
その場合、「西村、田中、木村」がヒットしますが、秋山は人事部の平社員です。なので、西村と木村はヒットされず、「田中のみ」を表示したいです。 


例２）岡部がログインしました。 ポータルサイト側の検索項目に「全社員を対象」で検索条件を掛けたとします。 その場合、「西村、田中、秋山、小田、木村、岡部」がヒットしますが、岡部は秘書室の部長です。 なので、「田中、木村」を表示したいです。

一般的なソースコードは「final userDoc = await FirebaseFirestore.instance.collection('従業員').doc('西村') .get();」になると思います。上記の「例１，例２」を実現するためのプログラムを作成してください。
```

### 出力結果

```ここに言語を入力
✅ 前提
Firestore コレクション名: 従業員
各ドキュメント名が従業員名（例: 西村, 田中）
ログイン情報として 部署 と 役職 を使って可視性チェック
公開範囲に基づいて、表示対象を制限

✅ Dartコード：アクセス制御付きの従業員検索
import 'package:cloud_firestore/cloud_firestore.dart';

Future<List<String>> fetchVisibleEmployees({
  required String loginUserName,
  required String loginDepartment,
  required String loginPosition,
  String? searchDepartment,
}) async {
  final employeeSnapshot = await FirebaseFirestore.instance.collection('従業員').get();
  final allEmployees = employeeSnapshot.docs;

  // 役職の序列定義（昇順）
  const positionHierarchy = ['平社員', 'リーダー', '課長', '部長', '本部長', '役員'];

  int getRank(String? position) {
    return positionHierarchy.indexOf(position ?? '');
  }

  List<String> visibleEmployees = [];

  for (var doc in allEmployees) {
    final data = doc.data();
    final name = doc.id;

    // 自分自身は非表示（必要であれば除外）
    if (name == loginUserName) continue;

    // 検索フィルタ
    if (searchDepartment != null && data['部署'] != searchDepartment) continue;

    final visibility = data['公開範囲'] as Map<String, dynamic>? ?? {};
    final allowedPositions = (visibility['役職'] as String?)?.split(',') ?? [];
    final allowedDepartments = (visibility['部署'] as String?)?.split(',') ?? [];

    // 公開条件チェック
    final isPublicToAll = visibility.isEmpty;
    final isPositionMatch = allowedPositions.isEmpty || getRank(loginPosition) >= getRank(allowedPositions.first);
    final isDepartmentMatch = allowedDepartments.isEmpty || allowedDepartments.contains(loginDepartment);

    if (isPublicToAll || (isPositionMatch && isDepartmentMatch)) {
      visibleEmployees.add(name);
    }
  }

  return visibleEmployees;
}

✅ 使い方例
例1: 秋山（人事部・平社員）が「技術部」で検索
final result = await fetchVisibleEmployees(
  loginUserName: '秋山',
  loginDepartment: '人事部',
  loginPosition: '平社員',
  searchDepartment: '技術部',
);
// → 出力: ['田中']

例2: 岡部（秘書室・部長）が全社員検索
dart
コピーする
編集する
final result = await fetchVisibleEmployees(
  loginUserName: '岡部',
  loginDepartment: '秘書室',
  loginPosition: '部長',
);
// → 出力: ['田中', '木村']

🔍 解説
getRank() によって役職の序列比較を可能にしています。

公開範囲が {}（空）の場合は全員に公開。

"課長以上" や "リーダー以上" のような表現ではなく、明示的な役職名を , 区切りで定義している前提で設計しています。

より柔軟にするには "以上" ロジックに合わせて条件分岐を追加する必要があります（必要なら拡張可能です）。
```

NoSQL（Firebase）に格納したデータの取得方法が分かりません（Flutter／Dart）

### 実現したいこと
以下の3つのテーブルがあったとします。
- 授業テーブル（courses）
- 学生テーブル（students）
- 授業学生テーブル（中間テーブル course_students）

今まで、その授業を受けられる学生を管理するのに、授業学生テーブルにレコードを作っていました。

＜授業テーブル＞
| id |name|
|:--|--:|
| 1 | 数学 |
| 2 | 英語 |

＜学生テーブル＞
| id |name|
|:--|--:|
| 1 | 太郎 |
| 2 | 花子 |


＜授業学生テーブル＞
| id |course_id|student_id|
|:--|:--:|--:|
| 1 | 2 | 3 |
| 2 | 3 | 3 |

今回、「この学生は、特定の授業**"以外"**を受けられる」ということをテーブルで管理したいと思っています。
これを実現できるテーブル設計を相談したいです。

### 発生している問題・分からないこと
以下の2案を考えました。
ただしっくりきておらず、何か他に良い方法があればご教示いただきたいです。

(1) テーブル構造はそのまま
「数学以外」なら、数学以外の授業のレコードをすべて授業学生テーブルにinsertしてしまえばいいかなと思いました。
ただその場合、授業が新規登録されたことをトリガーに授業学生テーブルに新たな授業をinsertするcallbackが必要になるため、ぱっと見謎のcallbackが発生するのは良くないなと感じています。

(2) 中間テーブルに「可能」カラムを設ける
受けられる授業は「可能」カラムをtrueとして、「以外」の場合はfalseを入れます。ただこの場合、受けられる授業のレコードと、以外で設定したい授業のレコードが混在する形です。
テーブルとしてわかりにくくないだろうかと感じています。

| id |course_id|student_id| able★ |
|:--|:--:|:--:|--:|
| 1 | 2 | 3 | true |
| 2 | 3 | 3 | true |
| 2 | 1 | 4 | false |



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

```
特になし
```

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

##### 上記の詳細・結果
なにか案がありましたら、お手数ですがご教示のほどよろしくお願いいたします。

### 補足
特になし

中間テーブルがあった場合の「以外」を実現するテーブル設計を相談したいです！

### 実現したいこと
tkinterでのcomboboxを用いた値取得をして，他で使用したい。

### 発生している問題・分からないこと
イベント発生時に実行する関数で値は取得できるが，その取得した値を他で使用する方法がわからない。
例えば選択肢1を選んだ時に，def文のselected_valueに値を入れると，returnで返ってこないのはなぜでしょうか。



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

```

import tkinter as tk
from tkinter import ttk

option = ["選択肢1", "選択肢2", "選択肢3"]

def show_selection(event):
    selected_value = combo.get()  # 選択された値を取得
    return selected_value

root = tk.Tk()
combo = ttk.Combobox(root, values=option)
combo.pack(pady=20)
combo.bind("<<ComboboxSelected>>", show_selection)

print(show_selection)

root.mainloop()
```

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

##### 上記の詳細・結果
function show_selection at 0x000001C67374A940　が返ってきた。

### 補足
特になし

tkinter、comboboxでの値取得して他で使用する方法

古いDBからExcelVBAでExcelにレコードを書き込むツールを作ってみたのですが、かなり重く悪戦苦闘しています。

現場のプロのみなさんはどう対応されてるかお伺いしたいです。

【状況】
2005年に作成されたAccess2000形式の拡張子「.mdb」のデータベースで、再構築した方が早そうなのは重々承知なのですが、他部署の営業が使ってるということでDBの再構築が叶わない状況です。
※Accessは32bitの2019版。win10の32bit。共有ドライブ上での使用。
※自身は1部署の効率化ツールを作成するために派遣で常駐しています

【ExcelVBA実行時の状況】
・初回の実行が4，5分かかります。しかし、2回目以降は数秒で該当のレコードをExcelシートに書き出すことができます。

・上記はaccessを開いた状態です。開いていないと、2回目以降も遅いです。アクセスを開いてクエリ実行完了までに5分くらいかかります。

【なぜ、実行準備が整うまで時間がかかるツールを使うのか】
2回目以降は数秒で取得できるため、処理件数（Excelのリストシート）が多いほど手動でやるよりも早く終わるからです。
※該当の顧客レコードを取得し、整形・加工して印刷とPDF保存を行うツールです

【ExcelVBA側のドライバ】
AIに聞いたところ、12.0の方がいいよってことなので、それを使ってます。
AI「Microsoft.Jet.OLEDB.4.0 は公式にはサポート終了しているため、可能であれば Microsoft.ACE.OLEDB.12.0 を使うのが推奨されます。
32bit 環境でも、Access Database Engine 2010 (32bit版) をインストールすれば、以下のように ACE.OLEDB.12.0 を使うことができます。」

【やってみたこと】
DBの最適化のみ（無駄クエリ、無駄テーブル等の削除行為は他部署のツールだからできない）

【DBの様態】
実際にデータが入っているDBと、フォームがあるDB（リンクテーブル）は分割されている

【知りたいこと】
経験豊富なプロの方たちはもし上記の状況だった場合、どうされますか？？
この状況は詰んでいますでしょうか？
これ以上やりようが無いか確かめたく質問させていただきました。

【上記の状況を要約】
勝手にDB再構築できない、レポートのレイアウトや、フォームの機能変更はできない。レコードを取得するのみならず更新作業もある。でも、事務作業に時間とられたくないから何とかならないかという依頼を受けている。




20年前に作られた古いAccessDBについて

### 実現したいこと
生産者とお客を結ぶSNSを作りたいです。
生産者とお客のモデルは別々に作成しています。

＜機能＞
生産者はログイン後、新規投稿、更新、削除ができる。


### 発生している問題・分からないこと
生産者としてログインしているのにもかかわらず、生産者としてログインしていることが判断できていません。

### エラーメッセージ
```error
新規投稿ボタンを押すと「生産者としてログインしてください」のメッセージが表示されます
```

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

```models.py
# お客のモデルクラス
class Customer(db.Model, UserMixin):
    __tablename__ = 'customer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    buyer_profile = db.Column(db.Text, nullable=True)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return False  # Customer には生産者のフラグは False に設定


# 生産者のモデルクラス
class Farmer(db.Model, UserMixin):
    __tablename__ = 'farmer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    farmer_profile = db.Column(db.String(1000), nullable=False)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    products = db.relationship('Product', back_populates='farmer', cascade='all, delete-orphan')

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return True  # Farmer には生産者のフラグを True に設定
```

```views.py
@marche_bp.route('/create', methods=['GET', 'POST'])
@login_required
def create():
    if not current_user.is_farmer:  # current_userが生産者でない場合、エラーメッセージを表示
        flash("生産者のアカウントでログインしてください", "danger")
        return redirect(url_for('marche.index'))

    if request.method == 'POST':
        product_name = request.form.get('product_name')
        detail = request.form.get('detail')
        file = request.files.get('img_name')

        if file:
            filename = file.filename
            save_path = os.path.join('static', 'images', filename)
            file.save(save_path)
        else:
            filename = 'default.jpg'

        post = Product(product_name=product_name, detail=detail, img_name=filename, farmer_id=current_user.id)
        db.session.add(post)
        db.session.commit()

        flash("登録しました", "success")
        return redirect(url_for('marche.lists'))

    return render_template("marche/create.html")

```

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

##### 上記の詳細・結果
ChatGPTも使って修正しましたが、解決できませんでした。

### 補足
Flask==3.1.0

生産者とお客のモデルをそれぞれ別に作っていますが、Userのモデルは１つにした方がいいのでしょうか？

ログインユーザーの役割を判別し、新規登録できるようにしたい。

ウェブサービスにおける数字6桁の認証コードの強度を知りたいです。
10万通りしかないので簡単に突破できてしまうのではないかと思いました。

6桁の認証コードは総当たり攻撃に弱いかどうか

### 実現したいこと
再生プレーヤーとしてVLCを利用
バッチファイルを起動させると３３％の確率で音楽１が流れ、６７％の確率で音楽２が流れる
以下繰り返しでループ再生


### 前提
複数の音楽ファイルがありそれぞれループ再生で聞きたいのですが、それぞれ重要度が違うため重要度の高いファイルを優先して再生するバッチファイルを作りたいです。それぞれ９秒の音楽ファイルです。

### 発生している問題・エラーメッセージ
現在一応一回目は再生するのですが、次が再生されません。

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

```ここに言語名を入力
@echo off
start "" "C:\Program Files\VideoLAN\VLC\vlc.exe"

REM 無限ループを開始
:loop

REM ランダムな整数を生成（1 ～ 100）
set /a randomNum=%random% %% 100 + 1

REM 条件分岐
if %randomNum% lss 33 (
    "C:\Program Files\VideoLAN\VLC\vlc.exe" "１番目に再生したい音楽ファイルのパス"
    timeout /t 9
) else (
    "C:\Program Files\VideoLAN\VLC\vlc.exe" "２番目に再生したい音楽ファイルのパス"
    timeout /t 9
)

REM 無限ループ
goto loop
```

### 試したこと
チャットGPTを使いましたがダメでした

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




ループ割合を設定した2つの音楽を無限ループ再生するためにバッチファイルでつくりたい

### 実現したいこと

ファイルを検索する仕組みの作成を検討しています。

イメージとしては、検索用のテキストボックスに任意の文字を入力することで、その文字を含むファイル名を検索し、検索結果をクリックするとそのファイルが開くような動作をする仕組みです。

サーバにフォルダを用意してその中のファイルを作成した仕組みを通してクライアントから参照し、検索することを想定しています。

エクスプローラ上でも同じようなことはできると思いますが、ファイル数が多くなると検索までの動作が遅いのと、あまりPCに詳しくないユーザも多くいるためそのようなファイル検索画面を作成できれば便利なのではないかとのことからそのような機能の作成を検討しています。

できればEXEではなく、ブラウザで動く仕組みで考えていますが、ほかに何か良い実現方法があればご教示いただけますでしょうか。
ASTERIAも活用が可能であれば利用を考えています。





ファイル検索の仕組みの構築について

### 実現したいこと
inner joinとサブクエリについて整理しています。以下2点について教えていただけると幸いです。
・まとめた理解が正しいかどうか
・INNER JOIN とサブクエリのパフォーマンスの違い

### 発生している問題・分からないこと
## JOINSとサブクエリの違いについて
### やったこと
 JOINSとサブクエリをサンプルテーブルをもとにイメージを掴みました
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-10/4418c47b-1bf6-4a3d-a255-dcf2f01eabcc.png)

### ユースケース
workspace_id=1を持つmessagesテーブルのレコードを取得する

### JOINS使用
```sql
SELECT *
FROM messages
INNER JOIN channels
  ON messages.channel_id=channels.id
WHERE channels.workspace_id=1;
```
### サブクエリ使用
```sql
SELECT *
FROM messages
WHERE EXISTS (
  SELECT 1
  FROM channels
  WHERE messages.channel_id=channels.id
  AND channels.workspace_id=1
);
```
### 結果
どちらも同じでした。（内容も含め）
```sql
31000 rows in set 
```
## JOINSとサブクエリの出力の違い
最終的に出力されるカラムの量が違うとの認識です。
- JOINS　　：当然結合したテーブル（カラム）全て出力される
- サブクエリ：サブクエリ内で指定したテーブル（カラム）はあくまで「参照」、出力されない
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-10/63547df1-05da-410b-83a5-1acb4f664d8f.png)

## サブクエリのイメージ

以下のクエリを実行した場合の処理の流れは以下の通り

```sql
SELECT *
FROM messages
WHERE EXISTS (
  SELECT 1
  FROM channels
  WHERE messages.channel_id=channels.id
  AND channels.workspace_id=1
);
```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-10/518be54d-e33f-47a8-8d97-a62d41dd14d8.png)





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

```
特になし
```

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

##### 上記の詳細・結果
INNER JOIN とサブクエリのパフォーマンスについて調べたところ以下の優先順位が良いとのことでした。
1. INNER JOIN （最も高速なケースが多い）
2. サブクエリでの事前絞り込み（大規模データの場合に有効）
~~3. LEFT JOIN + WHERE（通常は最も遅い）~~

ですが、結合するテーブルが多くなるとその分パフォーマンスが落ち、サブクエリのように余計なテーブルを結合しなくて済むのはパフォーマンス向上につながると思っています。
ケースにより違うとは思いますがパフォーマンスについてどう考えるべきか教えていただければと思います



参考記事
https://zenn.dev/btc/articles/241227_mysql_vs_inner_left_join_sub_query
https://qiita.com/yoshiokatsuneo@github/items/1b0c283c93604323c88d
https://www.okb-shelf.work/entry/subquery_left_join

### 補足
特になし

SQL) INNER JOINとサブクエリの処理速度の違いについて

### 実現したいこと
スクロールすると右側の目次が追従し、sectionごとに目次部分が切り替わるような仕様を作りたいです。
section1にいる場合は目次「①」に背景色が加わり、そのsectionの見出し文が表示されるような感じです。
section2以降にスクロールした場合は、目次「①」の背景色と見出し文がなくなり、「②」の背景色と見出し文が表示されるような仕様です。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-06/99c1864e-5e9a-458c-8dc8-5cef23cfdd71.png)


### 発生している問題・分からないこと
https://www.bring-flower.com/blog/fixed-and-highlighted-toc/
BringFlowerさんのコードを参考にしました。

olタグの幅を縮めて無理やり縦書きにして、上記のようなものを実現しようと試みましたが、上手くいきません。
JavaScriptにまだまだ乏しく、どのように書けば再現できますでしょうか？
どうかよろしくお願いします。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-06/f70979c5-c6ae-4971-880b-82bcb3512c1e.png)

※追加しました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-06/7750e11f-f5e4-4710-9427-25cfef3329c1.png)

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

```html、css、JavaScript
<meta name="robots" content="noindex,nofollow" />
<!doctype html>
<html lang="ja">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="https://plot-hub.com/code_example/lib/css/reset.css">

  <style media="screen">
    section.toc-demo{
      margin: 0 auto;
    }
    h2{
      font-size: 20px;
      background-color: #f3f3f3;
      border-bottom: 3px solid #333;
      padding: 5px 0 5px 10px;
    }
    p{
      padding-left: 10px;
    }
    ol{
      width: 43px;
      position: fixed;
      top: 4vh;
      right: 25px;
    }
    li{
      list-style-type:none;
    }
    a{
      display: block;
      width: 100%;
      color: #fff;
      margin-bottom: 1px;
      text-decoration: none;
      padding: 3px 5px 3px 10px;
    }
    a.current{
      background-color: #dd5eb3;
      color: #000;
      writing-mode: vertical-rl;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -ms-writing-mode: vertical-rl;
    }
    .top{
      width: 100%;
      height: 70vh;
      background-color: #fbb03b;
    }
    .writing-mode{
      writing-mode: vertical-rl;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -ms-writing-mode: vertical-rl;
    }

    .content{
      width: 100%;
      height: 100vh;
    }
    .toc-demo .content:nth-child(2){
      background: #8cc63f;
    }
    .toc-demo .content:nth-child(3){
      background: #0092ff;
    }
  </style>
</head>

<body>
  <section class="top">TOP</section>
  <section class="toc-demo">
    <div class="content">
      <h2 class="h2test">見出し１</h2>
    </div>
    <div class="content">
      <h2 class="h2test">見出し２</h2>
    </div>
    <div class="content">
      <h2 class="h2test">見出し３</h2>
    </div>
    <div class="content">
      <h2 class="h2test">見出し４</h2>
    </div>
    <div class="content">
      <h2 class="h2test">見出し５</h2>
    </div>
</section>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script type="text/javascript">
    const headings = document.querySelectorAll('.h2test');
let toc = '<ol id="fixed-toc">';

headings.forEach( function(heading, index) {
  heading.id = 'heading-0' + (index+1);
  let id = heading.id;
  toc = toc + '<li><a href="#' + id + '">' + heading.textContent + '</a></li>';
});

toc = toc + '</ol>';
document.querySelector('.toc-demo').insertAdjacentHTML('afterbegin', toc);

window.addEventListener('scroll', function() {
    let scroll = window.scrollY;//スクロール量を取得
    let hight = window.innerHeight;//画面の高さを取得
    let offset = 400;//どの時点で現在表示されている見出しとするかの調整値
    const toc_completed = document.getElementById('fixed-toc');

    headings.forEach( function( heading , index) {
        let i = index + 1;
        let target = document.querySelector('#fixed-toc li:nth-of-type(' + i + ') > a');
        let pos = heading.getBoundingClientRect().top + scroll;//見出しの位置

        if ( scroll > pos - hight + offset ) {//スクロール量が見出しを超えた

            if (headings[index + 1] !== undefined){// 次の見出しがある＝最後の見出しではない

                let next_pos = headings[index + 1].getBoundingClientRect().top + scroll;//次の見出しの位置
                if ( scroll > next_pos - hight + offset ) { // スクロール量が次の見出しも超えている
                    target.classList.remove('current');
                } else if (target.classList.contains('current') == true) { // すでにcurrentがついている
                    return;
                } else if ( i == 1 && toc_completed.classList.contains('active') == false ){// 1つ目
                    target.classList.add('current')
                    toc_completed.classList.add('active')
                } else { // 次の見出しは見えてない
                    target.classList.add('current');
                }

            } else { //最後の見出しの時
                target.classList.add('current');
            }
        } else { //スクロール量が見出しを超えてない
            target.classList.remove('current');
            if ( i == 1 && toc_completed.classList.contains('active')){ //１つ目に到達していない場合
                toc_completed.classList.remove('active')
            }
        }
    });
});
  </script>



</body>

</html>

```

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

##### 上記の詳細・結果
JavaScript内のheading.textContentが見出し文だと思うのですが、だけ表示するには新たにif文を加えていけばいいのでしょうか？
目次の数字は見出しには書かないようにしたいのですが、いまいちやり方がわかりません...。

### 補足
特になし

【HTML】目次の作成について

### 実現したいこと
画像をflexboxで横並び（スマホでは上下）にして、ul要素内liの画像を左側は上から下へ、右側は下から上へ同タイミングで徐々に表示していくアニメーションを実装したいです。

### 発生している問題・分からないこと
大まかなアニメーションの作成はできたのですが、どうしても左側の画像を表示した後に右側のアニメーションが開始されてしまいます。
codepenでコードを書きましたので、ご確認ください。

https://codepen.io/k_2024/pen/YPzVRwW

また、最終的な完成形は以下サイトのようなものを作成したいと思っています。
https://kiiro-d.com/

※2025/3/6 12:00 追記
codepenではうまく動いているように見えたのですが、ローカルで確認すると同タイミングになっていたなかったので、コードを追記しました。

また、完成形のように1枚目から2枚目を表示する際、間隔を空けずに表示したいのですが、
一瞬画像が消えてから次の画像が表示されてしまいます。



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

```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<meta name="robots" content="index,follow">
<link rel="canonical" href="">
<title></title>
<link type="text/css" rel="stylesheet" href="css/top.css" media="all">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></script>
</head>

<body id="page">

<div class="pageWrap">
	<div class="container">
		<div class="page-content">
			<div class="wrapper">
				<div class="img-left">
					<ul class="img-slide">
						<li class="img-item">
							<figure>
								<img src="https://placehold.jp/d4d4d4/ffffff/1500x1100.png">
							</figure>
						</li>
						<li class="img-item">
							<figure>
								<img src="https://placehold.jp/f1d5d5/ffffff/1500x1100.png">
							</figure>
						</li>
					</ul>
				</div>
				<div class="img-right">
					<ul class="img-slide">
						<li class="img-item">
							<figure>
								<img src="https://placehold.jp/e0d5f1/ffffff/1500x1100.png">
							</figure>
						</li>
						<li class="img-item">
							<figure>
								<img src="https://placehold.jp/d5e0f1/ffffff/1500x1100.png">
							</figure>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/script.js" ></script>

</body>
</html>

```

```css
.wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.img-left,
.img-right {
  width: 50%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.img-slide {
  position: absolute;
  width: 100%;
  height: 100%;
}

.img-item {
  position: absolute;
  width: 100%;
  height: 100vh;
  opacity: 0;
}

.img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 左側のアニメーション（上から下へ） */
@keyframes anime_top_to_bottom {
  0% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}

/* 右側のアニメーション（下から上へ） */
@keyframes anime_bottom_to_top {
  0% {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}

/* アニメーションクラス */
.animate-left {
  animation: anime_top_to_bottom 2s ease-in-out forwards;
}

.animate-right {
  animation: anime_bottom_to_top 2s ease-in-out forwards;
}

@media screen and (max-width: 959px){
.wrapper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
  }

  .img-left,
  .img-right {
	width: 100%;
	height: 50vh;
  }

  /* 左側のアニメーション（上から下へ） */
  @keyframes anime_top_to_bottom {
    0% {
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}
  
  /* 右側のアニメーション（下から上へ） */
  @keyframes anime_bottom_to_top {
	0% {
		clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	}
	100% {
	  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	  opacity: 1;
	}
  }
}


```

```jQuery
$(function(){
	$(document).ready(function () {
		function startAnimation(leftSelector, rightSelector) {
		  let leftItems = $(leftSelector).find(".img-item");
		  let rightItems = $(rightSelector).find(".img-item");
		  let index = 0;
		  let animationDuration = 2000; // アニメーション時間 (2秒)
		  let intervalTime = 4000; // 画像切り替え間隔 (4秒)
	  
		  function animateNext() {
			let nextIndex = (index + 1) % leftItems.length;
	  
			// すべての画像を非表示（アニメーションをリセット）
			leftItems.css({ opacity: 0 }).removeClass("animate-left");
			rightItems.css({ opacity: 0 }).removeClass("animate-right");
	  
			// **左右の画像を完全に同時に表示＆アニメーション**
			leftItems.eq(nextIndex).css({ opacity: 1 }).addClass("animate-left");
			rightItems.eq(nextIndex).css({ opacity: 1 }).addClass("animate-right");
	  
			index = nextIndex;
		  }
	  
		  // 初回実行
		  animateNext();
	  
		  // **左右のアニメーションを完全に同期**
		  setInterval(animateNext, intervalTime);
		}
	  
		// **左右のアニメーションを同時に開始**
		startAnimation(".img-left", ".img-right");
	  });
});



```

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

##### 上記の詳細・結果
ChatGPTを使用しながら何度か改良をしたのですが、どうしても左側の画像を上から下へ表示しきってから右側のアニメーションが開始されてしまいます。

### 補足
特になし

左右同時にアニメーションさせる方法が分かりません

以下のような、順列nPrと組み合わせnCrを、n、rを0～100の範囲で変化させて計算して結果をCSVファイルに出力するプログラムを、C言語で作成してみました。

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

```C言語
#include <stdio.h>
#include <stdlib.h>

void procedure(int i);
unsigned long long int permutation(int n, int r);
unsigned long long int combination(int n, int r);

int main(void)
{
	int i;
	
	for (i = 0; i < 2; i++)
		procedure(i);
	
	return EXIT_SUCCESS;
}

void procedure(int i)
{
	int j, k;
	FILE *fp1, *fp2;
	unsigned long long int ans;
	
	switch (i) {
	 case 0:
		fp1 = fopen("output1.csv", "a");
		if (fp1 == NULL) {
			printf("ファイルを開けません。処理を中断します。\n");
			return;
		}
		for (j = 0; j <= 100; j++)
			for (k = 0; k <= j; k++) {
				ans = permutation(j, k);
				fprintf(fp1, "%dP%d,%llu\n", j, k, ans);
			}
		fclose(fp1);
		break;
	 case 1:
		fp2 = fopen("output2.csv", "a");
		if (fp2 == NULL) {
			printf("ファイルを開けません。処理を中断します。\n");
			return;
		}
		for (j = 0; j <= 100; j++)
			for (k = 0; k <= j; k++) {
				ans = combination(j, k);
				fprintf(fp2, "%dC%d,%llu\n", j, k, ans);
			}
		fclose(fp2);
		break;
	 default:
		break;
	}
}

/* 順列 */
unsigned long long int permutation(int n, int r)
{
	int i;
	unsigned long long int ans = 1;
	
	if ((n == 0) || (r == 0))
		;
	else
		for (i = 0; i < r; i++)
			ans *= (n - i);
	
	return ans;
}

/* 組み合わせ */
unsigned long long int combination(int n, int r)
{
	int i;
	unsigned long long int ans = 1;
	
	if (r > n - r)
		r = n - r;
	
	if ((n == 0) || (r == 0))
		;
	else
		for (i = 1; i <= r; i++) {
			ans *= (n - r + i);
			ans /= i;
		}
	
	return ans;
}
```

結果、当然と言えば当然ですが、大きな数値に対しては、出力がおかしくなりました。値のオーバーフローによるものだと思います。

エクセルのPERMUT関数とCOMBIN関数の結果と照合している途中に気付き、少し調べてみたら、エクセルでは

「値がある程度大きくなったら、『●●E▲▲』(●●掛ける10の▲▲乗)の形で出力し、エクセルの処理できる正の最大値9.99999999999999E+307を超えたら、#NUM!と出力する」

ことが分かりました。

そこで、エクセルとは値の範囲が異なりますが、エクセルに似たことができるように改変したいのですが、どのように変えればよいか、見当が付きません。

実際に、「60種のうちから5種を選ぶ組み合わせ(60C5)」を計算する必要があり(計算結果は5,461,512通り)、実用に耐えるものを作りたい、というのが、そもそもの作成動機です。

お助けください。


C言語での大きな数の出力：エクセルに似たようなことをしたい

現在ウェブデザイン勉強中の初学者なのですが、勉強の方法に悩んでいます。
udemyの講座を受けているんですが概念や書き方を学んでもすぐに忘れてしまうため、練習問題などで実践的に書いて定着させたいと考えていますが自分のレベルにあった問題が載ったサイトをなかなか見つけられません。

例えばテーブルタグの書き方を学んだらその問題を解くというようにひとつずつ学校の勉強のように基本的なことから初めて徐々にレベルを上げて進めようと考えていますが丁寧すぎだと思いますか？

無料有料問わず実践的に初人者向けの数をこなせる本やサイトはありますか？

皆さんはどのように学習しましたか？


HTML　CSSの勉強方法

## 🖊️テーマ
生成系AIで開発効率アップ！あなたの開発効率向上事例を教えてください！
効率アップに役立つ定番の方法から、意外な活用アイデアまで、ぜひ共有してください📮

## 👤運営メンバーの回答
運営メンバーKさんの生成系AI活用方法は「コードのリファクタリング支援！」でした！
Kさんは、冗長なコードや理解しにくいロジックを生成系AIに入力し、「より簡潔で効率的な方法に書き直して」と指示することで、コードの改善に役立てているそうです。開発効率が大幅にアップし、読みやすさも向上！とのことです✨

## 〜teratailトーク!とは？〜
詳細を公式ブログで公開しています。ぜひお読みください。
[「teratailトーク!」スタート🎉　気軽に意見交換しよう！](https://blog.teratail.com/entry/teratail-talk)

生成系AIを用いた開発効率向上の事例を教えてください

【質問事項】世の中にあるアニメーションをできるだけ多く把握するためのサイトや書籍、動画を教えてください。

【質問の背景】
半年の学習（html,css,javascript,jQuery、WordPress構築）をスクールで終えた者です。
スクール課題は制作物として成立していないと次に進めず、メンターからOKがでないと次に進めないといった内容でした。おかげで、疑問点を1から10まで質問する癖もなおり、自ら調査し解決する力も少しはついたかなぁというくらいです。

こうした私ですが、制作会社への営業を視野に入れた次の動きとして、ポートフォリオ作成とそれに載せる架空サイトを自主制作しようと考えています。これに関連して、先日次のようなことがありました。

スクール同期の受講者から相談があり、制作会社のオンライン面接であるサイトを見せられ、
「あなたがこの1ページをつくる業務を振られたときに、どのくらいの納期・単価で受託しますか？」
と問われたそうです。これまでも2度ほど同じ趣旨の話を界隈できいたことがありますが、私はこの問いに答えることができませんでした。業務を受託した経験もなければ、そのサイトのアニメーションを実装した経験もないからです。

納期を適切に想定するには、↓が必要だと思いました。
・ページ上のレイアウトの実装方法を想像できる程度のhtml,cssの経験
・ページ上のアニメーションの実装方法を想像できるcss,javascriptの実力と経験

こうした背景から、自分の自主制作では、実務でよく用いるレイアウトとアニメーションを実装し、それが実装可能であることをポートフォリオで示すとともに、作業工程を確認しつつ、数度の反復を経て素早く実装できるようにしておきたいと考えるようになりました。

ただし、レイアウトの実装・調整はデザインを見れば、html,cssをどう書けばいいのか想定できますが、アニメーションになると想定できません。これまでのスクール課題でも、サイト上にはレイアウトよりアニメーションの実装のほうが数が少ないですから、思考・経験も回数的に少ないのだと思います。

これまでのスクール課題で実装したアニメーションは以下のものです。
・メニューのホバー時に下線が右から左に走る＋opacity（透過）
・ハンバーガーメニュー
・スライド（slick）
・モーダル
・アコーディオンメニュー

以上を踏まえ、架空サイトの自主制作では、↓を考えています。
A：世の中にあるアニメーションをできるだけ多く把握
B：それらを初級⇒中級⇒上級などに分けて把握し、自主制作サイトにバランスよく散りばめて実装する

架空サイトは4つ制作します。その4つの中に全てのアニメーションがおさまるとは思いませんが、制作会社が信用するに足る数・レベルのアニメーションが含まれていれば十分と考え、Aのための動画（有料・無料含め）・サイト・書籍などをご教示いただきたいと思ったわけです。

自分の考え・方針に対し、何かご意見ございましたら、それも含め、アドバイスいただきたいです。

アニメーションをできるだけ多く把握したい。

例えば、int foo[] = {0, 1, 2};と初期化したとき、&foo[0]は0x00E4だったとします。
その場合、&foo[1]は0x00E8と思いますが、ここがいまいち腑に落ちていません。
すなわち、アドレスを1進めることは1ビットではなく1バイト進めることになっていると思われますが、まずはそのような認識でよろしいでしょうか。

そして、メモリを説明する際は、よくハコのようなイメージが使用されると思うのですが、
アドレスを1進めることはそのハコにおいては8進めることになっているという認識でよろしいでしょうか。
すなわち、ハコとしては当然ビット単位で存在しているが、アドレスとしては最小単位をバイトとして定義しているため、アドレスとしては表示されないだけで目に見えないハコが隙間に存在しているというイメージでよろしいでしょうか。

1バイトより小さな型が存在しない？のは、アドレスの最小単位をバイトとして定義しているためでしょうか。
また、そのハコを1バイト単位ではなく1ビット単位で制御するような方法？もあったりするのでしょうか。

初歩的な質問で申し訳ございません。
また、訳の分からないことを言っているかもしれませんが、上手に調べられなかったためご教示していただけると助かります。

アドレスを1進めることの意味の確認

### 実現したいこと
ラズパイを複数台、購入する予定です。

IPアドレス(ローカルIPアドレス)の数を増設すると費用が掛かるため、
（例えば、現在192.168.1.0/24が使えて、192.168.2.0/24を追加する場合、
　192.168.1.0/24も192.168.2.0/24も使用できるようにするための費用が必要）

親ラズパイを複数設置し、その下に子ラズパイを配置することで、
費用を抑えようと思います。
（下図参照）

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-02-12/8ec2ba08-3560-48a4-bd9e-3d585f36af28.png)

### 発生している問題・分からないこと
例えば「192.168.1.2」は親ラズパイ２と、A棟の子１が取得しています。
ただし、子１は親１とのみでの閉じたネットワーク内で通信しているので、
同じIPアドレスであったも問題ない。

という理解で正しいでしょうか？




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

```
特になし
```

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

##### 上記の詳細・結果
有力な情報は見つからなかった

### 補足
特になし

複数のラズパイを導入した場合、同じIPアドレスを使用できるか

### 実現したいこと
読み込んだMP3データを再生する。

### 発生している問題・分からないこと
XAMLで記述しているボタンの関数 OnPlaySoundClicked の関数の定義を
private async Task OnPlaySoundClicked(object sender, EventArgs e)としているが、
voidを待機することができません
とエラーがでて、実行できない。

ソースコードが一緒になっている、フォントサイズの変更は
成功しているので、読み飛ばしてください。

### エラーメッセージ
```error
void' を待機することができません
```

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

```XAML
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp04_2025_02_12_フォントの変更_音を鳴らす.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Padding="30,0"
            Spacing="25">

            <Label
                x:Name="MyLabel"
                Text="Hello, World!"
                FontSize="20"
                Style="{StaticResource Headline}"
                SemanticProperties.HeadingLevel="Level1" />

            <Button
                Text="＋" 
                Clicked="OnUpClicked" />

            <Button
                Text="ー" 
                Clicked="OnDownClicked" />

            <Button
                Text="Beep"
                Clicked="OnPlaySoundClicked" />
            
        </VerticalStackLayout>
    </ScrollView>

</ContentPage>

```

```c#
using Plugin.Maui.Audio;
using System.IO;
using Microsoft.Maui.Controls;


namespace MauiApp04_2025_02_12_フォントの変更_音を鳴らす
{
    public partial class MainPage : ContentPage
    {
        private IAudioPlayer audioPlayer;

        public MainPage()
        {
            InitializeComponent();
            audioPlayer = AudioManager.Current.CreatePlayer("\"C:\\Users\\lalal\\OneDrive\\ドキュメント\\音楽　2024_11_16\\2023.07.17 音楽邦楽\\2022.01.14 レンタル\\AAA\\AAA 10th ANNIVERSARY BEST [Disc 1]\\01 BLOOD on FIRE.mp3\"");

        }

        private void OnUpClicked(object sender, EventArgs e)
        {
            MyLabel.FontSize++;
        }
        private void OnDownClicked(object sender, EventArgs e)
        {
            MyLabel.FontSize--;
        }
        private async Task OnPlaySoundClicked(object sender, EventArgs e)
        {
            // 音を再生
            await audioPlayer.Play();
        }
    }

}

```

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

##### 上記の詳細・結果
AI に聞いてみたら、最初は
private async void OnPlaySoundClicked(object sender, EventArgs e)
という関数が提示されたので、そのまま利用したら、
今回のエラーメッセージがでて、実行できなかった。
だから、もう一度、今度は void 以外にはないか聞いてみたら Task が提示されたので、
private async Task OnPlaySoundClicked(object sender, EventArgs e)
と、Task 型 を利用してみたが、これでもエラーがでて、動かない。

どうしたらいいのか、わからない。

### 補足
OS: Windows 11 pro
言語: C#
FW: .NET MAUI  .NET 9
Windows環境で動作すれば良い

[追加が必要なパッケージ]
Plugin.Maui.Audio をNuGet パッケージ マネージャーから、インストールしました。
バージョンは 3.0.0

[C#] [.NET MAUI] C#の.NET MAUI環境下で、音を鳴らしたいけど、エラーがでて実行できない。

### 実現したいこと
.NET MAUI 環境にて、メインウィンドウと、デバック用ウィンドウ、２つ生成して同時に表示したい。


### 発生している問題・分からないこと
Window型やDebugWindowクラスなどが、こんがらがって、わけがわからなくなりました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-01-26/d3205b29-5b68-489f-ae99-bebf14fb81f6.png)

### エラーメッセージ
```error
上の画像の通りです。
```

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

```cs
using Microsoft.Extensions.Logging;

namespace MauiApp02_2025_01_06
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                });

#if DEBUG
    		builder.Logging.AddDebug();
#endif


            // 新しいウィンドウを作成
            var debugWindow = new DebugWindow(); // DebugWindow のインスタンスを作成
            Window newWindow = new Window(debugWindow); // 新しいウィンドウを作成
            CommonData.SetDebugWindowInfo(debugWindow); // DebugWindow のインスタンスを CommonData に設定
            Application.Current.OpenWindow(newWindow); // 新しいウィンドウを開く


            return builder.Build();
        }
    }
}

```

```cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data.SQLite;

namespace MauiApp02_2025_01_06
{
    public static class CommonData
    {
        public static DebugWindow? m_debugWindow { get; set; }
        public static int m_i第４章_第１節_正解した数 { get; set; }
        //  データベースへのパス
        public static string? m_szdbPath { get; set; }
        // SQLite接続文字列を作成
        public static string? m_szconnectionString;

        public static void SetDebugWindowInfo(DebugWindow debugWindow)
        {
            m_debugWindow = debugWindow;
        }
        public static void AddDebugMessage(string message)
        {
            m_debugWindow.AddMessage(message);
        }
        public static void 初期化()
        {
            m_szdbPath = "C:\\Users\\lalal\\OneDrive\\ドキュメント\\2025\\4択問題データベース関連\\sample";
            m_szconnectionString = $"Data Source={CommonData.m_szdbPath};Version=3;";
        }

        public static void 初期化_第4章_第1節()
        {
            // レコードクラスのインスタンスを格納するリスト
            List<レコード> records = new List<レコード>();

            // SQLiteConnectionオブジェクトを作成
            using (SQLiteConnection connection = new SQLiteConnection(CommonData.m_szconnectionString))
            {
                try
                {
                    // データベースに接続
                    connection.Open();
                    CommonData.AddDebugMessage("SQLiteデータベースに接続しました。(OnLoadBtnClicked)\n");
                    // データを取得するSQLクエリ
                    string selectQuery = "SELECT ID, 名前, 正解数, 記録時間 FROM 記録";
                    using (SQLiteCommand command = new SQLiteCommand(selectQuery, connection))
                    {
                        using (SQLiteDataReader reader = command.ExecuteReader())
                        {
                            while (reader.Read())
                            {
                                // 各列の値を取得し、レコードクラスのインスタンスを作成
                                レコード record = new レコード
                                {
                                    ID = reader.GetInt32(0), // ID
                                    名前 = reader.GetString(1), // 名前
                                    正解数 = reader.GetInt32(2), // 正解数
                                    記録時間 = reader.GetString(3) // 記録時間
                                };

                                // リストにRecordインスタンスを追加
                                records.Add(record);
                            }
                        }
                    }

                    // 読み込んだデータを表示
                    foreach (var record in records)
                    {
                        CommonData.AddDebugMessage($"ID: {record.ID}, 名前: {record.名前}, 正解数: {record.正解数}, 記録時間: {record.記録時間}\n");
                    }

                    //  読み込んだレコード全部の内、最大の正解数を求める。
                    int maxScore = レコード.最大正解数(records);
                    CommonData.AddDebugMessage($"最大の正解数：{maxScore}\n");
                }
                catch (SQLiteException ex)
                {
                    // エラーメッセージを表示
                    CommonData.AddDebugMessage($"エラー: {ex.Message}\n");
                }
                finally
                {
                    // 接続を閉じる
                    connection.Close();
                    CommonData.AddDebugMessage("接続を閉じました。\n");
                }
            }

        }
    }

}

```

```xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp02_2025_01_06.DebugWindow"
             Title="DebugWindow">
    <VerticalStackLayout>
        <Label 
            Text="DebugWindow"
            x:Name="Label_message"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
    </VerticalStackLayout>
</ContentPage>

```

```cs
namespace MauiApp02_2025_01_06;

//public partial class DebugWindow : ContentPage
public partial class DebugWindow : ContentPage
{
    public DebugWindow()
	{
		InitializeComponent();
	}

	public void AddMessage( string message )
	{
		Label_message.Text += message;
	}
}

```

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

##### 上記の詳細・結果
AIに聞いてみたが、文字数オーバーで聞けなかった。
省略したりして、文字数オーバーをなくしたが、解決にはいたらなかった。
AIにソースコードを作ってもらった（どんな問題が発生してますか？のところの図）が
実行時にエラーが出る。


### 補足
OS:Windows 11 pro
言語: C#
FW: .NET MAUI
IDE: Visual Studio 2022 community
DB: SQLite (今回はDBについてはふれない)