2020 ソフトウェア設計及び演習用の班Wiki

gr::12::掲示板

archive mode

!!!!活動記録（掲示板）
　ここは各々の活動でみんなに伝えたいことを書いていく掲示板です。
　一人で作業していて、考えたこと、感じたこと、実装できたことなどを自由に書いていきましょう。みんなで集まった時に話し合いやすくなると思うし、個人で作業する際に何をやるのか明確になると思います。

!!6/5(葛城玲弥)
*とりあえず、「戻るボタン」を実装してみました。農学と中央には実装してあります。理工学部に実装する際に、マップ用のjsとボタン用のjsで衝突が起きるので、ここはみんなで集まった時に話します。
*農学部と中央のhtmlを作成しました（簡易的なものなので後で修正します)。とりあえず、git pullしてください。戻るボタンがどのような感じなのか確認できます。

!!6/12(葛城玲弥)
*「光る」という動作の部分を少しいじりました。（style.cssを原型として、新たにstyleLight.cssを追加）styleLight.cssは光るという動作をさせるcssです。
*エンターキーを押したら「光る」という動作にしたほうが中間発表的には楽だと感じたので、中間発表で紹介する用にlight.jsを追加しました。各自git pullをすることで実際に試せます。jsでcssを動かすことができそうなので、検索関数によって返さえた値を光る関数の引数にして、cssを遷移させれば、「検索されたら光る」は再現できそうだと私は考えてます（実際はわかりません)
*上記にある「光る」という動作ですが、止め方はまだ完成していません（笑）
!ここから先は少し考えたことを明記します。
　おそらく、htmlの遷移もjsでできると思いました。今、たくさんのhtmlを用意していますが、jsで画像のみを入れ替えるというのも可能である気がします。いままで通り、htmlを増やすか、jsでコントールするか、というのを相談したいです。jsにした場合ファイル数を減らすことができますが、いろいろとプログラムを変更する必要があるので、あまりおすすめはできないように感じています。
　まだ、よくわかってないので適当なことは言えませんが、jsでhtmlを動かすことで、これから実装する部分がやりやすくなる可能性もあると思っています。時間があるときに少し調べてやってみようと思うので、中間発表後の「ソフトウェア設計」の時間までに実装可能であるか挑戦してみます。
!他のみなさんも何かあったら、この掲示板にコメントしてください。意見でも進捗状況でもなんでもいいです。個人活動をする際に、ここを見てから作業するので。

!!6/13(葛城玲弥)
*ついにjsでcssを切り替えることに成功しました。
*使い方は、search の欄で「２」を入力すると光って、その他のキーを押すと元に戻ります。
*この方法でやると他の欄も簡単に光らせることができそうです。
*試しに「農学エリア」と「中央エリア」にも反映させておきます。

!!6/14(葛城玲弥)
*中央エリアを少しいじりました。
*中央エリアでマップができているところは、マウスが来たら色が変わるようになっています。
*まだ、検索されたら光る機能は実装できていません。

!!6/19(葛城玲弥)
*main画面を大幅に変更しました。
**画像のみウィンドウサイズに伴って変わるようにできた。
**スクロールでメニューバー表示（メニューバーを入れた理由は使い方の説明ページがあったほうがいいかなと思ったから。いらないなら消します。）
*まだ本番用にできるレベルじゃないので、見たい人のために私の作業用のディレクトリをgitlabにあげておきます。
*main.htmlの変更によりstyle.cssがかなり変わっています。（変えたくなかったけど変えないと、いじれなかった...)

!今後議論したいこと
*文字のサイズもウィンドウに合わせて変化させるべきか
*使い方の説明を設けるか
*私はデザインをやっているが、「マウスがのったら光る」はやらなくていいんだっけ？
*あとデザインのセンスないので、助けてください（笑）自分なりには頑張っているつもりです...

