常連

注目の的

社会貢献

質問力

回答者

ベストアンサー

拍手喝采

質問者

情報収集家

模範生

鑑定士

自己紹介

有名人

### 実現したいこと

自作Webサイトの回答フォームとGoogleフォームを連携したい。


### 前提

PCから自作Webサイトの回答フォームで回答を送信するとGoogleフォームに回答が反映され
スマホから自作Webサイトの回答フォームで回答を送信するとGoogleフォームに回答が反映されません。
スマホからの回答も反映されるようにしたいです。

Webサイトはレスポンシブ対応していて、PCスマホともに同じhtmlファイルを使用しています。


##### 追記
ネット検索しても同じ事象はヒットしませんでした。

そもそもGoogleフォームと自作Webサイトの連携自体はできている（PCでchromeで操作したときは回答が反映される）のですが
スマホから操作すると回答が反映されません。


自作Webサイトの回答フォームとGoogleフォームを連携したい。

### 実現したいこと
ページ全体を中央に揃えたいです


### 前提
現在、下記のようにコードしています。
また、ページの上にカルーセルとフェイドインのアニメーションがあります。
HTML
```
<section class="contact">
    <div class="contact-container">
      <div class="contact-title">
        <h3 class="contact-title-text">-----------</h3>
        <h3 class="contact-title-text">-------------</h3>
      </div>
      <div class="contact-text-container">
        
        <div class="contact-text-list">
          <i class="contact-box fa fa-sharp fa-regular fa-square"></i>
          <p class="contact-text">-----------------</p>
        </div>
        
        <div class="contact-text-list">
          <i class="contact-box fa fa-sharp fa-regular fa-square"></i>
          <p class="contact-text">-----------------</p>
        </div>
      </div>

      <a href="#" class="contact-button">
        <span class="contact-button-text">--------------</span>
        <i class="contact-button-icon fa-sharp fa fa-light fa-angle-right"></i>
      </a>

    </div>
  </section>
```

CSS
```
.contact-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #b5e9ee;
  width: 100%;
  height: auto;
}

.contact-title{
  margin-top: 3.3rem;
  line-height: 2.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-title-text{
  color: #0097a7;
  font-size: 2.125rem;
  font-family: 'Noto Serif JP', serif;

}

.contact-text-container{
  margin-top: 3.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.29rem;
  align-items: flex-start;
  width: 79%;
}

.contact-text-list{
  width: 110%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1.3rem;
}

.contact-box{
  color: #000;
  font-size: 1.125rem;
  filter: drop-shadow(0.1rem 0.1rem 0.5px #8eb4b8);
}

.contact-text{
  font-size: 1.125rem;
  font-weight: bold;
}

.contact-button{
  background-color: #0097a7;
  width: 90.6%;
  height: auto;
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  border-radius: 15px;
  box-shadow: 0rem 0.6rem 0rem 0rem rgba(0,0,0, 30%);
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin-top: 3.4rem;
  margin-bottom: 3.7rem;
  transform: translate(-2px, 0px);
}

.contact-button-text{
  color: #fff;
  font-size: 1.25rem;
  padding-right: 1rem;
}

.contact-button-icon{
  color: #fff;
  font-size: 1.25rem;
  transform: translate(-2px,9px);
}

```

### 発生している問題・エラーメッセージ
centerで設定しているはずなのですが、検証してみると左側に隙間があるように見えています。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-04-04/a8c39bb7-3c23-41da-a015-4a01d87ba9cf.png)


### 試したこと
ページ全体の設定でCSSにこのように記述してみました。
```
html{
display: flex;
flex-direction: column;
align-items: center;
}
```

初めて起きた問題なのでどこに問題が生じているのかわからないです。
必要な情報は出来るだけ共有いたしますので、ご回答をお願いいたします。

画面全体のずれについてで困っています。

## 検索処理の統合テストの書き方

「単体テストの考え方・使い方」という書籍を読んで
単体テスト・統合テストを書いているのですが、検索処理についてのテストの書き方が分かりません。
検索処理はRepositoryクラスに実装していて、連想配列を引数として受け取り
If文でKeyが存在する場合のみ、各項目についてWhere句をクエリビルダに追加しているような実装です。

渡された連想配列によって返すオブジェクトの配列が異なるため
・連想配列の取りうる全パターンをテストするのか
・全てのIF文を通るような連想配列を渡して、1つのテストで完結させるのか
など

他の方がどのようにテストを作成しているのかお聞きしたいです。
よろしくお願いします。

検索処理の統合テストは全パターンをテストするべきか

### 概要

開発システムのデプロイ環境について一般的な運用方法が知りたいです。
２つ質問があります。

### 質問１
本番デプロイ後に本番環境ですべての機能のテストは通常行うものですか？
自身が勤めている会社ではステージングでフル機能のテストを行った後、本番環境にアップして本番環境でもフル機能のテストを行います。
ステージングと本番が全く同じであるとした場合、これは必要な作業なのでしょうか。

### 質問２
（質問１が必要である場合、）本番環境を「稼働用」「待機用」と２つ用意して待機用をステージングとして扱い、交互にアップと公開を切り替えて使用するような運用方法は存在しますか？
　もしも存在するならば、どのような企業で使われているかなど、また存在しないならばどのようなデメリットがあって実現できないかを教えていただけないでしょうか。

　※２．の上記の詳細として、「稼働用」環境はお客さんに公開している環境で、「待機用」環境はアップデートとテストを行います。
　　そして、本番反映日が来ると、お客さんがアクセスするURLは同じで、接続するルーティングだけをプログラム的にもう一方へ切り替えることを想定しています。
　　そして「稼働用」と「待機用」が切り替わります。
　　そうすれば、ステージングテスト後の本番環境でのテストは不要になると考えました。
　　現状、本番環境のフルテストを行っている間に、お客さんを待たせているためにそのように思っています。


### 前提

自身は中小規模のITベンチャーに勤めています。
テスト業務を担当していますが、エンジニアではありません。

よろしくお願いします。


開発システムのデプロイ環境について一般的な運用方法が知りたい。

PHPの勉強中にクラスファイルやconfigファイルをhtdocsの上位ディレクトリに保存するように教わりました。
確かに、configファイルにDBのパスワードを保存していたら、他人に覗き見されると大変でしょう。
しかし、普通にブラウザで対象のphpファイルを叩いても内容が表示されるわけもなく、ソース表示させても表示されません。
なら、別にhtdocs内でも良いのでは？と思うのですが、いかがなものなのでしょうか？

教わったようにhtdocsの上位ディレクトリに保存しようと思うのですが、ftpで送るときにいっぺんに送れなくて不便なので、htdocsの中に含めています。（ただのテストサイトなので問題ありません）

ちなみに、今度、個人情報が入った情報を取り扱うかもしれません。
そんな理由でhtdocs内と上位ディレクトリが気になった次第です。

とりとめもありませんが、お教えくだされば幸いです。


htdocsの上位ディレクトリにファイルを置く理由

## テーマ、知りたいこと
大学一年のwebアプリ開発系のエンジニアインターン生です
サーバーサイド、フロントサイドの理解が少しはできてるかな？といったレベルです。
競プロは茶色です。（緑に近い茶色です。）
具体的には、php、js等を書き始めて5か月目です。
業務で上司の期待を超える成果を出したく、日々の学習で次に自分が行うべきことはapiのためのlaravel、データベースのためのmysqlの勉強かなと思っています。awsはまだ早いのでは？と思っています、、、。（正直よくわかっていないだけです。）
エンジニアの方々が自分くらいのレベルだった時にやっておけばよかったこと等のアドバイスをお願いします！
将来的にはインフラエンジニア、英語ができるので（toeic940over)その先でブリッジエンジニアなんかも考えてます。
## 背景、状況
インフラエンジニアになりたいものの、次のステップとしてなにをしたらいいのかわからない！なんとなく意見募集してみよう！といったいきさつです。
そこらへんの大学生ですがどうかアドバイスをお願いします。
自分で考えろ、調べろというのは無しでお願いします、ただの暇つぶしと思ってください。
してくれたらいつか恩返しするかもしれないです。



エンジニア脱初心者のために意見募集します！

### 実現したいこと

MINGW64で作ったC++プログラムで正しく日本語を扱いたい

### 前提

- MSYS2-MINGW64使用(※)
- MSVCのRuntimeを使用する
- libstdc++を使用する
- gccを使用する(~~現状12.2.0~~ →13.2.0)
- MSYS2などの環境に依存せず、作成したバイナリは単品で動作する
- Windows 10以降はmustで、可能ならそれ以前でも正しく動作させたい
- MSYS2環境のbashで動かす場合、環境変数LC_*/LANG/LANGUAGEは未設定とする(LC_CTYPE=ja_JP.UTF-8は可)
- 端末(conhost/mintty/etc...)は何でもいいし、適宜設定は変更するものとするが、原則デフォルトの状態で動作すること
- 日本語Windowsの場合、システムロケールのコードページは932でも65002でもどちらでも動作するものする
- 紐付けられた端末があり、端末への出力が実際にある場合、端末のコードページには追従してもいいし、しなくてもいいが、システムロケールのコードページと端末のコードページのいずれかで入出力できていること

※参考
https://www.msys2.org/docs/environments/

### 質問

MINGW64で日本語を扱うプログラムをC++で正しく記述する方法を教えてください。
何も考えずに実装すると、Hello, worldレベルで正しく動きません。

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

例を2つほど挙げます
※ソースコードは次節参照

#### (1) std::coutに出力するケース
ビルドと実行(システムロケールはコードページ932でmsys2環境(mintty)で実施)
```bash
$ g++ -g -Wall -static hello.cpp -o hello
$ env | grep LANG
$ env | grep LC
LC_CTYPE=ja_JP.UTF-8
$ ./hello
縺薙ｓ縺ｫ縺｡縺ｯ

$
```
msys2環境のminttyの設定はja_JPのUTF-8にしようが、defaultのままにしようが、同じです。
一言で言えば、この状態からcmd /c "dir"したときに日本語が化けないのと同様の、CP932→UTF-8の変換が「どこかで」かかっている文字の化け方をしています。

#### (2)  std::wcoutに出力するケース
```bash
$ g++ -g -Wall -static hellow.cpp -o hellow
$ ./hellow

$
```
これは端末以前に何も出力されていないことを示しています。(実際にパイプで繋いでも何も出ていません。)

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

