├── .github
    └── workflows
    │   └── main.yml
├── LICENSE
├── README.md
├── css
    ├── style.css
    ├── style.css.map
    ├── style.min.css
    └── style.scss
├── data
    ├── gian.csv
    ├── gian.json
    ├── gian_status.csv
    ├── gian_status.json
    ├── gian_summary.json
    ├── gian_type.csv
    ├── gian_type.json
    └── updatetime.json
├── img
    ├── image_1200_630.png
    ├── image_1280_640.png
    ├── material-icon-arrow-down.svg
    ├── material-icon-chart-white.svg
    ├── material-icon-chart.svg
    ├── material-icon-close.svg
    ├── material-icon-download.svg
    ├── material-icon-info.svg
    ├── material-icon-openinnew.svg
    ├── material-icon-search-white.svg
    ├── material-icon-search.svg
    ├── smri-logo.svg
    ├── social-icon-copy.svg
    ├── social-icon-facebook.svg
    ├── social-icon-line.png
    └── social-icon-twitter.svg
├── index.html
├── js
    ├── script.js
    └── script.min.js
├── main.py
└── requirements.txt


/.github/workflows/main.yml:
--------------------------------------------------------------------------------
 1 | name: main
 2 | 
 3 | on:
 4 |   schedule:
 5 |     - cron: '0 14 * * *'
 6 |   workflow_dispatch:
 7 | 
 8 | jobs:
 9 |   update-files:
10 |     runs-on: ubuntu-latest
11 |     steps:
12 |       - uses: actions/checkout@v2
13 |       - name: Setup Python
14 |         uses: actions/setup-python@v2
15 |         with:
16 |           python-version: '3.8'
17 |           architecture: 'x64'
18 |       - name: Get Python version
19 |         run: python -V
20 |       - name: Install dependencies
21 |         run: pip install -r requirements.txt
22 |       - name: Run Python
23 |         run: python main.py
24 |       - name: git setting
25 |         run: |
26 |           git config --local user.email "example@smartnews.com"
27 |           git config --local user.name "data-updater"
28 |       - name: Commit files
29 |         run: |
30 |           git add .
31 |           git commit -m "Update data" -a
32 |           git pull
33 |           git push origin main
34 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 smartnews-smri
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # 国会議案データベース：衆議院
 2 | - 衆議院の公式ウェブサイトから国会に提出された議案をデータベース化しました。
 3 | - 商用・非商用を問わず、自由にデータのダウンロードや検索が可能です。
 4 | 
 5 | ## 背景
 6 | 
 7 | - 衆議院のウェブサイト「議案情報」では国会に提出された議案を確認できますが、検索や集計を行うには各ページに分かれたデータを整理する必要があります。
 8 | - そこでスマートニュース メディア研究所では、議案のデータを衆議院ウェブサイトから取得し、CSVやJSONなど機械判読可能なデータで公開するとともに、[閲覧用のページ](https://smartnews-smri.github.io/house-of-representatives/)を作成して自由に検索・集計できるようにしました。
 9 | 
10 | ![image_1280_640](https://user-images.githubusercontent.com/12462251/176733194-e9155042-2d85-48be-81b5-ebd8e113c050.png)
11 | 
12 | ## 公開データの見方
13 | 
14 | - [/data](https://github.com/smartnews-smri/house-of-representatives/tree/main/data)にデータファイルを公開しています。原則としてCSVとJSONの両方で公開します。
15 |   - [gian.csv](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian.csv) / [gian.json](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian.json)：すべての議案データを掲載したファイルです。途中経過も含むため、議案そのものの数よりも大きくなります。たとえば第150回国会に提出され、第151回で成立した議案は掲載回次「150」および「151」のデータが2行発生します。
16 |     - 掲載回次：議案が掲載された国会の回次。
17 |     - キャプション：議案情報ページのテーブルに付されたキャプション。
18 |     - 種類〜審議状況：それぞれ議案情報ページにあるテーブルの同名列。
19 |     - 経過情報 / 経過情報URL：議案情報ページにあるテーブル「経過情報」列のテキストとリンクURL。
20 |     - 本文情報 / 本文情報URL：議案情報ページにあるテーブル「本文情報」列のテキストとリンクURL。
21 |     - 議案種類〜議案提出の賛成者：それぞれ議案経過情報ページにあるテーブルの同名列。
22 |     - なお「議案提出回次」「議案番号」「議案件名」は、それぞれ「提出回次」「番号」「議案件名」と重複するため掲載していない。
23 |   - [gian_summary.json](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian_summary.json)：gianから掲載回次の重複を排除したもの。
24 |     - 提出回次、種類、番号、議案件名が同じものを同じ議案と判断しています。
25 |     - データ構造の関係からJSON形式だけで公開しています。
26 |   - [gian_status.csv](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian_status.csv) / [gian_status.json](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian_status.json)：gianから「審議状況」のデータを集計したもの。
27 |   - [gian_type.csv](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian_type.csv) / [gian_type.json](https://github.com/smartnews-smri/house-of-representatives/blob/main/data/gian_type.json)：gianから「種類」のデータを集計したもの。
28 | 
29 | 
30 | ## 閲覧用ページについて
31 | 
32 | - 本プロジェクトのデータを閲覧・検索できるページを公開しています。
33 | - URL： https://smartnews-smri.github.io/house-of-representatives/
34 | - 「集計情報」では成立した/撤回された議案の数、議案を提出した国会議員、政党別の議案への賛否などの集計を見ることができます。
35 | - また「議案検索」では議案の件名や提出者、賛成・反対した政党名などから議案を検索できます。検索結果だけを選んでダウンロードすることも可能です。
36 | 
37 | 
38 | 
39 | ## 二次利用とライセンスについて
40 | 
41 | - すべてのデータとソースコードは自由に閲覧・ダウンロードが可能です。
42 | - GitHubプロジェクトのライセンスはMITライセンスとしており、商用・非商用を問わずご自由にお使いいただけます。
43 | - ソースコード等を引用する際の著作権表記は「スマートニュース メディア研究所」または「SmartNews Media Research Institute」としてください。
44 | - なお、本プロジェクトの利用によって生じたいかなる損害についても、開発者およびスマートニュース株式会社は一切責任を負いません。
45 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | @charset "UTF-8";
  2 | @import url("https://fonts.cdnfonts.com/css/roboto");
  3 | * {
  4 |   margin: 0;
  5 |   padding: 0;
  6 |   outline: none;
  7 |   box-sizing: border-box;
  8 |   font-family: 'Roboto', -apple-system, BlinkMacSystemFont, '游ゴシック体', YuGothic, 'Yu Gothic Medium', 'Noto Sans JP', sans-serif;
  9 |   color: inherit;
 10 |   font-size: inherit;
 11 |   font-weight: inherit;
 12 |   letter-spacing: 0.03em; }
 13 | 
 14 | body {
 15 |   width: 100%;
 16 |   background-color: #edeff0;
 17 |   overflow-y: scroll;
 18 |   color: #333;
 19 |   font-size: 16px;
 20 |   font-weight: normal; }
 21 |   body a {
 22 |     color: inherit; }
 23 |   body hr {
 24 |     border: none;
 25 |     border-bottom: 1px solid #ccc;
 26 |     margin-top: 32px;
 27 |     margin-bottom: 32px; }
 28 |   body ul {
 29 |     list-style-type: none;
 30 |     padding: 0;
 31 |     margin: 0; }
 32 |   body input, body textarea, body select {
 33 |     font-size: 16px;
 34 |     padding: 8px 20px;
 35 |     border: 1px solid #fff;
 36 |     border-radius: 20px;
 37 |     background-color: #fefefe; }
 38 |     body input:focus, body textarea:focus, body select:focus {
 39 |       animation: shadow 2s linear 0s infinite forwards; }
 40 | @keyframes shadow {
 41 |   0%,
 42 |       	100% {
 43 |     box-shadow: 0px 0px 4px #03fccf; }
 44 |   50% {
 45 |     box-shadow: 0px 0px 4px #98b5ac; } }
 46 |   body select {
 47 |     appearance: none;
 48 |     background-image: url(../img/material-icon-arrow-down.svg);
 49 |     background-repeat: no-repeat;
 50 |     background-position: calc(100% - 10px) calc(50% + 1px);
 51 |     padding: 8px 48px 8px 20px; }
 52 |   body .sn-color {
 53 |     background: linear-gradient(90deg, #ff645b, #ff645b 25%, #ffc73d 0, #ffc73d 50%, #54e470 0, #54e470 75%, #0fbbe7 0, #0fbbe7); }
 54 |   body h2 {
 55 |     margin-top: 32px;
 56 |     font-size: 20px;
 57 |     padding-left: 24px;
 58 |     position: relative; }
 59 |     body h2 .icon {
 60 |       width: 22px;
 61 |       height: 22px;
 62 |       background-repeat: no-repeat;
 63 |       background-position: center center;
 64 |       background-size: contain;
 65 |       position: absolute;
 66 |       top: 4px;
 67 |       left: 0; }
 68 |       body h2 .icon.info {
 69 |         background-image: url(../img/material-icon-info.svg); }
 70 |       body h2 .icon.chart {
 71 |         background-image: url(../img/material-icon-chart.svg); }
 72 |       body h2 .icon.search {
 73 |         background-image: url(../img/material-icon-search.svg); }
 74 |   body .box {
 75 |     margin-top: 4px;
 76 |     width: 100%;
 77 |     height: 2px; }
 78 |   body .block-description {
 79 |     font-size: 14px;
 80 |     color: #999; }
 81 | 
 82 | #cover {
 83 |   position: fixed;
 84 |   width: 100%;
 85 |   height: 100%;
 86 |   top: 0;
 87 |   left: 0;
 88 |   background-color: #f6f6f6;
 89 |   z-index: 1000; }
 90 |   #cover div {
 91 |     position: fixed;
 92 |     width: 100%;
 93 |     top: 50%;
 94 |     left: 50%;
 95 |     transform: translate(-50%, -50%);
 96 |     text-align: center; }
 97 |     #cover div p {
 98 |       margin-top: 16px;
 99 |       font-size: 13px;
100 |       line-height: 24px; }
101 |     #cover div img {
102 |       display: block;
103 |       margin: 0 auto;
104 |       width: 120px;
105 |       height: 45.2814px; }
106 | 
107 | #container {
108 |   overflow-x: hidden; }
109 |   #container #title-block {
110 |     width: 100%;
111 |     background-color: #fefefe; }
112 |     #container #title-block #title-inner {
113 |       width: calc(100% - 32px);
114 |       max-width: 960px;
115 |       margin: 0 auto;
116 |       padding: 64px 0; }
117 |       #container #title-block #title-inner h3 {
118 |         margin: 0;
119 |         margin-top: 8px;
120 |         font-size: 15px;
121 |         color: #999; }
122 |       #container #title-block #title-inner h1 {
123 |         margin-top: 8px;
124 |         font-size: 24px;
125 |         font-weight: bold;
126 |         color: #222; }
127 |         @media only screen and (min-width: 400px) {
128 |           #container #title-block #title-inner h1 {
129 |             font-size: 26px; } }
130 |         @media only screen and (min-width: 700px) {
131 |           #container #title-block #title-inner h1 {
132 |             font-size: 28px; } }
133 |       #container #title-block #title-inner .box {
134 |         width: 64px;
135 |         height: 8px;
136 |         margin-left: 2px; }
137 |       #container #title-block #title-inner p {
138 |         margin-top: 8px;
139 |         font-size: 14px;
140 |         line-height: 26px;
141 |         color: #666; }
142 |         @media only screen and (min-width: 400px) {
143 |           #container #title-block #title-inner p {
144 |             font-size: 15px; } }
145 |         @media only screen and (min-width: 700px) {
146 |           #container #title-block #title-inner p {
147 |             font-size: 16px; } }
148 |   #container #search-block {
149 |     width: calc(100% - 32px);
150 |     max-width: 960px;
151 |     margin: 0 auto; }
152 |     #container #search-block #form-block .control {
153 |       margin-top: 16px; }
154 |       #container #search-block #form-block .control .label {
155 |         font-size: 14px;
156 |         color: #333; }
157 |       #container #search-block #form-block .control input, #container #search-block #form-block .control select {
158 |         margin-top: 4px; }
159 |       #container #search-block #form-block .control button {
160 |         margin-top: 32px;
161 |         display: block;
162 |         width: 108px;
163 |         height: 36px;
164 |         color: #fefefe;
165 |         background-color: #369;
166 |         background-image: url(../img/material-icon-search-white.svg);
167 |         background-position: 16px calc(50% + 1px);
168 |         background-size: 24px;
169 |         background-repeat: no-repeat;
170 |         border-radius: 20px;
171 |         border: none;
172 |         box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
173 |         padding-left: 12px; }
174 |         #container #search-block #form-block .control button:hover {
175 |           cursor: pointer;
176 |           opacity: 0.7; }
177 |       #container #search-block #form-block .control #input-gian-title {
178 |         width: 100%;
179 |         max-width: 640px; }
180 |       #container #search-block #form-block .control .control-note {
181 |         font-size: 13px;
182 |         color: #999;
183 |         margin-top: 4px; }
184 |     #container #search-block #form-block .box {
185 |       width: 100%;
186 |       height: 1px;
187 |       margin: 32px 0; }
188 |     #container #search-block #result-block {
189 |       width: 100%;
190 |       max-width: 960px;
191 |       margin: 0 auto; }
192 |       #container #search-block #result-block #result-number {
193 |         color: #666;
194 |         font-size: 14px; }
195 |       #container #search-block #result-block #download-result {
196 |         display: inline-block;
197 |         margin-top: 4px;
198 |         font-size: 14px; }
199 |       #container #search-block #result-block #ul-gian-list {
200 |         margin-top: 16px; }
201 |         #container #search-block #result-block #ul-gian-list li {
202 |           border-top: 1px solid #ddd;
203 |           padding: 8px 0; }
204 |           #container #search-block #result-block #ul-gian-list li div:nth-child(1) {
205 |             font-size: 13px;
206 |             color: #932; }
207 |             #container #search-block #result-block #ul-gian-list li div:nth-child(1) span {
208 |               color: #369; }
209 |           #container #search-block #result-block #ul-gian-list li div:nth-child(2) {
210 |             margin-top: 4px;
211 |             font-size: 15px;
212 |             font-weight: bold;
213 |             height: 44px;
214 |             overflow: hidden; }
215 |           #container #search-block #result-block #ul-gian-list li div:nth-child(3) {
216 |             margin-top: 4px;
217 |             font-size: 13px;
218 |             color: #888; }
219 |           #container #search-block #result-block #ul-gian-list li:last-child {
220 |             border-bottom: 1px solid #ddd; }
221 |           #container #search-block #result-block #ul-gian-list li:hover {
222 |             background-color: #fefef6;
223 |             cursor: pointer; }
224 |     #container #search-block #single-gian-block #single-gian-cover {
225 |       position: fixed;
226 |       top: 0;
227 |       left: 0;
228 |       width: 100vw;
229 |       height: 100vh;
230 |       z-index: 100;
231 |       background-color: rgba(0, 0, 0, 0);
232 |       pointer-events: none;
233 |       transition: all ease 250ms; }
234 |     #container #search-block #single-gian-block #single-gian-content {
235 |       position: fixed;
236 |       top: 0;
237 |       right: calc(428px * -1);
238 |       height: 100vh;
239 |       overflow-y: scroll;
240 |       width: calc(100% - 32px);
241 |       max-width: 428px;
242 |       background-color: #fcfcfc;
243 |       z-index: 200;
244 |       padding: 16px;
245 |       padding-top: 64px;
246 |       transition: all ease 250ms; }
247 |       #container #search-block #single-gian-block #single-gian-content #single-gian-button-close {
248 |         position: absolute;
249 |         top: 16px;
250 |         right: 16px;
251 |         width: 44px;
252 |         height: 44px;
253 |         border: none;
254 |         border-radius: calc(44px * 0.5);
255 |         background-color: transparent;
256 |         background-image: url("../img/material-icon-close.svg");
257 |         background-position: center center;
258 |         background-size: 80%;
259 |         background-repeat: no-repeat; }
260 |         #container #search-block #single-gian-block #single-gian-content #single-gian-button-close:hover {
261 |           cursor: pointer;
262 |           background-color: rgba(0, 0, 0, 0.1); }
263 |       #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner h3 {
264 |         font-weight: bold;
265 |         font-size: 16px;
266 |         margin-bottom: 16px; }
267 |       #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner h4 {
268 |         margin-top: 32px;
269 |         font-weight: bold;
270 |         font-size: 14px; }
271 |       #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul {
272 |         margin-top: 16px; }
273 |         #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li {
274 |           margin-top: 8px;
275 |           min-height: 44px; }
276 |           #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li div:nth-child(1) {
277 |             font-size: 13px;
278 |             color: #aaa; }
279 |           #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li div:nth-child(2) {
280 |             font-size: 15px;
281 |             color: #333; }
282 |         #container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul.keika {
283 |           margin-left: 16px; }
284 |   #container #summary-block {
285 |     width: calc(100% - 32px);
286 |     max-width: 960px;
287 |     margin: 0 auto; }
288 |     #container #summary-block article {
289 |       margin-top: 64px; }
290 |       #container #summary-block article h4 {
291 |         font-weight: bold;
292 |         font-size: 16px; }
293 |       #container #summary-block article p {
294 |         margin-top: 4px;
295 |         color: #999;
296 |         font-size: 14px; }
297 |       #container #summary-block article .mini-box {
298 |         width: 32px;
299 |         height: 1px; }
300 |       #container #summary-block article .echarts-tooltip span {
301 |         font: 15px / 20px "Roboto" !important; }
302 |     #container #summary-block .chart-wrapper {
303 |       margin-top: 16px;
304 |       width: 100%;
305 |       height: 360px;
306 |       overflow-y: scroll;
307 |       overflow-x: hidden;
308 |       position: relative; }
309 |   #container #switch-block #switch {
310 |     position: fixed;
311 |     width: calc(100vw - (16px * 2));
312 |     max-width: 360px;
313 |     bottom: 16px;
314 |     left: 16px;
315 |     background-color: #fafafa;
316 |     display: flex;
317 |     border: none;
318 |     height: 42px;
319 |     border-radius: 21px;
320 |     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }
321 |     @media screen and (min-width: 393px) {
322 |       #container #switch-block #switch {
323 |         left: calc(50vw - (360px / 2)); } }
324 |     #container #switch-block #switch .switch-item {
325 |       margin: 1px;
326 |       color: #999;
327 |       width: 50%;
328 |       height: 40px;
329 |       border-radius: 20px;
330 |       font-size: 16px;
331 |       text-align: center;
332 |       line-height: 40px;
333 |       padding-left: 16px;
334 |       background-repeat: no-repeat;
335 |       background-position: 32px calc(50%);
336 |       background-size: 28px; }
337 |       #container #switch-block #switch .switch-item:nth-child(1) {
338 |         background-image: url(../img/material-icon-chart.svg); }
339 |       #container #switch-block #switch .switch-item:nth-child(2) {
340 |         background-position: 24px calc(50% + 1px);
341 |         background-image: url(../img/material-icon-search.svg); }
342 |       #container #switch-block #switch .switch-item:hover {
343 |         cursor: pointer;
344 |         background-color: rgba(0, 0, 0, 0.1); }
345 |       #container #switch-block #switch .switch-item.selected {
346 |         background-color: #a32;
347 |         color: #fefefe; }
348 |         #container #switch-block #switch .switch-item.selected:nth-child(1) {
349 |           background-image: url(../img/material-icon-chart-white.svg); }
350 |         #container #switch-block #switch .switch-item.selected:nth-child(2) {
351 |           background-image: url(../img/material-icon-search-white.svg); }
352 |   #container #summary-block, #container #search-block {
353 |     display: none; }
354 |     #container #summary-block.show, #container #search-block.show {
355 |       display: block; }
356 |   #container #footer-block {
357 |     margin: 0 auto;
358 |     margin-top: 64px;
359 |     margin-bottom: 96px;
360 |     width: calc(100% - 32px);
361 |     max-width: 960px; }
362 |     #container #footer-block .box {
363 |       width: 100%;
364 |       height: 2px;
365 |       margin: 4px 0 16px 0; }
366 |     #container #footer-block .box-2 {
367 |       width: 100%;
368 |       height: 1px;
369 |       margin-top: 64px; }
370 |     #container #footer-block p {
371 |       font-size: 14px;
372 |       color: #666;
373 |       margin-bottom: 8px; }
374 |     #container #footer-block a.logo {
375 |       display: block;
376 |       width: 240px;
377 |       height: 30px;
378 |       margin: 0 auto;
379 |       margin-top: 32px;
380 |       background-image: url(../img/smri-logo.svg);
381 |       background-size: cover;
382 |       background-position: center center;
383 |       background-repeat: no-repeat; }
384 |     #container #footer-block #social-buttons {
385 |       width: fit-content;
386 |       margin: 64px auto 64px auto; }
387 |       #container #footer-block #social-buttons .social-button {
388 |         display: inline-block; }
389 |         #container #footer-block #social-buttons .social-button a {
390 |           display: block;
391 |           margin: 0 8px;
392 |           width: 48px;
393 |           height: 48px;
394 |           border: 1px solid #fefefe;
395 |           border-radius: 50%;
396 |           background-size: contain;
397 |           background-position: center center;
398 |           background-repeat: no-repeat;
399 |           z-index: 10; }
400 |           #container #footer-block #social-buttons .social-button a.facebook {
401 |             background-image: url(../img/social-icon-facebook.svg); }
402 |           #container #footer-block #social-buttons .social-button a.twitter {
403 |             background-image: url(../img/social-icon-twitter.svg); }
404 |           #container #footer-block #social-buttons .social-button a.line {
405 |             background-image: url(../img/social-icon-line.png); }
406 |           #container #footer-block #social-buttons .social-button a.copy {
407 |             background-image: url(../img/social-icon-copy.svg);
408 |             background-color: #999;
409 |             background-size: 65%; }
410 |         #container #footer-block #social-buttons .social-button div {
411 |           margin-top: 4px;
412 |           color: #999;
413 |           font-size: 12px;
414 |           text-align: center; }
415 |           #container #footer-block #social-buttons .social-button div.text-copy:before {
416 |             content: "Copy"; }
417 |           #container #footer-block #social-buttons .social-button div.text-copy.copied {
418 |             color: #a32; }
419 |             #container #footer-block #social-buttons .social-button div.text-copy.copied:before {
420 |               content: "Copied!"; }
421 |       #container #footer-block #social-buttons .margin {
422 |         display: table-cell;
423 |         width: 24px; }
424 | 
425 | body.single-gian-show {
426 |   overflow-y: hidden; }
427 |   body.single-gian-show #single-gian-cover {
428 |     background-color: rgba(0, 0, 0, 0.7) !important;
429 |     pointer-events: auto !important; }
430 |   body.single-gian-show #single-gian-content {
431 |     right: 0px !important; }
432 | 
433 | /*# sourceMappingURL=style.css.map */
434 | 


--------------------------------------------------------------------------------
/css/style.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "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",
4 | "sources": ["style.scss"],
5 | "names": [],
6 | "file": "style.css"
7 | }
8 | 


--------------------------------------------------------------------------------
/css/style.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";@import url(https://fonts.cdnfonts.com/css/roboto);*{margin:0;padding:0;outline:0;box-sizing:border-box;font-family:Roboto,-apple-system,BlinkMacSystemFont,'游ゴシック体',YuGothic,'Yu Gothic Medium','Noto Sans JP',sans-serif;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:.03em}body{width:100%;background-color:#edeff0;overflow-y:scroll;color:#333;font-size:16px;font-weight:400}body a{color:inherit}body hr{border:none;border-bottom:1px solid #ccc;margin-top:32px;margin-bottom:32px}body ul{list-style-type:none;padding:0;margin:0}body input,body select,body textarea{font-size:16px;padding:8px 20px;border:1px solid #fff;border-radius:20px;background-color:#fefefe}body input:focus,body select:focus,body textarea:focus{animation:shadow 2s linear 0s infinite forwards}@keyframes shadow{0%,100%{box-shadow:0 0 4px #03fccf}50%{box-shadow:0 0 4px #98b5ac}}body select{appearance:none;background-image:url(../img/material-icon-arrow-down.svg);background-repeat:no-repeat;background-position:calc(100% - 10px) calc(50% + 1px);padding:8px 48px 8px 20px}body .sn-color{background:linear-gradient(90deg,#ff645b,#ff645b 25%,#ffc73d 0,#ffc73d 50%,#54e470 0,#54e470 75%,#0fbbe7 0,#0fbbe7)}body h2{margin-top:32px;font-size:20px;padding-left:24px;position:relative}body h2 .icon{width:22px;height:22px;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:4px;left:0}body h2 .icon.info{background-image:url(../img/material-icon-info.svg)}body h2 .icon.chart{background-image:url(../img/material-icon-chart.svg)}body h2 .icon.search{background-image:url(../img/material-icon-search.svg)}body .box{margin-top:4px;width:100%;height:2px}body .block-description{font-size:14px;color:#999}#cover{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#f6f6f6;z-index:1000}#cover div{position:fixed;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#cover div p{margin-top:16px;font-size:13px;line-height:24px}#cover div img{display:block;margin:0 auto;width:120px;height:45.2814px}#container{overflow-x:hidden}#container #title-block{width:100%;background-color:#fefefe}#container #title-block #title-inner{width:calc(100% - 32px);max-width:960px;margin:0 auto;padding:64px 0}#container #title-block #title-inner h3{margin:0;margin-top:8px;font-size:15px;color:#999}#container #title-block #title-inner h1{margin-top:8px;font-size:24px;font-weight:700;color:#222}@media only screen and (min-width:400px){#container #title-block #title-inner h1{font-size:26px}}@media only screen and (min-width:700px){#container #title-block #title-inner h1{font-size:28px}}#container #title-block #title-inner .box{width:64px;height:8px;margin-left:2px}#container #title-block #title-inner p{margin-top:8px;font-size:14px;line-height:26px;color:#666}@media only screen and (min-width:400px){#container #title-block #title-inner p{font-size:15px}}@media only screen and (min-width:700px){#container #title-block #title-inner p{font-size:16px}}#container #search-block{width:calc(100% - 32px);max-width:960px;margin:0 auto}#container #search-block #form-block .control{margin-top:16px}#container #search-block #form-block .control .label{font-size:14px;color:#333}#container #search-block #form-block .control input,#container #search-block #form-block .control select{margin-top:4px}#container #search-block #form-block .control button{margin-top:32px;display:block;width:108px;height:36px;color:#fefefe;background-color:#369;background-image:url(../img/material-icon-search-white.svg);background-position:16px calc(50% + 1px);background-size:24px;background-repeat:no-repeat;border-radius:20px;border:none;box-shadow:1px 0 2px rgba(0,0,0,.2);padding-left:12px}#container #search-block #form-block .control button:hover{cursor:pointer;opacity:.7}#container #search-block #form-block .control #input-gian-title{width:100%;max-width:640px}#container #search-block #form-block .control .control-note{font-size:13px;color:#999;margin-top:4px}#container #search-block #form-block .box{width:100%;height:1px;margin:32px 0}#container #search-block #result-block{width:100%;max-width:960px;margin:0 auto}#container #search-block #result-block #result-number{color:#666;font-size:14px}#container #search-block #result-block #download-result{display:inline-block;margin-top:4px;font-size:14px}#container #search-block #result-block #ul-gian-list{margin-top:16px}#container #search-block #result-block #ul-gian-list li{border-top:1px solid #ddd;padding:8px 0}#container #search-block #result-block #ul-gian-list li div:nth-child(1){font-size:13px;color:#932}#container #search-block #result-block #ul-gian-list li div:nth-child(1) span{color:#369}#container #search-block #result-block #ul-gian-list li div:nth-child(2){margin-top:4px;font-size:15px;font-weight:700;height:44px;overflow:hidden}#container #search-block #result-block #ul-gian-list li div:nth-child(3){margin-top:4px;font-size:13px;color:#888}#container #search-block #result-block #ul-gian-list li:last-child{border-bottom:1px solid #ddd}#container #search-block #result-block #ul-gian-list li:hover{background-color:#fefef6;cursor:pointer}#container #search-block #single-gian-block #single-gian-cover{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background-color:rgba(0,0,0,0);pointer-events:none;transition:all ease 250ms}#container #search-block #single-gian-block #single-gian-content{position:fixed;top:0;right:calc(428px * -1);height:100vh;overflow-y:scroll;width:calc(100% - 32px);max-width:428px;background-color:#fcfcfc;z-index:200;padding:16px;padding-top:64px;transition:all ease 250ms}#container #search-block #single-gian-block #single-gian-content #single-gian-button-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;border-radius:calc(44px * .5);background-color:transparent;background-image:url(../img/material-icon-close.svg);background-position:center center;background-size:80%;background-repeat:no-repeat}#container #search-block #single-gian-block #single-gian-content #single-gian-button-close:hover{cursor:pointer;background-color:rgba(0,0,0,.1)}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner h3{font-weight:700;font-size:16px;margin-bottom:16px}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner h4{margin-top:32px;font-weight:700;font-size:14px}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul{margin-top:16px}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li{margin-top:8px;min-height:44px}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li div:nth-child(1){font-size:13px;color:#aaa}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul li div:nth-child(2){font-size:15px;color:#333}#container #search-block #single-gian-block #single-gian-content #single-gian-content-inner ul.keika{margin-left:16px}#container #summary-block{width:calc(100% - 32px);max-width:960px;margin:0 auto}#container #summary-block article{margin-top:64px}#container #summary-block article h4{font-weight:700;font-size:16px}#container #summary-block article p{margin-top:4px;color:#999;font-size:14px}#container #summary-block article .mini-box{width:32px;height:1px}#container #summary-block article .echarts-tooltip span{font:15px/20px Roboto!important}#container #summary-block .chart-wrapper{margin-top:16px;width:100%;height:360px;overflow-y:scroll;overflow-x:hidden;position:relative}#container #switch-block #switch{position:fixed;width:calc(100vw - (16px * 2));max-width:360px;bottom:16px;left:16px;background-color:#fafafa;display:flex;border:none;height:42px;border-radius:21px;box-shadow:0 0 4px rgba(0,0,0,.3)}@media screen and (min-width:393px){#container #switch-block #switch{left:calc(50vw - (360px / 2))}}#container #switch-block #switch .switch-item{margin:1px;color:#999;width:50%;height:40px;border-radius:20px;font-size:16px;text-align:center;line-height:40px;padding-left:16px;background-repeat:no-repeat;background-position:32px calc(50%);background-size:28px}#container #switch-block #switch .switch-item:nth-child(1){background-image:url(../img/material-icon-chart.svg)}#container #switch-block #switch .switch-item:nth-child(2){background-position:24px calc(50% + 1px);background-image:url(../img/material-icon-search.svg)}#container #switch-block #switch .switch-item:hover{cursor:pointer;background-color:rgba(0,0,0,.1)}#container #switch-block #switch .switch-item.selected{background-color:#a32;color:#fefefe}#container #switch-block #switch .switch-item.selected:nth-child(1){background-image:url(../img/material-icon-chart-white.svg)}#container #switch-block #switch .switch-item.selected:nth-child(2){background-image:url(../img/material-icon-search-white.svg)}#container #search-block,#container #summary-block{display:none}#container #search-block.show,#container #summary-block.show{display:block}#container #footer-block{margin:0 auto;margin-top:64px;margin-bottom:96px;width:calc(100% - 32px);max-width:960px}#container #footer-block .box{width:100%;height:2px;margin:4px 0 16px 0}#container #footer-block .box-2{width:100%;height:1px;margin-top:64px}#container #footer-block p{font-size:14px;color:#666;margin-bottom:8px}#container #footer-block a.logo{display:block;width:240px;height:30px;margin:0 auto;margin-top:32px;background-image:url(../img/smri-logo.svg);background-size:cover;background-position:center center;background-repeat:no-repeat}#container #footer-block #social-buttons{width:fit-content;margin:64px auto 64px auto}#container #footer-block #social-buttons .social-button{display:inline-block}#container #footer-block #social-buttons .social-button a{display:block;margin:0 8px;width:48px;height:48px;border:1px solid #fefefe;border-radius:50%;background-size:contain;background-position:center center;background-repeat:no-repeat;z-index:10}#container #footer-block #social-buttons .social-button a.facebook{background-image:url(../img/social-icon-facebook.svg)}#container #footer-block #social-buttons .social-button a.twitter{background-image:url(../img/social-icon-twitter.svg)}#container #footer-block #social-buttons .social-button a.line{background-image:url(../img/social-icon-line.png)}#container #footer-block #social-buttons .social-button a.copy{background-image:url(../img/social-icon-copy.svg);background-color:#999;background-size:65%}#container #footer-block #social-buttons .social-button div{margin-top:4px;color:#999;font-size:12px;text-align:center}#container #footer-block #social-buttons .social-button div.text-copy:before{content:"Copy"}#container #footer-block #social-buttons .social-button div.text-copy.copied{color:#a32}#container #footer-block #social-buttons .social-button div.text-copy.copied:before{content:"Copied!"}#container #footer-block #social-buttons .margin{display:table-cell;width:24px}body.single-gian-show{overflow-y:hidden}body.single-gian-show #single-gian-cover{background-color:rgba(0,0,0,.7)!important;pointer-events:auto!important}body.single-gian-show #single-gian-content{right:0!important}


