AIを学び AIで創る |AIcalor Base

パソコン操作に自信がなくても、AI を使ったプログラミング支援ツール「ClaudeCode」を導入すれば、コードの自動生成や学習環境の構築をすぐに始められます。 この記事では、ClaudeCode の特徴や料金、対応 OS を押さえつつ、Windows での具体的なセットアップ手順と VSCode での起動方法まで順を追って解説します。 読み進めれば、プログラミング未経験者でも、AI コーディングの最初の一歩を迷わず踏み出せるはずです。 スポンサーリンク ClaudeCodeとは何か ClaudeCode ...

プログラミング未経験でも AI と一緒にコードを書ける。 STEP1 では、VS Code と Google Gemini CLI を連携し、学習タイマーを“ゼロから作る”体験を紹介しました。 まだ読んでいない場合は、まず「【STEP1】VS Code×Gemini CLIで学習タイマー作成」を確認すると、今回の作業がスムーズに進みます。 STEP2 となる本記事では、前回生成した HTML／CSS／JavaScript ファイルを別の日に再び開き、 VS Code でプロジェクトを再読み込み Gemin ...

プログラミング未経験でも Vibe Coading で AI と一緒にアプリや Web ページを作る際、まず覚えておきたいのが ソースコード と コードファイル に関する基礎知識です。 ソースコードは人が書いた命令文を指し、その命令を保存しているのがコードファイルです。 HTML・CSS・JavaScript など拡張子ごとに役割が異なり、正しいフォルダ構成で管理すると作業効率が大きく向上します。 この記事ではソースコードとコードファイルの意味をはじめ、HTML・CSS・JavaScript・Python ...

プログラミング未経験者でも、Visual Studio Code（以下 VS Code）と Google Gemini CLI を組み合わせれば、AI に手助けしてもらいながら “学習タイマー” をサクッと作れます。 今回は VS Code上でGoogle Gemini CLI をどのようにして使うのかを、シンプルな学習タイマーを作成する工程と共に紹介します。 コードを書くのが初めてでも安心して進められるよう、つまずきやすいポイントと解決策も合わせて紹介しますので、ぜひ一緒に学習タイマーづくりを楽しんでく ...

パソコン操作が苦手でも「コードを書きたい」「AI に頼りたい」と感じた瞬間から、難しいコマンドを覚える必要はありません。 Google の Gemini CLI を使えば、エディター内で日本語のまま「サイトを作って」「ゲームを作って」と声をかけるだけで AI が即座に提案を返します。 Gemini CLI はオープンソースで無償枠でも 1 分 60 リクエスト・1 日 1000 リクエスト と十分な回数を使えるため、初心者でも料金を気にせず試せます。 今回は、Gemini CLI をより便利に使うために、 ...

Git は、プログラムの変更履歴を記録（バックアップ）しながら、いつでも安全に巻き戻せる“タイムマシン”のようなバージョン管理ツールです。 AI で生成したコードは少しずつ改良を重ねるため、バックアップと公開の仕組みを先に整えておかないと「どの版が最良だったのか」すぐに見失います。 Git を使えば、作業前後の状態をワンクリックで比較し、過去の安定版に即座にロールバックできます。 さらに GitHub と組み合わせると、クラウド上でプロジェクトを無料公開できるため、ポートフォリオ作成や共同開発も一気に楽に ...