**hello.cpp(utf-8で保存)**
```C++
#include <iostream>
int main() {
    std::cout << "こんにちは" << std::endl;
    return 0;
}
```
**hellow.cpp(utf-8で保存)**
```C++
#include <iostream>
int main() {
    std::wcout << L"こんにちは" << std::endl;
    return 0;
}
```

### 試したこと

#### (1) hexdumpで調べる
```bash
$ ./hello | hexdump -C
00000000  e3 81 93 e3 82 93 e3 81  ab e3 81 a1 e3 81 af 0d  |................|
00000010  0a                                                |.|
00000011

$ ./hellow | hexdump -C

$
```
MSYS2 bashでパイプで出力する場合、./helloはUTF-8で出力されている
MSYS2 bashでパイプで出力する場合、./hellowは何も出力しない

#### (2) iconvで調べる
```bash
$ ./hello | iconv -f utf-8 -t cp932
▒▒▒▒ɂ▒▒▒

$ ./hello | iconv -f utf-8 -t cp932 | hexdump -C
00000000  82 b1 82 f1 82 c9 82 bf  82 cd 0d 0a              |............|
0000000c

$
```
iconvでシフトJISに変換出力してみたが、さらに文字化けするだけだった
hexdumpの結果を見る限り変換は正しく実施されている

#### (3) catを噛ませてみる
```bash
$ ./hello | cat
こんにちは

$./hello | cat | hexdump -C
00000000  e3 81 93 e3 82 93 e3 81  ab e3 81 a1 e3 81 af 0d  |................|
00000010  0a                                                |.|
00000011

$ env | egrep -E '(LC_|LANG)'
LC_CTYPE=ja_JP.UTF-8

$ 
```
MSYS2のcatを噛ませると、同じ内容(hexdumpの結果からUTF-8と分かる)でも「なぜか」正しく表示される。
bash/minttyへの出力方法が./helloとcatで異なっていて、その区別から./helloだけCP932→UTF-8変換をかけられていると推測する。

#### (4) cmdから見てみる
```cmd
C:\>hello
縺薙ｓ縺ｫ縺｡縺ｯ

C:\>hello | C:\msys64\usr\bin\cat
こんにちは

C:\>chcp
現在のコード ページ: 932

C:\>set | findstr LC_

C:\>set | findstr LANG

C:\>
```
※conhost.exe上のcmd.exe(minttyなどMSYS2環境ではなく、純粋なWindows環境)

コマンドプロンプトからでも(3)の現象は同様に再現する。また環境変数の影響でもなく、cmdは子プロセスに変換などの細工をしないので、helloは素直にUTF-8で出力していることが確定し、catが単体でUTF-8→CP932の変換をしているということが分かる。

#### (5) 絵文字を出力させてみる
```bash
$ cat emoji.cpp
#include <iostream>
int main() {
    std::cout << "😊" << std::endl;
    return 0;
}

$  g++ -g -Wall -static emoji.cpp -o emoji

$ ./emoji
・

$ ./emoji | cat
😊

$ ./emoji | cat | hexdump -C
00000000  f0 9f 98 8a 0d 0a                                 |......|
00000006

$
```
絵文字を表示可能なことから、シフトJISで表示しようとしていないことが分かる。さらに具体的に言えば、bashやcatがパイプからの読み込み時に変換をかけていないこと、受け取ったminttyも変換していないことが分かる。

#### (6) リテラルをシフトJISとしてコンパイルさせる
```bash
$ g++ -g -Wall -static -fexec-charset=CP932 hello.cpp -o hello_sjis

$ ./hello_sjis
こんにちは

$ ./hello_sjis | hexdump -C
00000000  82 b1 82 f1 82 c9 82 bf  82 cd 0d 0a              |............|
0000000c

$
```
シフトJISとして出力されており、正しく表示されている(minttyはロケールCの文字セットUTF-8)。

#### (7) 依存DLLを調べる
```bash
$ ldd hello
        ntdll.dll => /c/WINDOWS/SYSTEM32/ntdll.dll (0x7fffc4950000)
        KERNEL32.DLL => /c/WINDOWS/System32/KERNEL32.DLL (0x7fffc4660000)
        KERNELBASE.dll => /c/WINDOWS/System32/KERNELBASE.dll (0x7fffc2400000)
        msvcrt.dll => /c/WINDOWS/System32/msvcrt.dll (0x7fffc45c0000)

$ ldd `which cat`
        ntdll.dll => /c/WINDOWS/SYSTEM32/ntdll.dll (0x7fffc4950000)
        KERNEL32.DLL => /c/WINDOWS/System32/KERNEL32.DLL (0x7fffc4660000)
        KERNELBASE.dll => /c/WINDOWS/System32/KERNELBASE.dll (0x7fffc2400000)
        msys-intl-8.dll => /usr/bin/msys-intl-8.dll (0x430b30000)
        msys-2.0.dll => /usr/bin/msys-2.0.dll (0x180040000)
        msys-iconv-2.dll => /usr/bin/msys-iconv-2.dll (0x5603f0000)

$ ldd `which bash`
        ntdll.dll => /c/WINDOWS/SYSTEM32/ntdll.dll (0x7fffc4950000)
        KERNEL32.DLL => /c/WINDOWS/System32/KERNEL32.DLL (0x7fffc4660000)
        KERNELBASE.dll => /c/WINDOWS/System32/KERNELBASE.dll (0x7fffc2400000)
        USER32.dll => /c/WINDOWS/System32/USER32.dll (0x7fffc3a60000)
        win32u.dll => /c/WINDOWS/System32/win32u.dll (0x7fffc2970000)
        msys-2.0.dll => /usr/bin/msys-2.0.dll (0x180040000)
        GDI32.dll => /c/WINDOWS/System32/GDI32.dll (0x7fffc32e0000)
        gdi32full.dll => /c/WINDOWS/System32/gdi32full.dll (0x7fffc20c0000)
        msvcp_win.dll => /c/WINDOWS/System32/msvcp_win.dll (0x7fffc2360000)
        ucrtbase.dll => /c/WINDOWS/System32/ucrtbase.dll (0x7fffc2260000)

$
```
catやbashなどはmsys-2.0.dllをリンクしており、MSYS2ランタイムで動作しているのが分かる。
helloはMINGW64プログラムなのでMSYS2ランタイムで動作していない。
以上から標準入出力の繋がり方が、MSYS2ランタイムを使ったもの同士とそれ以外で異なるのではないかと推測している。
パイプの場合はbashとcmdで違うのではないかと推測している。

