<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

Django

Streamlit

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

サンプルコース

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

レッスン_サンプル

次回以降のセクションではローカル開発レッスン「Laravelのローカル開発準備（環境構築）」で作成した飲食店メニューサイトを拡張していきます。

## Laravelのローカル開発準備（環境構築）がまだの方
ローカル開発レッスン「Laravelのローカル開発準備（環境構築）」が未完了の方は以下のリンクから履修してみましょう。

- [Laravelのローカル開発準備（環境構築）](#)

## Laravelのローカル開発準備（環境構築）完了済みの方

1. Docker Desktopを起動
2. VSCodeでプロジェクトフォルダを開く
3. VSCodeのターミナルを起動
4. `./vendor/bin/sail up`を実行

```bash
./vendor/bin/sail up -d
```

## プロジェクトの確認

プロジェクトが立ち上がっていることを次のリンクで確認しましょう。
- http://127.0.0.1/
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0e6649b0-82a3-40be-95e6-8486bb962bdf.png)

---
事前準備はここまでです。
次のセクションへ進みましょう。


必要なセットアップを確認しよう