FC2ブログ
やまざき鉄道ひろば
[トップページ]
[地図]
[アイコン列車一覧]
[アイコン車両一覧]
[ウォークレポート]
[旅行・鉄道模型等]
[ウォークマップ]
[ブログ]
[動画トップ(別窓)]
[プロフィール]
[リンク集]
[サイトマップ]
現在地: トップページ ブログ

■カテゴリ別インデックス
ウォークレポート・ウォークマップ
沿線観光・鉄道施設
旅行・行事・親睦会
鉄道模型・鉄道グッズ
■カテゴリ別アーカイブ
鉄道ひろば情報 ウォークマップ ウォークレポート 沿線観光・沿線イベント
鉄道施設・車両・車窓 旅行・行事・親睦会 工作・DIY 創作・制作
鉄道模型・鉄道グッズ カプセルトイ・食玩 ミニチュア展示・撮影
土産・名産・特産 食べ物・飲み物 雑記 あしあと帳
ブログトップ

広告
広告

テスト版制作(地図・列車一覧)

地図
http://yamatetsu.sakura.ne.jp/listpages/chizulink_test.cgi

列車一覧
http://yamatetsu.sakura.ne.jp/listpages/ressha_test.cgi

jQueryというJavascriptというプログラム言語のライブラリを取り入れて、テスト版をつくってみました。自前で書くとものすごい行数を書かないといけないものが、ライブラリを取り入れると自分が書くのは短い行で済んだりします。

まあ人によっては「えっ?今ごろjQuery?」かも知れませんが、すべて一人で作ろうとすればこんなもんです…。

以下の2件を試してみました。
・Google Mapのようにマウスのドラッグで画像が動く(列車詳細は横方向限定・慣性動作なし)
・クリックすると暗くなってサブの画面が表示される(モーダルウインドウ)

列車・車両データはいまアップされている本番データを使っているので、一覧のどの列車をクリックしても同様の動きをします。

詳細地図画像は、新しいものを用意したかったのですが、とても時間がかかるため、現在の地図を拡大縮小していたりして、本当にテストのテスト版です。

廃止線(運行実績あり)や未成線(運行実績なし)も加えた地図を作り変えたいのですが、文字の配置や路線の密度を考えながらやるとなかなか進まないものです…。

PC上ではOKな感じです。iPhoneは持ってないのでまだ見れていませんが、実際自分のスマホ(Android)で見てみたら、モーダルウインドウは動いたのですが、ドラッグで画像が動きませんでした…。

なにが原因か調べないとならないのですが、そういえばスマホの場合は「ドラッグ」と言わなかったような気がするので、そのあたり調べてみます…というか、スマホサイト自体まだ作っていませんでしたね…。

まだまだ先は長いです…。

つづく。
 
スポンサーサイト



 | HOME | 

アイコン製作&管理

名前:“徒歩鉄”やまざき

名前:“徒歩鉄”やまざき

その他もっとさらに詳しくは、
プロフィール」にて。
あと、一応「あしあと帳」も用意しました。よろしかったらどうぞ。

カレンダー

« | 2016-09 | »
S M T W T F S
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

カテゴリ別アーカイブ

月別アーカイブ

最近の記事

最近のコメント

最近のトラックバック

広告など