#### (8) wcoutの設定
```bash
$ cat hellow2.cpp
#include <iostream>
int main() {
    std::wcout.imbue(std::locale(""));
    std::wcout << L"こんにちは" << std::endl;
    return 0;
}

$ g++ -g -Wall -static hellow2.cpp -o hellow2

$ ./hellow2.exe
terminate called after throwing an instance of 'std::runtime_error'
  what():  locale::facet::_S_create_c_locale name not valid

$
```
システムロケールへの設定はできない→wcoutは使えない
(https://stackoverflow.com/a/20181564)。
より正確にはwcoutは日本語の出力ができない。libstdc++がgnuモデル以外(今回はgeneralモデル)での変換を実装していないため。

#### (9) 調べたことまとめ
上記から、MINGW64で正しく日本語を扱うには、
- wcoutを使わず、coutを使う
- msvcrtかWindowsAPIか外部ライブラリなどを使って自分でエンコーディングを(システムロケールのコードページか端末のコードページに)変換する
- リテラルをマルチバイトの固定エンコーディングにする(シフトJISなど)とワイド文字経由のコードページ変換が2度必要になり、手間がかかるため、ワイド文字列のリテラルか、u8プレフィックス付きを使うべき(ただしC++20でchar型での扱いができなくなる)
なのかと思う

ただマルチバイト(cout)にすると、
- 入出力時に変換が必要になり、わざわざマルチバイトにして出力した文字列をWin32側でまたワイド文字列に戻すなどの処理が入りそう
これはそもそもWriteConsoleWがワイド文字列を受け取れるから。

普段使いしてる人の正しい日本語の扱い方を知りたい

### 補足情報（FW/ツールのバージョンなど）
msys/msys2-runtime ~~3.4.6-2~~ → 3.4.10-2

※デバッグ用のシンボル情報が欲しくて最新バージョンに更新してビルドしました(2023/12/18)。

MINGW64で作ったC++プログラムで正しく日本語を扱いたい

UIのフレームワークでnextjsを使っています。
調べた感じだとレスポンシブレイアウト（フレキシブル）にしたいのですが、media query よりも、ライブラリの方が最近は使われる傾向にありますね。

そこでnextjsと相性の良さそうなライブラリを聞きたいです。
どのようなものがありますか？

個人的にchakra-uiは良さそうでした。

nextjsでレスポンシブレイアウトにする際のおすすめのライブラリを知りたい

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

いろんな言語の公式リファレンスを読んでみてもわからない単語や表現の仕方が多くて、調べても調べても沼にはまっていくことがほとんどです。最終的に個人ブログに行きつき、具体的な使用方法を見てやっとなんとなくわかる状態です。
これは調べ続けてればいつか公式の物を見ても意味が分かる日がが来るのでしょうか。みなさんはどうやって理解しているのか、またどういう勉強をして理解できるようになりましたか

## 背景、状況

動けばいいやというポリシーの元やってきたので、ウェブサイトのコピペや切り貼りばかりしてきました。ここで一度ちゃんと勉強したいと強く感じたので質問させていただきました。
よろしくお願いします。



公式リファレンスを理解するために必要なこと

## テーマ、知りたいこと
設計は何に着目すればいいのでしょうか。
オブジェクト指向などの本も読んでみましたがよくわからないです。

vendingMachine (自動販売機) を例にとると

① 仕様に着目 (動詞 メソッド風?)
(1) storeJuice   ジュースを保管する
(2) coolJuice    ジュースを冷やす
(3) checkPayment 支払いを確認する
(4) outputJuice  ジュースを排出する

② 場所に着目 (名詞 クラス風?)
(1) juiceStore ジュースの保管場所
(2) cooler     ジュースの冷却器
(3) moneyBox   金銭管理箱
(4) vent       ジュースの排出口

③ 目的物に着目 (名詞 データが主役のクラス風?)
(1) storedJuice  保管されたジュース
(2) coolingJuice 冷やされたジュース
(3) boughtJuice  支払いが確認されたジュース
(4) outedJuice   排出されたジュース

本やネットでクラスが名詞でメソッドが動詞と学びましたが
どうにでも書けてしまえませんか？
それとも何か基準やルールでもあるのでしょうか。
着目するところやコツがあれば教えていただきたいです。

**追記1**
"どうにでも" というのは少々乱暴な言い方でした。すみません。
言いたいことは、自動販売機の例でいうところの、仕様に着目しても場所に着目しても目的物に着目しても分かりやすさと保守性があれば、どのような設計を選んでも構わないのかということです。

**追記2**
着目したテーマ(仕様/場所/目的物 etc.)によって、同じ動きをするプログラミングの関数名が動詞句(メソッド)になることも名詞句(クラス)になることもあるということなのでしょうか。(例えば、juiceStoreクラスにcountJuiceメソッドがあったとして、構成によってはjuiceStoreコンポーネントのjuiceCounterクラスにもなる？)

**追記3**
#6を読んで疑問に思ったのですが、クラスは 「AはBをする」に縛られるのでしょうか。「AがBになる」で作らないほうがいいのでしょうか。例えば、ぬるいジュースから冷たいジュースになるということで normalTemperatureJuice クラスと coolingJuice クラスを作るという設計はNGですか。

**追記4**
### 0. 状況整理
悩む方向が間違っているのかもわかりませんが、悩んでいることをまとめ直しました。
(1) シナリオの着眼点
(2) クラス(名詞句)/メソッド(動詞句)の使い分け
(3) 共通クラス/メソッドの置き場とネーミング

※青は名詞句 黄緑は動詞句。
### 1. 設計の大枠
vendingMachineの大枠を実体面(ハードウェア)から考えた。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/c233ce27-2837-4c16-b0a1-ee9bc1c84a29.png)
さらにvendingMachineの大枠を動作面(SVO)から考え直した。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/4324fecf-d575-4883-a855-7296dc1c8b50.png)

