<iframe>

<button>

チャレンジ_入門編_テンプレ

チャレンジ_実践編_テンプレ

reactテスト

ターミナル問題テスト

CONSOLE問題テスト

テストのテスト

reactjsxテスト

vue3テスト

vue2テスト

vue3.2テスト

typescript

vueモジュール

Processなし課題

CSSテスト確認

リンクのテスト

sass

scss

隠しファイルテスト

rust

python

ViewZone

分割代入

比較演算子(JavaScript)

オブジェクト{}

変数定義(JavaScript)

console.log

QuizSample

express

echo

katex_sample

Markdown確認challenge1

border

Markdown確認challenge2

wordpress

ファイルロゴチェック

react退避(イベントオブジェクトに型をつけてみよう)

配列操作/forEach

テンプレートリテラル

JavaScript退避

java

deno

rustパーサ

実践チャレンジ用テスト

実践Lessonサンプル

JavaScriptテストサンプル

テストのテスト3

phpApache

http-server

コーディングなし

pythonLib

sandbox-react-js

sandbox-react-ts

sandbox-vue-js

sandbox-vue-ts

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

サンプルコース

サンプルレッスングループ

レッスン_サンプル

## 4. 最終チェック
### ソースコードやデモサイトの確認
コーディング作業が完了後、ソースコードやデモサイトと比較して最終チェックをしてみましょう。

### デザインカンプ
下記のFigmaのデザインを確認しながら、本番を想定して実際にコーディングしていただきます。

**[デザインデータ(Figma)](https://www.figma.com/file/vkzIlVtdphjwTitvxl9c6q/%E6%95%99%E6%9D%90%E7%94%A8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?type=design&node-id=1229%3A212&mode=design&t=ifKp5BjjCWlw9AzQ-1)**
**[デモサイト](https://if-tech-support.github.io/code-lesson-tutorial/nyumon1/)**

### コーディングが綺麗にできているか確認する便利なツール

**HTMLチェッカー**

Chromeの拡張機能「HTMLチェッカー」をインストールして、閉じ忘れを教えてくれます。
**必ずしも正確な閉じ忘れや開きタグのミス**を見つけてくれるわけでは無いので、注意が必要です。
ただ、エラーが出るということは、コードに問題があることがわかります。

**[HTMLチェッカーの使い方はこちら](https://magazine.techacademy.jp/magazine/32089)**

5. 最終チェック（ブログ）

5. 5. 最終チェック（ブログ）