常連

回答者

ベストアンサー

拍手喝采

先生

情報収集家

サブネットマスクについて

基本情報技術者試験の過去問を解いていて、ふと疑問に思うことがありましたので、投稿しました。

【平成29年度 秋期 午前問35】
次のIPアドレスとサブネットマスクをもつPCがある。このPCのネットワークアドレスとして、適切なものはどれか。
IPアドレス：10.170.70.19
サブネットマスク：255.255.255.240
ア.10.170.70.0
イ.10.170.70.16
ウ.10.170.70.31
エ.10.170.70.255

回答：イ

以下を計算により導き出せ、回答が「イ」になることは理解できます。

IPアドレス：10.170.70.19
サブネットマスク：255.255.255.240
このとき
ネットワークアドレス：10.170.70.16
ブロードキャストアドレス：10.170.70.31
ネットワークアドレスを割り振れる(?)範囲：10.170.70.17～10.170.70.30

ここで疑問に思ったのですが、上記の情報を設定したPCをAとして、以下の情報を設定したPCをBとします。
AとBを同じLAN内に接続した場合、どのような挙動になるのでしょうか。
そもそも割り振れない？

B
IPアドレス：10.170.70.35
サブネットマスク：255.255.255.240
ネットワークアドレス：10.170.70.32
ブロードキャストアドレス：10.170.70.47
ネットワークアドレスを割り振れる(?)範囲：10.170.70.33～10.170.70.46



サブネットマスクについて

C++初心者です．

【問題があって → 一応これで問題回避できそうだけど……こんなのでいいのかなぁ？　もっとマシなやり方があるのでは？】
みたいな，なんか漠然とした実装方法に関する疑問みたいな話なので，
意見交換とすべきか QA とすべきか迷いましたが，複数の方法論の話がある場合には個々の話が独立した形になった方が良い気がするので後者側にしました．

## やりたいこと

なんかこんなの↓があって……

```C++
//何かスタックに積まれるやつ
struct IStackElem
{
    virtual ~IStackElem() = default;

    //※この型は専らスタックに積まれる使い方をされるという前提であって，
    //このメソッドが呼ばれるときとは，自身がスタックのtopである場合である．
    virtual void DoSomething() = 0;
};

//スタック
using Stack_t = std::stack< std::unique_ptr<IStackElem> >;
```

何らかのタイミングでスタックの top にあるやつの `DoSomething()` を実施したい．

```C++
//どこかにスタックがある
Stack_t TheStack;

//何らかのタイミングでの処理
void XXX()
{
    /* ... */

    if( !TheStack.empty() )TheStack.top()->DoSomething();

    /* ... */
}
```

## 問題点

**スタックに積まれている要素の `DoSomething()` 内でスタックに対する操作を行いたい** のだが，
（ `DoSomething()` が呼ばれた際には自身がスタックの top だという前提なので）popした時点でその要素自身が破棄されてしまうという点で，実装方法に困っている．  
例えば以下は「いくつかpopして→別のをpushする」みたいなのが実装できない状況を示している．

```C++
//(例)
//DoSomething() にて，
//  まずスタックからいくつかの要素をpopし，
//  その後で新たな要素をpushする
//ということをしたい．
struct Problem : public IStackElem
{
public:
    //Owner : 所属スタック
    //nPop : popする回数
    //ToBePushed : pushすべき要素
    Problem( Stack_t &Owner, int nPop, std::unique_ptr<IStackElem> ToBePushed )
        : m_Owner(Owner), m_nPop(nPop), m_ToBePushed(std::move(ToBePushed))
    {}

    //ここの実装が問題（これだと実行時に大変なことになる）
    virtual void DoSomething() override
    {//m_nPop個だけ pop し，その後で m_ToBePushed を push したいのだが……
        
        //(1) pop
        //m_nPop>=2 のとき，まずこれができない．
        //（初回の pop で自身が破壊されるので m_Owner や m_nPop を使えない）
        for( int i=0; i<m_nPop; ++i )m_Owner.pop();
        
        //(2) push
        //こっちも同様に無理．
        //（自身が破壊されているので m_ToBePushed を使えない） 
        m_Owner.push( std::move(m_ToBePushed) );
    };

private:
    Stack_t &m_Owner;
    int m_nPop;
    std::unique_ptr<IStackElem> m_ToBePushed;
};
```

こういう場合，どうすれば良いのでしょうか？

自身で思いつく問題回避方法は「 `DoSomething()` でやっていることを全て static メンバ関数に移してやる」なのですが，
もっと他の（何らかの意味で良い？）方法はありませんか？

```C++
    //思いつく問題回避方法
    virtual void DoSomething() override
    {
        //処理を全て static メンバ関数に移した．
        //必要なものを全て引数として渡して処理を実施する．
        DoSomething_StaticImpl( m_Owner, m_nPop, std::move(m_ToBePushed) );
    };

private:  //staticメンバ関数で処理
    static void DoSomething_StaticImpl( Stack_t &Owner, int nPop, std::unique_ptr<IStackElem> ToBePushed )
    {
        for( int i=0; i<nPop; ++i )Owner.pop();
        Owner.push( std::move( ToBePushed ) );
    }
```

