常連

自己紹介

### 前提・実現したいこと
FirebaseとVue.jsで開発したSPAが情報処理推進機構の「安全なウェブサイトの作り方」にそっているかを確認したいと思っています。
しかし、Firebaseの仕様がわからず、確認できない項目がいくつかあったので、アドバイスいただきたいです。

わかるものだけでもご教示いただけると大変ありがたいです。

情報処理推進機構「安全なウェブサイトの作り方」改訂第7版
https://www.ipa.go.jp/security/vuln/websecurity.html


### 確認したい項目
(1) セッション管理の不備
①セッションIDをURLパラメータに格納しない。
②HTTPS通信で利用するCookieにはSecure属性を加える
③ログイン成功後に新しいセッションを開始する　OR　ログイン成功後に、既存のセッションIDとは別に秘密情報を発行し、ページの遷移ごとにその値を確認する　のどちらか一方が満たされている

Firebase Authでユーザー認証（メール＆パスワード）を行い、Firestoreへアクセスしていますが、上記①～③は守られているのでしょうか。
OWAZAPというツールを使ったところ、下記のようなHTTP通信を行っており、「セッションIDがURLに含まれてるんじゃん」と不安になりました。
https://firestore.googleapis.com/google.firestore.v1.Firestore/Listen/channel?database=projects%project name%2Fdatabases%2F(default)&gsessionid=xxxxxxx=8&RID=xxx&SID=xxxxxxxx=0&AID=x&TYPE=xmlhttp&zx=xxxxxxx

また、Firebaseは特に何もしなければCookieは使用していない認識なのですが、あってますでしょうか？

(2)CSRF
Firebaseは認証用トークンとしてJWTを採用しており、JWTを採用していればCSRFの心配はないという認識なのですが、あってますでしょうか？

参考サイト

https://slideship.com/users/@iktakahiro/docs/2018/01/JnhLGehLsRw4dcZ42EY3Jf/

Firebaseで開発したWEBアプリが「安全なウェブサイトの作り方」に沿っているか確認したい

### 前提・実現したいこと

とあるソフトを使用していると、一定の間隔でメッセージボックスが表示されます。
手動でOKを押すのが手間だったので、自動でOKボタンをクリックするツールを作ろうと思いました。

プログラムの流れとしては、
OKボタンの位置にマウスカーソル移動
↓
クリックのイベント送信
という簡単な処理だけです。

### 発生している問題・エラーメッセージ
メッセージボックスのOKボタンの位置にカーソル移動はするのですが、OKボタンがクリックされません。
クリック自体は出来ているよう（他のウィンドウをその位置に置くとそのウィンドウが前面にきます）です。
ボタンをクリック出来るようにするには、どう改善すればいいのでしょうか？

### 該当のソースコード
MFCのダイアログベースで作成しています。
現在はテストの為にボタンが押された時に処理しようとしています。
ボタンのクリックのイベントで以下の処理を追加しました。
```c++
void CMFCApplication2Dlg::OnBnClickedButton1()
{
	// ボタンの位置
	SetCursorPos(1135, 603);

	INPUT input = {};
	input.type = INPUT_MOUSE;
	input.mi.dx = 0;
	input.mi.dy = 0;
	input.mi.dwFlags = MOUSEEVENTF_LEFTDOWN | MOUSEEVENTF_LEFTUP;

	SendInput(1, &input, sizeof(INPUT));

	//mouse_event(MOUSEEVENTF_LEFTDOWN, 0, 0, 0, 0);
	//mouse_event(MOUSEEVENTF_LEFTUP, 0, 0, 0, 0);


}
```

### 試したこと

コメントアウトしている部分のソースでも試しましたが、結果は同じでした。

ウィンドウハンドルを取得して、メッセージを送信するという方法も行うと思いましたが、
少し調べるとメッセージボックスのウィンドウハンドルはWinApiでは取得できないと
情報があったので（[[リンク]](https://www.activebasic.com/forum/viewtopic.php?t=2392)別言語の情報ですが、同じWinApiのトピックなので参考にしました）、簡単にカーソル位置を移動させる方法にしようと思いました。
また、spy++も使いましたが、メッセージボックスのハンドルは取得できませんでした。

### 補足情報（FW/ツールのバージョンなど）
[リンク](https://so-zou.jp/software/tech/windows-app/win32/resource/cursors.htm)
上記URLを参考にボタンクリックの処理は作成しました。

環境は
MFC
VisualStudio2017
windows7
です

表示されるメッセージボックスは、Windows標準のものになります（MessageBox関数で出るものと同じです）

メッセージボックスのOKボタンを自動でクリック出来るようにしたい。

### 前提・実現したいこと
現在javascriptでマインスイーパーを作成しております。
しかし、参考にしている本のコード解説だけでは意味がわからない箇所があります。
for分の条件式let j= y-1; j<=y+1; j++
そして、cell[j] && cell[j][i]の部分です。


### 該当のソースコード

```Javascript
let cell: Cell[][]=[];
function count(x: number,y: number){
    let b =0; //爆弾の数
    for(let j= y-1; j<=y+1; j++){ 
        for(let i =x-1; i<=1; i++){
            if (cell[j] && cell[j][i]){ 
                    if(cell[j][i].bomb) b++; 
            }
        }
    }
    return b;
}
```

### 参考図

![](eeff02329df692278c9f3708ba8d187b.png)
このような図とともに「if(cell[j]&&cell[j][i])」は、iとjがマス目の外になった場合、たとえば、jが1のような場合に、爆弾を数えないようにするための処理。という記述がありました。
しかしこの意味がわかりません。どうかご回答願います。

マインスイーパの周囲の爆弾の数を数える関数count()について

FirebaseSDKでは、「現在ログイン中かは、`firebase.auth().onAuthStateChanged`を呼び出して、引数にUserが入っているかどうかで判定する」という風にあります。

ただそもそも**ログイン中かどうか**を判定するためには、**セッションか何かでブラウザに情報を保持しておいて、それをヘッダーに詰めてリクエストを飛ばす**ことが必須ではないのでしょうか？

一度`signInWithEmailAndPassword`してしまえば、たとえCookieやキャッシュを全部破棄してリロードしても、相変わらず`onAuthStateChanged`は`currentUser`を返してくるし、`firebase.auth().signOut`を呼び出せば、それですんなり「ログアウト」される。

個人的にはとても不思議でなりません。

ソースコードも公開されていないようなので、調べようもなくて困っています。

どなたか理由をご存知の方はいらっしゃいませんでしょうか？
よろしくお願い申し上げます。

追記：
ソースコードは普通にあったようです。

https://github.com/firebase/firebase-js-sdk/blob/master/packages/auth/src/auth.js#L1341

firebase.auth().onAuthStateChangedはどうやってログイン中であることを判定しているんでしょうか？

Apple watch のwork outアプリは以下の様なUIとなっています。

![イメージ説明](728e80b6be73bdc2e9df8afaf65017d1.png)

これはどの様に作られているのでしょうか？縦にスクロールしていけるので、table rowにボタンを設置していくなどの方法かと思ったのですが、table rowとはスクロールの動きなどが違う様に見えます。このUIはどのオブジェクトでどの様にすれば作れるのでしょうか？

Apple watch のwork outアプリのUIを作っているオブジェクトはどれでしょうか？

JavaScript初心者です。Vue.jsのコードを見ていて疑問に思ったことがあるので質問します。

「methodsの関数内でdata関数内の変数にアクセスする方法」について調べていると、以下のコードが見つかりました。

```javascript
data: function ()  {
      return {
         questions: [],
         sendButtonDisable : false
      }

      },

      methods: 
      { 
         postQuestionsContent : function()
         {
            var that = this;
            that.sendButtonDisable = true;
         }
      }
```
https://stackoverflow.com/questions/36176073/what-is-vue-way-to-access-to-data-from-methods より抜粋

メソッドの関数内では、一度、thisを変数に格納して、that.XXXの形で代入しています。

1. this.XXXの形では、thisが関数そのものを指してしまう（ここでは、postQuestionContent）から代入できないのでしょうか？

2. なぜ、一度格納すると代入できるしょうか？1.と同じ結果になる気がしてしまいます。

3. this.$data.sendButtonDisableでも同様のことが可能だとありますが、ESLintではエラー?扱いになっていました($dataが定義されてない)。どちらのほうが一般的でしょうか？

JavaScript/Vue.js methodsの関数内でdata関数内の変数にアクセスする方法について

FirebaseでのDB設計についての質問です。
FirebaseのRealtime Databaseを使ってグループチャットのようなものを作りたいと考えています。

userは複数のチャットルームに参加できるようにしたいので,userにはroomのidをもたせようと思っています。
この際userにはroomのidの他にroom名も持たせるべきか悩んでいます。
userにroom名をもたせれば、userを参照するだけでroom名の一覧を取得できるメリットがあると思いますが、room名を変更した際にuserが持つroom名も変更しなければいけないので管理が大変になりますし、データベースにより多くのデータを保存することになるというデメリットもあると思います。

一般的にはどのようにするものなのでしょうか。
回答よろしくおねがいします。

[Firebase]Realtime DatabaseでのDB設計について

表題の件で質問させていただきます。

現在、Swift(iOS)、Java(Android)、Ionic3（Angular5+TypeScript）を使って、ちょっとしたアプリの開発を行なっております。いずれのアプリでもAPIへリクエストしてレスポンスを画面に表示といった一般的なアプリの要件になります。

Swiftに不慣れなこともあり、調べながらやっているのですが、APIのレスポンスの型チェックしてキャストしてという作業がとても大変に感じています。

他の方の書いたブログ記事などを読むとレスポンスと同じ構造の構造体を準備する形をとるのが割と一般的？な印象を受けたのですが、APIの種類の数だけ構造体を準備するのか？というのが疑問に思いました。

また、JavaやTypeScript等でも同じように開発するのが一般的なのか？というところで疑問に思いました。
今までは割と適当にJavascriptであれば型もないので、このようなことをしないで実装したいのですが、３言語とも同じような実装にしたいとかんがえているのですがアドバイスいただけないでしょうか？