常連

回答者

ベストアンサー

拍手喝采

鑑定士

自己紹介

### 前提・実現したいこと

[先日の私の記事](https://teratail.com/questions/278850)において
```
まずは、関連する法律の勉強から始めてみては？

との解答でご最もだと思ったのですが、どういった法律があるのか教えていただけないでしょうか？
目の不自由な人向けのタイピングサイトをlaravelで作っています。コードが長いので省略します。
```
### 試したこと
[https://www.soumu.go.jp/main_sosiki/joho_tsusin/security/basic/legal/index.html](https://www.soumu.go.jp/main_sosiki/joho_tsusin/security/basic/legal/index.html)
[https://www.seo-pro.jp/seo/8low](https://www.seo-pro.jp/seo/8low)
[https://web-kanji.com/posts/list-you-should-not-do](https://web-kanji.com/posts/list-you-should-not-do)
```
など調べましたが、法律を調べましたがどういったものが法律に触るのかがわかりませんでした。
```

### 追記いたします

TypesController
```php
<?php

namespace App\Http\Controllers;

use App\Word;

class TypesController extends Controller
{
    public function index() {
        $collection = Word::get();
        //dd($collection->toArray());
        return view('types.index',compact('collection'));
    }
}
```
wordsテーブル
![DB](0cbedacfd2881e6311a3c42f77398be4.png)

dd($collection);の結果
```
array:3 [▼
  0 => array:6 [▼
    "id" => 2
    "word1" => "前田利家"
    "word2" => "まえだとしいえ"
    "level" => 11
    "created_at" => "2020-06-25 12:15:21"
    "updated_at" => "2020-06-25 12:15:21"
  ]
  1 => array:6 [▼
    "id" => 3
    "word1" => "絵画"
    "word2" => "かいが"
    "level" => 5
    "created_at" => "2020-06-25 12:16:10"
    "updated_at" => "2020-06-25 12:16:10"
  ]
  2 => array:6 [▼
    "id" => 4
    "word1" => "古代エジプト"
    "word2" => "こだいえじぷと"
    "level" => 12
    "created_at" => "2020-06-25 22:35:54"
    "updated_at" => "2020-06-25 22:35:54"
  ]
]
```
以上が$collectionの中身です

types/index.blade.php
```php
<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>Typing Game</title>
        <link rel="stylesheet" href="css/typing.css">
    </head>
    <body>
        <header class="container">
            <div id="target">Enterを押して開始します!!</div>
            <div id="hiragana">fight!!!</div>
            <div id="reading">fight!!!</div>
            <div class="info clearfix">
                <div class="letter">正答数: <span id="score">0</span></div>
                <div class="miss">ミス数: <span id="miss">0</span></div>
            </div>
        </header>
        <main class="container">
            <div class="enemy-area clearfix"></div>
        </main>
        <footer>
            <div class="enemys"></div>
        </footer>
        <video id="video">
            <source src="music/swing2.mp3">
        </video>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script>
            let words = {!! json_encode($collection) !!};
        </script>
        <script src="js/typing.js"></script>
    </body>
</html>
```
words/index.blade.php(タイピングワード登録用ページ(私だけが登録できる))

```php
@extends('layouts.default')

@section('title', 'Words')

@section('content')
<div id="result"></div>
<h1>
    <a href="{{ action('TypesController@index') }}">Game Start</a>
    <a href="{{ action('WordsController@create') }}" class="header-menu">新規登録</a>
</h1>
<ul class="clearfix">
    @forelse ($words as $word)
    <li class="menu">
        <p><a href="{{ action('WordsController@show', $word) }}">{{ $word->word1 }}</a></p>
        <p><a href="{{ action('WordsController@show', $word) }}">{{ $word->word2 }}</a></p>
        <a href="{{ action('WordsController@edit', $word) }}">[編集]</a>
        <a href="#" class="del" data-id="{{ $word->id }}">[削除]</a>
        <form method="post" action="{{ action('WordsController@destroy', $word) }}" id="form_{{ $word->id }}">
            {{ csrf_field() }}
            {{ method_field('delete') }}
        </form>
    </li>
    @empty
    <li>No words yet</li>
    @endforelse
</ul>
<div>{{ $words->links() }}</div>
@endsection
```
おおまかですが、このような感じです。

webページをアップロードする際の法律について

### 前提・実現したいこと

HTMLのtextareaタグを使用してキャレット位置から行番号を取得したいです。
textareaタグのwrap属性は下記となります。
wrap="hard" cols="16"

問題となっているのは、ワードラップが発生した場合でも行番号が下記の通り取得できません。
【入力情報】
1行目：123456789012345(改行)
2行目：123456789△(ワードラップにより次の行に123456789012345が移動)
3行目：123456789012345(EOF)
→キャレット（カーソル）が3行目にあれば3を取得したいのですが、実際は2となってしまいます。
→△は半角空白、()は補足です。

何かいい方法はありませんでしょうか。

### 試したこと

・改行コードによる文章の分割　→　ワードラップの対応ができない。
・改行コード　or １行の最大文字数の判定で行数を求める　→　ワードラップが発生すると2行目みたいにMAX文字数が設定されていないため判定できない。
・キャレット座標を取得するライブラリを活用（https://d.akiroom.com/2012-06/jquery-textarea-caret-position-javascript-library/）
　→ワードラップに対応しておらず、ワードラップによって次行にいってもY軸は変更されなかった。

### 補足情報（FW/ツールのバージョンなど）

ブラウザは「Google Chrome バージョン: 81.0.4044.138」です。
HTML、CSS、Javascript(JQuery)を使用しております。
フレームワークは他に何か使う想定はありません。

textareaのキャレットから行番号を取得する

補足1として、WASMがJavaScriptの代わりになるには、
Vue.js や Nuxt.jsの様なフレームワークが、WASM様に開発される必要があるかも知れません。
現時点でのWASMのメリットは、JavaScriptを使用するよりは高速で動作するくらいしか知りません。

補足２として、WASIがスマホアプリの標準になるには、2020.02.05時点では、まだ早い、
早いだけで、先見の明はあるかも知れません。
Go言語はWASMには、対応しておりますが、WASMに対応していれば、自動的にWASIにも対応済みなのでしょうか？

以下は参考情報になります。
WebAssembly
出典: フリー百科事典『ウィキペディア（Wikipedia）』
[https://ja.wikipedia.org/wiki/WebAssembly](https://ja.wikipedia.org/wiki/WebAssembly)

WebAssemblyをWebブラウザ以外の実行環境へ。システムインターフェイスへのアクセスを可能にする「WASI」の策定開始。Mozillaが呼びかけNode.jsらが賛同
[https://www.publickey1.jp/blog/19/webassemblywebwasimozillanodejs.html](https://www.publickey1.jp/blog/19/webassemblywebwasimozillanodejs.html)

WebAssembly(WASM)はJavaScriptの代わりになって行き、WASIはスマホアプリ開発の標準技術になって行くと思いますか？

# やりたいこと

- `yyyymm形式`の`from`, `to`を受け取り、その間の年月を配列に詰めたい

# ちょっと面倒くさい仕様
- `必ずしも１２か月分のfrom, toが来るわけではない`（１２カ月を超えていたら１２か月分にして配列に格納する）
- 年をまたぐときの処理どうしよう。。。以下実装。

# 日本語と実装
- yyyymmのFromからループを始めます。年を跨いでなければfromとtoが同じはずなのでその場合は１番大きなelseにて普通に配列に詰めます。fromとtoが違う場合は下２桁が`１３`になるまでは普通に配列に詰めて１３になったら`yyyy`を１プラス、mmを01にして結合しカウントしている数値へ代入してループ再開します。

```
makeTerms(yyyymmFrom: string, yyyymmTo: string) {
    const termsyyyymm: string[] = []
    const yyyymmFrom = parseInt(ymFrom)
    const yyyymmTo = parseInt(ymTo)
    const yearFrom = parseInt(ymFrom.replace(/(\d{4})(\d{2})/, '$1')) 
    const yearTo = parseInt(ymTo.replace(/(\d{4})(\d{2})/, '$1')) 
    const monthFrom = parseInt(ymFrom.replace(/(\d{4})(\d{2})/, '$2')) 
    const monthTo = parseInt(ymTo.replace(/(\d{4})(\d{2})/, '$2')) 
    if (yearFrom !== yearTo) {
      for (let k = yyyymmFrom; k <= yyyymmTo; k++) {
        const mm = k.toString().substr(4, 2)
        if (mm !== '13') {
          termsyyyymm.push(k.toString())
        } else {
          const newyear = yearFrom + 1
          const newyyyymm = parseInt(newyear.toString() + '01')
          termsyyyymm.push(newyyyymm.toString())
          k = newyyyymm
        }
      }
    } else {
      for (let j = yyyymmFrom; j <= yyyymmTo; j++) {
        termsyyyymm.push(j.toString())
      }
    }
```

# こんな泥臭い感じでいいのでしょうか？一応これで仕様は満たせそうだけど、、、yyyymmカウント用の関数などはググった限り出てきませんでした。

yyyymmのカウントについて

### 前提・実現したいこと

Raspberry Piのアップデートをするために
sudo apt-get update
を行った。
そこで以下のようなエラーが発生しました。
### 発生している問題・エラーメッセージ

```
エラー:1 http://raspbian.raspberrypi.org/raspbian buster InRelease
  'raspbian.raspberrypi.org' が一時的に解決できません
エラー:2 http://archive.raspberrypi.org/debian buster InRelease
  'archive.raspberrypi.org' が一時的に解決できません
パッケージリストを読み込んでいます... 完了
W: http://raspbian.raspberrypi.org/raspbian/dists/buster/InRelease の取得に失敗しました  'raspbian.raspberrypi.org' が一時的に解決できません
W: http://archive.raspberrypi.org/debian/dists/buster/InRelease の取得に失敗しました  'archive.raspberrypi.org' が一時的に解決できません
W: いくつかのインデックスファイルのダウンロードに失敗しました。これらは無視されるか、古いものが代わりに使われます。

```
このサイト[Debian 10 Buster testing をリリース後に apt update するとエラーになる](https://matoken.org/blog/2019/07/11/apt-update-after-releasing-debian-10-buster-testing-results-in-an-error/)
を参考に、
sudo apt --allow-releaseinfo-change update
を行ったが、同様な結果が得られた。

Debianのバージョンは10.1です。
### 該当のソースコード

```ここに言語名を入力
pi@raspberrypi:~ $ sudo apt --allow-releaseinfo-change update
エラー:1 http://raspbian.raspberrypi.org/raspbian buster InRelease
  'raspbian.raspberrypi.org' が一時的に解決できません
エラー:2 http://archive.raspberrypi.org/debian buster InRelease
  'archive.raspberrypi.org' が一時的に解決できません
パッケージリストを読み込んでいます... 完了
依存関係ツリーを作成しています       
状態情報を読み取っています... 完了
パッケージはすべて最新です。
W: http://raspbian.raspberrypi.org/raspbian/dists/buster/InRelease の取得に失敗しました  'raspbian.raspberrypi.org' が一時的に解決できません
W: http://archive.raspberrypi.org/debian/dists/buster/InRelease の取得に失敗しました  'archive.raspberrypi.org' が一時的に解決できません
W: いくつかのインデックスファイルのダウンロードに失敗しました。これらは無視されるか、古いものが代わりに使われます。
```
この問題の解決方法がわかりません。どなたかご教授よろしくお願いします。