AIライン内
ミライネコ
その場ですぐ相談できる。
共通基礎 4/5 ・ Level 0-4 ・ 無料
ファイル・
フォルダ・ZIP
AIが作ったファイルを開き、種類を見分け、ZIPを展開できる状態を作ります。完璧な整理より、制作物を迷子にしないことが先です。
普段使っているAI
自分のAI
スマホのChatGPTなどに貼り付け。
AIへ渡すプロンプトを見る
私はAI lineの「ファイル・フォルダ・ZIP」を進めています。 右のミライネコに、次の3つを短く教えてください。 1. 今日のゴール 2. 今すぐやること 3. できた目印
今日のゴール作業フォルダを作り、ZIPを展開する
使うツール
今日の目的: 作業フォルダを作る。完成度より、1回手を動かすことを優先にゃ。
PCAIGO
やってみよう①：
作業フォルダを1つ作る
AI line用のフォルダを作り、教材・出力・メモを分けます。完璧に理解するより、まず1回作るのが先🐾
1
パソコンのフォルダ か Google Drive を開く
↓
2
「ai-line-academy」フォルダを1つ作る
↓
3
中に 教材・出力・メモ の3つを分ける
未完了
まずはこの3つだけ作ればOK。過去ファイルの整理は、後のAIエージェント講座で扱うにゃ。
ai-line-academy
01_materials
02_outputs
03_notes
やってみよう②：
拡張子を見る
ファイル名の最後にある .html や .png が拡張子です。何のファイルかを見分ける手がかりになります。
1
作業フォルダ内のファイルを1つ選ぶ
↓
2
ファイル名の最後を見る表示されない場合は、MacのFinderまたはWindowsのエクスプローラーで拡張子表示を有効にする
↓
3
種類を3つだけ知る
例index.html / image.png / project.zip
未完了
拡張子はファイルの種類を表す名札。勝手に消したり変えたりしないにゃ。
index.html Webページ image.png 画像 project.zip まとめたファイル
やってみよう③：
ZIPを展開する
ZIPは、複数のファイルを1つにまとめた箱です。Web制作物を受け取る時によく使います。
1
手元のZIPファイルを1つ選ぶ無ければ、この操作は確認だけでもOK
↓
2
ダブルクリック、または「すべて展開」を選ぶ
↓
3
展開されたフォルダを開く
中のファイルが見えたら、作業フォルダへ移します。
未完了
ZIPのままでは中のWebページを正しく開けないことがある。まず展開するにゃ。
project.zip
↓ ZIPを展開
project/index.html + images/
困ったら、
ここを見る
初心者が詰まりやすいところだけ先にまとめました。迷ったらここを見てから次へ進みます。
AIライン内
ミライネコ
その場ですぐ相談できる。
普段使っているAI
自分のAI
スマホのChatGPTなどに貼り付け。
AIへ渡すプロンプトを見る
ファイル・フォルダ・ZIPで初心者が詰まりやすい点を3つだけ教えてください。 それぞれに「確認すること」を1つずつ付けてください。
Q. 過去ファイルも全部変える?
今は不要です。後のコースでAIエージェントによる一括整理を扱います。
Q. 拡張子を変えれば種類も変わる?
名前だけ変えても中身は変わりません。拡張子は勝手に変更しません。
Q. ZIPのまま送っていい?
複数ファイルをまとめて渡す時は便利です。中身を使う時は展開します。
困った時は、エラー文や画面の状態をそのままAIに説明すると解決しやすいにゃ。
過去分は後でOK
拡張子を確認
ZIPは展開して使う
今日やったこと
3つできたらクリアです。すでにできている項目はスキップでOKです。
0 / 3 完了
3つチェックすると次へ進めます
未完了
未完了
未完了
次は、ローカルだけでなくクラウド上でもファイルを扱えるようにします。
3つできたら合格にゃ。今できないものはスキップして、あとで整えればOK。
今回の獲得予定
ファイル・フォルダ・ZIP完了
Level 0-4 完了バッジ
