常連

自己紹介

SCSSファイル名の最初に _ （アンダーバー）を付けるとパーシャルファイルの扱いになり、
そのファイル個別のCSSは出力されなくなるという認識でした。
例えば..

### 【パターンA】

##### - style.scssに下記を記述
```
@import 'aaa';
@import 'bbb';
@import 'ccc';
```

##### - 読み込むファイル
> _aaa.scss
> _bbb.scss
> _ccc.scss

##### - コンパイル後
style.css にまとめられる。

※下記のファイルは生成されない
aaa.css
bbb.css
ccc.css


---

ここまではOKです。


次に上記とは同じ条件で、ただし読み込むファイルから
アンダーバーを削除した場合


### 【パターンB】

##### - style.scssに下記を記述
```
@import 'aaa';
@import 'bbb';
@import 'ccc';
```

##### - 読み込むファイル
> aaa.scss //アンダーバー無し
> bbb.scss //アンダーバー無し
> ccc.scss //アンダーバー無し

============================

試してみたのですが、【パターンB】も【パターンA】と同じ結果で
style.cssにまとめられました。

アンダーバー無しの場合は下記のファイルも生成されてしまうという予測をしていたのですが
結果は生成されませんでした。

これは生成されず...
↓↓↓
aaa.css
bbb.css
ccc.css


【パターンA】と【パターンB】の結果がまったく同じなため
ファイル名の最初に _ を付ける意味がわかりませんでした。
こちらSASSにお詳しい方、説明お願いできませんか？

SASSのコンパイルに使用しているのは prepros というツールです。

SASSのファイル名の最初に _ （アンダーバー）を付ける意味がわからない

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
googleフォームに入力された内容を、チャットワークに投稿させるために
javascriptでコードを書いています。

### 発生している問題・エラーメッセージ

googleフォームに投稿された条件によって、チャットワークに投稿される内容を変えたいため、
if文で条件分岐をさせているのですが、１回の投稿でよいところが、
同じ内容が２回チャットワークに投稿されてしまいます。

googleフォームに投稿される内容によって、チャットワークの投稿は変わっているので、
条件分岐はきちんとできていると思うのですが、

２回同じ内容がチャットワークに投稿されてしまう理由が分からずに困っていますので、
間違っている部分分かれば教えていただきたいです。
よろしくお願いします。

```
エラーメッセージ
```

### 該当のソースコード

```javascript




function sendReport(e){



  var year = e.namedValues['①年度を選択してください']; 
  var date = e.namedValues['②連携日を入力してください（例：2021/08/01）'];
  var name = e.namedValues['③営業担当者名を入力してください（例：タナカ）'];
  var base = e.namedValues['④拠点名を選択してください'];
  var company = e.namedValues['⑤連携法人名を入力してください（例：株式会社●●）'];
  var office = e.namedValues['⑥連携事業所名を入力してください（例：●●事業所）'];
  var address = e.namedValues['⑦事業所の住所を入力してください'];
  var type = e.namedValues['⑧案件の種別を選択してください'];
  var service = e.namedValues['⑨連携サービス種類を選択してください'];
  var occupation = e.namedValues['⑩希望職種を記載してください'];
  var number = e.namedValues['⑪採用希望の人数を記載してください'];
  var tellnumber = e.namedValues['⑫連携先の連絡先を記載してください（電話番号）'];
  var person = e.namedValues['⑬連携先の連絡先を記載してください（担当者名）'];
  var date = e.namedValues['⑭連絡希望日時があれば記載してください'];
  var member = e.namedValues['⑮会員か否かを選択してください'];
  var reason = e.namedValues['⑯受注理由を選択してください'];
  var other = e.namedValues['⑰その他共有したい内容あれば記載ください'];



if(type=='通常（募集人数3名未満）'){

var message = "あああ";

　message +=  "\n";
　message +=  "\n"; 
  message +=  ""+name+"さんから、通常案件の連携がありました！(gogo)\n";
  message +=  "\n"; 
  message +=  "・年度: "+year+"\n"; 
  message += "・連携日: "+date+"\n";
  message += "・営業担当者名: "+name+"\n";
  message +=  "・拠点名: "+base+"\n";
  message +=  "・連携法人名: "+company+"\n";
  message +=  "・連携事業所名: "+office+"\n";
  message +=  "・事業所の住所: "+address+"\n";
  message +=  "・案件種別: "+type+"\n";
  message +=  "・連携サービス種類: "+service+"\n";
  message +=  "・希望職種: "+occupation+"\n";
  message +=  "・採用希望の人数: "+number+"\n";
  message +=  "・連携先の連絡先（電話番号）: "+tellnumber+"\n";
  message +=  "・連携先の連絡先（担当者名）: "+person+"\n";
  message +=  "・連絡希望日時: "+date+"\n";
  message +=  "・会員か否か: "+member+"\n";
  message +=  "\n"; 
  message +=  "★受注理由: "　+reason+"\n";
  message +=  "★その他共有したい内容あれば記載ください: "　+other;
  message +=  "\n"; 
  
  // 【編集対象】登録情報を通知するグループチャットのルームID
const room_id = '//チャットワークのルームIDを入力';

const token = '//トークンIDを入力';
const client = ChatWorkClient.factory({token: token});

client.sendMessage({room_id:room_id ,body: message});

return;


}

else if('（募集人数3名以上'==type){

var message = "いいい";

　message +=  "\n";
　message +=  "\n"; 
  message +=  ""+name+"さんから、案件の連携がありました！(gogo)\n";
  message +=  "\n"; 
  message +=  "・年度: "+year+"\n"; 
  message += "・連携日: "+date+"\n";
  message += "・営業担当者名: "+name+"\n";
  message +=  "・拠点名: "+base+"\n";
  message +=  "・連携法人名: "+company+"\n";
  message +=  "・連携事業所名: "+office+"\n";
  message +=  "・事業所の住所: "+address+"\n";
  message +=  "・案件種別: "+type+"\n";
  message +=  "・連携サービス種類: "+service+"\n";
  message +=  "・希望職種: "+occupation+"\n";
  message +=  "・採用希望の人数: "+number+"\n";
  message +=  "・連携先の連絡先（電話番号）: "+tellnumber+"\n";
  message +=  "・連携先の連絡先（担当者名）: "+person+"\n";
  message +=  "・連絡希望日時: "+date+"\n";
  message +=  "・会員か否か: "+member+"\n";
  message +=  "\n"; 
  message +=  "★受注理由: "　+reason+"\n";
  message +=  "★その他共有したい内容あれば記載ください: "　+other;
  message +=  "\n"; 
  
  // 【編集対象】登録情報を通知するグループチャットのルームID
const room_id = '//チャットワークのルームIDを入力';

const token = '//トークンIDを入力';
const client = ChatWorkClient.factory({token: token});

client.sendMessage({room_id:room_id ,body: message});

return;

}

return;

}






```

