常連

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

いきなり応用情報技術者試験から勉強し始めるのはどう思われますか？

## 背景、状況
大学3年電気電子工学科の学生で情報系でないです
情報の基本を理解したいと思い資格の勉強をしたいと思っています。
自分でサービスを開発したり長期インターンに参加したりするのが直近の目標です。
現在の経験はPython7ヶ月、gci修了、バイト先のエクセル入力Pythonで自動化など、Udemyでweb開発のさわり勉強してる途中な感じです。  ue5の勉強でブルースクリプトでブロック崩し作ったことあります。


いきなり応用情報技術者試験から勉強し始めるのはどう思われますか？

### 実現したいこと

gluLookAt(eyeX,eyeY,eyeZ,centerX,centerY,centerZ,upX,upY,upZ)
で求めたカメラの位置と姿勢があります。
eyeはワールド座標系のカメラの位置、
centerはワールド座標系の目視点、
upはワールド座標系のカメラの上方向を表しています。


この状態で、カメラを球体座標上で回転させたり、回転させず平行移動のみでしたらできますが、回転した後に平行移動をさせると画面のx,y軸ではなく、おそらくカメラ座標系の軸をもとにした動きをしてしまいます。
理想的なカメラの動きは、Blenderなどで、視点の中心に立方体をおいて、その立方体を360度眺めたり、平行移動したりした時の動きです。
このような動きを実装するにはどうしたらよいでしょうか。

追記

遅れてすみません。
質問には、glLookAtを使ってと書きましたが、私はこちらの資料をGLFWによるOpenGL入門https://tokoik.github.io/GLFWdraft.pdf
を参考にプログラムを書きました。こちらの資料では、glLookAt関数と同様の処理をlookAt関数を作成しました。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/67bad348-79e8-4645-9054-4367c85b3735.png)

posにマウスの増加量を示すlocationを使って、球体座標のような座標を作成しています。
この処理で、マウスを動かすことで、立方体を中心とした球の表面をカメラが沿うような動きをさせています。

上のlookAt関数の引数や機能はgluLookAt関数と同じだと思われます。第1から第3引数にカメラの座標、第4から第6引数にカメラの視線を向かせる方向を示す座標、第7から第9引数にカメラの上方向を示す座標です。
今回は、球に沿った座標を入れたposがカメラの座標となり、視線が原点を向き続けることで、原点周辺にある、立方体を360度眺めることができています。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/0fd42649-42be-481b-a756-eca395d62906.png)![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/3e59e5b2-5967-4937-8a34-183834504d4d.png)
画像では位置や大きさが変わっているように見えますが、実際にはその場で大きさも変わらずに、カメラが立方体の周囲を回りこんだような出力が得られています。

現在のプログラムでは行っていませんが、カメラを平行移動のみさせることはできます。
ただ、カメラを球面座標を用いた移動をさせた後に、通常のx,y座標軸ではなくカメラの姿勢に沿った平行移動をさせようとすると、カメラの姿勢に沿った座標軸ではないのか、もしかしたら通常のx,y座標軸に沿った移動をしてるのか、画像の立方体が大きさや回転によって見えている面が変わらず、画像の立方体をトリミングして左に動かしたかのような平行移動をさせたいのですが、うまくいきません。

実際の動き
![![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/159e29ec-e2df-42bf-a7e9-d062ca75a2aa.png)](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/b8f39d0d-0580-44f3-8ff9-6a7afa8d40df.png)![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-06-19/d80bcd86-190f-45cc-b5f5-81d30a31915a.png)
上の画像はマウスを右に動かす前、下の画像はマウスを右に動かした後。

理想の動き
実際にBlenderというソフトを使用して、私が作成しているソフトにしてほしい動作の様子を再現しました。
私は以下の動画のようなカメラの動きを実装したいです。
動画のリンクです。
https://youtu.be/fB5qPW6og8U

OpenGLでBlenderみたいにカメラを動かしたい

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

開発未経験の言語のスキルレベルを提示する為に作成するポートフォリオはどういったものがいいのか、またどういう部分が見られるのか

## 背景、状況

現在、SESで客先常駐として働いているエンジニア（半年程）です。
使用している言語はJavaで、詳細設計（少しだけ）から製造、UTまでを経験しています。

案件数の関係でJavaを薦められ勉強をして、今ではそこそこ書けるようになってきたと思っています。
ですが、自分としてはPythonを用いた機械学習や自動化、AIなどそういった分野に手を伸ばしたいと考えています。
（技術的にはGoやRust、Reactなどいろいろな分野にも興味はあるのですが…）

Pythonも基礎的な部分は独学で学び、基礎ではありますが資格も取り、Udemyやネット上にあるdjangoを使用した簡単なアプリの作成までは出来る様になりました（といっても説明書を読んでその通り作るレベルですが…）。そこでその応用として、自分でこういうアプリを作ろう！と似てはいるものの別のアプリを作成中となっています。

Pythonの案件を営業さんに聞いたり、またフリーランスなどの案件紹介サイトなどで調べると、今でこそ「Javaなど他の言語の開発経験+Pythonの技術にキャッチアップする意欲」という募集要項が増えましたが、基本的にはPythonの経験を少なくとも１年以上は求められていると認識しています。営業さんやエンジニアの同期や先輩にも聞いたところ、ポートフォリオとしてアプリケーションの作成をすべきでは、という意見もいただいています。

そこでなのですが、未経験の開発言語のポートフォリオを作成する上で注意すべきこと（複雑なシステムで技量を見せる、シンプルなシステムで理解度をアピール、簡単で乱雑でもいいから何個も作って経験値をアピール等）や、相手の営業から見られるからここは気を付けるべき！な部分などありますでしょうか？

宜しくお願い致します。


## 試したこと
・Pythonの資格取得（基礎の定着確認として）
・UdemyにてDjangoを利用したToDoアプリの作成
・上記アプリを参考にしつつ、掲示板のようなアプリを作成中（設計段階）
・Reactの勉強（フリーランスの案件という特性もあるかもしれないが、Pythonの案件でフロント技術も求められる為）
→将来的には上のアプリのフロントに組み込もうと考えています
・AWSの勉強（クラウド周りの勉強ついで）
※色々手を出し過ぎは重々理解してます、申し訳ないです。

開発未経験言語におけるポートフォリオについて

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

リスコフの置換原則に違反する例は分かったのですが、どう改善して実装すればいいのか分からなかったので、みなさんならどう実装するのか意見をください。

## 背景、状況

SOLID原則の勉強中に以下の記事を読みました。
[【SOLID】リスコフの置換原則を完全に理解したい](https://qiita.com/k2491p/items/d442344a462d3a574acc)

そこで違反事例として以下のRPGを例に上げていました。
> ![桜](https://camo.qiitausercontent.com/a50ea765add0b9341cd667a293c63ffe99004521/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f323532393336322f35316630613335352d373030612d333237312d386333302d3063376330663636633632352e706e67)
ここで
- 剣士が使える武器は剣のみ
- 魔法使いが使える武器は魔法の杖のみ
という条件を加えると事前条件を強めているので違反するという例です。

武器の判断を簡略化するためにタグを追加して、悪い例をpythonで書いてみました。
```python
class Weapons():
    def __init__(self, tag, name, power) -> None:
        self.tag = tag
        self.name = name
        self.power = power

class Sword(Weapons):
    def __init__(self, name, power) -> None:
        super().__init__("Sword", name, power)

class MagicWand(Weapons):
    def __init__(self, name, power) -> None:
        super().__init__("MagicWand", name, power)


class Player:
    def attack(self, weapon: Weapons):
        ...
        # 攻撃処理

class Sowerdman(Player):
    def attack(self, weapon: Weapons):
        if weapon.tag == "Sword":
            super().attack(weapon)
        # 事前条件を強めているのでリスコフ違反

class Wizard(Player):
    def attack(self, weapon: Weapons):
        if weapon.tag == "MagicWand":
            super().attack(weapon)
        # 事前条件を強めているのでリスコフ違反
```

これがリスコフ違反になるのは理解できましたが、ではどうすれば綺麗に実装できたと思いますか？
Pythonで書きましたが、Pythonで無くてもいいです。
プログラミング勉強中なので、みなさんの意見を聞かせてください。

リスコフの置換原則に違反しない実装とは？

### 実現したいこと

- C++の実行コードをヘッダに書くか、ソースに書くかについて、皆さんのご意見をうかがいたい
- 例えば「自分はベストプラクティスを知っているので広めたい！」という意見
- 例えば「自分はこういうケースでいつもこうしている」という意見
- 例えば「自分はよく知らないけど、こういうツールを知っている」という意見
- etc...

### 前提

- C++11(以降)
- 公開範囲については皆さんが想定されるケースを決めてください(言及しない場合はオープンソース)
- 規模感については皆さんが想定されるケースを決めてください(言及しない場合は数k行程度以内)
- 外部コードの有無については、皆さんが想定されるケースを決めてください(言及しない場合は自身がアプリから使用されるライブラリ)
- 処理系についてはgcc9以降限定
- プラットフォームについては限定しませんが、OSはあるものとしてください

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

- (A)ヘッダに書く場合は、公開したくないコードまで公開する必要がある
- (B)ソースに書く場合は、テンプレートのインスタンス化が悩ましい
- (C)ヘッダに書く場合は、同じものが複数展開されるため、それぞれでコードが異なりうる懸念がある

(B),(C)については以下コードで例示します

### 該当のソースコード
環境構築用のスクリプトです。最後にビルドして実行します。
```bash
#!/bin/sh
cat >Makefile <<EOF
CC=g++
CXXFLAGS=-g -std=c++11 -Wall
all: main main_lib main_diff
clean:
        rm -f *.o *.a main main_lib main_diff
main: main.o
main_lib: main_lib.o libsub.a
        \$(CC) main_lib.o -L. -lsub -o main_lib
libsub.a: libsub.a(sub_lib.o)
main_diff: main_diff.o libsub2.a
        \$(CC) main_diff.o -L. -lsub2 -o main_diff
main_diff.o: main_diff.cpp sub_diff_v1.h
        cp sub_diff_v1.h sub_diff.h
        \$(CXX) \$(CXXFLAGS) \$(CPPFLAGS) \$(TARGET_ARCH) -c main_diff.cpp
sub2_diff.o: main_diff.cpp sub_diff_v2.h
        cp sub_diff_v2.h sub_diff.h
        \$(CXX) \$(CXXFLAGS) \$(CPPFLAGS) \$(TARGET_ARCH) -c sub2_diff.cpp
libsub2.a: libsub2.a(sub2_diff.o)
EOF
cat >main.cpp <<EOF
#include <iostream>
#include "sub.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    return 0;
}
EOF
cat >main_diff.cpp <<EOF
#include <iostream>
#include "sub_diff.h"
#include "sub2_diff.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    sub2();
    return 0;
}
EOF
cat >main_lib.cpp <<EOF
#include <iostream>
#include "sub_lib.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    return 0;
}
EOF
cat >sub.h <<EOF
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ほげ" << std::endl; }
};
EOF
cat >sub2_diff.cpp <<EOF
#include <iostream>
#include "sub_diff.h"
#include "sub2_diff.h"
void sub2() {
    Hoge hoge;
    hoge.print(std::cout);
}
EOF
cat >sub2_diff.h <<EOF
#pragma once
void sub2();
EOF
cat >sub_diff.h <<EOF
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ふが" << std::endl; }
};
EOF
cat >sub_diff_v1.h <<EOF
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ほげ" << std::endl; }
};
EOF
cat >sub_diff_v2.h <<EOF
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ふが" << std::endl; }
};
EOF
cat >sub_lib.cpp <<EOF
#include <ostream>
#include "sub_lib.h"
template<typename T>
void Hoge::print(T& out) {
    out << "ほげ" << std::endl;
}
template void Hoge::print(std::ostream&);
EOF
cat >sub_lib.h <<EOF
#pragma once
struct Hoge {
    template<typename T> void print(T& out);
};
EOF
make
./main
./main_lib
./main_diff
```

### (B)/(C)の説明
まずは基本となるmain.cppとsub.hを見てください。

**main.cpp**
```c++
#include <iostream>
#include "sub.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    return 0;
}
```
**sub.h**
```c++
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ほげ" << std::endl; }
};
```
何の変哲もない「ほげ」って出力するだけのコードです。
ヘッダにコードが記述されているので、モジュールも1つだけになっている単純な例です。
自分のコードがsub.hで、これを公開すると思ってください。

#### (B)ソースに書く場合は、テンプレートのインスタンス化が悩ましい

sub.hの実行コードをソースに移し、(静的)ライブラリにする形態がmain_lib.cpp、sub_lib.h、sub_lib.cppになります。

**main_lib.cpp**
```c++
#include <iostream>
#include "sub_lib.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    return 0;
}
```
**sub_lib.h**
```c++
#pragma once
struct Hoge {
    template<typename T> void print(T& out);
};
```
**sub_lib.cpp**
```c++
#include <ostream>
#include "sub_lib.h"
template<typename T>
void Hoge::print(T& out) {
    out << "ほげ" << std::endl;
}
template void Hoge::print(std::ostream&);
```
気づきましたでしょうか？

sub_lib.cppの最終行に、テンプレートのインスタンス化用の定義が入っています。この行はstd::coutのクラスであるstd::ostreamが定義されています。これがないと main_lib.cpp 側の hoge.print(std::cout) 呼び出しでundefined referenceが発生しちゃうわけです。呼び出す側のコードで、T=std::outputstreamなメソッドを必要とするので、呼び出される側のコードでそのインスタンス化が必要になるということです。

つまり呼び出す側のコードで使いたいTが増えるごとに、呼び出される側にこの行が必要になるということになります。これが面倒だというのが(B)です。

#### (C)ヘッダに書く場合は、同じものが複数展開されるため、それぞれでコードが異なりうる懸念がある

説明のため、元のコードを以下のようにしています。
- main.cpp→main_diff.cpp
- sub.h→sub_diff_v1.h
さらに同じものを複数展開するために、
- sub.h→sub_diff_v2.h
- sub2_diff.h
- sub2_diff.cpp
というのを用意しています。ようはモジュールを2つに増やし、それぞれにsub.h相当をインクルードして呼び出させるということです。
sub2側はライブラリにして、main側からリンクします。

**main_diff.cpp**
```c++
#include <iostream>
#include "sub_diff.h"
#include "sub2_diff.h"
int main() {
    Hoge hoge;
    hoge.print(std::cout);
    sub2();
    return 0;
}
```
**sub_diff_v1.h**
```c++
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ほげ" << std::endl; }
};
```
**sub_diff_v2.h**
```c++
#pragma once
#include <ostream>
struct Hoge {
    template<typename T> void print(T& out) { out << "ふが" << std::endl; }
};
```
**sub2_diff.h**
```c++
#pragma once
void sub2();
```
**sub2_diff.cpp**
```c++
#include <iostream>
#include "sub_diff.h"
#include "sub2_diff.h"
void sub2() {
    Hoge hoge;
    hoge.print(std::cout);
}
```
各.cppファイルでインクルードしてるファイルがsub_diff.hになっていますが、これは_v1/_v2というサフィックスがついたファイルをmake注にコピーして作成しています。何を意図しているかというと、main_diff側と、libsub2.a側で異なるバージョンのsub_diff.hを使ったケースの再現です。そのままビルドすると、main_diff側のコードに一本化されて動きますが、最適化させるとインライン展開されてそれぞれ異なるコードで動作します。

### 最後に

C++を使ってる人なら誰もが一度はどうしようかと悩むところだと思いますが、あっちを立てればこっちが立たずみたいな状況なので、意見を集めてみてもいいかなと思って、書いてみました。参考までに私は公開ソースなら全部ヘッダにしていて、非公開なら規模次第でソースにしてます。テンプレートは限定的な使い方にします。

※勘違いの指摘なども歓迎です


C++のコードをヘッダに書くか、ソースに書くかについて

## 末尾が改行の二次元配列の書き方

https://atcoder.jp/contests/apg4b/tasks/APG4b_cd?lang=ja
とか
https://paiza.jp/works/mondai/array_utilization_primer/array_utilization_primer__reduse_easy
みたいな二次元配列の中身の後ろに空白を入れるけど末尾だけは空白をつけずに改行を出力する問題ってありますよね



どう書けばいいんでしょうか？


## if文を使いたくない
ミスが怖いので末尾かどうかを判定すだけのために条件分岐を書きたくないんです

どう書けばいいかはわかっているが、なにが一番しっくりくるかが知りたいのでQandAではなく意見交換に投稿しました

多分一般的
```cpp
//九九の生成
#include <iostream>
using namespace std;
int main(void) {


    for (int i = 1; i <= 9; i++) {

        for (int j = 1; j <= 9; j++) {
            if (j < 9)
                std::cout << i * j << " "; //i段目の最後の一回以外空白をつける
            else
                std::cout << i * j << std::endl;//最後だけ改行する

        }
    }

    return 0;
}


```

我流
```cpp
//九九の生成
#include <iostream>
#include <string>
using namespace std;
int main(void) {


    for (int i = 1; i <= 9; i++) {

        string s = "";//sはiループが始まったら空文字列に初期化される
        for (int j = 1; j <= 9; j++) {

            s += to_string(i * j) + " ";//数字を文字列に変換して全ての数字の後ろに空白をつけたものを文字列sに付け加える

        }
        s.pop_back();//一文字削除して最後の空白を削る
        std::cout << s << std::endl; //改行はendlに任せる


    }

    return 0;
}
```

同じ実行結果 
```
1 2 3 4 5 6 7 8 9
2 4 6 8 10 12 14 16 18
3 6 9 12 15 18 21 24 27
4 8 12 16 20 24 28 32 36
5 10 15 20 25 30 35 40 45
6 12 18 24 30 36 42 48 54
7 14 21 28 35 42 49 56 63
8 16 24 32 40 48 56 64 72
9 18 27 36 45 54 63 72 81
```


皆さんはこういう二次元配列の列の要素数がn個、空白の数がn-1個の問題はどうやって記述していますか？



二次元配列の中身の後ろに空白を入れるけど末尾だけは空白をつけずに改行を出力する問題

今まで練習としてプロフィール帳のようなソフトを開発し完成させることが出来ました。
次は簡単なゲームを作ろうと思うのですが、3Dゲームに手を出す前に2Dで作り方などを学んだほうが良いでしょうか？

またゲーム開発で参考になる本やサイトを教えていただけるとありがたいです。

3Dゲームを作る前に2Dゲームを作るべきか

私はC++歴3年の学生趣味プログラマーです。
「C++はなぜヘッダと実装を分けなくてはならないのか/そもそも本当に分けなければならないのか」という質問です。

C++といえば、ヘッダー部と実装部を.hファイルと.cppファイルに分けることが一般的とされている言語ですが、
これは同じオブジェクト指向言語のC#やJavaにはない特徴です。

そのせいでC++使いたちは今日もcppファイルとhファイルを行ったり来たりしながらコーディングする羽目になっています。（そしてVS使いはF12とCtrl+-を得意気に連打しています。）

私にとってもそれが当たり前になって久しいですが、
時々C++を学び始めたばかりの後輩から「なぜヘッダファイルに実装を書いてはならないのか」「なぜC++は二度も同じコードを書くことを強いるのか」と質問を受けます。
私はそのたびに「実装の隠蔽化」とか「循環参照の危険が云々」とか「そもそもそういう言語なんだ」とか「コード構造の可読性」とか「未来の自分が困るんだよ」とか言ってお茶を濁してきましたが、
自分自身どうも納得しきれていません。

例えば、個人開発で、循環参照の問題やコンパイル時間の問題がないようなコード構造であれば、
ヘッダに実装を書くことに果たして問題はあるのでしょうか？

私はどうやって後輩たちを納得させ、C#ライクなC++コードを書きたがる彼らを説得したらよいでしょうか。

意見を聞かせてもらえれば嬉しいです。

参考にしたサイト一部
[ヘッダファイルの謎(3)](http://d.hatena.ne.jp/mihael2/20031028)
[プログラミングメモ - C++ のソースをヘッダと実装に分ける理由とか](http://qune.cside.com/archives/001334.html)
[C++ でのビルド時間を短縮するいくつかの方法](http://d.hatena.ne.jp/melpon/20101022/1287705842)

関係がありそうなキーワード
・隠蔽化、循環参照、テンプレート、inline、コンパイル


追記(15/06/04 23:34)：
・「第三者利用」が問題なら「ライブラリとしての公開やチーム開発などコードの再利用がない個人開発」という前提になればヘッダに実装してしまっても構わないことになりますがいいのでしょうか。
・「コンパイル時間」が問題ならマシンスペックの向上で将来的に解決されるレベルの問題であり、あくまで"現時点では"ヘッダファイルに実装を書くのは好ましくない、という話になってしまいますがそういう理解でよろしいのでしょうか。

・結局、二度書きの手間に対して十分なメリットが確保できるか否かという話になり、好みや自己責任の話になってしまうのではと危惧しています。C++とはどんな言語なのか、なかなか思想が見えてこなくて理解が及ばないです。レイヤーの低さや速度に特徴があるが、開発効率ではC#に劣る古き業務用言語ということなのでしょうか？（あえて極端な言い方をしています）

・（なお、私自身はヘッダで実装を書くことはないです。そこそこの規模のコードを書いたりしますしヘッダと実装は分けないとやってらんないです。自分が書いたコードを読んで構造を思い出す作業は苦行ですのでそれが不要な時点で恩恵は強く感じています。ですのでこれは主観の話ではなく言語思想,言語仕様の話として回答いただければ幸いです。）

【C++】なぜヘッダと実装はわけるべきなのでしょうか（.hに実装を書くことは邪道か）

WEBアプリケーションのセキュリティチェック項目の中に、

ログイン画面でアカウントの存在有無を検知されないこと
という項目がありますよね。

例えば、

- 認証に失敗したとき、アカウントの存在有無によってエラーメッセージを変えるな
- ハッシュ化されたパスワードの検証で、アカウントの存在有無によって応答時間を変えるな

とか、そういう指摘を受けることがあります。

でも、最近の大手サービスでも、アカウント名とパスワードが同じ画面にあるのではなく、まずはアカウント名を入力して次の画面でパスワードを入力させるというパターンが増えています。
![Googleサービスのログインエラー](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-13/52aae616-ea0d-4c4e-a599-bdc766d97620.png)
![Amazonのログインエラー](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-13/c0677999-bee1-47a3-8927-ed0a8cdf1835.png)

これって最初に書いた「ログイン画面でアカウントの存在有無を検知されないこと」に反していると思いますが、なぜAmazon, Google等のサービスではこのような設計が許容されているのでしょうか？


Webアプリケーションのログイン画面のセキュリティについて

PC間でネットワークを通じてデータを送受信する場合、MACアドレスとIPアドレスを用いると思います。L2スイッチにMACアドレスとL2スイッチのポート番号の対応表があれば、IPアドレスがなくてもPC間で通信できるように思えます。IPアドレスはなぜ必要なのでしょうか？

MACアドレスだけではだめですか？

組込みLinuxとOpenGLをつかった組込み開発（たぶん車載関係）というものがあるようなのですが
組込みじゃない一般的な？LinuxとOpenGLをつかったデスクトップアプリの開発とは、なにが違うのでしょうか・・・？
組込み開発というと、アセンブリ言語を使ってレジスタを操作するイメージが強いのですが、OpenGLを使うとなると、レジスタの操作って出てこないような気がしてなりません。
一般的な？LinuxとOpenGLでデスクトップアプリが開発できれば、組込みLinuxとOpenGLを使った組込み開発も、同じような感じでできてしまうものなのでしょうか？

「組込みLinux」「OpenGL」をつかった組込み開発とは

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

iOSアプリからPHPに情報を送る際の暗号化について

## 背景、状況

私は新たにSNSを開発しています。
その中でサーバーとの情報のやり取りでセキュリティを十分に確保する方法を探しています。

iOSではHTTPS通信が必須となっているのですが、一般的にHTTPS通信でもサーバーに送信する個人情報は暗号化すべきという意見がありました。

私の開発環境としては
クライアント→iOS
 サーバー→PHP(フレームワーク使用なし）
としており言語が違うため、この二つに共通した暗号化方式が見つからず、片方が暗号化しても複合化をすることができず困っています。

のちのちAndroidの対応も視野に入れているのでPHPを基準として、暗号化、複合化を考えた方が良いと思っているのですが、それは現実可能な考えなのでしょうか？
DBに格納された暗号化データは基本的に複合できないのが正しいセキュリティなのでしょうか？
セキュリティに関して最近学んでいるところなので拙いですが、ご意見あればよろしくお願いいたします。


iOSアプリからPHPに情報を送る際の暗号化について

### 実現したいこと

3体のキャラクターが重なったときの長いプログラムを短くしたいです。

### 前提
C言語、visual studio 2019、windows10を使いました。

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

```
エラーメッセージ
```

### 該当のソースコード
コードが長いんでURLを貼らせていただきます。コードが汚くて申し訳ありません。
[https://58.gigafile.nu/0318-d8cc747bb3a562cb4d6df43a49dc14274](url)



編集
貼ったURLがなぜかエラーになるので、
こちらをお願いいたします。
https://xgf.nu/7aNp
### 試したこと

ここに問題に対して試したことを記載してください。

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

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


３体のキャラクターが重なったときの長いプログラムをコンパクトにしたいです。

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

季節性とトレンドの違いについて理解したい。

## 背景、状況

STL分解を用いて時系列データ(10年分)を季節性、トレンド、残差に分解し、特徴を調べました。
縦軸の数値を揃えて比較したところ、トレンド成分がほとんどをしめた結果となり、季節性が少ないという結果になりました。
トレンド成分の出力結果から1年周期の増減があることが分かったのですが、季節性と何が違うのかが分かりません。1年周期での特徴があるならば季節性にもグラフとして現れるのではないのでしょうか。
いくら調べてもよくわからないため、ご意見をいただけると幸いです。
初歩的な内容で申し訳ありません。



季節性とトレンドの違い

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

4月に入社する新卒エンジニアに読んでもらいたい本を教えてください。

## 背景、状況

4月に新卒のエンジニアが数名入社予定です。
もしみなさまの会社に新卒のエンジニアが入社した場合、読んでほしい本を教えていただきたいです。
ちなみに[リーダブルコード](https://www.amazon.co.jp/%E3%83%AA%E3%83%BC%E3%83%80%E3%83%96%E3%83%AB%E3%82%B3%E3%83%BC%E3%83%89-%E2%80%95%E3%82%88%E3%82%8A%E8%89%AF%E3%81%84%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E6%9B%B8%E3%81%8F%E3%81%9F%E3%82%81%E3%81%AE%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A7%E5%AE%9F%E8%B7%B5%E7%9A%84%E3%81%AA%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF-Theory-practice-Boswell/dp/4873115655/ref=sr_1_1?adgrpid=52747835709&gclid=CjwKCAiAmJGgBhAZEiwA1JZolnj4Q20MXfgY-wPScIqcVyzkGUmRtfpdBaIFfPULgv5b-XjDGQlHGBoCPbAQAvD_BwE&hvadid=649212316475&hvdev=c&hvlocphy=1009307&hvnetw=g&hvqmt=e&hvrand=1367349375309342086&hvtargid=kwd-334307148361&hydadcr=16038_13644396&jp-ad-ap=0&keywords=%E3%83%AA%E3%83%BC%E3%83%80%E3%83%96%E3%83%AB%E3%82%B3%E3%83%BC%E3%83%89&qid=1678077875&sr=8-1)は読んでもらおうと思っています。

## 補足
※適切なタグがなかったためプログラミング言語のタグを設定していますが、言語に限らず広く募集します


新卒エンジニアに読んでもらいたい本を教えてください。

## [こちらのWebサイト](https://opendata.resas-portal.go.jp/)　を信用してよいか確認したいです。
内閣府提供のWebAPIで、市町村コードと市町村名を入手できるとのことですが、予め利用者登録からアクセスキーの入手が必要です。
それ自体は　問題ありませんが　Webサイトの配色が　どぎつすぎて　本当に大丈夫なのだろうか？
あたかも怪しいサイトかのような　配色で非常に不安があります。

## 背景、状況
多くの方が　利用しているWebAPIでしょうが　こんなに怪しげな配色のサイトから　皆さんは　利用者登録を本当になさったのでしょうか？　不安はなかったでしょうか

安全性の確信を得たいため　ご見解頂ければ幸いです。

内閣府提供　WebAPIを紹介したサイトを　信用してよい？？　

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

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クラス(利用場所)へ移動させたほうがいいのか。





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

### 前置き
（初めての質問なので過不足があったらご容赦ください）
C言語で組み込み開発（モータ系）を行っています
組み込み業界に移ってからまだ1ヶ月ほどで業界の標準がまだ分かっていない状況です

プロジェクトのコードを見ると関数間の値の受け渡しを殆どすべてグローバル変数に格納しています（引数、戻り値がvoid）
また、一つの関数内でしか使用しない変数も前回値を保存するためにグローバルです
上長に「グローバル変数を引数や戻り値、関数内staticを使うようにしないのか」と聞いたところ回答に対して一理あるな、と思う反面、腑に落ちない点も残ったため他の方（他社さん）はどのように扱っているのかをお聞きしたく質問させていただきました

一応私は「グローバル変数絶対に許さないマン」ではなく
・異なる割り込み間で値をやり取りする為にグローバル変数が必要となる
・変数のメモリへの配置を予め決められるため(?)必要なこともある
という認識です

### グローバル変数に対する上長の弁
（実機テストや客先など）現地で不具合が発生したとき、直ぐに値を確認できる。ローカル変数だと確認できない
ROMには余裕があるからグローバルでいい


デバッグ用にソフトを作成、書き換えをしなくてもよい、という点に関しては一理あるなと思うのですが、これば組み込み業界で一般的な考えなのでしょうか？

個人的には
不具合が出る前提で話をする点に違和感を覚えました
また、グローバルであることで、意図しない所で書き換えられる、単体テストができなくなる、リファクタリングができなくなる、などデメリットの方が圧倒的に大きい気がします（まぁ、単体テストもリファクタリングもしていないらしいのである意味問題ではないのかもしれませんが……）

組み込み開発でグローバル変数をどこまで許容できるか

### 実現したいこと
デジタルカタログ作成ツールで作成した電子書籍にページごとに音声を組み込みたいです。

### 前提

デジタルカタログ作成ツールで作成した電子書籍にページごとに音声を組み込みたいです。
HTMLファイル内にボタンを設置し、JavaScriptにて再生一時停止までは可能になりましたがページごとに音声ファイルを変更、またはページ数だけHTMLでボタン設置を行いdisplay:noneをしたのち表示されたページに合わせて該当の音声ボタンを表示させるようにしたいです。
JavaScriptに関してはほとんど初心者なのでここからのアプローチ方法がわからないためご教授願います。

MutationObserverというものを利用して
要素の変化を監視しそれに合わせた処理を行うという方法も検討したのですがエラーが出てしまいうまくいきません。

上記の方法でなくても良い方法があれば知りたいです。

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

```
audio.js:19 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
```

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

```html
<div class="audio_wrap">
  <div class="audio_button"></div>
  <audio id="audio_01" src="https://prism-prism.jp/japell_catalog/sound/00.mp3" loop>
    あなたのブラウザーは <code>audio</code> 要素をサポートしていません。
  </audio>
</div>

<div class="audio_wrap_02">
  <div class="audio_button_02"></div>
  <audio id="audio_02" src="https://prism-prism.jp/japell_catalog/sound/01.mp3" loop>
    あなたのブラウザーは <code>audio</code> 要素をサポートしていません。
  </audio>
</div>

```

```js
ソースコード	

var observer = new MutationObserver(function(){
  /** DOMの変化が起こった時の処理 */
  alert('DOMが変化しました');
});
 
/** 監視対象の要素オブジェクト */
const elem = document.getElementById('ps-info');
 
/** 監視時のオプション */
const config = { 
  attributes: true, 
  childList: true, 
  characterData: true 
};
 
/** 要素の変化監視をスタート */
observer.observe(elem, config);





window.addEventListener('DOMContentLoaded', function(){
  /** jQueryの処理 */

  var audioBtn = $('.audio_button'),
  audioWrap = $('.audio_wrap'),
  audio = document.getElementById('audio_01');

  audioBtn.on('click', function () {
    if( audioWrap.hasClass('play') ) {
      audio.pause();
      audioWrap.removeClass('play');
    } else {
      audio.play();
      audioWrap.addClass('play');
    }
  });
});




window.addEventListener('DOMContentLoaded', function(){
  var audioBtn = $('.audio_button_02'),
  audioWrap = $('.audio_wrap_02'),
  audio = document.getElementById('audio_02');

  audioBtn.on('click', function () {
    if( audioWrap.hasClass('play') ) {
      audio.pause();
      audioWrap.removeClass('play');
    } else {
      audio.play();
      audioWrap.addClass('play');
    }
  });
});```

```css
.audio_wrap {
    position: absolute;
    top: -1%;
    left: 20%;
    z-index: 9999;
    display: block;
}

.audio_button {
    width: 200px;
    height: 100px;
    margin: 0 auto;
    background: url(https://prism-prism.jp/japell_catalog/btn/play_dog_1.png) no-repeat center center;
    background-size: contain;
}

.play .audio_button {
    background-image: url('https://prism-prism.jp/japell_catalog/btn/play_cat_1.png');
}




.audio_wrap_02 {
 position: absolute;
    top: 29%;
    left: 20%;
    z-index: 9999;
    display: block;
}


.audio_button_02 {
    width: 200px;
    height: 100px;
    margin: 0 auto;
    background: url(https://prism-prism.jp/japell_catalog/btn/play_dog_1.png) no-repeat center center;
    background-size: contain;
}

.play .audio_button_02 {
    background-image: url('https://prism-prism.jp/japell_catalog/btn/play_cat_1.png');
}



@media(max-width:768px){

.audio_wrap {
    top: 0%;
    left: 0%;
}
.audio_button {
    .audio_button {
    width: 250px;
    height: 125px;
}
}


.audio_wrap_02 {
   top: 0%;
    left: 0%;
}

.audio_button_02 {
    .audio_button {
    width: 250px;
    height: 125px;
}
}

}

```



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

ebook5というもので電子書籍は作成しました


作成した電子書籍にページごとに音声再生

### 実現したいこと

マイクの入力にハイパスフィルタをかけたいです。

### 前提

Pythonを用いてマイクの入力をpyaudioで受けて、numpyを用いて離散フーリエ変換する事で、
ローパスフィルタをかけようとしています。

### 発生している問題

後述のように、フーリエ変換を少しでも変更するとノイズが発生します。
これは離散フーリエ変換の性質なのか、問題が発生しているのかわかりません。
フーリエ変換の性質の場合、音声にフィルタをかけるためには何が必要でしょうか。

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

```Python
import pyaudio
import numpy as np
import math
import matplotlib as mpl
import matplotlib.pyplot as plt


def audio_trans(inp):
    """
    w = np.zeros(512, dtype=float)
    for i in range(512):
        w[i] = (math.cos(i / 512 * math.pi * 2 - math.pi) + 1) * 0.5
    """
    # data size
    aaa = 512 * 2 * 2
    # passing frequency
    freq = 0

    '''
    f = np.fft.rfftfreq(2048, 1 / 44100)
    x = np.arange(1025)
    y = np.arange(512)
    plt.plot(x, cv_data.imag, color="cyan", alpha=1)
    plt.plot(x, cv_data.real, color="red", alpha=0.5)
    plt.show()
    '''
    # fourier transforming
    fft_data = np.fft.rfft(inp, aaa)

    # editing coefficients
    cv_data = np.zeros(aaa // 2 + 1, dtype=np.complex_)
    for i in range(aaa // 2 + 1 - freq):
        cv_data[i] = fft_data[i]

    # invert fourier transforming
    fft_data2 = np.fft.irfft(cv_data, aaa)

    # era-kaihi
    fft_data3 = np.real(fft_data2)
    fft_data4 = np.zeros(aaa, dtype=int)
    for num in range(aaa):
        fft_data4[num] = int(fft_data3[num])

    ret = np.array(fft_data4)

    return ret


def main():
    CHUNK = 1024
    RATE = 44100
    p = pyaudio.PyAudio()

    stream = p.open(format=pyaudio.paInt16,
                    channels=1,
                    rate=RATE,
                    frames_per_buffer=CHUNK,
                    input_device_index=1,
                    output_device_index=10,
                    input=True,
                    output=True)

    while stream.is_active():
        st_input = stream.read(CHUNK)
        data = np.frombuffer(st_input, dtype='int32')
        
        # to editor
        data2 = audio_trans(data)
        
        input2 = np.frombuffer(data2, dtype='int32')
        output = stream.write(input2)

    stream.stop_stream()
    stream.close()
    p.terminate()

    print
    'Stop Streaming'


if __name__ == '__main__':
    main()
```

### 試したこと

freqを0にする、つまりフーリエ変換に変更を加えないと、望んだ音が返ってきました。
フーリエ変換の値の一部を0にすると、周波数に依存するノイズが発生しました。
値を1000000+1000000j減算してもノイズが発生しました。
値を2で除算してもノイズが発生しました。
有意に変更を加えると正しい音声にならない？

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

IntelliJ IDEA 2021.3.3 (Community Edition)
Build #IC-213.7172.25, built on March 16, 2022
Runtime version: 11.0.14.1+1-b1751.46 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.


