柴田一輝/情報デザイン研究I
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
佐藤美月
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
庭瀬美来
橋本音花
若狭映那
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
地域ブランド企画演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*ギター基礎講座サイト
Basic Guitar Course ・・・・・・・・・・・・・・・・
#image(IMG_1074.jpg)
-''Itsuki Shibata''
-'''Keywords:design,guitar,site,'''
-[[ ギター基礎講座サイト>https://sites.google.com/view/gu...
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
・これは、独学でギターを学んだ自分がギターを始める初心者...
~
***背景と目的
・僕は周りにギター経験者がいないことや習い事に行くにはギ...
~
***コンセプト
・なにもわからない初心者に特化してサイトを構築する
・独学でギターを学んだ自分視点から初心者の方に満足しても...
・初心者に莫大な量の知識を教えるのではなく最低限必要な情...
少しでもギターにハマってもらうそして、ネットに溢れるギ...
やサイトとは違う自分の色を出す
・ラフなスタイルでのめりこめやすいサイトづくりを徹底する
~
***成果物の仕様
・googleサイト
~
***制作ツール
・MacBook Air
~
***プロジェクトの期間
・2023.4.11 - 2023.07.11
~
***まとめ
・今回の研究テーマでは、ギターの基礎をサイトを使って他者...
最後に、今回のテーマでは自分の好きなギターを何もわからな...
~
~
**調査
***現状調査
-著作権などには注意する
-参考サイトや動画の内容に偏り過ぎず、自分の色を出す
~
***先行事例
-https://guitar-hakase.com⇦ギター基礎講座サイト参考
--良い点
・幅広い種類を丁寧にかつわかりやすく記載されている
-https://youtu.be/xee3vZt31FA⇦ギター基礎講座動画参考
--良い点
・細かい動作の説明をしてくれている
~
***技法・技術情報
-ギター技術
-動画、サイト等の編集技術
~
~
**プロジェクト管理
***スケジュール
-[[リンク>https://docs.google.com/spreadsheets/d/1ehrhypD...
~
***ToDo
-[[リンク>https://docs.google.com/spreadsheets/d/1BUn985m...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2023.7.20
***作業内容
-7月17日の作業内容で検討したサイト内で初心者の方からの...
**2023.7.17
***作業内容
#image(drdrdr.jpg)
-サイト内のもっと知ろうでの質問事項を考えた
--ギターの価格は?⇦(最終発表の際に受けた質問から参考)
--アコギとエレキどちらが簡単?
--エレキで人気の機種は?
--おすすめのエレキギターは?
-もっと知ろうのページでは、自ら初心者の方が抱きそうな疑問...
**2023.7.16
***作業内容
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
-サイトの利用者からの意見を取り入れての今後のブラッシュア...
--予備知識が足りないことや説明の省略が多いことも挙げられた
しかし、もう一度見てみたいという親しみやすさがあるとも意...
**2023.7.14
***作業内容
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--11日に行ったサイト内変更を全ページに適用(見出し、フォ...
変更前
#image(oooi.jpg)
変更後
#image(fff.jpg)
・変更前と変更後の画像を見比べてみると、見出しが見やすく...
より区別化することができた
~
**2023.7.11
***作業内容
-最終発表
-[[ ギター基礎講座サイト更新>-[[ ギター基礎講座サイト更新...
--言葉の大きさや配列を整理
変更前
#image(pipi.jpg)
変更後
#image(popo.jpg)
・変更前と変更後の画像を見比べてみると、見出しが見やすく...
~
**2023.7.4
***作業内容
-最終発表を終えてのブラッシュアップ
--サイト内の各メニューページのヘッダー写真変更
変更前
#image(kkk.jpg)
変更後
#image(lll.jpg)
・変更前のメニューバーと比べると左右の黒い枠がなくなり、
メニューバーの言葉が見やすくなった。全体的にスッキリと...
文字も大きくなり読みやすくなった(変更前画像の赤い下線)
--サイト内の文章のフォントの大きさや配列の整理
--メニューバーのまずはここでのピックのイラストを写真に変更
変更前
#image(rtrt.jpg)
変更後
#image(oioi.jpg)
・下手なイラストとは違い、写真で実際の現物を載せた方がわ...
情報が伝わりやすくなった
--随時、動画や文章等のサイト内更新
~
**2023.6.27
***作業内容
-最終発表
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--言葉の大きさや配列を整理
~
**2023.6.20
***作業内容
-ギター基礎講座用完成参考動画作成
--ギター基礎講座用完成参考動画(Cコードを弾く方法)
#youtube(6qYRMuH1clk)
//--[[ 全基礎講座用完成参考動画>https://drive.google.com/...
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--サイト内の配色や言葉の整理
--14本の参考動画やイラストをサイト内に記載
--サイトを利用した人の感想 ※要約しています
・コードの押さえ方や特徴についてしっかり説明されていてよ...
・言葉がたくさん並びすぎて読みにくい
・ステップごとに練習出来るのが良い
-サイトトップページ作成・更新
#image(ggggg.jpg)
--[[ サイトトップページ全写真>https://drive.google.com/dr...
-本サイトと他サイトの違い
--本サイト
・本サイトは初心者に特化した作りになっているので
不必要な点はできるだけ添削して作った
--他サイト
・初心者に教えるべきことだが、その内容が多すぎて
ややこしく、やる気を失くしてしまう
-コード譜を載せる際のイラスト制作
--コード指板図イラスト(Cコード)
#image(IMG_1546.jpg)
--[[全コード指板図イラスト>https://drive.google.com/drive...
-学科サイト更新
**2023.6.13
***作業内容
-サイト更新
--エレキギターとアコースティックギターでの線引き構築
-動画撮影
-学科サイト更新
**2023.6.6
***作業内容
-サイト更新
-基礎講座用完成参考動画字コンテ
--教えるコードの題名→全体のアップ、指板のアップ→お手本→補足
-中間発表
**2023.5.30
***作業内容
-ギター基礎講座用完成参考動画絵コンテ
#image(bbb.jpg)
-サイト更新
-中間発表
-学科サイト更新
**2023.5.23
***作業内容
-サイト更新
--ステップ練習 テーマ決め
-動画撮影
-中間発表
-学科サイト更新
~
~
~
**2023.05.16
***作業内容
-サイト更新
~
***先行事例の調査
-https://knatsubrand81.com⇦ギター基礎講座サイト参考
--良い点
・色んな層が見やすい作りになっている
~
~
**2023.05.09
***作業内容
-サイト更新
-ギター基礎講座試作動画洗出
#youtube(z9NhiDKss8o)
-良い点
--文字で説明されるので確認ができるため理解しやすい
--短い動画にまとめられているので気軽に見れる
-悪い点
--文字での説明のみのためやることの進み具合がわからない
--カメラの視点が少ない
--動画が単調で見ていて楽しくない・やる気が出ない
-改善点
--声での説明も加える
--明るく親しみやすい動画作りをする
--細かい動作やポイントの説明もしっかりと増やす・表示する
--カメラの視点を増やす
~
~
**2023.05.02
***作業内容
-ギター基礎講座サイト作成⇩
--[[リンク>https://sites.google.com/view/guitarkouza/%E3%...
-ギター基礎講座試作動画作成
#youtube(z9NhiDKss8o)
~
-サイトマップ作成
#image(yyy.jpg)
-ワイヤーフレーム作成
--[[リンク>https://drive.google.com/drive/folders/1F3qKL-...
***先行事例の調査
-https://youtu.be/xee3vZt31FA⇦ギター基礎講座動画参考
--良い点
・細かい動作の説明をしてくれている
~
~
~
**2023.04.25
***作業内容
-テーマ設定
--ギター基礎講座サイト
~
***先行事例の調査
-https://guitar-hakase.com⇦ギター基礎講座サイト参考
--良い点
・幅広い種類を丁寧にかつわかりやすく記載されている
--悪い点
・初心者にはまだ早い知識も記載されていたり、初心者には
情報が莫大すぎる
~
~
**2023.04.18
***作業内容
-テーマ設定
--ギター基礎講座
--ギター紹介
~
***先行事例の調査
-https://youtu.be/bhrwrNytvCk⇦ギター基礎講座動画参考
--良い点
・細かい解説がなされている
~
~
**2023.04.11
***作業内容
-テーマ設定
--ギター基礎講座
--ギター紹介
~
***先行事例の調査
-https://youtu.be/cAuOzU0-QOI⇦ギター基礎講座動画参考
--良い点
・手の動きやギターの画角が見やすい
・高画質
・コード譜が映像に添えてあり理解しやすい
--悪い点
・コード譜の読み方がわからないと読めない
-https://youtu.be/kS1HSczSGC8⇦ギター基礎講座動画参考
--良い点
・ギターを弾く側の目線での映像がある
--悪い点
・映像が少し乱れている気がする
~
~
//**20XX.XX.XX
//***XXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
//***XXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
~
終了行:
*ギター基礎講座サイト
Basic Guitar Course ・・・・・・・・・・・・・・・・
#image(IMG_1074.jpg)
-''Itsuki Shibata''
-'''Keywords:design,guitar,site,'''
-[[ ギター基礎講座サイト>https://sites.google.com/view/gu...
//-__[[相互評価シート>https://www.example.com]]__ ← ここ...
~
**概要
***これは何?
・これは、独学でギターを学んだ自分がギターを始める初心者...
~
***背景と目的
・僕は周りにギター経験者がいないことや習い事に行くにはギ...
~
***コンセプト
・なにもわからない初心者に特化してサイトを構築する
・独学でギターを学んだ自分視点から初心者の方に満足しても...
・初心者に莫大な量の知識を教えるのではなく最低限必要な情...
少しでもギターにハマってもらうそして、ネットに溢れるギ...
やサイトとは違う自分の色を出す
・ラフなスタイルでのめりこめやすいサイトづくりを徹底する
~
***成果物の仕様
・googleサイト
~
***制作ツール
・MacBook Air
~
***プロジェクトの期間
・2023.4.11 - 2023.07.11
~
***まとめ
・今回の研究テーマでは、ギターの基礎をサイトを使って他者...
最後に、今回のテーマでは自分の好きなギターを何もわからな...
~
~
**調査
***現状調査
-著作権などには注意する
-参考サイトや動画の内容に偏り過ぎず、自分の色を出す
~
***先行事例
-https://guitar-hakase.com⇦ギター基礎講座サイト参考
--良い点
・幅広い種類を丁寧にかつわかりやすく記載されている
-https://youtu.be/xee3vZt31FA⇦ギター基礎講座動画参考
--良い点
・細かい動作の説明をしてくれている
~
***技法・技術情報
-ギター技術
-動画、サイト等の編集技術
~
~
**プロジェクト管理
***スケジュール
-[[リンク>https://docs.google.com/spreadsheets/d/1ehrhypD...
~
***ToDo
-[[リンク>https://docs.google.com/spreadsheets/d/1BUn985m...
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2023.7.20
***作業内容
-7月17日の作業内容で検討したサイト内で初心者の方からの...
**2023.7.17
***作業内容
#image(drdrdr.jpg)
-サイト内のもっと知ろうでの質問事項を考えた
--ギターの価格は?⇦(最終発表の際に受けた質問から参考)
--アコギとエレキどちらが簡単?
--エレキで人気の機種は?
--おすすめのエレキギターは?
-もっと知ろうのページでは、自ら初心者の方が抱きそうな疑問...
**2023.7.16
***作業内容
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
-サイトの利用者からの意見を取り入れての今後のブラッシュア...
--予備知識が足りないことや説明の省略が多いことも挙げられた
しかし、もう一度見てみたいという親しみやすさがあるとも意...
**2023.7.14
***作業内容
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--11日に行ったサイト内変更を全ページに適用(見出し、フォ...
変更前
#image(oooi.jpg)
変更後
#image(fff.jpg)
・変更前と変更後の画像を見比べてみると、見出しが見やすく...
より区別化することができた
~
**2023.7.11
***作業内容
-最終発表
-[[ ギター基礎講座サイト更新>-[[ ギター基礎講座サイト更新...
--言葉の大きさや配列を整理
変更前
#image(pipi.jpg)
変更後
#image(popo.jpg)
・変更前と変更後の画像を見比べてみると、見出しが見やすく...
~
**2023.7.4
***作業内容
-最終発表を終えてのブラッシュアップ
--サイト内の各メニューページのヘッダー写真変更
変更前
#image(kkk.jpg)
変更後
#image(lll.jpg)
・変更前のメニューバーと比べると左右の黒い枠がなくなり、
メニューバーの言葉が見やすくなった。全体的にスッキリと...
文字も大きくなり読みやすくなった(変更前画像の赤い下線)
--サイト内の文章のフォントの大きさや配列の整理
--メニューバーのまずはここでのピックのイラストを写真に変更
変更前
#image(rtrt.jpg)
変更後
#image(oioi.jpg)
・下手なイラストとは違い、写真で実際の現物を載せた方がわ...
情報が伝わりやすくなった
--随時、動画や文章等のサイト内更新
~
**2023.6.27
***作業内容
-最終発表
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--言葉の大きさや配列を整理
~
**2023.6.20
***作業内容
-ギター基礎講座用完成参考動画作成
--ギター基礎講座用完成参考動画(Cコードを弾く方法)
#youtube(6qYRMuH1clk)
//--[[ 全基礎講座用完成参考動画>https://drive.google.com/...
-[[ ギター基礎講座サイト更新>https://sites.google.com/vie...
--サイト内の配色や言葉の整理
--14本の参考動画やイラストをサイト内に記載
--サイトを利用した人の感想 ※要約しています
・コードの押さえ方や特徴についてしっかり説明されていてよ...
・言葉がたくさん並びすぎて読みにくい
・ステップごとに練習出来るのが良い
-サイトトップページ作成・更新
#image(ggggg.jpg)
--[[ サイトトップページ全写真>https://drive.google.com/dr...
-本サイトと他サイトの違い
--本サイト
・本サイトは初心者に特化した作りになっているので
不必要な点はできるだけ添削して作った
--他サイト
・初心者に教えるべきことだが、その内容が多すぎて
ややこしく、やる気を失くしてしまう
-コード譜を載せる際のイラスト制作
--コード指板図イラスト(Cコード)
#image(IMG_1546.jpg)
--[[全コード指板図イラスト>https://drive.google.com/drive...
-学科サイト更新
**2023.6.13
***作業内容
-サイト更新
--エレキギターとアコースティックギターでの線引き構築
-動画撮影
-学科サイト更新
**2023.6.6
***作業内容
-サイト更新
-基礎講座用完成参考動画字コンテ
--教えるコードの題名→全体のアップ、指板のアップ→お手本→補足
-中間発表
**2023.5.30
***作業内容
-ギター基礎講座用完成参考動画絵コンテ
#image(bbb.jpg)
-サイト更新
-中間発表
-学科サイト更新
**2023.5.23
***作業内容
-サイト更新
--ステップ練習 テーマ決め
-動画撮影
-中間発表
-学科サイト更新
~
~
~
**2023.05.16
***作業内容
-サイト更新
~
***先行事例の調査
-https://knatsubrand81.com⇦ギター基礎講座サイト参考
--良い点
・色んな層が見やすい作りになっている
~
~
**2023.05.09
***作業内容
-サイト更新
-ギター基礎講座試作動画洗出
#youtube(z9NhiDKss8o)
-良い点
--文字で説明されるので確認ができるため理解しやすい
--短い動画にまとめられているので気軽に見れる
-悪い点
--文字での説明のみのためやることの進み具合がわからない
--カメラの視点が少ない
--動画が単調で見ていて楽しくない・やる気が出ない
-改善点
--声での説明も加える
--明るく親しみやすい動画作りをする
--細かい動作やポイントの説明もしっかりと増やす・表示する
--カメラの視点を増やす
~
~
**2023.05.02
***作業内容
-ギター基礎講座サイト作成⇩
--[[リンク>https://sites.google.com/view/guitarkouza/%E3%...
-ギター基礎講座試作動画作成
#youtube(z9NhiDKss8o)
~
-サイトマップ作成
#image(yyy.jpg)
-ワイヤーフレーム作成
--[[リンク>https://drive.google.com/drive/folders/1F3qKL-...
***先行事例の調査
-https://youtu.be/xee3vZt31FA⇦ギター基礎講座動画参考
--良い点
・細かい動作の説明をしてくれている
~
~
~
**2023.04.25
***作業内容
-テーマ設定
--ギター基礎講座サイト
~
***先行事例の調査
-https://guitar-hakase.com⇦ギター基礎講座サイト参考
--良い点
・幅広い種類を丁寧にかつわかりやすく記載されている
--悪い点
・初心者にはまだ早い知識も記載されていたり、初心者には
情報が莫大すぎる
~
~
**2023.04.18
***作業内容
-テーマ設定
--ギター基礎講座
--ギター紹介
~
***先行事例の調査
-https://youtu.be/bhrwrNytvCk⇦ギター基礎講座動画参考
--良い点
・細かい解説がなされている
~
~
**2023.04.11
***作業内容
-テーマ設定
--ギター基礎講座
--ギター紹介
~
***先行事例の調査
-https://youtu.be/cAuOzU0-QOI⇦ギター基礎講座動画参考
--良い点
・手の動きやギターの画角が見やすい
・高画質
・コード譜が映像に添えてあり理解しやすい
--悪い点
・コード譜の読み方がわからないと読めない
-https://youtu.be/kS1HSczSGC8⇦ギター基礎講座動画参考
--良い点
・ギターを弾く側の目線での映像がある
--悪い点
・映像が少し乱れている気がする
~
~
//**20XX.XX.XX
//***XXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
//***XXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
~
ページ名: