常連

回答者

ベストアンサー

拍手喝采

プロフェッサー

スピードスナイプ

先生

自己紹介

### 実現したいこと

- [ ] APIを利用したログインページにて、ブラウザにメールアドレスなどの認証情報を覚えさせる

### 前提

例えばよくある
```html
<form method="POST" action="login_auth.php">
  /// ログイン情報入力
</form>
```
とかで認証情報を認証ページにPOSTして、結果に応じて認証ページ側でリダイレクトさせるようなログインフォームであればブラウザ側が認証情報を保存しますか？みたいなこと聞いてきて任意で次回ログイン時に利用可能ですよね

認証用APIとajaxを利用して実装されるようなログインフォームで同じような挙動は再現可能でしょうか？
それとも、その機能を利用したいのであれば、<form>からPOSTを受け取るようなページをAPIの外に作らなければならないのでしょうか？

SPAとかで実装されたAPIを利用したログインページにて、ブラウザにメールアドレスなどの認証情報を覚えさせることは可能ですか？

### 前提・実現したいこと

`writing-mode: vertical-rl;`をつかった縦書きのサイトです。
スマホでも画面いっぱいに表示したいです。(改行位置を画面下端に)

イメージ↓
![![イメージ説明](aee78594d9b672ff356db6541c147855.png)](2242fd87ad4d9c419407cd1ab94ece32.png)

### 発生している問題・エラーメッセージ

PCで表示すると何も問題ないのですが、スマホ(デベロッパーツール上)で表示すると、なぜか下に余白ができてしまいます。

イメージ↓
![イメージ説明](3f2841635aba44394c75cf3a76aff2fa.png)

### 該当のソースコード

```HTML
<!DOCTYPE html>
<html lang="ja">
	<head>
		(略)
	</head>
	<body>
		<div id="enclosure">
			本文(略)
		</div>
	</body>
</html>
```

```CSS
#enclosure {
	writing-mode: vertical-rl;
}
```

### 試したこと

```CSS
#enclosure {
	position: absolute;
	right: 0;
	writing-mode: vertical-rl;
}
```
余白は消えたものの、スクロールができなくなってしまいました。

### 補足情報

Windows10 / Chrome 最新版
設定：Galaxy S5 ( 640 x 360 )

初質問のためわかりにくかったらすいません。

### コード全文

実際のものとは違いますが同じ症状が出るものを。

```HTML
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		html {
			font-size: 64pt;
		}

		#enclosure {
			writing-mode: vertical-rl;
		}

		.content {
			border: 1px #000 solid;
			padding: 10px;
			margin: 10px;
			box-sizing: border-box;
		}
	</style>
</head>
<body>
	<div id="enclosure">
		<div class="content">
			あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
		</div>
		<div class="content">
			いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん
		</div>
	</div>
</body>
</html>
```

縦書き横スクロールサイトで下部に余白ができるのを埋めたい

## テーマ、知りたいこと

C++においてdynamic_castの多用は避けるべきなのか。

## 背景、状況

初めて質問させていただきます。
現在C++とDXTKでゲーム開発を行っております。
その中でインターフェースクラスとdynamic_castを多用する形になってしまいました。
そこでdynamic_castの多用について気になったので、ご意見をいただけると幸いです。

GameObjectという基底クラスを継承する形で、機能単位のクラスを実装し、
外部から必要とする振る舞いをインターフェースとして実装して、多重継承させる形で各クラスにもたせています。
以下、簡略化した例です。

```C++
// 基底クラス
class GameObject
{
    // 座標、回転、スケールなどの共通して使う情報
}

// シャドウマップへの描画を行うインターフェース
struct IShadable
{
    virtual ~IShadable();
    virtual void RenderShadowMap() = 0;    // シャドウマップに描画を行う関数
}

// モデルを描画するオブジェクト
class ModelObject : public GameObject, public IShadable
{
    ...
    // シャドウマップに描画を行う関数
    void RenderShadowMap() override;
}
```
そしてこのオブジェクトたちをGameObjectのポインタ配列として保持させています。
描画を行う際などは、配列内の要素をdynamic_castを使用してインターフェースを実装しているなら処理を行うようにしていました。
以下、例です。
```C++
// シーンクラス内
std::vector<std::unique_ptr<GameObject>> m_gameObjects;

// モデルオブジェクトを追加
m_gameObjects.push_back(std::make_unique<ModelObject>(...));


// シャドウマップに描画を行う
for(const GameObject& obj : m_gameObjects)
{
    IShadable* shadable = dynamic_cast<IShadable*>(obj.get());
    if(shadable)
    {
         shadable->RenderShadowMap();
    }
}
```
この設計だと、どうしてもインターフェースにアクセスするためにはdynamic_castを使用する事になってしまいます。

**そこで、そもそもの話としてdynamic_castの多用は避けるべきだと思いますか？
避けるべきとした時、より良くなる実装はどのような形が良くなると思われますか？**

