• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 季卓芸/WorkLog へ行く。
  • 1 (2021-04-16 (金) 10:50:41)
  • 2 (2021-04-16 (金) 10:51:12)
  • 3 (2021-04-17 (土) 16:20:23)
  • 4 (2021-04-19 (月) 17:07:36)
  • 5 (2021-04-19 (月) 17:09:11)
  • 6 (2021-04-20 (火) 12:03:45)
  • 7 (2021-04-23 (金) 16:26:54)
  • 8 (2021-04-26 (月) 15:59:57)
  • 9 (2021-04-27 (火) 12:01:06)
  • 10 (2021-04-27 (火) 18:01:35)
  • 11 (2021-05-06 (木) 22:55:34)
  • 12 (2021-05-07 (金) 14:05:34)
  • 13 (2021-05-07 (金) 15:57:54)
  • 14 (2021-05-11 (火) 00:43:15)
  • 15 (2021-05-11 (火) 11:54:47)
  • 16 (2021-05-13 (木) 23:51:09)
  • 17 (2021-05-18 (火) 12:52:16)
  • 18 (2021-05-18 (火) 17:50:24)
  • 19 (2021-05-20 (木) 00:59:30)
  • 20 (2021-05-20 (木) 17:14:36)
  • 21 (2021-05-21 (金) 11:37:21)
  • 22 (2021-05-24 (月) 15:14:58)
  • 23 (2021-05-25 (火) 19:16:32)
  • 24 (2021-05-27 (木) 21:54:58)
  • 25 (2021-05-27 (木) 22:17:56)
  • 26 (2021-05-28 (金) 12:13:53)
  • 27 (2021-05-30 (日) 14:23:52)
  • 28 (2021-06-01 (火) 16:12:09)
  • 29 (2021-06-03 (木) 19:00:56)
  • 30 (2021-06-03 (木) 20:49:51)
  • 31 (2021-06-04 (金) 11:12:40)
  • 32 (2021-06-04 (金) 23:20:11)
  • 33 (2021-06-05 (土) 02:19:46)
  • 34 (2021-06-07 (月) 21:47:35)
  • 35 (2021-06-10 (木) 23:21:15)
  • 36 (2021-06-11 (金) 11:24:53)
  • 37 (2021-06-11 (金) 16:17:48)
  • 38 (2021-06-17 (木) 21:34:22)
  • 39 (2021-06-18 (金) 11:14:21)
  • 40 (2021-07-01 (木) 22:20:17)
  • 41 (2021-07-06 (火) 12:43:32)
  • 42 (2021-07-09 (金) 10:40:00)
  • 43 (2021-07-09 (金) 11:36:47)
  • 44 (2021-07-16 (金) 00:58:57)
  • 45 (2021-07-16 (金) 01:17:00)
  • 46 (2021-07-16 (金) 01:17:00)
  • 47 (2021-08-03 (火) 16:01:42)
  • 48 (2021-08-03 (火) 16:07:02)
  • 49 (2021-08-19 (木) 14:56:16)
  • 50 (2021-08-24 (火) 22:20:03)
  • 51 (2021-09-08 (水) 18:54:52)
  • 52 (2021-09-23 (木) 16:40:23)
  • 53 (2021-10-01 (金) 03:37:15)
  • 54 (2021-10-04 (月) 23:29:33)
  • 55 (2021-10-05 (火) 00:48:18)
  • 56 (2021-10-08 (金) 01:38:32)
  • 57 (2021-10-08 (金) 11:31:06)
  • 58 (2021-10-10 (日) 16:54:26)
  • 59 (2021-10-17 (日) 15:54:55)
  • 60 (2021-10-17 (日) 22:45:16)
  • 61 (2021-10-18 (月) 17:04:56)
  • 62 (2021-10-22 (金) 02:29:44)
  • 63 (2021-10-22 (金) 12:19:22)
  • 64 (2021-10-28 (木) 16:58:20)
  • 65 (2021-11-04 (木) 23:55:03)
  • 66 (2021-11-12 (金) 02:25:20)
  • 67 (2021-11-12 (金) 02:25:20)
  • 68 (2021-11-26 (金) 10:32:17)
  • 69 (2021-11-30 (火) 14:54:02)
  • 70 (2021-12-02 (木) 23:46:35)
  • 71 (2021-12-03 (金) 11:21:16)
  • 72 (2021-12-07 (火) 02:02:24)
  • 73 (2021-12-09 (木) 23:54:19)
  • 74 (2021-12-17 (金) 01:43:14)
  • 75 (2021-12-17 (金) 02:17:16)
  • 76 (2021-12-17 (金) 12:13:34)