--------------------------------------------------------------------------------
/css/style.scss:
--------------------------------------------------------------------------------
  1 | @charset "UTF-8";
  2 | 
  3 | @import url('https://fonts.cdnfonts.com/css/roboto');
  4 | 
  5 | $mobile-max-width: 428px;
  6 | 
  7 | 
  8 | 
  9 | 
 10 | * {
 11 |   margin: 0;
 12 |   padding: 0;
 13 |   outline: none;
 14 |   box-sizing: border-box;
 15 |   font-family: 'Roboto', -apple-system, BlinkMacSystemFont, '游ゴシック体', YuGothic, 'Yu Gothic Medium', 'Noto Sans JP', sans-serif;
 16 |   color: inherit;
 17 |   font-size: inherit;
 18 |   font-weight: inherit;
 19 |   letter-spacing: 0.03em;
 20 | }
 21 | 
 22 | body {
 23 |   width: 100%;
 24 |   background-color: #edeff0;
 25 |   overflow-y: scroll;
 26 |   color: #333;
 27 |   font-size: 16px;
 28 |   font-weight: normal;
 29 | 
 30 |   a {
 31 |     color: inherit;
 32 |   }
 33 | 
 34 |   hr {
 35 |     border: none;
 36 |     border-bottom: 1px solid #ccc;
 37 |     margin-top: 32px;
 38 |     margin-bottom: 32px;
 39 |   }
 40 | 
 41 |   ul {
 42 |     list-style-type: none;
 43 |     padding: 0;
 44 |     margin: 0;
 45 |   }
 46 | 
 47 |   input,textarea,select {
 48 |     font-size: 16px;
 49 |     padding: 8px 20px;
 50 |     border: 1px solid #fff;
 51 |     border-radius: 20px;
 52 |     background-color: #fefefe;
 53 | 
 54 |     &:focus {
 55 |       animation: shadow 2s linear 0s infinite forwards;
 56 | 
 57 |       @keyframes shadow {
 58 |       	0%,
 59 |       	100% {
 60 |           box-shadow: 0px 0px 4px #03fccf;
 61 |       	}
 62 |       	50% {
 63 |           box-shadow: 0px 0px 4px #98b5ac;
 64 |       	}
 65 |       }
 66 |     }
 67 |   }
 68 | 
 69 |   select {
 70 |     appearance: none;
 71 |     background-image: url(../img/material-icon-arrow-down.svg);
 72 |     background-repeat: no-repeat;
 73 |     background-position: calc(100% - 10px) calc(50% + 1px);
 74 |     padding: 8px 48px 8px 20px;
 75 |   }
 76 | 
 77 |   .sn-color {
 78 |     background: linear-gradient(90deg,#ff645b,#ff645b 25%,#ffc73d 0,#ffc73d 50%,#54e470 0,#54e470 75%,#0fbbe7 0,#0fbbe7);
 79 |   }
 80 | 
 81 |   h2 {
 82 |     margin-top: 32px;
 83 |     font-size: 20px;
 84 |     padding-left: 24px;
 85 |     position: relative;
 86 | 
 87 |     .icon {
 88 |       width: 22px;
 89 |       height: 22px;
 90 |       background-repeat: no-repeat;
 91 |       background-position: center center;
 92 |       background-size: contain;
 93 |       position: absolute;
 94 |       top: 4px;
 95 |       left: 0;
 96 | 
 97 |       &.info   {background-image: url(../img/material-icon-info.svg);}
 98 |       &.chart  {background-image: url(../img/material-icon-chart.svg);}
 99 |       &.search {background-image: url(../img/material-icon-search.svg);}
100 |     }
101 |   }
102 | 
103 |   .box {
104 |     margin-top: 4px;
105 |     width: 100%;
106 |     height: 2px;
107 |   }
108 | 
109 |   .block-description {
110 |     font-size: 14px;
111 |     color: #999;
112 |   }
113 | }
114 | 
115 | 
116 | #cover {
117 |   position: fixed;
118 |   width: 100%;
119 |   height: 100%;
120 |   top: 0;
121 |   left: 0;
122 |   background-color: #f6f6f6;
123 |   z-index: 1000;
124 | 
125 |   div {
126 |     position: fixed;
127 |     width: 100%;
128 |     top: 50%;
129 |     left: 50%;
130 |     transform: translate(-50%, -50%);
131 |     text-align: center;
132 | 
133 |     p {
134 |       margin-top: 16px;
135 |       font-size: 13px;
136 |       line-height: 24px;
137 |     }
138 | 
139 |     img {
140 |       display: block;
141 |       margin: 0 auto;
142 |       width: 120px;
143 |       height: 45.2814px;
144 |     }
145 |   }
146 | }
147 | 
148 | #container {
149 |   overflow-x: hidden;
150 | 
151 |   #title-block {
152 |     width: 100%;
153 |     //background: linear-gradient(220.55deg, #FF3F3F 0%, #063CFF 100%);
154 |     background-color: #fefefe;
155 | 
156 |     #title-inner {
157 |       width: calc(100% - 32px);
158 |       max-width: 960px;
159 |       margin: 0 auto;
160 |       padding: 64px 0;
161 | 
162 |       h3 {
163 |         margin: 0;
164 |         margin-top: 8px;
165 |         font-size: 15px;
166 |         color: #999;
167 |       }
168 | 
169 |       h1 {
170 |         margin-top: 8px;
171 |         font-size: 24px;
172 |         font-weight: bold;
173 |         color: #222;
174 | 
175 |         @media only screen and (min-width: 400px) {
176 |           font-size: 26px;
177 |         }
178 | 
179 |         @media only screen and (min-width: 700px) {
180 |           font-size: 28px;
181 |         }
182 |       }
183 | 
184 |       .box {
185 |         width: 64px;
186 |         height: 8px;
187 |         margin-left: 2px;
188 |       }
189 | 
190 |       p {
191 |         margin-top: 8px;
192 |         font-size: 14px;
193 |         line-height: 26px;
194 |         color: #666;
195 | 
196 |         @media only screen and (min-width: 400px) {
197 |           font-size: 15px;
198 |         }
199 | 
200 |         @media only screen and (min-width: 700px) {
201 |           font-size: 16px;
202 |         }
203 |       }
204 |     }
205 |   }
206 | 
207 |   #search-block {
208 |     width: calc(100% - 32px);
209 |     max-width: 960px;
210 |     margin: 0 auto;
211 | 
212 |     #form-block {
213 |       .control {
214 |         margin-top: 16px;
215 | 
216 |         .label {
217 |           font-size: 14px;
218 |           color: #333;
219 |         }
220 | 
221 |         input,select {
222 |           margin-top: 4px;
223 |         }
224 | 
225 |         button {
226 |           margin-top: 32px;
227 |           display: block;
228 |           width: 108px;
229 |           height: 36px;
230 |           color: #fefefe;
231 |           background-color: #369;
232 |           background-image: url(../img/material-icon-search-white.svg);
233 |           background-position: 16px calc(50% + 1px);
234 |           background-size: 24px;
235 |           background-repeat: no-repeat;
236 |           border-radius: 20px;
237 |           border: none;
238 |           box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
239 |           padding-left: 12px;
240 | 
241 |           &:hover {
242 |             cursor: pointer;
243 |             opacity: 0.7;
244 |           }
245 |         }
246 | 
247 |         #input-gian-title {
248 |           width: 100%;
249 |           max-width: 640px;
250 |         }
251 | 
252 |         .control-note {
253 |           font-size: 13px;
254 |           color: #999;
255 |           margin-top: 4px;
256 |         }
257 |       }
258 | 
259 |       .box {
260 |         width: 100%;
261 |         height: 1px;
262 |         margin: 32px 0;
263 |       }
264 |     }
265 | 
266 |     #result-block {
267 |       width: 100%;
268 |       max-width: 960px;
269 |       margin: 0 auto;
270 | 
271 |       #result-number {
272 |         color: #666;
273 |         font-size: 14px;
274 |       }
275 | 
276 |       #download-result {
277 |         display: inline-block;
278 |         margin-top: 4px;
279 |         font-size: 14px;
280 |       }
281 | 
282 |       #ul-gian-list {
283 |         margin-top: 16px;
284 | 
285 |         li {
286 |           border-top: 1px solid #ddd;
287 |           padding: 8px 0;
288 | 
289 |           div:nth-child(1) {
290 |             font-size: 13px;
291 |             color: #932;
292 | 
293 |             span {
294 |               color: #369;
295 |             }
296 |           }
297 | 
298 |           div:nth-child(2) {
299 |             margin-top: 4px;
300 |             font-size: 15px;
301 |             font-weight: bold;
302 |             height: 44px;
303 |             overflow: hidden;
304 |           }
305 | 
306 |           div:nth-child(3) {
307 |             margin-top: 4px;
308 |             font-size: 13px;
309 |             color: #888;
310 |           }
311 | 
312 |           &:last-child {
313 |             border-bottom: 1px solid #ddd;
314 |           }
315 | 
316 |           &:hover {
317 |             background-color: #fefef6;
318 |             cursor: pointer;
319 |           }
320 |         }
321 |       }
322 |     }
323 | 
324 |     #single-gian-block {
325 |       #single-gian-cover {
326 |         position: fixed;
327 |         top: 0;
328 |         left: 0;
329 |         width: 100vw;
330 |         height: 100vh;
331 |         z-index: 100;
332 |         background-color: rgba(0, 0, 0, 0);
333 |         pointer-events: none;
334 |         transition: all ease 250ms;
335 |       }
336 | 
337 |       #single-gian-content {
338 |         position: fixed;
339 |         top: 0;
340 |         right: calc(#{$mobile-max-width} * -1);
341 |         height: 100vh;
342 |         overflow-y: scroll;
343 |         width: calc(100% - 32px);
344 |         max-width: $mobile-max-width;
345 |         background-color: #fcfcfc;
346 |         z-index: 200;
347 |         padding: 16px;
348 |         padding-top: 64px;
349 |         transition: all ease 250ms;
350 | 
351 |         #single-gian-button-close {
352 |           $size: 44px;
353 |           position: absolute;
354 |           top: 16px;
355 |           right: 16px;
356 |           width: $size;
357 |           height: $size;
358 |           border: none;
359 |           border-radius: calc(#{$size} * 0.5);
360 |           background-color: transparent;
361 |           background-image: url('../img/material-icon-close.svg');
362 |           background-position: center center;
363 |           background-size: 80%;
364 |           background-repeat: no-repeat;
365 | 
366 |           &:hover {
367 |             cursor: pointer;
368 |             background-color: rgba(0, 0, 0, 0.1);
369 |           }
370 |         }
371 | 
372 |         #single-gian-content-inner {
373 | 
374 |           h3 {
375 |             font-weight: bold;
376 |             font-size: 16px;
377 |             margin-bottom: 16px;
378 |           }
379 | 
380 |           h4 {
381 |             margin-top: 32px;
382 |             font-weight: bold;
383 |             font-size: 14px;
384 |           }
385 | 
386 |           ul {
387 |             margin-top: 16px;
388 | 
389 |             li {
390 |               margin-top: 8px;
391 |               min-height: 44px;
392 | 
393 |               div:nth-child(1) {
394 |                 font-size: 13px;
395 |                 color: #aaa;
396 |               }
397 | 
398 |               div:nth-child(2) {
399 |                 font-size: 15px;
400 |                 color: #333;
401 |               }
402 |             }
403 | 
404 |             &.keika {
405 |               margin-left: 16px;
406 |             }
407 |           }
408 |         }
409 |       }
410 |     }
411 |   }
412 | 
413 |   #summary-block {
414 |     width: calc(100% - 32px);
415 |     max-width: 960px;
416 |     margin: 0 auto;
417 | 
418 |     article {
419 |       margin-top: 64px;
420 | 
421 |       h4 {
422 |         font-weight: bold;
423 |         font-size: 16px;
424 |       }
425 | 
426 |       p {
427 |         margin-top: 4px;
428 |         color: #999;
429 |         font-size: 14px;
430 |       }
431 | 
432 |       .mini-box {
433 |         width: 32px;
434 |         height: 1px;
435 |       }
436 | 
437 |       .echarts-tooltip {
438 |         span {
439 |           font: 15px / 20px "Roboto" !important;
440 |         }
441 |       }
442 |     }
443 | 
444 |     .chart-wrapper {
445 |       margin-top: 16px;
446 |       width: 100%;
447 |       height: 360px;
448 |       overflow-y: scroll;
449 |       overflow-x: hidden;
450 |       position: relative;
451 | 
452 |       canvas {
453 |         //margin-top: -40px !important;
454 |       }
455 |     }
456 |   }
457 | 
458 |   #switch-block {
459 |     #switch {
460 |       $max-switch-width: 360px;
461 |       $switch-margin: 16px;
462 | 
463 |       position: fixed;
464 |       width: calc(100vw - (#{$switch-margin} * 2));
465 |       max-width: $max-switch-width;
466 |       bottom: $switch-margin;
467 |       left: $switch-margin;
468 |       background-color: #fafafa;
469 |       display: flex;
470 |       border: none;
471 |       height: 42px;
472 |       border-radius: 21px;
473 |       box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
474 | 
475 |       @media screen and (min-width: ($max-switch-width + ($switch-margin * 2) + 1)){
476 |         left: calc(50vw - (#{$max-switch-width} / 2));
477 |       }
478 | 
479 |       .switch-item {
480 |         margin: 1px;
481 |         color: #999;
482 |         width: 50%;
483 |         height: 40px;
484 |         border-radius: 20px;
485 |         font-size: 16px;
486 |         text-align: center;
487 |         line-height: 40px;
488 |         padding-left: 16px;
489 |         background-repeat: no-repeat;
490 |         background-position: 32px calc(50%);
491 |         background-size: 28px;
492 | 
493 |         &:nth-child(1) {
494 |           background-image: url(../img/material-icon-chart.svg);
495 |         }
496 | 
497 |         &:nth-child(2) {
498 |           background-position: 24px calc(50% + 1px);
499 |           background-image: url(../img/material-icon-search.svg);
500 |         }
501 | 
502 |         &:hover {
503 |           cursor: pointer;
504 |           background-color: rgba(0, 0, 0, 0.1);
505 |         }
506 | 
507 |         &.selected {
508 |           background-color: #a32;
509 |           color: #fefefe;
510 | 
511 |           &:nth-child(1) {
512 |             background-image: url(../img/material-icon-chart-white.svg);
513 |           }
514 | 
515 |           &:nth-child(2) {
516 |             background-image: url(../img/material-icon-search-white.svg);
517 |           }
518 |         }
519 |       }
520 |     }
521 |   }
522 | 
523 |   #summary-block,#search-block {
524 |     display: none;
525 | 
526 |     &.show {
527 |       display: block;
528 |     }
529 |   }
530 | 
531 |   #footer-block {
532 |     margin: 0 auto;
533 |     margin-top: 64px;
534 |     margin-bottom: 96px;
535 |     width: calc(100% - 32px);
536 |     max-width: 960px;
537 | 
538 |     .box {
539 |       width: 100%;
540 |       height: 2px;
541 |       margin: 4px 0 16px 0;
542 |     }
543 | 
544 |     .box-2 {
545 |       width: 100%;
546 |       height: 1px;
547 |       margin-top: 64px;
548 |     }
549 | 
550 |     p {
551 |       font-size: 14px;
552 |       color: #666;
553 |       margin-bottom: 8px;
554 |     }
555 | 
556 |     a.logo {
557 |       display: block;
558 |       width: 240px;
559 |       height: 30px;
560 |       margin: 0 auto;
561 |       margin-top: 32px;
562 |       background-image: url(../img/smri-logo.svg);
563 |       background-size: cover;
564 |       background-position: center center;
565 |       background-repeat: no-repeat;
566 |     }
567 | 
568 |     #social-buttons {
569 |       width: fit-content;
570 |       margin: 64px auto 64px auto;
571 | 
572 |       .social-button {
573 |         display: inline-block;
574 | 
575 |         a {
576 |           display: block;
577 |           margin: 0 8px;
578 |           width: 48px;
579 |           height: 48px;
580 |           border: 1px solid #fefefe;
581 |           border-radius: 50%;
582 |           background-size: contain;
583 |           background-position: center center;
584 |           background-repeat: no-repeat;
585 |           z-index: 10;
586 | 
587 |           &.facebook {background-image:url(../img/social-icon-facebook.svg);}
588 |           &.twitter  {background-image:url(../img/social-icon-twitter.svg);}
589 |           &.line     {background-image:url(../img/social-icon-line.png);}
590 |           &.copy     {background-image:url(../img/social-icon-copy.svg);
591 |             background-color: #999;
592 |             background-size: 65%;
593 |           }
594 |         }
595 | 
596 |         div {
597 |           margin-top: 4px;
598 |           color: #999;
599 |           font-size: 12px;
600 |           text-align: center;
601 | 
602 |           &.text-copy {
603 |             &:before {
604 |               content: "Copy";
605 |             }
606 | 
607 |             &.copied {
608 |               color: #a32;
609 | 
610 |               &:before {
611 |                 content: "Copied!";
612 |               }
613 |             }
614 |           }
615 |         }
616 |       }
617 | 
618 |       .margin {
619 |         display: table-cell;
620 |         width: 24px;
621 |       }
622 |     }
623 |   }
624 | }
625 | 
626 | body.single-gian-show {
627 |   overflow-y: hidden;
628 | 
629 |   #single-gian-cover {
630 |     background-color: rgba(0, 0, 0, 0.7) !important;
631 |     pointer-events: auto !important;
632 |   }
633 | 
634 |   #single-gian-content {
635 |     right: 0px !important;
636 |   }
637 | }
638 | 


--------------------------------------------------------------------------------
/data/gian_status.csv:
--------------------------------------------------------------------------------
 1 | Code,Value
 2 | A,成立
 3 | B,本院議了
 4 | C,衆議院で閉会中審査
 5 | D,撤回
 6 | E,未了
 7 | F,参議院回付案（同意）
 8 | G,両院承認
 9 | H,本院可決
10 | I,両院議決
11 | J,参議院で閉会中審査
12 | K,中間報告
13 | L,参議院議了
14 | M,両院の意見が一致しない旨報告
15 | N,両院承諾
16 | O,閉会中審査
17 | P,議決不要
18 | Q,衆議院で併合修正
19 | R,衆議院議決案（可決）
20 | S,衆議院回付案(同意) 
21 | T,承認
22 | U,承諾なし
23 | V,参議院回付案（不同意）
24 | W,衆議院回付案（同意）
25 | X,撤回承諾
26 | Y,修正承諾
27 | Z,本院修正議決
28 | AA,衆議院で審議中
29 | AC,参議院で審議中


--------------------------------------------------------------------------------
/data/gian_status.json:
--------------------------------------------------------------------------------
1 | {"A":"成立","B":"本院議了","C":"衆議院で閉会中審査","D":"撤回","E":"未了","F":"参議院回付案（同意）","G":"両院承認","H":"本院可決","I":"両院議決","J":"参議院で閉会中審査","K":"中間報告","L":"参議院議了","M":"両院の意見が一致しない旨報告","N":"両院承諾","O":"閉会中審査","P":"議決不要","Q":"衆議院で併合修正","R":"衆議院議決案（可決）","S":"衆議院回付案(同意) ","T":"承認","U":"承諾なし","V":"参議院回付案（不同意）","W":"衆議院回付案（同意）","X":"撤回承諾","Y":"修正承諾","Z":"本院修正議決","AA":"衆議院で審議中","AC":"参議院で審議中"}


--------------------------------------------------------------------------------
/data/gian_type.csv:
--------------------------------------------------------------------------------
 1 | Code,Value
 2 | A,衆法
 3 | B,参法
 4 | C,閣法
 5 | D,予算
 6 | E,条約
 7 | F,承認
 8 | G,承諾
 9 | H,決算
10 | I,国有財産
11 | J,ＮＨＫ決算
12 | K,決議
13 | L,規則
14 | M,規程
15 | N,議決
16 | O,国庫債務
17 | P,憲法八条議決案


--------------------------------------------------------------------------------
/data/gian_type.json:
--------------------------------------------------------------------------------
1 | {"A":"衆法","B":"参法","C":"閣法","D":"予算","E":"条約","F":"承認","G":"承諾","H":"決算","I":"国有財産","J":"ＮＨＫ決算","K":"決議","L":"規則","M":"規程","N":"議決","O":"国庫債務","P":"憲法八条議決案"}


--------------------------------------------------------------------------------
/data/updatetime.json:
--------------------------------------------------------------------------------
1 | {"file_update": "2025-06-04 14:08:44"}