### 試したこと



### 補足情報（FW/ツールのバージョンなど）

googleフォームに入力された内容を、チャットワークに投稿させるために javascriptでコードを書いています。フォームへの投稿内容によって、チャットワークに反映させたい内容を変えたいです。

<html>
<head>
<body>

とあらかじめ構成されている要素の<html>の上に<!DOCTYPE html>を追加したいです
下記コードではインスペクターを見ても追加されていませんでした
どのようにしたら追加することができますでしょうか？

```ここに言語を入力
<script>
window.onload=function(){
document.html.prepend("<!DOCTYPE html>");
}
</script>

<script>
window.onload=function(){
document.documentElement.prepend("<!DOCTYPE html>");
}
</script>
```

JavaScript <html>の上に<!DOCTYPE html>を追加したい

### 前提・実現したいこと

関数`func`は可変長引数を受け取ることができ、例えば`number, string, boolean`が与えられたら`[number[], string[], boolean[]]`を返すといったように、各引数を配列化したtupleを返すとします。
このような関数の型をTypeScriptで表現することは可能でしょうか？

例えば引数が3つで固定であれば、

```ts
function func<T, U, V>(arg1: T, arg2: U, arg3: V]): [T[], U[], V[]]
```

と書けると思うのですが、引数が任意個の場合にうまく書く方法があるのか思いつきませんでした。

何卒ご教示いただければ幸いです。よろしくお願いいたします。
### 補足情報（FW/ツールのバージョンなど）

TypeScript: 4.2.3

TypeScriptで可変長引数を受け取る関数をジェネリクスで型付けする方法

rootユーザーを日常的に使いまわすのはよくないため、sudoコマンドがあるという意味はわかります。

ただ、wheelグループに属すると、コマンドに関してはroot同等の権限を持つとありました。

wheelグループはどの様な場合に使用するのでしょうか？
ただ、単にユーザーをwheelグループに追加すると、
せっかくあるsudoコマンドの意味が無くなっている気がします。。。

なにか考え方間違っているでしょうか？

wheelグループはどのような時に意味があるのでしょうか？

### 前提・実現したいこと

TypeScriptであるリテラル型を取り除いた型を作りたいです。

現在、以下のようなオブジェクトのtypeプロパティに応じて出力を変えるプログラムを作成しています。
単純にstring型を設定したら、型が重複するようでエラーが出ました。

どのような型を作成すればエラーが解決できるでしょうか？
よろしくお願いいたします。

### 発生している問題・エラーメッセージ

```
TS2339: Property 'hogehoge' does not exist on type '{ type: "hoge"; hogehoge: string; } | { type: string; else: {}; }'.   Property 'hogehoge' does not exist on type '{ type: string; else: {}; }'.
```

### 該当のソースコード

``` TypeScript
type XXX = {
 type: 'hoge',
 hogehoge: string,
} | {
 type: 'fuga',
 fuga: number,
} | {
 type: 'hoge'と'fuga'以外のstring,
 else: {},
};

function test(x: XXX) {
 switch(x.type) {
  case 'hoge':
   console.log(x.hogehoge);
   break;
  case 'fuga':
   console.log(x.fuga);
   break;
  default:
   console.log(x.else);
   break;
 }
}
```

### 試したこと

Utility Typesというのも調べてみたのですが、Excludeはユニオン型以外には用いれないそうです。([参考サイト](https://book.yyts.org/features/utility-types#yuniondehanaiwosuru))

### 補足情報（FW/ツールのバージョンなど）

tsconfig.jsonです。
```json
{
  "compilerOptions": {
    "target": "es2020",
    "module": "es2020",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}
```

あるリテラル型を取り除いた型を作りたい

Firefoxでinput textなどをクリックした際に出るborderを非表示にしたいです
*:focus {
outline: none;
}
を入れても非表示になりません
何か知ってる方回答よろしくお願いいたします

Firefox Click時に勝手にborderが出るのを出なくしたい

input 要素では、::before, ::afterなどの疑似要素は全て無効になると思っていましたが、```input type="file"
``` では、有効になることに気付きました。
これは、旧ブラウザなどでも有効になるのでしょうか？
また、他にもinputで擬似要素が使えるものもあるのでしょうか？