文化祭のHPとLINE@のマップ機能を実装した話 (3/4)
はじめに
学校の文化祭で技術系の開発をする団体ができたので、活動の一環としてHPとLINE@の製作に携わりました。
このページでは主にCreateJSの基礎的な部分、開発に使用した技術等を書いています。
文化祭の話については、4つのページに分けています。
1.実装した機能(HP/LINE@)全体の概要
2.LINE@のmap機能について
3.HPのmapページについて(概要とCreateJSやHTML,JSの基本事項について)(今回)
4.HPのmapページについて(実装方法、実装時の注意点などについて)
HPのマップ機能について、分量がかなり多くなったので2つの記事に分けました。
今回はHP-Mapの概要と、基本的な文法について
最後の記事で基本的な文法を使って、どのように実装したかについて書きます。
目次
- 1.HP - map機能の概要
- 2.CreateJSとは
- 3.オブジェクトの描画
- 4.コンテナ
- 5.イベント
- 6.アニメーション
- 7.JSからHTMLを操作する
- 8.レスポンシブ化
- 9.Retina対応
- 10.Modal
文化祭のHPとLINE@のマップ機能を実装した話 (2/4)
はじめに
学校の文化祭で技術系の開発をする団体ができたので、活動の一環としてHPとLINE@の製作に携わりました。
このページでは主にLINE@の自分が担当した箇所について書いています。
文化祭の話については、4つのページに分けています。
1.実装した機能(HP/LINE@)全体の概要
2.LINE@のmap機能について (今回)
3.HPのmapページについて(概要とCreateJSやHTML,JSの基本事項について)
4.HPのmapページについて(実装方法、実装時の注意点などについて)
目次
- 1.LINE@ - map機能の概要
- 2.imagemapオブジェクトについて
- プロパティー・内容
- imagemapオブジェクトの生成
- 注意点
画像形式,仕様,キャッシュについて - 補足
画像ファイルを置く場所の確保、画像の加工方法について
- 3.flexメッセージについて
文化祭のHPとLINE@のマップ機能を実装した話(1/4)
はじめに
学校の文化祭で技術系の開発をする団体ができたので、活動の一環としてHPとLINE@の製作に携わりました。
このページではHPの概要や、実装した機能のポイント、LINE@の機能の概要及び自分の担当箇所について書いています。
文化祭の話については、4つのページに分けています。
1.実装した機能(HP/LINE@)全体の概要 (今回)
2.LINE@のmap機能について
3.HPのmapページについて(概要とCreateJSやHTML,JSの基本事項について)
4.HPのmapページについて(実装方法、実装時の注意点などについて)
目次
- HPについて
- 全体の概観
- ページ一覧
- 機能のポイント
- LINE@について
- 実装した機能
- 自分の担当箇所について
- 詳細MAPの細かな機能について
- HPとLINE@の両方で実装した理由