---

季卓芸

研究経過報告

CONTENTS

2021.06.04~06.11

1.LOGO

2.アンケート

3.卒研プレゼン

• 予備審査の発表は 30分 〜 45分

季卓芸/予備審査プレゼン?

更新ウェブサイトlogoと「BeijingChangyangPark」比例で拡大すると縮小自動的に変更します。

天気予報が調整します。

4.更新ウェブサイトlogoと背景色と天気予報場所とlogo、メニュー位置

Ver.3

本の感じでページを動かします。

• インターフェイスに「ページめくり」のプラグインを追加しました。
  9-https://ki0722.github.io/BeijingChangyangPark9/
  
  
  
  

Ver.2

4-https://ki0722.github.io/BeijingChangyangPark4/
"参考：
ButtonAnimation

ハンバーガーアイコンをCSSでアニメーションさせています。"
DEMO：-https://koichi-inoue.github.io/Navi-ButtonAnimation/
CODE：-https://github.com/koichi-inoue/Navi-ButtonAnimation

Ver.1

-メニューの機能強化と天気予報のプラグインを追加しました。。

10-https://ki0722.github.io/BeijingChangyangPark10/

参考天気予報

• https://blog.csdn.net/qq_39019822/article/details/85248755
• https://www.tianqi.com/plugin/
  
  

参考色CSS

• https://color.uisdc.com/
  
  
  "参考MENU："
  2-https://ki0722.github.io/BeijingChangyangPark2/
  
  
  
  

2021.05.29~6.4

1. アンケート

このアンケートを公園来場者100人を目標に6月末までに実施。

2.ウェブサイト

新しいウェブサイト Ver.4

Home page

• https://ki0722.github.io/BeijingChangyangPark11home/
  
  
  page
• 質問1
  上の空白が多すぎます
  
  
• 質問2
  ページ比例で拡大する ことができますが、ページ比例で縮小できません。
  
  
  
  
  "参考"
• https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/ModalWindow
• https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider
• https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebGL_Ripples
• https://www.museum-kawakyu.jp/
  
  
  
  
  更新

更新ウェブサイト Ver.3

本の感じでページを動かします。

• インターフェイスに「ページめくり」のプラグインを追加しました。
  ホームページと"更新Spring page　と Winter page"
  9-https://ki0722.github.io/BeijingChangyangPark9/
  
  
  問題
  Webページに動画リンクのhtmlを書く方法 です。
• https://v.douyin.com/euU5qfW/

  -<embed src=" https://v.douyin.com/euU5qfW/ " rel="external nofollow"  width="480" height="400" type="application/x-shockwave-flash"> </embed>

作品説明

• 1.電子時代では、紙の本を読む人が少ないので、本の質感を作りたいです。
• 2.本は重いですが、本を覗き込んでいるような感覚があります。
• 3.ケースの簡単な紹介を持っているような気がします、ウェブページはリアルタイムで更新することができます。
  4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような感覚を与えます。
  
  
  
  

ウェブサイト Ver.2

• ホームページ：写真の spring、summer などの文字から それぞれのページへリンクしています。
• その他のページ：通常のメニュー動作です。
• ページの演出
  • spring：チューリップ花
  • summer：雨とハスの花
  • autumn：葉
  • winter：雪の花
    
    
    4-https://ki0722.github.io/BeijingChangyangPark4/

作品説明

• 1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴、落ち葉、雪片。
• 2.すべての写真と情報が一目でわかります。
  
  
  
  

ウェブサイト Ver.1

-メニューの機能強化と天気予報のプラグインを追加しました。。

10-https://ki0722.github.io/BeijingChangyangPark10/


作品説明

• 1.通常のウェブページと比較して、写真は一目でより明確なウェブページに配置されます。
• 2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな効果がよりよく反映され、個人的な経験の感覚が反映されます。
  
  
  
  

2021.05.22~5.28

１.公園ホームページ作る理由（公園季節）

2. 公園をウェブページにする必要がある理由/調査：

3. アンケート

4. logoの制作（継続）

logoの説明

5. ウェブサイト Ver.3

本の感じでページを動かします。
ホームページとspringページだけでサンプルを作りました。

9-https://ki0722.github.io/BeijingChangyangPark9/

作品説明

• 1.電子時代では、紙の本を読む人が少ないので、本の質感を作りたいです。
• 2.本は重いですが、本を覗き込んでいるような感覚があります。
• 3.ケースの簡単な紹介を持っているような気がします、ウェブページはリアルタイムで更新することができます。
  4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような感覚を与えます。
  
  
  
  

6. 更新ウェブサイト Ver.2

