興梠媛愛/卒業研究
をテンプレートにして作成
HOME
ABOUT
最新の更新
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
木村円香
鴻上早紀
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
江口依舞
久木田直央
本田麻緒
山田真央
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
庭瀬美来
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
佐藤美月
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
橋本音花
若狭映那
古賀莉梨香
2025
MEMBER 2025
赤星花
有薗晴己
泉百々
稲吉うた
宇都宮楓
大島詩絵里
小川眞由
源島咲太郎
櫻井風希
佐藤禾生子
友田葵
中西恋果
中山颯太
新甫楓佳
納富早希
野口瑞季
橋本京佳
東島百合子
平野雅華
深井梨々子
松本美時
丸石樹
椋本凌
村山小桜
村山優
持田真翔
吉松まなみ
浅川ひより
池光希
大崎優衣
大瀬梨乃亜
加藤虎太郎
金丸菜美
北本杏
坂本隆太朗
杉野亜子
田代夕加里
永野陽香
濱村悠伸
原凛々子
一松彩心
八木玲蓮
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2024年度卒業生
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
企画デザイン演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
SEARCH
開始行:
* 九芸PALETTE
//SubTitle ・・・・・・・・・・・・・・・・
九州産業大学芸術学部に関わる人々が、情報を共有し連携でき...
#image(mainvisual-2.jpg)
-''興梠 媛愛''
-'''Keywords:Information, WebDesign, CMS, Communication'''
//-https://www.example.com
-[[九芸PALETTE Webサイト>https://k6ss01.stars.ne.jp/kyuge...
--閲覧用
---ユーザーID:kyugei
---パスワード:#checkpalette
-[[卒業研究プレゼン用ページ>興梠媛愛/卒業研究/プレゼン]]
~
**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
-九州産業大学芸術学部に関わる人々が、情報を共有し連携でき...
-芸術学部に関係する情報をまとめて収集でき、発信したい情報...
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
-背景
--芸術学部に関する情報が集まった専用Webサイトがないため、...
--他学科、他専攻が何をしているかが分からないという人が多い
-目的
--芸術学部の情報が集約された、九州産業大学芸術学部に関す...
--情報の共有をもとに、学科・専攻・学年の垣根を越えて連携...
--日常的かつ継続的に活用されるWeb サイトにする
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-情報が拾いやすく、整理されていて利用しやすいシンプルなデ...
-長期的な運用のための情報収集やサイト構造設計
-フォームを通じて学生が情報を掲載できるようにし、現在分散...
-[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]と同...
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-[[Webサイト>https://k6ss01.stars.ne.jp/kyugeipalette/]]
--閲覧用
ユーザーID:kyugei
パスワード:#checkpalette
-[[figmaプロトタイプ>https://www.figma.com/proto/TvawNbzN...
-[[figma作業>https://www.figma.com/design/79y6nEBZ9kgFjJA...
-[[前期作品概要(1.2 MB)>https://drive.google.com/file/d/1...
-[[作品概要(1.5 MB)>https://drive.google.com/file/d/1Cj5y...
~
***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
-[[興梠媛愛]]
プロジェクトメンバー
-前年度までのデザインと今年度のデザイン補助
--[[山本彩花]]
--[[宮路咲希]]
-検索結果のコーディング
--[[髙市遥]]
--[[福井涼]]
-プロジェクトページのデザイン
-大学施設情報ページの教室情報追加
--[[森山海莉]]
~
***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-ハードウエア
--MacBook
-ソフトウエア
--Figma
--Adobe Illustrator
--Adobe Photoshop
--WordPress
~
***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
2025.04.11 - 2026.02.28
//20XX.XX.XX
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
本Webサイトの構築により、既存のWebサイトや告知等の活動...
今後はサーバー移行およびマニュアル整備により、引き継ぎ...
//前期発表
//-プロタイプに基づいてWebサイトの制作を行うことができて...
//-今後の流れ
//--カテゴリーやタグ、年別で見る機能の設定をする
//--アンケートの結果から、プロジェクト情報や他学科・他専...
//--情報の更新を手数を減らして行うための設計をする(マニュ...
//--ユーザーの利便性やアクセシビリティにも目をむける
//中間発表
//-今後の流れ
//--5・6・7月 実際に公開できる段階にする
//--8月以降 追加コンテンツを考える
~
~
**調査
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-情報発信源が分散している
--[[大学HP 芸術学部ニュース>https://www.kyusan-u.ac.jp/fa...
--[[九芸>https://www.kyusan-u.ac.jp/kyugei/]]
--[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]
--[[アートスペース>https://vision.ip.kyusan-u.ac.jp/artsp...
--[[九州産業大学美術館>https://www.kyusan-u.ac.jp/ksumuse...
--[[九産大Instagram>https://www.instagram.com/kyushusangy...
--[[九芸Instagram>https://www.instagram.com/kyugei_offici...
--[[九芸卒展Insragram>https://www.instagram.com/kyugeisot...
--[[K*RISE>https://k-rise.cs.kyusan-u.ac.jp/]]
-アンケート(回答102名)
--九州産業大学芸術学部生を対象に2025.06.20~07.11まで実施
--このアンケートでは、芸術学部生の現状の活動や情報収集方...
&image(ans_1.jpg,,50%);
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
在学生むけのWebサイト
-[[九州大学芸術工学部・大学院芸術工学府・大学院芸術工学研...
-[[芸工アプリ>https://geiko.app/]]
-[[九州大学芸術工学部 在学生向け>https://std.design.kyush...
-[[京都芸術大学 在学生の方へ>https://www.kyoto-art.ac.jp/...
-[[武蔵野芸術大学 在学生の方へ>https://www.musabi.ac.jp/c...
~
-リンクをまとめているWebサイト(リンクページの参考)
-NEWSやイベント、リンクのまとまったWebサイト
-大学全体の紹介になっているサイトもあるため入試情報も入っ...
-[[まとめスプレッドシート>https://docs.google.com/spreads...
~
デザイン
-構成→[[21_21 DESIGN SIGHT>https://www.2121designsight.jp]]
--シンプルなデザイン
--イベント詳細の取り扱いの参考
-UIデザイン→[[株式会社 博報堂プロダクツ>https://www.h-pro...
--ニューモーフィズムを使用したデザイン
-色・フォント→[[九芸WORKS>https://www.kyugeiworks.kyusan-...
--同一大学の芸術学部のWebサイトであることが一目で伝わるよ...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[ローカル環境>https://www.onamae.com/column/wordpress/2...
-[[WordPress子テーマ>https://www.conoha.jp/lets-wp/wp-chi...
-[[Advanced Custom Fieldsの使い方・出力関数【WordPress カ...
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
-[[予定表>https://docs.google.com/spreadsheets/d/1CKzudgI...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-[[todoリスト>https://docs.google.com/spreadsheets/d/1b-g...
~
%%-Adobe FontsからリンクしているDIN2014のフォントを持続さ...
-topのスライダー部分の画像募集
%%-プロジェクトページのデザインとコーディング%%
-編集マニュアル制作
-本環境への移行
-事務室と先生方との話し合い
-説明パネル 12/12までに制作
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2025.12.05
***最終発表
***作業
**2025.11.28
***最終発表
***作業
-A4ポスター(募集と告知)の制作を3年生に依頼
-パネルの裏面の制作
~
~
**2025.11.21
***最終審査
-へこませている部分はボタン形式で凹んでいなくてもいいので...
-編集マニュアルページに見出し
-編集マニュアルページにダッシュボードの行き方など順番に並...
-今後の運営について考える
-今後アクセス解析等を入れる
-コード部分で何をしているかが分かるようにしておく
-発表で慣れていない人でも更新ができるような設計になってい...
-まとめに、今後情報更新がとどこおりなく継続して行われるこ...
***すること
-説明パネルの画像入れ
***作業
-説明パネルの画像入れ(表)
-マニュアルページの見出し
***問題・疑問点
~
~
**2025.11.14
***すること
***作業
-プレゼンページのまとめを箇条書きに変更
-プロジェクトページの更新
-プレゼン練習
***問題・疑問点
-BASIC認証やログインページのurl変更について
~
~
**2025.10.31
***すること
-お知らせの部分でお知らせの子カテゴリーと学科タグ全てが設...
-まとめの部分で、どのような工夫があるかを追記しておく(学...
--プログラムの自動処理によってより更新が容易な形にできて...
-発表用ページを作る
--先行事例などの情報の位置を発表の順番で変えてもいい
***作業
-お知らせの更新(九産大のHPから転記)
-お知らせのレイアウト崩れを修正
-マニュアル更新(リンク)
-ハンバーガーメニューの文字はアーカイブを消していたが、カ...
--学科サイトのメインビジュアルの差し替え
-発表用の追加資料作成
-卒展説明パネルの文章仮入れ
***問題・疑問点
~
~
**2025.10.24
***すること
-マニュアル
-周知してもらえるようにA4一枚のポスター
-卒展説明パネル
-学科サイトのまとめ入力
***作業
-作品概要提出
-お知らせアーカイブ→お知らせ、イベントアーカイブ→イベント...
-マニュアル更新(イベント・プロジェクト・大学施設情報)
-学科サイトまとめ入力
-卒展説明パネル(背景目的)
***問題・疑問点
~
~
**2025.10.17
***すること
-マニュアル
-周知してもらえるようにA4一枚のポスター
***作業
-作品概要
-Webサイト
--各種募集フォームのイベント募集部分の内容とリンク先を変更
--投稿ページの画像で中央揃えとなしの時のcss設定を同じにした
--投稿ページでギャラリーにしたときにpaddingが他のimageと...
--編集者用のページにマニュアル追加中
--リストの調整
--.highlight-markerを追加cssクラスをつけるとグレー背景が...
--目次のショートコードを追加
---マニュアルページの使用感改善のために目次機能を追加
---ブロックエディタの見出しを自動的に抽出
---リンクで移動できるようにしている
--マニュアルページが長くなっているので戻るボタンをショー...
***問題・疑問点
~
~
**2025.10.10
***すること
-作品概要
--外部向けというよりは内部向けの情報共有サイトであること...
-プロジェクトページに学科サイトのプロジェクトの転記をして...
-情報収集用のリンクを再配置
***作業
-学科サイト
--メインビジュアルを変更
-[[作品概要>https://drive.google.com/file/d/1Cj5yT1gRxTVa...
--画像を変更
--誤字・形式の不備を修正
--研究の目的・背景の修正
--読みにくい部分を改善
--表記揺れの修正
--文字数調整
--使用者側が使用しやすいような工夫の追加
-Webサイト
--大学施設情報ページのスマートフォン仕様の時にページ上部...
--大学のpcのモニターで見た時にイベントページのポスター画...
--「このサイトについて」ページの内容を追加
--投稿ページのリスト形式で、入れ子リストになっている部分...
--入れ子リストの部分のlist-style-typeを指定
--他の場所との更新方法を同じにするため、プロジェクトペー...
--Adobeのフォントを読み込み(DIN)を自分のアカウントから...
***問題・疑問点
-%%Adobe FontsからリンクしているDIN2014のフォントを持続さ...
-作品概要の参考リンク先の閲覧日は最新の確認日に変更した方...
~
~
**2025.10.03
***すること
-文字サイズ合わせ
-卒展のメインビジュアルのぼかしを適応させる
***作業
-大学施設情報のページの不具合調整
-お知らせタイトルをh4→pに変更
-リンクのグレーを#666666→#808080に変更
-メインビジュアルの卒展2024の画像入れ替え
-トップページのNEWS,EVENTのDINのフォントウェイトを700→400
-safariで見るとtext-decoration: underline 0.5px #bbbbbb;...
text-decoration-line: underline;
text-decoration-color: #bbbbbb;
text-decoration-thickness: 0.5px;
-作品概要の画像制作
-eventページの年別フィルターが機能していない問題を解決
-大学施設情報ページの教室情報を更新(2年生)
-大学施設情報の本文表示の部分で、フィルターをかけたときも...
-イベント情報を二人の人に声かけをし回答いただき、情報を追加
-リンクページのその他情報の追加(公募や就職情報等)
-リンクページのリストの整頓
-大学施設情報ページに一気に上に戻ることのできるボタンを設置
***問題・疑問点
-専用のアカウントをもらえるか(フォーム等からの更新を事務...
~
~
**2025.09.26
***すること
-ロゴと募集画像の間を広くする
-ロゴをもう少し小さく間隔を広く設置(九芸WORKSを参考)
-フッターの文字の大きさ調整
--英語の文字部分は間隔の調整
-リンクの色はグレーに設定
***作業
-卒業制作展のメインビジュアルを1200×1200pxに切り抜きtopペ...
-ロゴをsvgでwebサイトに設定
--ロゴをカスタマイズから変更できるようにしていたが、svgデ...
--サーバーの子テーマの中にimagesフォルダーを追加し、その...
-ロゴの間隔を九芸WORKSの方と揃えた
-フッターのロゴを文字だけで設定していたが、svgのロゴに変更
--背景が黒で文字も黒だったため、文字を#faf9f6に変更しフォ...
-文字の間隔を調整
--line-heightだけ設定していたが、letter-spacingも設定し少...
-リンクをグレーに変更
--濃いめだとリンクだと分かりにくく薄めだと見にくくなった...
---文字色をcolor: #666666;
---投稿ページのみ
text-decoration: underline 0.5px #bbbbbb;
text-underline-offset: 4px;
-footerの間隔調整
-施設情報ページのコーディング
-プロジェクトページのリンクを1ブロックごとに全体反応する...
-[[作品概要編集v1>https://drive.google.com/file/d/1wqKF_1...
***問題・疑問点
-Adobe FontsからリンクしているDIN2014のフォントを持続させ...
-大学施設情報のページの学科カテゴリーリンクが施設以外のも...
~
~
**2025.09.19
***3Q開始
***展示について
-スマートフォンがメイン使用になると考えられるためミニディ...
***作業
-投稿ページの見出し・リストの全体的な調整
--フッターの中に編集者用の固定ページを追加し、投稿に関す...
-フッター 九芸パレット→九芸PALETTEに変更
-イベントアーカイブページの調整
--スマートフォン用のページは3列だと小さすぎるため、2列に...
--PCページは3列のまま
--奇数と偶数になったため、表示件数を9→12に変更
--カテゴリー終了したイベントの削除
--カテゴリー 開催中のイベント→今後のイベント
---これに伴いトップページのEVENTの下の文字も変更
-1ページに表示する最大投稿数を3→5に変更
-イベントの更新[[九産大美術館これまでの展示会>https://www...
--学科カテゴリーの付け方について、関係があるイベントでは...
(学科カテゴリーフィルターが似たような感じになってしまう+...
-芸学施設情報ページのデザインと内容まとめ用スプレッドシー...
-トップページのイベントの部分で、カテゴリーがついていると...
--cssの擬似要素を使って、リンクエリアを重ねる方法で解決
***問題・疑問点
-イベントの画像サイズが異なる場合の処理方法
-トップページのイベントの部分で、カテゴリーがついていると...
~
~
**2025.07.18
***2Q(最終)審査
***メモ
-allではなく個別に本物のパレットみたいな感じにする
***作業
-[[作品概要更新>https://drive.google.com/file/d/1wBimH3JM...
-現状調査のアンケート結果を更新
-プロジェクトページをカテゴリーページとしてハンバーガーメ...
--category-project.phpを追加
--デザインは2年生と一緒に考える
-編集マニュアル制作
-3年生が担当している検索結果の部分の修正(ローカル)
-検索結果のコードをローカルから移動
--CSSの調整が必要
-プロジェクトページのデザイン案(2案制作)
-タブレットとPC表示用のCSS調整
--元は950pxからイベントの部分を2列表示にしていたが、タブ...
-プロジェクトページのコーディング
-eventページのカテゴリーページ名を変更
--親カテゴリーeventを追加しより簡単なコードに変更
-各カテゴリーページに年別のフィルター設定を追加
***問題・疑問点
-プラグインPublishPress Futureがうまく動作していなかった
--08.19解決済み(BASIC認証の影響)
-topページのイベントの部分にカテゴリーがついていると枠全...
-今月のイベントではなく直近のイベントはどうか
~
~
**2025.07.11
***2Q(最終)審査
-タイトルの説明を入れる(作品概要・発表)
***作業
-アンケート依頼のA4ポスターの掲載終了
-イベントアーカイブの凹凸表現を追加(前回の1をpadding調整...
-[[マニュアル項目整理>https://docs.google.com/document/d/...
-レスポンシブ対応の各投稿サムネイルの大きさを指定
--max-width,margin
-作品概要修正
-3年生が担当している検索結果の部分の修正(ローカル)
-全学科のカテゴリーがつくときは芸術学部(#ALL)を選択する...
--#ALLだけ表示されるとせっかくのパレットに複数の色が集ま...
***問題・疑問点
%%-#ALLの背景色(プロジェクトページのカテゴリー表示)%%
%%--[[九産大芸学HP>https://www.kyusan-u.ac.jp/kyugei/]]は...
~
~
**2025.07.04
***2Q(最終)審査
-ハンバーガーメニュー内の項目を増やしてもいい
--外部リンクはまとめておく
-情報の優先順位と場所
--募集フォームの画像募集と展示会情報募集の順番
-目的達成のための説明を増やすと良い(コンセプト強化)
***作業
-ハンバーガーメニュー内の項目入れかえ
-topイベント部分のカスタムフィールド表示項目を会期と会場...
-topイベント部分のカスタムフィールド項目の位置調整
-topイベント部分にも学科のカテゴリーが表示されるように変更
--これに伴い、パレットのような見た目にするために使用して...
-topイベント部分のパソコン表示時のmarginを調整
-概要集修正
***問題・疑問点
-イベントアーカイブページだけ画像にニューモーフィズムがな...
1.
.event-archive-thumbnail img {
padding: 15px;
box-shadow: 3px 3px 7px 0 #E1E0DB, -3px -3px 7px 0 #F...
}
2.
.event-archive-thumbnail {
padding: 20px;
box-shadow: 3px 3px 7px 0 #E1E0DB, -3px -3px 7px 0 #F...
}
.event-archive-thumbnail img {
padding: 10px;
box-shadow: inset 3px 3px 7px 0 #E1E0DB, inset -3px -...
}
~
~
**2025.06.27
***作品概要
[[作品概要Googleドライブ(1.2 MB)>https://drive.google.com...
***メモ
-作品概要の白背景の画像は枠で囲む
***作業
-カテゴリーページで記事押してもリンク先に飛ばなくなってい...
--category.phpにjavascriptのコードを追加
-学科カテゴリーを九芸WORKSと同じ順番に変更
-コンテンツ整理
-newsの部分の学外以外の記事分類のところもカテゴリーに変更
--編集する際にわかりやすいようにnewsの子カテゴリーにして...
-topイベントのカスタムフィールドを呼び出している部分の行...
-プラグインを追加(Advanced Custom Fields)
--合わせて投稿ページの部分のカスタムフィールドに書き込み...
--入力がない場合は表示しないように変更
***問題・疑問点
-topのイベント部分にはお知らせと同じような感じで学科のカ...
-topのイベントの情報はどこまでの情報を表に出すか
-pc表示の時の画像が大きすぎる(サムネのサイズによって調整...
~
~
**2025.06.20
***メモ
-ページネーション用のphpを作る
***作業
-アンケート依頼ポスターの掲示(10箇所)
-お知らせアーカイブとイベントアーカイブをアーカイブテンプ...
-芸術学部ニュースから2件記事を追加
-投稿ページの画像と動画に対しての空白設定
-newsのタグに受賞を追加し、php,cssを変更
-topのイベントの部分で呼び出しているカスタムフィールドの...
-概要集のアンケートの部分を更新
***問題・疑問点
-カテゴリーページで記事押してもリンク先に飛ばなくなっている
-%%投稿ページのカスタムフィールドの表示場所はサムネイルの...
~
~
**2025.06.13
***メモ
-作品概要(前期分)作成が必要
-学科サイトに載せるアンケートご協力のお願いとA4書類の準備
***作業
-アンケート依頼のA4用紙の調整、印刷
&image(survey-request-02b.jpg,,50%);
-作品概要の制作
-カテゴリーページの設定
--全てのカテゴリーページとお知らせアーカイブとイベントア...
-footerの調整
***問題・疑問点
-topページはお知らせ→イベントの順だが、メニューはイベント...
-カテゴリーページの設定は変更後のもので良いか
~
~
**2025.06.06
***メモ
-footerの調整(間隔と色)
-ロゴデータはアウトライン化したものをsvg化がいい
-[[footerの位置>https://shopeyes.jp/media-blog/00001078/]]
-サムネのサイズ制限(検索(共有時のサムネイル 規定))
-タグと年別の部分はテーマファイルエディターで
--タグは多くなるため、学科と年別でいいのでは
--ホバーorクリックで表示 または 全て表に出す
***必ずすること
-アンケート協力のA4書類制作
***作業
-リンクページの調整
-検索結果が見つからなかった時の画面
-投稿ページにカテゴリー・タグと日付が見えるようにお知らせ...
-アンケートご協力のお願いのa4書類作成
***問題点
-footerがposition: stickyでうまく固定できない
-カテゴリーページのページネーションが2ページ目に行くとき...
-プロトタイプのリンクを載せるのであれば、デザイン面もアン...
~
~
**2025.05.23
***中間発表
***メモ
-K*RISEとは
***作業
-ページネーションの設定(お知らせページも)
-タグページ・カテゴリーページの空白部分の解決
-カテゴリーページの抜粋部分を削除し、タイトルとサムネ(あ...
***聞くこと
-K*RISEとの差はどのような部分があるのか
-%%topのニュースのカテゴリーアイコンを押しても全ての記事...
-カテゴリーページの表示内容はサムネがあった方がいいのか
--お知らせの部分のタイトルと投稿日のみ表示の方がいい?
-フォームへの協力
~
~
**2025.05.16
***中間プレゼン
-情報を掲載するためのフロー設計
-リンク設定範囲が大きい方が押しやすくなる
-パレットの意味
--九州産業大学の芸術学部に関わる人が、白いパレット(Webサ...
***作業
-リンク反応範囲設定
-function.phpで$retHtmlと$outputが混合していたので$output...
-ページネーションの設定
~
~
**2025.05.09
***メモ
-リッカート形式部分の言葉の統一性
-自由記述項目の追加
-大きい項目部分に説明文追加
***作業
-アンケート項目見直し
-ロゴ仮置き
-3年生にローカル環境の説明
//***次聞くこと
~
~
**2025.05.02
***メモ
-ロゴを実際に配置してみて、固定表示をするかしないかを決定...
~
***作業
-外部リンクのアイコンの大きさ設定
-ハンバーガーメニュー内の文字の大きさ調整
-以前書いていたが必要なくなったコードの削除
-先行事例リンク等[[まとめスプレッドシート>https://docs.go...
-NEWSの部分の学科タグをカテゴリーに変更
-topページのショートコードを学内・学外で設定できるように...
-アンケート作成
~
***聞くこと
-カテゴリー・タグページに空白が入る部分の調整方法
-募集画像のサイズはどのくらいがいいのか
-リンクのページはメニューで設定したほうがいいか
-[[アンケート>https://forms.office.com/r/hFSGcMJKjZ]]の項...
~
~
**2025.04.25
***変更
-展示会→イベント(ワークショップ形式や販売の開催も掲載で...
***メモ
-WordPressの検索結果の部分を変えると変わる(子テーマ必要)
***作業
-menu-main, menu-footerの外部サイトリンク横のアイコン追加...
-topページの見出し部分のmargin-topを14pxに
-topページのEXHIBITION展示会をEVENTイベントに変更
-ロゴ仮制作
-チーム会議をし現状共有
***05.02で聞きたいこと
-九芸WORKSのロゴのAiデータがあるか
-背景目的等概要の部分の問題はないか
-ロゴの部分は固定の方がいいか(九芸WORKSは固定していない)
-タグ、年別の部分はどのように表示するか(システム的に)
-
~
~
**2025.04.18
***決定
&image(0411-1.jpg,,50%);
-右の案でベース作成
-学科のタグの色は九芸WORKSの使用色に変更
~
***作業
-[[予定表>https://docs.google.com/spreadsheets/d/1CKzudgI...
-[[todoリスト>https://docs.google.com/spreadsheets/d/1b-g...
-デザイン
--figmaでtopページ以外のデザイン(色・フォント・シャドウ...
-コーディング
--figmaでデザインしている色とシャドウの反映
-チーム
--現在の状況をチームの人に共有する資料を作成
~
***次回聞きたいこと
-検索結果の画面について
-外部リンクのものにのみ後ろにマークをつける方法
~
~
**2025.04.11
***テーマ決定
-芸術学部生に寄り添ったWebサイト[[『九芸パレット』>Projec...
--情報収集の動線設計
--芸術学部生が必要とする情報は何なのか
--今後更新がしやすいフォーマット作り
--展示会・イベント・公募(・プロジェクト)を中心としたWeb...
~
***テーマ案
-芸術学部生に寄り添ったWebサイト『九芸パレット』制作(プ...
-流れる時間を体感するWebサイト
-目線誘導を活用した体験型Webサイト
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-情報の分散
--[[大学HP 芸術学部ニュース>https://www.kyusan-u.ac.jp/fa...
--[[九芸>https://www.kyusan-u.ac.jp/kyugei/]]
--[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]
--[[アートスペース>https://vision.ip.kyusan-u.ac.jp/artsp...
--[[九州産業大学美術館>https://www.kyusan-u.ac.jp/ksumuse...
--[[九産大Instagram>https://www.instagram.com/kyushusangy...
--[[九芸Instagram>https://www.instagram.com/kyugei_offici...
--[[九芸卒展Insragram>https://www.instagram.com/kyugeisot...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
在学生向けのページ
-[[九州大学芸術工学部・大学院芸術工学府・大学院芸術工学研...
-[[九州大学芸術工学部 未来構想デザインコース 在学生向け>h...
-[[京都芸術大学 在学生の方へ>https://www.kyoto-art.ac.jp/...
-[[武蔵野芸術大学 在学生の方へ>https://www.musabi.ac.jp/c...
~
***作業
-学科サイト概要の部分を記載
-現状調査・先行事例を記載
-デザインのフォント・色・シャドウの調整(九芸WORKSに寄せる)
&image(0411-1.jpg,,50%);&image(0411-2.jpg,,50%);
~
~
~
終了行:
* 九芸PALETTE
//SubTitle ・・・・・・・・・・・・・・・・
九州産業大学芸術学部に関わる人々が、情報を共有し連携でき...
#image(mainvisual-2.jpg)
-''興梠 媛愛''
-'''Keywords:Information, WebDesign, CMS, Communication'''
//-https://www.example.com
-[[九芸PALETTE Webサイト>https://k6ss01.stars.ne.jp/kyuge...
--閲覧用
---ユーザーID:kyugei
---パスワード:#checkpalette
-[[卒業研究プレゼン用ページ>興梠媛愛/卒業研究/プレゼン]]
~
**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
-九州産業大学芸術学部に関わる人々が、情報を共有し連携でき...
-芸術学部に関係する情報をまとめて収集でき、発信したい情報...
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
-背景
--芸術学部に関する情報が集まった専用Webサイトがないため、...
--他学科、他専攻が何をしているかが分からないという人が多い
-目的
--芸術学部の情報が集約された、九州産業大学芸術学部に関す...
--情報の共有をもとに、学科・専攻・学年の垣根を越えて連携...
--日常的かつ継続的に活用されるWeb サイトにする
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-情報が拾いやすく、整理されていて利用しやすいシンプルなデ...
-長期的な運用のための情報収集やサイト構造設計
-フォームを通じて学生が情報を掲載できるようにし、現在分散...
-[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]と同...
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-[[Webサイト>https://k6ss01.stars.ne.jp/kyugeipalette/]]
--閲覧用
ユーザーID:kyugei
パスワード:#checkpalette
-[[figmaプロトタイプ>https://www.figma.com/proto/TvawNbzN...
-[[figma作業>https://www.figma.com/design/79y6nEBZ9kgFjJA...
-[[前期作品概要(1.2 MB)>https://drive.google.com/file/d/1...
-[[作品概要(1.5 MB)>https://drive.google.com/file/d/1Cj5y...
~
***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
-[[興梠媛愛]]
プロジェクトメンバー
-前年度までのデザインと今年度のデザイン補助
--[[山本彩花]]
--[[宮路咲希]]
-検索結果のコーディング
--[[髙市遥]]
--[[福井涼]]
-プロジェクトページのデザイン
-大学施設情報ページの教室情報追加
--[[森山海莉]]
~
***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-ハードウエア
--MacBook
-ソフトウエア
--Figma
--Adobe Illustrator
--Adobe Photoshop
--WordPress
~
***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
2025.04.11 - 2026.02.28
//20XX.XX.XX
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
本Webサイトの構築により、既存のWebサイトや告知等の活動...
今後はサーバー移行およびマニュアル整備により、引き継ぎ...
//前期発表
//-プロタイプに基づいてWebサイトの制作を行うことができて...
//-今後の流れ
//--カテゴリーやタグ、年別で見る機能の設定をする
//--アンケートの結果から、プロジェクト情報や他学科・他専...
//--情報の更新を手数を減らして行うための設計をする(マニュ...
//--ユーザーの利便性やアクセシビリティにも目をむける
//中間発表
//-今後の流れ
//--5・6・7月 実際に公開できる段階にする
//--8月以降 追加コンテンツを考える
~
~
**調査
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-情報発信源が分散している
--[[大学HP 芸術学部ニュース>https://www.kyusan-u.ac.jp/fa...
--[[九芸>https://www.kyusan-u.ac.jp/kyugei/]]
--[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]
--[[アートスペース>https://vision.ip.kyusan-u.ac.jp/artsp...
--[[九州産業大学美術館>https://www.kyusan-u.ac.jp/ksumuse...
--[[九産大Instagram>https://www.instagram.com/kyushusangy...
--[[九芸Instagram>https://www.instagram.com/kyugei_offici...
--[[九芸卒展Insragram>https://www.instagram.com/kyugeisot...
--[[K*RISE>https://k-rise.cs.kyusan-u.ac.jp/]]
-アンケート(回答102名)
--九州産業大学芸術学部生を対象に2025.06.20~07.11まで実施
--このアンケートでは、芸術学部生の現状の活動や情報収集方...
&image(ans_1.jpg,,50%);
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
在学生むけのWebサイト
-[[九州大学芸術工学部・大学院芸術工学府・大学院芸術工学研...
-[[芸工アプリ>https://geiko.app/]]
-[[九州大学芸術工学部 在学生向け>https://std.design.kyush...
-[[京都芸術大学 在学生の方へ>https://www.kyoto-art.ac.jp/...
-[[武蔵野芸術大学 在学生の方へ>https://www.musabi.ac.jp/c...
~
-リンクをまとめているWebサイト(リンクページの参考)
-NEWSやイベント、リンクのまとまったWebサイト
-大学全体の紹介になっているサイトもあるため入試情報も入っ...
-[[まとめスプレッドシート>https://docs.google.com/spreads...
~
デザイン
-構成→[[21_21 DESIGN SIGHT>https://www.2121designsight.jp]]
--シンプルなデザイン
--イベント詳細の取り扱いの参考
-UIデザイン→[[株式会社 博報堂プロダクツ>https://www.h-pro...
--ニューモーフィズムを使用したデザイン
-色・フォント→[[九芸WORKS>https://www.kyugeiworks.kyusan-...
--同一大学の芸術学部のWebサイトであることが一目で伝わるよ...
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[ローカル環境>https://www.onamae.com/column/wordpress/2...
-[[WordPress子テーマ>https://www.conoha.jp/lets-wp/wp-chi...
-[[Advanced Custom Fieldsの使い方・出力関数【WordPress カ...
~
~
**プロジェクト管理
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成して...
-[[予定表>https://docs.google.com/spreadsheets/d/1CKzudgI...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
-[[todoリスト>https://docs.google.com/spreadsheets/d/1b-g...
~
%%-Adobe FontsからリンクしているDIN2014のフォントを持続さ...
-topのスライダー部分の画像募集
%%-プロジェクトページのデザインとコーディング%%
-編集マニュアル制作
-本環境への移行
-事務室と先生方との話し合い
-説明パネル 12/12までに制作
//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしな...
//&color(red){例:10人以上の会議には出ない。苦手なことは...
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2025.12.05
***最終発表
***作業
**2025.11.28
***最終発表
***作業
-A4ポスター(募集と告知)の制作を3年生に依頼
-パネルの裏面の制作
~
~
**2025.11.21
***最終審査
-へこませている部分はボタン形式で凹んでいなくてもいいので...
-編集マニュアルページに見出し
-編集マニュアルページにダッシュボードの行き方など順番に並...
-今後の運営について考える
-今後アクセス解析等を入れる
-コード部分で何をしているかが分かるようにしておく
-発表で慣れていない人でも更新ができるような設計になってい...
-まとめに、今後情報更新がとどこおりなく継続して行われるこ...
***すること
-説明パネルの画像入れ
***作業
-説明パネルの画像入れ(表)
-マニュアルページの見出し
***問題・疑問点
~
~
**2025.11.14
***すること
***作業
-プレゼンページのまとめを箇条書きに変更
-プロジェクトページの更新
-プレゼン練習
***問題・疑問点
-BASIC認証やログインページのurl変更について
~
~
**2025.10.31
***すること
-お知らせの部分でお知らせの子カテゴリーと学科タグ全てが設...
-まとめの部分で、どのような工夫があるかを追記しておく(学...
--プログラムの自動処理によってより更新が容易な形にできて...
-発表用ページを作る
--先行事例などの情報の位置を発表の順番で変えてもいい
***作業
-お知らせの更新(九産大のHPから転記)
-お知らせのレイアウト崩れを修正
-マニュアル更新(リンク)
-ハンバーガーメニューの文字はアーカイブを消していたが、カ...
--学科サイトのメインビジュアルの差し替え
-発表用の追加資料作成
-卒展説明パネルの文章仮入れ
***問題・疑問点
~
~
**2025.10.24
***すること
-マニュアル
-周知してもらえるようにA4一枚のポスター
-卒展説明パネル
-学科サイトのまとめ入力
***作業
-作品概要提出
-お知らせアーカイブ→お知らせ、イベントアーカイブ→イベント...
-マニュアル更新(イベント・プロジェクト・大学施設情報)
-学科サイトまとめ入力
-卒展説明パネル(背景目的)
***問題・疑問点
~
~
**2025.10.17
***すること
-マニュアル
-周知してもらえるようにA4一枚のポスター
***作業
-作品概要
-Webサイト
--各種募集フォームのイベント募集部分の内容とリンク先を変更
--投稿ページの画像で中央揃えとなしの時のcss設定を同じにした
--投稿ページでギャラリーにしたときにpaddingが他のimageと...
--編集者用のページにマニュアル追加中
--リストの調整
--.highlight-markerを追加cssクラスをつけるとグレー背景が...
--目次のショートコードを追加
---マニュアルページの使用感改善のために目次機能を追加
---ブロックエディタの見出しを自動的に抽出
---リンクで移動できるようにしている
--マニュアルページが長くなっているので戻るボタンをショー...
***問題・疑問点
~
~
**2025.10.10
***すること
-作品概要
--外部向けというよりは内部向けの情報共有サイトであること...
-プロジェクトページに学科サイトのプロジェクトの転記をして...
-情報収集用のリンクを再配置
***作業
-学科サイト
--メインビジュアルを変更
-[[作品概要>https://drive.google.com/file/d/1Cj5yT1gRxTVa...
--画像を変更
--誤字・形式の不備を修正
--研究の目的・背景の修正
--読みにくい部分を改善
--表記揺れの修正
--文字数調整
--使用者側が使用しやすいような工夫の追加
-Webサイト
--大学施設情報ページのスマートフォン仕様の時にページ上部...
--大学のpcのモニターで見た時にイベントページのポスター画...
--「このサイトについて」ページの内容を追加
--投稿ページのリスト形式で、入れ子リストになっている部分...
--入れ子リストの部分のlist-style-typeを指定
--他の場所との更新方法を同じにするため、プロジェクトペー...
--Adobeのフォントを読み込み(DIN)を自分のアカウントから...
***問題・疑問点
-%%Adobe FontsからリンクしているDIN2014のフォントを持続さ...
-作品概要の参考リンク先の閲覧日は最新の確認日に変更した方...
~
~
**2025.10.03
***すること
-文字サイズ合わせ
-卒展のメインビジュアルのぼかしを適応させる
***作業
-大学施設情報のページの不具合調整
-お知らせタイトルをh4→pに変更
-リンクのグレーを#666666→#808080に変更
-メインビジュアルの卒展2024の画像入れ替え
-トップページのNEWS,EVENTのDINのフォントウェイトを700→400
-safariで見るとtext-decoration: underline 0.5px #bbbbbb;...
text-decoration-line: underline;
text-decoration-color: #bbbbbb;
text-decoration-thickness: 0.5px;
-作品概要の画像制作
-eventページの年別フィルターが機能していない問題を解決
-大学施設情報ページの教室情報を更新(2年生)
-大学施設情報の本文表示の部分で、フィルターをかけたときも...
-イベント情報を二人の人に声かけをし回答いただき、情報を追加
-リンクページのその他情報の追加(公募や就職情報等)
-リンクページのリストの整頓
-大学施設情報ページに一気に上に戻ることのできるボタンを設置
***問題・疑問点
-専用のアカウントをもらえるか(フォーム等からの更新を事務...
~
~
**2025.09.26
***すること
-ロゴと募集画像の間を広くする
-ロゴをもう少し小さく間隔を広く設置(九芸WORKSを参考)
-フッターの文字の大きさ調整
--英語の文字部分は間隔の調整
-リンクの色はグレーに設定
***作業
-卒業制作展のメインビジュアルを1200×1200pxに切り抜きtopペ...
-ロゴをsvgでwebサイトに設定
--ロゴをカスタマイズから変更できるようにしていたが、svgデ...
--サーバーの子テーマの中にimagesフォルダーを追加し、その...
-ロゴの間隔を九芸WORKSの方と揃えた
-フッターのロゴを文字だけで設定していたが、svgのロゴに変更
--背景が黒で文字も黒だったため、文字を#faf9f6に変更しフォ...
-文字の間隔を調整
--line-heightだけ設定していたが、letter-spacingも設定し少...
-リンクをグレーに変更
--濃いめだとリンクだと分かりにくく薄めだと見にくくなった...
---文字色をcolor: #666666;
---投稿ページのみ
text-decoration: underline 0.5px #bbbbbb;
text-underline-offset: 4px;
-footerの間隔調整
-施設情報ページのコーディング
-プロジェクトページのリンクを1ブロックごとに全体反応する...
-[[作品概要編集v1>https://drive.google.com/file/d/1wqKF_1...
***問題・疑問点
-Adobe FontsからリンクしているDIN2014のフォントを持続させ...
-大学施設情報のページの学科カテゴリーリンクが施設以外のも...
~
~
**2025.09.19
***3Q開始
***展示について
-スマートフォンがメイン使用になると考えられるためミニディ...
***作業
-投稿ページの見出し・リストの全体的な調整
--フッターの中に編集者用の固定ページを追加し、投稿に関す...
-フッター 九芸パレット→九芸PALETTEに変更
-イベントアーカイブページの調整
--スマートフォン用のページは3列だと小さすぎるため、2列に...
--PCページは3列のまま
--奇数と偶数になったため、表示件数を9→12に変更
--カテゴリー終了したイベントの削除
--カテゴリー 開催中のイベント→今後のイベント
---これに伴いトップページのEVENTの下の文字も変更
-1ページに表示する最大投稿数を3→5に変更
-イベントの更新[[九産大美術館これまでの展示会>https://www...
--学科カテゴリーの付け方について、関係があるイベントでは...
(学科カテゴリーフィルターが似たような感じになってしまう+...
-芸学施設情報ページのデザインと内容まとめ用スプレッドシー...
-トップページのイベントの部分で、カテゴリーがついていると...
--cssの擬似要素を使って、リンクエリアを重ねる方法で解決
***問題・疑問点
-イベントの画像サイズが異なる場合の処理方法
-トップページのイベントの部分で、カテゴリーがついていると...
~
~
**2025.07.18
***2Q(最終)審査
***メモ
-allではなく個別に本物のパレットみたいな感じにする
***作業
-[[作品概要更新>https://drive.google.com/file/d/1wBimH3JM...
-現状調査のアンケート結果を更新
-プロジェクトページをカテゴリーページとしてハンバーガーメ...
--category-project.phpを追加
--デザインは2年生と一緒に考える
-編集マニュアル制作
-3年生が担当している検索結果の部分の修正(ローカル)
-検索結果のコードをローカルから移動
--CSSの調整が必要
-プロジェクトページのデザイン案(2案制作)
-タブレットとPC表示用のCSS調整
--元は950pxからイベントの部分を2列表示にしていたが、タブ...
-プロジェクトページのコーディング
-eventページのカテゴリーページ名を変更
--親カテゴリーeventを追加しより簡単なコードに変更
-各カテゴリーページに年別のフィルター設定を追加
***問題・疑問点
-プラグインPublishPress Futureがうまく動作していなかった
--08.19解決済み(BASIC認証の影響)
-topページのイベントの部分にカテゴリーがついていると枠全...
-今月のイベントではなく直近のイベントはどうか
~
~
**2025.07.11
***2Q(最終)審査
-タイトルの説明を入れる(作品概要・発表)
***作業
-アンケート依頼のA4ポスターの掲載終了
-イベントアーカイブの凹凸表現を追加(前回の1をpadding調整...
-[[マニュアル項目整理>https://docs.google.com/document/d/...
-レスポンシブ対応の各投稿サムネイルの大きさを指定
--max-width,margin
-作品概要修正
-3年生が担当している検索結果の部分の修正(ローカル)
-全学科のカテゴリーがつくときは芸術学部(#ALL)を選択する...
--#ALLだけ表示されるとせっかくのパレットに複数の色が集ま...
***問題・疑問点
%%-#ALLの背景色(プロジェクトページのカテゴリー表示)%%
%%--[[九産大芸学HP>https://www.kyusan-u.ac.jp/kyugei/]]は...
~
~
**2025.07.04
***2Q(最終)審査
-ハンバーガーメニュー内の項目を増やしてもいい
--外部リンクはまとめておく
-情報の優先順位と場所
--募集フォームの画像募集と展示会情報募集の順番
-目的達成のための説明を増やすと良い(コンセプト強化)
***作業
-ハンバーガーメニュー内の項目入れかえ
-topイベント部分のカスタムフィールド表示項目を会期と会場...
-topイベント部分のカスタムフィールド項目の位置調整
-topイベント部分にも学科のカテゴリーが表示されるように変更
--これに伴い、パレットのような見た目にするために使用して...
-topイベント部分のパソコン表示時のmarginを調整
-概要集修正
***問題・疑問点
-イベントアーカイブページだけ画像にニューモーフィズムがな...
1.
.event-archive-thumbnail img {
padding: 15px;
box-shadow: 3px 3px 7px 0 #E1E0DB, -3px -3px 7px 0 #F...
}
2.
.event-archive-thumbnail {
padding: 20px;
box-shadow: 3px 3px 7px 0 #E1E0DB, -3px -3px 7px 0 #F...
}
.event-archive-thumbnail img {
padding: 10px;
box-shadow: inset 3px 3px 7px 0 #E1E0DB, inset -3px -...
}
~
~
**2025.06.27
***作品概要
[[作品概要Googleドライブ(1.2 MB)>https://drive.google.com...
***メモ
-作品概要の白背景の画像は枠で囲む
***作業
-カテゴリーページで記事押してもリンク先に飛ばなくなってい...
--category.phpにjavascriptのコードを追加
-学科カテゴリーを九芸WORKSと同じ順番に変更
-コンテンツ整理
-newsの部分の学外以外の記事分類のところもカテゴリーに変更
--編集する際にわかりやすいようにnewsの子カテゴリーにして...
-topイベントのカスタムフィールドを呼び出している部分の行...
-プラグインを追加(Advanced Custom Fields)
--合わせて投稿ページの部分のカスタムフィールドに書き込み...
--入力がない場合は表示しないように変更
***問題・疑問点
-topのイベント部分にはお知らせと同じような感じで学科のカ...
-topのイベントの情報はどこまでの情報を表に出すか
-pc表示の時の画像が大きすぎる(サムネのサイズによって調整...
~
~
**2025.06.20
***メモ
-ページネーション用のphpを作る
***作業
-アンケート依頼ポスターの掲示(10箇所)
-お知らせアーカイブとイベントアーカイブをアーカイブテンプ...
-芸術学部ニュースから2件記事を追加
-投稿ページの画像と動画に対しての空白設定
-newsのタグに受賞を追加し、php,cssを変更
-topのイベントの部分で呼び出しているカスタムフィールドの...
-概要集のアンケートの部分を更新
***問題・疑問点
-カテゴリーページで記事押してもリンク先に飛ばなくなっている
-%%投稿ページのカスタムフィールドの表示場所はサムネイルの...
~
~
**2025.06.13
***メモ
-作品概要(前期分)作成が必要
-学科サイトに載せるアンケートご協力のお願いとA4書類の準備
***作業
-アンケート依頼のA4用紙の調整、印刷
&image(survey-request-02b.jpg,,50%);
-作品概要の制作
-カテゴリーページの設定
--全てのカテゴリーページとお知らせアーカイブとイベントア...
-footerの調整
***問題・疑問点
-topページはお知らせ→イベントの順だが、メニューはイベント...
-カテゴリーページの設定は変更後のもので良いか
~
~
**2025.06.06
***メモ
-footerの調整(間隔と色)
-ロゴデータはアウトライン化したものをsvg化がいい
-[[footerの位置>https://shopeyes.jp/media-blog/00001078/]]
-サムネのサイズ制限(検索(共有時のサムネイル 規定))
-タグと年別の部分はテーマファイルエディターで
--タグは多くなるため、学科と年別でいいのでは
--ホバーorクリックで表示 または 全て表に出す
***必ずすること
-アンケート協力のA4書類制作
***作業
-リンクページの調整
-検索結果が見つからなかった時の画面
-投稿ページにカテゴリー・タグと日付が見えるようにお知らせ...
-アンケートご協力のお願いのa4書類作成
***問題点
-footerがposition: stickyでうまく固定できない
-カテゴリーページのページネーションが2ページ目に行くとき...
-プロトタイプのリンクを載せるのであれば、デザイン面もアン...
~
~
**2025.05.23
***中間発表
***メモ
-K*RISEとは
***作業
-ページネーションの設定(お知らせページも)
-タグページ・カテゴリーページの空白部分の解決
-カテゴリーページの抜粋部分を削除し、タイトルとサムネ(あ...
***聞くこと
-K*RISEとの差はどのような部分があるのか
-%%topのニュースのカテゴリーアイコンを押しても全ての記事...
-カテゴリーページの表示内容はサムネがあった方がいいのか
--お知らせの部分のタイトルと投稿日のみ表示の方がいい?
-フォームへの協力
~
~
**2025.05.16
***中間プレゼン
-情報を掲載するためのフロー設計
-リンク設定範囲が大きい方が押しやすくなる
-パレットの意味
--九州産業大学の芸術学部に関わる人が、白いパレット(Webサ...
***作業
-リンク反応範囲設定
-function.phpで$retHtmlと$outputが混合していたので$output...
-ページネーションの設定
~
~
**2025.05.09
***メモ
-リッカート形式部分の言葉の統一性
-自由記述項目の追加
-大きい項目部分に説明文追加
***作業
-アンケート項目見直し
-ロゴ仮置き
-3年生にローカル環境の説明
//***次聞くこと
~
~
**2025.05.02
***メモ
-ロゴを実際に配置してみて、固定表示をするかしないかを決定...
~
***作業
-外部リンクのアイコンの大きさ設定
-ハンバーガーメニュー内の文字の大きさ調整
-以前書いていたが必要なくなったコードの削除
-先行事例リンク等[[まとめスプレッドシート>https://docs.go...
-NEWSの部分の学科タグをカテゴリーに変更
-topページのショートコードを学内・学外で設定できるように...
-アンケート作成
~
***聞くこと
-カテゴリー・タグページに空白が入る部分の調整方法
-募集画像のサイズはどのくらいがいいのか
-リンクのページはメニューで設定したほうがいいか
-[[アンケート>https://forms.office.com/r/hFSGcMJKjZ]]の項...
~
~
**2025.04.25
***変更
-展示会→イベント(ワークショップ形式や販売の開催も掲載で...
***メモ
-WordPressの検索結果の部分を変えると変わる(子テーマ必要)
***作業
-menu-main, menu-footerの外部サイトリンク横のアイコン追加...
-topページの見出し部分のmargin-topを14pxに
-topページのEXHIBITION展示会をEVENTイベントに変更
-ロゴ仮制作
-チーム会議をし現状共有
***05.02で聞きたいこと
-九芸WORKSのロゴのAiデータがあるか
-背景目的等概要の部分の問題はないか
-ロゴの部分は固定の方がいいか(九芸WORKSは固定していない)
-タグ、年別の部分はどのように表示するか(システム的に)
-
~
~
**2025.04.18
***決定
&image(0411-1.jpg,,50%);
-右の案でベース作成
-学科のタグの色は九芸WORKSの使用色に変更
~
***作業
-[[予定表>https://docs.google.com/spreadsheets/d/1CKzudgI...
-[[todoリスト>https://docs.google.com/spreadsheets/d/1b-g...
-デザイン
--figmaでtopページ以外のデザイン(色・フォント・シャドウ...
-コーディング
--figmaでデザインしている色とシャドウの反映
-チーム
--現在の状況をチームの人に共有する資料を作成
~
***次回聞きたいこと
-検索結果の画面について
-外部リンクのものにのみ後ろにマークをつける方法
~
~
**2025.04.11
***テーマ決定
-芸術学部生に寄り添ったWebサイト[[『九芸パレット』>Projec...
--情報収集の動線設計
--芸術学部生が必要とする情報は何なのか
--今後更新がしやすいフォーマット作り
--展示会・イベント・公募(・プロジェクト)を中心としたWeb...
~
***テーマ案
-芸術学部生に寄り添ったWebサイト『九芸パレット』制作(プ...
-流れる時間を体感するWebサイト
-目線誘導を活用した体験型Webサイト
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
-情報の分散
--[[大学HP 芸術学部ニュース>https://www.kyusan-u.ac.jp/fa...
--[[九芸>https://www.kyusan-u.ac.jp/kyugei/]]
--[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp]]
--[[アートスペース>https://vision.ip.kyusan-u.ac.jp/artsp...
--[[九州産業大学美術館>https://www.kyusan-u.ac.jp/ksumuse...
--[[九産大Instagram>https://www.instagram.com/kyushusangy...
--[[九芸Instagram>https://www.instagram.com/kyugei_offici...
--[[九芸卒展Insragram>https://www.instagram.com/kyugeisot...
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
在学生向けのページ
-[[九州大学芸術工学部・大学院芸術工学府・大学院芸術工学研...
-[[九州大学芸術工学部 未来構想デザインコース 在学生向け>h...
-[[京都芸術大学 在学生の方へ>https://www.kyoto-art.ac.jp/...
-[[武蔵野芸術大学 在学生の方へ>https://www.musabi.ac.jp/c...
~
***作業
-学科サイト概要の部分を記載
-現状調査・先行事例を記載
-デザインのフォント・色・シャドウの調整(九芸WORKSに寄せる)
&image(0411-1.jpg,,50%);&image(0411-2.jpg,,50%);
~
~
~
ページ名: