常連

回答者

ベストアンサー

先生

### 実現したいこと
テーブルレイアウトを用いて設問を作り、表頭・表側から重なり合ったセルを選ぶレイアウトとして
以下の構成をCSSのみでの実現ができないか考えています。
---
|     | A0         | A1     | A2     | A3     | 
| :-: | :--------: | :----: | :----: | :----: | 
| B0  |            | 表頭１ | 表頭２ | 表頭３ | 
| B1  | 表側１     | ●     | ○     | ○     | 
| B2  | 表側２     | ○     | ○     | ○     | 
| B3  | 表側３ | ○     | ○     | ○     | 
| B4  | 表側４     | ○     | ○     | ○     | 

0. 表頭（A1）、表側（B１）をポイントした時、Ａ１列、Ｂ１行に背景色が付き、ポイント箇所が分かり、且つ、そのセル（図中●含むセル）をホバーした時、セルの背景色が変わる。
2. テーブル全体に背景色がついても１．の効果は優先される。
3. 表頭に背景色を指定しても１．の効果は優先される。
4. 表側に背景色を指定しても１．の効果は優先される。

### 発生している問題・分からないこと
- ３と４の結果が得られない

表頭と表側に背景色を指定してしまうとポイントしたときの背景色が表頭と表側の背景色で打ち消されてしまう。



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

```HTML
<table id="hage" class="matrix">
    <tbody>
        <tr>
            <td></td>
            <td class="fm-x">
                <span>Ａああああああああああああああ</span>
            </td>
            <td class="fm-x">
                <span>Ｂあいいいいいいいいいいいい</span>
            </td>
            <td class="fm-x">
                <span>Ｃううううううううううううう</span>
            </td>
            <td class="fm-x">
                <span>いいいいいいいいいいい</span>
            </td>
            <td class="fm-x">
                <span>っっっっっっっっっっｇ</span>
            </td>
        </tr>
        <tr>
            <td class="fm-y">
                <span>1あああああああああああ</span>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_1" type="radio" value="0">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_2" type="radio" value="4">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_3" type="radio" value="8">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_4" type="radio" value="12">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_5" type="radio" value="16">
                    <span></span>
                </label>
            </td>
        </tr>
        <tr>
            <td class="fm-y">
                <span>2いいいいいいいいいいいいいい</span>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_1" type="radio" value="0">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_2" type="radio" value="4">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_3" type="radio" value="8">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_4" type="radio" value="12">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_5" type="radio" value="16">
                    <span></span>
                </label>
            </td>
        </tr>
        <tr>
            <td class="fm-y">
                <span>3うううううううううううううううううう</span>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_1" type="radio" value="0">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_2" type="radio" value="4">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_3" type="radio" value="8">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_4" type="radio" value="12">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_5" type="radio" value="16">
                    <span></span>
                </label>
            </td>
        </tr>
        <tr>
            <td class="fm-y">
                <span>4ええええええええええええええええええええ</span>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_1" type="radio" value="0">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_2" type="radio" value="4">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_3" type="radio" value="8">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_4" type="radio" value="12">
                    <span></span>
                </label>
            </td>
            <td class="fm-cell">
                <label>
                    <input name="hoge" id="hoge_1_5" type="radio" value="16">
                    <span></span>
                </label>
            </td>
        </tr>
    </tbody>
</table>
```

```CSS
.fm-matrix{
    border-collapse: collapse !important;
}

.fm-matrix td.fm-x span{
    -webkit-white-space: nowrap;
    white-space: nowrap;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fm-matrix td.fm-x{
    vertical-align: top;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    z-index: 100;
    position: relative;
}

.fm-matrix td.fm-y{
    padding:8px 15px 10px 0;
    word-wrap: break-word;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-top: -1px;
}

.fm-matrix tr:not(:first-child):hover {
    background-color: #f3f8ff;
    z-index: 0;
    position: relative;
}

.fm-matrix td.fm-cell{
    border-bottom: none !important;
    border-right: none !important;
    position: relative;
}


.fm-matrix td.fm-cell:hover{
    background-color: #c2daff;
}

.fm-matrix td.fm-cell:hover::after {
    background-color: #f3f8ff;
}

.fm-matrix td.fm-cell:hover::after{
    content: "";
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 200vh;
    z-index: -1;
}
```

### 試したこと・調べたこと
- [ ] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
表頭と表側に背景色を指定してしまうとポイントしたときの背景色が表頭と表側の背景色で打ち消されてしまう。

### 補足
【一旦の想定形】
下図のようにユーザーがどの設問のラジオボタンを選択するか
視覚的にわかりやすいようにすることを想定しています。
1. どのラジオボタンを選択しようとしているかhoverで背景色が付く（青）
```CSS
.fm-matrix td.fm-cell:hover{
    background-color: #c2daff;
}
```
2.そのラジオボタンがどの表頭と表側にあたるものなのかを示すために背景色が付く
```CSS
.fm-matrix td.fm-x{
    vertical-align: top;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    z-index: 100;/*表頭の文字を視認するための指定。z-indexで最上位にしておかないと文字が見えなくなる*/
    position: relative;
}

.fm-matrix tr:not(:first-child):hover {
    background-color: #f3f8ff;
    z-index: 0;
    position: relative;
}

.fm-matrix td.fm-cell{
    border-bottom: none !important;
    border-right: none !important;
    position: relative;/*::afterのabsoluteを指定するため*/
}

.fm-matrix td.fm-cell:hover::after {
    background-color: #f3f8ff;
}

.fm-matrix td.fm-cell:hover::after{
    content: "";
    position: absolute;
    top: -100vh;/*fm-cellからの位置調整*/
    left: 0;
    width: 100%;
    height: 200vh;/*高さ（表頭からの長さ）*/
    z-index: -1;/*この指定をつけることで「背景」として表示される*/
}
```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-09-25/7c91feb4-6006-4b21-87fc-9f97da3b7434.png)
---

