常連

RPGゲームを趣味でコツコツ作っていて調べてもわからなくなってしまっため質問させていただきます。
ScriptableObjectの中身をインスペクタでいじっていく事で、モンスターやアイテムのデータを管理していきたいと思って色々作っていたら、
自作クラスをメンバとしたクラスのリストを作成したらインスペクタに表示ができないということにきがつきました。

表示できないのであれば代案で解決しようと考えていますが、何かしらのテクニック等でこちらの問題が解決できるのであれば助かります。
（もしもこれが「初歩的な技術で直るよ」というレベルの質問だったら申し訳ございません。）

以下に該当のコードを載せさせていただきます。


```C#
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
using UnityEngine.UI;

using MasterItemModelNamespace;
using StatusNamespace;

[CreateAssetMenu]
public class WearableItemData : ScriptableObject
{
     [SerializeField] public List<WearableItemModel> WearableItemList = new List<WearableItemModel>();
}

[System.Serializable]
public class WearableItemModel
{
	public MasterItemModel model;
	public Status status;
}
```

また、自作クラスをインスペクタに表示する方法については以下コードで可能でした。
```C#
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using StatusNamespace;
using SkillTypeNamespace;

[CreateAssetMenu]
public class SkillData : ScriptableObject
{
    [SerializeField] public List<Skill> SkillList = new List<Skill>();
}

[System.Serializable]  //これをつけたらインスペクタに表示できる。（上のSerializeFieldと効果ダブってる？？）
public class Skill
{
    public string skill_name;
    public string skillID;
    [TextArea(1, 10)] public string skill_explain;
    public SkillType skillType;
}

namespace SkillTypeNamespace  //いつか外部からアクセスあるかもしれないから遠間ありのコードになってる
{
  public enum SkillType
  {
      stamina,
      power,
      INT,
      MND,
      AGI,
      Luck,
  }
}
```

拙い質問で申し訳ありませんが、よろしくお願いします。

Unityで自作したクラスをメンバとしてもつクラスのListの中身をインスペクタに表示したい。

### ウェブサイトの背景画像をダウンロードしたい![イメージ説明](aa5fe6925ae7bb95ddcf829e9fac6f07.png)
クローム検証ツールを使って模写コーディングをしてみようと思っています
そこで画像をダウンロードしようと思っているのですがcssに記載されていません
どうやってこの背景画像は取得できるのでしょうか？
### 試したこと
拡張機能を調べイメージダウンローダーを入れて取得を試みましたが、読み込めませんでした
cssが記載されているところはどこかもう一度調べ直しました### ヘディングのテキスト

クローム検証ツールについて

いつもお世話になっております。
JavaScriptのカウントダウンタイマーを利用して
カウントが0になった際にページ遷移を行いたいです。
更にクッキー処理を行っています。


```
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script>
function setCookie (doc, name, value, expires, path, domain, secure) {
　if (3 > arguments.length)
　　throw new Error;
　
　var cookie = [ encodeURIComponent (name) + '=' + encodeURIComponent (value) ];
　
　if (expires)
　　　cookie[cookie.length] = 'expires=' + new Date (expires).toUTCString ();
　
　if (path)
　　　cookie[cookie.length] = 'path=' + encodeURI (path);

　if (domain)
　　　cookie[cookie.length] = 'domain=' + encodeURI (domain);

　if (secure)
　　　cookie.push ('secure');

 doc.cookie = cookie.join ('; ');
}


function getCookie (doc, name) {
　if (2 > arguments.length)
　　throw new Error;

　var n = encodeURIComponent (name).replace (/\W/g, '\$&');
　var v = doc.cookie.match (new RegExp (n + '\s*=\s*(.*?)(?:[;,\s]|$)'));

　return (v) ? decodeURIComponent (v[1]): '';
}


function addDay (dateObj, day) {
　var date = new Date (dateObj);
　date.setDate (date.getDate () + day);
　return date;
}

var COKKIE_NAME = 'hoge';
var target_date = getCookie (document, COKKIE_NAME);


(function () {
　var now = new Date;

　if (target_date) {
　　target_date = Date.parse (target_date);
　　if (+now > target_date) {
　　　location.href = 'end.html';
　　}
　}
　else {　
　　target_date = addDay (now, 1);
　　setCookie (document, COKKIE_NAME, String (target_date), addDay (now, 100));
　}
}) ();

</script>
</head>
<body>
<input type="text" id="fuga" size="40">
<script>
(function () {

  var target = document.getElementById('fuga');
　var int = Math.floor;
　
　(function loop () {
　　var count = target_date - (new Date);
　　var str = [
　　　int (count % 86400000 / 3600000), ' 時 ',
　　　int (count % 3600000 / 60000), ' 分 ',
　　　int (count % 60000 / 1000), ' 秒 ',
　　　count % 1000, ''
　　].join ('');
　　target.value = str;
　　
　　if (0 < count)
　　　setTimeout (loop, 20);
　　else
　　　location.href = 'end.html';　　　
　})();
}) ();
</script>

</body>
</html>
```

