皆の者、ご機嫌麗しゅう！我は、生成AI猫 エルシーじゃ😊
生成AI活用方法を紹介していくのじゃ
基本的な使い方を覚えて、快適な生成AI活用ライフを過ごすのじゃ
出身地：Adobe Firefly（画像生成AI）
皆さん、初めまして！私は、オリバーです。
エルシーさんの助手猫です。
エルシーさんがよく暴走するので、暴走を止める役割をしています。
出身地：Adobe Firefly（画像生成AI）
プログラミング学習は「飽きてしまう」「続かない」と悩む人が多いもの。
そんな初心者でも退屈せずに学べる方法が GitHub Copilot（無料版） を活用した学習です。本記事では、キャラクター対話形式でわかりやすく、実際のコード修正例を交えながら「楽しみながら理解できるプログラミング学習法」を紹介します。
プログラミング学習に飽きてしまったオリバー
プログラミングに挑戦中ですが、
本の内容を書き写すのに飽きました😢
わかるのじゃ！
我も最初は、本の内容をそのまま書き写して
プログラミングの勉強をしたものじゃ！
自分の中であまり理解できていないように感じます。
何か良い方法はないですか？
GitHub Copilot（無料版）を使って勉強すると良いのじゃ！
次で紹介するのじゃ！
プログラミング初心者でも大丈夫！GitHub Copilotで勉強しよう！
GitHub Copilotのはじめ方は下記で紹介しているのじゃ！
VS Codeを起動して、GitHub Copilotのチャットを表示させました！
個人情報や機密情報を入力・アップロードしないように注意してください！
環境構築不要で可能なHTMLやJavaScriptを使うのじゃ！
プログラミング初心者におすすめじゃよ！
ログイン画面を作りたいので、コードと同時に解説してもらいます！
プログラミング初心者です。
HTMLやJavaScriptを使って画面を作りたいです。
ログイン画面を作りたいのですが、どうやってコードを書けばいいですか？作業が完了するまで少し待つのじゃ！
コードが作成されました！
完成したコードの内容を確認して問題なければ、
「保持」ボタンを押すのじゃ！
早速画面を見たいです！
エクスプローラーを開いて、下記のindex.htmlをダブルクリックするのじゃ！
シンプルなログイン画面が表示されました！
パスワードの入力欄に文字を入力すると、
文字が見えないようになっているのじゃ！
ボタンの色を変更したいです！
でも、コードのどこを直せばいいのかわかりません😢
ボタンの色を修正するように指示すればコードを修正してくれるのじゃ！
どこを修正したのかわかりやすく表示されるから、勉強にも最適じゃ！
それでは、ボタンの色を緑色にしてみます！
「style.css」のところに印がついていますね！
赤色の部分が削除されるコード、
緑色が新しく追加されるコードじゃ！
ボタンの色を設定する場所がどこなのかわかりやすくて、いいですね！
コードに問題ないため、「保持」ボタンを押します。
ボタンが緑色になりました！
生成AIを使用する場合の注意事項
ここまで読んでくれてありがとうなのじゃ！
生成AIの使用には注意が必要です。
注意しながら、生成AI活用を楽しんでくださいね！
- 生成AIの回答は必ず確認する
- 理由：生成AIは間違った情報を出すことがあります。
- 対策：複数の情報源と照らし合わせて正確性を確認しましょう。
- 個人情報や機密情報は入力しない
- 理由：入力内容が学習や記録に使われる可能性があり、漏洩リスクがあるため。
- 例：パスワード、住所、電話番号、社内資料などは入力しない。
- 仕事で使うときは組織のルールを確認する
- 理由：会社や組織ごとに生成AI利用のルールが異なるため。
- 対策：利用前に必ず上司や規定を確認しましょう。
- 商用利用の可否を確認する
- 理由：生成AIごとに「商用利用OK／NG」のルールが違うため。
- 対策：利用規約を必ずチェックしてから使いましょう。
- 著作権侵害にならないか確認する
- 理由：生成AIで作った文章や画像が、既存の著作物に似すぎてしまう可能性があるため。
- 対策：公開・販売する前に、オリジナリティや権利関係を確認しましょう。
ブログ運営者が出版する書籍紹介
「生成AIの数が多すぎる！！！何を使えばいいのかわからない！」
そんな方におすすめの書籍じゃ！
下記の観点からも初心者さんにおすすめです！
- 専門用語を使っていない
- 情報を詰め込みすぎていない
下記は、アフィリエイト広告ではありません。自分の本の宣伝です。
※Kindle Unlimitedのサービス（毎月定額料金を払うことで本が読み放題）
に加入されている方は無料で読めます！
コメント