--------------------------------------------------------------------------------
/img/image_1200_630.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smartnews-smri/house-of-representatives/d8af15aa945568d85869af2cc3b512ba95f1008a/img/image_1200_630.png


--------------------------------------------------------------------------------
/img/image_1280_640.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smartnews-smri/house-of-representatives/d8af15aa945568d85869af2cc3b512ba95f1008a/img/image_1280_640.png


--------------------------------------------------------------------------------
/img/material-icon-arrow-down.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="#ccc" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path d="M0 0h24v24H0V0z" fill="none"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/material-icon-chart-white.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#fefefe" d="M11 40V20H16V40ZM11 18V10H16V18ZM32 40V32H37V40ZM32 30V26H37V30ZM21.5 40V26H26.5V40ZM21.5 24V18H26.5V24Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/material-icon-chart.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#999" d="M11 40V20H16V40ZM11 18V10H16V18ZM32 40V32H37V40ZM32 30V26H37V30ZM21.5 40V26H26.5V40ZM21.5 24V18H26.5V24Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/material-icon-close.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2 |     <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="#ccc"/>
3 |     <path d="M0 0h24v24H0z" fill="none"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/img/material-icon-download.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M24 32.35 14.35 22.7 16.5 20.55 22.5 26.55V8H25.5V26.55L31.5 20.55L33.65 22.7ZM11 40Q9.8 40 8.9 39.1Q8 38.2 8 37V29.85H11V37Q11 37 11 37Q11 37 11 37H37Q37 37 37 37Q37 37 37 37V29.85H40V37Q40 38.2 39.1 39.1Q38.2 40 37 40Z"/></svg>


--------------------------------------------------------------------------------
/img/material-icon-info.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#999" d="M22.65 34H25.65V22H22.65ZM24 18.3Q24.7 18.3 25.175 17.85Q25.65 17.4 25.65 16.7Q25.65 16 25.175 15.5Q24.7 15 24 15Q23.3 15 22.825 15.5Q22.35 16 22.35 16.7Q22.35 17.4 22.825 17.85Q23.3 18.3 24 18.3ZM24 44Q19.75 44 16.1 42.475Q12.45 40.95 9.75 38.25Q7.05 35.55 5.525 31.9Q4 28.25 4 24Q4 19.8 5.525 16.15Q7.05 12.5 9.75 9.8Q12.45 7.1 16.1 5.55Q19.75 4 24 4Q28.2 4 31.85 5.55Q35.5 7.1 38.2 9.8Q40.9 12.5 42.45 16.15Q44 19.8 44 24Q44 28.25 42.45 31.9Q40.9 35.55 38.2 38.25Q35.5 40.95 31.85 42.475Q28.2 44 24 44ZM24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24Q24 24 24 24ZM24 41Q31 41 36 36Q41 31 41 24Q41 17 36 12Q31 7 24 7Q17 7 12 12Q7 17 7 24Q7 31 12 36Q17 41 24 41Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/material-icon-openinnew.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M42 25.05V39Q42 40.2 41.1 41.1Q40.2 42 39 42H9Q7.8 42 6.9 41.1Q6 40.2 6 39V9Q6 7.8 6.9 6.9Q7.8 6 9 6H22.95V9H9Q9 9 9 9Q9 9 9 9V39Q9 39 9 39Q9 39 9 39H39Q39 39 39 39Q39 39 39 39V25.05ZM19.1 31.05 17 28.9 36.9 9H25.95V6H42V22.05H39V11.15Z"/></svg>


--------------------------------------------------------------------------------
/img/material-icon-search-white.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#fefefe" d="M39.8 41.95 26.65 28.8Q25.15 30.1 23.15 30.825Q21.15 31.55 18.9 31.55Q13.5 31.55 9.75 27.8Q6 24.05 6 18.75Q6 13.45 9.75 9.7Q13.5 5.95 18.85 5.95Q24.15 5.95 27.875 9.7Q31.6 13.45 31.6 18.75Q31.6 20.9 30.9 22.9Q30.2 24.9 28.8 26.65L42 39.75ZM18.85 28.55Q22.9 28.55 25.75 25.675Q28.6 22.8 28.6 18.75Q28.6 14.7 25.75 11.825Q22.9 8.95 18.85 8.95Q14.75 8.95 11.875 11.825Q9 14.7 9 18.75Q9 22.8 11.875 25.675Q14.75 28.55 18.85 28.55Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/material-icon-search.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#999" d="M39.8 41.95 26.65 28.8Q25.15 30.1 23.15 30.825Q21.15 31.55 18.9 31.55Q13.5 31.55 9.75 27.8Q6 24.05 6 18.75Q6 13.45 9.75 9.7Q13.5 5.95 18.85 5.95Q24.15 5.95 27.875 9.7Q31.6 13.45 31.6 18.75Q31.6 20.9 30.9 22.9Q30.2 24.9 28.8 26.65L42 39.75ZM18.85 28.55Q22.9 28.55 25.75 25.675Q28.6 22.8 28.6 18.75Q28.6 14.7 25.75 11.825Q22.9 8.95 18.85 8.95Q14.75 8.95 11.875 11.825Q9 14.7 9 18.75Q9 22.8 11.875 25.675Q14.75 28.55 18.85 28.55Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/smri-logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 589.71 73.71"><defs><style>.cls-1{fill:#3e3a39;}</style></defs><g id="レイヤー_2" data-name="レイヤー 2"><g id="レイヤー_1-2" data-name="レイヤー 1"><path class="cls-1" d="M10.38,56.89a9.48,9.48,0,0,0-4.15-1.13c-1.77,0-3.94.77-3.94,3.37,0,2,1.59,2.71,3.89,3.77,2.89,1.35,4.94,2.58,4.94,5.55,0,3.64-2.41,5.16-5.35,5.16A15.26,15.26,0,0,1,0,72.38L.39,71a13.92,13.92,0,0,0,5.33,1.21c1.93,0,3.88-.85,3.88-3.72,0-2-1.61-3.14-4.24-4.34S.8,62,.8,59.18c0-3.38,2.63-4.78,5.28-4.78a10.79,10.79,0,0,1,4.75,1.16Z"/><path class="cls-1" d="M25.46,59.25a3.65,3.65,0,0,1,3.76,2.32,7.8,7.8,0,0,1,5.29-2.32c3,0,4.32,1.79,4.32,5.07v9H37.35V64.64c0-2-.5-4.13-3.23-4.13a6.7,6.7,0,0,0-4.61,2.1,10,10,0,0,1,.2,2.27V73.3H28.28V64.64c0-2.06-.53-4.13-3.23-4.13a6.31,6.31,0,0,0-4.47,2.17V73.3H19.11V62.13a9.26,9.26,0,0,0-.36-2.56l1.35-.22a10.08,10.08,0,0,1,.44,2.2A7.05,7.05,0,0,1,25.46,59.25Z"/><path class="cls-1" d="M57.77,73.18l-1.25.26a5.51,5.51,0,0,1-1.07-2.75,4.93,4.93,0,0,1-4.65,2.92c-2.3,0-4.42-1.16-4.42-4,0-3.14,1.55-4.2,8.88-4.59V63.55c0-1.86-.36-3.19-3.06-3.19a8.58,8.58,0,0,0-4.37,1.28l-.39-1.25a10.2,10.2,0,0,1,4.9-1.28c3.52,0,4.34,1.69,4.34,4.39v5.7A6.32,6.32,0,0,0,57.77,73.18Zm-10-3.69c0,2.43,2.1,2.87,3.23,2.87a4.3,4.3,0,0,0,4.27-3.26V66.16C49.45,66.47,47.76,67,47.76,69.49Z"/><path class="cls-1" d="M71.89,59.28l-.08,1.35a4.92,4.92,0,0,0-4.65,2.73V73.3H65.69v-10a15.08,15.08,0,0,0-.37-3.74l1.33-.22a8.63,8.63,0,0,1,.46,2.53A5.38,5.38,0,0,1,71.89,59.28Z"/><path class="cls-1" d="M84.19,72.19v1.13l-.94.07c-2.12.17-3.35-.62-3.35-3.18V60.77H77.46v-1.2H79.9v-3.4l1.47-.34v3.74h3.28v1.2H81.37v9.1c0,1.81.53,2.32,2.08,2.32Z"/><path class="cls-1" d="M94.74,73.3H93.29V54.77h1.93l10.19,16.14V54.77h1.44V73.3h-1.66L94.74,56.6Z"/><path class="cls-1" d="M122.66,72.38a10.5,10.5,0,0,0,4.32-.89l.29,1.23a11.94,11.94,0,0,1-4.73.94c-3.89,0-6.56-2.22-6.56-7,0-4.41,2.26-7.6,6.2-7.6,3.35,0,5.31,2.05,5.31,6.35v.84h-10c-.24,4.56,2.17,6.18,5.19,6.18ZM122,60.22c-2.49,0-4.16,2-4.49,4.85h8.61c-.07-3.26-1.37-4.85-4.1-4.85Z"/><path class="cls-1" d="M153.79,59.5h1.62l-4.68,13.8h-1.45L145,61.47,140.76,73.3h-1.45l-4.68-13.8h1.62l3.88,11.94,4.18-11.75h1.42L150,71.44Z"/><path class="cls-1" d="M170.3,61.19a7.52,7.52,0,0,0-3.43-.83c-1,0-2.82.46-2.82,2.37,0,1.4.89,2,3,2.8,2.25.92,3.94,1.86,3.94,4.12,0,3.07-2.2,4-4.32,4a13.88,13.88,0,0,1-4.61-.87l.39-1.28a10.44,10.44,0,0,0,4.07.87c1.55,0,3-.56,3-2.63,0-1.52-1.19-2.25-3.46-3.16-2-.82-3.42-1.57-3.42-3.79,0-2.83,2.41-3.62,4.27-3.62a9.7,9.7,0,0,1,3.81.79Z"/><path class="cls-1" d="M200.1,72.74h-1.33l-6.1-16-.82,16.6h-1.43l1-18.53h2l6.1,16,6.33-16h2.05l.94,18.53h-1.54l-.75-16.65Z"/><path class="cls-1" d="M224.35,72.38a10.5,10.5,0,0,0,4.32-.89l.29,1.23a11.94,11.94,0,0,1-4.73.94c-3.88,0-6.56-2.22-6.56-7,0-4.41,2.27-7.6,6.2-7.6,3.35,0,5.31,2.05,5.31,6.35v.84h-10c-.24,4.56,2.17,6.18,5.19,6.18Zm-.67-12.16c-2.49,0-4.15,2-4.49,4.85h8.61c-.07-3.26-1.37-4.85-4.1-4.85Z"/><path class="cls-1" d="M242.62,73.59c-3,0-5.26-2-5.26-6.78,0-4,1.33-7.65,5.72-7.65a6,6,0,0,1,4.44,1.93V54L249,53.7V69.44a10,10,0,0,0,.53,3.71l-1.31.27a6.5,6.5,0,0,1-.55-2.53,5.75,5.75,0,0,1-5,2.7Zm4.95-9.44a8.55,8.55,0,0,0-.1-1.64,5.28,5.28,0,0,0-4.2-2.07c-3.06,0-4.41,2.31-4.41,6.32,0,3.16,1.18,5.55,4,5.55a4.91,4.91,0,0,0,4.59-3,10.91,10.91,0,0,0,.1-1.59Z"/><path class="cls-1" d="M260.62,56.46h-1.76V54.74h1.76Zm-.14,16.84H259V59.5h1.47Z"/><path class="cls-1" d="M280.51,73.18l-1.26.26a5.59,5.59,0,0,1-1.06-2.75,4.94,4.94,0,0,1-4.66,2.92c-2.29,0-4.41-1.16-4.41-4,0-3.14,1.54-4.2,8.88-4.59V63.55c0-1.86-.37-3.19-3.07-3.19a8.61,8.61,0,0,0-4.37,1.28l-.38-1.25a10.17,10.17,0,0,1,4.9-1.28c3.52,0,4.34,1.69,4.34,4.39v5.7A6.32,6.32,0,0,0,280.51,73.18Zm-10-3.69c0,2.43,2.1,2.87,3.24,2.87A4.3,4.3,0,0,0,278,69.1V66.16C272.18,66.47,270.49,67,270.49,69.49Z"/><path class="cls-1" d="M309.05,68.74c-1-2.42-1.85-3.5-3.71-3.69h-3.67V73.3h-1.42V54.77h4.1c3.57,0,6.54.77,6.54,4.75a4.67,4.67,0,0,1-3.67,4.9c1.28.43,2.17,1.35,3,3.52.65,1.64,1.52,3.79,2.1,5.36h-1.62C310.33,72,309.71,70.33,309.05,68.74Zm.37-9.07c0-2.73-1.91-3.58-4.95-3.58h-2.8v7.68h4.15A3.92,3.92,0,0,0,309.42,59.67Z"/><path class="cls-1" d="M326.6,72.38a10.53,10.53,0,0,0,4.32-.89l.29,1.23a12,12,0,0,1-4.73.94c-3.89,0-6.57-2.22-6.57-7,0-4.41,2.27-7.6,6.2-7.6,3.36,0,5.31,2.05,5.31,6.35v.84h-10c-.24,4.56,2.18,6.18,5.19,6.18Zm-.68-12.16c-2.48,0-4.15,2-4.49,4.85h8.62c-.07-3.26-1.38-4.85-4.1-4.85Z"/><path class="cls-1" d="M347.33,61.19a7.52,7.52,0,0,0-3.43-.83c-1,0-2.82.46-2.82,2.37,0,1.4.89,2,3,2.8,2.25.92,3.94,1.86,3.94,4.12,0,3.07-2.2,4-4.32,4a13.88,13.88,0,0,1-4.61-.87l.39-1.28a10.44,10.44,0,0,0,4.07.87c1.55,0,3-.56,3-2.63,0-1.52-1.19-2.25-3.45-3.16-2-.82-3.43-1.57-3.43-3.79,0-2.83,2.41-3.62,4.27-3.62a9.66,9.66,0,0,1,3.81.79Z"/><path class="cls-1" d="M362.63,72.38a10.45,10.45,0,0,0,4.31-.89l.3,1.23a12,12,0,0,1-4.73.94c-3.89,0-6.57-2.22-6.57-7,0-4.41,2.27-7.6,6.2-7.6,3.36,0,5.31,2.05,5.31,6.35v.84h-10c-.24,4.56,2.17,6.18,5.19,6.18ZM362,60.22c-2.49,0-4.15,2-4.49,4.85h8.62c-.08-3.26-1.38-4.85-4.11-4.85Z"/><path class="cls-1" d="M386.54,73.18l-1.25.26a5.51,5.51,0,0,1-1.07-2.75,4.92,4.92,0,0,1-4.65,2.92c-2.29,0-4.42-1.16-4.42-4,0-3.14,1.54-4.2,8.88-4.59V63.55c0-1.86-.36-3.19-3.06-3.19a8.58,8.58,0,0,0-4.37,1.28l-.39-1.25a10.2,10.2,0,0,1,4.9-1.28c3.52,0,4.34,1.69,4.34,4.39v5.7A6.32,6.32,0,0,0,386.54,73.18Zm-10-3.69c0,2.43,2.1,2.87,3.23,2.87A4.3,4.3,0,0,0,384,69.1V66.16C378.22,66.47,376.53,67,376.53,69.49Z"/><path class="cls-1" d="M401.62,59.28l-.07,1.35a4.93,4.93,0,0,0-4.66,2.73V73.3h-1.47v-10a15.16,15.16,0,0,0-.36-3.74l1.33-.22a9,9,0,0,1,.45,2.53A5.4,5.4,0,0,1,401.62,59.28Z"/><path class="cls-1" d="M408.38,66.57c0-4.23,1.71-7.53,6.47-7.53a11.62,11.62,0,0,1,3.21.5l-.29,1.31a8.72,8.72,0,0,0-2.92-.51c-3.77,0-5,2.9-5,6.25,0,3.09,1.23,5.79,5.06,5.79a8.16,8.16,0,0,0,3-.51l.24,1.33a10.37,10.37,0,0,1-3.31.51c-4.95,0-6.49-3.43-6.49-7.12Z"/><path class="cls-1" d="M433.11,59.25c3,0,4.32,1.79,4.32,5.07v9H436V64.64c0-2.06-.51-4.13-3.21-4.13a6.43,6.43,0,0,0-4.65,2.2V73.3h-1.5V54l1.5-.25v7.77A7.26,7.26,0,0,1,433.11,59.25Z"/><path class="cls-1" d="M459.83,73.3h-1.52V54.77h1.52Z"/><path class="cls-1" d="M471,59.35a8.4,8.4,0,0,1,.46,2.2,7.29,7.29,0,0,1,5-2.3c3,0,4.35,1.79,4.35,5.07v9h-1.47V64.64c0-2.06-.51-4.13-3.21-4.13a6.51,6.51,0,0,0-4.66,2.17V73.3H470V62.13a8.91,8.91,0,0,0-.37-2.56Z"/><path class="cls-1" d="M497.57,61.19a7.46,7.46,0,0,0-3.43-.83c-1,0-2.82.46-2.82,2.37,0,1.4.89,2,3,2.8,2.24.92,3.93,1.86,3.93,4.12,0,3.07-2.19,4-4.32,4a13.93,13.93,0,0,1-4.61-.87l.39-1.28a10.49,10.49,0,0,0,4.08.87c1.54,0,3-.56,3-2.63,0-1.52-1.18-2.25-3.45-3.16-2-.82-3.43-1.57-3.43-3.79,0-2.83,2.42-3.62,4.27-3.62A9.75,9.75,0,0,1,498,60Z"/><path class="cls-1" d="M511.71,72.19v1.13l-.94.07c-2.12.17-3.35-.62-3.35-3.18V60.77H505v-1.2h2.44v-3.4l1.47-.34v3.74h3.28v1.2h-3.28v9.1c0,1.81.53,2.32,2.07,2.32Z"/><path class="cls-1" d="M521.92,56.46h-1.76V54.74h1.76Zm-.14,16.84H520.3V59.5h1.48Z"/><path class="cls-1" d="M536.42,72.19v1.13l-.94.07c-2.12.17-3.35-.62-3.35-3.18V60.77h-2.44v-1.2h2.44v-3.4l1.47-.34v3.74h3.28v1.2H533.6v9.1c0,1.81.53,2.32,2.08,2.32Z"/><path class="cls-1" d="M549.24,73.68c-3,0-4.32-1.81-4.32-5.06V59.5h1.47v8.83c0,2,.51,4.1,3.21,4.1a6.59,6.59,0,0,0,4.66-2.17V59.5h1.47V70.4a9.7,9.7,0,0,0,.41,3l-1.35.22a6.66,6.66,0,0,1-.46-2.15A7.43,7.43,0,0,1,549.24,73.68Z"/><path class="cls-1" d="M570.47,72.19v1.13l-.94.07c-2.12.17-3.35-.62-3.35-3.18V60.77h-2.44v-1.2h2.44v-3.4l1.47-.34v3.74h3.28v1.2h-3.28v9.1c0,1.81.53,2.32,2.08,2.32Z"/><path class="cls-1" d="M584.88,72.38a10.5,10.5,0,0,0,4.32-.89l.29,1.23a11.94,11.94,0,0,1-4.73.94c-3.89,0-6.56-2.22-6.56-7,0-4.41,2.26-7.6,6.2-7.6,3.35,0,5.31,2.05,5.31,6.35v.84h-10c-.24,4.56,2.17,6.18,5.19,6.18Zm-.67-12.16c-2.49,0-4.16,2-4.49,4.85h8.61c-.07-3.26-1.37-4.85-4.1-4.85Z"/><path class="cls-1" d="M28.22,4.57a40.81,40.81,0,0,1-7.1,15.84A139.31,139.31,0,0,1,33.86,31.57l-3.61,3.5A136.14,136.14,0,0,0,18.51,23.63,46.7,46.7,0,0,1,3.24,35.07L.75,31.5A39.43,39.43,0,0,0,22.54,8.63H2.78V4.57Z"/><path class="cls-1" d="M46.13,16.31a77.12,77.12,0,0,1,7,5.67A34.59,34.59,0,0,0,64.55,10.21H38.12V6H71c-.73,2.65-3.11,10.86-14.85,18.76a88.76,88.76,0,0,1,6.14,6.87l-3.72,3.07A76.76,76.76,0,0,0,43,19.18Z"/><path class="cls-1" d="M106.42,16.77v4.48H76.79V16.77Z"/><path class="cls-1" d="M138.4,24.63a79.31,79.31,0,0,0-16.19-8.09V35.33h-4.64V2.57h4.64v9.48a98.93,98.93,0,0,1,18.42,8.13Z"/><path class="cls-1" d="M180.91,27.2v4.26H148.76V27.2Zm-3-20.6v4.26h-26.2V6.6Z"/><path class="cls-1" d="M216.94,29.58v3.76H189.66V29.58h16a97.15,97.15,0,0,0,1.77-13.93H193.27V11.82h18.45a128.47,128.47,0,0,1-1.92,17.76Z"/><path class="cls-1" d="M253.89,16.77v4.48H224.26V16.77Z"/><path class="cls-1" d="M287.07,4.57A40.52,40.52,0,0,1,280,20.41a139.31,139.31,0,0,1,12.74,11.16l-3.61,3.5a136.14,136.14,0,0,0-11.74-11.44,46.5,46.5,0,0,1-15.27,11.44L259.6,31.5A39.41,39.41,0,0,0,281.39,8.63H261.64V4.57Z"/><path class="cls-1" d="M322.1,8.67A77.11,77.11,0,0,1,333,15.54a54.19,54.19,0,0,0,5.64-12.62l4.53,1.38a68.91,68.91,0,0,1-6.71,13.85,85.18,85.18,0,0,1,8.28,7.52l-3.41,3.68a78.79,78.79,0,0,0-7.56-7.44,44.27,44.27,0,0,1-17,13l-2.65-3.53c3.68-1.65,10.63-4.68,16.38-12.2a80.36,80.36,0,0,0-11-7.29Z"/><path class="cls-1" d="M355.63,31.57c10.4-1.76,12.55-5.9,12.78-13.88H353.83v-4h31.34v4H372.82c-.35,12.2-6.26,15.88-15.42,17.76ZM378,4V8H356.9V4ZM381.26.77a34.51,34.51,0,0,1,2.42,7.82l-3,1a31.79,31.79,0,0,0-2.22-7.94ZM386.75,0a33.51,33.51,0,0,1,2.37,7.86l-2.95,1A30.93,30.93,0,0,0,384,.88Z"/><path class="cls-1" d="M407.92,35.56h-4V22.18a50,50,0,0,1-11.47,5.63l-1.8-3.56A45.34,45.34,0,0,0,413,8.82l3.41,2.46a56,56,0,0,1-8.44,8.06Z"/><path class="cls-1" d="M456.61,4.07c-1.31,9.55-5.83,13.39-11.82,16.57l-2.88-3.3c6.64-2.88,8.33-6.06,9.29-9.13H424.61V4.07ZM425.07,31.73c10.52-4.38,11.86-11.51,11.82-19.91l4.45,0c-.15,7.68-.84,17.42-13.39,23.37Z"/><path class="cls-1" d="M477.79,13.54V35.41H467.24V21.83a13.66,13.66,0,0,1-1.54,1.84l-1.65-4.53c3.07-4,4.22-7.17,4.61-12.7h-4V2.72h13.89V6.44h-6.21a27.83,27.83,0,0,1-1.27,7.1Zm-3.42,3.53h-3.6V31.84h3.6Zm8.75-10.63h-3V2.72h20.14V6.44h-3.68v9h4.25v3.76h-4.25V37h-3.95V19.22H487v3.34c0,5.33-1,10.89-4.91,14.46l-3.53-2.8c1.23-1.19,4.53-4.37,4.53-12v-3h-3.68V15.46h3.68Zm3.91,9h5.61v-9H487Z"/><path class="cls-1" d="M526.47,15.58c-.07,1.15-.07,2-.34,4.06h10.78V31.73c0,.8,0,1,.77,1h2.41c.69,0,.92-.35,1-5.45l3.72.84c-.19,6.56-.26,8.33-3,8.33H536C533,36.45,533,34.38,533,33V23.44H525.4c-.92,3.68-3.22,10.05-14.89,13.74l-2-4c2.15-.42,7.63-1.49,11.2-5.94a10.76,10.76,0,0,0,1.73-3.84H510.51v-3.8h11.71c.19-1.8.23-2.84.26-4.06Zm15.7-3.92c-.31,3.15-.89,4.68-3.19,4.68h-7.25c-2.11,0-3.15-.53-3.15-2.53V7.63h-4.91c-1,4-3.26,8-11.77,10.36l-1.39-3.79c5.84-1,8-2.81,9.48-6.57h-6.21v4h-4V4h14.93V1h3.83V4h15.08v7.71Zm-2.27-4H532V12c0,.46,0,.88.88.88h4.57c.88,0,1-.31,1.22-3l1.23.27Z"/><path class="cls-1" d="M555.79,9.59h14.15V24.17H559.62c-.23,6.6-.92,9.67-3.11,12.81l-3.37-2.8c1-1.61,2.65-4.45,2.65-11.12Zm15.57-3.53H553.94V2.3h17.42Zm-11.74,7.25v7h6.49v-7Zm29.85-8.82c-2.84,1.19-6.25,2.15-12.74,2.76v5.53h12.89v3.83h-4.18V37h-4V16.61h-4.76c0,3.53,0,13.28-5.14,20.22L568,34.07c4.76-5.18,4.76-13.55,4.76-15.08V3.8a37.68,37.68,0,0,0,14.2-3Z"/></g></g></svg>


