Git 【VSCode】新規でリポジトリを作成し、ローカルの変更を登録する手順
既に自分のローカルPC上で新規作成し、すでに複数ファイルを作り込んでいるオリジナルのプロジェクトを、後からGitHubへアップロードして管理・共有を開始する際の手順。1. ローカルリポジトリの初期化と最初のコミットこれまでの変更履歴を一括で...
VScode
Git 
Git 【VSCode】既存のGitHubリポジトリを取り込んで開発を始める手順
「チームで既に使っているGitHubリポジトリがある」「GitHub上で先にWebサイトからリポジトリを作って、Readme等を用意した」という状態から、手元のWindows環境に正しくコードを取り込み（クローン）、開発をスタートする手順。...
Laravel 【VSCode】Laravelアプリ 「ショップ買い物」 手動開発
前回、VSCodeとClineで自動で開発してショップお買い物アプリを、手動で作成します。1. データベースの準備（XAMPP）XAMPP Control Panelを開き、Apache と MySQL の「Start」ボタンをそれぞれクリ...
AI 【VSCode】Laravelアプリ 「ショップ買い物」 Cline で自動開発
前回TwitterModokiアプリで味をしめたので、今回はショップお買い物アプリを生成AIに作成させてみた。その後、自分でも作成する予定。1. 開発環境の前提ローカルサーバー: XAMPP（Apache, MySQL 起動済み）エディタ:...
VScode 【VSCode】プロファイル切り替え・管理まとめ
VSCodeの設定・拡張機能を用途別（開発・ブログ・実験用など）に完全分離して管理する方法のメモ。1. 基本の操作ルート ＞ ＞ ※ｘｘｘは現在使用しているプロファイル名が表示される2. 目的別の操作手順■ 新しくプロファイルを作る左下...
Laravel 【VSCode】Laravelアプリ 「TwitterModoki」手動開発
1. 雛形作成とローカル起動 コマンドプロンプトやターミナルを立ち上げ、Webサーバーの公開ディレクトリ（htdocs など）へ移動してからプロジェクトを作成し、VS Codeで開いてローカル開発環境を立ち上げる。BAT (Batchfil...
AI 【VSCode】Laravelアプリ 「TwitterModoki」Cline で自動開発
VSCodeにCline組み合わせると、Laravelのアプリも全て自動で作成してくれるらしい。とりあえずやってみたら、本当に指示出ししてから３０分程でアプリが完成した、驚き。なので、その手順の備忘録。１．開発環境の前提条件下記の環境が整っ...
VScode 【Vscode】HTMLデバッグ設定
必須前提単発ファイルを開いている状態ではデバッグ不可。必ず「フォルダを開く（ワークスペース化）」した状態で作業すること。最短セットアップ手順Ctrl + Shift + D（Mac: Cmd + Shift + D）で「実行とデバッグ」画面...
Git 【VSCode】Gitを使うための初期設定と基本操作
Windows環境のVSCodeでGitを使用する際、毎回調べがちな初期設定と基本操作、Windows特有の注意点をまとめた。PCの買い替えや、Windowsでの開発環境の再構築時にそのまま使える。１．事前準備：Git for Window...
プラグイン 【VSCode】Live Server（Go Live）を導入・設定する手順
HTML/CSS/JSのコーディング時に、ファイル保存と同時にブラウザを自動リロードさせるための開発サーバー（Live Server）の構築手順とおすすめ設定のメモ。 ※XAMPP使用時は不要ですが、XAMPPの場合いちいちブラウザリロー...