■追記
カウントが0になった際にページ遷移せずにループしてしまいます。

問題は以下の辺りだと思うのですが、わかりません...。

```
　　if (0 < count)
　　　setTimeout (loop, 20);
　　else
　　　location.href = 'end.html';　　
```

ご教授のほど何卒よろしくお願いいたします。

JavaScriptでカウントダウンタイマーが0でページ遷移

Unityについてです ゲーム内のボタンを押したらTwitterやインスタなどのスマホにインストールしてあるアプリ(ブラウザ版ではない)を開けるようにしたいのですが、そのようなことは可能でしょうか？可能でしたらやり方を教えていただけると嬉しいです
 
 ネットにも情報がなくて困ってます

Unity ボタンを押してスマホ内アプリを起動

現在font-awesomeを用いて、CSSのみでのハンバーガーメニューの作成の学習をしていたのですが、ファイルを開いても画面が真っ白なままで何も表示されません。どこが間違っているのでしょうか？

HTML
```ここに言語を入力
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>hamburger manu</title>
  <link rel="stylesheet" href="./css./style.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc">
</head>
<body>
  <nav>
    
    <input id="gnav-input" type="checkbox" class="gnav-hidden">
      
    <label id="gnav-btn" for="gnav-input"><span class="fas fa-bars"></span><span class="fas fa-close"></span></label>
      
    <label id="gnav-black" for="gnav-input"></label>
    
    <div id="gnav-content">
      <ul class="gnav-list">
        <li><a href="#">TOP<br>トップ</a></li>
        <li><a href="#">NEWS<br>お知らせ</a></li>
        <li><a href="#">ABOUT<br>当店について</a></li>
        <li><a href="#">RECRUIT<br>採用情報</a></li>
      </ul>
    </div>
  </nav>
</body>
</html>
```
CSS
```ここに言語を入力
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* メニューの中身 */
#gnav-content{
  /* positionを使って画面の左外に追い出している */
  position:fixed;
  top: 0;
  left: -100%;
  z-index: 100;

  width: 100%;
  max-width: 240px;

  box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  transition: .3s;
}

ul.gnav-list{
  background: #1b9aaa;
  padding:0;
  height: 100vh;
  text-align: center;
}

ul.gnav-list li{
  display: block;
}

ul.gnav-list li a{
  display:block;
  padding: 1.5em;
  color: #fff;
  font-size: 12px;
  text-decoration:none;
}

ul.gnav-list li a::first-line{
  font-size: 16px;
  font-weight: bold;
}

/* チェックボタンを非表示に */
.gnav-hidden {
  display: none;
}

/* labelで作るメニューボタン */
#gnav-btn{
  /* ボタンの大きさ */
  /* ブロック要素にし、高さも調節可能にする */
  display: block;
  width: 40px;
  height: 40px;
  
  /* スクロールしても常に固定され、どの要素よりも上にくるようにする */
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 100;
}

.fa-close{
  display: none;
}

/* 薄い幕部分 */
#gnav-black {
  display: none;

  position:fixed;
  z-index: 90;
  top: 0;
  left: 0;

  width: 100%;
  /* gnav-listと同じ高さに */
  height: 100vh;

  background: rgba(0, 0, 0, .5);
}

/* チェックがオンになった時のスタイル */

#gnav-input:checked ~ .fa-bars{
  display: none;
}
#gnav-input:checked ~ .fa-close{
  display: block;
}

#gnav-input:checked ~ #gnav-black{
  display: block;
}
#gnav-input:checked ~ #gnav-content{
  left: 0;
}
```

ハンバーガーメニューが表示されなく、困っています。

