codeforkusatsu.github.io/index.html at master · codeforkusatsu/codeforkusatsu.github.io · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>5374jp(ゴミナシ) for 滋賀県草津市版</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
    <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <link href="css/custom.css" rel="stylesheet" media="screen" />
  </head>
  <body>
  <style id="accordion-style" type="text/css"></style>
  <div id="accordion"></div>
  <select class="form-control" id="select_area"></select>
  <div class="accordion" id="accordion3">
    <div class="accordion-group-top">
      <div class="accordion-heading">
        <a class="accordion-toggle-top" data-toggle="collapse" data-parent="#accordion3" href="#collapse3_0">5374.jp（ゴミナシ） for 滋賀県草津市版</a>
      </div>
      <div id="collapse3_0" class="accordion-body collapse">
        <div class="accordion-inner">
          <div id="help">

            <h3>「いつ、どのゴミが収集されているのか？」が一目でわかるアプリです。<br />
                  例えばお引っ越しをされた場合や、新しく草津市に住むことになった時、このアプリを使えば、すぐに分かるようにデザインされています。</h3>

            <h2>使い方</h2>
            <h3>お住まいの地域をドロップダウンリストから選択するだけです。</h3>
            <h3>選択された地域で、一番近いゴミの日とゴミの種別を上から順に表示しています。</h3>
            <h3>ゴミの種別を選択すると、捨てることが可能なゴミの一覧を見ることができます<h3>

            <div id="caption">
              <h4>■■■提供されるゴミ情報について■■■</h4>
              <p>草津市未来研究所に設置された「草津市におけるオープンデータのあり方に関する研究会」と市民団体 Code for Kusatsu は、草津市が公開しているゴミカレンダーのオープンデータを活用し、<br />
              Code for Kanazawa から提供されている 5374.jp（ゴミナシ）を利用して、5374.jp（ゴミナシ） for 滋賀県草津市版を作成しました。</p>
              <h4>■■■ライセンスについて■■■</h4>
              <p>本アプリの著作権はCode for Kanazawaに帰属します。</p>
            </div>

            <div id="cfk">
            <h3>（ゴミの出し方についてのお問い合わせ）</h3>
            <p>草津市役所 環境経済部 ごみ減量推進課 ごみ減量推進グループ<br />
            電話番号：077-561-2346<br />
            URL：<a href="http://www.city.kusatsu.shiga.jp/kurashi/gomirecycle/gominodashikata/dashikata.html">http://www.city.kusatsu.shiga.jp/kurashi/gomirecycle/gominodashikata/dashikata.html</a></p>
            <h3>（このアプリ（5374.jp）のお問い合わせ）</h3>
            <p>Code for Kusatsuのお問い合わせ窓口までお願いします。<br />
            <a href="http://www.codeforkusatasu.org/contact/">http://www.codeforkusatasu.org/contact/</a></p>
            </div>

            <div id="cfk">
            <h3>（関連サイト）</h3>
            <a href="http://www.city.kusatsu.shiga.jp/shisei/opendata/index.html">草津市カタログサイト　http://www.city.kusatsu.shiga.jp/shisei/opendata/index.html</a><br />
            <a href="http://codeforkusatsu.org/">Code for Kusatsu　http://codeforkusatsu.org</a><br />

            <h3>■Code for Kusatsuについて</h3>
            <p>あなたのアイデアで、住み続けたいまちに。<br />
Code for Kusatsu は、草津市民を中心とした市民団体です。地域が抱えている課題に対して、ITやデザインの力を使って課題解決となる活動を進めている団体です。<br /><br />
公式サイト<br />
<a href="http://www.codeforkusatsu.org/">http://www.codeforkusatsu.org/</a>
              </p>
            </div>

            <div id="cfk">
              <h3>■Code for Kanazawaについて</h3>
              <p>コードで、世界をHappyに。<br />
各地域には様々な課題があり、解決するためのコミュニティ（団体）も数多くあります。<br />
課題の中には、ITやデザインの力で解決できるものも多くありますが、全てのコミュニティにそのスキル（技術）が備わっているわけではありません。<br /><br />
Code for Kanazawa（CfK）は、市民の課題を集め、その課題を整理・分析した上で、メンバーが実際に課題解決となるソフトウェアやハードウェア（仕組みや方法）を開発します。<br />
私たちは、デザインをして、ソフトウェアコードを書き、課題を解決するサービスを完成させるのです。さらに、そのサービスを提供し続ける力も持ちます。<br /><br />
CfKは市民のための組織です。行政や民間企業の影響を受けずに中立・公益の立場から物事を判断するよう心がけています。<br /><br />
公式サイト<br />
<a href="http://www.codeforkanazawa.org/">http://www.codeforkanazawa.org/</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- JavaScript plugins (requires jQuery) -->
  <script src="js/jquery-1.10.2.min.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script src="js/bootstrap.min.js"></script>
  <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond)
  <script src="js/respond.js"></script>
  -->
  <!-- ブックマークお勧めポップアップ追加-->
  <script src="js/bookmark-bubble/bookmark_bubble.min.js"></script>
  <script src="js/bookmark-bubble/example/example.min.js"></script>
  <script src="js/setting.js"></script>
  <script src="js/script.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-73001499-1', 'auto');
  ga('send', 'pageview');
</script>
  </body>
</html>