現在は課題の製作中です。学習をしていると進捗成果を計る為にも課題をというものがあり、それをある一定のレベルでクリアしないといけません。これは学校だけではなく仕事をしていても品質と納期があり、それをクリアしないと仕事が完了しないのと同じで仕事の練習みたいな事ですね。
デザインカンプがあり、まずそれの通りにトレースしていく、そして期限までに提出する。そこでフィードバックを受けて不具合があれば修正するの繰り返しを最低限２テーマを行います。
製作中、上手く行かないことも多く、不明点を検索しても答えも見つからず時間ばかり過ぎて進まず期限ギリの提出ばっかりでした。
技術的に解らない事も後から教材の中にある事に気づいたり、質問して解決したりもありました。それと多いのが誤字、脱字、大文字小文字の違いです。入力候補がある場合はそれを使えば大丈夫なのですが、そうでないアンダーバーとハイフンの間違い、コピペ間違い、クラス名やプロパティの指定間違いです。先の２つの間違いは気づきにくいです。何回見ても気づかないので他の間違いを探してしまいます。
最初の頃は開始タグと終了タグの間に文字を記述してないこともありました。
<div><a>ここが正解</a></div> <div><a></a>よくある不正解はここ</div>
後者では反映されませんね。
コピペ間違いはアンダーバーを使ってるとaaa_bbbをダブルクリックするとaaa_bbbごと選択してくれますがハイフンではaaa-bbbはaaaかbbbのどちらかになるので気づかずにコピペ足らず間違いしています。
アンダーバーとハイフンの併用は避けてアンダーバーにしてるのですが無意識にハイフンを使ったりしてるとこがあったりするので要注意ですね。
それと検証ツールで試した後、vscodeに記述せずに忘れ。
等々イージーミスがほとんどです。そのあたりのミスがなくなると検証や手戻りも減り作業時間もかなり短縮されるし疲労感もだいぶ違います。
アンダーバーとハイフンどちら良いとは言いがたいです。ハイフンならバーを挟んでどちらかを選択できます。ただ範囲選択しないと両方の指定選択ができないですね。コピペする時どちらが使いやすいかは人によっての好みあるので一概にはいえません。
アンダーバーでひとつのモノにしてコピペして不要なモノを削除が良いのかハイフンにして必要であれば両方を範囲選択するか。どちらも必要以上に削除してしまったり必要なモノを選択し損なったりとミスる時はミスりますので要注視。まだまだやらないと慣れていかないですわ。。
2024.2.14追記
アンダーバーを使った時の選択方法は、aaa-bbbを選択する時にaaaをダブルクリックすると、
aaa-bbb このようにaaaが選択されその後、sift+bbbをクリックするとaaa-bbbと範囲選択されるのでコピペ損ないが軽減されます。
範囲選択する方法としては選択したい文字や範囲をドラッグ、選択したい先頭+Shift末尾をクリックもありますが、先頭や末尾のスペースや文字を過不足に選択してしまう可能性が少なかれあるのであまりオススメではないです。
コメント