!!6/20(葛城玲弥)
*とりあえず、メイン画面(main.html）は完成しました。
**光らせてないです。
**トップ画面とマップのみウィンドウサイズに合わせて拡大縮小します。
**search（検索バー）はただ置いてあるだけです...。
**メニューバーの要素３つはクリックできますが、適当なhtmlを設定してるだけです。
*これから、理工、中央、農学のhtmlをいじっていきます。
**この３つにはトップ画面なしのシンプルなやつにしようかと思います。
**メニューバーに関してはつけるかも？
**ここのマップもウィンドウサイズに合わせて変化させるのかな？一応それをベースに作っていきますが。（メインで使ったjs使えば余裕なので）
*他の人が見ても理解できるようにコメントアウトを付けてます。それでも分からないところは聞いてください。私が理解してる範囲で教えます。
**ぶっちゃけ独学で本質的に理解はできてない。
**ただどんな感じで動いているかは説明できるような気がする。
!昨日も述べてますが、もともとあったworkには上書きしてません。私が作業している「mydir」をgit上に上げておきます。見たい人はmake_map上でgitすればいいのかな、おそらく。(gitに失敗したので、手作業でupしました。うまくできてなかったらすみません。）

!「mydir」は他の人は変更しないようにおねがいします。もしソースを使いたい場合は自分の作業用ディレクトリで変更してください。「mydir」が勝手に変更されると私が困ります。
!今後議論したいこと
*ウィンドウサイズにともなってマップのサイズを変更すると、光らせるときの座標指定が定数を使えなくなりそうな気がします。やってみないとわからないですが、もしかしたら全部に変数をいれて数学的な式にする必要があるかもです。
*「6/19の議論したいこと」も含みます。

!!6/21(葛城玲弥)
*昨日言ってたウィンドウサイズとcssのサイズ（座標指定の仕方）の関係について。
**mapの拡大縮小しているところで、比率を出しているのでそれを使えば、実装可能な気がします
**光る部分のcssを変更させる関数を作って、引数に比率を渡せばいいかな。
**これを使えば、文字とかの大きさの変更もできそう。（画像以外については話し合って決めましょう）
**あと、検索した時に少しだけ自動スクロールさせて誘導できたらいいよね。（マップがそこそこ大きいから、農学部とか光ってもわからないかも）
*javascriptで画像の差し替え自体はかなり簡単にできそうです。
**ただ、画像の入れ替えだけだと、他の動的な部分が適応しないような気がする。
**body内を変えるべきなのか。
**body内の変更をしていくのはhtmlの変更と何も変わらない気が。

!!6/25(葛城玲弥)
*とりあえず、whatPageという関数で文字列は返せることは確認済み
**引数をどうするかはあとで話しましょう
**明日にはもう少し実践的なものを考えてみます（現状は意味のない関数になってしまっているような）
*光らせる担当は通常のマウスクリックの遷移のプログラムを書きますか？
**正直、bodyをいじったり、whatPageを作るうえで一番関連性が深いところ
**もし、やらないのであれば、自分が作ろうかと思います。（すぐに作れると思ってます。明日には完成するかな）

!!6/26(葛城玲弥)
*4時間ほど作業したがほとんど進まず...
**なぜか画像の上に要素が乗せられない（相対、絶対配置はちゃんとしているはずなんだけどなあ）
**ｃｓｓの座標をウィンドウサイズに合わせようとしたが、初期値の問題があって、ウィンドウサイズを変えないとcssが適用されない。つまり、初期状態を作るべきだと感じた。もしくは、ロードした瞬間に値を取得するとか必要かな。（ロードした時に動くようにしてたつもりだった...)
*whatPage関数は引数なしで動かせるようにします
**今日はさわれなかったけど、アイデアはあるので、それを試すのみです。
**グローバル変数と関数内での関数呼び出しをするのが現状の考え
**なので、whatPageを呼ぶだけで戻り値を取得できる（未実装）
*cssとjavascriptの使い分けはしっかりするべき
**可変な部分はなるべくjavascriptを使うべきだが、別にcssで良い所を無理やりjavascriptにする必要はなさそう
*今日の午前中の分はまだ見せられるものではないので、gitしてません
!簡単だと思ってたところが、そんなに簡単じゃなかったので、今週はあまり進まないかもしれませんが、なるべくどの関数で何をするのか、どんな関数が必要であるか、くらいは明確にできるようにしたいと思います。

!毎回毎回、長い文章をすみません。共有したいのと、あと自分の備忘録的な感じでもあるので...。

!!6/26(山口)
*モジュール分けの図（仮）を作った
*次回みんなで話し合うっぴ
*メソッド形式ってなんだろう

!!6/28(工藤）
*教育等2号館作成しました。表計算の.xlsx形式でgitに上げました。注）画像ではありません。
*<追記>7/1(月)芸術棟と教育棟1号館がだいたい出来上がりました。完成したら.xlsx形式でgitにプッシュします。
*おいてある場所
**% ~/make_map/work/froamap/

!!7/5(葛城）
*mainの仕様を変えてます！！！
**使ってる人はgitのmydirからコピーして使ってください。
**間違っても、mydirで作業しないように!

!!7/5(今野)
!mapstarのライブラリの使用の中にハイライトがありました！！！
*画像差し替えではなくmapstarだけでオンマウスで強調できるから画像を用意するよりは楽かも…

!!7/26(葛城)
!れおの活動記録から戻るボタンが機能しないことが分かりました。画像切り替えだとページが変わるわけではないので、戻れないみたいですね。これは新しい関数を使って切り替えようかなと思います。現在の画像のidとひとつ前の画像のidを使えば戻ることはできるのではないかと思います。このあたりは私が少し考えてみますが、上記の手段を使う場合、れおとわたなべ君のモジュールが早く出来たほうがやりやすいです。

!!7/30(工藤)
*work2に農学部と教育学部のフロアマップ上げました。
*やまちゃんへ
**検索バーをみて感動しました。
**検索したあと、ある場所をクリックするだけで入力した文字が全部消える機能があると便利だと思いました。

!!7/31(工藤)
*ここ二日間の班wikiをみんなの個人ページをもとに書きました。
*付け足したいところ、間違えてるところあったら適宜変えてください、さい。
*個人ページをしっかり更新してたので班wikiが書きやすかったです。ありがとう

!毎回毎回、長い文章をすみません。共有したいのと、あと自分の備忘録的な感じでもあるので...。
!!!コメント、意見欄
!!6/5(葛城玲弥)に対してのコメントfrom葛城玲弥
!書き方の例です。
コメントとか意見はこのように書いてもらえると見やすいので助かります。すぐに確認したいことがあればラインを利用しましょう。
!みなさん、是非有効活用してください！

!!6/12(葛城玲弥)に対してのコメントfrom新山
画像のみの入れ替えが可能なら、大学の建物すべてのhtmlを用意するよりかはそっちのほうがいいと思う。

!!6/12(葛城玲弥)に対してのコメントfrom山口
賛成です。動的なページこそjsの醍醐味だと思います。((br))
マップ班は大変かとは思いますが、焦らず少しずつ移行していきましょう！((br))
また、各人がｊｓについて理解し始めた頃だと思うので、移行のついでに改めてモジュール分け（＆関数の定義）について話し合いたいです。

!!6/25(葛城玲弥)に対してのコメントfrom新山
光らせる担当ですが、今やっている部分で時間が取られていて、マウスクリックの遷移のプログラムに手をつけるのが難しいので、やれるのであればぜひお願いしたいところです。いろいろやってくれて感謝です。

Tag:

Attachment

New: append-tag

(download: 54 bytes, at 2019/06/05 12:05:11 <frozen> )
(download: 947 bytes, at 2019/06/05 12:17:46 <frozen> )
(download: 938 bytes, at 2019/06/05 12:19:16 <frozen> )
(download: 3002 bytes, at 2019/06/12 15:01:48 <frozen> )
(download: 3363 bytes, at 2019/06/12 15:14:04 <frozen> )
(download: 3363 bytes, at 2019/06/12 15:14:46 <frozen> )
(download: 3762 bytes, at 2019/06/13 16:19:13 <frozen> )
(download: 3967 bytes, at 2019/06/13 17:33:54 <frozen> )
(download: 4399 bytes, at 2019/06/13 23:22:58 <frozen> )
(download: 4411 bytes, at 2019/06/13 23:23:23 <frozen> )
(download: 4411 bytes, at 2019/06/13 23:25:35 <frozen> )
(download: 4414 bytes, at 2019/06/13 23:41:51 <frozen> )
(download: 4690 bytes, at 2019/06/14 12:21:02 <frozen> )
(download: 5486 bytes, at 2019/06/19 14:33:14 <frozen> )
(download: 5758 bytes, at 2019/06/19 14:37:58 <frozen> )
(download: 7977 bytes, at 2019/06/20 12:14:18 <frozen> )
(download: 8090 bytes, at 2019/06/20 12:40:38 <frozen> )
(download: 8358 bytes, at 2019/06/21 08:04:45 <frozen> )
(download: 8603 bytes, at 2019/06/21 09:04:35 <frozen> )
(download: 8805 bytes, at 2019/06/21 09:07:28 <frozen> )
(download: 9130 bytes, at 2019/06/21 10:32:32 <frozen> )
(download: 9799 bytes, at 2019/06/25 17:27:13 <frozen> )
(download: 11346 bytes, at 2019/06/26 12:59:07 <frozen> )
(download: 11697 bytes, at 2019/06/28 13:01:22 <frozen> )
(download: 11984 bytes, at 2019/06/28 13:05:21 <frozen> )
(download: 12128 bytes, at 2019/06/28 15:31:13 <frozen> )
(download: 12330 bytes, at 2019/07/01 16:54:22 <frozen> )
(download: 12527 bytes, at 2019/07/05 16:12:06 <frozen> )
(download: 12761 bytes, at 2019/07/05 17:30:31 <frozen> )
(download: 12760 bytes, at 2019/07/05 17:31:13 <frozen> )
(download: 13355 bytes, at 2019/07/26 13:12:17 <frozen> )
(download: 13665 bytes, at 2019/07/30 17:16:26 <frozen> )
(download: 13663 bytes, at 2019/07/31 19:58:24 <frozen> )
(download: 13850 bytes, at 2019/07/31 20:00:05 <frozen> )

Edit

gr::12::掲示板

Attachment

Syntax Help

URL Link

Page Link

Image or Attachment

Text Decoration

Special Letter

Headline

Itemize

Enumerate

Table

Description

Quotation

Preformatted text