【受講記録】デイトラWeb制作コース初級編DAY12

2024-10-312024-12-04

はじめに

2024年10月からデイトラのWeb制作コースの受講をスタートしました。

アウトプットをしてしっかり知識として定着できるよう、記事に残しながら進めています。

OneNoteにメモしながら受講したものを記事にまとめていますので、
実際の受講日と記事の公開には若干のタイムラグがあります。
なるべくリアルタイムになるように心がけますが、受講優先のためご容赦ください。

この記事はこんな人に参考になるかも？

これからデイトラWEB制作コースの受講を考えている方
　実際に受講した記録になりますので、雰囲気や大変度合いを測っていただけるかと思います！

現在進行形でWEB制作コース受講中の方
　一緒に頑張っていければうれしいです！X（旧Twitter）などで交流しませんか！

卒業生の先輩方
　懐かしんでいただければ・・・笑　
　　自分なりに調べた記録も付加していますが、もし間違ってるよー！等ございましたらこっそり教えていただけますと嬉しいです。

再利用可能なコードのメモのこと。NotionやVS Codeを使う方法がある。

ただし！品質が悪いものを登録してしまうと、悪いものを繰り返し使うことになってしまうので注意が必要。
なんでもかんでも登録すればよいというものではなく、本当に使えるものを取捨選択していこう！

Notionは多機能なドキュメントツールだと思えばよい。

半角スラッシュを入力すると、コンテンツタイプが表示される。
コード、データベースはよく使う。

参考サイト
Notionショートカット集
 マークダウン記法
りょーさんのスニペット130種
→プレゼント企画と記載があったので、ここに私がリンクつけるのはちょっと違う気がした。
　手元のOneNoteみましょ。

特定のキーワードを入力することで、そのキーとセットで登録したソースコードの塊を簡単に展開できる機能。
パソコンの辞書、単語登録みたいなもん。
よく使うソースコードはユーザスニペットに登録して効率化していこう！

コード内にダブルコーテーションを入れたい場合は、コーテーションの前にバックスラッシュをいれる。
タブキーでインデントをつけたい場合は、バックスラッシュtを入れる。
展開後のカーソル位置は、$マークに数字をつけることで、その順番にTabキー遷移できる
プレースホルダー（初期値）を入力したい場合は、$の後ろに{}をつけ、数字の後ろに：をつけて文言いれることで設定できる
${1:section}
入力値を複数選択にしたい場合は、{}で囲ったうえで、:ではなく|で囲ってカンマで区切ればOK
${3|section,div|}
↑これで、 sectionとdivの選択肢が表示されるようになる。

スニペット登録するとき、改行の,を忘れがち！注意！