常連

## 🖊️テーマ
皆さんが考える「**理想の開発チーム**」について教えてください！
開発効率、メンバーのスキル、コミュニケーション、雰囲気など、どんなところに魅力を感じるか教えてください！

## 👤運営メンバーの回答
運営メンバーKさんの考える理想の開発チームは「お互いを尊重し、フラットに議論できるチーム」でした。

技術力はもちろんですが、メンバー同士がお互いを尊重し、年齢や立場に関係なく意見を言い合える雰囲気があることが、より良いプロダクトを作る上で重要だと考えているそうです。

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

理想の開発チームはどのようなチームですか？

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

現在はvisual studioでwindowsフォームアプリのプロジェクトを作成してゲームを作ってみています。まだ始めたてで、windowsフォームアプリに問題点を感じたわけではないのですが、unityというゲームエンジンはよく耳にするので利用するべきか悩んでいるのでご意見をいただきたいです。

## 背景、状況

2Dのゲームを作っています。とはいえ、作っていると言うのをためらうほど浅く、学びたての初心者です。マリオのようなゲームからシューティングゲームなどいろいろな種類の2Dゲームを作ってみたいと考えております。

windowsフォームに不満を感じたわけではないにもかかわらずunityに興味を抱いているのは以下の理由があります。

①情報が多い
②ゲームを作るのならゲームに特化したものを利用したほうが良いのではないか

この二つが主な理由です。

このような背景がありながら、すぐに飛びつこうと思えないのは、学習に時間がとられるのではないかという不安があるからです。ゲームのクオリティを上げることより、まずプログラミングの勉強をしたいというのが現在の最大の目標です。ですので、unityでしか活用できないunityのためだけの知識の勉強にあまり時間を割きたくないとも思ってしまいます。しかし、理由①に書いたように、unityは盛んに利用されているため、情報がインターネット上にも本にもたくさん見つかります。unityでのゲーム作成に切り替えることにより、逆にC#の勉強自体も効率的にできるのではないかと想像することもあります。

②については、ゲーム作成の都合上困るが、プログラミングの勉強においては重要ではないところに時間を取られずに済むのではないかと考えます。ゲームに特化しているのでストレスなく勉強できるのではないかと期待しています。

こういった理由で、unityを利用してみるか迷っています。unityを利用してみるべきか、ご意見をいただきたいです。よろしくお願いいたします。





C#で2Dゲームを作る際にunityなどを使うべきか

### 実現したいこと
公開するwebサイトの管理者ページを誰にも見られないようにしたいです。

### 発生している問題・分からないこと
レンタルサーバ・ドメインを借りてLaravelでwebサイトを構築しました。
ですが、管理者ページみたいなのはどこに設置するのが一般的なのでしょうか？

ローカルからレンタルサーバにあるDBにはアクセスできないようなので、
現在は管理者ページへアクセスされないようにURLを複雑にしてBasic認証を設定しています。

https://○○.jp    ←ユーザ

https://○○.jp/admin    ←管理者ページ

公開するサイトを構築するのは初めてのため、ご教示のほどよろしくお願いします。



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

```
特になし
```

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

##### 上記の詳細・結果
「設定したIPアドレスでなければアクセスできないようにする」といったこともヒットしたのですが、固定IPアドレスは費用がかかるため技術的に解決したいです。


### 補足
特になし

webサイトのAdminページはどこにあるのが正しいのでしょうか？？

### 実現したいこと
USBケーブルを通じて、サーバーが提供しているWebページをAndroidデバイスで表示したい

### 発生している問題・分からないこと
①サーバー①はポート80でHTTPをリッスンしている。
②サーバー①はUSBケーブルを通じてAndroidデバイスと接続されている。
③サーバー①のポート80のファイアウォールは開放されている。
④サーバー①にはadbがインストールされており、AndroidデバイスのShellを正常に実行できる。
⑤AndroidデバイスのShellからサーバー①へcurlコマンドを実行しても接続できない。

※サーバー①で直接同じcurlコマンドを実行すると正しく接続できる。