**疑問①-1: SVOからのアプローチの語法**
「vendingMachineのオーナーがjuiceを追加した。」という動作面(SVO)からのアプローチでは、juiceクラスがjuiceSettingのようなネーミングになるのか。storeManagement とstoreManager ではどちらになるのか。一般的なルールはあるのか(そもそも、クラスの命名自体もわかっていない。)

**疑問①-2: 着眼点の違うシナリオの混在 1/2 (粒度の等しいクラス)**
自販機の実体面からアプローチしたクラスとオーナーの動作面からアプローチしたクラスの混在など、着眼点の違いがあるクラスの併存はよくあることなのか、避けていることなのか、例外的に事情があれば許容されるのか。(実体面に着目しても動作面に着目しても、どのようにも書けるのではないかという疑問はこのようなことに端を発している。)シナリオに制約や経験則的に破綻しやすいケースはあるのか。

### 2. 汎用性があるクラスへの再編
juiceクラスは汎用性が無いため、itemクラスに再編した。
ここではoden(おでん)はfoodのほうが良いのではないかという再々編の余地を残しているがこの設計で大きな影響はない。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/1f7c436d-fd20-48cc-92b9-eb1021dff553.png)

**疑問②-1: 着眼点の違うシナリオの混在 2/2 (クラスとメソッド)**
自販機の実体面から考えられたクラス内にオーナーの動作面から考えられたメソッドという、以下のような構成もありえるのか。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/ed57b481-90ba-4944-9806-0b9d1f100d0f.png)
処理過程も見方によっては目的となり、また逆もあり、名詞句なのか動詞句なのかの違いだけで内容が同じ関数に関してクラスとメソッドには大きな隔たりが無いように感じているが、どのようにクラスとメソッドの住み分けを進めればいいのか。
一旦すべての構成をドメイン/クラスとった樹形図のような名前空間に落とし込み、そこからさらに”名前空間をつくる程でもない処理”をメソッドとして扱っても設計できそうだが、メソッドはそのように捉えるべきではないのか。

### 3. 共通するメソッドの扱い 1
各クラスに以下のメソッドが付加された。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/6db16a0b-25bf-4999-9bc4-fcc3bbdfae39.png)
処理が共通するおまけ飴メソッドのaddRedCandyとaddBlueCandyを一つのaddCandyメソッドにまとめitemクラス配下とした。

**疑問③-1: 関連度/粒度/抽象度**
addCandyメソッドはjuiceクラスとtoyクラスで使われodenクラスには使われないが、配置する場所はitemクラス下で良いのか。それともjuice/oden/toy の粒度や抽象度に合わせてcandyクラスやadditionクラスを作り管理すべきなのか。

**疑問③-2: メソッドの拡張性**
addCandyメソッドにredやblueといった名詞句のタグ付けは可能か。(メソッド(動詞句) = 構成の行き止まりのようなイメージがあるのですがそんなことは無いですか。)addCandyメソッドに拡張性がないのであれば、candyクラスにしてしまうべきか。

