# 2021.06.04（月）⑤⑥
###### tags: `SV25` `授業ノート`


$ cd &&mkdir temp &&cd $_ &&pwd

* &&は前のコマンドが成功した場合に実行される
1. cd
2. mkdir temp
3. cd $_
4. $_はひとつ前のを表す(ここではtemp)
5. pwdで現在のディレクトリを表している

ls /usr/bin |tee cmd-list.txt

ls /usr/bin |tee cmd-list2.txt |less


これで全部まとめられる

cat var.txt boot.txt jitou.txt |tee all.txt

<span style="color: #ff3333">aaa</span>
<span style="text-decoration: underline">aaa</span>
## 雑談 (0→やまぴ 1→みや 2→やすい 3→りょうくん 4→アミカ)

↓↓↓↓チャットでよくある奴
<div style="display: flex;">
<div style="width: 100%; height: 15px; line-height: 0em; border-bottom: 1px solid #bbbbbb;"></div>
<p style="margin: 0 auto; padding: 15px; line-height: 0em; border: 1px solid #bbbbbb; border-radius: 20px; background-color: #000000aa; color: #ffffff"}>2021/06/04</p>
<div style="width: 100%; height: 15px; line-height: 0em; border-bottom: 1px solid #bbbbbb;"></div>
</div>

↓↓↓↓クラブハウスアイコン
<div style="width: 102px; height:100px; background-color: #f00; border-radius: 46%;"></div>

↓↓↓↓よく分からんやつ(豆腐)
<div style="width: 100px; height:100px; background-color: #00f; border-radius: 50% 20% / 10% 40%; display: flex; justify-content: center; align-items: center; color: #fff;">豆腐</div>

↓↓↓レモン
<div style="width: 100px; height:100px; background-color: yellow; border-radius: 50% 50% / 10% 70%; display: flex; justify-content: center; align-items: center; color: #000; transform: rotate(45deg);"><span style=" transform: rotate(-44deg);">lemon</span></div>

type ColorType = {
    color: 'red' | 'blue' | 'yellow' | 'gray'
}

const DateBar:FC<ColorType> = (props) => {
    return (
        <div class="flex">
            <div class=`flex-1 h-4 leading-0 border-2 border-${props.color}-500`></div>
            <p class=`p-4 border-2 border-${props.color}-500 bg-white`>2021/06/04</p>
            <div class=`flex-1 h-4 leading-0 border-${props.color}-500`></div>
        </div>
    )
}