---

## 追記

「そもそも要素側からスタックを操作すること自体がどうなのか？」というご指摘，もっともだと思います．
その方面（要素側からスタックを操作しないようにする）で考えると，こんな↓形になりました．
こちらに関しても「いや，そうじゃねぇよ」とか「やるにしてもこうだろう」等々ご教示願えればありがたいです．

```C++
//要素が直接スタックを操作するのではなくて，
//要素からは「スタックをこのように操作したい」という要求を戻り値で返す．
//（→で，戻り値を受け取った側でスタックを操作する）

struct IStackElem;

//スタック
using Stack_t = std::stack< std::unique_ptr<IStackElem> >;

//スタックに対するPush操作
class Push
{
public:
    //ctorでPushすべきものを指定
    Push( std::unique_ptr<IStackElem> ToBePushed ) : m_ToBePushed( std::move(ToBePushed) ) {}
    //操作実施
    void Exec( Stack_t &Stk ){  if(m_ToBePushed)Stk.push( std::move(m_ToBePushed) );    }
private:
    std::unique_ptr<IStackElem> m_ToBePushed;
};

//スタックに対するPop操作
class Pop
{
public:
    //ctorでPopすべき回数を指定
    Pop( size_t nPop=1 ) : m_nPop(nPop) {}
    //操作実施
    void Exec( Stack_t &Stk )
    {
        const size_t n = std::min( m_nPop, Stk.size() );
        for( size_t i=0; i<n; ++i )Stk.pop();
    }
private:
    size_t m_nPop;
};

//スタックに対する操作要求
using StackOp = std::variant< Push, Pop >;

//スタックに積まれるやつ
struct IStackElem
{
    virtual ~IStackElem() = default;

    //※この型は専らスタックに積まれる使い方をされるという前提であって，
    //このメソッドが呼ばれるときとは，自身がスタックのtopである場合である．
    //
    //戻り値として，所属スタックに対して実施されるべき操作シーケンスを返す．
    virtual std::vector<StackOp> DoSomething() = 0;
};

//----------
//件の要素例の実装
struct Problem : public IStackElem
{
public:
    Problem( size_t nPop, std::unique_ptr<IStackElem> ToBePushed )
        : m_nPop(nPop), m_ToBePushed(std::move(ToBePushed))
    {}

    virtual std::vector<StackOp> DoSomething() override
    {//m_nPop個だけ pop し，その後で m_ToBePushed を push したい
        std::vector<StackOp> OPSeq;
        OPSeq.emplace_back( Pop(m_nPop) );
        OPSeq.emplace_back( Push( std::move(m_ToBePushed) ) );
        return OPSeq;
    };

private:
    size_t m_nPop;
    std::unique_ptr<IStackElem> m_ToBePushed;
};

//----------
//何らかのタイミングでの処理
void XXX()
{
    /* ... */

    if( !TheStack.empty() )
    {
        auto OPs = TheStack.top()->DoSomething();
        for( auto &OP : OPs )  //返されてきた操作要求を実施する
        {
            std::visit( [&TheStack]( auto &OP ){    OP.Exec(TheStack); }, OP );
        }
    }

    /* ... */
}
```

---

## 追記2

「いやいやそうじゃねぇよ，ごちゃごちゃ言ってないでまず最初にスタックから取り出せと」という方向のご指摘，もっともだと思います．

```C++
//何らかのタイミングでの処理
void XXX()
{
    /* ... */

    if( !TheStack.empty() )
    {
        //とにかく最初にやるべきことはこれだろ，と．
        auto TakenOut = std::move( TheStack.top() );  //変な考えは捨てて取り出すべし
        TheStack.pop();  //（ここでpopもやるかどうかというのは以降の実装の都合次第かもだが）

        //とにかく取り出したなら，そもそもここで変な問題は起きない
        TakenOut->DoSomething();

        //---

        //（必要なら TakenOut をスタックに再度積み直すだとかいう話はあるかもだが，それは今の「問題」とは別の話）
        if( 何らかの判断 ){  TheStack.push( std::move(TakenOut) );  }
    }

    /* ... */
}
```


スタックの要素からスタックを操作したい場合の実装方法

### 実現したいこと
文章登録フォーム作成にあたり改行をDBにサニタイズの上保存し、間に画像の挿入や太字などの設定を実現したいと考えております。

### 発生している問題・分からないこと
HTML textareaタグにて改行の保存は実現しております。ですが文章が一塊になっている影響で画像の挿入については、決まった場所に決まった数のみしか出力ができません。
この画像を好きな位置に好きな数挿入するようにすることは可能でしょうか。
また文字をサニタイズ、改行を保持したうえでデザインする方法があればご教示お願いいたします。



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

##### 上記の詳細・結果
力技としてすべて一行ごとにDB保存する方法は試しましたが後の編集といった管理の面でほかの方法はないかと模索しております。

### 補足
具体的に処理の説明を追記します。

　文章登録フォーム　ー（DB登録）→　登録内容をDBから出力

登録フォームのイメージとしてはteratailの質問投稿フォームのような形をイメージしております。
出力する際には文章登録の改行をそのまま出力したいという意図がございます。
また、その際に画像や文字デザインの設定も組み込みたいと考えております。

DB利用の文章の登録、抽出における改行とコードの途中使用の方法

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

DDDは費用対効果に見合っているのか？

## 背景、状況

新規プロジェクトにてDDDを取り入れて新しいサービスを作ろうとしています。
現状はDDDに慣れるためにサンプルのアプリケーションを作ることになりました。
今は戦略的な設計の段階でBoundedContextは何か？とか集約は何か？とかずっと話し合っています。

そこで疑問に感じたのですが、これらの話し合いが机上の空論のような気がしてなりません。
DDDについて学ぶと確かにそれらしい立派なことが書かれているのですが、開発に協力的な企画者やドメインエキスパートって存在しないと思いますし、実際に手を付ける前にこのContextとこのContextは関係があるとか無いとか言い合いしているのが無駄な時間だと思ってしまいました。

それよりも機能を細かく切り取って部分的に開発を進めて、重複している部分があったら共通化させたりしながらソースコードを整理していくのがいいのではないか？と思いました。(いわゆる軽量DDDにあたるのでしょうか)
そもそも結局フロントエンドとバックエンドで別々に開発をすることになるのに、よくわからない抽象的なContextﾅﾝﾄｶみたいなものについて議論する意味がわかりません。

結局各々が保守運用しやすいようにDDDに則ったアーキテクチャを学んでその通りにコーディングしていくだけじゃ駄目なんでしょうか？

DDDの経験者がいたら、私の見解について意見をしてくれると助かります。



DDDは必要だと思うか意見を教えて下さい

### 実現したいこと
UnityでUFOキャッチャーのように、2つの箱を操作してもう1つの箱を挟み込み、物理演算だけで持ち上げたい。

### 発生している問題・分からないこと
2つの箱で1つの箱を挟むことはできるが、持ち上げようとすると必ず滑り落ちてしまう
Rigidbody の Physic Material で摩擦を上げても、摩擦が効いていないようで保持できない



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

```
特になし
```

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

##### 上記の詳細・結果
ネットのサンプル実装では「掴んだ瞬間に位置を固定する」や「強制的にベクトルを与える」といった処理がある。しかしこれでは挟んだ時の力加減や重さによって持てないという動きが実現できない。そのため物理挙動だけで再現したい

### 補足
特になし

Unityで箱を2つで挟んで持ち上げたいが滑り落ちてしまう

プログラミングではなく、オートマトンに関する質問です。ここで質問する内容ではないとは承知していますが、もしわかる方がいらっしゃったら教えていただきたいです。

### 実現したいこと
・ある言語を正規言語か文脈自由言語か、そのどちらでもないのかの判定。
・反復補題に用いてよい任意の文字列zを一般的な形で取ることができない場合の反復補題の適用方法。(z=a^sb^tc^(s+t)のように、cの数はa,bの数により決まるが、a,bの数の大小関係が決まらないときの部分集合とはならないようなzの選択を表すことができないように感じます。もしs,tの大小関係で場合分けしても各々は部分集合でしかないように思います。)


### 試したこと
・ある言語が正規言語か文脈自由言語かを判定できればいいので、まずそのような文法を作ろうとするのですが、作れないと感じたときに、作れないという保証がなく、何をもって文脈自由言語でないと判断できるのかがわかりません。



オートマトン　反復補題を用いた正規言語、文脈自由言語の判定方法

サーバ上にあるスクリプトにPOSTで外部からデータを送られてきた時だけ、送られてきたことの通知をクライアントのブラウザに表示する方法がないかと探しています。

SSEも軽く調べたのですが、結局は定期的にサーバを監視して変更があった時に通知を送るような形で、リアルタイムで通知を送りたい場合は毎秒サーバ監視をする羽目になって負荷が大きくなると感じました。

【実現したいこと】
‐外部からPOST送信→　サーバ上のスクリプトが受信　→　ブラウザを開いているクライアントにだけ通知

・外部から不定期にPOSTが送られてくること
・POSTが送られてきた時はリアルタイムで確認したい(10秒間隔の監視でも遅い)
・サーバ監視を数秒間隔ですることは避けたい

POSTを受信したスクリプトAが他の通知用のスクリプトBを動かしてそのBが通知をするようなものでも大丈夫なのですが、そもそも実現できる仕組みはあるのでしょうか。

よろしくお願いします。

サーバ上のスクリプトを何かのきっかけで動かしたときだけクライアントのブラウザに通知したい


(Flutter/Dartで)アプリのユーザー設定データを管理するクラス設計についてのベストプラクティスや、よく使用される設計を知りたいです。flutterで開発していますが、言語に依存しない設計思想でかまいません！！
ずっと個人でしかやってこず壁にぶち当たり、
保守性、拡張性、可読性を良くするため勉強し始めました
良ければみなさんの知見をご共有ください

---

