常連

1 質問の動機
今，旅館で働いています。旅館では，客の登録情報をもとに，夜食事に向かう時間に応じて布団敷きの順番を決めます。ですが，現在，インバウンドの客が増加したことにより，より効率よく布団敷きの巡回をしなければならなくなりました。
そのため，効率的な布団敷き順路を，食事時間に応じて編成できるようなプログラムを作りたいと思っています。
どの旅館でも汎用性のあるプログラムにしたいので，部屋数，階数，移動方法などは打ち込みでできるようにしたいです。しかしここではサンプルとして，特定の旅館を提示してみたいと思います。

2 条件の例示
布団敷きでは，1階から5階までを階の両端にあるエレベーターで移動して目的の部屋に移動します。端から端まで20部屋あり、隣り合う部屋間の移動はx秒、エレベーターによる階数移動は回数に応じてy秒ずつ増加。一部屋の布団敷きにかかる時間はz秒。さらに、ランダムに食事時間（＝布団敷き許容時間）が各部屋に割り当てられています。布団敷きをするチームは2つに分かれて独立して動くことができます。

このような状況下で、どのような計算が適しているか、みなさんと話し合いたいです！
抜けている条件など適宜は追加したいと思うので、たくさん意見くださったら嬉しいです。

（込み入った状況としては、各部屋人数がもちろん違うので、布団敷きにかかる時間も違います。そして、もし全ての部屋が時間に間に合わなそうな結果の場合、クレームを最小限にするため、間に合わない部屋数も最小化したいです。）

3 少し考えてみた。
最初の一部屋を割り出した後は、近くの部屋で、食事時間と対応し、かつ移動時間が少ない順に大きい方から点数をつけていき、最大の点数の部屋を次の部屋として指定する。
ハミルトン閉路の弱化版のような気がするので、総当たり戦が有効なのだろうか？
ぐらいしか思いつきません！助けてください！

4 展望
業務効率化で（自分の）ブラック労働を減らしたいので、そして、布団敷きに苦しむ色んな人に使って欲しいので、ゆくゆくは3D見取り図などに経路が表示されると素晴らしいなと思います。


どうにか皆さんとお話ししながらこの問題を解決したいです！！！

旅館布団敷き巡回効率化について

### 実現したいこと
**Swiperを使用した、スライダーアクセシビリティ対応**

1. Tab操作でサムネイルをフォーカス
2. Enterを押して対象のスライドに遷移

フォーカス自体はできるのですが、スライダーと連動することができず困惑している状況です。
そもそも可能かどうかも含めてご教示いただけますと幸いです。

### 該当のソースコード

```html
  <div class="swiper-container slider">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="sample001.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample002.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample003.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample004.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample005.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample006.jpg" alt=""></div>
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>

  
  <div class="swiper-container slider-thumbnail">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="sample001.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample002.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample003.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample004.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample005.jpg" alt=""></div>
      <div class="swiper-slide"><img src="sample006.jpg" alt=""></div>
    </div>
  </div>
```

```JavaScript
//サムネイル
var sliderThumbnail = new Swiper('.slider-thumbnail', {
  slidesPerView: 4,
  freeMode: true,
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
});

//スライダー
var slider = new Swiper('.slider', {
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  thumbs: {
    swiper: sliderThumbnail
  }
});
```

### 試したこと

##### サムネイルのdiv要素をa要素/button要素に変更
　結果、フォーカスはできるがEnterなど効かず画像が動作しない。

##### div要素に対してtabindex属性を付与
　上記同様に、フォーカスはできるが画像が連動動作しない。


以上となります。

不足している点などございましたらお手数ですがご教示いただけると幸いです。
大変お手数をおかけしますがよろしくお願い申し上げます。

【アクセシビリティ対応】SwiperのサムネイルをTabで操作する方法

###Slackを試用してみての感想

**参加するチームごとにアカウント作成、パスワード設定が必要**

Slackを試用してみましたが、ユーザーアカウントについて、どうもその設計思想が理解できず、質問させていただきます。

2つのチーム（自分だけがメンバーのテストチームですが）に参加した私は、すでに2度、下記の作業を繰り返しました。
- 招待メールから、PCでチームに参加
- プロフィール名設定、パスワード設定
- 携帯番号を登録
- 送られてきたSMSで番号を認証
- 2段階認証のためのコードを取得（Authy）
- もしもの時のための、復旧コード10桁の数字10パターンをテキスト保存
- スマホでチームに参加（チームアドレス入力、メールアドレス入力、ログインリンク取得）
- タブレットでチームに参加（チームアドレス入力、メールアドレス入力、ログインリンク取得）

**「チームに参加する度に、この操作を繰り返すのか。他人に勧めづらい…」**

それが感想です。

「Googleアカウントでログインできるよ～」で済む話ではない気がします。

「プロフィールをチーム毎に変えられるよ」というのも、やるならオプションで対応して欲しい。

###ユーザーのパスワード管理の仕方