--------------------------------------------------------------------------------
/img/social-icon-copy.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path fill="#FFFFFF" d="M15 37.95Q13.8 37.95 12.9 37.05Q12 36.15 12 34.95V6.95Q12 5.75 12.9 4.85Q13.8 3.95 15 3.95H37Q38.2 3.95 39.1 4.85Q40 5.75 40 6.95V34.95Q40 36.15 39.1 37.05Q38.2 37.95 37 37.95ZM15 34.95H37Q37 34.95 37 34.95Q37 34.95 37 34.95V6.95Q37 6.95 37 6.95Q37 6.95 37 6.95H15Q15 6.95 15 6.95Q15 6.95 15 6.95V34.95Q15 34.95 15 34.95Q15 34.95 15 34.95ZM9 43.95Q7.8 43.95 6.9 43.05Q6 42.15 6 40.95V10.8H9V40.95Q9 40.95 9 40.95Q9 40.95 9 40.95H32.7V43.95ZM15 6.95Q15 6.95 15 6.95Q15 6.95 15 6.95V34.95Q15 34.95 15 34.95Q15 34.95 15 34.95Q15 34.95 15 34.95Q15 34.95 15 34.95V6.95Q15 6.95 15 6.95Q15 6.95 15 6.95Z"/></svg>
2 | 


--------------------------------------------------------------------------------
/img/social-icon-facebook.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 viewBox="0 0 112.196 112.196" style="enable-background:new 0 0 112.196 112.196;" xml:space="preserve">
 6 | <g>
 7 | 	<circle style="fill:#3B5998;" cx="56.098" cy="56.098" r="56.098"/>
 8 | 	<path style="fill:#FFFFFF;" d="M70.201,58.294h-10.01v36.672H45.025V58.294h-7.213V45.406h7.213v-8.34
 9 | 		c0-5.964,2.833-15.303,15.301-15.303L71.56,21.81v12.51h-8.151c-1.337,0-3.217,0.668-3.217,3.513v7.585h11.334L70.201,58.294z"/>
10 | </g>
11 | <g>
12 | </g>
13 | <g>
14 | </g>
15 | <g>
16 | </g>
17 | <g>
18 | </g>
19 | <g>
20 | </g>
21 | <g>
22 | </g>
23 | <g>
24 | </g>
25 | <g>
26 | </g>
27 | <g>
28 | </g>
29 | <g>
30 | </g>
31 | <g>
32 | </g>
33 | <g>
34 | </g>
35 | <g>
36 | </g>
37 | <g>
38 | </g>
39 | <g>
40 | </g>
41 | </svg>
42 | 


--------------------------------------------------------------------------------
/img/social-icon-line.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/smartnews-smri/house-of-representatives/d8af15aa945568d85869af2cc3b512ba95f1008a/img/social-icon-line.png