【現在の問題】
表頭と表側に背景色を指定してしまうと「どの表頭と表側にあたるものなのかを示すための背景色」が表示されなくなってしまう。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-09-25/e95a7af9-99a5-4668-b80f-ba7a3cedf017.png)

CSSのみを使ったtableでの設問レイアウトの実装について

### 実現したいこと
XサーバーVPSと契約させて頂いたので、さっそくCloud9で作成したRuby on railsアプリのXサーバーVPSへのデプロイを試みるためにドキュメントやマニュアル、記事を探したのですがありませんでした。
こちらはXサーバーVPS側へのお問い合わせした際での回答でマニュアルやドキュメント等は存在していないという回答を受けました。
なので他の言語・フレームワークでデプロイされている記事を探したところ、大体の手順等を書かれている記事を見つけました。
SSHをまずは接続すると知ったのですが、こちらはXサーバーのコンソール側で行うのか、Cloud9でSSHの接続を行うとCLoud9のコマンドからXサーバーVPSにデプロイが可能になるのでしょうか？

[エックスサーバーVPSでDjangoアプリをデプロイする](https://vps-one.site/django-deployment-xserver-vps/)


### 発生している問題
SSHの接続をXサーバーのコンソールかCloud9で行うのかが分かりません。

### 試したこと
Cloud9でSSHの接続が出来るかの方法を探しておりSSHを接続するためのワークスペース構築かコマンドから絶族出来る方法を探しています。

!追記!
・Cloud9にXサーバーVPSと接続された環境を新たに作る
1.作成ボタンを押し、詳細から「既存のコンピューティング」を選択
2.契約したXサーバーに付けたサーバー名をユーザーに記入Xサーバーに記載されたIPアドレスを記入
3.ポート番号は「22」のまま
4.AWS Cloud9側で生成されたSSH公開鍵をXサーバーVPS側で登録
5.作成ボタンをクリック
6.「ターゲットリソースの現在の状態との競合があるため、リクエストは失敗しました。プロパティを変更して、もう一度試してください。」という文言と、「AWS Cloud9 couldn't connect to SSH server ユーザー名@IPアドレス」が表示され作成できませんでした。

参考記事
[Sakura VPSをクラウドIDE(AWS Cloud 9)で使う](https://qiita.com/Tomonobu3110/items/8dfd88470f6c1385f380)

### 補足情報（FW/ツールのバージョンなど）
ruby 3
rails 6


VPSサーバー側とCloud9側どちらでSSHと接続をしたらいいのか

###実現したいこと
タッチパネル、マウス操作の双方に対応した、横スクロールメニューを実装したいです。

###発生している問題
自力で実装してだいたい出来上がってきたのですが、数ピクセルだけズレてしまう問題が解決できません。
下のソースコードとサンプルですが、マウスで右にスクロールしていくと、最後の`<li>Xi</li>`が数ピクセルだけ見切れてしまうのです。

###該当のソースコード
[動作サンプル](https://jsfiddle.net/w27xavjz/)
```html
<nav class="nav-horizontal root">
  <div class="mask">
	  <div class="list">
		<ul class="target">
		  <li><a href="#" draggable=false>Alpha</a></li>
		  <li><a href="#" draggable=false>Beta</a></li>
		  <li><a href="#" draggable=false>Gamma</a></li>
		  <li><a href="#" draggable=false>Delta</a></li>
		  <li><a href="#" draggable=false>Epsilon</a></li>
		  <li><a href="#" draggable=false>Zeta</a></li>
		  <li><a href="#" draggable=false>Eta</a></li>
		  <li><a href="#" draggable=false>Theta</a></li>
		  <li><a href="#" draggable=false>Iota</a></li>
		  <li><a href="#" draggable=false>Kappa</a></li>
		  <li><a href="#" draggable=false>Lambda</a></li>
		  <li><a href="#" draggable=false>Mu</a></li>
		  <li><a href="#" draggable=false>Nu</a></li>
		  <li><a href="#" draggable=false>Xi</a></li>
		</ul>
	  </div>
  </div>
</nav>
```
```css
:root {
	--h: 3rem; /* 可視領域の高さ */
}
.nav-horizontal {
	overflow: hidden;
	height: var(--h);
	width: 100%;
	position: relative;
}
.nav-horizontal .mask {
	height: 5em;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* タッチパネル対応 */
	position: relative;
}
.nav-horizontal .list {
	display: inline-table;
	max-width: 100vw;
	overflow-y: scroll;
}
.nav-horizontal .list li {
	display: table-cell;
	background: salmon;
	padding: 5px 10px;
}
.target {
	position: absolute;
	height: var(--h);
	top: 0px;
	background-color: red;
	color: black;
	padding: 0;
	margin: 0;
}
```
```jQuery
var _isMoving = false; //移動中かどうかのフラグ true:移動中 false:停止中
var _clickX,  _clickY; //クリックされた位置
var _position;         //クリックされた時の要素の位置

//mousedownイベント
$(".target").on("mousedown", function(e) {
	console.clear(); //いったん計測結果を整理
	
	if (_isMoving) return; //移動中の場合は処理しない
	console.log('mousedown しました');

	_isMoving = true; //移動中にする

	//クリックされた座標を保持します
	_clickX = e.screenX;
	_clickY = e.screenY;

	//クリックされた時の要素の座標を保持します
	_position = $(".target").position();
});

//mousemoveイベント
$(".root").on("mousemove", function(e) {
	console.log('mousemove しそうです');
	if (_isMoving == false) return; //移動中でない場合は処理しない
	console.log('mousemove しました');

	//クリックされた時の要素の座標に、移動量を加算したものを、座標として設定します
	const left  = _position.left + e.screenX - _clickX;

	console.log('left =',left);
	console.log('_position =', _position);
	console.log('e.screenX =', e.screenX);
	if( left <=0 ){
		$(".target").css("left", left + "px");
	}

	// 過度なスクロールを戻す
	const w_win = $(window).width();
	const w_ul  = $('.target').width();
	const w_remainder_nav = w_ul + left;
	const w_max_left = w_ul - w_win;
	console.log('w_win =', w_win);
	console.log('w_ul =', w_ul);
	console.log('w_remainder_nav =', w_remainder_nav);
	console.log('w_max_left =', w_max_left);  

	if( w_win - w_remainder_nav > 0 ){
		console.log('過度なスクロールを戻す');
		$(".target").css("left", "-" + w_max_left + "px");
	}
});

//mouseupイベント
$(".target").on("mouseup", function(e) {
	console.log('mouseup しました');  
	_isMoving = false;
	_position = {}; 
});
```
###試したこと
ズレるということは計測のどこかに誤りがあるということでしょうから見直しました。
まず最終的なズレは`w_max_left`に集約されますので、ここに`+ 15`を加えるとズレなくなりました。
```
//const w_max_left = w_ul - w_win;
const w_max_left = w_ul - w_win + 15;
```
そして`15px`といえば思い出すのはスクロールばーです。そこでスクロールバーの幅が原因か？とアタリをつけて`w_win`を次の通り変更しましたが、やはりズレは解消できませんでした。
```jQuery
//const w_win = $(window).width();
const w_win = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
```
なぜズレてしまうのか、どう解消されるのか、わかる方いらっしゃいませんでしょうか？
宜しくお願い致します。

jQueryで数ピクセルだけズレてしまう

お世話になっております。
PythonのPandasを使用して、あるデータフレームを表示しているのですが、
このデータフレームの表示方法で困っています。
表示はWindows10の「Jupyter Notebook」です。

なお、コードで使用しているCSVは書籍に載っているサンプルデータです。

```Python
import pandas as pd

customer_master = pd.read_csv('customer_master.csv')

# これも効果なし
pd.options.display.max_colwidth = 100

# これも効果なし
d = dict(selector="th", props=[('width', '100px')])
customer_master.style.set_properties(**{'width':'100px'}).set_table_styles([d])

customer_master.head()
```
![イメージ説明](9b272fdfcff4cf3ee93c115e4abd6eef.png)

例えば、一番右側の県名の列の幅をもう少し大きくとりたいと思っています。

ソースコードにあるように、
```Python
# これも効果なし
pd.options.display.max_colwidth = 100

# これも効果なし
d = dict(selector="th", props=[('width', '100px')])
customer_master.style.set_properties(**{'width':'100px'}).set_table_styles([d])
```
などのコードを試してみたのですが、いずれも効果がありませんでした。

・[Styling - pandas](https://pandas.pydata.org/pandas-docs/stable/user_guide/style.html#Building-styles)
このあたりのページを参考にしているのですが、どうもよく分かりません。

どのようにすれば、セルの列幅を個別に調節できるのでしょうか？
よろしくお願い致します。

Pandas データフレームの列幅を個別に指定する方法

### 前提・実現したいこと

rustで次のプログラムをコンパイルしたところ、型推論エラーが発生しました

```
let mut a = None;
let mut b = vec![vec![None; 10]; 10];

if let Some(i) = a {
    b[i][0] = Some(0);
}
a = Some(0);
```

```
error[E0282]: type annotations needed
 --> src/main.rs:8:9
  |
8 |         b[i][0] = Some(0);
  |         ^^^^ cannot infer type
  |
  = note: type must be known at this point
```

一方、こちらのコードでは型推論エラーは発生しませんでした

```
let mut a = None;
let mut b = vec![None; 10];

if let Some(i) = a {
    b[i] = Some(0);
}
a = Some(0);
```

また、1つ目のコードでbにある程度ヒントを与えた状態でも同じエラーが出ました
```
let mut b: Vec<Vec<Option<_>>> = vec![vec![None; 10]; 10];
```

2つのコードでなぜ違いが出るのかを知りたいです


### 補足情報（FW/ツールのバージョンなど）

Rust Playground (1.43.1) で確認してます

rustで型推論できる場合とできない場合の違いが知りたい

Seleniumを使ってChromeであるサイトに自動ログインしてその処理を終えたら、コンソールを消してそのままChromeを使いたいのですが、やり方は分かりますでしょうか？Pyinstallerで--noconsoleというオプションがあるようですが、処理が終わるまでコンソールは出て欲しいです。　

driver.quit()　や　driver.close()　だとブラウザーも閉じてしまうので、やはり違います。

以下のコードだとドライバを削除するのですが、コンソールは消えないです。

```Python
os.system("taskkill /f /im C:\Python\Driver\chromedriver.exe")
```

Python Seleniumで処理後コンソールを消してそのままChromeを使用し続ける方法

### 前提・実現したいこと

Window10のノートPCでAnacondaをインストールして、jupyter notebook上でPython3のコードを書いています。numpyを用いています。
0と1を要素にもつm×n行列Aの列ベクトルをv1,v2,...,vnとします。viに対して、k連続する1をkに置き換えたベクトルをuiとします。u1,u2,...unを列ベクトルとしてもつ行列をBとします。
具体例を示します。
v1=[0,0,1,1,1,0,0,0,1,0,0,1,1,1,1,1,1,1,1,0,1,0]
のとき、
u1=[0,0,3,3,3,0,0,0,1,0,0,8,8,8,8,8,8,8,8,0,1,0]
です。
Aが与えられたとき、Bを得られるようなコードを書きました。しかし例えばm=n=20000だと、計算に40秒ほどかかってしまいます。この計算を数千回繰り返したいと考えておりますので、1回あたりの計算時間をより短くしたいと考えております。自分でもいくつかの方法を試しましたが、計算時間を短縮する有効な方法が分かりません。計算時間を短縮する方法について何かアドバイスを頂けたら幸いです。よろしくお願いいたします。

なお、k連続する1をkに置き換える方法については、
[https://maspypy.com/numpy連続同一値の数え上げ-atcoder-abc-129-d](https://maspypy.com/numpy連続同一値の数え上げ-atcoder-abc-129-d)
を参考にさせていただきました。

### 該当のソースコード
コード1
```Python3
import numpy as np
from tqdm import tqdm

Matrix=np.zeros((2*10**4, 2*10**4), dtype=np.int32)

def f(x):
    temp=np.arange(len(x))
    temp[x>0]=0
    np.maximum.accumulate(temp, out = temp)
    left=temp
    
    x_reversed=x[::-1]
    temp=np.arange(len(x))
    temp[x_reversed>0]=0
    np.maximum.accumulate(temp, out = temp)
    right=len(x)-1-temp[::-1]
    
    y=right
    y -= left + 1
    y[x==0]=0
    return y

Hight=Matrix.shape[0]
Width=Matrix.shape[1]

for i in tqdm(range(Width)):
    Matrix[0,i]=0
    Matrix[-1,i]=0
    Matrix[:,i]=f(Matrix[:,i])
```

### 試したこと
**①Matrixのデータ型の変更**
np.int16にすると計算時間は30秒ほど
np.int8にすると計算時間は22秒ほど
になりましたがデータ型はnp.int32を用いたいと考えています。

**②行列に対してまとめて計算**
コード1では元の行列の一つ一つの列ベクトルに対して、k連続する1をkに置き換える、という処理をしていますが、行列Aに対して、縦にk連続する1をkに置き換える、という処理をしてみました。

コード2
```Python3
import numpy as np

Matrix=np.zeros((2*10**4, 2*10**4), dtype=np.int32)

def f(x):
    x[:,0]=np.zeros(len(x), dtype=np.int32)
    x[0]=np.zeros(len(x), dtype=np.int32)
    x[-1]=np.zeros(len(x), dtype=np.int32)
    
    temp=np.arange(len(x)).repeat(len(x)).reshape(len(x),len(x))
    temp[x>0]=0
    np.maximum.accumulate(temp, out = temp)
    left=temp
    
    x_reversed=x[::-1]
    temp=np.arange(len(x)).repeat(len(x)).reshape(len(x),len(x))
    temp[x_reversed>0]=0
    np.maximum.accumulate(temp, out = temp)
    right=len(x)-1-temp[::-1]
    
    y=right
    y -= left + 1
    y[x==0]=0
    return y

%time f(Matrix)
```
計算時間は45秒ほどとなり、効果はないことが分かりました。

**③numbaを用いる**
from numba import jit
を加え、
def f(x)
の1行上に
@jit
を付け加えたのですが、エラーメッセージが出たうえで、計算時間はほぼ変わりませんでした。
@jitの代わりに
@jit(nopython=True)
を付け加えたみたところ、エラーが表示され、計算が実行されませんでした。

コード1に対してnumbaを用いる方法をご存じでしたら教えていただけないでしょうか。(→[hayataka2049](https://teratail.com/users/hayataka2049)さんの回答により解決しました)

**④Cythonを用いる**
Cythonというものを用いればPythonの高速化ができる、ということを知りました。そこで次のページを参考にしました。
[https://qiita.com/kenmatsu4/items/7c08a85e41741e95b9ba](https://qiita.com/kenmatsu4/items/7c08a85e41741e95b9ba)

まず
```ここに言語を入力
%load_ext Cython
```
を実行し、次に
```ここに言語を入力
%%cython -n test_cython_code
def fib(int n):
    cdef int i
    cdef double a=0.0, b=1.0

    for i in range(n):
        a, b = a+b, a
    return a
```
を実行すると、
```ここに言語を入力
DistutilsPlatformError: Unable to find vcvarsall.bat
```
というエラーが出てしまいます。
このエラーを解消する方法をご存じでしたら教えていただけないでしょうか。

**⑤CuPyを用いる**
CuPyというものを使って、GPUを搭載したコンピューターで計算を行うと高速化できる可能性がある、ということを知りました。(自分のPCにはGPUは搭載されていません)
Google Colaboratoryを使うと、CuPyの性能を確認することができるそうです。以下のようなページを読んで、CuPyについて調べているところです。
[https://qiita.com/samacoba/items/d18e6cf09f544477aff4](https://qiita.com/samacoba/items/d18e6cf09f544477aff4)

**⑥並列処理を行う**
複数のCPUがあるコンピュータでは、複数のCPUを用いることによって計算時間は短くなると思います。そこで並列処理について調べてみて、まずは以下のページを参考にしました。

[http://iatlex.com/python/parallel_first](http://iatlex.com/python/parallel_first)

このページ内の以下のコードを実行してみました。
```Python3
######## 並列計算を使えるように #########
from multiprocessing import Pool
 
##### 並列計算させる関数(処理):引数1つ ###
##### この場合は，引数の二乗を返す関数 ###
def nijou(x):
    print( x*x )
 
###### 並列計算させてみる #########
if __name__ == "__main__":
    p = Pool(4)
    p.map( nijou, range(10) )#nijouに0,1,..のそれぞれを与えて並列演算
```
しかしjupyter notebookのセルの数字が*になったままになり、結果が出力されません。

コード1に対して複数のCPUを用いた並列処理をする方法をご存じでしたら教えていただけないでしょうか。

### 補足情報
その他に高速化する方法をご存じでしたら教えていただきたいです。

Pythonの高速化

### 前提・実現したいこと

sshでgithubからcloneしたい

### 発生している問題・エラーメッセージ

Ubuntuでgitを利用しています。

以前までは問題なくsshでcloneができていたのですが、
先日githubからリポジトリをcloneしようとしたところ、30分ほど処理が止まったのち、以下のエラーメッセージが表示されるようになりました。
```
$ git clone git@github.com:(ユーザー名)/(リポジトリ名).git
Cloning into '(リポジトリ名)'...
Connection to github.com closed by remote host.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
```


また、以前まで問題なく利用できていたローカルリポジトリからpushを試みたところ、
同様に30分ほど処理が止まり、その後エラーメッセージが表示されました。
```
$ git push
Connection to github.com closed by remote host.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

```

### 試したこと
- 鍵の再登録やPCの再起動などを試したが、効果はなかった。
- 別のリポジトリや、新たに作成したリポジトリでcloneを試しても同様にエラーが発生した。
- sshの認証はできた。
```
$ ssh github.com
PTY allocation request failed on channel 0
Hi (ユーザー名)! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.comSclosed.
```
- https経由であればcloneできる。
```
$ git clone https://github.com/(ユーザー名)/(リポジトリ名)
Cloning into '(リポジトリ名)'...
remote: Enumerating objects: 20, done.
remote: Total 20 (delta 0), reused 0 (delta 0), pack-reused 20
Unpacking objects: 100% (20/20), done.
```

自分の調べた範囲では同様の症状が見つからず、ご質問させて頂きました。
エラーの原因についてわかる方がいましたら、ご回答頂けると幸いです。


### 補足情報
Ubuntu 18.04.4 LTS

git version 2.17.1

# 3/28追記
- gitの再インストール、Ubuntuおよびgitの別アカウントからのcloneを試したが上手く行かなかった。
- [https://stackoverflow.com/questions/26352189/ssh-github-works-but-not-git-push](https://stackoverflow.com/questions/26352189/ssh-github-works-but-not-git-push) を参考に ~/.ssh/config を以下のように設定したが、変化はなかった。　
```
Host github.com github
  HostName github.com
  User git
  IdentityFile "~/.ssh/id_github_rsa"
```
- GIT_TRACE=true で接続したところ、
```
$ GIT_TRACE=true git clone git@github.com:Satumaimo10/fibonacci.git
11:01:25.182599 git.c:344 trace: built-in: git clone git@github.com:Satumaimo10/fibonacci.git
Cloning into 'fibonacci'...
11:01:25.184874 run-command.c:646 trace: run_command: unset GIT_DIR; ssh git@github.com 'git-upload-pack '\''Satumaimo10/fibonacci.git'\'''
```
上記の出力が出てから30分ほど経過したのち、
```
Connection to github.com closed by remote host.
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.
```
同様のエラーが出力された。

- [https://help.github.com/ja/github/authenticating-to-github/adding-a-new-ssh-key-to-your-github-account](https://help.github.com/ja/github/authenticating-to-github/adding-a-new-ssh-key-to-your-github-account) を参考に、
以下のように鍵を作り直してみたが、cloneを実行したところ同様のエラーが発生した。
```
ssh-keygen -f "new_github_rsa" -t rsa -b 4096 -C "(メールアドレス)"
eval "$(ssh-agent -s)"
ssh-add ~/.ssh/new_github_rsa

```
```
Host github.com github
  HostName github.com
  User git
  IdentityFile "~/.ssh/new_github_rsa"
```

#3/30追記
- ssh git@github.com -v の出力結果を以下に記載しました。
```
$ ssh git@github.com -v
OpenSSH_7.6p1 Ubuntu-4ubuntu0.3, OpenSSL 1.0.2n  7 Dec 2017
debug1: Reading configuration data /home/(ユーザー名)/.ssh/config
debug1: /home/(ユーザー名)/.ssh/config line 1: Applying options for github.com
debug1: Reading configuration data /etc/ssh/ssh_config
debug1: /etc/ssh/ssh_config line 19: Applying options for *
debug1: Connecting to github.com [52.69.186.44] port 22.
debug1: Connection established.
debug1: identity file /home/(ユーザー名)/.ssh/new_github_rsa type 0
debug1: key_load_public: No such file or directory
debug1: identity file /home/(ユーザー名)/.ssh/new_github_rsa-cert type -1
debug1: Local version string SSH-2.0-OpenSSH_7.6p1 Ubuntu-4ubuntu0.3
debug1: Remote protocol version 2.0, remote software version babeld-2de4da3d
debug1: no match: babeld-2de4da3d
debug1: Authenticating to github.com:22 as 'git'
debug1: SSH2_MSG_KEXINIT sent
debug1: SSH2_MSG_KEXINIT received
debug1: kex: algorithm: curve25519-sha256
debug1: kex: host key algorithm: rsa-sha2-512
debug1: kex: server->client cipher: chacha20-poly1305@openssh.com MAC: <implicit> compression: none
debug1: kex: client->server cipher: chacha20-poly1305@openssh.com MAC: <implicit> compression: none
debug1: expecting SSH2_MSG_KEX_ECDH_REPLY
debug1: Server host key: ssh-rsa SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8
debug1: Host 'github.com' is known and matches the RSA host key.
debug1: Found key in /home/(ユーザー名)/.ssh/known_hosts:4
debug1: rekey after 134217728 blocks
debug1: SSH2_MSG_NEWKEYS sent
debug1: expecting SSH2_MSG_NEWKEYS
debug1: SSH2_MSG_NEWKEYS received
debug1: rekey after 134217728 blocks
debug1: SSH2_MSG_EXT_INFO received
debug1: kex_input_ext_info: server-sig-algs=<ssh-ed25519,ecdsa-sha2-nistp256,ecdsa-sha2-nistp384,ecdsa-sha2-nistp521,ssh-rsa,rsa-sha2-512,rsa-sha2-256,ssh-dss>
debug1: SSH2_MSG_SERVICE_ACCEPT received
debug1: Authentications that can continue: publickey
debug1: Next authentication method: publickey
debug1: Offering public key: RSA SHA256:q1BYo5TGSROxOczENTk/el1aBZs/phEC1eEVhAurE+0 /home/(ユーザー名)/.ssh/new_github_rsa
debug1: Server accepts key: pkalg ssh-rsa blen 535
debug1: Authentication succeeded (publickey).
Authenticated to github.com ([52.69.186.44]:22).
debug1: channel 0: new [client-session]
debug1: Entering interactive session.
debug1: pledge: network
debug1: Sending environment.
debug1: Sending env LANG = ja_JP.UTF-8
PTY allocation request failed on channel 0
debug1: client_input_channel_req: channel 0 rtype exit-status reply 0
Hi Satumaimo10! You've successfully authenticated, but GitHub does not provide shell access.
debug1: channel 0: free: client-session, nchannels 1
Connection to github.com closed.
Transferred: sent 3752, received 2504 bytes, in 0.4 seconds
Bytes per second: sent 10532.7, received 7029.3
debug1: Exit status 1


```
- 今回の問題と関係あるかは分からないのですが、 -T オプションを付けてssh git@github.comを実行するとcloneしたときと同様に30分ほど止まってからエラーが発生することを確認しました。
```
$ ssh -T git@github.com
Connection to github.com closed by remote host.
```
また、-T -v オプションを付けて実行すると、
```
$ ssh -vT git@github.com
OpenSSH_7.6p1 Ubuntu-4ubuntu0.3, OpenSSL 1.0.2n  7 Dec 2017
debug1: Reading configuration data /home/(ユーザー名)/.ssh/config
debug1: /home/(ユーザー名)/.ssh/config line 1: Applying options for github.com
debug1: Reading configuration data /etc/ssh/ssh_config
debug1: /etc/ssh/ssh_config line 19: Applying options for *
debug1: Connecting to github.com [13.114.40.48] port 22.
debug1: Connection established.
debug1: identity file /home/(ユーザー名)/.ssh/new_github_rsa type 0
debug1: key_load_public: No such file or directory
debug1: identity file /home/(ユーザー名)/.ssh/new_github_rsa-cert type -1
debug1: Local version string SSH-2.0-OpenSSH_7.6p1 Ubuntu-4ubuntu0.3
debug1: Remote protocol version 2.0, remote software version babeld-2de4da3d
debug1: no match: babeld-2de4da3d
debug1: Authenticating to github.com:22 as 'git'
debug1: SSH2_MSG_KEXINIT sent
debug1: SSH2_MSG_KEXINIT received
debug1: kex: algorithm: curve25519-sha256
debug1: kex: host key algorithm: rsa-sha2-512
debug1: kex: server->client cipher: chacha20-poly1305@openssh.com MAC: <implicit> compression: none
debug1: kex: client->server cipher: chacha20-poly1305@openssh.com MAC: <implicit> compression: none
debug1: expecting SSH2_MSG_KEX_ECDH_REPLY
debug1: Server host key: ssh-rsa SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8
debug1: Host 'github.com' is known and matches the RSA host key.
debug1: Found key in /home/(ユーザー名)/.ssh/known_hosts:4
debug1: rekey after 134217728 blocks
debug1: SSH2_MSG_NEWKEYS sent
debug1: expecting SSH2_MSG_NEWKEYS
debug1: SSH2_MSG_NEWKEYS received
debug1: rekey after 134217728 blocks
debug1: SSH2_MSG_EXT_INFO received
debug1: kex_input_ext_info: server-sig-algs=<ssh-ed25519,ecdsa-sha2-nistp256,ecdsa-sha2-nistp384,ecdsa-sha2-nistp521,ssh-rsa,rsa-sha2-512,rsa-sha2-256,ssh-dss>
debug1: SSH2_MSG_SERVICE_ACCEPT received
debug1: Authentications that can continue: publickey
debug1: Next authentication method: publickey
debug1: Offering public key: RSA SHA256:q1BYo5TGSROxOczENTk/el1aBZs/phEC1eEVhAurE+0 /home/(ユーザー名)/.ssh/new_github_rsa
debug1: Server accepts key: pkalg ssh-rsa blen 535
debug1: Authentication succeeded (publickey).
Authenticated to github.com ([13.114.40.48]:22).
debug1: channel 0: new [client-session]
debug1: Entering interactive session.
debug1: pledge: network
debug1: Sending environment.
debug1: Sending env LANG = ja_JP.UTF-8
```
 ここで一旦処理が停止したのち、
```
debug1: client_input_global_request: rtype keepalive@openssh.com want_reply 1
debug1: channel 0: free: client-session, nchannels 1
Connection to github.com closed by remote host.
Transferred: sent 3412, received 2308 bytes, in 780.3 seconds
Bytes per second: sent 4.4, received 3.0
debug1: Exit status -1
```
このような結果が出力されました。

# 4/2追記
- ホームディレクトリ内の .gitconfig と、エラーが発生する以前にsshでcloneしたリポジトリ内の .git/config の内容を以下に記載しました。

~/.gitconfig
```
[user]
	name = (ユーザー名)
	email = (メールアドレス)
[color]
	ui = auto
[core]
	editor = vim
```
(リポジトリ)/.git/config
```
[core]
	repositoryformatversion = 0
	filemode = true
	bare = false
	logallrefupdates = true
[remote "origin"]
	url = git@github.com:Satumaimo10/my-first-node-js.git
	fetch = +refs/heads/*:refs/remotes/origin/*
[branch "master"]
	remote = origin
	merge = refs/heads/master
```
- GIT_SSH_COMMAND="ssh -vvv" git clone git@github.com:Satumaimo10/fibonacci.git を実行すると、

[https://pastebin.com/sK7Q8PNq](https://pastebin.com/sK7Q8PNq)

ここまでの出力が出てから30分ほど止まったのち、

[https://pastebin.com/LZULMbau](https://pastebin.com/LZULMbau)

このように出力されて終了しました。
(文字数制限のため、一部内容を外部サイトに記載しました。)

【git】sshでcloneするとエラーになる

### 前提・実現したいこと

画像のような構造の行列をPythonで効率的（高速で）作りたいです（h(i,j)等はi,jの関数）。for文を使いまくれば作れるとは思うのですが、Pythonらしく、numpy等を使ってforをなるべく使わずに作りたいです。numpyだと和の範囲が行列要素に依存しているような行列はうまくかけないのでしょうか、、、

（補足）
現在の僕のプロジェクトの計算の律速がこの行列作成となっているみたいなので、なるべく高速にこの行列を作る方法を御提示いただけると幸いです。具体的にはこのf(i,j,k)の関数系を少しづつ変えた行列を大量に作らなくては行けません。和の範囲の関数は変わりません。
![![イメージ説明](0dfb1f3ee122a6ab1cda33f156c1b198.png)]

上の行列の具体例：
![イメージ説明](a98750413042690aec7f52e35aba3684.png)
 

### 発生している問題・エラーメッセージ
少し具体化して例えばg(i,j) = j, h(i,j) = 7-i, f(i,j,k) = sin(i+j+k)として、添字は -2 <= i,j <= 2　という条件でこの行列を作るために、以下のようなコードを書くと、次のようなエラーが表示されます。ソースコードのnp.arange(i,7-j)のiとjには関数が呼び出された時にnumpy arrayが代入されているからだとはわかっているのですが、これをどうすればいいのかわかりません。ここが、和の範囲が行列要素に依存している部分です。
```
ValueError: The truth value of an array with more than one element is ambiguous. Use a.any() or a.all()

```

### 該当のソースコード

```Python
def test_func(i,j):
    ini_array = np.arange(j,7-i)
    return np.sin(i+j+ini_array).sum()

ii, jj = np.mgrid[-2:3,-2:3]
M_matrix = test_func(ii,jj)
```

### 試したこと

np.arrange(i,7-j)の部分をfor文で作っても結局は同じ問題に、、、（forの範囲があとで代入するnumpyに依存している）

### 補足情報（FW/ツールのバージョンなど）

python 3.7 
import numpy as np

numpy でこの複雑な行列をどうやって効率的に作れますか

ローカルディレクトリで

リモートサーバーにpushしたのですが、

リモートサーバーでgit logをすると、ローカルサーバーからpushした履歴などは、更新されていますが、
リモートサーバーのソースなどは、**反映されていません。**

ローカルからpushして、リモートサーバーに反映させるには、何か設定が必要ですか?

ローカルからリモートサーバー(ベアリポジトリ)にpushしてもソース上では、反映されない

皆様こんにちは、いつもお世話になっております。
ssh,opensshについて勉強中なのですが、疑問に思う点がいくつかあったので、質問させていただきます。
下記のサイトを参考に学習をしていました。
[sshの進化](http://www.net.c.dendai.ac.jp/~daniel/)
このサイトの３－２、SSHの通信手順の図６に関して、
セッション鍵交換(DH鍵共有使用)->ホスト鍵認証->ユーザ認証->セッション確立とありますが、この各段階についての質問です。

(1) セッション鍵交換では、DH鍵交換方式を利用するため、セッション鍵生成に必要な値の送受信は暗号化することなく、行うことができる。(盗聴しても、鍵生成に必要な、判明している変数が足りないため。[Wiki DH鍵共有](https://ja.wikipedia.org/wiki/%E3%83%87%E3%82%A3%E3%83%95%E3%82%A3%E3%83%BC%E3%83%BB%E3%83%98%E3%83%AB%E3%83%9E%E3%83%B3%E9%8D%B5%E5%85%B1%E6%9C%89))
ここでは、その後のホスト、ユーザ認証や、セッション確立後の通信に使用する暗号化復号化に利用する、いわゆる共通鍵を作成しているのですか？

(2) ホスト認証では、サーバーがホスト公開鍵をクライアントに送信し、クライアントの~/.ssh/known_hostsと照合するとありますが、ここでいうホスト公開鍵とは、ssh接続を行う時に用いる、ssh-keygenで生成した公開鍵とは全くの別物であると考えていいですか？

(3)ユーザ認証では、パスワード認証、公開鍵認証(ssh-keygenで予め作成した鍵を使用)などといった認証方法が用いられると考えていいのですか？

(4)[共通鍵暗号/公開鍵暗号](https://www.infraexpert.com/study/security4.html)に記載されているような、「共通鍵を、公開鍵暗号方式で送信するといった作業」は(1)~(3)の中には無いように見えますが、sshでは「共通鍵を、公開鍵暗号方式で送信するといった作業」は無いと考えてよいですか？


自分が思ったこととしては、私は(4)の質問において、「共通鍵を、公開鍵暗号方式で送信するといった作業」はsshで利用されていると考えていたのですが(sshと検索したら、[共通鍵暗号/公開鍵暗号](https://www.infraexpert.com/study/security4.html)このサイトが出てきたため)、この考え自体が誤解であり、他の質問のような疑問を生んだのかなと思っています。

私の誤解が含まれているかもしれないため、質問が伝わりづらいもの、解釈に困るものとなっていましたら、誠に申し訳ございません。
どうかご回答いただけたら幸いです。よろしくお願いいたします。

sshの仕組みについて

### 前提・実現したいこと

JSONファイルからセンサデータを抜き出して、CSVファイルに格納したデータファイルがあります。
1000行ぐらいのデータで構成されていて、1列目には時間、2列目には粒子のX座標、3列目にはy座標が入力されています。
最初、matplotlibにてX軸は時間、Y軸は粒子のx座標を一度にプロットしました。普通の2次元グラフです。

上司から、粒子の動きを時間とともに動画でみてみたい、ということで、X軸にx座標、Y軸にy座標のグラフを作り、対象となる粒子を時間と共に、グラフ上でアニメーションにすれば上司の要望に応えられる、と思いました。

やりたいのは、CSVのデータを時間とともに順番に行を読んでいき、粒子の動きの軌跡を時間とともにプロットしたいです。徐々に行を読んで、古い行のデータ（古い軌跡）は徐々に消していく、というアニメーションが出来ればいいのですが。
python初心者なので、そんな高度なプログラムが思い浮かばず、足踏みしています。。
どんな流れで処理していくのがシンプルでしょうか？ 

よろしくお願いいたします。

pythonのmatplotlibで、CSVのデータを使ってアニメーションをつくりたいのですが。。

サーバの勉強をし始め、データを管理するにはMongoDBやMySQLのような組み込みの機能を使うのが一般的だと最近知ったのですが、これらを商用で利用する場合のライセンスはどうなっているのでしょうか

いくつかサイトを見てみたのですが、これって黙って商用に使っていいのでしょうか・・・


http://anond.hatelabo.jp/20140722001658
http://www.mongodb.jp/mongo/licence

補足：
function(){
//MongoDB内を検索する処理
}
とゆうMongoDBのファイルに関与する関数が有るとします。

例えばアプリケーション（クライアント所有アプリ）から、サーバ内のMongoDBを呼び出す際に
サーバ側に上の関数を配置するのはOKだけど、
クライアントアプリ内に直接上記関数を入れるのはNG

とゆう解釈でしょうか？

データベースのライセンスについて

最近SPAアプリの勉強を始めて、ユーザー認証の方法として、JWT(JSON Web Token)があることを知りました。
1つチュートリアルをこなして感じたのですが、これって本当に良い方法なのでしょうか？

[https://ja.wikipedia.org/wiki/JSON_Web_Token](https://ja.wikipedia.org/wiki/JSON_Web_Token)
そのチュートリアルは、上記の「使用」にあるような、Tokenを返してlocalStorageに保存させ、認証が必要な問い合わせには Authorization: Bearer <Token> ヘッダーを付けてリクエスト。サーバー側でTokenを判定する...。
という流れのものでしたので、王道的な方法なのだと思うのですが、私が疑問に感じたのは以下の点です。

0. 従来のような、Sessionを使った認証でも問題ないのでは？
ログイン時にSessionIDを払い出してlocalStorageに保存させ、認証が必要な時に独自ヘッダーなりでSessionIDを送りつけてサーバー側で照合すれば、従来のCookieを用いるような認証と同じことが実現できるんじゃないかと思ったのですが違うのでしょうか。

0. JWTでの認証メリット
仮に1番の内容が正しいとしたら、JWTでの認証をするメリットは何でしょうか？
Sessionを用いた方法だと、ファイルなりDBなりにSessionの中身（つまり認証情報）を保持することになるが、JWTではPAYLOADの中に認証情報を詰め込むからサーバーが保持しなくて良いから楽だ、みたいな話でしょうか。

0. JWT自体の安全性
[https://jwt.io/](https://jwt.io/)
チュートリアルの中で上記URLに発行されたTokenをペーストして、「SIGNATUREを変えて見ましょう。自分がサーバーで設定した値にしないとTokenが一致しませんよね？」みたいなことをやっていたのですが、私が気になったのは「PAYLOADの中身丸見えじゃないか」ということです。
こんな簡単に中身が見えるものに認証情報を含めてしまって大丈夫なのでしょうか。

以上3点です。
よろしくお願いいたします。

合わせてついでに、と言っては失礼ですが、
0. Cookie & Session
0. JWT

この他に、ユーザー認証を実現する方法として何が考えられますか？
まずは自分で調べてみますので、キーワードだけでもご提示いただけたら幸いです。

SPAでの認証で、JWT(JSON Web Token)を採用するのは良い方法なのでしょうか？

### ご挨拶
閲覧ありがとうございます。業務経験4ヶ月、それ以前は趣味だけでWEBに触ってきた超初学者です。
至らない点等多々あると思いますがご教授お願いいたします。

### 経緯
最近（それほど最近じゃないのかもしれませんが）、ReactやVue.jsなどのJavaScriptフレームワークの名前をよく耳にします。
エンジニアの求人とか見てても、現場の使用技術にも書かれてたりしますよね。
ReactやVueが何者調べてみると、部品(「コンポーネント」？)などの使い回しができたり、通常のJavaScriptでDOMをイジるより早かったりと、「ああ、便利なんだなぁ」と思いながら調べ進めている時にどうしても納得のいかない、というかイメージが全く沸かない点があったのでご教授頂けると幸いです。
抽象的な部分でイメージがつかないので、いくら調べてもチュートリアルを読んでもパッとしません。

### 分からない事
上記フレームワークはMVCモデルもしくはMVVMモデルと一緒に語られる事が多いと思います。（私の調べた限りでは）

**しかし、ReactもVue.jsも、あくまでもブラウザ(=フロント)ですよね・・・？**

私の知ってるMVCモデルは、（RoRしか触ったことありませんが…）
0. サーバーのフレームワークでURIをルーティングし、
1. コントローラーで受け、
2. コントローラーは、モデルを使ってデータを出し入れしたり、処理したりして、
3. コントローラーはビューにデータを渡して
4. ビューでは、コントローラーから渡されたデータを元にテンプレートエンジンやらなんやらでHTMLを構築して、クライアントに返す

というものです。

「ブラウザはあくまでも、サーバーから渡された物を描画するだけ、
　たまにJavaScriptが、画面に動きつけたりXHRでちょっとしたデータを取ってきたりするためのもの」

だと思っていました。

おそらくこの固定観念のせいで理解に詰まっているのだと思いますが、まったくイメージが湧きません。

クライアントでMVCとは何なのでしょうか？
逆にクライアント側でそこまでやるとサーバーは何を仕事にするのですか？（クライアントがそこまでやるなら、サーバーは何をレスポンスすれば良いのですか？）


「無くて困ってないなら無理して使わなくて良いものだ」とは思いつつも、ここまで広く使われてる物がまったくイメージがつかないのも如何なものかとも思い、どうかご教授頂けますと幸いです。

JSのフレームワークとは？何をしてくれる？

C++の標準ライブラリを一通り勉強したいのですが、何か良い方法はありますでしょうか？
今検討しているのは「C++標準ライブラリの使い方 完全ガイド」という本なのですが2005年と少し古いように感じるのですが問題ないでしょうか？