常連

注目の的

自己紹介

ターミナルからgithubにpushを行うために　git push -u origin master　を入力していますが、提出させて頂いた画像のようなエラーが発生してしまうため問題の解決策を教えて頂けると幸いです。

### 自分で試したこと
✅　github上で個人アカウントのトークンを発行しました。
✅　エラー解決を行うために１００回グーグルで解決策を調べました。

⏬下記がターミナルで発生したエラーコードでございます。
『エラーコード』
　![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-06-18/ae3d3fea-0495-46e8-90a5-656a8c7fdc78.png)

githubのpushエラーに関する質問を行いたいです。

### 前提・実現したいこと

discord.js（v13）を使用して音声録音botを作成しています。
具体的には以下のようなものです。

1. ボイスチャンネルにメンバーが参加(1人以上)
2. botがボイスチャンネルの人数を検知し参加
3. ボイスチャンネルにメンバーが参加(2人以上)
4. botが自動で録音を開始
5. ボイスチャンネルのメンバーが退出（1人）
6. botが自動退出

以下のコード
[https://github.com/discordjs/voice/tree/main/examples/recorder](https://github.com/discordjs/voice/tree/main/examples/recorder)
を参考にして1~6のように動作するbotを作成できました。


### 発生している問題

4の録音の動作で問題が発生しています。

現状、録音された音声が特定のユーザのもので一つのファイルとして保存されてしまうのですが、
私としては、ユーザごとではなくボイスチャンネルごとの音声（複数人の発言）を一つのファイルとして保存したいと考えています。


音声の受け取りでuseridを指定しているためそのuseridに該当するユーザのみの音声を拾って保存しているのだと思います。

以下が、該当箇所のソースコードとなります。

createListeningStream関数の引数の説明
receiver : getVoiceConnection('ボイスチャンネルid').receiver
userId : ユーザID
recordable : new Set
user : ユーザ名

```
import { EndBehaviorType, VoiceConnection, VoiceReceiver } from '@discordjs/voice'
import { User, Client, Intents } from 'discord.js'
import { createWriteStream } from 'fs'
import { opus } from 'prism-media'
import { pipeline } from 'stream'

function getDisplayName (userId: string, user?: User) {
    return user ? `${user.username}_${user.discriminator}` : userId
}


export async function createListeningStream (receiver: VoiceReceiver, userId: string, recordable: Set<string>, user?: User) {
    if (!recordable.has('recorded')) {
// =======================ここから==========================
        receiver.subscribe(userId)
        const opusStream = receiver.subscribe(userId, {
            end: {
                behavior: EndBehaviorType.Manual
            }
        })
// =======================ここまで==========================
        const oggStream = new opus.OggLogicalBitstream({
            opusHead: new opus.OpusHead({
                channelCount: 2,
                sampleRate: 48000
            }),
            pageSizeControl: {
                maxPackets: 10
            }
        })

        const filename = `./recordings/${Date.now()}-${getDisplayName(userId, user)}.ogg`

        const out = createWriteStream(filename)

        console.log(`???? Started recording ${filename}`)

        await pipeline(opusStream, oggStream, out, (err) => {
            if (err) {
                console.warn(`❌ Error recording file ${filename} - ${err.message}`)
            } else {
                console.log(`✅ Recorded ${filename}`)
            }
        })
    }

    recordable?.add('recorded')
}

```

discord.jsのdocumentやdiscordjs/voiceのdocument、Qiitaなどを確認して見たのですが、
録音は特定のユーザに対してのみのものがほとんどでした。

どのようにボイスチャンネル全体の録音をするのか実装のヒントを教えていただけないでしょうか。

### ソースコード

[https://github.com/takumi-pro/discord_recorder](https://github.com/takumi-pro/discord_recorder)


### 補足情報（FW/ツールのバージョンなど）

@discordjs/voice : 0.6.0
discord.js : 13.1.0
typescript : 4.4.4

【discord.js】ボイスチャンネルごとの音声を録音するbotの作成

俺みたいなクソ質問者は居ます。
それなのに何故、ブロック機能は無いのでしょうか。

・質問者をブロックする機能
・回答者をブロックする機能

ブロック機能があれば、
お互いに嫌なものを見ることが無く、皆が幸せになれると思ってます。

今までは登録せず見る専門（検索専門）だったのですが、
その時からずっとずっと気になっていました。

### 追記
　teratailタグで質問しており、teratailに関する質問のため
　プログラムとは無関係です。

### 追記2
　運営への問合せは恥ずかしながらまだしてませんでした。 
　過去の質問をteratailで検索し、特に回答も来てなかったのと 
　「あれば便利だよね～」という感じの内容だったので
　もしかしたら今なら搭載されているのでは、と思い質問した次第です。

　以下より問い合わせしました。
　teratail
　https://teratail.com/contact/input
　回答待ちです。

### 追記3
　「teratail」タグで質問した際の、マイナス評価について
　プログラムとは関係ないのは当たり前ですが、
　それでマイナス評価がつくのは微妙なので上記同様に問合せ中です。
　
　また、「類似投稿を自分がしている」という件ですが
　この質問は初めてです。
　これについてもteratailに問合せました。

PCの固有番号とかで裏から判定できれば良いのに。

### 質問内容に沿った、まともなコメント抜粋

**K_3578さん**
https://teratail.com/contact/input
ここで問い合わせては？
ただ、お盆期間はサポートの返信は来ないらしいのでそれまで
待つ必要がありますが。
⇒問合せ中

**ku__ra__geさん**
userscriptで好きにブロック対象ユーザを非表示にすればいいのでは？
⇒とても参考になりました。

**K_3578さん**
誰だったか忘れましたが、Twitterか何かで
特定のユーザーを非表示にするスクリプトを組んでた方が居たような。
多分teratailで検索したら出てくると思います。
⇒**「teratail(テラテイル)で低評価や特定の人物の質問を非表示にする方法」**という
　記事がありました。参考になります。

その他のコメントは、「質問者の過去の態度が気になる」とか
「誰かと同一人物だろ」みたいな決めつけたコメントばかりでした。
**質問内容とは全く関係ない回答**なので以後スルーします。

### 進捗
2021/8/16
進捗無し。運営からの回答も無し。

何故、teratailにブロック機能が搭載されないのでしょう？

JSのコードを見ているとアンダースコアから始まる変数名や関数名をよく見かけますが、どのような変数や関数にアンダースコアから始まる名前を付与しているのでしょうか？
公式な文法うんぬんではなく、何か暗黙のルールか作法のようなものがあるように感じます。

[Javascript]アンダースコアから始まる変数、関数の意味

### 前提・実現したいこと

iOS15のsafariで、WEBページ上に表示されている要素（canvas, button等）を長押しした際に表示される拡大鏡を抑止したいです。

この機能はiOS13で一度廃止されましたが、iOS15で復活しました。

色々調べましたが、明確な回答や解決策がなく困っております。

iOS15のsafariで拡大鏡を抑止する方法を教えていただきたいです。

### 発生している問題（safariにて）
iOS12までは下記リンクにあるようにCSSで[-webkit-user-select:none]とすることで、ページ内のテキストや要素の選択を無効化することで拡大鏡の出現が抑止出来ていました。
https://stackoverflow.com/questions/27101308/disable-magnifying-glass-in-ios-html-app

しかし、iOS15では選択自体は無効になりますが、下記画像のように引き続き拡大鏡が出現し続けます。


### 該当のソースコード
デモコードになります。一部は下記からお借りしました。
https://codepen.io/nikspatel/pen/qrzBjX
```
<!DOCTYPE html>
<html lang="en">
<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, maximum-scale=1.0, user-scalable=0'>
    <link rel="stylesheet" href="style.css">
    <title>Magnifying glass test</title>
</head>
<body>
    <div class="container">
        <div class="row">
          <div class="col-md-4">
            <div class="mag"> iPhone<br>
              <img  src="https://i.imgur.com/1fgr2IO.jpg" alt=""> </div>
          </div>
          
          
          <div class="col-md-4">
            <div class="mag"> Lion<br>
              <img data-toggle="magnify" src="https://i.imgur.com/kzGVqbd.jpg" alt=""> </div>
          </div>
          
          
          <div class="col-md-4">
            <div class="mag"> Mixer<br>
              <img data-toggle="magnify" src="https://i.imgur.com/YZ7AGyF.jpg" alt=""> </div>
          </div>
           
          <button id='testBtn'>HELLO</button>
          <input>
          <h1>HELLO</h1>
          <h2>hello</h2>
          
        </div>
        
        <hr>
       
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="long-press-event.min.js"></script>
    <script src="index.js"></script>
</body>
</html>
```
```
* {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-callout: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-modify: none;
    -webkit-highlight: none;
}

.mag {
    width:200px;
    margin: 0 auto;
    float: none;
}
    
.mag img {
    max-width: 100%;

}
        
```
下記画像の赤丸で囲った部分が問題の拡大鏡です。
![イメージ説明](a464f32d37c9182583e447aec0d8edac.jpeg)
これを抑止する方法を教えていただきたいです。

### 試したこと

StackOverFlowなどを参考に,[-webkit-user-select:none]や[-webkit-touch-callout:none]をCSSに追加して見ましたが、iOS15では効果がありませんでした。


### 補足情報
ブラウザ：safari
OS:iOS15, iPadOS15

長押し(ロングタップ)した時に表示される拡大鏡を抑止したい。iOS15-safari。

新人にjavascriptを教えている最中ですが、
nullと0の違いがなかなか理解できないみたいです。
まったくのプログラム未経験者に伝えるにはどのように伝えれば
Nullと0の違いを説明できるでしょうか？

ちなみに、私の説明では
「nullは存在しない、0は0という数字が存在している。」
という風に説明しているのですが、
なんとなくわかったけど、腑に落ちない。
という感じです。

もうちょっとわかりやすく伝わりやすい方法があれば教えてください！

未経験者にnullと０の違いを説明する方法

### 前提・該当のソースコード

ReactとTypeScriptとFirebaseを使っています。
datasコレクションからデータを取得する際、ドキュメントに含まれるuidからユーザー情報も取得し、データ情報とユーザー情報をオブジェクトにまとめた配列を生成しています。

```typescript
type UserType = {
  uid: string;
  name: string;
}
type DataType = {
  dataID: string;
  dataUser: User;
}

cosnt [datas, setDatas] = useState<DataType[]>([]);
useEffect(() => {
  const loadDatas = async () => {
    const currentApp = getApp();
    const db = getFirestore(currentApp);
    const dataRef = doc(collection(db, "datas"));
    const dataDocs= await getDocs(dataRef);
    const dataRaws = await Promise.all(
      dataDocs.docs.map(async (doc) => {
        const data = doc.data();
        const { dataID } = data;
        const dataUserRef = doc(collection(db, "users"), dataID);
        const dataUserDoc = await getDoc(dataUserRef).catch((err) => {
          console.log(err);
          return null;
        });
        if (!dataUserDoc || !dataUserDoc.exists()) return;
        const dataUser = dataUserDoc.data() as UserType;
        const dataObj: DataType = {
          dataID: dataID,
          dataUser: dataUser,
        };
        return dataObj;
      })
    );
    if (dataRaws.length > 0) setDatas(dataRaws);
  };
  loadDatas();
}, []);
```

### 発生している問題・エラーメッセージ

Array.map処理の中で「ユーザー情報のgetに失敗した場合はnullを返してその値の処理をスルーする」という処理を書いているため、VSCodeは```dataRaws```の型を以下のように推論します。

```
dataRaws: (DataType | undefined)[]
```

そのため、```setDatas(dataRaws)```に対してVSCodeに下記の内容で怒られます。

```
型 '(DataType | undefined)[]' の引数を型 'SetStateAction<DataType[]>' のパラメーターに割り当てることはできません。
型 '(DataType | undefined)[]' を型 'DataType[]' に割り当てることはできません。
型 'DataType | undefined' を型 'DataType' に割り当てることはできません。
型 'undefined' を型 'DataType' に割り当てることはできません。
ts(2345)
```

### 実現したいこと

dataRawsからundefinedを取り除き、```DataType```だけが格納された配列をsetStateしたいです。

### 試したこと

[JavaScriptにおける配列の空要素除去filterパターン - Qiita](https://qiita.com/akameco/items/1636e0448e81e17e3646)

上記ページで紹介されている3パターンを試してみました。

```typescript
if (dataRaws.length < 1) return;
const deleteUndfiedDataRaws = dataRaws.filter(data => data);
// const deleteUndfiedDataRaws = dataRaws.filter(data => !!data);
// const deleteUndfiedDataRaws = dataRaws.filter(Boolean);
setDatas(deleteUndfiedDataRaws);
```

しかしVScodeは変わらず、```deleteUndfiedDataRaws```の型を下記のように推論します。
```
deleteUndfiedDataRaws: (DataType | undefined)[]
```

配列に含まれるnullかundefinedを取り除いた配列を生成したい

### 前提・実現したいこと
なぜ、このような実行結果になるのでしょうか？
２行目で、入れ替えているようなのですが、よくわかりません。

### 該当のソースコード
```JavaScript
const array = [0, 1, 2];

[array[2], array[0]] = [array[0], array[2]]; // なんで入れ替わるのでしょうか？

console.log(array);	// [2, 1, 0]
```


### 試したこと
```JavaScript
array[0] = array[2]; 
```
上記、みたいな書き方なら、分かります。
２行目のキーワードがわからないので、調べられないです。
どうぞよろしくお願いいたします。

なぜ、配列の内容が入れ替わるのでしょうか？

### 前提・実現したいこと

①dataという配列に2つidを入れます
②dataという配列にdata2のhelloが存在するかチェックしたいです
idの部分で照合をしたいのですがどう書けばいいかわからずにいます
if(data.includes("id:"+data2[0]))では動きませんでした
詳しい方教えてください

### 該当のソースコード

```ここに言語名を入力
<script>
var data=[];
var data2=["hello"];
window.onload=function(){

data.push({id:"hello",text:"aaa"});
data.push({id:"hello2",text:"aaa2"});

if(data.includes(data2[0])){
console.log(data+"内に"+data2[0]+"は存在する");
}
}
</script>
```

JavaScript 配列に詳しい方教えて下さい

前置き
---
[teratailヘルプ](https://teratail.com/help#about-questionevaluation)には、次のようにあります。

> 質問の評価基準は下記のように定めています。
> **高評価がつく質問**
> ・ 質問者以外のユーザーにも役立つ質問
> ・ 自分も答えを知りたいと思う質問
> ・ 質問内容が明確な質問

> (中略)

> 回答の評価基準は下記のように定めています。
> **高評価(+)がつく回答**
> ・ 正しい回答
> ・ わかりやすい回答
> ・ ためになる回答

これを見る限り、投稿に対する評価は『絶対的』なものであると言えると思います。

しかし、実際に利用している上で、『相対的』に高評価を入れたくなることがあります。
それは次のように思ってしまう場面です。
- **この質問／回答に、なぜ低評価が付いているのか？**
- **より正確かつ丁寧な回答が明らかに存在するのに、なぜ表示順位が低いのか？**
・ 回答投稿のタイミングに非常にずれがある場合は除きます。
・ 明らかとは、例えば包含関係など、コンセンサスが得られるような優劣です。

個人的には、**『リカバリー高評価』**という呼称がしっくり来るのですが...
要するに、評価のバランスを整えようとする行為です。

本題
---
先に提示したヘルプに従えば、評価は絶対的な指標であるはずです。
しかし、相対的に高評価を入れたくなる場面も存在します。

- **相対的な高評価は許容されるべきか**
- **実際に相対的に高評価を入れようとしたとき、何に留意する必要があるか**

明確に答えがある問題だとは思いませんが、皆さんのご意見をお伺いしたいです。
なにか質問に不足があればご指摘のほどよろしくお願いします。

---
**追記1**
KojiDoiさんがコメントで次のような観点を示してくださいました。
> ヘルプによれば《回答の評価は「高評価(+)」と「低評価(-)」が押された数の合計で決まります。》
であればマイナスポイントに対してプラスポイントを入れるのは正に「低評価を打ち消す機能」を利用していることになるのでは？

確かに読み方によっては、相対的な高評価はヘルプに準拠しているようにも捉えられそうです。

---
**追記2**
ある程度回答が出揃ったようですので、いったん質問を閉じさせていただきます。
悩んだ末、最も網羅的に質問に回答していただいたthink49さんにBAをおつけすることとします。
みなさま、ご回答ありがとうございました。どの方のご意見も非常に参考になりました。

本質問は『解決済み』になりますが、新たな回答も大歓迎です。
その人ならではの視点での回答を心待ちにしています。どうぞ忌憚なくご意見ください。

投稿自体の評価に直結しない『相対的な』高評価の是非

現在、FastAPIを用いて簡単な掲示板を作成しています。
DBにはsqlite3を用いておりスレッドの登録を行おうとしたのですが、``sqlalchemy.exc.IntegrityError: (sqlite3.IntegrityError) UNIQUE constraint failed: threads.id``というエラーが発生して登録が行えません。

テーブルは以下のようになっています。
```
class Thread(Base):
    __tablename__ = "threads"

    id = Column(Integer, primary_key=True, nullable=False, autoincrement=True)
    name = Column(String(255), nullable=False)
    created_at = Column(DateTime, nullable=False, default=datetime.utcnow)

    messages = relationship('Message', back_populates="thread", cascade='all, delete-orphan')

```
エラー文にあるようにidがユニークである必要があるのですが、なぜ``autoincrement=True``の記述があるにもかかわらず自動的にidが付与されないのかがわかりません。
実際にデータベースに接続してスキーマを確認したところautoincrementが入っていなかったため、``autoincrement=True``の記述が誤っているのだろうとは思うのですがどのように修正を行えば良いのかが分からずにいます。

``Threadsテーブルスキーマ``
```
CREATE TABLE threads (
     id INTEGER NOT NULL, 
     name VARCHAR(255) NOT NULL, 
     created_at DATETIME NOT NULL, 
     PRIMARY KEY (id)
);

```

SQLiteのAuto Incrementについてドキュメントを確認したところ"Table構文にsqlite_autoincrement=Trueというフラグを追加します。"という文章と共に以下のコードが記述されているのですが、そもそも上記の自分が書いたテーブル設定のコードの書き方自体が間違っているのでしょうか？
わかる方いましたら、教えていただきたいです。

[sqlalchemy ドキュメント](https://docs.sqlalchemy.org/en/14/dialects/sqlite.html?highlight=autoincrement#using-the-autoincrement-keyword)
```
Table('sometable', metadata,
        Column('id', Integer, primary_key=True),
        sqlite_autoincrement=True)
```

よろしくお願いいたします。

sqlite3でautoincrementを付与したい

### 前提・実現したいこと
teratailで大文字のAが隠されます。どうすれば隠してるものを消せるでしょうか？

Aの上に下の画像のマークがつきます。
https://bit.ly/2VDjPDJ

ブラウザで開くとこのように隠されます。
https://bit.ly/3xF6UPT

画像検索で、Aを隠しているマークを検索してみたり
いろいろやってみたのですが、まったく情報がありませんでした。


追記
Osakaというフォントの.ttfを開くと同じようにAが表示されませんでした。
ちなみに、teratail.comが使っているフォントはヒラギノ角ゴシック体Pro W3みたいなので、関係してるのかはわかりません。 

### 発生している問題・エラーメッセージ

```
エラーメッセージ
```

### 該当のソースコード

```ここに言語名を入力
ソースコード
```

### 試したこと

GoogleとTinEyeで類似画像検索
「teratail A 隠れる」などで検索
Twitterで同様の問題が起きている人を探す

### 補足情報（FW/ツールのバージョンなど）

Windows10
FireFox 最新

teratailでAが隠されます。どうすれば隠してるものを消せるでしょうか？

teratailを去年の夏から利用しています(といってもROM専でしたが)。
プログラミングに関係のない質問だと指摘されてしまいそうですが、この場でしか聞くことのできないことだと思うので、ぜひ回答していただけたらと思います。
突然ですが、最近以下のような質問が多いように感じています。
- 質問者「ちょっとググったんですけどダメでした。なんとかしてください」
- 質問者「まったくの初心者なんですけどうごかないんです(そうしてコードを小出しにする)。」
- 質問者「前に回答でもらったコードをいじってたらうごかなくなりました。なんとかしてください」
- 質問者「どうすればいいですか？(具体的に「**なに**」を「**どうしたいか**」を書かないでコードだけ貼り付ける)」
- 修正依頼にて、回答者「ここってこうですよね？」質問者「すみません！修正します！」→**結局修正されず**
- 質問者「こういうのほしいんですけど、なんとかしてください」
- 質問者「こういうのほしいんですけど、なんとかしてください」→回答者「これでどうでしょう」質問者「いや、～～じゃないとダメなので」など要件を小出しにする
- 質問者「解決しました！ありがとうございます！」→質問文を本来の質問とはまったく関係のないものに変える

teratailを利用し始めて間もないなら操作の仕方がわからずに手間取ることがあるかもしれませんが、**操作のしにくさ**と**質問文をしっかり書けるかどうか**は**まったく関係ない**と思います。
心理的に見れば、プログラミングを長時間行っていて疲れが溜まり、緊張が続き、うんざりしているのかもしれませんが、質問文にその態度を反映させてしまうのは良いことだと思えません。
ということで、質問の内容なのですが、以下の通りです。
0. 回答者の方々は投げやりなど、不備のある質問を目にしたとき、どのように対処するのか？
0. 不備のある質問に回答するとき、どのような姿勢や立場で取り組むのか？
0. 質問者の方々がなぜ不備のある質問をしてしまうのかどのような考察をしているのか？

ご回答お願い申し上げます。

最近投げやりな質問が多すぎると思いませんか？

運営側への質問です。
コードブロックで使える言語の一覧はどこかにありますか？ちょっと見当たらないようです。
さっき、VBA を書こうとして困りました。vbnetで代用ですかね。
Windowsのバッチスクリプトは試行錯誤で見つけましたが、BATでもCMDでもなく何故かDOS。懐かしい単語ですが、DOSバッチと、現在のWindowsのバッチは別物です。CMDが望ましいでしょう。

#追記: 2018-08-08
現時点では↓のようです。
```plain
1c:"1C"
abnf
accesslog
actionscript:"ActionScript", as
ada
apache:"Apache", apacheconf
applescript:"AppleScript", osascript
arduino:"Arduino"
armasm, arm
asciidoc:"AsciiDoc", adoc
aspectj
autohotkey:"AutoHotkey"
autoit
avrasm:"AVR Assembler"
awk
axapta:"Axapta"
bash:"Bash", sh, zsh
basic
bnf
brainfuck:"Brainfuck", bf
cal
capnproto, capnp
ceylon
clean, clean, icl, dcl
clojure-repl
clojure:"Clojure", clj
cmake:"CMake", cmake.in
coffeescript:"CoffeeScript", coffee, cson, iced
coq
cos, cos, cls
cpp:"C++", c:"C", cc, h, c++:"C++", h++, hpp
crmsh, crm, pcmk
crystal, cr
cs, csharp:"C#", c#:"C#"
csp
css:"CSS"
d:"D"
dart
delphi:"Delphi", dpr, dfm, pas, pascal, freepascal, lazarus, lpr, lfm
diff:"Diff", patch
django:"Django", jinja
dns, bind, zone
dockerfile, docker
dos:"DOS.bat", bat, cmd
dsconfig
dts
dust, dst
ebnf
elixir:"Elixir"
elm
erb
erlang-repl:"Erlang REPL"
erlang:"Erlang", erl
excel, xlsx, xls
fix:"FIX"
flix
fortran, f90, f95
fsharp:"F#", fs, f#:"F#"
gams, gms
gauss, gss
gcode
gherkin:"Gherkin", feature
glsl:"GLSL"
go:"Go", golang
golo
gradle:"Gradle"
groovy
haml:"Haml"
handlebars:"Handlebars", hbs, html.hbs, html.handlebars
haskell:"Haskell", hs
haxe:"Haxe", hx
hsp
htmlbars
http:"HTTP", https
hy, hylang
inform7, i7
ini:"Ini", toml
irpf90
java:"Java", jsp
javascript:"JavaScript", js:"JavaScript", jsx
json:"JSON"
julia
kotlin
lasso:"Lasso", ls, lassoscript
ldif
leaf
less
lisp:"Lisp"
livecodeserver
livescript, ls
llvm
lsl
lua:"Lua"
makefile:"Makefile", mk, mak
markdown:"Markdown", md, mkdown, mkd
mathematica, mma
matlab:"Matlab"
maxima
mel:"MEL"
mercury, m, moo
mipsasm, mips
mizar:"Mizar"
mojolicious
monkey
moonscript, moon
n1ql
nginx:"Nginx", nginxconf
nimrod:"Nimrod", nim
nix:"Nix", nixos
nsis:"NSIS"
objectivec:"Objective C", mm, objc, obj-c
ocaml:"OCaml", ml
openscad
oxygene:"Oxygene"
parser3:"Parser3"
perl:"Perl", pl, pm
pf, pf.conf
php:"PHP", php3, php4, php5, php6
plain:"Plain text"
pony
powershell, ps
processing
profile
prolog
protobuf
puppet, pp
purebasic, pb, pbi
python:"Python", py, gyp
q
qml, qt
r:"R"
rib:"RenderMan RIB(RIB)"
roboconf, graph, instances
rsl:"RenderMan RSL(RSL)"
ruby:"Ruby", rb, gemspec, podspec, thor, irb
ruleslanguage
rust:"Rust", rs
scala:"Scala"
scheme
scilab:"Scilab", sci
scss:"SCSS"
smali, smali
smalltalk:"Smalltalk", st
sml, ml
sqf, sqf
sql:"SQL"
stan
stata, do, ado
step21, p21, step, stp
stylus, styl
subunit
swift:"Swift"
taggerscript
tap
tcl, tk
tex:"TeX"
text:"Plain text"
thrift:"Thrift"
tp
twig, craftcms
typescript:"TypeScript", ts
vala:"Vala"
vba:"VBA"
vbnet:"VB.NET", vb
vbscript-html
vbscript:"VBScript", vbs
verilog, v, sv, svh
vhdl:"VHDL"
vim:"Vim Script(Vim)"
x86asm:"Intel x86 Assembly"
xl, tao
xml:"XML", html:"HTML", xhtml, rss, atom, xjb, xsd, xsl, plist
xquery, xpath, xq
yaml, yml, YAML, yaml
zephir, zep
```

このサイトのMarkdown記法のコードブロックで使える言語一覧

htmlを書くとき、改行タグを、<br>ではなくて、<br />と書かれてある場面によく出くわします。

なぜ、<br />と記述するのでしょう？

<br>と書くのと、一体何が違うのでしょう？

htmlの改行タグを<br>ではなくて<br />と書くのはどうしてでしょう？

先ほど、CSSが効かないのを質問したんですが、またteratailでの質問の書き方など色々なとこで分からないこと多く、ソースコードをコピペしたのを掲載してしまいました。

そうすると一人の回答者さんが、どうなってるか再現するためにもソースコードはコピペじゃな、<code>を押して書いた方がいいと、教えてくださいました。

しかしteratail初心者で、質問もまだ2回目で、質問欄にソースコード載せる場合、<code>を押してからどのように書くか分からなく、困っております。

どのようにして、<code>ボタン押してから、ソースコード記述したらいいんでしょうか？

他にも質問する際の決まり事や書き方をヘルプで見ても、詳しく書いていないので、教えて欲しいです。

初歩的な質問して申し訳ございません。
よろしくお願いします。

teratail初心者で、質問もまだ2回目で、質問欄にソースコード載せる場合、<code>を押してからどのように書くかを、教えて欲しいです。

```
teratail の質問はマークダウンを使って読みやすく書くことができます。
ところが実際には、インデントも＃も抜け落ちたようなコードばかりで読みやすいとはとても言えません。
Python のようなインデントが大きな意味を持つ言語ですらそうです。
最初の頃、技術系の人が集まる掲示板のはずなのに、質問編集画面のプレビューをなんとも思わない人の多さに驚きました。
回答者にはマークダウンを気を付けて使う人が多いのに、質問者はほとんど気にしていません。

ここでプログラムに関係のない質問です。
もう質問のデフォルトはすべてコードモードでいいんじゃないでしょうか？
何か操作をしてマークダウンモードにできる人だけマークダウンを使えるようにしたらどうでしょう？

回答は今のままでいいと思います。
また、コメント欄にもマークダウンは欲しいです。

ちなみにこれがコードモードのみで書かれた質問です。
右端で改行されないのが難点です。
```