### エラーメッセージ
```error
●AndroidデバイスのShellからサーバー①へcurlコマンド：

C:\Users\Administrator>adb devices
* daemon not running; starting now at tcp:5037
* daemon started successfully
List of devices attached
6bcbf29f        device


C:\Users\Administrator>adb -s 6bcbf29f shell
F51B:/ $ ls
acct        config         dev              lost+found  oem          second_stage_resources  system_ext
apex        d              etc              metadata    postinstall  storage                 vendor
bin         data           init             mnt         proc         sys                     vendor_dlkm
bugreports  data_mirror    init.environ.rc  odm         product      system
cache       debug_ramdisk  linkerconfig     odm_dlkm    sdcard       system_dlkm
F51B:/ $ curl http://xx.xx.xx.xx:80/YYY/ZZZ.aspx　←　xx.xx.xx.xxはサーバー①のIPアドレス
（返ってこない）^C
130|F51B:/ $


●サーバー①で直接同じcurlコマンド：
C:\Users\Administrator> curl http://xx.xx.xx.xx:80/YYY/ZZZ.aspx
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" /><meta content="0" name="expires" /><meta content="no-cache" name="pragma" />
    <meta content="NOINDEX, NOFOLLOW" name="robots" />
    <title>YYY</title>
：（中略）
    </form>
  </body>
</html>

C:\Users\Administrator>

```

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

```
特になし
```

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

##### 上記の詳細・結果
C:\Users\Administrator>adb forward tcp:8080 tcp:80
8080

C:\Users\Administrator>adb -s 6bcbf29f shell
F51B:/ $ curl http://xx.xx.xx.xx:8080/YYY/ZZZ.aspx
（返ってこない）^C
130|F51B:/ $


### 補足
Microsoft Windows [Version 10.0.19045.4412]
Android 13

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

USBケーブルを通じて、サーバーが提供しているWebページをAndroidデバイスで表示したい

## テーマ、知りたいこと
RailsでWebアプリを作成している方にお伺いしたいのですが、

（例）（質問の趣旨とはあまり関係ありません）
def save_tags
  tag_names = params[:post][:tags].split(',').map(&:strip)
  tag_names.each do |name|
    tag = Tag.find_or_create_by(name: name)
    @post.tags << tag unless @post.tags.include?(tag)
  end
end

例のような構文は、検索などをした場合すぐに見つけることができますが、実際、今回の例に限らず、何かを検索せずに実装するような場合、何も思いつかず、手が動きません。

Rubyの基本的な構文知識、Railsの機能についての理解が必要なことはわかるのですが、それだけで、このようなコードを実装できるようになるのでしょうか。
また、経験を重ねるごとに、何も見ずに実装できるようになっていくものなのでしょうか。


実務にはまだ携わったことがないため、イメージがつきにくいのですが、実際にエンジニアとして働かれている方は、何かを実装する時、まず調べて、そこからコードが正常に実行するかのテストなどを行い、少しずつ改良していくのでしょうか。
どの程度の基礎知識を持っていれば、現場で通用するのかも知りたいです。

質問ばかりで、申し訳ございません🙇





能動的にコードが打てるようになりたいです。

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

Gitでブランチを切りながら、RailsでWebアプリの開発をしています。

コミットを記録してからについて理解が正しいのか不安なため、ご助言をいただきたいです。

私は、新規ファイルなどを生成した直後など、こまめにコミットを記録するようにしています。

（一例）
$ rails g model User

$ git add app/models/User.rb
$ git commit -m "add:User model生成"


$ rails db:migrate
$ git add .
$ git commit -m "add:Users tableを作成した"

このようにコミットをしております。

その後、コミットした箇所を変更したい場合、コミットのログを見て一度resetしたのち、修正して、新たにコミットするのが正しいのでしょうか？

また、戻らずにそのまま修正を施し、さらにコミットした場合何か問題が発生するのでしょうか？

言葉不足で申し訳ありませんが、ご教授願いたいです。





gitのコミットについて

### 実現したいこと
ズームアップで、5秒で次の画像に切り替わる。その際、前の画像の残像が残るようにじわじわと次の画像に切り替わるsliderにする。[リンク内容](url)https://www.ginga999.co.jp/このサイトのslideは、画像が後退していますが、画像がじわじわと切り替わるイメージ。

### 発生している問題・分からないこと
sliderそのものは出来たが、画像の切り替えが早い。ボタンを切り替えるように変わってしまう。



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

```html
<body>
<div class="top_fixed">    
    <div class="headtop" id="headtop">
        <div class="head_logo">
            <a href="index.html"><img src="img/city-search_06.png" alt="logo"></a>
        </div>
        <div class="head_right">
            <div class="headtext">text</div>
            <div class="headtext2">text</div>
        </div>
    </div>
</div>
    <div class="header">
        <div class="slide">
            <ul>
                <li>
                    <a href="bus_toppage.html" alt="slide_img"><img src="img/2357486_kankouao_1400.png" alt="Slide 1" /><div class="text-overlay">text</div></a>
                </li>            
                <li>
                    <a href="bus_toppage.html" alt="slide_img"><img src="img/1679585_1400.png" alt="Slide 2" /><div class="text-overlay">text2</div></a>
                </li>
                <li>
                    <a href="bus_toppage.html" alt="slide_img"><img src="img/1339937_1400_600.jpg" alt="Slide 3" /><div class="text-overlay">text3</div></a>
                </li>
                <li>
                    <a href="index.html" alt="slide_img"><img src="img/625842_1400.jpg" alt="Slide 4" /></a>
                </li>
                <li>
                    <a href="index.html" alt="slide_img"><img src="img/3025924_1400.jpg" alt="Slide 5" /></a>
                </li>
            </ul>
        </div>
    </div>
    
    <div class="contents">
        <div class="kijibox">
            <div class="kiji_link">
                <span><a href="#">text</a><br/></span>
                text<br/>
                text<br/>
                text<br/>
            </div>

        </div>
        
        <div class="kita_side_nav">
            <div class="link">
                <span><a href="#">text</a></span>
            </div>
        </div>
    </div>
    
   
</body>
</html>
```

```css
.top_fixed {
	width: 100%;
    position: relative;
    top: 0px;
	background-color: #fff;/* 背景色を追加して潜り込みを防ぐ */
	z-index: 9;
}
.headtop {
    width: 100%;
	display: flex;
	position: fixed;
    z-index: 11;
    background-color: rgb(4 70 104);
    padding: 10px 2%;
    transition: height 0.3s ease, font-size 0.3s ease;
	height: auto; 

}

.head_logo{
	width:50%;
	transition: height 0.3s ease;
}

.head_logo img{
	max-width:35%;
	transition: height 0.3s ease;
	}
	
.head_right{
	width:40%;
	margin: 5px 0 0 0;
}

.headtext, .headtext2 {
    color: #fff;
    overflow: hidden;
    transition: font-size 0.3s ease;
}
.headtext {
	font-size: 22px;
	font-weight: 400;
	margin-top: 3%;
}
.headtext2 {
	font-size: 16px;
	margin: -5px 0 0 0;
}
.header{
	width:100%;
	overflow: hidden;
	padding: 0;
    margin: 0;
}
.contents{
	width:100%;
	overflow: hidden;
	display: flex;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px;
}
.main {
    z-index: 2;
    }

.kijibox{
	width:50%;
	margin: 10px 10px 10px 10px;	
}

.kita_side_nav{
	width:50%;
	margin: 10px 10px 10px 10px;
	border-left: 1px dotted;
}

.kiji_link span {
	font-weight: bold;
}
.kiji_link a {
	text-decoration: none;
	color: black;
}

.link span {
	font-weight: bold;
}
.link a{
	text-decoration: none;
	color: black;
}



      * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.slide {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.slide ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.slide li {
    position: relative;
    margin-right: 0px;
    float: left;
    display: block;
    transform: scale(1); 
}

.slide li .active {
    opacity: 1;
    transform: scale(1.05);
    height: auto;
}

.slide img {
    display: block;
    width: 100%;
    height: 0px;
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 6s ease-out;
    object-fit: contain; 
}

.text-overlay {
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, -50%); 
    color: white;
    font-size: 24px;
    text-align: center; 
    max-width: 90%; 
    white-space: nowrap; 
    letter-spacing: 0.4em;
    line-height: 2.3em;
    font-family: serif;
    font-weight: bold;
}

@media screen and (max-width:800px){
     .text-overlay {
        font-size: 20px;
    }
}
@media screen and (max-width:700px){
    .text-overlay {
        font-size: 18px;
    }
}
@media screen and (max-width:600px){
    .text-overlay {
        font-size: 14px;
    }
}
@media screen and (max-width:450px){
    .text-overlay {
        font-size: 12px;
    }

}
@media screen and (max-width:400px){
.text-overlay {
    font-size: 9px;
}
}
@media screen and (max-width:300px){
.text-overlay {
    font-size: 7px;
}
}

```

```js
    let dsp1;
    let dsp2;
    
    window.addEventListener('load', function () {
        viewSlide('.slide img');
        console.log("viewSlide function called");
        initSlide();
    });
    
    function viewSlide(className, slideNo = -1) {
        let imgArray = document.querySelectorAll(className);
        if (slideNo >= 0) {
            imgArray[slideNo].classList.remove('active');
        }
        slideNo++;
        if (slideNo >= imgArray.length) {
            slideNo = 0;
        }
        imgArray[slideNo].classList.add('active');
        setTimeout(function () { viewSlide(className, slideNo); }, 5000);
    }
    
    function initSlide() {
        let elems = document.getElementsByTagName("p");
        for (let i = 0; i < elems.length; i++) {
            elems[i].className = "before";
        }
        dsp1 = false;
        dsp2 = false;
    }
```

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

##### 上記の詳細・結果
cssのtransition: opacity 1s ease-in-out, transform 6s ease-out;の設定を変えても変化なし。