--------------------------------------------------------------------------------
/img/social-icon-twitter.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><style>.cls-1{fill:#1da1f2;}.cls-2{fill:#fff;}.cls-3{fill:none;}</style></defs><title>Twitter_Logo_White-on-Blue</title><g id="Dark_Blue" data-name="Dark Blue"><rect class="cls-1" width="400" height="400"/></g><g id="Logo_FIXED" data-name="Logo — FIXED"><path class="cls-2" d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"/><rect class="cls-3" width="400" height="400"/></g></svg>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html class="no-js" lang="ja">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no">
  6 |   <meta name="format-detection" content="telephone=no">
  7 |   <meta property="og:url" content="https://smartnews-smri.github.io/house-of-representatives/" />
  8 |   <meta property="og:type" content="article" />
  9 |   <meta property="og:title" content="国会議案データベース：衆議院 - スマートニュース メディア研究所" />
 10 |   <meta property="og:description" content="衆議院の公式ウェブサイトから国会に提出された議案をデータベース化しました。このページではデータの検索やダウンロードができます。" />
 11 |   <meta property="og:image" content="https://smartnews-smri.github.io/house-of-representatives/img/image_1200_630.png" />
 12 |   <meta name="twitter:card" content="summary_large_image" />
 13 |   <link rel="stylesheet" href="css/style.min.css"/>
 14 |   <title>国会議案データベース：衆議院 - スマートニュース メディア研究所</title>
 15 |   <script async src="https://www.googletagmanager.com/gtag/js?id=G-BK0JTFDVF7"></script>
 16 |   <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-BK0JTFDVF7');</script>
 17 | </head>
 18 | <body>
 19 |   <div id="cover">
 20 |     <div>
 21 |       <p>データを読み込んでいます…</p>
 22 |       <p>表示されない場合は<br /><a href="./">ページを更新</a>してください。</p>
 23 |     </div>
 24 |   </div>
 25 |   <div id="container">
 26 |     <section id="title-block">
 27 |       <div id="title-inner">
 28 |         <div class="sn-color box"></div>
 29 |         <h3>スマートニュース メディア研究所</h3>
 30 |         <h1>国会議案データベース：衆議院</h1>
 31 |         <p>衆議院の公式ウェブサイトから国会に提出された議案をデータベース化しました。このページではデータの検索やダウンロードができます。<a href="https://smartnews-smri.github.io/house-of-councillors/" target="_blank">参議院のデータベースはこちら</a></p>
 32 |       </div>
 33 |     </section>
 34 |     <section id="summary-block" class="show">
 35 |       <h2><div class="icon chart"></div>集計情報</h2>
 36 |       <p class="block-description">審議状況や政党別賛否など項目別の集計データを表示します。</p>
 37 |       <div class="box sn-color"></div>
 38 |       <article>
 39 |         <h4>審議状況</h4>
 40 |         <p>議案ごとの審議状況。途中経過は含まず、それぞれの議案について最新分のみ集計</p>
 41 |         <div class="chart-wrapper" id="summary-chart-status">
 42 |           <div class="inner"></div>
 43 |         </div>
 44 |       </article>
 45 |       <article>
 46 |         <h4>委員会</h4>
 47 |         <p>議案が審議された委員会。「衆議院付託委員会」を集計</p>
 48 |         <div class="chart-wrapper" id="summary-chart-committee">
 49 |           <div class="inner"></div>
 50 |         </div>
 51 |       </article>
 52 |       <article>
 53 |         <h4>議案提出者</h4>
 54 |         <p>議案の提出者。内閣、各委員長、国会議員による立法がある。5件以上のみ掲載</p>
 55 |         <div class="chart-wrapper" id="summary-chart-submitter">
 56 |           <div class="inner"></div>
 57 |         </div>
 58 |       </article>
 59 |       <article>
 60 |         <h4>政党別の賛否</h4>
 61 |         <p>議案に対する政党（会派）別の賛成・反対。主な政党をまとめている。たとえば「自由民主党・無所属の会」とあれば「自由民主党」に数えている。</p>
 62 |         <div class="chart-wrapper" id="summary-chart-foragainst">
 63 |           <div class="inner"></div>
 64 |         </div>
 65 |       </article>
 66 |       <div id="parties-block"></div>
 67 |     </section>
 68 |     <section id="search-block" class="">
 69 |       <h2><div class="icon search"></div>議案検索</h2>
 70 |       <p class="block-description">議案の件名や提出者名、賛成・反対の政党別に議案を検索</p>
 71 |       <div class="box sn-color"></div>
 72 |       <div id="form-block">
 73 |         <form id="form-gian-search" action="./">
 74 |           <div class="control">
 75 |             <div class="label">議案名</div>
 76 |             <input type="text" id="input-gian-title" placeholder="議案名で検索" />
 77 |             <div class="control-note">検索キーワードの例：<span id="keywords"></span></div>
 78 |           </div>
 79 |           <div class="control">
 80 |             <div class="label">議案の種類</div>
 81 |             <select id="select-gian-type">
 82 |               <option value="">指定なし</option>
 83 |             </select>
 84 |           </div>
 85 |           <div class="control">
 86 |             <div class="label">議案の審議状況</div>
 87 |             <select id="select-gian-status">
 88 |               <option value="">指定なし</option>
 89 |             </select>
 90 |           </div>
 91 |           <div class="control">
 92 |             <div class="label">議案提出者</div>
 93 |             <input type="text" id="input-gian-submitter" placeholder="議案の提出者で検索" />
 94 |           </div>
 95 |           <div class="control">
 96 |             <div class="label">賛成した政党（会派）</div>
 97 |             <select id="select-party-for">
 98 |               <option value="">指定なし</option>
 99 |             </select>
100 |             <div class="control-note">「指定なし」以外を選ぶと、採決が行われなかった議案はヒットしません。</div>
101 |           </div>
102 |           <div class="control">
103 |             <div class="label">反対した政党（会派）</div>
104 |             <select id="select-party-against">
105 |               <option value="">指定なし</option>
106 |             </select>
107 |             <div class="control-note">「指定なし」以外を選ぶと、採決が行われなかった議案はヒットしません。</div>
108 |           </div>
109 |           <div class="control">
110 |             <button type="submit">検索</button>
111 |           </div>
112 |         </form>
113 |         <div class="sn-color box"></div>
114 |       </div>
115 |       <div id="result-block">
116 |         <p id="result-number"></p>
117 |         <a href="" id="download-result"></a>
118 |         <ul id="ul-gian-list"></ul>
119 |       </div>
120 |       <div id="single-gian-block">
121 |   			<div id="single-gian-cover"></div>
122 |   			<div id="single-gian-content">
123 |           <button id="single-gian-button-close"></button>
124 |           <div id="single-gian-content-inner">
125 |             <h3></h3>
126 |             <ul id="ul-single-gian-items"></ul>
127 |             <div id="single-gian-content-keika"></div>
128 |           </div>
129 |         </div>
130 |       </div>
131 |     </section>
132 |     <section id="switch-block">
133 |       <div id="switch">
134 | 				<div class="switch-item selected" code="summary">集計情報</div>
135 | 				<div class="switch-item" code="search">議案検索</div>
136 | 			</div>
137 |     </section>
138 |     <section id="footer-block">
139 |       <h2><div class="icon info"></div>このページについて</h2>
140 |       <div class="box sn-color"></div>
141 |       <p>衆議院「<a href="https://www.shugiin.go.jp/internet/itdb_gian.nsf/html/gian/menu.htm" target="_blank">議案情報</a>」ページから、国会に提出された議案をデータベース化したものです。</p>
142 |       <p>「集計情報」では成立した/撤回された議案の数、議案を提出した国会議員、政党別の議案への賛否などの集計を見ることができます。</p>
143 |       <p>また「議案検索」では議案の件名や提出者、賛成・反対した政党名などから議案を検索できます。検索結果だけを選んでダウンロードすることも可能です。</p>
144 |       <p>すべてのデータとソースコードは<a href="https://github.com/smartnews-smri/house-of-representatives" target="_blank">スマートニュース メディア研究所のGitHub</a>で公開しており、自由に閲覧・ダウンロードが可能です。</p>
145 |       <p>GitHubプロジェクトのライセンスはMITライセンスとしています。商用・非商用を問わずご自由にお使いいただけます。</p>
146 |       <p>データやソースコードを引用する際の著作権表記は「スマートニュース メディア研究所」または「SmartNews Media Research Institute」としてください。</p>
147 |       <p>なお、本プロジェクトの利用によって生じたいかなる損害についても、開発者およびスマートニュース株式会社は一切責任を負いません。</p>
148 |       <div class="box-2 sn-color"></div>
149 |       <div id="social-buttons">
150 |         <div class="social-button">
151 |           <a class="copy" href="" id="social-button-copy"></a>
152 |           <div class="text-copy"></div>
153 |         </div>
154 |         <div class="social-button">
155 |           <a class="line" target="_blank" href="https://line.me/R/msg/text/?%E5%9B%BD%E4%BC%9A%E8%AD%B0%E6%A1%88%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%20-%20%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%20%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E7%A0%94%E7%A9%B6%E6%89%80%20https%3A%2F%2Fsmartnews-smri.github.io%2Fhouse-of-representatives%2F"></a>
156 |           <div>LINE</div>
157 |         </div>
158 |         <div class="social-button">
159 |           <a class="facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsmartnews-smri.github.io%2Fhouse-of-representatives%2F"></a>
160 |           <div>Facebook</div>
161 |         </div>
162 |         <div class="social-button">
163 |           <a class="twitter" target="_blank" href="https://twitter.com/share?url=https%3A%2F%2Fsmartnews-smri.github.io%2Fhouse-of-representatives%2F&text=%E5%9B%BD%E4%BC%9A%E8%AD%B0%E6%A1%88%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%20-%20%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%20%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E7%A0%94%E7%A9%B6%E6%89%80%0D%0A"></a>
164 |           <div>Twitter</div>
165 |         </div>
166 |       </div>
167 |       <a class="logo" href="https://smartnews-smri.com/" target="_blank"></a>
168 |     </section>
169 |   </div>
170 |   <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
171 |   <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"></script>
172 |   <script src="js/script.min.js"></script>
173 | </body>
174 | </html>
175 | 


--------------------------------------------------------------------------------
/js/script.js:
--------------------------------------------------------------------------------
  1 | let data = {};
  2 | let charts = {};
  3 | let gResults = [];
  4 | 
  5 | const init = () => {
  6 | 
  7 |   const HEADERS = [
  8 |     "議案種類",
  9 |     "提出回次",
 10 |     "番号",
 11 |     "議案件名",
 12 |     "審議回次",
 13 |     "審議状況",
 14 |     "議案提出者",
 15 |     "議案提出会派",
 16 |     "議案提出者一覧",
 17 |     "議案提出の賛成者"
 18 |   ];
 19 | 
 20 |   const KEIKA_HEADERS = [
 21 |     "審議回次",
 22 |     "審議状況",
 23 |     "経過情報",
 24 |     "経過情報URL",
 25 |     "本文情報",
 26 |     "本文情報URL",
 27 |     "議案種類",
 28 |     "衆議院予備審査議案受理年月日",
 29 |     "衆議院予備付託年月日／衆議院予備付託委員会",
 30 |     "衆議院議案受理年月日",
 31 |     "衆議院付託年月日／衆議院付託委員会",
 32 |     "衆議院審査終了年月日／衆議院審査結果",
 33 |     "衆議院審議終了年月日／衆議院審議結果",
 34 |     "衆議院審議時会派態度",
 35 |     "衆議院審議時賛成会派",
 36 |     "衆議院審議時反対会派",
 37 |     "参議院予備審査議案受理年月日",
 38 |     "参議院予備付託年月日／参議院予備付託委員会",
 39 |     "参議院議案受理年月日",
 40 |     "参議院付託年月日／参議院付託委員会",
 41 |     "参議院審査終了年月日／参議院審査結果",
 42 |     "参議院審議終了年月日／参議院審議結果",
 43 |     "公布年月日／法律番号"
 44 |   ];
 45 | 
 46 |   const KEYWORDS = [
 47 |     "ロシア","東日本大震災","新型コロナ","消費税","年金","エネルギー","学校","復興","ウイルス","銀行","郵政","脱税","アメリカ","土地","海上","図書館","関税","大学","子ども","憲法","高齢","漁業","東京","衛生","食品","建築","保育","電波","住宅","科学","証券","沖縄","家族","検察","農林","祝日","燃料","農地","土砂","輸出","スポーツ","国土","教職員","警備","預金","貯金","北海道","鉄道","青少年","インフルエンザ","消防","港湾","医薬","家畜","インド","オリンピック","畜産","患者","テロ","牛肉","鳥獣","衛星","インターネット","扶養","子育て","駐留","パラリンピック","種子"
 48 |   ];
 49 | 
 50 |   const PARTIES = [
 51 |     ["自由民主党","立憲民主党","日本維新の会","公明党","国民民主党","日本共産党","れいわ新選組"],
 52 |     ["民主党","社会民主党","自由党","希望の党","民進党","生活の党"]
 53 |   ];
 54 | 
 55 |   const addCommas = (num) => {
 56 |     return String(num).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
 57 |   }
 58 | 
 59 |   const loadData = () => {
 60 | 
 61 |     const showData = () => {
 62 | 
 63 |       const getParams = (array, dom_id) => {
 64 | 
 65 |         // Sort ascending
 66 |         let array2 = Object.keys(array).map((k)=>({key: k, value: array[k]}));
 67 |         array2.sort((a, b) => a.value - b.value);
 68 |         array = Object.assign({}, ...array2.map((item) => ({
 69 |           [item.key]: item.value,
 70 |         })));
 71 | 
 72 |         config_data = [];
 73 |         config_labels = [];
 74 | 
 75 |         for (let key in array) {
 76 |           config_data.push(array[key]);
 77 |           config_labels.push(key);
 78 |         }
 79 | 
 80 |         const params = {
 81 |           domid: dom_id,
 82 |           labels: config_labels,
 83 |           datasets: [{
 84 |             name: '',
 85 |             data: config_data
 86 |           }]
 87 |         };
 88 | 
 89 |         return params;
 90 |       }
 91 | 
 92 |       const drawChart = (params) => {
 93 |         const $wrapper = $("#" + params.domid);
 94 |         const $inner = $wrapper.find(".inner")[0];
 95 | 
 96 |         $inner.style.height = 20 + (params.datasets[0].data.length * 20) + "px";
 97 |         if (params.domid === "summary-chart-foragainst") $inner.style.height = parseInt($inner.style.height.replace("px", "")) * 1.2 + "px";
 98 | 
 99 |         const myChart = echarts.init($inner);
100 |         let option = {
101 |           legend: {
102 |             show: ((params.datasets.length >= 2) ? true: false)
103 |           },
104 |           grid: {
105 |             top: ((params.datasets.length >= 2) ? '40px': '0'),
106 |             left: '3%',
107 |             right: '6%',
108 |             bottom: '3%',
109 |             containLabel: true
110 |           },
111 |           tooltip: {
112 |             show: true,
113 |             trigger: 'axis',
114 |             axisPointer: {
115 |               type: 'shadow'
116 |             },
117 |             alwaysShowContent: true,
118 |             className: 'echarts-tooltip',
119 |             backgroundColor: 'rgba(0, 0, 0, 0.6)',
120 |             borderWidth: 0,
121 |             padding: [8, 16],
122 |             textStyle: {
123 |               color: "#fefefe",
124 |               fontSize: 13,
125 |               fontFamily: "Roboto"
126 |             },
127 |             formatter: ((d) => {
128 |               //console.log(d);
129 |               let title = params.labels[d[0].dataIndex];
130 |                 if ((params.domid === "summary-chart-committee")
131 |                     &&  (title.substr(-3) !== "審査会")
132 |                     &&  (title !== "審査省略要求")
133 |                   ) {
134 |                     title += "委員会";
135 |                   }
136 |               let value = addCommas(d[0].value);
137 | 
138 |               let ret = title;
139 |               d.map((r, i) => {
140 |                 let prefix = (params.datasets[i].name !== "") ? params.datasets[i].name + "：": "";
141 |                 ret += "<br>" + prefix + "<span>" + addCommas(r.value) + "</span> 件";
142 |                 if (params.domid === "summary-chart-foragainst") {
143 |                   const total = d.reduce((g, e) => g + e.value, 0);
144 |                   ret += "（" + ((r.value * 100) / total).toFixed(1) + "％）"
145 |                 }
146 |               });
147 |               return ret;
148 |             })
149 |           },
150 |           xAxis: {
151 |             type: 'value',
152 |             position: 'top',
153 |             splitNumber: 4,
154 |             splitLine: {
155 |               show: true,
156 |               lineStyle: {
157 |                 color: '#ccc',
158 |                 //miterLimit: 2
159 |               }
160 |             },
161 |             axisLabel: {
162 |               fontFamily: "Roboto",
163 |               formatter: ((d) => {
164 |                 return addCommas(d);
165 |               })
166 |             }
167 |           },
168 |           yAxis: {
169 |             type: 'category',
170 |             data: params.labels.map((label) => {
171 |               const MAX_LABEL_LENGTH = 8;
172 |               let ret = label;
173 |               if (label.length >= MAX_LABEL_LENGTH) ret = label.slice(0, MAX_LABEL_LENGTH - 1) + "…";
174 |               return ret;
175 |             })
176 |           },
177 |           series: []
178 |         };
179 | 
180 |         params.datasets.map((dataset, i) => {
181 |           option.series.push({
182 |             name: dataset.name,
183 |             type: 'bar',
184 |             stack: 'total',
185 |             label: {
186 |               show: (params.datasets.length === 1) ? true: false,
187 |               position: "right",
188 |               textBorderColor: "#fff",
189 |               textBorderWidth: 0,
190 |               color: "#47a",
191 |               fontFamily: "Roboto",
192 |               formatter: ((d) => {
193 |                 return addCommas(d.data);
194 |               })
195 |             },
196 |             itemStyle: {
197 |               color: (i === 0) ? "#47a": "#f5d25f"
198 |             },
199 |             data: dataset.data
200 |           });
201 |         });
202 | 
203 |         myChart.setOption(option);
204 |       }
205 | 
206 |       const updateSelectBox = (file_name, select_id) => {
207 |         const $select = $("#" + select_id);
208 |         for (let key in data[file_name]) {
209 |           const option = '<option value="' + key + '">' + data[file_name][key] + '</option>';
210 |           $select.append(option);
211 |         }
212 |       }
213 | 
214 |       const updateSelectBoxParties = (select_id) => {
215 |         const $select = $("#" + select_id);
216 | 
217 |         PARTIES.map((ps, i) => {
218 |           const grouplabel = ["現在の主な政党", "過去の主な政党"][i];
219 |           $select.append('<optgroup label="' + grouplabel + '"></optgroup>');
220 |           ps.map(party => {
221 |             const option = '<option value="' + party + '">' + party + '</option>';
222 |             $select.find("optgroup:last").append(option);
223 |           });
224 |         });
225 |       }
226 | 
227 |       const showLatestStatus = () => {
228 |         let statuses = {};
229 | 
230 |         data.gian_summary.map(gian => {
231 |           const status = gian[5];
232 |           if (status !== "") {
233 |             if (!statuses[status]) {
234 |               statuses[status] = 0;
235 |             }
236 |             statuses[status] += 1;
237 |           }
238 |         });
239 | 
240 |         drawChart(getParams(statuses, 'summary-chart-status'));
241 |       }
242 | 
243 |       const showCommittees = () => {
244 |         let committees = {};
245 | 
246 |         data.gian_summary.map(gian => {
247 |           gian[10].map(info => {
248 |             const cominfo = info[10];
249 |             if (cominfo.indexOf("／") !== -1) {
250 |               const name = cominfo.split("／")[1];
251 |               if (name !== "" && name !== "審査省略") {
252 |                 if (!committees[name]) {
253 |                   committees[name] = 0;
254 |                 }
255 |                 committees[name] += 1;
256 |               }
257 |             }
258 |           });
259 |         });
260 | 
261 |         drawChart(getParams(committees, 'summary-chart-committee'));
262 |       }
263 | 
264 |       const showSubmitters = () => {
265 |         let submitters = {};
266 | 
267 |         data.gian_summary.map(gian => {
268 |           let name = gian[6];
269 | 
270 |           if (name.indexOf("君外") !== -1) {
271 |             name = name.split("君外")[0].replace("　", " ");
272 |           }
273 | 
274 |           if (name.slice(-1) === "君") {
275 |             name = name.substr(0, -1).replace("　", " ");
276 |           }
277 | 
278 |           if (name !== "") {
279 |             if (!submitters[name]) {
280 |               submitters[name] = 0;
281 |             }
282 |             submitters[name] += 1;
283 |           }
284 |         });
285 | 
286 |         let submitters2 = {};
287 |         for (let key in submitters) {
288 |           const s = submitters[key];
289 |           if (s >= 5) submitters2[key] = s;
290 |         }
291 | 
292 |         drawChart(getParams(submitters2, 'summary-chart-submitter'));
293 |       }
294 | 
295 |       const showForAgainst = () => {
296 |         let parties = {};
297 | 
298 |         PARTIES.map((ps) => {
299 |           ps.map((p) => {
300 |             parties[p] = [0, 0];
301 |           });
302 |         });
303 | 
304 |         data.gian_summary.map(gian => {
305 |           gian[10].map(row => {
306 |             if (row[14] != "") {
307 |               [row[14], row[15]].map((fas, j) => {
308 |                 fas = fas.replaceAll("; ", "／");
309 |                 fas = fas.replaceAll(";", "／");
310 |                 fas = fas.replaceAll("・", "／");
311 |                 fas.split("／").map((party) => {
312 |                   if (party in parties) {
313 |                     parties[party][j] += 1;
314 |                   }
315 |                 });
316 |               });
317 |             }
318 |           });
319 |         });
320 | 
321 |         let array2 = Object.keys(parties).map((k)=>({key: k, for: parties[k][0], agn: parties[k][1]}));
322 |         array2.sort((a, b) => (a.for + a.agn) - (b.for + b.agn));
323 |         parties = Object.assign({}, ...array2.map((item) => ({
324 |           [item.key]: [item.for, item.agn],
325 |         })));
326 | 
327 |         config_data = [[],[]];
328 |         config_labels = [];
329 | 
330 |         for (let key in parties) {
331 |           config_data[0].push(parties[key][0]);
332 |           config_data[1].push(parties[key][1]);
333 |           config_labels.push(key);
334 |         }
335 |         //console.log(submitters);
336 | 
337 |         drawChart({
338 |           domid: 'summary-chart-foragainst',
339 |           labels: config_labels,
340 |           datasets: [{
341 |             name: '賛成',
342 |             data: config_data[0]
343 |           },{
344 |             name: '反対',
345 |             data: config_data[1]
346 |           }]
347 |         });
348 |       }
349 | 
350 |       const updateKeywords = () => {
351 |         const KEYWORDS_NUM = Math.min(KEYWORDS.length, 6);
352 |         let copy = KEYWORDS.map(d => {
353 |           return d;
354 |         });
355 |         for (let i = 0; i < KEYWORDS_NUM; i++) {
356 |           const j = Math.floor(Math.random() * (KEYWORDS.length - i)); // Between 0 and (KEYWORDS_NUM - 1)
357 |           $("#keywords").append('<a href="">' + copy[j] + '</a>｜');
358 |           copy.splice(j, 1);
359 |         }
360 | 
361 |         $("#keywords").find("a").on("click", function(e){
362 |           e.preventDefault();
363 |           $("#input-gian-title").val($(this).text());
364 |           $("#form-gian-search").submit();
365 |         });
366 |       }
367 | 
368 |       updateSelectBox("gian_type", "select-gian-type");
369 |       updateSelectBox("gian_status", "select-gian-status");
370 |       updateSelectBoxParties("select-party-for");
371 |       updateSelectBoxParties("select-party-against");
372 | 
373 |       showLatestStatus();
374 |       showCommittees();
375 |       showSubmitters();
376 |       showForAgainst();
377 | 
378 |       updateKeywords();
379 | 
380 |       $("#cover").fadeOut();
381 |     }
382 | 
383 |     const updateData = (updatetime) => {
384 | 
385 |       let count = 0;
386 | 
387 |       const targets = [
388 |         "updatetime",
389 |         "gian_type",
390 |         "gian_status",
391 |         "gian_summary"
392 |       ];
393 | 
394 |       targets.map((target) => {
395 |         $.getJSON("data/" + target + ".json", function(json){
396 |           data[target] = json;
397 |           count++;
398 |           if (count >= targets.length) {
399 |             showData();
400 |           }
401 |         });
402 |       });
403 |     }
404 | 
405 |     if (localStorage.getItem('smri-gian')) {
406 |       data = localStorage.getItem('smri-gian');
407 |       $.getJSON("data/updatetime.json", function(updatetime){
408 |         let t1 = new Date(updatetime.file_update);
409 |         let t2 = new Date(data.updatetime.file_update);
410 |         if (t1 > t2) {
411 |           updateData();
412 |         } else {
413 |           showData();
414 |         }
415 |       });
416 |     } else {
417 |       updateData();
418 |     }
419 |   }
420 | 
421 |   const showSingleGian = (index) => {
422 |     const $inner = $("#single-gian-content-inner");
423 |     const $keika = $("#single-gian-content-keika").empty();
424 |     const gian = data.gian_summary[parseInt(index)];
425 | 
426 |     $inner.find("h3").text(gian[3]);
427 |     $("#ul-single-gian-items").empty();
428 | 
429 |     [0,1,2,4,5,6,7,8,9].map(i => {
430 |       const header = HEADERS[i];
431 |       const value = gian[i];
432 | 
433 |       const li =  '<li>'
434 |                   + '<div>' + header + '</div>'
435 |                   + '<div>' + value + '</div>'
436 |                 + '</li>';
437 | 
438 |       $("#ul-single-gian-items").append(li);
439 |     });
440 | 
441 |     gian[10].map(keika => {
442 |       $keika.append('<h4>第' + keika[0] + '回の経過情報</h4>');
443 |       $keika.append('<ul class="keika"></ul>');
444 |       $ul = $keika.find('ul.keika:last');
445 | 
446 |       for (let i = 1; i < keika.length; i++) {
447 |         let value = keika[i];
448 | 
449 |         if (i === 2 || i === 4) {
450 |           const url = keika[i + 1];
451 |           if (url.slice(0, 8) === "https://") {
452 |             value = '<a href="' + url + '" target="_blank">' + value + 'へのリンク</a>';
453 |           }
454 |         } else if (i === 3 || i === 5) {
455 |           continue;
456 |         }
457 | 
458 |         const li =  '<li>'
459 |                     + '<div>' + KEIKA_HEADERS[i] + '</div>'
460 |                     + '<div>' + value + '</div>'
461 |                   + '</li>';
462 | 
463 |         $ul.append(li);
464 |       }
465 |     });
466 | 
467 |     $("body").addClass("single-gian-show");
468 |   }
469 | 
470 |   const bindEvents = () => {
471 | 
472 |     const matchText = (input, haystack) => {
473 | 
474 |       const unifyString = (str) => {
475 |         let ret = str;
476 | 
477 |         // Convert Hiragana into Katakana
478 |         ret = str.replace(/[\u3041-\u3096]/g, function(match) {
479 |           var chr = match.charCodeAt(0) + 0x60;
480 |           return String.fromCharCode(chr);
481 |         });
482 | 
483 |         // Convert full-width characters into half-width
484 |         ret = ret.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
485 |             return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
486 |         });
487 | 
488 |         return ret;
489 |       }
490 | 
491 |       input = unifyString(input);
492 |       haystack = unifyString(haystack);
493 | 
494 |       const DELIMITERS = ["　", " ", ","];
495 |       const DELIMITER = "／／";
496 | 
497 |       DELIMITERS.map(d => {
498 |         input = input.replace(d, DELIMITER);
499 |         haystack = haystack.replace(d, "");
500 |       });
501 | 
502 |       const words = input.split(DELIMITER);
503 |       let match = true;
504 | 
505 |       words.map((w) => {
506 |         if (haystack.indexOf(w) === -1) match = false;
507 |       });
508 | 
509 |       return match;
510 |     }
511 | 
512 |     const matchParty = (input, haystack) => {
513 |       if (input == "") return true;
514 |       if (haystack == "") return false;
515 |       haystack = haystack.replaceAll("・", "／");
516 |       haystack = haystack.replaceAll("; ", "／");
517 |       haystack = haystack.replaceAll(";", "／");
518 |       let ret = false;
519 |       const parties = haystack.split("／");
520 |       if (parties.indexOf(input) !== -1) ret = true;
521 |       return ret;
522 |     }
523 | 
524 |     $("#form-gian-search").on("submit", function(e){
525 |       e.preventDefault();
526 |       $("#ul-gian-list").empty();
527 | 
528 |       let gian_results = 0;
529 |       let keika_results = 0;
530 |       let type   = $("#select-gian-type").find("option:selected").text();
531 |       let status = $("#select-gian-status").find("option:selected").text();
532 |       if (type   === "指定なし") type   = "";
533 |       if (status === "指定なし") status = "";
534 |       const title = $("#input-gian-title").val();
535 |       const submitter = $("#input-gian-submitter").val();
536 |       const party_f = $("#select-party-for").val();
537 |       const party_a = $("#select-party-against").val();
538 |       const MAX_RESULTS = 1000;
539 |       gResults = [];
540 | 
541 |       for (let i = 0; i < data.gian_summary.length; i++) {
542 |         const gian = data.gian_summary[i];
543 | 
544 |         let hit = true;
545 | 
546 |         hit = matchText(title, gian[3]);
547 | 
548 |         if (!matchText(submitter, gian[6])) hit = false;
549 |         if (gian[0].indexOf(type) === -1) hit = false;
550 |         if (gian[5].indexOf(status) === -1) hit = false;
551 | 
552 |         gian[10].map(keika => {
553 |           if (!matchParty(party_f, keika[14])) hit = false;
554 |           if (!matchParty(party_a, keika[15])) hit = false;
555 |         });
556 | 
557 |         if (hit) {
558 |           gian_results  += 1;
559 |           keika_results += gian[10].length;
560 |           gResults.push(gian);
561 | 
562 |           if (gian_results <= MAX_RESULTS) {
563 |             const li =  '<li index="' + i + '">'
564 |                         + '<div><span>第' + gian[4] + '回国会</span> ' + gian[5] + '</div>'
565 |                         + '<div>' + gian[3] + '</div>'
566 |                         + '<div>提出：第' + gian[1] + '回国会｜' + gian[0] + '</div>'
567 |                       + '</li>';
568 |             $("#ul-gian-list").append(li);
569 |           }
570 |         }
571 |       }
572 | 
573 |       if (gian_results > MAX_RESULTS) {
574 |         $("#result-number").text(addCommas(gian_results) + "件ヒットしました。" + addCommas(MAX_RESULTS) + "件までを表示しています。");
575 |       } else if (gian_results === 0) {
576 |         $("#result-number").text("該当する議案がありませんでした。");
577 |       } else {
578 |         $("#result-number").text(addCommas(gian_results) + "件ヒットしました。");
579 |       }
580 | 
581 |       if (gian_results === 0) {
582 |         $("#download-result").text("");
583 |       } else {
584 |         $("#download-result").text("検索結果（途中経過含め" + keika_results + "件）をCSVでダウンロードする");
585 |       }
586 | 
587 | 
588 |       $("li").on("click", function(){
589 |         showSingleGian($(this).attr("index"));
590 |       });
591 |     });
592 | 
593 |     $("#single-gian-cover").on("click", function(){
594 |       $("body").removeClass("single-gian-show");
595 |     });
596 | 
597 |     $("#single-gian-button-close").on("click", function(){
598 |       $("body").removeClass("single-gian-show");
599 |     });
600 | 
601 |     $("#switch").find(".switch-item").on("click", function(){
602 |       if (!$(this).hasClass("selected")) {
603 |         $(this).siblings(".switch-item").removeClass("selected");
604 |         $(this).addClass("selected");
605 | 
606 |         $("#switch").find(".switch-item").each(function(){
607 |           let code = $(this).attr("code");
608 |           if ($(this).hasClass("selected")) {
609 |             $("#" + code + "-block").addClass("show");
610 |           } else {
611 |             $("#" + code + "-block").removeClass("show");
612 |           }
613 | 
614 |           $('body, html').scrollTop(0);
615 |         });
616 |       }
617 |     });
618 | 
619 |     $("#download-result").on("click", function(e){
620 |       e.preventDefault();
621 | 
622 |       const getResultsToArray = () => {
623 |         let headers = HEADERS.concat(KEIKA_HEADERS);
624 |         headers.splice(4, 2);
625 |         let data = headers.join(",") + "\n";
626 | 
627 |         gResults.map(row => {
628 |           row[10].map((keikarow, i) => {
629 |             data += [row[0], row[1], row[2], row[3], row[6], row[7], row[8], row[9]].join(",") + "," + keikarow.join(",") + "\n";
630 |           });
631 |         });
632 | 
633 |         return data;
634 |       }
635 | 
636 |       const now = new Date();
637 |       const y = now.getFullYear();
638 |       const m = now.getMonth()+1;
639 |       const d = now.getDate();
640 |       const h = now.getHours();
641 |       const n = now.getMinutes();
642 |       const s = now.getSeconds();
643 |       const data = getResultsToArray();
644 |       const filename = "smri-house-of-representatives-" + y + m + d + h + n + s + ".csv";
645 |       const bom = new Uint8Array([0xef, 0xbb, 0xbf]);
646 |       const blob = new Blob([bom, data], {type: "text/csv"});
647 | 
648 |       if (window.navigator.msSaveBlob) {
649 |         window.navigator.msSaveBlob(blob, filename);
650 |       } else {
651 |         const url = (window.URL || window.webkitURL).createObjectURL(blob);
652 |         const d = document.createElement("a");
653 |         d.href = url;
654 |         d.download = filename;
655 |         d.click();
656 |         (window.URL || window.webkitURL).revokeObjectURL(url);
657 |       }
658 |     });
659 | 
660 |     $("#social-button-copy").on("click", function(e){
661 |       e.preventDefault();
662 |       let text = "国会議案データベース - スマートニュース メディア研究所\nhttps://smartnews-smri.github.io/house-of-representatives/";
663 |       let $textarea = $('<textarea></textarea>');
664 |       $textarea.text(text);
665 |       $(this).append($textarea);
666 |       $textarea.select();
667 |       document.execCommand('copy');
668 |       $textarea.remove();
669 |       let $copyText = $(this).next(".text-copy");
670 |       $copyText.addClass("copied");
671 | 
672 |       setTimeout(function() {
673 |         $copyText.removeClass("copied");
674 |       }, 3000);
675 |     });
676 |   }
677 | 
678 |   loadData();
679 |   bindEvents();
680 | }
681 | 
682 | 
683 | $(function(){
684 |   init();
685 | });
686 | 


--------------------------------------------------------------------------------
/js/script.min.js:
--------------------------------------------------------------------------------
1 | let data={},charts={},gResults=[];const init=()=>{const t=["議案種類","提出回次","番号","議案件名","審議回次","審議状況","議案提出者","議案提出会派","議案提出者一覧","議案提出の賛成者"],e=["審議回次","審議状況","経過情報","経過情報URL","本文情報","本文情報URL","議案種類","衆議院予備審査議案受理年月日","衆議院予備付託年月日／衆議院予備付託委員会","衆議院議案受理年月日","衆議院付託年月日／衆議院付託委員会","衆議院審査終了年月日／衆議院審査結果","衆議院審議終了年月日／衆議院審議結果","衆議院審議時会派態度","衆議院審議時賛成会派","衆議院審議時反対会派","参議院予備審査議案受理年月日","参議院予備付託年月日／参議院予備付託委員会","参議院議案受理年月日","参議院付託年月日／参議院付託委員会","参議院審査終了年月日／参議院審査結果","参議院審議終了年月日／参議院審議結果","公布年月日／法律番号"],a=["ロシア","東日本大震災","新型コロナ","消費税","年金","エネルギー","学校","復興","ウイルス","銀行","郵政","脱税","アメリカ","土地","海上","図書館","関税","大学","子ども","憲法","高齢","漁業","東京","衛生","食品","建築","保育","電波","住宅","科学","証券","沖縄","家族","検察","農林","祝日","燃料","農地","土砂","輸出","スポーツ","国土","教職員","警備","預金","貯金","北海道","鉄道","青少年","インフルエンザ","消防","港湾","医薬","家畜","インド","オリンピック","畜産","患者","テロ","牛肉","鳥獣","衛星","インターネット","扶養","子育て","駐留","パラリンピック","種子"],n=[["自由民主党","立憲民主党","日本維新の会","公明党","国民民主党","日本共産党","れいわ新選組"],["民主党","社会民主党","自由党","希望の党","民進党","生活の党"]],s=t=>String(t).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,"$1,");(()=>{const t=()=>{const t=(t,e)=>{let a=Object.keys(t).map(e=>({key:e,value:t[e]}));a.sort((t,e)=>t.value-e.value),t=Object.assign({},...a.map(t=>({[t.key]:t.value}))),config_data=[],config_labels=[];for(let e in t)config_data.push(t[e]),config_labels.push(e);return{domid:e,labels:config_labels,datasets:[{name:"",data:config_data}]}},e=t=>{const e=$("#"+t.domid).find(".inner")[0];e.style.height=20+20*t.datasets[0].data.length+"px","summary-chart-foragainst"===t.domid&&(e.style.height=1.2*parseInt(e.style.height.replace("px",""))+"px");const a=echarts.init(e);let n={legend:{show:t.datasets.length>=2},grid:{top:t.datasets.length>=2?"40px":"0",left:"3%",right:"6%",bottom:"3%",containLabel:!0},tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"},alwaysShowContent:!0,className:"echarts-tooltip",backgroundColor:"rgba(0, 0, 0, 0.6)",borderWidth:0,padding:[8,16],textStyle:{color:"#fefefe",fontSize:13,fontFamily:"Roboto"},formatter:e=>{let a=t.labels[e[0].dataIndex];"summary-chart-committee"===t.domid&&"審査会"!==a.substr(-3)&&"審査省略要求"!==a&&(a+="委員会"),s(e[0].value);let n=a;return e.map((a,i)=>{let o=""!==t.datasets[i].name?t.datasets[i].name+"：":"";if(n+="<br>"+o+"<span>"+s(a.value)+"</span> 件","summary-chart-foragainst"===t.domid){const t=e.reduce((t,e)=>t+e.value,0);n+="（"+(100*a.value/t).toFixed(1)+"％）"}}),n}},xAxis:{type:"value",position:"top",splitNumber:4,splitLine:{show:!0,lineStyle:{color:"#ccc"}},axisLabel:{fontFamily:"Roboto",formatter:t=>s(t)}},yAxis:{type:"category",data:t.labels.map(t=>{let e=t;return t.length>=8&&(e=t.slice(0,7)+"…"),e})},series:[]};t.datasets.map((e,a)=>{n.series.push({name:e.name,type:"bar",stack:"total",label:{show:1===t.datasets.length,position:"right",textBorderColor:"#fff",textBorderWidth:0,color:"#47a",fontFamily:"Roboto",formatter:t=>s(t.data)},itemStyle:{color:0===a?"#47a":"#f5d25f"},data:e.data})}),a.setOption(n)},i=(t,e)=>{const a=$("#"+e);for(let e in data[t]){const n='<option value="'+e+'">'+data[t][e]+"</option>";a.append(n)}},o=t=>{const e=$("#"+t);n.map((t,a)=>{const n=["現在の主な政党","過去の主な政党"][a];e.append('<optgroup label="'+n+'"></optgroup>'),t.map(t=>{const a='<option value="'+t+'">'+t+"</option>";e.find("optgroup:last").append(a)})})};i("gian_type","select-gian-type"),i("gian_status","select-gian-status"),o("select-party-for"),o("select-party-against"),(()=>{let a={};data.gian_summary.map(t=>{const e=t[5];""!==e&&(a[e]||(a[e]=0),a[e]+=1)}),e(t(a,"summary-chart-status"))})(),(()=>{let a={};data.gian_summary.map(t=>{t[10].map(t=>{const e=t[10];if(-1!==e.indexOf("／")){const t=e.split("／")[1];""!==t&&"審査省略"!==t&&(a[t]||(a[t]=0),a[t]+=1)}})}),e(t(a,"summary-chart-committee"))})(),(()=>{let a={};data.gian_summary.map(t=>{let e=t[6];-1!==e.indexOf("君外")&&(e=e.split("君外")[0].replace("　"," ")),"君"===e.slice(-1)&&(e=e.substr(0,-1).replace("　"," ")),""!==e&&(a[e]||(a[e]=0),a[e]+=1)});let n={};for(let t in a){const e=a[t];e>=5&&(n[t]=e)}e(t(n,"summary-chart-submitter"))})(),(()=>{let t={};n.map(e=>{e.map(e=>{t[e]=[0,0]})}),data.gian_summary.map(e=>{e[10].map(e=>{""!=e[14]&&[e[14],e[15]].map((e,a)=>{(e=(e=(e=e.replaceAll("; ","／")).replaceAll(";","／")).replaceAll("・","／")).split("／").map(e=>{e in t&&(t[e][a]+=1)})})})});let a=Object.keys(t).map(e=>({key:e,for:t[e][0],agn:t[e][1]}));a.sort((t,e)=>t.for+t.agn-(e.for+e.agn)),t=Object.assign({},...a.map(t=>({[t.key]:[t.for,t.agn]}))),config_data=[[],[]],config_labels=[];for(let e in t)config_data[0].push(t[e][0]),config_data[1].push(t[e][1]),config_labels.push(e);e({domid:"summary-chart-foragainst",labels:config_labels,datasets:[{name:"賛成",data:config_data[0]},{name:"反対",data:config_data[1]}]})})(),(()=>{const t=Math.min(a.length,6);let e=a.map(t=>t);for(let n=0;n<t;n++){const t=Math.floor(Math.random()*(a.length-n));$("#keywords").append('<a href="">'+e[t]+"</a>｜"),e.splice(t,1)}$("#keywords").find("a").on("click",function(t){t.preventDefault(),$("#input-gian-title").val($(this).text()),$("#form-gian-search").submit()})})(),$("#cover").fadeOut()},e=e=>{let a=0;const n=["updatetime","gian_type","gian_status","gian_summary"];n.map(e=>{$.getJSON("data/"+e+".json",function(s){data[e]=s,++a>=n.length&&t()})})};localStorage.getItem("smri-gian")?(data=localStorage.getItem("smri-gian"),$.getJSON("data/updatetime.json",function(a){new Date(a.file_update)>new Date(data.updatetime.file_update)?e():t()})):e()})(),(()=>{const a=(t,e)=>{const a=t=>{let e=t;return e=t.replace(/[\u3041-\u3096]/g,function(t){var e=t.charCodeAt(0)+96;return String.fromCharCode(e)}),e=e.replace(/[Ａ-Ｚａ-ｚ０-９]/g,function(t){return String.fromCharCode(t.charCodeAt(0)-65248)})};t=a(t),e=a(e),["　"," ",","].map(a=>{t=t.replace(a,"／／"),e=e.replace(a,"")});let n=!0;return t.split("／／").map(t=>{-1===e.indexOf(t)&&(n=!1)}),n},n=(t,e)=>{if(""==t)return!0;if(""==e)return!1;let a=!1;return-1!==(e=(e=(e=e.replaceAll("・","／")).replaceAll("; ","／")).replaceAll(";","／")).split("／").indexOf(t)&&(a=!0),a};$("#form-gian-search").on("submit",function(i){i.preventDefault(),$("#ul-gian-list").empty();let o=0,l=0,r=$("#select-gian-type").find("option:selected").text(),c=$("#select-gian-status").find("option:selected").text();"指定なし"===r&&(r=""),"指定なし"===c&&(c="");const d=$("#input-gian-title").val(),p=$("#input-gian-submitter").val(),m=$("#select-party-for").val(),u=$("#select-party-against").val();gResults=[];for(let t=0;t<data.gian_summary.length;t++){const e=data.gian_summary[t];let s=!0;if(s=a(d,e[3]),a(p,e[6])||(s=!1),-1===e[0].indexOf(r)&&(s=!1),-1===e[5].indexOf(c)&&(s=!1),e[10].map(t=>{n(m,t[14])||(s=!1),n(u,t[15])||(s=!1)}),s&&(o+=1,l+=e[10].length,gResults.push(e),o<=1e3)){const a='<li index="'+t+'"><div><span>第'+e[4]+"回国会</span> "+e[5]+"</div><div>"+e[3]+"</div><div>提出：第"+e[1]+"回国会｜"+e[0]+"</div></li>";$("#ul-gian-list").append(a)}}o>1e3?$("#result-number").text(s(o)+"件ヒットしました。"+s(1e3)+"件までを表示しています。"):0===o?$("#result-number").text("該当する議案がありませんでした。"):$("#result-number").text(s(o)+"件ヒットしました。"),0===o?$("#download-result").text(""):$("#download-result").text("検索結果（途中経過含め"+l+"件）をCSVでダウンロードする"),$("li").on("click",function(){(a=>{const n=$("#single-gian-content-inner"),s=$("#single-gian-content-keika").empty(),i=data.gian_summary[parseInt(a)];n.find("h3").text(i[3]),$("#ul-single-gian-items").empty(),[0,1,2,4,5,6,7,8,9].map(e=>{const a="<li><div>"+t[e]+"</div><div>"+i[e]+"</div></li>";$("#ul-single-gian-items").append(a)}),i[10].map(t=>{s.append("<h4>第"+t[0]+"回の経過情報</h4>"),s.append('<ul class="keika"></ul>'),$ul=s.find("ul.keika:last");for(let a=1;a<t.length;a++){let n=t[a];if(2===a||4===a){const e=t[a+1];"https://"===e.slice(0,8)&&(n='<a href="'+e+'" target="_blank">'+n+"へのリンク</a>")}else if(3===a||5===a)continue;const s="<li><div>"+e[a]+"</div><div>"+n+"</div></li>";$ul.append(s)}}),$("body").addClass("single-gian-show")})($(this).attr("index"))})}),$("#single-gian-cover").on("click",function(){$("body").removeClass("single-gian-show")}),$("#single-gian-button-close").on("click",function(){$("body").removeClass("single-gian-show")}),$("#switch").find(".switch-item").on("click",function(){$(this).hasClass("selected")||($(this).siblings(".switch-item").removeClass("selected"),$(this).addClass("selected"),$("#switch").find(".switch-item").each(function(){let t=$(this).attr("code");$(this).hasClass("selected")?$("#"+t+"-block").addClass("show"):$("#"+t+"-block").removeClass("show"),$("body, html").scrollTop(0)}))}),$("#download-result").on("click",function(a){a.preventDefault();const n=new Date,s=n.getFullYear(),i=n.getMonth()+1,o=n.getDate(),l=n.getHours(),r=n.getMinutes(),c=n.getSeconds(),d=(()=>{let a=t.concat(e);a.splice(4,2);let n=a.join(",")+"\n";return gResults.map(t=>{t[10].map((e,a)=>{n+=[t[0],t[1],t[2],t[3],t[6],t[7],t[8],t[9]].join(",")+","+e.join(",")+"\n"})}),n})(),p="smri-house-of-representatives-"+s+i+o+l+r+c+".csv",m=new Uint8Array([239,187,191]),u=new Blob([m,d],{type:"text/csv"});if(window.navigator.msSaveBlob)window.navigator.msSaveBlob(u,p);else{const t=(window.URL||window.webkitURL).createObjectURL(u),e=document.createElement("a");e.href=t,e.download=p,e.click(),(window.URL||window.webkitURL).revokeObjectURL(t)}}),$("#social-button-copy").on("click",function(t){t.preventDefault();let e=$("<textarea></textarea>");e.text("国会議案データベース - スマートニュース メディア研究所\nhttps://smartnews-smri.github.io/house-of-representatives/"),$(this).append(e),e.select(),document.execCommand("copy"),e.remove();let a=$(this).next(".text-copy");a.addClass("copied"),setTimeout(function(){a.removeClass("copied")},3e3)})})()};$(function(){init()});


--------------------------------------------------------------------------------
/main.py:
--------------------------------------------------------------------------------
  1 | # coding: utf-8
  2 | 
  3 | from bs4 import BeautifulSoup
  4 | import requests
  5 | import csv
  6 | import time
  7 | import datetime
  8 | import json
  9 | import glob
 10 | import os
 11 | 
 12 | 
 13 | 
 14 | #-------------------------------------------------------------
 15 | # Get constants
 16 | #-------------------------------------------------------------
 17 | 
 18 | def get_content_folder():
 19 |   dir_data = "./data/"
 20 |   return dir_data
 21 | 
 22 | 
 23 | def get_latest_kaiji():
 24 |   r = requests.get(get_kaiji_url(""))
 25 |   html = BeautifulSoup(r.text, "html.parser")
 26 |   title = html.find("title").text  # ex. "第208回国会　議案の一覧"
 27 | 
 28 |   title = title.replace("第", "")
 29 |   title = title.replace("回国会　議案の一覧", "")
 30 | 
 31 |   return title
 32 | 
 33 | 
 34 | 
 35 | #-------------------------------------------------------------
 36 | # Versatile functions
 37 | #-------------------------------------------------------------
 38 | 
 39 | # Get Kaiji URL
 40 | def get_kaiji_url(kaiji):
 41 |   prefix = "https://www.shugiin.go.jp/internet/itdb_gian.nsf/html/gian/"
 42 |   if kaiji == "":
 43 |     return prefix + "menu.htm"
 44 |   else:
 45 |     return prefix + "kaiji" + kaiji + ".htm"
 46 | 
 47 | 
 48 | 
 49 | # Get CSV file content as array
 50 | # Return False if the file does NOT exist
 51 | def get_csv(url):
 52 |   try:
 53 |     with open(url) as csvfile:
 54 |       read = csv.reader(csvfile, delimiter = ',')
 55 |       rows = list(read)
 56 |       return rows
 57 |   except FileNotFoundError:
 58 |     return False
 59 | 
 60 | 
 61 | # Save CSV or JSON file
 62 | def save_file(url, values):
 63 |   ext = url.split(".")[-1]
 64 | 
 65 |   if ext == "csv":
 66 |     with open(url, 'w', newline = '') as f:
 67 |       writer = csv.writer(f)
 68 |       writer.writerows(values)
 69 | 
 70 |   if ext == "json":
 71 |     with open(url, 'w') as f:
 72 |       json.dump(values, f, ensure_ascii = False)
 73 | 
 74 | 
 75 | #-------------------------------------------------------------
 76 | # Update data
 77 | #-------------------------------------------------------------
 78 | 
 79 | def parse_kaiji(kaiji):
 80 | 
 81 |   def parse_kaiji_main(kaiji):
 82 | 
 83 |     def get_td_value(tds, i, ttype):
 84 |       ret = ""
 85 | 
 86 |       if (len(tds) >= i + 1):
 87 |         if (ttype == "text"):
 88 |           ret = tds[i].text
 89 |         if (ttype == "href"):
 90 |           if (tds[i].find("a") != None):
 91 |             ret = tds[i].find("a")["href"]
 92 |             ret = ret.replace("./", "https://www.shugiin.go.jp/internet/itdb_gian.nsf/html/gian/")
 93 | 
 94 |       # Clean if the value consists of only spaces
 95 |       substitutions = ["　　", "　"]
 96 |       for sub in substitutions:
 97 |         if ret == sub:
 98 |           ret = ""
 99 |       
100 |       return ret
101 | 
102 | 
103 |     result = [[
104 |       "掲載回次",
105 |       "キャプション",
106 |       "種類",
107 |       "提出回次",
108 |       "番号",
109 |       "議案件名",
110 |       "審議状況",
111 |       "経過情報",
112 |       "経過情報URL",
113 |       "本文情報",
114 |       "本文情報URL",
115 |       "議案種類",
116 |       "議案提出者",
117 |       "議案提出会派",
118 |       "衆議院予備審査議案受理年月日",
119 |       "衆議院予備付託年月日／衆議院予備付託委員会",
120 |       "衆議院議案受理年月日",
121 |       "衆議院付託年月日／衆議院付託委員会",
122 |       "衆議院審査終了年月日／衆議院審査結果",
123 |       "衆議院審議終了年月日／衆議院審議結果",
124 |       "衆議院審議時会派態度",
125 |       "衆議院審議時賛成会派",
126 |       "衆議院審議時反対会派",
127 |       "参議院予備審査議案受理年月日",
128 |       "参議院予備付託年月日／参議院予備付託委員会",
129 |       "参議院議案受理年月日",
130 |       "参議院付託年月日／参議院付託委員会",
131 |       "参議院審査終了年月日／参議院審査結果",
132 |       "参議院審議終了年月日／参議院審議結果",
133 |       "公布年月日／法律番号",
134 |       "議案提出者一覧",
135 |       "議案提出の賛成者"
136 |     ]]
137 | 
138 |     r = requests.get(get_kaiji_url(kaiji))
139 |     html = BeautifulSoup(r.text, "html.parser")
140 |     tables = html.find_all('table')
141 | 
142 |     for table in tables:
143 |       trs = table.find_all('tr')
144 |       caption = table.find("caption").text
145 | 
146 |       for tr in trs:
147 |         tds = tr.find_all('td')
148 | 
149 |         if len(tds) >= 1:
150 |           row = [""] * len(result[0])
151 | 
152 |           row[0] = kaiji
153 |           row[1] = caption
154 |           row[2] = ""
155 |           row[3] = get_td_value(tds, 0, "text")
156 |           row[4] = get_td_value(tds, 1, "text")
157 |           row[5] = get_td_value(tds, 2, "text")
158 |           row[6] = get_td_value(tds, 3, "text")
159 |           row[7] = get_td_value(tds, 4, "text")
160 |           row[8] = get_td_value(tds, 4, "href")
161 |           row[9] = get_td_value(tds, 5, "text")
162 |           row[10] = get_td_value(tds, 5, "href")
163 | 
164 |           if caption == "予算の一覧":
165 |             row[9] = ""
166 |             row[10] = ""
167 | 
168 |           if caption == "承諾の一覧":
169 |             row[4] = ""
170 |             row[5] = get_td_value(tds, 1, "text")
171 |             row[6] = get_td_value(tds, 2, "text")
172 |             row[7] = get_td_value(tds, 3, "text")
173 |             row[8] = get_td_value(tds, 3, "href")
174 |             row[9] = ""
175 |             row[10] = ""
176 | 
177 |           if caption == "決算その他":
178 |             row[2] = get_td_value(tds, 0, "text")
179 |             row[3] = get_td_value(tds, 1, "text")
180 |             row[4] = ""
181 |             row[5] = get_td_value(tds, 2, "text")
182 |             row[6] = get_td_value(tds, 3, "text")
183 |             row[7] = get_td_value(tds, 4, "text")
184 |             row[8] = get_td_value(tds, 4, "href")
185 |             row[9] = ""
186 |             row[10] = ""
187 | 
188 |           result.append(row)
189 | 
190 |     return result
191 | 
192 | 
193 |   def parse_keika_all(kaiji, result):
194 | 
195 |     def parse_keika(row):
196 |       time.sleep(1)
197 |       url = row[8]
198 |       r = requests.get(url)
199 |       html = BeautifulSoup(r.text, "html.parser")
200 | 
201 |       tds = html.find_all("td")
202 |       komokus = []
203 |       naiyos = []
204 |       skip_index = -1
205 | 
206 |       #print(url)
207 | 
208 |       for i, td in enumerate(tds):
209 | 
210 |         # If skip
211 |         if i == skip_index:
212 |           skip_index = -1
213 |           continue
214 | 
215 |         if td.text == "議案提出者一覧" or td.text == "議案提出の賛成者":
216 |           komokus.append(td.text)
217 |           naiyos.append(tds[i + 1].text)
218 |           skip_index = i + 1  # Append both Komoku and Naiyo, then skip the next
219 |         else:
220 |           if (td["headers"][0] == "KOMOKU"):
221 |             komokus.append(td.text)
222 |           if (td["headers"][0] == "NAIYO"):
223 |             naiyos.append(td.text)
224 | 
225 |       #for i, komoku in enumerate(komokus):
226 |         #print(komokus[i] + ": " + naiyos[i])
227 |       #print(komokus)
228 |       #print(naiyos)
229 | 
230 |       for i, komoku in enumerate(komokus):
231 | 
232 |         if komoku == "議案提出回次" or komoku == "議案番号":
233 |           continue
234 | 
235 |         naiyo = naiyos[i]
236 |         naiyo = naiyo.replace("\r", "");
237 |         naiyo = naiyo.replace("\n", "");
238 | 
239 |         header_index = result[0].index(komoku)
240 |         row[header_index] = naiyo
241 | 
242 |     for row in result:
243 |       if (row[8][0:8] == "https://"):
244 |         parse_keika(row)
245 | 
246 |     return result
247 | 
248 | 
249 |   def update_gian_file(kaiji, result):
250 |     # Get existing kaiji CSV
251 |     gian_all_raw = get_csv(DIR_DATA + "gian.csv")
252 | 
253 |     # Delete existing kaiji row
254 |     gian_all = []
255 |     for kaiji_row in gian_all_raw:
256 |       if kaiji_row[0] != kaiji:
257 |         gian_all.append(kaiji_row)
258 | 
259 |     # Get index of kaiji
260 |     index = len(gian_all)
261 |     for i, kaiji_row in enumerate(gian_all):
262 |       if i == 0:
263 |         continue
264 |       if int(kaiji_row[0]) > int(kaiji):
265 |         index = i
266 |         break
267 | 
268 |     # Insert into gian_all
269 |     for row in result[1:]:
270 |       gian_all.insert(index, row)
271 |       index += 1
272 | 
273 |     save_file(DIR_DATA + "gian.csv", gian_all)
274 |     save_file(DIR_DATA + "gian.json", gian_all)
275 | 
276 | 
277 | 
278 |   result = parse_kaiji_main(kaiji)
279 |   result = parse_keika_all(kaiji, result)
280 | 
281 |   #for r in result:
282 |     #print(r)
283 | 
284 |   update_gian_file(kaiji, result)
285 | 
286 | 
287 | 
288 | def update_gian_summary():
289 |   gian_all = get_csv(DIR_DATA + "gian.csv")
290 |   gian_sum = []
291 | 
292 |   for a_row in gian_all[1:]:
293 |     appendrow = [
294 |       a_row[0],
295 |       a_row[6],
296 |       a_row[7],
297 |       a_row[8],
298 |       a_row[9],
299 |       a_row[10],
300 |       a_row[11],
301 |       a_row[14],
302 |       a_row[15],
303 |       a_row[16],
304 |       a_row[17],
305 |       a_row[18],
306 |       a_row[19],
307 |       a_row[20],
308 |       a_row[21],
309 |       a_row[22],
310 |       a_row[23],
311 |       a_row[24],
312 |       a_row[25],
313 |       a_row[26],
314 |       a_row[27],
315 |       a_row[28],
316 |       a_row[29]
317 |     ]
318 | 
319 |     s_index = -1
320 |     for i, s_row in enumerate(gian_sum):
321 |       if s_row[0] == a_row[11] and s_row[1] == a_row[3] and s_row[2] == a_row[4] and s_row[3] == a_row[5]:
322 |         s_index = i
323 | 
324 |     if s_index >= 0:
325 |       gian_sum[s_index][4] = a_row[0]   # 掲載回次
326 |       gian_sum[s_index][5] = a_row[6]   # 審議状況
327 |       gian_sum[s_index][6] = a_row[12]  # 議案提出者
328 |       gian_sum[s_index][7] = a_row[13]  # 議案提出会派
329 |       gian_sum[s_index][8] = a_row[-2]  # 議案提出者一覧
330 |       gian_sum[s_index][9] = a_row[-1]  # 議案提出の賛成者
331 |       gian_sum[s_index][10].append(appendrow)
332 |     else:
333 |       newrow = [
334 |         a_row[11],    # 議案種類
335 |         a_row[3],     # 提出回次
336 |         a_row[4],     # 番号
337 |         a_row[5],     # 議案件名
338 |         a_row[0],     # 掲載回次
339 |         a_row[6],     # 審議状況
340 |         a_row[12],    # 議案提出者
341 |         a_row[13],    # 議案提出会派
342 |         a_row[-2],    # 議案提出者一覧
343 |         a_row[-1],    # 議案提出の賛成者
344 |         [appendrow]
345 |       ]
346 | 
347 |       gian_sum.append(newrow)
348 | 
349 |   save_file(DIR_DATA + "gian_summary.json", gian_sum)
350 | 
351 | 
352 | 
353 | def update_time():
354 |   dt_now = datetime.datetime.now()
355 |   dt_str = dt_now.strftime('%Y-%m-%d %H:%M:%S')
356 | 
357 |   latest = {
358 |       'file_update': dt_str
359 |   }
360 | 
361 |   save_file(DIR_DATA + "updatetime.json", latest)
362 | 
363 | 
364 | 
365 | #-------------------------------------------------------------
366 | # Main
367 | #-------------------------------------------------------------
368 | 
369 | DIR_DATA = get_content_folder()
370 | parse_kaiji(get_latest_kaiji())
371 | update_gian_summary()
372 | update_time()
373 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | beautifulsoup4
2 | requests


--------------------------------------------------------------------------------