**疑問③-3: 冗長性**
構成を厳密にしていくとitem/shared/addition/candy/redクラスを拾うことになるが名前空間や関数名は長くなっても構わないのか。引数は4つまでが良いと何かの本で読んだことがあったが、名前空間も読みやすさなどのルールがあるのか。
 
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/38ea61bd-8519-4e78-bec8-cc45ff3348b6.png)
### 4. クラスの拡張
additionクラスをsharedクラスに拡張した。
banUpsidedown(天地無用)メソッドもoden以外にも使えそうな抽象性のあるメソッドなのでadditionクラスをsharedクラスとしてこれに移動させた。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/0fd012e2-ba18-4366-8fdc-064691f2b81b.png)
**疑問④-1: カプセル化と汎用性**
オブジェクト指向(カプセル化)と汎用性のあるメソッドに親和性はあるのか。
汎用性のあるメソッド作るほど、元のクラスの中身が減っていくわけで、そうなると行程がいくつもあり肥大化したクラスを除いて、カプセル化を目指さないほうが無難なのではないか。

**疑問④-2: 汎用性のあるメソッドのネーミングと名前空間 1/2**
共用になりそうなしかし共用になっていないメソッドの配置とネーミングが悩ましいがどうすべきか。shared? option? 一度しか使わないようなメソッドもクラスやメソッドの粒度や抽象度を揃えたとき(シーケンスのレベルや位置が同じとき)共用クラスの中に入るなら、入れるべきなのか。

### 5. 共通するメソッドの扱い 2
itemが自販機にあるのか無いのかを返すexistItemメソッドを追加した。
itemに関わることなのでitemクラスにあるが、使われるのは自販機の売り切れボタンである。
(existItem? isExists? itemExists? 語法が正しいのか分かりません。)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/065303e2-6391-497f-97b3-f7b19b7b9502.png)
**疑問⑤-1: 再利用性のあるメソッドの置き場**
itemクラス内のbanUpsidedownメソッドがdisplayクラスでも再利用性があるという場合はメソッドの場所をitemクラスとdisplayクラスの共用クラスに変更したほうが良いのか。

**疑問⑤-2: 分類場所優先か利用場所優先か**
existItemメソッドはitemクラス内で一度も使われない。しかし、itemクラスに分類されるメソッドである。だがdisplayクラスで呼び出されるという場合、existItemメソッドはitemクラス(分類場所)内に置いておいていいのかdisplayクラス(利用場所)へ移動させたほうがいいのか。





プログラミングの設計が分からない

理屈がわかっていないので、恥を偲んでご質問させてください。
ionicにてアプリ内部のお問合せフォームを作成中です。
node.jsのhttpモジュールで簡易サーバを構築しようとしていました。

Firebaseにhosting予定ですが、webアプリを公開するうえで、
①簡易サーバで指定したポートは継続して解放され続けるのでしょうか。

②hostingしたサーバーレスの状況下では、簡易サーバを作る必要がありますでしょうか。



```js
const http = require("http");

const server = http.createServer((request, response) => {
    response.writeHead(200, {
      "Content-Type": "text/html"
    });

    const responseMessage = "<h1>Hello World</h1>";
    response.end(responseMessage);
    console.log(`Sent a response : ${responseMessage}`);
});
```

node.jsの簡易サーバーについて

### 前提

JavaScriptでエラーをキャッチしたいが，キャッチできる場合とできない場合がある．
（非同期，同期などという複雑な問題ではないと思われます．）

### 実現したいこと

キャッチできない理由を知り，キャッチできるようにコードを書き換えたい．

### 該当のソースコードと発生している問題・エラーメッセージ

```JavaScritpt
try {
  aler(); //alertの「t」のつけ忘れ
} catch (error) {
  console.error("えらー:"+error);
}
```
だと，コンソールに「えらー:ReferenceError: aler is not defined」が返ってくる．
=エラーがキャッチできている．

しかし，
```JavaScritpt
try {
  alert(; //閉じカッコのつけ忘れ
} catch (error) {
  console.error("えらー:"+error);
}
```
だと，「Uncaught SyntaxError: Unexpected token ';' 」が返ってくる．
=キャッチできていない．（ブラウザ?はキャッチしているが，上記コード上ではキャッチできていない．）

### 試したこと

上記のコードを実行し，コンソールの内容を見ました．

また，ここ↓も調べてみましたが，よく分かりませんでした．
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/try...catch
mozilla（上記）ではテキストエリアに前者のエラーも，後者のエラーもメッセージを出力します．
しかし，コンソールには前者のエラーは出力されますが，後者のエラーは何も表示されていません．
特別なエラー検知の仕組みを準備しているものと推測されますが，詳しいことはよく分かりません．

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

ここにより詳細な情報を記載してください。


JavaScriptでエラーをキャッチできる場合とできない場合の違い

不適切な項目が多々あり申し訳ございませんでした。
大変失礼な質問をしてしまい失礼いたしました。
深く反省しております。

解決いたしました。(大変失礼いたしました。)

### 前提
リクエストメソッドpostの使い方について

仮のurl：https://www.example.com