以下は具体的に今私が直面している問題です。
## 実現したいこと
2. 表示文字列と設定項目を外部ファイル化(テキストファイル、設定項目ファイルで設定を管理する)
3.  1つのクラスでvalueと文字列データlabel,descriptionなどをすべて持つSettingItemクラスを、できれば定義したい
4. **Clean Architectureに準拠**した設計
5. **型安全性**を保った設定管理
6. **保守性・拡張性**の確保
7. **ローカライズ対応**（多言語表示、最優先ではない）
8. **UI表示の柔軟性**（特殊配置とリスト配置の組み合わせ）

前半はsettingItemのクラス設計、後半はsettingItemをどうまとめて扱うかについてです。

---

## 採用した設計 value + enum key
- SettingItemクラスではvalueと文字列を参照するkeyだけを保持
- 実際の文字列はwidget内でキーを参照して取得
色々考えた結果、今この方針で進めていますが完全には納得はしていません...

```dart
enum SettingKey with KeyEnumMixin {
  darkMode,
  textSize,
  // ...
}

mixin KeyEnumMixin on Enum {
  String get label => '${name}.label';
  String get description => '${name}.description';
}

class SettingItem<T> {
  final Enum settingKey;
  final T value;
  final T defaultValue;

  String get labelKey => (settingKey as KeyEnumMixin).label;
  String get descriptionKey => (settingKey as KeyEnumMixin).description;
}

// UI内
final label = AppLocalizations.of(context)!.translate(settingItem.labelKey);
```


```arb
// テキストファイル
// lib/l10n/intl_en.arb
{
  "SettingKey.darkMode.label":  "Dark Mode",
  "SettingKey.darkMode.description":  "Enable dark theme"
  ...
}
```
```json
// 設定項目ファイル
// assets/settings_definitions.json
[
  {
    "key": "SettingKey.darkMode",
    "labelKey": "SettingKey.darkMode.label",
    "descriptionKey": "SettingKey.darkMode.description"
  },
  {
    "key": "SettingKey.language",
    "labelKey": "SettingKey.language.label",
    "descriptionKey": "SettingKey.language.description",
    "options": ["en", "ja", "es"]
  }
  ...
]
```


## 考慮した設計
### 1. metadata class + value class + acess key
```dart
class UserSetting {
  final bool darkMode;
  final int textSize;
  
  dynamic getValue(String key) {
	switch (key) {
	  case 'darkMode':
		return darkMode;
	  case 'textSize':
		return textSize;
  }
}

class SettingMetadata {
  final String key;
  final SettingType type;
  final String labelKey;
  final String descriptionKey;
  final List<String>? options;
}

class SettingsViewModel extends ChangeNotifier {
  late List<SettingMetadata> metadata;
  late UserSettings userSettings;

  dynamic getValue(String key) => userSettings.getValue(key);
}

// UI内
final meta = viewModel.metadata[index];
final value = viewModel.getValue(meta.key);
final label = AppLocalizations.of(context)!.translate(meta.labelKey);
```
- valueとmetadataで分割されているのがあまり納得いかない

### 2. メソッドでcontextを受け取る、関数型プロパティ
```dart
class SettingItem<T> {
  final Enum settingKey;
  final T value;

  String label(BuildContext context) => AppLocalizations.of(context)!.translate(settingKey.label);
  String description(BuildContext context) => AppLocalizations.of(context)!.translate(settingKey.description);
}
```

```dart
class SettingItem<T> {
  final T value;
  final String Function(BuildContext)? showLabel;
  final String Function(BuildContext)? showdescription;
}
```

一番これが楽に扱えそうで好みだったが、依存関係がcleanarchitectureに違反してしまう
- Model層がPresentation層（BuildContext）に依存してしまう

### 3. Extension + 純粋なModel
```dart
// Model層
class SettingItem<T> {
  final Enum settingKey;
  final T value;
}

// Presentation層
extension SettingItemLocalizations on SettingItem {
  String label(BuildContext context) => AppLocalizations.of(context)!.translate(settingKey.name);
}
```

-  extensionはBuildContextを持つためpresentation層に記述される。そのため、`SettingMetadata`が`label()`を保持していることが一見わかりにくい



---

## SettingItemのまとめ方
- UIでは一部特殊な表示をし、他はリスト表示にしたい
**検討した選択肢**
1. `List<SettingItem> settings`
2. `Map<SettingKey, SettingItem> settings`
3. 個別フィールド（`SettingItem darkMode; SettingItem language;`）

**Map + 個別のハイブリッド + interable**
```dart
class UserSetting {
  final Map<MangaToolSettingKey, SettingItem> _settings;

  SettingItem<bool> get darkMode => _getSetting<bool>(SettingKey.darkMode);
  
  Iterable<SettingItem> get allSettings => _settings.values;
}
```

---


よろしくお願いします


ユーザ設定管理クラスの設計はどのようにすべきですか。値とテキストデータ両方を保持したモデルを定義したい