私は、基本的にOpenIDによるID連携は使いません。
（不意に、本名、プロフィール写真が出たり、メールアドレスがバレたりなど）

こうした設計になった理由として考えられるのは、「1ID、1パスワードだけだと、もしIDパスワードが流出したら、全てのチームにアクセスできてしまい危険。」という理由だけでしょうか？

私は、LastPassというパスワード管理を使用しておりますので、アカウントごとにパスワードを変える事に、なんら抵抗はありません。

そんな私でも、チーム毎の携帯番号登録、2段階認証登録、復旧コードなどの管理には、目眩がする思いでした。

まだまだ大多数であろう、「そうしたパスワード管理ツールを使っていない人達」は、Slack内では、すべて共通のパスワードを使うであろう事は、想像に難くありません。

「Slackはパスワードを入力しなくても、ログイン認証済みのURLをメールで送ってくれるので、覚える必要はない。」
そんな風に考えて、自分の入力したパスワードを管理しないと割り切れる人は、少ないと思います。

まぁ、ユーザー認証の歴史は、紆余曲折ありますので、楽しんで見てます。

「アクセシビリティ」と「セキュリティー」のタグを付けましたが、その両者のせめぎ合いという普遍的なテーマであるようにも思いますが、このアプローチは、「なんか違うんじゃないか」という気がしています。

###伺いたい事

なぜ、このような設計になったと考えられますか？

1ID、1パスワードで自分の所属する（招待された）全てのチームにアクセスできるのは、不都合でしょうか？

さまざまなサードパーティーアプリと連携するには、この方が好都合なんだよとかいう、何か理由があれば、伺いたいです。

今後、このような設計のサービスは増えると予想されますでしょうか？

「パスワード入れなくていいから、メールに送ったリンクから入ってね」というのは、今後、流行ると思いますか？

Slack自体を、まだ理解しておりませんので、的外れな所があるかもしれませんが、よろしくお願いします。

###追記
「チームの作り方」について、間違った認識でいました。
いただいた回答のやり取りの中で、有償プランについて出てきて、それ見て納得できました。

> Slackの利用については、いくつか協業している会社をまたいで、プロジェクト毎にチームを作っていけたらなと思っていましたが、認証の所で、尻込みしてしまいました。
> 
> プロジェクト毎に、毎回ほぼメンバーが同じ、5人中4人が同じで、残り一人がそれぞれ違う。つまりは「クライアントが変わる」のですが、それで毎回チームを作っていくのは変ですか？
> 
> 1プロジェクトに2～3チャンネルずつくらい割り当てて、一つのチームだけでやっていくのは、難しいですよね？
> クライアントから見たら、「同じチームの中に、よその全く知らない会社の人がいる」ってなってしまいますもんね？

「チーム」を、LINEのグループのような捉え方をしていたので、そこから間違ってました。
有償プラン入らないと、Slackを理解できなさそうというのが、結論だったっぽいです。

SAML認証って何…

Slackのユーザーアカウントの設計思想について

漢字の読みが難しいタイトルを、正しく読み上げさせたいのですが良い方法はありませんでしょうか。
チェック端末は、androidのchromeで、ユーザー補助のTalkbackを使って読ませています。

仮にタイトルを次のものとします。
<title>真備町妹千歳楽（まびちょうせ せんだいろく）保存会</title>
このままでは、『まびちょういもうとちとせらくほぞんかい』と読まれます。

タグ内はタグが使えないため、
```
<title>
<ruby><rb>真備町妹</rb><rt>まびちょうせ</rt></ruby>
<ruby><rb>千歳楽</rb><rt>せんだいろく</rt></ruby>
</title>
```
このようにルビを使った場合は、
```
<ruby><rb>真備町妹</rb><rt>まびちょうせ</rt></ruby><ruby><rb>千歳楽</rb><rt>せんだいろく</rt></ruby>
```
そのまま出力されます。


理想的な目標は、
■ブラウザ上部へのタイトル表示
　『真備町妹千歳楽保存会』

■Googleへ掲載されるタイトル
　『真備町妹千歳楽（まびちょうせ せんだいろく）保存会』

■音声で読み上げられる内容
　『まびちょうせ せんだいろく ほぞんかい』

となることです。



```ここに言語を入力
<title class="not_voice" aria-hidden="true">真備町妹千歳楽保存会</title>
<title class="voice">まびちょうせ せんだいろく ほぞんかい</title>
```
2重に表記するとこで、aria-hidden="true" で読み上げをスキップできないか、
@media only speech {.not_voice {display:none;}}　メディアクエリで回避できないかと試してみたのですが、上手くいきませんでした。

どなたかよい方法があれば、教えていただけると助かります。

タイトルタグ内の漢字を正しく音声で読み上げて欲しい

いつの頃からか自分のコメントを範囲選択できなくなりました。
他人のコメントであれば範囲選択できますし、自分の回答は範囲選択可能です。
とりあえず、コメントの編集画面にすれば選択可能ですが、一手間かかって不便に感じています。
私の環境起因かを判別したいのですが、皆さんの環境ではいかがでしょうか。

```
OS: Windows 7 Home Premium SP1 (64bit)
Broser: Google Chrome 46.0.2490.86 m
```

teratail で自分のコメントだけマウスで範囲選択できない(GC46)

下図の様なデータテーブルの「左上のtdセルの存在」は、アクセシビリティ（JIS X 8341-3:2010）上で抵触はないものとしてよろしいでしょうか。
※左上のtdセルは当然ですが空とします（<td></td>）
※単純テーブルですのでscopeは付けていません
※ASの対応などはひとまず考慮外
![イメージ説明][WIDTH:600](e545abef47724b2609ef98913e6f8073.jpeg)



回答１：問題なく、抵触しない
 →もし根拠となるソース（URL）がありましたら、お教えいただければ幸いです。
  ※URLを記載することがはばかられる場合、対象ソースへの検索のヒントなどでも結構です


回答２：抵触しないが、良くはない
 →改修案のヒントと根拠など頂戴できれば幸いです
  例）tdを用いずに、th（＋scope）とし、何かしらヘッダデータを入れるべき。なぜなら……


回答３：抵触している
 →何に抵触しているかご指摘いただければ幸いです
  例）達成基準 1.3.1 情報及び関係性
  合わせて達成するための実装方法のヒントなど頂戴できれば幸いです


現状として、「抵触根拠なし」として回答１の判定をしています。
等級は問わず、アクセシビリティ（JIS X 8341-3:2010）に準拠したサイトを構築された実績のある方よりのご回答を希望いたします。

【アクセシビリティ】データテーブルにおいてthと関連付かないtdの存在に関して

Macのアクセシビリティにある読み上げ機能で画面上で設定できる上限値を超えることは可能でしょうか。
調べてみたところ、speaking rateの設定は、terminalで -r をつけることでrateを設定できるようです。

確認したところ、kyokoでの読み上げ設定の上限値は720でした。
環境設定でバーを使って設定できる上限値は、rate 350です。
デフォルトで720に設定することは可能でしょうか。

```terminal
say hello -r 720
```

もし可能だとしたら、
/Library/Preferences/ByHost/
にある設定ファイルの中からplutilコマンドを使用して、設定変更ができるかと思うのですが、どこで設定されているのか調べる方法がわかりません。

ご存知の方がいらっしゃいましたら教えて下さい。


##参考にしたサイト
macos - Is it possible to change the speech rate in OS X say command? - Super User
https://superuser.com/questions/679099/is-it-possible-to-change-the-speech-rate-in-os-x-say-command


##追記 2020/04/23　15:32
Techniques for Customizing Synthesized Speech
https://developer.apple.com/library/archive/documentation/UserExperience/Conceptual/SpeechSynthesisProgrammingGuide/FineTuning/FineTuning.html#//apple_ref/doc/uid/TP40004365-CH5-SW3

上記のサイトの記述からSpeech SynthesisでSpotlightで検索すると下記のファイルが引っかかりました。

/Library/Developer/CommandLineTools/SDKs/MacOSX10.15.sdk/System/Library/Frameworks/AVFoundation.framework/Versions/A/Frameworks/AVFAudio.framework/Versions/A/Headers/AVSpeechSynthesis.h


ファイル内に下記のような記述があることから、このファイルがspeech機能の根幹を担っているようであると判断しました。おそらく、このファイルがどの設定ファイルを参照しているかわかれば、そこを辿って、上限値を設定できると思うのですが、このAVSpeechSynthesis.hというファイルからrateの参照先を調べる方法はありますでしょうか。

```.h
extern const float AVSpeechUtteranceMinimumSpeechRate API_AVAILABLE(ios(7.0), watchos(1.0), tvos(7.0), macos(10.14));


@property(nonatomic) float rate;             // Values are pinned between AVSpeechUtteranceMinimumSpeechRate and AVSpeechUtteranceMaximumSpeechRate.
```

アクセシビリティの読み上げ機能の上限値の限界を超える方法

### **教わりたいこと**

Android OS の
Talkback機能(アクセシビリティ機能の音声読み上げ)についてです。


スマートフォンのボタンをタップすると
"~~ボタン **ダブルタップすると有効になります**"
と読み上げられます。


ボタンパーツを読み上げる際、
太字部分の "**ダブルタップすると有効になります**" は
例えば**ダブルタップすると無効になります** のように変更できないでしょうか？

### 参考にしたサイト
下記のサイトを見ると、
読み上げ文言はAndroidによって
自動的に読み上げられるもので変更はできないのではないかと思っています。

⇒ **[Talkbackの仕様について記載のある参考サイト](https://engineers.fenrir-inc.com/entry/2020/09/10/144348#%E8%AA%AD%E3%81%BF%E4%B8%8A%E3%81%92%E3%82%89%E3%82%8C%E3%82%8B%E6%96%87%E8%A8%80%E3%81%AE%E4%BB%98%E4%B8%8E)**