山口佳奈/情報デザイン研究II をテンプレートにして作成

開始行:
*情報デザイン研究II ~ 本文はコメントアウトしています。 //*Revised Campus Map //学内マップに載っていない場所を紹介するサイト //#image(山口佳奈/情報デザイン演習IIA/main.jpg,center,100%) //host：sv1.php.starfree.ne.jp //username：synthesis.starfree.jp //mamp：http://localhost:8888/ //mamp：http://localhost:80/ //~ //-''山口 佳奈'' //-'''Keywords：WebDesign(HTML,CSS,PukiWiki) / Atom ''' //-[[制作物>https://editor.p5js.org/pusachichanconabe/pre... //http://synthesis.starfree.jp/revisedmap //-[[過去の進捗報告>山口佳奈/情報デザイン研究I]] //~ //**Overview //~ //***Introduction //&color(red){これは何か？ 簡潔に}; //学内マップに載っていない大学の施設等を紹介するWebサイト。 //~ //***Background and Purpose //自分が学校生活を過ごす中で、九州産業大学のマップには載... //~ //&color(red){プロジェクトの背景と目的}; //-九州産業大学の施設を紹介する。 //-九州産業大学学生の情報共有の場を構築する。 //~ //***Survey //[[【KSU】九州産業大学>https://apps.apple.com/jp/app/ksu... //九州産業大学が提供する公式のスマートフォンアプリ。九州... //公式アプリとRevised Campus Mapは機能が異なるため棲み分... ~ //***Concept //学内の施設を有効活用できていないと感じる人も学内のこと... //~ //***Target //&color(red){誰のために}; //-九州産業大学の学生 //-外部の人 //~ //~ //***Output //&color(red){成果物の形式・サイズ}; //#iframe(https://editor.p5js.org/pusachichanconabe/prese... //[[Revised Campus Map>https://editor.p5js.org/pusachicha... //~ //~ //***Member //&color(red){共同プロジェクトの場合は、メンバーと作業分... //~ //***Tools //&color(red){使用する機材・ソフトウエア}; //-Atom //-FileZilla //-PukiWiki //~ //***Term //&color(red){プロジェクトの期間}; //9月~12月 //~ //~ //調査 //-先行事例 / 類似作品の紹介 //（h3） //-先行事例 / 類似作品の傾向 //（h3） //~ //**CurrentStatus //''サイト全体'' //使い、マップページはオンラインエディタである[[Glitch>ht... //施設の情報は変化するためRevised Campus Mapでは、ブラウ... //~ //''トップページ'' //一番最初に表示されるページ。このサイトの簡単な説明と、... //~ //''施設紹介ページ'' //や大学関連のWebページのリンクなど //学内の施設の情報を掲載。各ページにコメント欄を設けるこ... //~ //''マップページ'' //主に屋外にある施設を紹介。施設の位置情報とその施設を紹... //~ //~ //**Summary //予定していた機能は概ね実装したが、マップページや施設紹... //~ //~ //~ //**Project Management //***Schedule //&color(red){計画的な遂行のために、進行管理表を作成して... //~ //***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //-サイト全体のデザイン //-マップページのブラッシュアップ //-施設情報の更新 //~ //~ //~ //#hr //CENTER:''worklog'' //&color(red){最新の情報を一番上に記載して下さい（古い記... //#hr //~ //~ //最新 //**2020.12.16 //***施設紹介ページ //-ページ追加 //-施設情報の追加 //~ //**2020.12.01 //***施設紹介ページのデザイン //-メニューを追加 //--レスポンシブに対応させる //~ //**2020.11.24 //***マップページについて //マップページも内容を変更できるように、マップページは共... //~ //~ //**2020.11.17 //***施設紹介ページのデザイン //-footer/articleのデザイン変更 //-SideBar削除 //~ //***検索ボックス //-[[フォームにカーソルを合わせるとカテゴリ選択アイコンが... //-[[Font Awesome 5 / Animating Icons>https://www.webdesi... //~ //~ //**2020.11.11 //-[[フルスクリーンナビゲーション>https://webdesignday.jp... //-[[フルスクリーンナビゲーションサンプル>https://webdesi... //-[[タブ切り替えを実装>https://techacademy.jp/magazine/4... //-[[切り替えで表示が変わる>https://www.google.com/search... //~ //~ //**2020.11.10 //***マップページ //-[[iframe>https://detail.chiebukuro.yahoo.co.jp/qa/ques... //-[[ポイント時に画像を切りかえる>https://www.tagindex.co... //-[[マップページ編集>https://glitch.com/edit/#!/join/e44... //~ //~ //**2020.11.09 //***コメント機能 //-[[PHPとAjaxでいいねボタン>https://qiita.com/kanasann11... //-[[「名無しさん」を実現する>http://ugokay01.wpblog.jp/c... //~ //***PukiWikiパスワード //-[[編集制限>https://pukiwiki.osdn.jp/?Q%EF%BC%86A/%E9%8... //-[[ファイル添付時のパスワード認証>https://pukiwiki.osdn... //-[[XSS脆弱性対策>https://wikiwiki.jp/wikisa-bisu/XSS%E8... //-[[サニタイジング>https://cybersecurity-jp.com/security... //-[[サニタイジングサンプル>https://www.javadrive.jp/php/... //~ //~ //**2020.11.04 //***トップページ //PukiWikiを使っていないトップページは編集不可であるため... //-トップに載せる情報 //--メインビジュアル　 //--サイトの説明 //--マップ/施設紹介ページへのリンク //~ //***参考 //-[[サイトデザイン>https://muuuuu.org/]] //-[[サブ項目>https://sekainoowari.jp/info/]] //-[[メニューとサイト下>https://www.kinran.ac.jp/cheer/le... //-[[ダークモード>https://www.webcreatorbox.com/tech/dark... //~ //~ //**2020.11.03 //***施設紹介ページの追加 //~ //***参考 //-[[SVG透明度>https://developer.mozilla.org/ja/docs/Web/... //-[[背景画像の表示位置を指定する>https://gray-code.com/h... //-[[img { width: 100%; }>https://allabout.co.jp/gm/gc/40... //-[[ランダムで異なる背景色・背景画像>https://since-inc.j... //~ //~ //**2020.10.28 //***参考 //-[[BackgroundCheck>https://coliss.com/articles/build-we... //-[[背景の明度を自動的に判別し要素の色を最適化>https://c... //~ //~ //**2020.10.27 //***リンク集 //九州産業大学に関連するサイトをまとめたページを作成 //メニューから飛べるようにする //参考: https://125naroom.com/web/3028 //参考: https://getbootstrap.jp/docs/4.3/examples/ //~ //***編集ガイド //新規ページの作り方、コメントやページの編集のやり方を記... //~ //~ //**2020.10.20 //***ドロップダウンメニュー //[[HTMLで多階層メニューを作る>https://techacademy.jp/mag... //[[CSSだけでドロップダウンメニュー>https://www.webdlab.c... //~ //***記事の表示 //[[Card全体をリンクにする>https://qiita.com/s10aim_tana/... //~ //~ //**2020.10.13 //***トップページ試作 //https://editor.p5js.org/pusachichanconabe/present/XRilz... //~ //***トップページの記事一覧 //-トップページに最新記事をサムネイル付きで載せる //参考：[[PHPでブログの最新記事を自動取得する際に画像も取... //-pukiwikiで実装できるか //参考：[[淡水魚図鑑>https://aqwiki.net/index.php?%E6%B7%... //　　　[[ホームページのつくり方>https://web.syumichuu.co... //~ //~ //**2020.10.07 //***Survey //このページ（山口佳奈/情報デザイン研究II）にSurveyの項目... //~ //~ //~ //**2020.10.06 //***SVGアニメーション試作 //https://editor.p5js.org/pusachichanconabe/present/ZNtbD... //SVGを使った、フェードアウトするアニメーション //~ //参考 //-[[LoadingAnimation>https://www.webcreatorbox.com/tech/... //-[[SVGAnimation>https://techblog.raccoon.ne.jp/archives... //~ //~ //**2020.09.29 //***サイトの構成 //一番最初に表示されるページをマップページにするのではな... //トップページのレイアウト試作 //トップページにサイトの概要やサイト内の情報をまとめて分... //参考: https://bagelee.com/ //~ //***Pukiwikiプラグインの導入 //-[[コメントプラグイン>https://www.kyusan-u.ac.jp/guide/... //-[[タグプラグイン>http://pukiwiki.sonots.com/?Manual%2F... //~ //***SVGアニメーション //-[[アニメーションライブラリ>https://www.nxworld.net/ser... //-[[HTMLスニペット>http://photoshopvip.net/113215]] //~ //~ //**2020.09.23 //***マップページの調整 //-[[クリッカブルなSVG>https://sezaki-design.com/blog/236... //-[[SVGアニメーション>https://designsupply-web.com/media... //~ //***Pukiwiki //http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Memo

