LogoMark.png

山口佳奈 のバックアップの現在との差分(No.0)


#author("2021-11-16T05:42:06+09:00;2021-11-16T05:39:55+09:00","default:member","member")
//#settableborder(none)
//#setheadercolor(#299868,"linear-gradient(90deg, white,white)",1.0)
//#setbgcolor(#d7e1f6)
//#settextcolor(#299868)
*'''&size(25){&color(#000){Kana Yamaguchi};};'''
''&size(18){山口 佳奈};''
~

//#image(IMG_0539.jpg,,50%)コード数
//#image(◯◯◯◯.jpg,right,20%)
//画像は、自分のページにアップしてから配置して下さい。
//顔写真、イラスト他自由ですが、他者の著作物は不可です。
~

//ホスト名sv1.php.starfree.ne.jp
//ユーザー名synthesis.starfree.jp
//**'''&color(#299868){About};'''
//~
//***Profile
//山口佳奈
//2000年福岡県生まれ。九州産業大学芸術学部ソーシャルデザイン学科に在学中。
//大学でソーシャルデザインと情報デザインを重点的に学び、画像・動画編集を通じた芸術表現やHTML, CSS, JavaScriptなどを用いたWebサイト制作に取り組む。
//現在はオープンソースのCMSであるWordPressを利用して、飲食店のためのWebサイト制作を行っている。	
//~

//***Skills
//-''HTML''
//-''CSS''	
//-''JavaScript''											
//-''Adobe Dreamweaver''
//-''Adobe Photoshop''
//-''Adobe Illustrator''
//-''Adobe After Effects''	
//-PHP				
//-Processing
//-Autodesk
//-Adobe Premiere Pro
//~

//***To often use
//-[[p5.js>https://p5js.jp/]] : JavaScriptライブラリ
//-[[Glitch>https://glitch.com/]] : オンラインのプログラム開発環境
//-[[Piskel>https://www.piskelapp.com/]] : ドット絵作成エディタ
//-[[Vimeo>https://vimeo.com/jp/]] : 動画共有サイト
//-[[Atom>https://atom.io/]] : テキストエディタ
//~
//~

**'''&color(#000){Projects};'''
~
//&color(red){基本的な考え方、枠組み、視点など};
//***焼肉店「肉大将」Webサイト開発
//[[&image(山口佳奈/卒業研究I/mainvisual.jpg);>http://design.kyusan-u.ac.jp/socialdesign/?%E5%B1%B1%E5%8F%A3%E4%BD%B3%E5%A5%88/%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6I]]
//焼肉店「肉大将」のWebサイトを制作中。
//~
//***&color(#696969){Term};
//2021.04〜
//~
//***&color(#696969){Links};
//[[山口佳奈/卒業研究>http://design.kyusan-u.ac.jp/socialdesign/?%E5%B1%B1%E5%8F%A3%E4%BD%B3%E5%A5%88/%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6I]]
//~
//~
//CENTER:=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
//~
//~

***文芸部Webサイト開発(KSU Literary Club)
#image(ksu.jpg,,)
情報デザイン演習IIIAにて九州産業大学文芸部のWebサイトを共同で制作。サブページのデザイン・コーディングを担当。
~
***&color(#696969){Term};
2019.10.17~2020.01.15
~
***&color(#696969){Output};
[[KSU Literary Club>http://bungei.php.xdomain.jp/bungei]]
~
***&color(#696969){Links};
-[[Project/文芸部Webサイト開発>http://design.kyusan-u.ac.jp/socialdesign/?cmd=read&page=Project%2F%E6%96%87%E8%8A%B8%E9%83%A8Web%E3%82%B5%E3%82%A4%E3%83%88%E9%96%8B%E7%99%BA&word=%E6%96%87%E8%8A%B8%E9%83%A8]]
-[[山口佳奈/情報デザイン演習IIIA>http://design.kyusan-u.ac.jp/socialdesign/?%E5%B1%B1%E5%8F%A3%E4%BD%B3%E5%A5%88/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92IIIA]]
-[[深江沙羅/情報デザイン演習IIIA>http://design.kyusan-u.ac.jp/socialdesign/?%E6%B7%B1%E6%B1%9F%E6%B2%99%E7%BE%85/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92IIIA]]
~
~

CENTER:=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
~
~

***大刀洗町西鉄バスフルラッピングプロジェクト
大刀洗町西鉄バスフルラッピングプロジェクトに参加。クライアントへのヒアリング、コンセプト設計、デザインの提案をチームで行った。
~
***&color(#696969){Term};
2019.04~2019.07
~
***&color(#696969){Output};
天神イムズにてラッピングバスの模型を展示。
-[[九産大プロデュース展2020>https://www.kyusan-u.ac.jp/app/wp-content/uploads/2020/02/2e41b4e17edfb00720fdce8c346ddc8f.pdf]]
-[[九産大プロデュース展2020【天神イムズB2Fイムズプラザ】九産大×産学官連携の活動成果展(YOKANAVI)>https://yokanavi.com/event/191160/]]
~
***&color(#696969){Links};
-[[Project/大刀洗町プロモーション>http://design.kyusan-u.ac.jp/socialdesign/?cmd=read&page=Project%2F%E5%A4%A7%E5%88%80%E6%B4%97%E7%94%BA%E3%83%97%E3%83%AD%E3%83%A2%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3&word=%E3%83%A9%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0]]
-[[大刀洗町西鉄バスフルラッピングプロジェクト(九州産業大学HP)>https://www.kyusan-u.ac.jp/faculty/kyoiku/project/2019/geijutsukei/26.html]]
-[[今村天主堂にバス停(西日本新聞)>https://design.kyusan-u.ac.jp/JPG/Tachiarai_20191003.jpg]]
~
~
~

**'''&color(#000){Works};'''
~
***Webメディア

''2Dゲーム''
https://bit.ly/3xruUp7
//&size(14){&color(#696969){ソースコード: https://bit.ly/3iLHuvb};};

方向キーでキャラクターを操作してゴールを目指すゲーム。
-使用ツール : p5.js, Piskel
-開発言語 : JavaScript
-制作年月日 : 2020.07.30~2020.08.07
~

''画像描画''
https://preview.p5js.org/pusachichanconabe/present/AYeSUrH_i
//&size(14){&color(#696969){ソースコード: https://bit.ly/3gxcs8M};};

画像を読み込み、画像の色に合わせて “A”, “B”, “C” の文字がランダムで現れる。
-使用ツール : p5.js
-開発言語 : JavaScript
-制作年月日 : 2020.07.06
~

''WEBGLを用いた3DCGアニメーション''
https://bit.ly/3grV45A
//&size(14){&color(#696969){ソースコード: https://bit.ly/2SF2nxt};};

モビールを表現。マウスの位置で光源が変わる。
-使用ツール : p5.js (WEBGL)
-開発言語 : JavaScript
-制作年月日 : 2020.07.13~2020.07.17
~

''コメント投稿フォーム''
https://sq-carpal-flyingfishe.glitch.me/
//&size(14){&color(#696969){ソースコード: https://glitch.com/edit/#!/sq-carpal-flyingfishe};};

CSSでアニメーションを設定。投稿したコメントが左右に動く。
-使用ツール : Glitch (EJS, SQLite)
-開発言語 : CSS, C
-制作年月日 : 2020.12.04~2020.12.11
~
~

***グラフィック

→[[山口佳奈/視覚デザイン実習]] 

Adobe Illustratorを使用したグラフィックの制作
-使用ツール : Adobe Illustrator
-制作年月日 : 2019.09.20~2020.01.15
~
~

***映像

→[[山口佳奈/情報デザイン演習IIIB]] 

Adobe After Effectsを用いた映像制作
-使用ツール : Adobe After Effects
-制作年月日 : 2019.09.18~2020.01.06
~
~
//~

***イラスト

''花鳥風月''
https://drive.google.com/file/d/16gQamcS4Bjfi1q0mKPknK71mCy2aRdZU/view?usp=sharing

[[九州産業大学文芸部部誌>https://www.dropbox.com/s/k87jk4m0mpomr1c/%E8%8A%B1%E9%B3%A5%E9%A2%A8%E6%9C%88.pdf?dl=0]]の表紙・挿絵。
-使用ツール : Adobe Illustrator
-作品サイズ : A4
-制作年月日 : 2019.08.26~2019.08.30
-制作所要時間 : 約40時間


//''Autodeskを用いた3DCG作品''
//https://drive.google.com/drive/folders/16WVnUhoqR8TyCWdEC_dZ_RrzOh24L2Vd?usp=sharing
//-使用ツール : Autodesk
//-制作時期 : 2019.09~2020.01
//~

//***Processing

//''Processing作品''
//https://drive.google.com/drive/folders/19Nc9sduLy4m4AFXNp0yl-4jmJAfXA1B9?usp=sharing
//-使用ツール : Processing
//-制作時期 : 2018.09~2019.01
~
~
~