山口佳奈

Kana Yamaguchi

山口 佳奈

About

Profile

山口佳奈
2000年福岡県生まれ。九州産業大学芸術学部ソーシャルデザイン学科に在学中。大学でソーシャルデザインと情報デザインを重点的に学び、画像・動画編集を通じた芸術表現やHTML, CSS, JavaScriptを用いたWebサイト制作などに取り組む。現在はオープンソースのCMSであるWordPressを利用して、飲食店のためのWebサイト制作を行っている。

Skills

• HTML
• CSS
• Adobe Dreamweaver
• Adobe Photoshop
• Adobe Illustrator
• Adobe After Effects
• JavaScript
• PHP
• Processing
• Autodesk
• Adobe Premiere Pro
  
  

To often use

• p5.js : JavaScriptライブラリ
• Glitch : オンラインのプログラム開発環境
• Piskel : ドット絵作成エディタ
• Vimeo : 動画共有サイト
• Atom : テキストエディタ
  
  
  
  

Works

Webメディア

2Dゲーム
https://bit.ly/3xruUp7
ソースコード: https://bit.ly/3iLHuvb

方向キーでキャラクターを操作してゴールを目指すゲーム。

• 使用ツール : p5.js, Piskel
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.30~2020.08.07
  
  

画像描画
https://preview.p5js.org/pusachichanconabe/present/AYeSUrH_i
ソースコード: https://bit.ly/3gxcs8M

画像を読み込み、画像の色に合わせて “A”, “B”, “C” の文字がランダムで現れる。

• 使用ツール : p5.js
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.06
  
  

CSSアニメーション
https://elated-breezy-place.glitch.me/
ソースコード: https://glitch.com/edit/#!/elated-breezy-place

CSSにアニメーションを設定。HTMLで「Push」「Anim1再生」「Anim2再生」「停止」ボタンを作り、jQueryでボタンを押すとそれぞれのアニメーションが静動する。

• 使用ツール : Glitch (jQuery)
• 開発言語 : HTML, CSS, JavaScript
• 制作年月日 : 2020.10.23
  
  

コメント投稿フォーム
https://sq-carpal-flyingfishe.glitch.me/
ソースコード: https://glitch.com/edit/#!/sq-carpal-flyingfishe

CSSでアニメーションを設定。投稿したコメントが左右に動く。

• 使用ツール : Glitch (EJS, SQLite)
• 開発言語 : CSS, C
• 制作年月日 : 2020.12.04~2020.12.11
  
  
  
  

イラスト

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

九州産業大学文芸部部誌の表紙・挿絵。

• 使用ツール : Adobe Illustrator CC
• 作品サイズ : A4
• 制作年月日 : 2019.08.26~2019.08.30
• 制作所要時間 : 約40時間
  
  
  
  

3DCG

WEBGLを用いた3DCG作品
https://bit.ly/3grV45A
ソースコード: https://bit.ly/2SF2nxt

モビールを表現。マウスの位置で光源が変わる。

• 使用ツール : p5.js (WEBGL)
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.13~2020.07.17
  
  

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
  
  
  
  
  
  

Projects

文芸部Webサイト開発(KSU Literary Club)

情報デザイン演習IIIAにて九州産業大学文芸部のWebサイトを共同で制作。サブページのデザイン・コーディングを担当。

Term

2019.10.17~2020.01.15

Output

KSU Literary Club

Links

• Project/文芸部Webサイト開発
• 山口佳奈/情報デザイン演習IIIA
• 深江沙羅/情報デザイン演習IIIA
  
  
  
  

大刀洗町西鉄バスフルラッピングプロジェクト

大刀洗町西鉄バスフルラッピングプロジェクトに参加。クライアントへのヒアリング、コンセプト設計、デザインの提案をチームで行った。

Term

2019.04~2019.07

Output

天神イムズにてラッピングバスの模型を展示。

• 九産大プロデュース展2020
• 九産大プロデュース展2020【天神イムズB2Fイムズプラザ】九産大×産学官連携の活動成果展（YOKANAVI）
  
  

Links

• Project/大刀洗町プロモーション
• 大刀洗町西鉄バスフルラッピングプロジェクト（九州産業大学HP）
• 今村天主堂にバス停（西日本新聞）