!!!!葛城玲弥の活動記録ページ !!!私の作成物と使い方(備忘録） !!main.html これは実行用のhtml。トップページの表示を行う、イベントが起こると画像が変わったり、色が変わったりする。イベントの処理はjsで実行。 !!windowsize.js *htmlのclass名を取得し、その部分を書き換え *最初のトップ画面の画像サイズとウィンドウサイズを取得 *拡大縮小率を求め、ウィンドウサイズに合わせて画像のサイズが変わる **これはcssを書き換えている。 *シャボン玉の設定と表示 !!headerNavi.js *html内のclassを取得し、cssを変更する *スクロールがトリガー *一定の位置を超えると、上にヘッダーが出現 *デザインはstyle.css !!mainMapsize.js *マップの画像サイズをウィンドウサイズに合わせる。 *中身はwindowsize.jsとほぼ同じ *画像が切り替わっても使えるはず？ !!mainPage.js *変数value **文字列でidを持っている。 **ページが変わるたびにそのページのIDを持つ *関数whatValue **引数はページのIDの文字列 **valueの値を書き換える **bodyChange.jsで呼び出され、IDを取得していく *関数whatPage **呼び出されると現在のページがどこかを返す !!backButton.js *1ページ前に戻る *中にある、BackButton()を呼び出すだけ !!bodyChange.js *画像の差し替えを行う *image_obj **二層目の画像ファイルを保存 *imageR **三層目の理工学部の画像ファイルを保存 *imageCg **三層目の学生センター（中央エリア）の画像ファイルを保存 *imageCe **三層目の教育学部（中央エリア）の画像ファイルを保存 *imageCj **三層目の人社（中央エリア）の画像ファイルを保存 *imageN **三層目の農学部の画像ファイルを保存 *その他の処理 **PAGEIDから新しいページIDのと画像差し替えをする(ここは分けるか考え中） !!!時間外活動の活動記録 以下は個人活動をした際に、みんなで共有できるように作った掲示板です。 !正直、こっちの活動記録より充実感があるので、気になる方は是非（笑） *[[12班の活動掲示板|gr::12::掲示板]] <<活動記録>> <<<4/12 活動記録>>> *班決め *テーマ設定 ((br)) 私達のチームでは「情報提供をするマップの作成」をメインテーマとする。 *ページの編集等 <<<4/19 活動記録>>> *テーマの内容の議論 ((br))　岩手大学周辺、岩手大学内に関するマップを制作する。詳細は簡易企画書。 *[[簡易企画書 |gr12::簡易企画書]]の作成 <<<4/26 活動記録>>> *各ページの構成を決めた *それぞれのものと操作の洗い出し（大まかに） *どういう操作が必要か考えた <<<5/10 活動記録>>> *[[ものと操作|19::gr12::ものと操作]]の洗い出し（詳しく） *実際にマップのデータを収集（足を運んで） <<<5/17 活動記録>>> *ものと操作の洗い出し（現段階では終了) *全員でどのような動きをするのか確認（操作の仕方の最終確認） *上記にしたがってモジュール化 *お手本になるサイトのプログラムを見て、実現可能そうだとわかった <<<5/24 活動記録>>> *担当を決めた *フロアマップを作成した（理工学部１号館と２号館） *ホーム画面のフォーマット作成（初期段階） <<<5/31 活動記録>>> *プロトタイプの作成 **とりあえず、簡易的なホーム画面からの移動には成功した **javascriptは私は使わなかったが、今後使う必要がありそう（レオの理工学部１号館のが良い手本） **デザインをどうするのか、もっと考えなければならない **検索バーの導入は苦戦しそう <<<6/7　活動記録>>> *プロトタイプの作成 **ホーム画面からの遷移はすべてできるようにした **中央エリアのいくつかはhtmlの作成完了。画面の下にリンクを用意した（完成形では、地図上に） **検索されたら光るという動きの再現に成功。中間発表のためにエンターを押したら光るようにjavascriptを導入。（ただし、エンターを押した後、光るのを止めることに成功してない、このプログラムを書き換えることで「検索されたら光る」につなげることができるのではないかと考えている、if文でまわせば） <<<6/14 活動記録>>> *中間発表 **他の班がすごくて刺激をうけた。勝負というわけではないが、少し対抗心が芽生えた。本番では、もっと良いのが発表できるように頑張りたい。 *話し合い **モジュール分けを再度。正直、中間までの作業は自分がいろいろ手を出してしまって申し訳なかった。これからはしっかり分担して作業をしていく **ちなみに自分の作業はデザイン。 *今後やること **ホーム画面のデザイン **jsを使って、画像のみの変更 **ウィンドウに合わせた画面表示 とりあえず、今月中に自分の分担部分は完成形にもっていく。残りの１ヶ月で調整ができればいいなというか、それが理想。 余裕があれば、他に個人的に機能を追加してみる。 <<<6/21 活動記録>>> *とりあえず、私の一週間の成果を見せた（詳細は[[活動掲示板|gr::12::掲示板]]) **話し合いたいことは確認できた **私のところが進まないと他のところが大変そう（全体像は私の担当なので他の人がイメージするためには私が早めにやらないと...) *トップページはほぼ確定でいいかな *セカンドページを作っているけど、jsで動かすことに成功していない **自分がどこにいるかを記す関数whatPage();(返り値はa,b,c)←班ウィキ（誘導光） **画像を変える関数 **というか、htmlのリンクのやつをjsでやるのもあり。 *来週までにある程度完成させる **細部はいいけど、マップの遷移、拡大、値を返すなどは完成させたい <<<6/28 活動記録>>> *関数と返す値、使える変数などの確認 *モジュール分け **細部について **正直、ちゃんと理解できていないところがあって申し訳ない **オブジェクト指向をつかっていけたらなあ... **もっとjavascriptを学ばなければいけない *個人作業 **main.htmlがとてもキーになる部分なので、見やすく書き直す **htmlは基本的にmainのみを使う **jsを使っていろいろ動かすように変更する **cssを使ったほうがよいところは、無理してjsにしない <<<7/5 活動記録>>> *とりあえず、クリックで画像の入れ替えはできた **あとはHtmlのidさえ分かればなんとかなりそう **ただ、jsのグローバル変数のせいでまだ完璧ではない *whatPage関数は使えるようにした **これもグローバル変数に問題あり、文字列でidをリターンします *mydirにあるのでダウンロードして使ってください <<リンク先>> *[[12班のWiki|19::gr12]] *演習用に作ったホームページっぽいやつ< >>{file:///home/h29j/h29j012/csd/jssample/practice/home.html}>