長友ひより/情報デザイン演習IIA_01 をテンプレートにして作成

開始行:
#settextcolor(#772637) #setbgcolor(#FEF9F5) *Camera Roll to Vlog 初心者向けの動画編集の解説Webサイト メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''長友ひより Nagatomo Hiyori'' -'''Keywords：Web, 動画編集, 解説''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... -%%プロトタイプ評価シート%%　&color(#D59DA8){←ご協力あり... ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; Vlogが流行っているため、誰でも気軽に、動画という形で思い... 初心者向けの動画編集の解説は既に世に溢れていて、どれを参... 動画では自分のペースで作業しづらいため、あまり前例のない... 背景：Vlogが身近になっている 目的：初めてのVlog作りを促進する ~ ~ ***成果物の仕様（仮） //&color(red){&small(成果物の形式・サイズ・時間尺等);}; 形式：Webサイト ~ ~ ***制作ツール（仮） //&color(red){何を使って制作するか（デジタル / アナログ ... -WIX STUDIO、Figma（サイトの制作） -Adobe Illustrator（説明資料の制作） -Adobe Premiere Pro（動画の編集） //-Adobe Photoshop（サムネイルの制作） ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.05.18 ***企画 「Camera Roll to Vlog - 写真フォルダからはじめる動画編集」 -概要 --Vlog（short動画）の作り方 --Adobe Premiere Proの使い方 -コンセプト --初めてでも簡単に"いい感じ"のVlogが作れる -課題 --動画では見ながらの作業がしづらい→自分のペースで学べる、... --全体の進捗状況がわからず心が折れそうになる→どの段階まで... --文字や画像だけではわかりづらい→適宜動画も挿入して説明する --初めてで何を準備すればいいかわからない→編集環境の設定や... --そもそもPCに慣れていない→ショートカットも丁寧に記載する --他のツールとの差別化→プレミアを使ってみたいという人をタ... -ターゲット --いま写真フォルダに入ってる素材を使って、思い出をまとめ... --プレミアを触ってみたいと思っている人 -ペルソナ（仮） 黒木 葵　Kuroki Aoi --19歳、大学1年生、女性 --宮崎県在住 --自然が好き --スマホでよく写真を撮る --たまに旅行をする --行き当たりばったり ***⇓ ~ ***入れたい内容 -トップページ -概要 +用意するもの +事前準備 +素材を整える +手を加える +最終調整 +書き出し・投稿等 +ショートカット一覧 +その他備考・補足 ***⇓ ~ ***ToDo -キービジュアル/ロゴ -Vlogの制作風景の記録 -サイトマップ/ワイヤーフレーム -デザインコンセプトの決定 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% %%0504　休み%% %%0511　相互評価%% 0518　&color(#D59DA8){←イマココ}; 0525 ~ ---- ~ ***作業の記録 -xxx ~ ***メモ -意気込んでVlogを作るというより、現時点で写真フォルダに入... -できたら次週に、これで十分理解できるか？のアンケートをとる -学科サイトと同じ形が使いやすい？右にサイドバーなど ~ ~ **2026.05.11 ***好評だった点 -用意するものから書き出しまで項目があるのが、初心者に優し... -文字ベースで、事前準備から知ることができるのは便利 ***見出された問題点 -文字ばかりにならないように、写真も使うと良い -ショートカットキーの一覧もあると良い -編集した動画の見本を掲載すると良い ***感想から受けた印象 -簡単な動画編集ならしたことあるという方も一定数いらっしゃ... -完全初心者の方が多い ***⇓ ~ ***方針について -初めてプレミアを使う人向け -Vlog/short動画(縦)の作り方 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% %%0504　休み%% 0511　相互評価　&color(#D59DA8){←イマココ}; 0518 0525 ~ ~ **2026.04.27 ***成果物の仕様・プロトタイプ //-サンプル //--（サンプルを載せる） //-絵コンテ //--（画像を載せる） -サイトマップ、ワイヤーフレーム #image(image_0511.png) -作業画面（WIX STUDIO） #image(image_0510.png) ~ ---- ~ ***企画まとめ -形式 --Webサイト→自分のペースで学べる文字ベース -題材とする編集ソフト --Premiere Pro -制作ツール --WIX STUDIO --Figma --Adobe Illustrator --Adobe Premiere Pro -伝えたい内容 --全体の流れ --どのくらい時間がかかるか -元素材の調達 --自分で撮る --フリー素材を探す -ターゲット --動画編集を副業にしたい人 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% 0504　休み　&color(#D59DA8){←イマココ}; 0511 0518 0525　1Q終わり ~ ~ **2026.04.20 ***テーマの決定 動画編集マニュアル -自分の編集スキルのポートフォリオを作りたい -実際にネットに上げて、成果物にしたい ***⇓ ~ ***現状調査（先行事例等） -動画編集の解説動画 --__[[https://www.youtube.com/watch?v=4Up669PRU2M]]__（30... --__[[https://www.youtube.com/watch?v=Z3NSPOQ1jd4]]__（50... --__[[https://www.youtube.com/watch?v=ZV_RlKLlkTs]]__（12... --__[[https://www.youtube.com/watch?v=SuO6qzEX-R0]]__（70... --__[[https://jp.cyberlink.com/blog/youtube/101/how_to_ed... --__[[https://www.kaikatsu.jp/column/030747.html]]__（You... --※サイトでの解説はあまり見つからなかった ~ ***解決すべき課題（ToDoリスト） -内容を決める -尺を決める -形式を決める -制作ツールを決める -構成を考える -タイトルを考える -初心者は何が知りたい？わからない？ -元素材の調達はどうする？ -ターゲットを明確にする（ペルソナ設定） -題材とする編集アプリ/ソフトの選定 ~ ***制作上のアイデア（課題ごとに複数のアイデア） -内容を決める --切り抜き縦動画→もっとも身近 --一般的な横動画→仕事の色が強い --いろんな事例を混ぜ込む→時間かかる -尺を決める --長すぎると手をつけるのが億劫になりそう --数分のものをシリーズ化した方が取り掛かりやすそう --数年前は10分以内のものが流行り、20分以上は長めというイ... --今の時代は長尺動画も流行ってる？ -形式を決める --動画なら一緒に手を動かせる、尺は長くなりがち --文字なら自分のペースで学べる、分かりやすくするのが難し... -制作ツールを決める --Premiere Pro→動画作るならこれ --After Effects→余裕があればアニメーション入れてクオリテ... --Photoshop→慣れてないからプレミアでサムネ作ってもいいかも --WIX STUDIO→自由度が高い --Googleサイト→簡単 --note→最近の流行り？ --Qiita, Zenn→向いてない --HTML&CSS→一から勉強しないといけない、鯖確保が難しそう -構成を考える --前置きが長いとブラウザバックされそう --ターゲットに自分に合っているか分かる前置きはあった方が... --いつ書いたものなのか明記しておくべき(アプリは日々アップ... -タイトルを考える --周りとの差別化が大切 --クリックしてもらえるタイトルはどんなもの？ -初心者は何が知りたい？わからない？ --全体の流れ --それぞれのツールの場所 --どのくらい時間がかかるか -元素材の調達はどうする？ --自分で撮る --フリー素材を探す -ターゲットを明確にする --副業にしたい人 --推しの切り抜きを作りたい人 --ボランティアで軽く動画作りたい人 -題材とする編集アプリ/ソフトの選定 --Premiere Pro→仕事なら大体これなはず --CapCut→切り抜き作るだけならこれ使う人が多いかも ***⇓ ~ ***スケジュール %%0413　初回%% 0420　&color(#D59DA8){←イマココ}; 0427 0504　休み 0511 0518 0525　1Q終わり ~ ~ **2026.04.13 ***アイデア案 -動画編集ガイドの制作（premiere pro） -自己紹介（短大でやっていたこと紹介） -車椅子だと不便なところマップ -選挙に行こう！ポスター -新大学生向けNotionガイド（主に授業管理について） -一緒にメイクを始めよう -結局…就活ナニスル！？ -推し活のヘアメについてまとめる -おすすめおさけ -お洒落なvlogの作り方 -AIを使ってみよう -就活の第一歩！業界研究について -SPIの問題を解いてみよう -私のブックマーク紹介 -アプリを作ってみたい -スキンケアやヘアケアなどについてまとめる -自己分析をしてみよう -推し紹介 -[[__NPO法人ブラストビート__>https://blastbeat.jp/]]の紹介 -飼い犬の紹介 -ゲームの作り方を調べる -小学生の時に自由帳で作っていたゲームの再現 -高１妹のための数学解説 -垢抜けロールモデルの探し方 -SNSとの良い付き合い方 -プロジェクトの立ち上げから進行のやり方 -好きな曲について語るだけ -自分の中にある哲学を書き出してまとめてみる -副業の始め方 -強震モニタを見てみよう -地震対策や地震の歴史のまとめ -「プール後更衣室症候群」の紹介 -計画を立てるのが苦手な人へ -タイトルの付け方 -ロゴの作り方 -車椅子の人との街の歩き方（覚えておくべきことまとめ） ~ ***やってみたいことの書き殴り -BGM作ってみたい -映像作りたい -グラフィックデザイン -HTMLでサイト作ってみたい -AIを使ってプログラム書いてみたい -イラストを描きたい -PV作ってみたい -情報をSNS（Instagram、Xなど）にまとめてみたい ***⇓ ~ ***テーマ候補 -動画編集ガイド（Vlogを作ってみよう） -自己紹介（短大でやっていたこと紹介） -Claudeの使い方まとめ（タスク管理をもっとラクに） ~ ***成果物の仕様 -PDF冊子 or Googleサイト or Figmaプロトタイプ -（映像） ~ ***この演習を通して身につけたいスキル -デザインスキルの向上 ~ ~ ~