終了行:
*情報デザイン研究II ~ 本文はコメントアウトしています。 //*Revised Campus Map //学内マップに載っていない場所を紹介するサイト //#image(山口佳奈/情報デザイン演習IIA/main.jpg,center,100%) //host：sv1.php.starfree.ne.jp //username：synthesis.starfree.jp //mamp：http://localhost:8888/ //mamp：http://localhost:80/ //~ //-''山口 佳奈'' //-'''Keywords：WebDesign(HTML,CSS,PukiWiki) / Atom ''' //-[[制作物>https://editor.p5js.org/pusachichanconabe/pre... //http://synthesis.starfree.jp/revisedmap //-[[過去の進捗報告>山口佳奈/情報デザイン研究I]] //~ //**Overview //~ //***Introduction //&color(red){これは何か？ 簡潔に}; //学内マップに載っていない大学の施設等を紹介するWebサイト。 //~ //***Background and Purpose //自分が学校生活を過ごす中で、九州産業大学のマップには載... //~ //&color(red){プロジェクトの背景と目的}; //-九州産業大学の施設を紹介する。 //-九州産業大学学生の情報共有の場を構築する。 //~ //***Survey //[[【KSU】九州産業大学>https://apps.apple.com/jp/app/ksu... //九州産業大学が提供する公式のスマートフォンアプリ。九州... //公式アプリとRevised Campus Mapは機能が異なるため棲み分... ~ //***Concept //学内の施設を有効活用できていないと感じる人も学内のこと... //~ //***Target //&color(red){誰のために}; //-九州産業大学の学生 //-外部の人 //~ //~ //***Output //&color(red){成果物の形式・サイズ}; //#iframe(https://editor.p5js.org/pusachichanconabe/prese... //[[Revised Campus Map>https://editor.p5js.org/pusachicha... //~ //~ //***Member //&color(red){共同プロジェクトの場合は、メンバーと作業分... //~ //***Tools //&color(red){使用する機材・ソフトウエア}; //-Atom //-FileZilla //-PukiWiki //~ //***Term //&color(red){プロジェクトの期間}; //9月~12月 //~ //~ //調査 //-先行事例 / 類似作品の紹介 //（h3） //-先行事例 / 類似作品の傾向 //（h3） //~ //**CurrentStatus //''サイト全体'' //使い、マップページはオンラインエディタである[[Glitch>ht... //施設の情報は変化するためRevised Campus Mapでは、ブラウ... //~ //''トップページ'' //一番最初に表示されるページ。このサイトの簡単な説明と、... //~ //''施設紹介ページ'' //や大学関連のWebページのリンクなど //学内の施設の情報を掲載。各ページにコメント欄を設けるこ... //~ //''マップページ'' //主に屋外にある施設を紹介。施設の位置情報とその施設を紹... //~ //~ //**Summary //予定していた機能は概ね実装したが、マップページや施設紹... //~ //~ //~ //**Project Management //***Schedule //&color(red){計画的な遂行のために、進行管理表を作成して... //~ //***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... //-サイト全体のデザイン //-マップページのブラッシュアップ //-施設情報の更新 //~ //~ //~ //#hr //CENTER:''worklog'' //&color(red){最新の情報を一番上に記載して下さい（古い記... //#hr //~ //~ //最新 //**2020.12.16 //***施設紹介ページ //-ページ追加 //-施設情報の追加 //~ //**2020.12.01 //***施設紹介ページのデザイン //-メニューを追加 //--レスポンシブに対応させる //~ //**2020.11.24 //***マップページについて //マップページも内容を変更できるように、マップページは共... //~ //~ //**2020.11.17 //***施設紹介ページのデザイン //-footer/articleのデザイン変更 //-SideBar削除 //~ //***検索ボックス //-[[フォームにカーソルを合わせるとカテゴリ選択アイコンが... //-[[Font Awesome 5 / Animating Icons>https://www.webdesi... //~ //~ //**2020.11.11 //-[[フルスクリーンナビゲーション>https://webdesignday.jp... //-[[フルスクリーンナビゲーションサンプル>https://webdesi... //-[[タブ切り替えを実装>https://techacademy.jp/magazine/4... //-[[切り替えで表示が変わる>https://www.google.com/search... //~ //~ //**2020.11.10 //***マップページ //-[[iframe>https://detail.chiebukuro.yahoo.co.jp/qa/ques... //-[[ポイント時に画像を切りかえる>https://www.tagindex.co... //-[[マップページ編集>https://glitch.com/edit/#!/join/e44... //~ //~ //**2020.11.09 //***コメント機能 //-[[PHPとAjaxでいいねボタン>https://qiita.com/kanasann11... //-[[「名無しさん」を実現する>http://ugokay01.wpblog.jp/c... //~ //***PukiWikiパスワード //-[[編集制限>https://pukiwiki.osdn.jp/?Q%EF%BC%86A/%E9%8... //-[[ファイル添付時のパスワード認証>https://pukiwiki.osdn... //-[[XSS脆弱性対策>https://wikiwiki.jp/wikisa-bisu/XSS%E8... //-[[サニタイジング>https://cybersecurity-jp.com/security... //-[[サニタイジングサンプル>https://www.javadrive.jp/php/... //~ //~ //**2020.11.04 //***トップページ //PukiWikiを使っていないトップページは編集不可であるため... //-トップに載せる情報 //--メインビジュアル　 //--サイトの説明 //--マップ/施設紹介ページへのリンク //~ //***参考 //-[[サイトデザイン>https://muuuuu.org/]] //-[[サブ項目>https://sekainoowari.jp/info/]] //-[[メニューとサイト下>https://www.kinran.ac.jp/cheer/le... //-[[ダークモード>https://www.webcreatorbox.com/tech/dark... //~ //~ //**2020.11.03 //***施設紹介ページの追加 //~ //***参考 //-[[SVG透明度>https://developer.mozilla.org/ja/docs/Web/... //-[[背景画像の表示位置を指定する>https://gray-code.com/h... //-[[img { width: 100%; }>https://allabout.co.jp/gm/gc/40... //-[[ランダムで異なる背景色・背景画像>https://since-inc.j... //~ //~ //**2020.10.28 //***参考 //-[[BackgroundCheck>https://coliss.com/articles/build-we... //-[[背景の明度を自動的に判別し要素の色を最適化>https://c... //~ //~ //**2020.10.27 //***リンク集 //九州産業大学に関連するサイトをまとめたページを作成 //メニューから飛べるようにする //参考: https://125naroom.com/web/3028 //参考: https://getbootstrap.jp/docs/4.3/examples/ //~ //***編集ガイド //新規ページの作り方、コメントやページの編集のやり方を記... //~ //~ //**2020.10.20 //***ドロップダウンメニュー //[[HTMLで多階層メニューを作る>https://techacademy.jp/mag... //[[CSSだけでドロップダウンメニュー>https://www.webdlab.c... //~ //***記事の表示 //[[Card全体をリンクにする>https://qiita.com/s10aim_tana/... //~ //~ //**2020.10.13 //***トップページ試作 //https://editor.p5js.org/pusachichanconabe/present/XRilz... //~ //***トップページの記事一覧 //-トップページに最新記事をサムネイル付きで載せる //参考：[[PHPでブログの最新記事を自動取得する際に画像も取... //-pukiwikiで実装できるか //参考：[[淡水魚図鑑>https://aqwiki.net/index.php?%E6%B7%... //　　　[[ホームページのつくり方>https://web.syumichuu.co... //~ //~ //**2020.10.07 //***Survey //このページ（山口佳奈/情報デザイン研究II）にSurveyの項目... //~ //~ //~ //**2020.10.06 //***SVGアニメーション試作 //https://editor.p5js.org/pusachichanconabe/present/ZNtbD... //SVGを使った、フェードアウトするアニメーション //~ //参考 //-[[LoadingAnimation>https://www.webcreatorbox.com/tech/... //-[[SVGAnimation>https://techblog.raccoon.ne.jp/archives... //~ //~ //**2020.09.29 //***サイトの構成 //一番最初に表示されるページをマップページにするのではな... //トップページのレイアウト試作 //トップページにサイトの概要やサイト内の情報をまとめて分... //参考: https://bagelee.com/ //~ //***Pukiwikiプラグインの導入 //-[[コメントプラグイン>https://www.kyusan-u.ac.jp/guide/... //-[[タグプラグイン>http://pukiwiki.sonots.com/?Manual%2F... //~ //***SVGアニメーション //-[[アニメーションライブラリ>https://www.nxworld.net/ser... //-[[HTMLスニペット>http://photoshopvip.net/113215]] //~ //~ //**2020.09.23 //***マップページの調整 //-[[クリッカブルなSVG>https://sezaki-design.com/blog/236... //-[[SVGアニメーション>https://designsupply-web.com/media... //~ //***Pukiwiki //http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Memo

ページ名: