0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

無料でバイブコーディングする方法(超ざっくり)

0
Posted at

1.バイブコーディングとは

人がアイデアをAIに伝え、AIが主体にアプリ開発を行う。
 
今回は無料で使える OpenCode を使って、簡単な環境構築を行います。

2. OpenCode インストール手順

①WSLをインストール

Windows の「コマンドプロンプト」または「PowerShell」を
管理者として実行します。

wsl --install

インストール完了後、
・Ubuntuユーザ名
・パスワード
を設定します。

正常に完了すると以下のようになります。
username@PCNAME:~$

確認として:
pwd
を入力すると
/home/ユーザ名
が表示されればOKです。

②NVM(Node Version Manager)をインストール

Ubuntu 上(コマンドプロンプトでubuntuを入力すると起動する)で
以下を入力します。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

完了後、一度 Ubuntu を閉じて再起動します。
再起動:「コマンドプロンプト」または「PowerShell」を管理者として実行し
ubuntu を入力

確認
nvm --version
バージョンが表示されれば成功です。

③Node.jsをインストール

nvm install --lts
確認:
node -v npm -v
バージョンが表示されれば完了です。

④OpenCodeをインストール

作業フォルダー作成を作成します。
mkdir opencode
opencodeの作業フォルダーに移動
cd opencode

その後、OpenCode をインストール
npm install -g opencode-ai

④OpenCodeを起動

opencode
を入力すると起動します。

3. モデル選択

OpenCode 起動後:
/models
を入力。

無料で利用可能なモデル(Free)を選択します。

Tapキーを押下するとPlan/Buildに切り替わる
Plan:設計/企画向け
Build:実装/コード生成向け

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?