springチューリップ花、summer雨とハスの花、autumn葉、 winter雪の花全面的に落ちる。

4-https://ki0722.github.io/BeijingChangyangPark4/

• ホームページ：写真の　spring、summerなどをクリックしてspringページになります。
• 他のページはメニューが普通メニューです。
  
  
  作品説明
• 1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴、落ち葉、雪片。
• 2.すべての写真と情報が一目でわかります。
  
  
  
  

7.ウェブサイト Ver.1

メニューの機能と天気予報を増えています.
下部分で写真もメニューの機能です。

10-https://ki0722.github.io/BeijingChangyangPark10/

8-https://ki0722.github.io/BeijingChangyangPark8/


作品説明

• 1.通常のウェブページと比較して、写真は一目でより明確なウェブページに配置されます。
• 2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな効果がよりよく反映され、個人的な経験の感覚が反映されます。
  
  

8. 作品説明

2021.05.14~5.21

1. logoの制作（継続）

参考：https://participation.tokyo2020.jp/jp/data/subbrand-usage-guidelines.pdf

2. 研究報告作っています。

3. 新しいホームページを作ります。

メニューとページ動きを組み合わせる表現します。

• https://ki0722.github.io/6-JQ_TurnJS-main/
  
  
  
  
  homeとspring（写真自動的動きます）だけです。
  7-https://ki0722.github.io/BeijingChangyangPark7/
  
  

下部分で写真もメニューの機能です。

8-https://ki0722.github.io/BeijingChangyangPark8/


問題

      <div class="BOX">
           <a href="spring_07.html">
             <img src="images/spring/spring_07.jpg">
           </a>
         </div>

この部分は消したいですが、消したら、aside部分白くなります。

更新。
ホームページ、spring、autumn葉全面的落ちる、 winter雪の花全面的に落ちる。
ホームページ：写真の　spring、summerなどをクリックしてspringページになります。

他のページはメニューが普通メニューです。

4-https://ki0722.github.io/BeijingChangyangPark4/

2021.05.07~5.13

logoを作って、ページめくりホームページ。

NavigationDesign

• https://design.kyusan-u.ac.jp/OpenSquareJP/?NavigationDesign
• https://koichi-inoue.github.io/Navi-ToggleBasic2/#
• https://koichi-inoue.github.io/Navi-Drawer/#
  
  

レスポンシブデザイン

• https://design.kyusan-u.ac.jp/OpenSquareJP/?ResponsiveDesign
• https://formstone.it/components/navigation/demo/#
  
  

MaterialDesign

https://design.kyusan-u.ac.jp/OpenSquareJP/?MaterialDesign

薄い本の感じです。

2) 写真集の「ページめくり」を進化させたWeb特有のトランジション

• https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/pc.html#/page/10
  eg：
• https://www.17sucai.com/pins/demo-show?id=8502（重要）

• https://www.17sucai.com/pins/tag/1006.html
• https://www.17sucai.com/pins/demo-show?id=7294

• https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E6%BC%94%E7%BF%92/2021/0427
• http://www.turnjs.com/

2021.04.23

情報デザイン研究II

• https://p5js.org/examples/dom-input-and-button.html
• https://p5js.org/examples/drawing-continous-lines.html
• https://p5js.org/examples/objects-objects-2.html
• https://p5js.org/examples/input-mouse-2d.html
• https://p5js.org/examples/input-clock.html
• https://p5js.org/examples/input-easing.html
  
  
• https://design.kyusan-u.ac.jp/SampleSite/p5js_animation3/
• http://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/UI_Draggable
  
  

tianqi

• https://blog.csdn.net/qq_39019822/article/details/85248755
• https://www.tianqi.com/plugin/
  
  
  サンプルの例：
• https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider
• 2https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/OKZoom
• 3https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Tubular
• 4https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Parallax
  
  

薄い本の感じです。

2) 写真集の「ページめくり」を進化させたWeb特有のトランジション

• https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/pc.html#/page/10
  
  
  
  
  

2021.04.16

いくつかの作品の構想を多く設計します。

全部

• https://www.ikesai.com/cat/travel/
  
  

1

• https://nisekohakuunso.com/ja/
• https://hoshinoya.com
• https://studio-has.jp
  
  

2

• https://www.museum-kawakyu.jp
  
  

3

• http://robinmastromarino.com
  
  
  
  
  

4

• https://www.utopiaagriculture.com
• https://www.m-chemical.co.jp/saiyo/
• https://quoitworks.com
  
  

5

• https://www.aircord.co.jp/careers
• https://www.m-trust.co.jp　さくら動き感じ
• https://scramble-stadium.tokyo　公園