linqのjoinを使って二つのlistを結合しようとしているのですが、出力されたlistの要素が少なく、疑問に思っていたところ結合には内部結合と外部結合があることを知りました。現在のコードだと、内部結合になっているため、ProjectDetailの中で、担当者IDが存在している三件分のデータしかリストに入っておりません。本来の意図としては、担当者IDが存在していないデータについては空白として扱いたいため、外部結合を実装しているのですがうまく実装できておりません。
[参考サイト](https://csharp-ref.com/program_linq-lambda-join.html)
お力添えいただけると幸いです。
結合はプロジェクトID(ProjectDetailクラスのProjectID、ProjectクラスのID)をkeyとして行いました。
下記コードは実装を簡略化したものですので、不備等ありましたら、コメントいただきたいです。
```
class ProjectDetail
{
  public ProjectDetail(int ProjectID)
  {
    this.ProjectID = ProjectID;
　　this.UserID = UserID;
  }
  public ID ProjectID { get; set; }  // プロジェクトID
  public UserID { get; set; }  //担当者ID
}
```
```
class Project
{
    public Project(int ID, int CompanyID,)
    {
        this.ID = ID;
        this.CompanyID = CompanyID;
    }
    public int ID   { get; set; }  //プロジェクトID
    public int CompanyID{ get; set; }  // 会社ID
}
```
```
//プロジェクトリスト
var ProjectList = new List<Project>();
syainList.Add(new Project("1", "1",));
syainList.Add(new Project("2", "2",));
syainList.Add(new Project("3", "3",));
syainList.Add(new Project("4", "4",));
syainList.Add(new Project("5", "5",));
syainList.Add(new Project("6", "6",));
syainList.Add(new Project("7", "7",));
//プロジェクト詳細リスト
var ProjectDetailList = new List<ProjectDetail>();
ProjectDetailList.Add(new ProjectDetail("1", "1"));
ProjectDetailList.Add(new ProjectDetail("2", "2"));
ProjectDetailList.Add(new ProjectDetail("3", "3"));
```
```実装コード
            var JoinList = ProjectList.Join(ProjectDetailList, a => a.ID, b => b.ProjectID, (a, b) => new { projectID = a.ID, companyId = a.CompanyID, userID = b.UserID})
                .GroupBy(x => x.CompanyId)
                .Select(x => new { CompanyId  = x.Key});
//内部結合しているため、担当者IDが入っていない三件分のデータがリストに入っていない。
```
開発環境
VS2012
```
追記
```
[公式リファレンス](https://docs.microsoft.com/ja-jp/dotnet/csharp/linq/perform-left-outer-joins)
通りにやってみたのですがエラー「匿名型のメンバー宣言子が無効です。」が出ています。
```
List<CompanyDisplay> companyList = new List<CompanyDisplay>();
            var query = from Matter in m_matterList join Detail in m_detailList on Matter equals Detail.m_matterID into gj
                from subpet in gj.DefaultIfEmpty()
                select new { person.FirstName, PetName = subpet?.m_matterID ?? int.Empty };
```

linq(join)における外部結合の仕方

Unityで2Dの積み上げゲームを作っているのですが、オブジェクトが乗った状態で土台を動かすとグラついてしまい、すぐに積み上げたものが崩れてしまいます。なので、グラつきをなくす(くっつく)ようにしたいのですが、上手くいきません。たくさん調べてみたのですが詳しく書いてあるようなものが見つからず困っている状況なので、解決方法をお教えいただけると幸いです。
ゲームとしては、「アイスクリーム積んでみた - カフェ https://unityroom.com/games/icecreamstack」こちらのようなものにしてみたいと思っています。

現在のオブジェクトと土台のコードは下記の通りです。
```C#
//オブジェクトのコード
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ObjectController : MonoBehaviour
{
    Rigidbody2D rigid;
    // Start is called before the first frame update
    void Start()
    {
       
    }

    // Update is called once per frame
    void Update()
    {
        //-5未満でオブジェクト削除
        if(transform.position.y<-5)
        {
            Destroy(gameObject);
        }
    }

    void OnCollisionEnter2D(Collision2D collision)
    {
        //床にぶつかったらオブジェクト削除
        if (collision.gameObject.tag == "Floor")
        {
            Destroy(gameObject);
        }       
    }

    void OnCollisionStay2D(Collision2D collision)
    {
        //オブジェクト同士を親子関係に
        if (collision.gameObject.tag == "Object"|| collision.gameObject.tag == "Object2" || collision.gameObject.tag == "Object3" )
        {
            collision.gameObject.transform.SetParent(this.transform);
        }
    }

    void OnCollisionExit2D(Collision2D collision)
    {
        //離れたら親子関係削除
        if (collision.gameObject.tag == "Object" || collision.gameObject.tag == "Object2" || collision.gameObject.tag == "Object3" )
        {
            collision.gameObject.transform.SetParent(null);
        }
    }
}

```

```C#
//土台のコード
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;

public class PlayerController : MonoBehaviour
{
    Rigidbody2D rigid;

    // Start is called before the first frame update
    void Start()
    {
        rigid = GetComponent<Rigidbody2D>();
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetKey(KeyCode.LeftArrow))
        {
            rigid.MovePosition(transform.position - transform.right * 3.5f * Time.deltaTime);
        }
        if (Input.GetKey(KeyCode.RightArrow))
        {
            rigid.MovePosition(transform.position + transform.right * 3.5f * Time.deltaTime);
        }
    }

}
```