常連

注目の的

### テーマ・知りたいこと
ブラウザ上で動作するJavaScriptと、別の何かを組み合わせて、ローカルファイルの読み書きを可能にする方法をご提案いただきたいです。
### 背景
HTML、CSS、JavaScriptを用いて開発した、ブラウザ上で動作するアプリケーションから、HTMLと同じフォルダに配置したローカルファイル(テキスト、バイナリ問わず)を操作したいです。アプリケーションは自宅PCでのみ使用し、サーバーへのアップロードや、PCをWebサーバー化することなどは想定していません。
実際にローカルファイルに触るのはC#で開発したexeやdllになると思われますが、JavaScript上では、下記のような形で利用できることを理想とします。
```js
let str = await readTextFile("test.txt"); //読み込み
await writeTextFile("test.txt", str); //書き込み
```
読み込みだけなら```--allow-file-access-from-files```の起動オプションで起動したChromeで```XMLHttpRequest```や```fetch```が利用できることは知っています。
これまでに検討したことや、すでにやったことがあることを列挙します。
### C#で作成したCOMをActiveXObjectで利用する
IE限定。Chrome等のブラウザでは当たり前のように利用できるオブジェクトやメソッド、CSSのプロパティが利用できない。ブラウザで読み込んだときに一度だけ警告ダイアログが表示される。
### Chrome ExtensionとNative messagingの組み合わせ
C#で作成したexeとNative messagingを通じてやりとりする。
exeからChrome Extensionへの通信には1MBという制限がある(逆は4GB)。
### chrome.fileSystem
Chrome App限定。
### File System Access API
一度ファイル選択ダイアログで、操作するファイルを選択する必要がある。
### WebSocket API
 WebSocketサーバーとして動作するexeを作成し、JavaScriptのWebSocket APIでexeと通信する。JavaScriptから発行されたコマンドをWebSocket APIを通じてexeに送信し、exeがローカルファイルを作成する。
### 除外
「ブラウザ上で動作するJavaScript」であるため、
- Electronでexe化する
- C#で開発するアプリケーションにWebViewを配置し、その中のJavaScriptからC#のクラスやメソッドに触れる(いわゆるハイブリッドアプリケーション)
は方法として除外します。また、
- PCをApacheなどでWebサーバー化し、PHPなどを通じてローカルファイルの読み書きを行う
ことも除外します。

---
上記以外で方法があればご教授ください。
よろしくお願いします。

ブラウザ上で動作するJavaScriptからローカルファイルの読み書きをする方法について

## 知りたいこと
シングルマルチ問わずどのように運営しているのか気になっているため

## 背景、状況
Javascriptを学んでいて個人でブラウザゲームの運営をしようと考えております。
しかし、やるにしてもあまりにも経験が少なすぎるため、皆様の考えを取り入れたいです。
私が作りたいイメージとしては某リズムゲーを意識しています。

聞きたい内容としては以下三点です。
1. レンタルサーバーもしくは自作サーバーどちらを使用しているか
2. 1に応じてセキュリティ対策(主にアクセス制限など)はどうしているのか
3. 個人的にnginxにしようと思っているのだが、apacheのほうが動的コンテンツに強いと聞いて迷っている

以上三点となります。

## 調査したこと
nginxのインストールおよびその設定方法について調査した。
https://www.wakuwakubank.com/posts/611-web-server-nginx/

nginxとapacheの違いについて調査した。
https://www.geekly.co.jp/column/cat-technology/1903_096/




個人ブラウザゲームの運営方法に関して

無料でPHP,MySQLを使える所でWeb系の勉強を始めて今PHPでMySQL(DB）に接続することをやっているのですが、接続自体は多くのサイトで解説されているので問題なく接続できたのですが、データベースへの接続情報（ユーザー名、パスワード等）をPHPファイルにそのまま書き込んでいます。
これは問題があるのではないかと検索してみたのですが、良いとも悪いともどちらも上手く見つける事が出来ませんでした。
DBに接続できているので技術的な話ではないかもしれませんが、よろしくお願いいたします。

PHPでDBに接続する時にパスワードを平文で書いて良いのか

## テーマ、知りたいこと
Wordpressのphpファイルにデータベースの接続情報を平文で直接記入してサーバーにアップしても大丈夫なのか知りたいです。


## 背景、状況
会社のブログページのWordpressで、Contactform7で作ったフォームのドロップダウンメニューの選択肢に対して、人数制限をしたいと考えております。
プラグインなども調べたのですが、ピッタリな良いプラグインが見つからず、自作した方がいいのかと思っています。

調べてみたところ、phpファイルでDBにつなぐために、DB情報をphpファイルに平文で書かれたコードがありました。
この場合、もしこの内容が外部から見られた場合、セキュリティ的に心配だと思います。
phpファイルにデータベースの情報を直接記入して、サーバーにアップしても大丈夫なのでしょうか。

どなたかご教授いただきたいです。
よろしくお願いいたします。



Wordpressのphpファイルにデータベースの接続情報を直接記入しても大丈夫なのでしょうか。

自分はホームページ作りをしたいです。
なにも知識がないことだけはわかってください。
また、エンジニアになりたいわけでもないし、
プログラミングでお金儲けをしたいわけでもないです。
html cssを学べば簡易的なホームページ作りができると調べて出てきて、勉強していて簡単なホームページは作れそうです。
しかし自由度が少ないというか、自分が思った通りのデザインができません。もっと違う言語を学べばデザインの幅は広がりますか？またそう言った場合どんなことをすればいいですか？
初心者すぎて申し訳ございません

初心者のホームページ作成

### 前提
C++の入門書を一通り終え、MFCアプリの勉強を始めた初心者です。
Visual C++のMFCアプリケーションにて図形の描画や移動、回転、削除などを操作するものを作ってみています。

### 実現したいこと
マウスのクリックやドラッグ、マウスホイールの操作によって図形を操作できるように、マウスイベントの定義方法を知りたいです。
マウスイベントの定義方法や手順を、箇条書きやコード（簡易的なもので構いません）などでご教授願いたいです。
よろしくお願いいたします。

具体的には
クリック→座標を取得、頂点の選択
ホイール→図形の拡大、縮小
ドラッグ→移動
などをしてみたいです。あくまで希望なので、実現可能なものなのかは定かではありません。

### やったこと, わからないこと
・ツールボックスのButtonのイベントを利用して、図形の描画、移動、回転などは実現できました。

・ツールボックス内のイベントしか使ったことがなく、デフォルトのツールボックスにはマウスイベントを指すものがないため、マウスイベントをどこに、どのように定義すればよいのかがわかりません。

### 補足情報（FW/ツールのバージョンなど）
Visual C++、MFC、Visual Studio version2022


マウスイベント（クリック、ホイールなど）をVisual C++のMFCに導入する方法を教えてください。

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

プログラミング関連の仕事やアルバイトが見つからず、悩んでいます。

## 背景
ドイツに渡って10年以上こちらに住んでいます。2019年の秋から現地でプログラミングをブートキャンプと呼ばれるコースで3ヶ月学びました。その後1年以上独学で学び続け、幾つかのウェブアプリを作成しました。

## 状況
プログラミングの仕事を探しましたが、コロナウィルスやウクライナ問題に起因した不況で、ドイツではプログラミングの仕事を見つけることはできませんでした。

語学の問題もあると思い、日本のリモートの仕事を探したのですが、それも見つかりませんでした。

## 質問
どうしたら私の能力にあった仕事やアルバイトを見つけられるでしょうか？また、どのようなプラットフォームで探せば良いのでしょうか？ちなみにLinkedInやRemoguで探しましたが、うまくいきませんでした。

## お願い
もし下記の技術スペックでリモートのアルバイトなどを探していたら、ご連絡ください。がんばって働きます。あまり若くないですが、学ぶ意欲、がつがつ働く意欲はかなりあります。

## 技術スペック
React、JavaScript、CSS、 HTML、MongoDB、前職はSEOです。
制作したウェブアプリの一部です。（下記のウェブアプリは個人広告ではなく技術レベルを伝えるものです）
[自作アプリ/ベルリンの美術館検索](https://museum-project2.vercel.app/#/)(React、MongoDB、JavaScript)
[自作アプリ/ドイツの天気予報及び各州の祝日情報 ](https://weather-api3.vercel.app/)(React、JavaScript)
[自作アプリ/有名な引用をランダムに表示](https://express-api-quote.vercel.app/)(JavaScript)


プログラミングの仕事やアルバイトの探し方を教えてください。（プログラミングの職歴はありません）

[AIによる影響について](https://teratail.com/questions/ibuwo2k7mbgvje)

上記スレを読んでいて皆様が思ってる事に対する意見交換をしたいと思います

上記スレの返信で大半の人がＡＩが進歩しても大人たちが自分らに仕事を与えてくれる前提で話してる

さらに突っ込むとＡＩに学習させるのはいつまでも人間だと錯覚してる

プログラムのジャンルで言うといずれＡＩが構築するプログラムはＡＩじゃないと理解できない世界に到達する

今は既存の言語をネットに溢れてる知識を使ってＡＩが構築してるけど
ＡＩが言語構築自体へ足を踏み入れることを考えていない

言い方を変えるとＡＩがプログラムしやすい環境をＡＩを使って構築していくということ
そしてＡＩが構築していく環境で生み出されるプログラムは人間が理解できない領域に達すると考えてる

今ですら複雑な計算とかそういうものはコンピュータ頼りになってて、それを手動で証明できる人もいるけどそんなのはごく一部なわけで、
さらに言うとコンピュータが人間が理解できる数字というものを使っているから証明ができるとも言える

ワンクリックでコンピュータが答えを教えてくれる方法があるならわざわざ金を払って人を雇う必要なんてない

電車の切符なんかも昔は人間が確認してたけど今では電子マネーが当たり前
何かのお店で注文するときはタブレット、会計は自動レジ
売上の会計や在庫管理、データ管理はposレジに丸投げ

ＡＩという今までよりも便利にコンピュータを使う手段が生まれた今は今まで以上にその分野に投資することだろう

そんな中でプログラム関連だけなぜいつまで経っても金持ちがわざわざ金を払って自分に仕事を与え続けてくれると自惚れられるのかｗ

現時点での現実的な話で言えば
洗濯しといてと物を渡したらおもむろに洗濯板を用意してこすり始める人とか
何かを計算しといてといったらソロバン取り出してパチパチし始める人とかそんなのいたら
そんなことしなくていいから目の前にある洗濯機とか電卓使ってよってなるだろ
いくら当人に、いや、洗濯は手でやらないとキチンと洗えません！とか電卓はエラーが出る可能性があるので！とか言われたとこで困惑するだけｗ

プログラムも同じ

今は初期段階で既存の言語やネットで拾った知識を人間がＡＩを使って読み出す状態だけど、これって見方を変えるとデバッグ作業と変わらなくて
ある段階までいけばそのまま作らせるようになる

これも身近な話で言えばＣ言語とかのコンパイルが必要な言語も
今は組み込みを人間を通すからＣ言語という人間が認知しやすい文字列で吐き出させてるだけで
普通に考えればそんな手間かけずに最初からダイレクトに機械語で吐き出させたほうがスムーズ

んでこれを突き詰めると人間が読まないなら別にＣ言語とかの既存の言語に拘る必要もなく、
ダイレクトに機械語発信できるなら今あるシステムもそれにあわせて発展させたほうが延びしろも高く、
さらに言うとそのシステム自体ＡＩにやらせりゃいいじゃんとなり
そのうち人間じゃ理解できない領域に進み、さらに進むと理解しようという感覚すらなくなって、そういうものだっていう世界になる

てかもうそういう今まで人間がやってたことでも人間が考えなくてもいいじゃんっていうものは巷に結構あふれてきてる
コンビニとかマクドナルドみたいな店でも在庫の管理とか総菜の作り置きの個数とかは日にちや天候、過去のデータとかを元にＡＩが自動で指示してる（はず）
レジも自動だし会計も自動
在庫管理から調理指示まで全部ＡＩが出してるってなると
これって言い換えるとコンビニとかマクドナルドとかはすでにＡＩに命令されて人間が動いてるって世界

話を戻すとそんな状態の中で何でプログラマーだけ自分らの仕事がなくならないと考えるのか理解に苦しむ

AIによる影響についての皆様の意見に対して

### 実現したいこと
クリックすると要素が回転する機能を実装したいです。

ここに実現したいことを箇条書きで書いてください。
-
・要素をクリック
・回転
・要素をクリック（２回目）
・回転

以降繰り返し

### 前提

html/css JavaScriptでクリックをすると回転する要素を作りました。
初回のクリックで回転することは確認できました。
2回目以降のクリックで回転しないことを確認しました。
2回目以降のクリックでも回転するように実装を行いたいです。

### 発生している問題・エラーメッセージ
2回目以降のクリックで回転しない。


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

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>roll</title>
</head>

<body>

  <div></div>

  <style>
    div {
      width: 30px;
      height: 10px;
      border-radius: 10px;
      background: #000;
    }

    .roll {
      transform: rotate(360deg);
      transition: all 1s;
    }
  </style>
  <script>
    const bar = document.querySelector('div')
    console.log(bar)
    bar.addEventListener('click', () => {
      bar.classList.remove('roll')
      bar.classList.add('roll')
    })
  </script>
</body>

</html>
```

### 試したこと

bar.classList.toggelとすることで、クリックの奇数回は回転することを確認しました。
削除を行ってから付与したらいいのかと思い、今に至ります。

以上になります。
ご教授いただけますと幸いです。


クリックすると要素が回転する機能を実装したい

未経験から転職してエンジニアになりたいと考えているのですが、皆さんなら何から始め、どのように転職し、転職後どのようなキャリアを歩んでいきますか？

背景
DXも推進されているため、プログラミングは需要がありそうなので、「プログラミングスキルを得たい」「できれば就職したい」と考えております。
現在27歳で、社会人経験は5年です。ちなみにプログラミングは触ったことはありません。
そのため、転職するために以下を始めようと思ってます。
- プログラミングスクールに通う
- ポートフォリオを自分で作る
- 何かしらのサービスを作ってみる
もし他におすすめの方法があれば教えていただきたいです。
また、未経験だと実務経験は無いため、上記を行ったとしても転職できる会社は条件が良くなかったり、給料は低いのでしょうか、、。（最初は仕方がないと思ってますが。。）
学習意欲はありますが、どこも採用してくれなかったり、今後のキャリアが大丈夫か不安です。

未経験から転職した方のご意見も伺いたいです。

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

未経験者です。エンジニアとしてキャリアを歩みたいと考えた時、今の時代何から始めますか？

## テーマ、知りたいこと
こんにちは。

いわゆる、RPGジャンルのゲームをいずれ作りたいなと考えており
その中で職業（クラス、ロール、ジョブ）を実装する際の仕組みを考えていました。
（職業ごとにステータスに差異があり、使えるスキルや特性が異なるようなイメージ。例えばドラクエの勇者や魔法使い、戦士など・・・）

まず思い浮かんだのが抽象クラスを使って
基底クラスから各職業（戦士、魔法使い、弓使いなど）のそれぞれのクラスを実装していくというものでした。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-02-10/c4104dd3-3c3f-4574-9066-20f7c71cfd3f.png)
※画像引用：https://xr-hub.com/archives/19842

ただ、私がまずこれを思いつくという点でこれが最上の案ではないように思え
もっと良い方法があるのではないかと考えるようになりました。

なんと呼ぶのかわからないのですが
Unityのコンポーネントのように、「魔法のメラが使えるコンポーネント」みたいなものを
その人ができることとしてを１つずつ組み立てていく？ など
他にも、何かしら良いアプローチが取れるような気がしています。


考え方の参考になるパターンや、キーワード、実装例、こういう機能も使えるなどがあれば意見をいただきたいです
よろしくお願いいたします。

ゲームで職業を作るときの実装方法について

発生しているものとしては
Segmentation faultになるのですが

色々デバッグしている中で何とか分かったのは
デストラクタ後にデストラクタが走ったクラスのスロットが動作し続けてしまっています
恐らくデストラクタが走る前に動いていたスロットだと思うのですが
そのせいで破棄されたクラスのオブジェクトにアクセスしようとしてセグ落ちが発生しているのだと思います
ふわふわした情報で申し訳ありません...

クラスが破棄されると同時に、動作中のスロットも停止させることはできないのでしょうか？

よろしくお願いします

##追記
情報が少なく言葉足らずで申し訳ありません...
分かった情報などをまとめさせた頂きます

- 該当スロットはデストラクタが走る前に、呼び出されたもの
- 該当スロットではループの処理をしている、ループ中にデストラクタが走っています
- ループ処理内では`QEventLoop`と`QTimer::singleShot`を使ったスリープを使って1秒間隔で処理するようにしてある（個人的にはコレが何か問題を起こしているのかと思っております）
- 該当スロットのループ内とデストラクタにログを仕込みましたが、デストラクタのログ後にループのログが確認できているので、デストラクタ後にも動き続けていると判断しました
- 回答に頂いたので、`this`のアドレスをログで出力させたのですが、デストラクタ後に該当スロットループ内のログでセグ落ちが発生しました、破棄された`this`へのアクセスのせいだと思われるので、私が考えている問題は起きていると思われます
- ループ内でローカル変数へのアクセスは問題が起きませんが、メンバ変数へのアクセスをするとセグ落ちが発生します

ここまで書いて、あることに気付いたのですが
そもそもセグ落ちしている関数はスロット内で呼ばれているprivateメンバ関数です...
実質スロットの処理ではあるとは思いますが一応情報だけでも...
また何か状況が変わらないかと思い`emit`で該当スロットとコネクトしてあるシグナルを呼び出していたところを、`QTimer::singleShot`で動作させてみたのですが状況は変わりませんでした

【Qt】クラスのデストラクタが走った後に、スロットが動き続けてしまう

### 追記２：int32_t様のコードで、やりたいことが出来ましたので、記録として残しておきます。

```JavaScript
async function sleep(sec) {
    const startTime = performance.now();
    return new Promise(resolve => {
        const sleepInternal = tick => {
        if (startTime + sec * 1000 <= tick) {
            resolve();
        }
        requestAnimationFrame(sleepInternal);
        };
        requestAnimationFrame(sleepInternal);
    });
}
```
変更点
１． ```function```の記載がなかったので、最新のJSはこういう構文なのかな？と思い試してみましたがやっぱり必要だったようなので追加
２．繰り返しの再帰呼び出しメイン処理の再帰関数```recursive_show_marked()```を```async```にして、```await sleep(2)```するようにした
３．再帰関数を最初に呼び出すイベントハンドラも```async```にして、```await recursive_show_marked()```するようにした
　　（イベントハンドラが```async```でいいのかと一瞬悩みましたが、これでいいはずと修正）

[CODEPEN](https://codepen.io/nekora/pen/KKeEVRe)も、修正済みなので、ご興味があればご確認ください。

### 追記２：ここまで

### 追記：皆様のアドバイスを参考にsleep関数を作り変えてみました
```JavaScript
    var start;
    var sleep_flag = false;
    var id_rAF;
    function sleep(sec) {
        // 指定秒数スリープさせる
        if (sleep_flag == false) {
            console.log("Sleeping");
            start = new Date().getTime();
            sleep_flag = true;
        }

            let progress = new Date().getTime() - start;
            let wait_time = sec * 1000;
            if (progress < wait_time) {
                id_rAF = window.requestAnimationFrame(sleep.bind(null, sec));
            }
            
            id_rAF = window.requestAnimationFrame(sleep.bind(null, sec));
            cancelAnimationFrame(id_rAF);
            console.log("Sleeping Break!!");
            sleep_flag = false;
            return;
    }        
```
以上の様に、作り変えた所、**結果は表示されるにはされるのですが、
別の問題が発生してしまいました**

0. 内部で指定秒数まっているつもりなのですが、```wait_time```分待ってくれない
1. 直前の```requestAnimationFrame```のIDで```cancelAnimationFrame```を行っているはずなのに、
　requestAnimationFrameが終了せず、コンソールにsleepのログが出続ける


という、新たな問題に直面しています。[CODEPEN](https://codepen.io/nekora/pen/KKeEVRe)のコードも直してあります。
ご覧いただけると幸いです。

**申し訳ありませんが、再度アドバイスを頂ければ幸いです。**

### 追記ここまで

### 再帰呼び出しのたびに画面も更新していきたい

現在OJTで、初心者のJavaScriptでの課題を指導していますが、思った動作にならず、又、当方の再帰呼び出しへの理解が浅かったため
有効なアドバイスが出来ず、立場上困ったことになっています。
当方の理解レベルは下記のリンクにあったコード程度の理解で、今までは特に困ったことはありませんでしたが、
今回はより込み入ったコードになっており、画面更新が適宜行われません。
参考サイト：[【初心者】JavaScriptでストップウォッチの作り方](https://nyanblog2222.com/programming/javascript/4829/)

申し訳ありませんが、諸先輩方のお知恵をお借りしたく質問させていただきます。

OJTの課題は５×５マスのゲーム盤に上から落としていき、ぷよぷよもどきのゲームを作ってもらっています。
マニュアルモードは完成したのですが、**最適解を求めるために再帰呼び出しを使ってコードを書いた所、
途中経過が表示されません、デバッガーでブレイクポイントをはって実行するとちゃんと画面更新されます。**

何がいけないのか、どこがダメなのか、どうすれば良いのかのアドバイスをいただけたら幸いですm(_ _)m

### 実現したいこと
「自動進行機能」をONにしてから最初の駒を落とすと途中経過が出ません。
ブレイクポイントをはると途中経過を確認できます。
ブレイクポイントをはらなくても適宜画面更新されるようにしたい

### 発生している問題

そのまま実行すると、終了時のみ画面表示される。
途中で、ブレイクポイントをはって実行していくと適宜画面表示される。

再起呼び出しを行っている関数は```recursive_show_marked()```です。
```sleep関数```に入ってすぐにブレイクポイントをはって、止めながら進めると、適宜画面更新されます。

コードが長くて入らなかったので、CODEPENに記載しました
[CODEPEN](https://codepen.io/nekora/pen/KKeEVRe)

申し訳ありませんが、諸先輩方のお知恵を拝借出来たら幸いです。



再帰呼び出しを行うと、処理が終わってからでないと画面が表示されない

extends継承とimplements実装の違いについて質問です
```ここに言語を入力
コード
public class Player{
	int winCount;
	Random rnd = new Random();

	public int getPoint(){
		int ran = rnd.nextInt(3);		//0～2ランダム
		return ran;
	}

    public void addWinCount(){
		winCount++;
	}
}

```

```ここに言語を入力
コード
public class Player1 extends Player{

	@Override
	public int getPoint(){
		int ran = 0;

		return ran;
	}
}
```
継承の場合
上のようなPlayerクラスを継承したPlayer1クラスはgetPointメソッドは上書きされるがaddWinCountメソッドはPlayerクラスと同じように使える

実装の場合
下のようなTacticsクラスを実装したRandomTacticsクラスはreadTacticsメソッドが上書き？されている

私の解釈が間違っているからかもしれませんが、どちらも上書きするだけでそんなに大差が内容に感じます。
継承はPlayerクラスがベースにあって継承することで上書きや処理を追加できるのはわかります。
実装の方はただ上書きするだけのように思います。

いまいちよくわからないのでimplementsの使うべきタイミングやメリットを教えていただきたいです。
まとまりのない文章ですがよろしくお願いします。

```ここに言語を入力
コード
public interface Tactics{

	public int readTactics();

}
```

```ここに言語を入力
コード
public class RandomTactics implements Tactics{
    int winCount;
	Random rnd = new Random();

	@Override
	public int readTactics(){
		int ran = rnd.nextInt(3);		//0～2ランダム

		return ran;
	}

    public void addWinCount(){
		winCount++;
	}

}
```

継承と実装の違い　インターフェースについて

### 前提

いつもお世話になっております。
wordpressの仕組みで気になったことがあるので、質問させてください。

### 実現したいこと

wordpressを利用していて思ったのですが、なぜwordpressは実際にないディレクトリーにアクセスするとページが表示されるようになっているのでしょうか。
例えば、
```https://example.com/star```
というページにアクセスすると、星に関するページが表示されるとします。
しかし、実際にFTPでファイル構造を確認してみると、```star```なんてフォルダは存在しません。
これはどうしてなのでしょうか。
また、実際にPHPで実装してみたいのですが、参考になるサイト等、ありますでしょうか。

Googleで検索をかけてみたいのですが、この仕組みを何というのか（この仕組みの名前）がわからないため、検索をかけることができません。
どうかお力をお貸しいただけないでしょうか。
なお、質問内容に不備があれば訂正させていただきます。

wordpressがなぜ、無いディレクトリーにページを表示できるのか。

PHPのマニュアルによると
`setcookie() は、その他のヘッダ情報と共に 送信するクッキーを定義します。 ほかのヘッダ情報と同様に、 クッキーは、スクリプトによる他のあらゆる出力よりも前に 送信される必要があります（これはHTTPプロトコルの制約です）。 <html> や <head> タグはもちろん 空白も含め、あらゆる出力よりも前にこの関数をコールするようにしなければなりません。`

Javascriptで下記のコードを書いてみました。ヘッダー、bodyを出力後にcookieの操作が可能に思えます。
```javascript
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>cookie test</title>
</head>
<body>
cookie test!
<script>
let number = Math.floor( Math.random() * 99999999999 ) ;
console.log('number_'+number);
document.cookie = 'number_'+number+'=saved';
console.log(document.cookie);
</script>
</body>
</html>
```
リロードを何回しても、ちゃんと保存されるし、呼び出せます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-07/2ec9d053-5ad2-4049-b20b-b90505666b33.png)


他の言語についてもなにか制限があるのかと思ったのですが、詳しくないためか（あるいは制限がないのか）、同じような「あらゆる出力よりも前にこの関数をコールする」というものを見つけられませんでした。

phpの`（これはHTTPプロトコルの制約です）`とあるのですが、`あらゆる出力よりも前にこの関数をコールする` はphp言語ならではの仕様ということなのでしょうか？

cookieの保存、phpは「あらゆる出力前」だけど、javascriptはいつでも大丈夫？

C#からJavaでの研修に変更になり、htmlとcssでモックアップを作成しています。

下の画像のようなページを作りたいのですが、レイアウトがうまく綺麗にいかず苦戦しています。

inline-block,table-cellあたりを使おうかなとコーディングしていました。

![イメージ説明](63fda98c2bdbf30a3a4e3034a6c1069c.png)

```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>社員登録</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<p>
社員No<input type="text" name="namae" size="40" maxlength="4"><input type="button" value="選択">
</p>
<p>
フリガナ<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>
氏名<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>性別
<input type="radio" name="sex" value="male" checked="checked">男性
<input type="radio" name="sex" value="Female">女性
</p>
<p>
郵便番号<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>
住所１<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>
住所２<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>
電話番号<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>
FAX<input type="text" name="namae" size="40" maxlength="20">
</p>
<p>所属部門
<select name="bumon">
<option value="A">総務部</option>
</select></p>
<p>研修生区分<input type="checkbox" name="riyu" value="1">研修生</p>
<button type="submit" disabled>削除</button>
<button type="submit">登録</button>
<button type="submit">終了</button>
</body>
</html>
```
追記

上記のhtmlコードで最初に組んでレイアウトが綺麗でなかったため、
class属性のitemを作ってコーディングしてみたのですが。。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>社員登録</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<ul class="container">
  <li class="item">社員No</li>
  <li class="item"><input type="text" name="namae" size="40" maxlength="4"></li>
  <li class="item"><input type="button" value="選択"></li>
</ul>
</body>
</html>
```

```css
p{
  font-size: 12px;
}

input.num { width: 60px; }

.container {
  text-align: center;
}
.item {
  display: inline-block;
  vertical-align: middle;
}

/* ↓class="item"の中のulに対してCSSを適用*/
.item ul {
  list-style-type: none; /*箇条書きのポッチを消す*/
  text-align:center /*左右中央寄せは親要素に対して指定*/
  }

/* ↓class="item"の中のulの中のliに対してCSSを適用*/
.item ul li { 
  display: inline-block;/*inline-blockにします*/
  width: 80px;/*幅も指定できる*/
  height: 40px;/*高さも指定できる*/
  padding: 100px 0;/*余白も指定できる*/
  margin: 100px 0;/*余白も指定できる*/
  vertical-align: middle;/*縦の表示位置も指定できる*/
  background: skyblue;/*背景を水色に*/
  font-weight: bold;/*文字を太字に*/
  color:white /*文字色を白に*/
  }
```

markdownうまく出来ず申し訳ないです。

詳しい方いらっしゃいましたらご教授お願いします。

inline-block, table-cell レイアウトの組み方

JavaScript初心者です。
どこをどういじったらいいかわかりませが、
落下してきたときにバウンドして消したいです
詳しい方教えて下さい。
```ここに言語を入力
<body onKeyDown=K=event.keyCode-38 id=D><script>for(M=N=[i=113];--i;M[i-1]=i%8<
2|i<8){function Y(){e++;if(e%=10)for(N=[K-2?K-50?h-=M[h+l-K]|M[h-K]?0:K:M[h+p]||
(x=p,p=-l,l=x):e=0],K=0;++i<113;N[i]=M[i])N[h]=B>>2,N[h+l]=B%4-B%1+2;if(!e&&(h
-=8,!g||M[h]+M[h+l])){C=[M=N];for(i=g=1;++i<103;!M[i]*n&&(M[i]=n,g=M[i+8]=0))n=
M[i+8];for(;--i;){n=c=0;for(E=[i];g&M[i]>1&n>=c>>2;t>102|C[t]|M[i]-M[t]||(E[++n
]=C[t]=t))t=p,p=-l,l=t,t+=E[c++>>2];for(;c>16&&n;)g=M[E[n--]]=0}B=g?Math.random
(h=100,l=8,p=-1)*16+8:--e}for(i=104,S="";i--;S+=n--?n?"<a style=color:#"+(248*n
)+">●"+"</a>":i%8?"■":"■<br>":"＿")n=N[i];D.innerHTML=S;M[100]*g||setTimeout
(Y,50)}}Y(g=h=e=9,l=p=K=0)</script>
```

JavaScript ぷよぷよ

Unity 2021.3.3f1
3D

脱出ゲームを制作していまして、マウスのホイールの動きによってカメラを動かすようにしています。
transform.positionで動かしていることもあり、壁をすり抜けてしまうので、Rayをカメラの方向に進む分だけ飛ばして
壁に当たったら移動させない　という風にしたいのですが、うまくいきません。

■CameraManager.cs
```
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class CameraManager : MonoBehaviour
{
   
    //クリックで前に進むで追加
    public float speed = 0.1f;
    // マウスホイールの回転値を格納する変数
    private float scroll;

    //Raycastの当たり判定情報
    RaycastHit hitInfo;

    // Start is called before the first frame update
    void Start()
    {
        Camera.main.transform.position = mainCameraTransforms[1].position;
        Camera.main.transform.rotation = mainCameraTransforms[1].rotation;
    }

    private void Update()
    {                
        //ホイール操作によるカメラ移動。参考：http://corevale.com/unity/6445 
        scroll = Input.GetAxis("Mouse ScrollWheel"); // マウスホイールの回転値を変数 scroll に渡す

        // カメラの前後移動処理    
        if (scroll > 0 || scroll < 0)
        {
            if (Physics.Raycast(Camera.main.transform.position, Camera.main.transform.forward, out hitInfo, scroll * speed))
            {
                Debug.Log("壁！");
            }
            else
            {
                //カメラの移動（カメラが向いている方向 forward に変数 scroll を加算する）
                Camera.main.transform.position += Camera.main.transform.forward * scroll * speed;
            }
        }

        //Rayが出ているかのチェック
        if (Physics.Raycast(Camera.main.transform.position, -Camera.main.transform.up, out hitInfo, 5.0f))
        {
            Debug.Log("hit");//hitって表示する
        }     
    }         
}

```

マウスのホイールでカメラの前後の移動は問題なくされますが、
壁があるときは、Logに壁！と出すだけで移動させたくないのですが、移動してしまいます。

またRayが出ているか確認するために
```
//Rayが出ているかのチェック
        if (Physics.Raycast(Camera.main.transform.position, -Camera.main.transform.up, out hitInfo, 5.0f))
        {
            Debug.Log("hit");//hitって表示する
        }   
```
をやっていますが、Logにhitとは表示されています。

※よくある、
```
 Debug.DrawRay(transform.position, -transform.up * 5.0f, Color.red);//Raycastを表示する
```
で、Rayを赤く表示するやつは、なぜだか赤い線が出てこず…こちらも解決できていません…


アドバイスいただけますと幸いです。
よろしくお願いいたします！



Unity カメラが壁をすり抜けてしまう対策がうまくいかない

やりたいこと

in.csv
番号,名前,成績
1,name1,A
2,name2,A
3,name3,C

コマンドライン引数で抽出する列を選択し、out.csvに抽出した列を抜き出したい。

コマンドラインで,コマンドライン>プログラム名　in.csv out.csv 番号　成績を入力すると

out.csv
番号,成績
1,A
2,B
3,C

と書き込まれるプログラムを作りたい。


```C
コード
#include<stdio.h>
#include<string.h>

int main(int argc, char *argv[]){

  FILE *fpin;
  FILE *fpout;
  int i;
  char bango[3][100];
  char name[3][100];
  char seiseki[3][100];

  if(argc < 4){
    return 1;
  }

  fpin = fopen(argv[1],"r");
    if(fpin == NULL){
    printf("ファイルがオープンしない\n");
    return 1;
  }
　
  for(;fscanf(fpin,"%[^,],%[^,],%s,\n", bango[i], name[i], seiseki[i) != EOF;){
　　if(strcmp(argv[3),bango[i]) == 0){
      index = 0
    }
    i++;
  }


  fpout = fopen(argv[2],"w");
  if(fpout == NULL){
    printf("ファイルがオープンしない\n");
    return 1;
  }


  fclose(fp_in):
  fclose(fp_out);

  return 0;
}

```
悩んでいるところ
コマンドラインで選択した列を抜き出すための比較がわからないためご教授お願いします。
よろしくお願い致します。