### 補足
特になし

画像がじわじわと切り替わるスライダーを作りたい

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

現在、そしてこれから需要の多く評価の高いIT資格はなんでしょうか？

## 背景、状況

現在、
IPA資格とベンダー資格を取得しようと悪戦苦闘しております。
IPAは、SC
ベンダーは、オラクルマスターシルバーDBA
を学習しております。
(その後は上記をランクアップさせつつ平行しながらAWS系を取得したいと思っております。)

そんな中、さらにその先と考えた時に
どう学習していくべきか思案する様になりました。

興味ある分野、仕事に関連する
といった視点でなく
これ持ってたら一目置かれる、高単価な仕事に繋がりやすいとか、これもってたらカッコイイ！、これは役に立つ！とか
そういった評価の良いオススメな資格を知りたいと思っております。
同じ学習するなら評価の良い方がいいかなと欲がでてまいりました。

ご意見、宜しくお願い致します。



現在、そしてこれからアツいIT資格はなんでしょうか？



### 前提

関数の中で作った配列truemonthscoreを関数の外でも使いたくてreturnやasync /awaitを用いてもpromiseが帰ってきます。
どうすればよいでしょうか。
もしくはthen()を使わずに配列truemonthscoreを作る方法はないでしょうか。

```ここに言語名を入力
var result=truethismonthscoreGet();
            console.log(result);←promiseが返ってくる

            async function truethismonthscoreGet(){

              let dbResult = await  db2.moods2
             .where("date")
            .startsWith(thisMonth) 
            .toArray()
            .then(function (records) {
              // console.log(records);
              thisMonthdtlist=records;
                console.log(thisMonthdtlist);
                  // 今月分のスコアを取得
              var truemonthscore = thisMonthArr.map(thismonthday => thisMonthdtlist.find(x => x.date == thismonthday)?.moodscore ?? null)
              // 今月分のスコアを配列で取得
              console.log(truemonthscore);
              return truemonthscore;
              // マイデータに値をセット
              myData[1].data=truemonthscore;
              // マイデータに値をセット
            // myData[1].labels=thisMonthArr;
            // selectedIndex = 1;
            // myChart.data.labels = myData[selectedIndex].labels;
            //   myChart.data.datasets[0].data = myData[selectedIndex].data;
            //   console.log(myChart.data.datasets[1].data);
            //   myChart.data.datasets[0].data = myData[selectedIndex].data;
            //   myChart.update();
           
             
            });
            return dbResult;
            }
           
            console.log(truemonthscore);　//←undefind
```

### 試したこと
非同期を使いたくないので.each()を使いましたが、それでもreturnでundefindが返ってきました
また、
https://teratail.com/questions/266370
上記を参考にしました

### 補足情報（FW/ツールのバージョンなど）
vscodeで検証中
dexey.js使用しています


javascript then()の中で作られた値をreturnを使ってスコープ外で使いたい

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

私の現場ではWebアプリを開発していますが、テストコードやテストフレームワークを使わず、手動で単体テストを行っています。
単体テストは関数単位で行っており、実際にアプリを動かして対象の関数を通過するようにして、デバッガでブレイクポイントを作りながら単体テストしています。
※フロントはブラウザの開発者ツールで、バックエンドはIDEを使ってデバッグしています。

## 背景、状況

みなさんの現場ではどのように手動の単体テストを行っていますか？
私の現場の方法では単体テストが難しいことがあり（アプリの通常利用ではなかなか通らないシーケンスをテストしたいなど）、これが一般的な方法なのか気になっています。

テストコードやテストフレームワークを使わずWebアプリの単体テストをやっている方がいたら、具体的にどのように試験しているか教えていただけると嬉しいです！
（ネットで調べてもテストコードを使った単体テストの話しか出てこない(-_-;)）



手動の単体テストはどうやっていますか？

現在、CORSの対策について個人的に勉強しているのですが
テストとしてPOSTMANを使ったGETリクエストで、自作のAPIに『アクセスURLにより許可する』場合と『はじく場合』のテストを
行えないか試行錯誤しています。

HeadersのOriginを詐称すればテストできるのかなと思いテストを行っているのですが
どうやらうまくいきません。(やり方が悪いのかもしれませんが）

セキュリティーについて無知で質問して申し訳ないのですが
**そもそも、HeadersのOriginは詐称できるものなのでしょうか？**

よくよく考えたらセキュリティーの考えから
詐称できてしまったらそもそもまずい気がしてきたので、
自分の考え自体が間違っている気がしてきたのでCORSに詳しい方回答いただきたいです。

またまたCurlでこうすればできるよーみたいな意見がもしあればほしいです。