見やすい条文

• 電子政府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で第三編　債権, 第一章　総則, 第五節　債権の消滅, 第一款　弁済, 第三目　弁済による代位にリンクできる
• 各コンテナの直下に、そのコンテナの親と、兄弟と、子のコンテナへのリンクを配置した
  • 
• コピー機能を復活させた
  • 
  • アドレス部分のコピーボタンは黒枠内全部をコピーする
  • 「第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で第三編　債権, 第一章　総則, 第五節　債権の消滅, 第一款　弁済, 第三目　弁済による代位にリンクできる

• 各コンテナの直下に、そのコンテナの子のコンテナと、兄弟のコンテナへのリンクを配置した

  • 前のバージョンを使っていた時に欲しいと思ったので
  • 

• コピー機能は一旦なくなった

  • ボタンをどこに置いてどこをコピー対象にするか未定なので

• 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タグで囲むことで表示されるようになった
      • 
      • しかし、よく見ると556条へのリンクなのに表示されてるのは557条
      • あと「何条」って表記も表示されない。
      • 今気づいたけどv1でも、556条へのリンクなのに556条2項が表示されている
        • 
      • うーむ…
      • 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倍にズームして横幅を制限する機能があるといい？