見やすい条文
電子政府e-Govで日本の法律は条文を見ることができる。 例: e-Govの民法
しかし字が小さいのでスマホやiPadで見づらい
スマホやiPadで見やすいものが欲しい
プロトタイプ
民法 https://nishio.github.io/better_egov/minpo.html
著作権法 https://nishio.github.io/better_egov/chosakukenhou.html
特許法 https://nishio.github.io/better_egov/tokkyohou.html
既知の問題点
iPadで見るにはまだちょっと文字サイズが小さい。調整機能が欲しい。
著作権法81条の表示がおかしい
号より下の階層が出てくるため
ふりがなの付いているものは本文にふりがなが入ってしまう: 他人の名誉を毀き 損した者
Facebookにリンクを張った場合変な部分が切り取られて表示されてしまう
=====
2020-02-19
NetlifyでSPA用のリダイレクトをするをしてて、このプロジェクトにも有用だと気づいた
「Facebookにリンクを張った場合変な部分が切り取られて表示されてしまう」を解決できる
react-helmetでURLごとにTwitter Card を変更
NetlifyでSSR
前のプロトタイプはPythonでXML→HTMLしてた
今後はTSでXMLをパースし、DOM操作で画面を作る
以前のリポジトリをリネームした Github
URLパスでmetaの出しわけをし、netlifyでSSRできることが検証できた Github
Facebook
---
2019-05-14
「Facebookにリンクを張った場合変な部分が切り取られて表示されてしまう」の問題、「Shareボタン」を作って、それで取得したURLは条文単体へのリンクになれば良いと気づいた
各条文のページを静的に作るか？
それともJSで絞り込み表示でよいか？
---
2018-08-04
プロトタイプ version 2.1
https://nishio.github.io/better_egov/minpo.html#555
#555で555条にリンクできる
https://nishio.github.io/better_egov/minpo.html#13.1.4
#13.1.4で13条1項4号にリンクできる
https://nishio.github.io/better_egov/minpo.html#c3
#c3で3編にリンクできる
コンテナのc
編や章などの「他の物を入れるための構造」をまとめてコンテナと呼ぶことにした
https://nishio.github.io/better_egov/minpo.html#c3.1.5.1.3
#c3.1.5.1.3で第三編　債権, 第一章　総則, 第五節　債権の消滅, 第一款　弁済, 第三目　弁済による代位にリンクできる
各コンテナの直下に、そのコンテナの親と、兄弟と、子のコンテナへのリンクを配置した
https://gyazo.com/a414a759346a99b0b88b24bf59a8f9af
コピー機能を復活させた
https://gyazo.com/8985a5f6762b7e4b1b2cd5e1274bc700
アドレス部分のコピーボタンは黒枠内全部をコピーする
「第X条」の右のコピーボタンはアドレスを除いた部分（この場合「（供託の方法）」以降）をコピーする
各項の右のコピーボタンはそこだけをコピーする
-----
2018-07-13
プロトタイプ version 2
https://nishio.github.io/better_egov/minpo.html#555
#555で555条にリンクできる
https://nishio.github.io/better_egov/minpo.html#13.1.4
#13.1.4で13条1項4号にリンクできる
https://nishio.github.io/better_egov/minpo.html#c3
#c3で3編にリンクできる
コンテナのc
編や章などの「他の物を入れるための構造」をまとめてコンテナと呼ぶことにした
https://nishio.github.io/better_egov/minpo.html#c3.1.5.1.3
#c3.1.5.1.3で第三編　債権, 第一章　総則, 第五節　債権の消滅, 第一款　弁済, 第三目　弁済による代位にリンクできる
各コンテナの直下に、そのコンテナの子のコンテナと、兄弟のコンテナへのリンクを配置した
前のバージョンを使っていた時に欲しいと思ったので
https://gyazo.com/8989f36e578837bcac3108fa2fd255aa
コピー機能は一旦なくなった
ボタンをどこに置いてどこをコピー対象にするか未定なので
e-GovのXMLから直接変換できるようになった
なのでありとあらゆる法律を変換できるはず
ただし民法を想定して作ったので、たぶん他の法律を入れると編がなくてエラーになったりすると思う
その辺はまた今度やる。個人的には著作権法と特許法をやりたい。
やった
著作権法 https://nishio.github.io/better_egov/chosakukenhou.html
特許法 https://nishio.github.io/better_egov/tokkyohou.html
既知の問題点とあったらいいなと思ったこと
ルビがふられてるケースがあって、正しく扱えていない: 他人の名誉を毀き 損した者
条文番号が掛かれている場合はそれもリンクになればいいのに
割といろいろなパターンがあるので面倒
補助開始の審判は、第十七条第一項の審判又は第八百七十六条の九第一項の審判とともにしなければならない。
iPadでズームしたときにズーム後の画面幅で文字列を折り返してほしい
色々調べたり試したりしているのだけど良い方法がわからない
Facebookなどに投稿したときに、適切に条文がプレビューに表示されてほしい
v1では一応出てたんだけどv2では出ないのはなぜか
これの挙動からすると、リンクなどではない地の分が一定以上の割合であるような最も最初に出現するpタグの中身を拾っているっぽい
pタグで囲むことで表示されるようになった
https://gyazo.com/377a55bcaf5b7f796d1093a716482f5e
しかし、よく見ると556条へのリンクなのに表示されてるのは557条
あと「何条」って表記も表示されない。
今気づいたけどv1でも、556条へのリンクなのに556条2項が表示されている
https://gyazo.com/0608ae2c6d07a98608c6a96eac866d70
うーむ…
https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fnishio.github.io%2Fbetter_egov%2Fminpo_v1.html%23556
https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fnishio.github.io%2Fbetter_egov%2Fminpo.html%23556
https://schema.org/ 見てみたけど解決にならなさそう
プロトタイプ version 1
https://nishio.github.io/better_egov/minpo_v1.html#555
#555 で555条にリンクできる
https://nishio.github.io/better_egov/minpo_v1.html#s3
#s3で3編にリンクできる
[copy]と書かれた部分をタップすると条文がクリップボードにコピーされる
感想
各見出しの下に、直下の構造が出れば便利
見出しは条文より手前が良いらしい
住所
見出し
何条何項何号 条文
号は単なる箇条書きだがパーマリンクは貼りたいらしい
e-Govのxmlから変換するのが良いのではないか
将来的にはe-GovのXMLをサポートした方がカバーする条文が増えてよい
とりあえず直近は民法に限ってレイアウトを試行錯誤すればよいので後回し
iPadではまだ小さい
2倍にズームして横幅を制限する機能があるといい？