### 実現したいこと
「該当のソースコード」は、[こちら](https://qiita.com/kiyamada/items/0e112d459986a88f61b9)の途中まで切り出したものです。このコードは正しく動きます。

「該当のソースコード」の31行目以降に度々出てくる[1:-1,1:-1,1:-1] のような書き方にまだ慣れなくて、読みづらいと思い、29～43行目を以下のように直してみました。両者で出力されるファイルの中身（p[HLN]-1.csvとp[HLN]-2.csv）は同じなのですが、p[HLN]-1.csvが出力されるのにはものすごく時間がかかりました。

スライスを使った書き方をした方が圧倒的に計算時間が短くなるので、今後はこのような書き方に慣れた方が良いということでしょうか。もしくは、スライスを使わない書き方で、私のコード（p[HLN]-1.csvを出力するコード）よりも計算時間が早くなるような書き方がありましたら教えてください。スライスに慣れていないので、安全のためスライスを使わない高速コードがあれば嬉しいです。


```python
omega = 1
for I in range(500):
    pd = p.copy()#p[HLN]-2.csvと同じ値になるかを確認するために、あえてコピーする
    
    for i in range(0,nx,1):
        for j in range(0,ny,1):
            for k in range(0,nz,1):
                if k ==0 or k ==nz-1 or j==0 or j==ny-1 or i ==0 or i ==nx-1:
                    p[i][j][k] = 0
                else:
                    p[i][j][k] = (1-omega)*pd[i][j][k]+omega *(pd[i+1][j][k]+pd[i-1][j][k]+pd[i][j+1][k]+pd[i][j-1][k]+pd[i][j][k+1]+pd[i][j][k-1]+delta_L**2*charge[k][j][i]/eps0)/6

filenamecsv = "p[HLN]-1.csv" 
np.savetxt(filenamecsv, p[HLN], delimiter=",")
```


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

```python
import numpy as np

delta_L=1  
LN=50
HLN=int(LN/2)
nx = LN+1
ny = LN+1
nz = LN+1
xmin = 0
xmax = LN*delta_L
ymin = 0
ymax = LN*delta_L
zmin = 0
zmax = LN*delta_L

p  = np.zeros((nz, ny, nx))
pd = np.zeros((nz, ny, nx))
charge = np.zeros((nz, ny, nx))
x  = np.linspace(xmin, xmax, nx)
y  = np.linspace(ymin, ymax, ny)
z  = np.linspace(zmin, zmax, nz)
print(x)
eps0=1  #とりあえず
Q=1
q=Q/delta_L**3	# 電荷密度に変換

charge[HLN][HLN][HLN]=q

for I in range(500): 
    pd = p.copy()
    p[1:-1,1:-1,1:-1] = (pd[2:,1:-1,1:-1] + pd[:-2,1:-1,1:-1] +
                         pd[1:-1,2:,1:-1] + pd[1:-1,:-2,1:-1] + 
                         pd[1:-1,1:-1,2:] + pd[1:-1,1:-1,:-2] + (delta_L**2)*charge[1:-1, 1:-1, 1:-1]/eps0) /6 

    p[0][:][:]=0
    p[nx-1][:][:]=0
    p[:][0][:]=0
    p[:][ny-1][:]=0
    p[:][:][0]=0
    p[:][:][nz-1]=0

filenamecsv = "p[HLN]-2.csv" 
np.savetxt(filenamecsv, p[HLN], delimiter=",")
```

### 試したこと
Googleで「スライスで書くと計算時間が短くなる」で検索すると、以下のように表示されます。

AIによる概要
スライス表記でコードを書くと、計算時間が短縮される場合があります。特に、リストや配列の特定の範囲を扱う際に、スライスを使用することで、元のリストや配列をコピーせずに済むため、処理が高速化されることがあります。ただし、常にスライスが最速とは限りません。データ構造や操作の種類によっては、他の方法がより効率的な場合もあります。

スライスを使わないコードにすると、計算時間がとてもかかります

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

HTMLの`<input type="radio">`について、「グループ内の連動を行う」「フォーム送信に値は載せない」「未チェックのままだと、フォーム送信時に送信を阻止して、`invalid`イベントを反応させる」の3つすべてを満たす方法は存在するのか

## 状況

フォーム内に「フォーム送信はしたくないけど必須のバリデーションは当てたいラジオボタン」が存在していたので、`<input type="radio" required>`に、`form="でたらめなID"`と足していました。ところが、いつしか別フォームを指す`<input>`要素ではフォーム送信を止められない状態となってしまっていました。

ふつうのフォーム要素なら`name`を未設定とすれば、フォーム送信に値が入らなくなるので何ら問題はありません。ところが、ラジオボタンの場合には`name`が「フォーム送信時のキー」以外に「複数のボタンを連動させるためのキー」としても使われているので、同じキーを設定せざるを得ません。

## 参考HTML

```html
<form action="#">
  <label>
    <input type="radio" name="foo" form="dummy" required>
    hoge
  </label>
  <label>
    <input type="radio" name="foo" form="dummy" required>
    piyo
  </label>
  
  <input type="submit">
</form>

<form action="" id="dummy"></form>
```

## 考えたこと

とりあえず、以下のような策は考えています。

* 適当な`name`で値が送信されてしまうのは無視する
* `name`をセットせずに、ラジオボタン同士のチェック制御もJavaScriptで行う
* `form`をセットしたままでも`:invalid`セレクタで拾うことは可能なので、フォーム送信時のエラーハンドリングを自前で行う

なお、`value`なしでは`key=on`として送信が行われるし、`value=""`と明示しても`key=`がフォーム送信の値に入ってしまうため、対策となりませんでした。

これらより簡潔、かつ値がフォーム送信されないような手段がありましたらご教示いただけましたら幸いです。

## 環境

ブラウザ運用なので、Chrome、Firefox、Safari、Edgeの各最新版で動かすことを念頭に置いています。

HTML上のラジオボタンで、値の非送信・グループ化・バリデーションについて

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

一般に、データベースと連携して動いているwebアプリは少なくないと思います。
この時、webアプリの保守のために本番環境のデータベースにアクセスしたいと思うことが0ではありません。

しかし、開発者が本番環境でデプロイされたアプリのデータベースにアクセスし、内容を確認できてしまうのは、知ってはいけない個人情報を知る契機となりうる危険な状態ではないかと不安になりました。
このような状況で、開発者がデプロイされたwebアプリに対し、データベース周りの保守をする場合はどのような方式がとられますか？
実務上の処理など、現場の声をいただきたいです。

## 背景、状況
事実自作でそれらしきwebアプリを作り、認証機能周りのデバッグのために本番環境のデータベースにアクセスしたかったのですが、なかなか簡単にはいかず、最終的にはデータベースのプラグインの機能が使えることに気が付きました。
そうしたところ、認証されているすべてのユーザーの情報（名前とemailアドレス）を閲覧できてしまいました（今はサーバーごと停止させているのでパブリックにはなっていません）。

デバッグとして必要なこととセキュリティに矛盾が生じて怖くなっている次第です。




デプロイしたアプリについての倫理的な懸念

### 実現したいこと
SQL Serverにおいて、where句にcase whenを使いたいです。
（例）
select
 hoge
from
 temp1
where
 col1=1
 and
   case when
     col2=2 then col3=3 and col4=4
   case when
     col5=5 then col6=6 and col7=7
end

### 発生している問題・分からないこと
then 後の最初の=のところで、「'=' 付近に不適切な構文があります」のエラーがでます。

### エラーメッセージ
```error
'=' 付近に不適切な構文があります。

```

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

```SQL
select
 hoge
from
 temp1
where
 col1=1
 and
   case when
     col2=2 then col3=3 and col4=4
   case when
     col5=5 then col6=6 and col7=7
end
```

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

##### 上記の詳細・結果
同様の試みが見つかりませんでした。

### 補足
特になし

SQL Serverにおけるwhere句でのcase whenの使い方について

### 前提

以下のような、テキストファイルを読み込むプログラムを考えます。
```c
#include <stdio.h>
#include <stdlib.h>

typedef struct {//構造体の定義
        int num;//数字を保存
        char c;//アルファベットを保存
} Kouzo;

void read(Kouzo *ptr);//プロトタイプ宣言

int main(void){
        Kouzo *ptr = (Kouzo *)malloc(sizeof(Kouzo));    //要素1つ分の構造体を作成
        read(ptr);    //別関数でデータ読み込み
        free(ptr);    //メモリ解放
}


void read(Kouzo *ptr){
        FILE *file = fopen("test.txt","r");     /*ファイルを読む*/
        char buf[300];
        int loop = 0;    //読み込んだ行数
        while(fgets(buf,sizeof(buf),file)!=NULL){    //fgetsで1行読む
                sscanf(buf,"%d,%c",&ptr[loop].num,&ptr[loop].c);    //sscanfでデータを分割して読む
                printf("%d,%c\n",ptr[loop].num,ptr[loop].c);
                loop++;
                ptr = realloc(ptr,loop+1);    //構造体を追加で動的確保
        }
        fclose(file);
}
```
テキストファイルの構造は`[1桁の数字0~9],[アルファベット大文字A~Z]`となっていますが、何行あるのかは事前に分からないものとします。
```text
1,A
2,B
3,C
...//略
```

### 謎な点
今回、test.txtは3行分あるとして、上記をプログラムを実行すると、問題なく動作します。

```出力
1,A
2,B
3,C
```

さて、ここで`ptr = realloc(ptr,loop+1);`部分をコメントアウトして実行すると、これも問題なく動作します。

```出力
1,A
2,B
3,C
```

`Kouzo *ptr = (Kouzo *)malloc(sizeof(Kouzo)); `の部分では構造体1つ分の範囲(`Kouzo[0]`)しか確保していないので、2行目以降は構造体の範囲外に書き込もうとしてエラーが発生しそうなのですが、なぜか正常に動作します。これは何故でしょうか。

自分で思いついた理由としては・・・↓
・`Kouzo *ptr = (Kouzo *)malloc(sizeof(Kouzo)); `の部分で、実は構造体が複数要素分確保されている
・たまたまエラーが発生しない部分に書き込んでいる(メモリ破壊が発生している)
のどれかだと思うのですが・・・。


### 補足情報
C99,gcc


構造体を動的に追加確保(realloc)せずに書き込めてしまう

(追記)下記の件、Pylance以外の文法チェッカーでも同じような項目がありましたら、ご意見ください。

Visual Studio CodeでPythonコーディングしている皆さんにお尋ねします。
下記のPylanceの設定ですが、何を選択していますか？

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-06-10/77d17861-291c-46f1-b5cd-c5a0d97370ed.png)

- Pylanceは、MicrosoftのPython拡張機能と同時にインストールされるもの
- 設定の検索で`python.analysis.typeCheckingMode`と入力すると表示

私は最近この設定を知って
- offで注意される内容は当然直す(直さないと動かない)
- basicやstandardで注意される内容は、がんばれば消せる
- strictで注意される内容は...結構厳しい
という感じです。

PythonはC/C++/Javaに比べると、適当に書いても適当に動くところが人気だと思っていました(インデントを除く)。
でも、strictレベルが当たり前だとすると、まだまだ勉強することが多いです。
コーディング規約にも関係する話だと思いますが、皆さんの選択とその理由を聞いてみたいです。

Pythonの型チェックは、どこまで厳しく見るべきでしょうか？

業務で要件定義書を作成する予定です。
ざっくり、プロジェクトの概要としては、社内業務の効率化を目的としたBtoB向けのシステムで、ユーザー数は数百名規模、開発体制は5名程度のチームで8〜9ヶ月ほどの開発期間を想定しています。

以下のような点で悩んでおり、皆さまのご意見・知見をいただければと思い投稿いたしました。

1. 要件定義書に記載する機能要件の粒度について
2. 非機能要件はどの程度明文化すべきか
3. 開発ベンダーやチームに共有する際、どこまで詳細に記述すべきか

1について、例えば「ユーザー管理機能」のような大項目にとどめるか、「ユーザーの新規登録、編集、削除」まで細分化すべきかなど。

2について、中小規模のBtoBシステムにおいて、どこまで定義しておくべきか悩んでいます。

3について、どこまでを含めるかの線引きが知りたいです。

実例などもあれば、併せて教えていただけると大変助かります。

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

要件定義書の粒度や記述内容についてのベストプラクティスを知りたい

### 実現したいこと
使い辛いプラグインを消したいが、名称が分からず消せません。

### 発生している問題・分からないこと
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-05-07/8ba81451-87d6-4d1e-83d1-348d127f3ae5.png)
envファイルの値が全て「＊」になってしまう。
一見すると見られなくていいと思いますが、値を書き直そうとしたらすぐ「＊」に戻ってしまい、「****」のまま編集しなくてはならずめんどくさいです。
→今自分がどこを修正しているのか分からない
→いちいちメモ帳にコピーして書き直してまたAndroidstudioのedittorに貼り付けないといけないのがめんどくさい

なので、このプラグインを消したいのですが、どんな名称なのかわかりません。

### エラーメッセージ
```error
ソースコードはありません
```

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

```
特になし
```

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

##### 上記の詳細・結果
当初envファイルを開くと上部に「envに対応したプラグインが2つあります」みたいな黄色い枠が表示されたので、押しました。
その後ポップアップに下記に示す「①Env File Maker」と「もう1つ」ありましたので2つともインストールしました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-05-07/a7eebfe6-aaea-49b9-b4a7-3a2905434c95.png)

「①」の方はOFFにしましたが、まだ「*****」表記が消えておらず恐らくもう1つのほうのプラグインが効いているためだと思います。

どなたか、envファイルの値が「****」になってしまうプラグイン名称をご存じの方いませんか？

### 補足
特になし

Android Studioでenvプラグインが見つけられません。

### 背景
勿論雇用者当人に確認するのが一番ですが、良ければ他の方の意見も是非お伺いしたいです。

ITインターンに期待することは？

### 実現したいこと
生産者とお客を結ぶSNSを作りたいです。
生産者とお客のモデルは別々に作成しています。

＜機能＞
生産者はログイン後、新規投稿、更新、削除ができる。


### 発生している問題・分からないこと
生産者としてログインしているのにもかかわらず、生産者としてログインしていることが判断できていません。

### エラーメッセージ
```error
新規投稿ボタンを押すと「生産者としてログインしてください」のメッセージが表示されます
```

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

```models.py
# お客のモデルクラス
class Customer(db.Model, UserMixin):
    __tablename__ = 'customer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    buyer_profile = db.Column(db.Text, nullable=True)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return False  # Customer には生産者のフラグは False に設定


# 生産者のモデルクラス
class Farmer(db.Model, UserMixin):
    __tablename__ = 'farmer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    farmer_profile = db.Column(db.String(1000), nullable=False)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    products = db.relationship('Product', back_populates='farmer', cascade='all, delete-orphan')

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return True  # Farmer には生産者のフラグを True に設定
```

```views.py
@marche_bp.route('/create', methods=['GET', 'POST'])
@login_required
def create():
    if not current_user.is_farmer:  # current_userが生産者でない場合、エラーメッセージを表示
        flash("生産者のアカウントでログインしてください", "danger")
        return redirect(url_for('marche.index'))

    if request.method == 'POST':
        product_name = request.form.get('product_name')
        detail = request.form.get('detail')
        file = request.files.get('img_name')

        if file:
            filename = file.filename
            save_path = os.path.join('static', 'images', filename)
            file.save(save_path)
        else:
            filename = 'default.jpg'

        post = Product(product_name=product_name, detail=detail, img_name=filename, farmer_id=current_user.id)
        db.session.add(post)
        db.session.commit()

        flash("登録しました", "success")
        return redirect(url_for('marche.lists'))

    return render_template("marche/create.html")

```

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

##### 上記の詳細・結果
ChatGPTも使って修正しましたが、解決できませんでした。

### 補足
Flask==3.1.0

生産者とお客のモデルをそれぞれ別に作っていますが、Userのモデルは１つにした方がいいのでしょうか？

ログインユーザーの役割を判別し、新規登録できるようにしたい。

# 実現したいこと
VSCode を使い JavaScript の import 文にあるファイルにすぐに飛びたいです。

# 発生している問題
import 文にあるURLに対して [Ctrl + クリック] すると、実際にそのファイルはあるのに、**ファイルが見つからなかったため、エディターを開くことができませんでした。** という表示になってしまいます。

# 試したこと➀
相対パスのファイルは [Ctrl + クリック] で飛べました。
さらに先頭に `/` がない場合も [Ctrl + クリック] で飛べましたが、これではブラウザでエラーになります。

以下に整理します。

###### 相対パス
`import fileName from "./file-name.js"`
✅ VSCode で飛べる
✅ ブラウザで正しく動作する

###### 絶対パス (先頭に `/` アリ)
`import fileName from "/path/to/file/file-name.js"`
🚫 VSCode で飛べない
✅ ブラウザで正しく動作する

###### 絶対パス (先頭に `/` ナシ)
`import fileName from "path/to/file/file-name.js"`
✅ VSCode で飛べる
🚫 ブラウザでエラー（Uncaught TypeError: Failed to resolve module specifier）

# 試したこと➁
ChatGPTに聞いて、settings.json に以下を記述しましたが、特に変化はありませんでした。
（尚 settings.json にある他の記述は有効なので、settings.json 自体は正常に読めています。）
```JSON
{
    "typescript.preferences.importModuleSpecifier": "relative", 
    "typescript.updateImportsOnFileMove.enabled": "always"
}
```

# 試したこと➂
ChatGPTに聞いて、jsconfig.json に以下を記述しましたが、特に変化はありませんでした。
(尚 jsconfig.json を作るのは初めてで、VSCode を立ち上げて [Ctrl + K] [Ctrl + O] で指定したディレクトリ "project" の直下に置いています。)
```JSON
{
    "compilerOptions": {
        "baseUrl": "./project"
    }
}
```
または以下を記述しても変化はありませんでした。
```JSON
{
  "compilerOptions": {
    "baseUrl": "."
  },
  "include": ["./**/*.js"]
}
```

# 試したこと➃
[Ctrl + Shift + P] を押して表示される入力ボックスに ">Go to File" と入力し [Enter] を押すとファイル一覧が表示され、それらの絶対パスには先頭に `/` がない状態で全て表示されました。
どうやら VSCode の視点では「先頭に `/` がないものがファイルだよね」と認識しているような感じでしょうか・・？これが正常なのか、変更の方法はあるのか、は調査できませんでした。

# 試したこと➄
ChatGPTに聞いて、[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) を導入した上で、settings.json に以下を記述しましたが、特に変化はありませんでした。
```JSON
{
  "path-intellisense.absolutePathToWorkspace": true
}
```

# 前提
- Windows を使いたい。
- VSCode を使いたい。
- 相対パス・絶対パスいずれの import 文でも飛べる様にしたい。
- 操作方法は [Ctrl + クリック] でなくとも構わない。
- TypeScript や Node.js は使わない。

以上です。
よろしくお願い致します。

VSCode を使い JavaScript の import 文にあるファイルにすぐに飛びたい

### 実現したいこと
CPU使用率が高くなっている状態を解消したい

### 発生している問題・分からないこと
さくらVPSで「AlmaLinux」というサーバOSを稼働させています。
CPUの使用率がかなり高くなったため、コンソールにログインしtopコマンドでプロセスを確認したところ、PID13821のコマンド欄にランダムな名称が記載されており、CPUの使用率も比較的高い状態でした。

こちらのプロセスはシステム上でどういう役割を果たしているのでしょうか？
Linuxについてあまり詳しくないため、可能な限りわかりやすく教えていただければ非常に嬉しいです。

宜しくお願い致します。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-27/cb35e150-39d3-430d-a05f-1e345a8b7626.png)

### エラーメッセージ
```error
エラーメッセージはとくにありません。
```

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

```
特になし
```

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

##### 上記の詳細・結果
状況が改善されませんでした。

### 補足
特になし