#author("2021-11-16T05:42:06+09:00;2021-11-16T05:39:55+09:00","default:member","member") #author("2026-04-02T15:59:18+09:00;2021-11-16T05:42:06+09:00","default:inoue.ko","inoue.ko") //#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 ~ ~ ~