### 試したこと
postメソッドのテストサイト(https://so-zou.jp/web-app/network/post/) で
url(https://www.example.com) を入力して、entity bodyは未入力の状態で送信しても問題なくページが表示されるが、

fetch同じことをしようとすると404エラーが返ってきます。
```
fetch(url, {method: "post"}.then(res => console.log(res.status));
```

### 結論
postメソッドのテストサイトではbodyを含んでいなくてもステータスコード200が返ってくるのに、fetch()だとbody(送りたい情報)を含んでいないとステータスコード404が返ってくるのは、なぜですか？？


リクエストメソッドpostの使い方について

### 前提

GitHubの最新の仕様を教えてください。
久しぶりにGitHubにログインしたらフォークの仕様が変わったのかアカウント設定が不足しているのか以前のようにForkできなくなったので、原因を教えてください。

### 実現したいこと

GitHubで以前のように自由にForkを実行したい。

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

Forkボタンをクリックし、Fork画面を開きます。以前は[Creat fork]ボタンが押せたのですが、アカウント設定かなにかが足りないのかボタンが不活性になっており押せません（添付画像参照）
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-01-24/ba39ca92-dbc0-4f70-b09e-eb76647dd7ab.png)

### 試したこと

Fork画面でRipositoiry NameやDescriptionに入力してみる、チェックをオフにする。




GitHubでのフォークのやり方について

### 前提
C#でmainDir, subDir の組み合わせを設定項目として持ち、編集後にどこが編集されたかの差分を取得する箇所について効率的な方法について相談です。

### 質問内容
mainDir, subDirの2つの要素を持つリストを、編集前後で差分を取りたい。

目的1  mainDirは一緒だがsubDirが異なる行   の編集前後の要素
目的2  mainDirが異なる行  の編集前後の要素

LINQに挑戦して目的は達成できましたが、もっと効率的な記載方法があれば教えてください。

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

```cs
public class PairNode
{
	public string mainDir;
	public string subDir;

	public PairNode(string mainDir, string subDir)
	{
		this.mainDir = mainDir;
		this.subDir = subDir;
	}
}

f()
{
	// 編集前
	List<PairNode> curList = new List<PairNode>();
	curList.Add(new PairNode("1", "2"));
	curList.Add(new PairNode("3", "4"));
	curList.Add(new PairNode("5", "6"));
	curList.Add(new PairNode("7", "8"));

	// 編集後
	List<PairNode> newList = new List<PairNode>();
	newList.Add(new PairNode("1", "2"));		// main,sub 同じ
	newList.Add(new PairNode("3", "9"));		// subを編集
	newList.Add(new PairNode("A", "6"));		// mainを編集
	newList.Add(new PairNode("B", "C"));		// main,sub 編集

	// ◆目的1  main が一致で sub が不一致の行を抽出  --> cur(3,4), new(3,9)
	var changeSubArray =
		(from c in curList
		 from n in newList
		 where c.mainDir == n.mainDir && c.subDir != n.subDir
		 select (c, n)).ToArray();

	// main が一致の行を抽出
	var z1 =
		from c in curList
		from n in newList
		where c.mainDir == n.mainDir
		select (c, n);

	// ◆目的2  mainが不一致　編集前の行を抽出  --> cur (5,6),(7,8)
	var changeMain_cur = curList.Except(z1.Select(x => x.c)).ToArray();

	// ◆目的2  mainが不一致　編集後の行を抽出    --> new (A,6),(B,C)
	var changeMain_new = newList.Except(z1.Select(x => x.n)).ToArray();
}

### 補足情報
VisualStudio 2022 C#


C#で2つのリストの差分を取得する効率的な方法

### 前提
C#からGoogle Sheets Apiを使用したアプリを開発しておりますが、書き込み時にエラーが発生しています。
Microsoft Visual Studio Community 2022 

### 実現したいこと
原因と対処方法をご教示お願い致します。

### 発生している問題・エラーメッセージ
ハンドルされていない例外
Google.GoogleApiException: 'The service sheets has thrown an exception. HttpStatusCode is Forbidden. Request had insufficient authentication scopes.


### 該当のソースコード
Microsoft Visual Studio Community 2022 
C#
        static string[] Scopes1 = { SheetsService.Scope.Spreadsheets };
        static string ApplicationName = "Google Sheets API .NET Quickstart";
 
      private void button1_Click(object sender, EventArgs e)
        {
            UserCredential credential;

            using (var stream = new FileStream("client_secret.json", FileMode.Open, FileAccess.Read))
            {
                string credPath = "token.json";

                credential = GoogleWebAuthorizationBroker.AuthorizeAsync(
                    GoogleClientSecrets.FromStream(stream).Secrets, Scopes1, "user",
                    CancellationToken.None, new FileDataStore(credPath, true)
                ).Result;
            }

            var sheetsService = new SheetsService(new BaseClientService.Initializer()
            {
                HttpClientInitializer = credential,
                ApplicationName = ApplicationName,
            });

            String spreadsheetId = "シートのID";
            String range = "シート1!A1";


            var wv = new List<IList<object>>()
        {
                new List<object>{ DateTime.Now.ToString(), "11", "22", "33", }
        };

            var body = new ValueRange() { Values = wv };
            var req = sheetsService.Spreadsheets.Values.Append(body, spreadsheetId, range);

            req.ValueInputOption = SpreadsheetsResource.ValuesResource.AppendRequest.ValueInputOptionEnum.USERENTERED;
            var result = req.Execute();　＜＝＝ここでエラー

※ソースコード内のシートのIDは正しいものに書き換えた上で実行しています。

### 試したこと
このシートの読み取りはできています。
            String range = "シート1!A1";
            SpreadsheetsResource.ValuesResource.GetRequest request = service.Spreadsheets.Values.Get(spreadsheetId, range);
            ValueRange response = request.Execute();


C#からGoogle Sheets Apiを使用した時に、書き込み時にエラーが発生する

お世話になっております。
JavaScriptについて質問がございます
```
const oooo ooObject
const xxxx xxObject

ooObject.aa=123;
xxObject.bb=456;
・
・
・
//オブジェクトがどちらで定義された型なのかを知りたい
console.log(??(oxIbject));
```
こちらのソースのようにoxObjectがどのような型のオブジェクトで定義されたかを知りたい場合、どのようにすれば良いかわかりません
わかる方いらっしゃいましたら。宜しくお願いします

Javascriptでオブジェクトを"oooo xxObject"定義した場合、"oooo"を判別するには

### 前提
最近C++を使うことになり、それに伴いポインタ周りについて学習を進めております。
今回、(変数名) / *(変数名) / &(変数名)の3パターンに関し
検証を行い、結果を自分なりに纏めましたので
チェックして頂き、私の認識に間違いが無いか教えていただきたいです。
### 該当のソースコード
C++なのに、printfを使っていますね...気にしないでください。
```C++
#include "stdio.h"

int main()
{
	int val = 1;
	int* pVal = &val;
	int** dpVal = &pVal;
	int*** tpVal = &dpVal;

	// valの検証
	printf("%d\n", val);		// 1 : valの値
	//printf("%d\n", *val);	// エラー
	printf("%d\n\n", &val);	// 1240724692 : valのアドレスを10進数表記

	printf("%p\n", val);		// 0000000000000001 : valの値をアドレス表記
	//printf("%p\n", *val);	// エラー
	printf("%p\n\n", &val);	// 000000FC49F3F4D4 : valのアドレス

	// pValの検証
	printf("%d\n", pVal);		// 1240724692 : 参照先(val)のアドレスを10進数表記
	printf("%d\n", *pVal);	// 1 : valの値
	printf("%d\n\n", &pVal);	// 1240724728 : pValのアドレスを10進数表記

	printf("%p\n", pVal);		// 000000FC49F3F4D4 : 参照先(val)のアドレス
	printf("%p\n", *pVal);	// 0000000000000001 : 参照先(val)の値をアドレス表記
	printf("%p\n\n", &pVal);	// 000000FC49F3F4F8 : pValのアドレス

	// dpValの検証
	printf("%d\n", dpVal);	// 1240724728 : 参照先(pVal)のアドレスを10進数表記
	printf("%d\n", *dpVal);	// 1240724692 : 参照先(pVal)の参照先(val)のアドレスを10進数表記
	printf("%d\n\n", &dpVal);	// 1240724760 : dpValのアドレスを10進数表記

	printf("%p\n", dpVal);	// 000000FC49F3F4F8 : 参照先(pVal)のアドレス
	printf("%p\n", *dpVal);	// 000000FC49F3F4D4 : 参照先(pVal)の参照先(val)のアドレス
	printf("%p\n\n", &dpVal);	// 000000FC49F3F518 : dpValのアドレス

	return 0;
}
```
### 結論
(変数名) / *(変数名) / &(変数名)のそれぞれの動作 
```
・(変数名)
その変数が持つ値をそのまま出す
valならintを、pValならint*を

・*(変数名)
その変数が持つアドレス先の値を出す
*pValならvalの値(int)を、**dpValならpValの値(int*)を
valは誰かのアドレスを持っていない(そもそもint型なので持てない)ため、実行できなかった

なんと2個以上つけることも可能で
**dpValならvalの値、***tpValでもvalの値を出してくれる

・&(変数名)
自分のアドレスを出す
&valならint*を、&pValならint**を
```
やってはいけない事
```C++
・ポインタ変数に直接値を代入する
x: pVal = 2;
o: *pVal = 2;

・参照先がポインタ変数の場合も同様
x: *dpVal = 3; / **tpVal = 3; (pVal = 3;)
o: **dpVal = 3; / ***tpVal = 3; (*pVal = 3;)

・ポインタ数(?)が違う変数同士で代入しない
x: int** dpVal2 = pVal; (int** と int*)
o: int** dpVal2 = &pVal; (int** と int**)
```

(変数名) / *(変数名) / &(変数名)の動作を纏めた結果の確認願い

### 前提
Visual Studio 2022 の C#で Nzy3dライブラリをつかい、グラフを描画する
アプリを作成しています。

配布も考えてexe単体にしたいと思いますが、glfw3.dllがどうしても別に
なってしまい困っています。

### やってみたこと1
１．Visual Studio 2022 でWindowsフォームアプリプロジェクトを作成する
（フレームワーク.NET7.0)

2.nugetのパッケージソースに
https://api.nuget.org/v3/index.json
を追加する

3．Nzy3Dをインストールする

４．プロジェクトを右クリック→発行→発行先フォルダ
公開タブ→すべての設定を表示→ターゲットランタイムwin-x64
→ファイル公開オプション→単一ファイルの作成チェック→保存
[参考サイト名]VisualStudio2022でEXEにDLLを纏める方法

５．発行

### やってみたこと2
１．NugetでCostura.Fodyをインストールする

２．最新だと自動で依存関係にあるものもインストールされ、FodyWeavers.xmlが作成されているので、リビルドまたは発行をする


### お断りしているアドバイス
・違うライブラリや言語を使ったら
・インストーラにしたら
・ライブラリを作った本人に聞いたら

よろしくお願いいたします。

