![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
#author("2026-08-26T10:19:25+09:00","","") * Setting Up the Development Environment [#rbe60358] #author("2026-08-26T10:30:27+09:00","","") * Setting Up the Development Environment 第2稿 [#rbe60358] 第3回目の記事内容を詰めます。 そしてもうここから実作業に入るので開発手法を適用します - 実装する機能:🟧開発環境を作成する - テスト項目: -- 🔴VSCodeでプロジェクトの編集ができる -- 🔴Web Serverの起動してCanvasに図形が表示される -- 🔴GitHub repositoryにプロジェクト内容が表示される これで連載2回目に書いた開発環境ができていることが確認できます。 次にこれの実装方法を書いてテストをクリアする手順を記事として書きます ただし手順は必要最低限にしましょう。 okozeはVSCodeのインストールは自分で調べてできるくらいの人を対処とします VSCodeは私が使うIDEであって、読者は何を使っても構わないスタンスですし 他にインストールすべきものはなんでしょう？Nodeですか? 私が使用するVSCodeのバージョン、機能拡張、Nodeのバージョンくらい書いておきましょうか 他にありますか？ GitHubは最初にrepositoryを作ってからローカルにcloneする方が手順は簡単なのでそうしますか？ 私の環境ではhttpsでcloneできるのですが、pushでは失敗します sshの使い方も解説するべきでしょうか？ あまりクダクダ書いても助長なので書くにしてもcolumnか何か別記事にした方が良い気がします 最後に - 🟧開発環境を作成する -- 🟢VSCodeでプロジェクトの編集ができる -- 🟢Web Serverの起動してCanvasに図形が表示される -- 🟢GitHub repositoryにプロジェクト内容が表示される あとは手作業でtag episode-003 をつけてgithub pagesにlive demo用コードを貼って、そこへリンクを張る こんな感じでどうでしょう？ * 第1稿 [#t55b151f] 第3回目の記事内容を詰めます。 当初はスクラッチからVSCodeのインストール方法などを書くつもりでした。 しかしmac min m4でVSCodeのインストール方法を書いても魅力的ではありません macではないかもしれないし、インストール方法などすぐ陳腐化します okozeの記事内容からしてVSCodeを自分でインストールできない人を相手にする必要もないでしょう 自分でインストールできるスキルを身につけてからまた戻ってきて欲しいです(これは記事に書く必要はありません) せいぜいVSCodeで使った機能拡張の名前を書いておくくらいでしょう。 これも強制でなく参考です。読者は好きな機能拡張を入れれば良いです。 そしてもうここから実作業に入るので開発手法を適用します - 実装する機能:🟧開発環境を作成する - テスト項目: -- 🔴VSCodeでプロジェクトの編集ができる -- 🔴Web Serverの起動してCanvasに図形が表示される -- 🔴GitHub repositoryにプロジェクト内容が表示される これで連載2回目に書いた開発環境ができていることが確認できます。 次にこれの実装方法を書いてテストをクリアする手順を記事として書きます 最後に - 🟧開発環境を作成する -- 🟢VSCodeでプロジェクトの編集ができる -- 🟢Web Serverの起動してCanvasに図形が表示される -- 🟢GitHub repositoryにプロジェクト内容が表示される あとは手作業でtag episode-003 をつけてgithub pagesにlive demo用コードを貼って、そこへリンクを張る こんな感じでどうでしょう？