終了行:
#settextcolor(#772637) #setbgcolor(#FEF9F5) *Camera Roll to Vlog 初心者向けの動画編集の解説Webサイト メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''長友ひより Nagatomo Hiyori'' -'''Keywords：Web, 動画編集, 解説''' //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... -%%プロトタイプ評価シート%%　&color(#D59DA8){←ご協力あり... ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; Vlogが流行っているため、誰でも気軽に、動画という形で思い... 初心者向けの動画編集の解説は既に世に溢れていて、どれを参... 動画では自分のペースで作業しづらいため、あまり前例のない... 背景：Vlogが身近になっている 目的：初めてのVlog作りを促進する ~ ~ ***成果物の仕様（仮） //&color(red){&small(成果物の形式・サイズ・時間尺等);}; 形式：Webサイト ~ ~ ***制作ツール（仮） //&color(red){何を使って制作するか（デジタル / アナログ ... -WIX STUDIO、Figma（サイトの制作） -Adobe Illustrator（説明資料の制作） -Adobe Premiere Pro（動画の編集） //-Adobe Photoshop（サムネイルの制作） ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2026.05.18 ***企画 「Camera Roll to Vlog - 写真フォルダからはじめる動画編集」 -概要 --Vlog（short動画）の作り方 --Adobe Premiere Proの使い方 -コンセプト --初めてでも簡単に"いい感じ"のVlogが作れる -課題 --動画では見ながらの作業がしづらい→自分のペースで学べる、... --全体の進捗状況がわからず心が折れそうになる→どの段階まで... --文字や画像だけではわかりづらい→適宜動画も挿入して説明する --初めてで何を準備すればいいかわからない→編集環境の設定や... --そもそもPCに慣れていない→ショートカットも丁寧に記載する --他のツールとの差別化→プレミアを使ってみたいという人をタ... -ターゲット --いま写真フォルダに入ってる素材を使って、思い出をまとめ... --プレミアを触ってみたいと思っている人 -ペルソナ（仮） 黒木 葵　Kuroki Aoi --19歳、大学1年生、女性 --宮崎県在住 --自然が好き --スマホでよく写真を撮る --たまに旅行をする --行き当たりばったり ***⇓ ~ ***入れたい内容 -トップページ -概要 +用意するもの +事前準備 +素材を整える +手を加える +最終調整 +書き出し・投稿等 +ショートカット一覧 +その他備考・補足 ***⇓ ~ ***ToDo -キービジュアル/ロゴ -Vlogの制作風景の記録 -サイトマップ/ワイヤーフレーム -デザインコンセプトの決定 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% %%0504　休み%% %%0511　相互評価%% 0518　&color(#D59DA8){←イマココ}; 0525 ~ ---- ~ ***作業の記録 -xxx ~ ***メモ -意気込んでVlogを作るというより、現時点で写真フォルダに入... -できたら次週に、これで十分理解できるか？のアンケートをとる -学科サイトと同じ形が使いやすい？右にサイドバーなど ~ ~ **2026.05.11 ***好評だった点 -用意するものから書き出しまで項目があるのが、初心者に優し... -文字ベースで、事前準備から知ることができるのは便利 ***見出された問題点 -文字ばかりにならないように、写真も使うと良い -ショートカットキーの一覧もあると良い -編集した動画の見本を掲載すると良い ***感想から受けた印象 -簡単な動画編集ならしたことあるという方も一定数いらっしゃ... -完全初心者の方が多い ***⇓ ~ ***方針について -初めてプレミアを使う人向け -Vlog/short動画(縦)の作り方 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% %%0504　休み%% 0511　相互評価　&color(#D59DA8){←イマココ}; 0518 0525 ~ ~ **2026.04.27 ***成果物の仕様・プロトタイプ //-サンプル //--（サンプルを載せる） //-絵コンテ //--（画像を載せる） -サイトマップ、ワイヤーフレーム #image(image_0511.png) -作業画面（WIX STUDIO） #image(image_0510.png) ~ ---- ~ ***企画まとめ -形式 --Webサイト→自分のペースで学べる文字ベース -題材とする編集ソフト --Premiere Pro -制作ツール --WIX STUDIO --Figma --Adobe Illustrator --Adobe Premiere Pro -伝えたい内容 --全体の流れ --どのくらい時間がかかるか -元素材の調達 --自分で撮る --フリー素材を探す -ターゲット --動画編集を副業にしたい人 ***⇓ ~ ***スケジュール %%0413　初回%% %%0420%% %%0427%% 0504　休み　&color(#D59DA8){←イマココ}; 0511 0518 0525　1Q終わり ~ ~ **2026.04.20 ***テーマの決定 動画編集マニュアル -自分の編集スキルのポートフォリオを作りたい -実際にネットに上げて、成果物にしたい ***⇓ ~ ***現状調査（先行事例等） -動画編集の解説動画 --__[[https://www.youtube.com/watch?v=4Up669PRU2M]]__（30... --__[[https://www.youtube.com/watch?v=Z3NSPOQ1jd4]]__（50... --__[[https://www.youtube.com/watch?v=ZV_RlKLlkTs]]__（12... --__[[https://www.youtube.com/watch?v=SuO6qzEX-R0]]__（70... --__[[https://jp.cyberlink.com/blog/youtube/101/how_to_ed... --__[[https://www.kaikatsu.jp/column/030747.html]]__（You... --※サイトでの解説はあまり見つからなかった ~ ***解決すべき課題（ToDoリスト） -内容を決める -尺を決める -形式を決める -制作ツールを決める -構成を考える -タイトルを考える -初心者は何が知りたい？わからない？ -元素材の調達はどうする？ -ターゲットを明確にする（ペルソナ設定） -題材とする編集アプリ/ソフトの選定 ~ ***制作上のアイデア（課題ごとに複数のアイデア） -内容を決める --切り抜き縦動画→もっとも身近 --一般的な横動画→仕事の色が強い --いろんな事例を混ぜ込む→時間かかる -尺を決める --長すぎると手をつけるのが億劫になりそう --数分のものをシリーズ化した方が取り掛かりやすそう --数年前は10分以内のものが流行り、20分以上は長めというイ... --今の時代は長尺動画も流行ってる？ -形式を決める --動画なら一緒に手を動かせる、尺は長くなりがち --文字なら自分のペースで学べる、分かりやすくするのが難し... -制作ツールを決める --Premiere Pro→動画作るならこれ --After Effects→余裕があればアニメーション入れてクオリテ... --Photoshop→慣れてないからプレミアでサムネ作ってもいいかも --WIX STUDIO→自由度が高い --Googleサイト→簡単 --note→最近の流行り？ --Qiita, Zenn→向いてない --HTML&CSS→一から勉強しないといけない、鯖確保が難しそう -構成を考える --前置きが長いとブラウザバックされそう --ターゲットに自分に合っているか分かる前置きはあった方が... --いつ書いたものなのか明記しておくべき(アプリは日々アップ... -タイトルを考える --周りとの差別化が大切 --クリックしてもらえるタイトルはどんなもの？ -初心者は何が知りたい？わからない？ --全体の流れ --それぞれのツールの場所 --どのくらい時間がかかるか -元素材の調達はどうする？ --自分で撮る --フリー素材を探す -ターゲットを明確にする --副業にしたい人 --推しの切り抜きを作りたい人 --ボランティアで軽く動画作りたい人 -題材とする編集アプリ/ソフトの選定 --Premiere Pro→仕事なら大体これなはず --CapCut→切り抜き作るだけならこれ使う人が多いかも ***⇓ ~ ***スケジュール %%0413　初回%% 0420　&color(#D59DA8){←イマココ}; 0427 0504　休み 0511 0518 0525　1Q終わり ~ ~ **2026.04.13 ***アイデア案 -動画編集ガイドの制作（premiere pro） -自己紹介（短大でやっていたこと紹介） -車椅子だと不便なところマップ -選挙に行こう！ポスター -新大学生向けNotionガイド（主に授業管理について） -一緒にメイクを始めよう -結局…就活ナニスル！？ -推し活のヘアメについてまとめる -おすすめおさけ -お洒落なvlogの作り方 -AIを使ってみよう -就活の第一歩！業界研究について -SPIの問題を解いてみよう -私のブックマーク紹介 -アプリを作ってみたい -スキンケアやヘアケアなどについてまとめる -自己分析をしてみよう -推し紹介 -[[__NPO法人ブラストビート__>https://blastbeat.jp/]]の紹介 -飼い犬の紹介 -ゲームの作り方を調べる -小学生の時に自由帳で作っていたゲームの再現 -高１妹のための数学解説 -垢抜けロールモデルの探し方 -SNSとの良い付き合い方 -プロジェクトの立ち上げから進行のやり方 -好きな曲について語るだけ -自分の中にある哲学を書き出してまとめてみる -副業の始め方 -強震モニタを見てみよう -地震対策や地震の歴史のまとめ -「プール後更衣室症候群」の紹介 -計画を立てるのが苦手な人へ -タイトルの付け方 -ロゴの作り方 -車椅子の人との街の歩き方（覚えておくべきことまとめ） ~ ***やってみたいことの書き殴り -BGM作ってみたい -映像作りたい -グラフィックデザイン -HTMLでサイト作ってみたい -AIを使ってプログラム書いてみたい -イラストを描きたい -PV作ってみたい -情報をSNS（Instagram、Xなど）にまとめてみたい ***⇓ ~ ***テーマ候補 -動画編集ガイド（Vlogを作ってみよう） -自己紹介（短大でやっていたこと紹介） -Claudeの使い方まとめ（タスク管理をもっとラクに） ~ ***成果物の仕様 -PDF冊子 or Googleサイト or Figmaプロトタイプ -（映像） ~ ***この演習を通して身につけたいスキル -デザインスキルの向上 ~ ~ ~

ページ名: