---
# System prepended metadata

title: パートナー間の気持ちの共有、共通言語作り
tags: [project, hackday]

---

---
tags: project,hackday,
title: パートナー間の気持ちの共有、共通言語作り
description: Socialhackday template
---
# パートナー間の気持ちの共有、共通言語作り
###### tags: `hackday-projects`,`hackday`,`パートナー`,

:::info
- :fire:start from: 2022/03/17
- :up:update: 2022/03/26
- HackdayのHackMD(全体)はこちら: https://hackmd.io/@codeforjapan/SHD37th
:::

## Miro
https://miro.com/app/board/uXjVOCU_M4I=/

![](https://i.imgur.com/Y6Uc4wg.png)


## プロジェクト概要 Overview：
`ここを毎回のHackdayのHackMDに転記すると便利です`
パートナー間で家事や育児について、かんたんでユーモアのあるコミュニケーションを交わすことで、ふたりの気持ちを共有して「共通言語」をつくることを目標としています。

[概要説明ページ](https://docs.google.com/presentation/d/1wHGL28NUw7zC6GY2Yf2krT6xHP_z0ySqqyVl4YUlVT8/edit?usp=sharing)

### Why(なぜ始めたのか)
texttexttext
深刻、イライラ、行間で伝わらない

### What(どんな課題を解決したいのか)
texttexttext
ユーモア

### How（どのように・何をつくって取り組んでいるのか）
texttexttext

### What(開発・バージョン)
- ベータ版
    - [ ] 機能hoge
    - [ ] 機能hoge
- ver.1.0
    - [ ] 機能hoge
    - [ ] 機能hoge

---
:::info
プロジェクトメンバー Contributers :smile: 
- 継続参加：[name=Hal Seki] [name=のんたん🐱]　[name=まえかわ🍶]　[name=かずき] [name=おくみか] [name=奥村] [name=西田] [name=さいとう] [name=あきた]
- 初参加：[name=くらさわ]
:::

:::warning
連絡先 Contact:zap:
- Github:
- Slackチャンネル: [#proj-handoku-bot](https://cfj.slack.com/archives/C0386M4726L)
- 連絡先:
:::

:::success
TODOリスト :dart: 
- [ ] 大項目１
  - [x] タスク1
  - [ ] タスク2[name=佐藤][name=鈴木] 
- [ ] 大項目２
  - [ ] タスク1
  - [x] タスク2 [name=山田]
:::

---
> ハックデーの項目をコピーペーストしていくと、そのまま活動ログになります。
> 別途活動風景や写真などを加えたり、項目を足していただいても構いません。

#### 2022/3/17 シビックテックチャレンジ（オンラインアイデアソン 子育て編）
##### パートナー間のコミュニケーションについて(Aチーム)
 |     項目     | 内容                                                   | 
 |:------------:| ------------------------------------------------------ |
 |   Who(誰)    | 家事の負担が多い側/家事を負担させている側は、|
 |  What(願望)  | （つらいこと または 感謝の気持ち）を分かち合いたいと望んでいるが、 |
 |  Why(要因)   | 伝わらないので、           |
 | What(解決策) | 短時間&かんたん＆シンプル＆ユーモアで伝えることで解決できる。                  |

##### 夫婦の学級目標について(半分独身チーム) 
 |     項目     | 内容                                                   | 
 |:------------:| ------------------------------------------------------ |
 |   Who(誰)    | それぞれの価値観を持っている夫婦は、|
 |  What(願望)  | お互いに不満をためず、怒らずに**コミュニケーション**を取りたいと望んでいるが、 |
 |  Why(要因)   | とことんまでしっかり話し合わないとわかってもらえないので、           |
 | What(解決策) | 家事育児にまつわる「共通言語」を夫婦で作ることで解決できる。                  |

似たような課題・テーマについて話し合った2チームが1つになってプロジェクトを進めることになりました🎉

#### 2022/03/26 ハックデー
 - 参加者：[name=まえかわ🍶] [name=あきた] [name=さいとう] [name=西田] [name=おくみか] [name=くらさわ] [name=かずき] [name=のんたん🐱]

#### 話したこと
 - 家事育児に関する1コマ漫画の吹き出しに自由なコメントを入力
     - [白目みさえ](https://www.instagram.com/misae_mon/)さんなど
 - お互いの「普通」の基準が違う
     - 独身時代なら自分だけがよくても夫婦になると基準が上がる
     - 夫は自分の母（専業主婦）が基準になる
 - 自分の価値観が他人と違うことを**見える化**して、ソフトに伝えたい
 - やらなくてもよいことを決めて、ゆとりがもてるようにできるとよい
 - データ（アンケート結果など）があると、説得力が増す

##### お昼に考えたこと：
 - 見える化する仕組みどうする･･･カルタやデータ記事にタグ付けして、つぶやくと自動表示とか
 -　カルタに自由にコメントかけるアプリ→タグもつけられる→タグに応じて記事をサジェスト
 -　他人の家の基準が知れれば自分たちが客観的に見えて「共通ルール」つくりやすい？
 - 男女で違うインターフェースにする？男女だとユーモアと地雷の境界線が違う？
 
　　- サジェスト
　　- バランスを取るゲーム　夫婦で協力して
　　- コメント部分　なんて怒っているか
　　- 腹割って話すのは難しい
    - 夫婦会議　めんどくさい

- マインスイーパー　地雷
    - マママインスイーパー
    - パパマインスイーパー
- 何で怒ってるでしょうか

![](https://i.imgur.com/o5Z90sj.png)

##### 今日の作業内容 Today's Mission：
- [ ] 大項目１
  - [x] タスク１
  - [ ] タスク２
  - [x] タスク３ [name=山田][name=佐藤][name=鈴木] 
- [ ] 大項目２


##### 今日の作業で使ったURL：
（作業したmiroのページ）
https://miro.com/app/board/uXjVOCU_M4I=/?invite_link_id=500751177392

（チャットで挙げた参考URL）
https://giphy.com/
https://sns-sakiyomi.com/blog/tips/instagram-how-to-make-a-stamp/
https://developers.giphy.com/
https://qiita.com/kosuke-sugimori/items/894277a9d50fe7bd7661

https://memebuild.com/
https://ksugimori.github.io/vue-minesweeper/#/play
https://wiki.bit-hive.com/tomizoo/pg/%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E5%90%88%E6%88%90Web%E3%82%A2%E3%83%97%E3%83%AA
https://linecorp.com/ja/pr/news/ja/2018/2373

##### こんな人にきて欲しい People needed：
- aaa
- aaa

##### 本日の成果 Today's Outcome：
`中間報告・最終報告で追記する箇所です`
1. aa
1. aa
1. aa

#### 2022/04/09 ミーティング

西田、斉藤、秋田、前川、林、今村

- マインスイーパー部分はだいたいできている
- １コマ漫画生成部分とシェア部分はこれから
- 漫画のコンテンツは西田さんが用意してくれそう
    - 10枚くらい。汎用的にできそうなもの。
- １コマ漫画生成（担当：今村）
    - CreateJSを使える？→難しそう
    - SVGの中に埋め込むほうが簡単そう
    - ふきだしは固定にして、テキストだけカスタマイズ
    - ふきだしより短冊のほうがよい？
    - 漫画コマは正方形がきれいだと思う
    - テキストの一文字目を強調できるとよい
- １コマ漫画シェア
    - 1コマ漫画URL発行
- マインスイーパー設定画面（担当：前川）
- マインスイーパーURL発行
    - 25枚の1コマ漫画URLとどの位置が爆弾か
- マインスイーパー結果表示＆シェア
- 次回ハックデーで１コマ漫画生成部分とマインスイーパーの連動を試みる
- モバイル対応はどうする？
    - マインスイーパーのマス目を減らす？（3x3,4x4,縦長）


#### 2022/04/23 SHDミーティング



##### 今日の作業内容 Today's Mission：
`完了したら[ ]にxを入れる`
- [ ] プロトタイプ作成
  - [ ] 一コマ漫画メーカー
      - [ ] 画像を選択できるようにしたい
      - [ ] UIをちゃんとしたい
          - [ ] セリフの入力
          - [ ] セリフの表示位置の調整
      - [ ] ローディング表示
  - [ ] マママインスイーパー設定画面
      - [ ] 4x4の配置にしたい
      - [ ] エラーメッセージをわかりやすく
      - [ ] 生成されたURLをリンクに
  - [ ] マママインスイーパー
      - [ ] 4x4にする
      - [ ] 使い方がわかりにくい
          - [ ] 使い方説明ページ
          - [ ] ボタン等UI
- [ ] ユーザーフローを考える
    - 1：イラストカードのテンプレートの「選択」
    - 2：選択したテンプレートにメッセージを「入力」
    - 3：メッセージを入力したら「保存」
    - 4：「保存」して生成されたカードが4x4の画面に配置できるようになる
    - 5：配置が終わると、それが地雷のカードかどうかを「地雷設定」
    - 6：1から5を、4x4マス分繰り返す
    - 7：マインスイーパーのゲーム「保存」をする
        - 地雷がセットされていない→エラー
        - イラストカードのテンプレートの抜け→エラー
        - 地雷とイラストカードのセットが完了→「URL発行」

##### デザイン案
https://www.figma.com/file/NgQqWTQEfK6dlquATWcKtx/handoku-ui?node-id=22%3A2929

##### ユーザーテスト
 - 「地雷」が何を意味するのか分かりにくい
     - 妻が嫌なことで
     - プロトタイプでは全部の画像が地雷に見える

#### 2022/05/08 使い勝手検証会
##### 気付きメモ

###### 全体
* 画像の解像度が高いこともあり、挙動が重たい（動作が遅い）
    * firebaseの「list」を使用してみる
    * トップページのアクセス時にローディングを挟む
    * イラストの画素数が影響している？
* おくみかちゃんコメント
    * このサイトの趣旨は伝わる？
        * ゲーム感覚で伝えるのは良いと思う
        * クリアとゲームオーバーでポジティブなバージョンがあっても良いのでは？
            * イラストが全て地雷で、地雷を踏んだらゲームが終わってしまう
            * 地雷もあるけど感謝もしているものがあると良いのでは？
                * 「これはこの間やって喜ばれたカードだな」というのがあると嬉しい
                * 感謝の言葉も伝えづらい。
                * https://www.instagram.com/p/CcSMA6dr0zD/
                    * キラキラしている雰囲気のものが欲しい
                    * 白目さんにリクエストしてみる
    * マスの数
        * 画像もナビゲーションも小さい印象
        * 4x4は若干多いので3x3に変更してみる
###### トップページ
* いきなり「あそぶ」ができない
    * 「ためす」に変更するのはどうか？
###### ゲーム作成後の挙動
* スマホ操作時は、シェア機能
* PC時はクリップボードにURLをコピーする機能
    * 「パートナーからゲームが届きました。」とメッセージ表示

###### テスト実施内容 

##### レスポンシブ
* Aquos sens4 plus/chromeだと画面がズレる。
![](https://i.imgur.com/TIcVtvG.png)
* iPhone12 safari/chromeは問題なし
* img画像のcssをグローバルに変更

###### カードを作る
* カード部分を押して→モーダル「サーバーに送信し、カード画像を保存します。よろしいですか？」→保存
    * **サーバー**という言葉を変更する
    * 「カードを保存してゲームに使いますか？」
* textareaを空にした時に「カード保存」ボタンがdisabledにならない
* NGワードは必要か？（一般公開するなら）

###### ゲームを作る
* カードの変更を、カード部分を選択した時にできてもよいかも。
* カード変更ボタンと地雷ボタンをもう少し離して置く。
* 携帯だと画像が小さすぎる？
* ゲーム作成画面で地雷設定時の表示（画像内左上アイコン）が見づらい
    * 地雷マークがもっと大きくてもよい？
* カード表示のマージンはいらないかも。携帯でもっと画像大きく見たい。
* おくみかちゃんコメント
    * 突然他の人が作ったカードが並んでいるのには違和感ない（どんなものを作ればいいかが想像しやすい）
    * ただ・・・マイナスイメージの画像しかないので驚く
    * 地雷の設定忘れがち
        * 地雷ボタンがわかりにくい？
        * 全て地雷にするとエラーになる「すべてのマスが地雷です」
            * エラーはスナックバー（時間が経ったら消える）にしても良いかも
    * 「ゲームを作る」ボタンじゃなく「完成」or「ゲームシェア」の方が良い
    * 「ランダム配置」に地雷設定はついてこない（画像だけ変わる）
    * 「ランダム配置」→モーダル必要か？→いらない
    * 各カード→左下のカードアイコン→「カード作成」画面遷移がわかりにくい
        * アイコンだけでなくてボタンとして強調する
    * 「カード保存」後非表示になる
        * 「カード保存」というボタン名で良いか？
    * クリアした時のメッセージ作成者が考えられると良い
        * 現状クラッカー

###### ゲーム画面
* 旗（地雷じゃない予測）
    * スマホ時長押し、PCは右クリック
* 遊び方（旗の使い方など）をローディング中に表示
* 爆発映像を1回のみ再生する or 白目みさえさんに画像を作って頂く
* クリア後のメッセージをユーザーが設定できるとよい

###### このサイトについて
* もうちょい充実させたい。

###### 林の気づきメモ
* title属性
    * 「ママ・マインスイーパー」で良いか？
    * ガード作成画面「設定画面」？

###### デモデーに向けて
* 12日目処で13日にNHKさんで検証
    * 気付きがあれば早めに共有します（NHK）
* 12日までにやること
    * もっさり感をなくす
    * 他は全部やり切らなくても良いので、できる範囲でやる
* 当日のデモンストレーションの流れ
    * おくみかさんに使ってもらった雰囲気でゲストに使ってもらう
        * ナビゲートが必要
        * カードは全て作るのは大変なので司会の鈴木アナに事前に作ってもらう
        * ハライチさんにイライラを当てる
        * 紛らわしいポイントも入れつつ、不満レベルを共有できれば良い
        * アプリの説明は前川さん
        * 遊ぶところがメインになる
            * ゲーム作成後のシェアは別撮りの方が良さそう 
        * アドリブが多いのでいつもの雰囲気で
    * スケジュール
        * お昼11:30からリハーサル
            * teamsで入れるかの確認
        * 14:30から本番
* デモデーの後について
    * どこかしらでログイン機能は実装した方が、当初のコンセプトは伝わる
        * 悪意のある言葉が公開されてしまう
    * 面白いアプリなので、公開アプリとしても良いのでは？
        * 期間限定が良いと思っている
        * バズると困る（firebaseの課金は秋田さん負担）
            * 請求限度額を決めておく
            * 既にAPIで有料部分が発生している（月200万回までは無料）

#### 2022/05/16 今後の話
- 漫画の権利の問題
- みんなが疲弊しないために
- 使ってもらうとしたら
    - 全機能公開したい
    - 鈴木アナの作成したゲームをサンプルとしたい（要URL）
    - firebaseの課金問題
    - AWSのCloudFront（CDN）を使えば課金を抑えられる
    - カード画像の管理（変な画像とかの削除）をNHK側に託す
    - firebaseの代金をNHK側に出してもらう
    - アクセス制限をかける
- 費用予想
    - NGワードフィルターは月額6000円くらい（$50ドル）かかる
    - firebase代は松竹梅で算出してみる（明日の朝に秋田さん）
- アクセスは複数のリンクを踏ませるようにする
- 期間限定
    - ==６月のハックデーで閉じる感じでいきたい==
- 終了後のアーカイブ
    - 画面のスクショ、インタビューなどの記事を作りたい
- リリースまでの残課題
    - タイトル可変
    - 終了時のメッセージ可変
    - ログイン機能は作らない
    - テスト画像の削除
- リリース時
    - 最初のアイディアソンの価値仮説シートを載せる
    - チームとしてのコメントを載せる
- NHK側からの機能改善提案は基本受け付けない方向で
- 画像はシェアされていい？
    - 白目さんのイラストの権利関係
        - 西田さんに確認
- 費用と画像権利の件を西田さんと交渉（まみさだ）
- 繰り上げ閉鎖もあり得る
    - バズりが発生したら費用が跳ね上がる
    - あまりにひどい画像が増えたら
        - メンテナンス画像を表示する（シビたん）
- firebaseの監視（前川＆今村もできるように）
    - 画像
    - アナリティクス