拙い文章ですが、ご教授いただけると幸いです。
よろしくお願いします。


dynamic_castの多用

いくつかの「XXX座標系」という概念がある状況での話です．
例えば，３次元のグラフィクスを扱うような場面では，よく｛ワールド座標系，カメラ座標系｝といった概念が出てきますよね．そういう話です．
（以下，コード例では簡便さのため２次元で書きますが）

例えば

```C++
//
//行列やベクトルの型とか演算は残念なことに C++ 標準で用意されていないから
//自前でこんなのを書いて（あるいは既存の何かを持ってきて）使う
//
class Vec2{ ... };  //2次元のベクトル用の型
class Mat2x2{ ... };  //2x2 の行列の型

//
int main()
{
  //なんかベクトルと行列を用いた演算
  Vec2 V{ 10, 20 };
  Mat2x2 TransMat{ {0,1}, {-1,0} };
  Vec2 TransedVec = TransMat * V;  //（こういう operator の実装もあるのだとして）
}
```

みたいなコードがあるとして，この `main()` 内のコードは
「何らかの座標変換をしているんじゃないかな感」はある（と思う）のですが，
「どの座標系の量をどの座標系の量に変換しているのか」は全くわかりません．
それ以前にベクトル `V` とはどの座標系での量として定義している つもり/ハズ なのか？ といったことも謎です．

で，私くらいの馬〇になると，これ系の演算を実装するときに
その辺の事柄を取り違えたり間違ったりしてしまうことが割とあって，その結果は（当たり前ですが）全く意味不明な演算結果になります．
そういう場合のデバッグは結構厄介です．
（特に「分かり切っている」つもりの箇所でやらかしてたりすると気づきにくい）

---

そこで，↑の `Vec2` とか `Mat2x2` とかいう型を
「ベクトルです」「マトリクスです」という単純な（汎用な）存在とするのではなくて，
「ワールド座標系でのベクトルです」とか「ワールド座標系からカメラ座標系への変換行列です」とかいう専用の型にしてしまえば
間違いを事前抑止できる可能性があるのではなかろうか？　とか夢想したわけです．

扱う座標系の種類の個数が定まっているのであれば，

```C++
//座標系の種類
enum class CoordinateSystem{	World, Camera	};

//特定の座標系におけるベクトル
template< CoordinateSystem CS >
class Vec2
{
public:
	//各種演算は同じ座標系のベクトル同士じゃないとできない
	Vec2 &operator +=( const Vec2 &rhs );
	Vec2 &operator -=( const Vec2 &rhs );
	double Dot( const Vec2 &rhs ) const;
};

//From座標系の量（ベクトル）を To座標系での量に変換するマトリクス
template< CoordinateSystem From, CoordinateSystem To >
class Mat2x2
{
public:
	//乗じるベクトルは From座標系で，乗じた結果は To座標系
	Vec2<To> operator *( const Vec2<From> &V ) const;
};

//型名が長ったらしいので using
using WorldVec = Vec2< CoordinateSystem::World >;
using CameraVec = Vec2< CoordinateSystem::Camera >;
using W2CMat = Mat2x2< CoordinateSystem::World, CoordinateSystem::Camera >;
```

とかしてしまえば，
変数を 宣言/定義 する際には必ず座標系を明確に意識せねばならず，馬鹿みたいな間違いを抑制できるのではないかな，と．
また，

```C++
WorldVec V1{ 1,2 };
CameraVec V2{ 3,4 };
auto V3 = V1 + V2;  //←その演算の意味は何なの？
```

みたいなのがコンパイルを通らなくなるのは大変素敵なのではなかろうか？　と．

……が，他方では
「理由ははっきりしないが，なんだか馬鹿馬鹿しい（仰々しい？）コードと思える」
「そんなの変数名とかで表現すれば十分じゃね？　不足ならコメントでも書けと」
みたいな気もしてきます．

↑のようなコード，**どう思いますか？**
（「意見交換」ならこんな雑な聞き方をしても良いと思っている）


座標系を制限した型を考えたのですが自分でも「コレどうなの？」ってなる

先ほど、CSSが効かないのを質問したんですが、またteratailでの質問の書き方など色々なとこで分からないこと多く、ソースコードをコピペしたのを掲載してしまいました。

そうすると一人の回答者さんが、どうなってるか再現するためにもソースコードはコピペじゃな、<code>を押して書いた方がいいと、教えてくださいました。

しかしteratail初心者で、質問もまだ2回目で、質問欄にソースコード載せる場合、<code>を押してからどのように書くか分からなく、困っております。

どのようにして、<code>ボタン押してから、ソースコード記述したらいいんでしょうか？

他にも質問する際の決まり事や書き方をヘルプで見ても、詳しく書いていないので、教えて欲しいです。

初歩的な質問して申し訳ございません。
よろしくお願いします。

teratail初心者で、質問もまだ2回目で、質問欄にソースコード載せる場合、<code>を押してからどのように書くかを、教えて欲しいです。

### 疑問

現在MFCでWindowsアプリケーションを開発している者です。

Win32APIの公式ドキュメントで、::DeleteObjectのページに
> 指定したハンドルが有効でない場合、または現在 DC に選択されている場合、戻り値は 0 です。

> 描画オブジェクト(ペンまたはブラシ)は、DC で選択されている間は削除しないでください。
と記述がありました。
https://learn.microsoft.com/en-us/windows/win32/api/wingdi/nf-wingdi-deleteobject

MFCにおいてもそれは同様と思い、GDIオブジェクトを解放するときはCDC::SelectObject → CGdiObject::DeleteObjectの順番で呼ぶようにしていました（DeleteObjectはCGdiObjectのデストラクタで呼ばれることも認識しています）。
ところが、この順番でなくても正しくGDIオブジェクトは解放されていることに気づき、疑問が生まれ調べましたが、有効な手掛かりが得られず、質問に至っています。

以下に詳細を書いていきます。

### 実験用のソースコード

```C++
// View.cpp

// MFCのクラスを用いた実験
void ResourceLeakTest1(CDC& dc);

//Win32APIを用いた実験
void ResourceLeakTest2(CDC& dc);

static const int penNumber = 5000;

// DeleteObjectを自分で呼ぶためstatic変数
static CPen pens[penNumber];

void MyView::OnDraw(CDC* pDC)
{
    ResourceLeakTest1(*pDC); 
    ResourceLeakTest2(*pDC);
}

void ResourceLeakTest1(CDC& dc)
{
	for (int index = 0; index < penNumber; index++)
	{
		pens[index].CreatePen(PS_SOLID, 0, RGB(200, 200, 0));
		CPen* oldPen = dc.SelectObject(&pens[index]);
                
       // 適当にたくさん円を描く
		dc.Ellipse(CRect(CPoint(10 + index * 2, 10 + index * 2), CPoint(30 + index * 2, 30 + index * 2)));

       // SelectObjectより先にDeleteObjectを呼んでみる。
		BOOL result = pens[index].DeleteObject();

       // 予想では、resultはFALSEになり、ASSERTに引っ掛かる。
       // 仮に引っ掛からなかったとしても、この関数を抜けたときに
       // 5000個のGDIオブジェクトのリソースリークが起きている。
		ASSERT(result != FALSE);

		dc.SelectObject(oldPen);
	}
}

static HPEN hPens[penNumber];

void ResourceLeakTest2(CDC& dc)
{
	HDC hdc = dc.GetSafeHdc();
	for (int index = 0; index < penNumber; index++)
	{
		hPens[index] = ::CreatePen(PS_SOLID, 5, RGB(255, 0, 0));
		HPEN hOldPen = (HPEN)::SelectObject(hdc, hPens[index]);

       // 適当に直線をたくさん描く
		::MoveToEx(hdc, 100 + index * 2, 10, NULL);
		::LineTo(hdc, 10, 100);

       // 先ほどと同様
		BOOL result = ::DeleteObject(hPens[index]);
		ASSERT(result != 0);

		::SelectObject(hdc, hOldPen);
	}
}


```

### 実際に起こっていること

GDIオブジェクトのリソースリークは、タスクマネージャーの詳細タブにある「GDIオブジェクト」列で確認しています。

ResourceLeakTest1は、MFCのクラスを用いた実験です。
ソースコード中のコメントに書いた自分の予想に反して、ASSERTに引っ掛からず(DeleteObjectは1を返している)、GDIオブジェクトのリソースリークも起きていませんでした(penNumberの数だけGDIオブジェクトが増えなかった)。

ResourceLeakTest2はWin32APIを使った実験です。こちらも、同様の結果となりました。

なお、ソースコード中のDeleteObjectをコメントアウトすると、当たり前ですがGDIオブジェクトがpenNumberの数だけ(今回は5000個)増えました。


### 教えていただきたいこと

なぜ、リソースリークが起きないのでしょうか。
また、公式にこのことについて言及している記事があれば教えてください。

よろしくお願いいたします。


GDIオブジェクト解放時のDeleteObjectとSelectObjectの順番

テキストエリアの行端の位置で半角スペースを2回入れると自動的に改行コードが挿入されるのですが、
これはhtml5のテキストエリアの仕様上このような挙動となるのでしょうか。
また、この場合、改行コードを挿入されるのを止める手段があるのでしょうか。
ご教授いただければと思います。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-31/233ebe7f-b37f-4dbd-99d0-3698bafa5c99.png)

追記
テキストエリアの内容の確認について
　テキストエリアの内容をすべて選択してテキストエディタにコピーペーストをして確認をしました。