常連

注目の的

社会貢献

### 実現したいこと

プログラムを実行すると

```ここに言語を入力
func1()が実行されました。
func2()が実行されました。i = 100000000
func3()が実行されました。
```
となります。func2()関数は処理内容が多いので、遅れて出力されるようにしたいです。
つまり、各関数が同期的に順番に実行されるのではなく、非同期的に、処理が早く終わった関数から出力されるようにしたいです。




### 発生している問題・分からないこと
それぞれの関数を非同期にして、早く終わった関数から出力されるような非同期処理の実装方法が分からない。



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

```javascript

var func1 = async function(){
    console.log("func1()が実行されました。");
};

var func2 =  async function(){
    for(var i = 0, j = 0; i < 100000000; i++){
        j = i;
    }
    return new Promise((resolve) => {
        console.log("func2()が実行されました。i = " + i);
        resolve();
    });
};

var func3 = async function(){
    console.log("func3()が実行されました。");
};

(async () => {
    await func1();  // func1を待つ
    await func2();  // func2を待つ
    await func3();  // func3を待つ
})();


```

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

##### 上記の詳細・結果
awaitを消したり、asyncを消したり試したが、ダメだった。

### 補足
特になし

JavaScriptで、処理内容の多い関数の出力が最後になるようにしたい(各関数を非同期で動作するようにしたい)

### 実現したいこと
for文を使ったappend()の下記コードにおける「i」は、print()等で後々出力する必要はないのかどうかを知りたいです。

neko = []
for i in range(10):
    neko.append([0,0,0,0,0,0,0,0])

### 発生している問題・分からないこと
下記のコードにおいて、
2次元リストを作るためfor構文を応用的に使い、
[0,0,0,0,0,0,0,0]を10個append()命令で作ることができると思いますが、
下記コードにおけるfor文の中の変数iの用途がいまいちわかりません。
for i in range(10)とあるので、「10回、neko.append()を繰り返す」という意味だと思いますが、
後で「print(i)」等といったようにiに入れたものを出力するコードがないですよね。






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

```Python
import tkinter
import random

cursor_x = 0
cursor_y = 0
mouse_x = 0
mouse_y = 0
mouse_c = 0

def mouse_move(e):
    global mouse_x,mouse_y
    mouse_x = e.x
    mouse_y = e.y

def mouse_press(e):
    global mouse_c 
    mouse_c = 1

neko = []
for i in range(10):
    neko.append([0,0,0,0,0,0,0,0])

def draw_neko():
    for y in range(10):
        for x in range(8):
            if neko[y][x] > 0:
                cvs.create_image(x*72+60,y*72+60,image=img_neko[neko[y][x]],tag="NEKO")


def yoko_neko():
    for y in range(10):
        for x in range(1,7):
            if neko[y][x] > 0:
                if neko[y][x-1] == neko[y][x] and neko[y][x+1] == neko[y][x]:
                    neko[y][x-1] = 7
                    neko[y][x] = 7
                    neko[y][x+1] = 7

def game_main():
        global cursor_x,cursor_y,mouse_c
        if 660 <= mouse_x and mouse_x < 840 and 100 <= mouse_y and mouse_y < 160 and mouse_c == 1:
            mouse_c = 0
            yoko_neko()
        if 24 <= mouse_x and mouse_x < 24+72*8 and 24 <= mouse_y and mouse_y < 24+72*10:
            cursor_x = int((mouse_x-24)/72)
            cursor_y = int((mouse_y-24)/72)
            if mouse_c == 1:
                mouse_c = 0
                neko[cursor_y][cursor_x]= random.randint(1,2)
        cvs.delete("CURSOR")
        cvs.create_image(cursor_x*72+60,cursor_y*72+60,image=cursor,tag="CURSOR")
        cvs.delete("NEKO")
        draw_neko()
        root.after(100,game_main)

root = tkinter.Tk()
root.title("横に三つ並んだか")
root.resizable(False,False)
root.bind("<Motion>",mouse_move)
root.bind("<ButtonPress>",mouse_press)
cvs = tkinter.Canvas(root,width=912,height=768)
cvs.pack()

bg = tkinter.PhotoImage(file="neko_bg.png")
cursor = tkinter.PhotoImage(file="neko_cursor.png")
img_neko = [
    None,
    tkinter.PhotoImage(file="neko1.png"),
    tkinter.PhotoImage(file="neko2.png"),
    tkinter.PhotoImage(file="neko3.png"),
    tkinter.PhotoImage(file="neko4.png"),
    tkinter.PhotoImage(file="neko5.png"),
    tkinter.PhotoImage(file="neko6.png"),
    tkinter.PhotoImage(file="neko_niku.png")
    ]

cvs.create_image(456,384,image=bg)
cvs.create_rectangle(660,100,840,160,fill="white")
cvs.create_text(750,130,text="テスト",fill="red",font=("Times New Roman",30))
game_main()
root.mainloop()
        


```

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

##### 上記の詳細・結果
googleのネットで見つけた下記コードですが、
このコードには最後にprint()で変数iに入れたものを出力しています

１　＃文字列の追加
　２　l i s t _ a ［’ａ’，’ｂ’，’ｃ’，’ｄ’］
　３　# l i s t _ a に新しい要素を追加
　４　l i s t _ a ．a p p e n d（’ｅ’）
　５　p r i n t（ l i s t _ a ）

### 補足
ああファ

for構文のiについて用途がわからない

## 🖊️テーマ
愛着があって好きなIT系マスコットキャラ、あまり知られていないけど魅力的なIT系マスコットキャラなど、
あなたの推しIT系マスコットキャラを教えて下さい！
プログラミング言語やフレームワーク等、ITに関わるマスコットキャラを幅広く募集します！

ぜひ、推しポイントも一言！✍️

## 👤運営メンバーの「推しIT系マスコットキャラ」
運営メンバーOさんの推しIT系マスコットキャラは、Go言語の「Gopherくん」でした！
このマスコットキャラがきっかけで、Go言語を学習したくなっているとのこと！

## 〜teratailトーク!とは？〜
詳細を公式ブログで公開しています。ぜひお読みください。
[「teratailトーク!」スタート🎉　気軽に意見交換しよう！](https://blog.teratail.com/entry/teratail-talk)

あなたの "推しIT系マスコットキャラ" はなんですか？

Java開発ツールキットは数種類ありますが、利用するにあたり比較検討したく違いを知りたいです

機能の違いや、値段の違い、シェアの違い、開発し易さの違い、など知りたいです

Oracle JDK
Oracle OpenJDK
Red Hat build of OpenJDK
Amazon Corretto
Microsoft Build of OpenJDK
Eclipse Temurin (Adoptium)


例：
■Oracle JDKの場合
・サポート費用は他のJDKよりかは比較的高価なサポート費用となる
・用途長期的に動かすシステムを構築したい時
・無期限サポートを受けたい時
・実績の多いJDKを採用したい
・ドキュメント豊富

JDK(Java開発ツールキット)について

クライアント側でローカルストレージやクッキーの内容を編集しようなんて考えるのは悪意を持ったユーザーくらいしかいないと考えますが違いますか。
なぜサーバー側で発行したデータを
ブラウザのクライアント側で任意のデータに書き換えれるようにしてるんですか？

ブラウザ側が制御しても直接コードでリクエストを投げれば偽装可能という回答は無しで、
標準ブラウザで値の書き換えを可能にしてるのはなぜですか

クライアントが書き換える場面が想像つかない、削除はわかりますが任意のデータに書き換えることは悪意を持ったユーザーしかいない。
それは自由度が増すこと以上にセキュリティの脆弱性を孕んでいないのですか？

なぜローカルストレージやクッキーがクライアントサイドで編集可能にしているのか

### 実現したいこと
仙塲大也 著　『良いコード悪いコードで学ぶ設計入門』で、「getter/setterを多用すると良くない」という旨の記述がありましたが、具体的にどのような実装を心がければ良いのかピンときません。
また、メソッドの正しい実装方法がよくわかりません。

### 発生している問題・分からないこと
例えば、攻撃キャラが防御キャラに攻撃するとき、攻撃キャラの攻撃力、レベル、魔法威力と、防御キャラの防御力、HPを使ってダメージ計算をする必要があるとします。攻撃キャラは攻撃のみ、防御キャラは防御のみ可能です。
僕は、攻撃キャラと防御キャラは別概念と考え、別々のクラスとして設計しました。しかし、その場合攻撃キャラ防御キャラどちらかにダメージ計算メソッドを実装する必要があり、ダメージ計算メソッドを持つクラスは、もう一方のgetterを使わなければいけなくなってしまいそうです。また、攻撃キャラと防御キャラの属性をどちらも使った計算のため、そもそもダメージ計算メソッドは攻撃キャラと防御キャラどちらが持っておくべきものなのかもわかりません。
今回の例だけでなく、他の例でも応用可能な考え方等ありましたら併せてご教授お願い致します。



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

```
特になし
```

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

##### 上記の詳細・結果
「委譲を行う」、「引数を渡さず尋ねるだけで結果が帰ってくるようにする」等の記述がネットに沢山転がっていましたが、今回の例で活用できる考え方なのかイマイチわかりません。

### 補足
技術レベルは以下の通りです。↓

学生で大規模開発経験なし。
簡単なボードゲーム、jspやサーブレットを用いた簡単なwebサイト等の開発経験はあります。
OracleのJavaSilver取得済みです。
クラス設計、オブジェクト指向等に関しては全くの初心者です。上記の『いいコード悪いコード』やネットの記事等で勉強を進めている状態です。

ご丁寧な回答、本当にありがとうございました！
全て参考にさせて頂きます。

デメテルの法則  尋ねるな命じろ

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

不適切な名前のSSIDを表示させない。
実現可能かヒントが欲しい。

## 背景、状況

不適切な名前のSSIDが表示され、対応に頭を悩ませています。
インターネットで検索した限りですと、効果的な対策はないと・・・つまり実現不可能ですかね。

根本的対策は、「不適切な名前のSSIDの発信元を特定し、是正してもらうよう申し入れる」
ですが、そもそもどうやって特定するのか分かりません。
SSIDの名前から社内の人間ということは明らかですが、持ち物検査をするわけにもいきません。
全社通達で牽制の文書を発行済みです。

暫定対策案として「Wi-Fi → フィルタ → 会社のPCや個人のスマホなど」
フィルタを掛け、特定のSSIDを表示させない。
も考えましたが、こんなことができたら街中のWi-Fiサービスに支障がでますよね。

不適切な名前のSSIDを表示させないためには？

趣味でプログラミングをしています。
初の投稿となります。
よろしくお願いします！

### 質問内容
今回ChatGPT APIを使用し、Unityでアプリを作成しています。
API KEYに関して環境変数を利用することが推奨されており、下記URL参考にして開発を進めています。
https://happy-shibusawake.com/api-key/1406/

Unity Editor上では問題なく動作していますが、タブレット実機でテストをした際、環境変数を利用したコードでは正常に動作しませんでした。

アプリをリリースしたり、実機でテストする際は環境変数を使用せず直接APIキーをコードに記載すればいいのでしょうか？

いままでAPIを利用したことがなかったため、APIの扱いに関してビクビクしています！
ぜひお教えいただきたいです！

### 開発環境
- Unity
- 言語：C#
- テスト実機：Androidタブレット



APIキーの扱いに関して

### 概要

例えば Yahoo! Japan と Google を例に挙げますが、

- (1) https://www.yahoo.co.jp/
- (2) https://www.yahoo.co.jp./
- (1) https://www.google.co.jp/
- (2) https://www.google.co.jp./

通常、(1) のような一般的なURLを使うと思いますが、(2) のように「ドメイン名の末尾にドットをつけたURL」でもアクセスを試みることが可能です。そして、名前解決は期待通り実行されるため、目的のWebサーバからHTTPレスポンスを得ることが可能です。

しかしこのとき、ドメイン名の末尾にドットを付けているせいで、意図せぬ結果になることがあります。Yahoo! がその一例でエラーページになってしまっています。一方 Google はドットを取り除いたURLにリダイレクトするような挙動となっていて、この問題に対して適切な対応が採られているように見えます。

### 質問

- (Q1) 「ドメイン名の末尾にドットをつけたURL」で HTTP リクエストすることについて、何か名称はあるでしょうか。（この問題について調べたいので名称を知りたいと思っています）
- (Q2) 「ドメイン名の末尾にドットをつけたURL」による HTTP リクエストによって生じる問題（特に脆弱性につながるような攻撃）はあるでしょうか。（間接的な DoS に繋がることは想像できますが、それ以外に何か興味深い攻撃に繋がるといった情報があれば知りたいです）
- (Q3) Google の挙動のように、この問題を簡単に回避する Web サーバ側での対策や設定について一般的に知られているものはあるでしょうか。（例えば Apache であれば .htaccess にこんな風に書けばいいよといったものなど）
- (Q4) その他、この件について補足情報があれば教えてください。

全てについて回答できない場合でも、何かご存知の方がいればぜひご回答いただければ助かります。

ドメイン名の末尾にドットをつけたURLの挙動について

## テーマ、知りたいこと
設計は何に着目すればいいのでしょうか。
オブジェクト指向などの本も読んでみましたがよくわからないです。

vendingMachine (自動販売機) を例にとると

① 仕様に着目 (動詞 メソッド風?)
(1) storeJuice   ジュースを保管する
(2) coolJuice    ジュースを冷やす
(3) checkPayment 支払いを確認する
(4) outputJuice  ジュースを排出する

② 場所に着目 (名詞 クラス風?)
(1) juiceStore ジュースの保管場所
(2) cooler     ジュースの冷却器
(3) moneyBox   金銭管理箱
(4) vent       ジュースの排出口

③ 目的物に着目 (名詞 データが主役のクラス風?)
(1) storedJuice  保管されたジュース
(2) coolingJuice 冷やされたジュース
(3) boughtJuice  支払いが確認されたジュース
(4) outedJuice   排出されたジュース

本やネットでクラスが名詞でメソッドが動詞と学びましたが
どうにでも書けてしまえませんか？
それとも何か基準やルールでもあるのでしょうか。
着目するところやコツがあれば教えていただきたいです。

**追記1**
"どうにでも" というのは少々乱暴な言い方でした。すみません。
言いたいことは、自動販売機の例でいうところの、仕様に着目しても場所に着目しても目的物に着目しても分かりやすさと保守性があれば、どのような設計を選んでも構わないのかということです。

**追記2**
着目したテーマ(仕様/場所/目的物 etc.)によって、同じ動きをするプログラミングの関数名が動詞句(メソッド)になることも名詞句(クラス)になることもあるということなのでしょうか。(例えば、juiceStoreクラスにcountJuiceメソッドがあったとして、構成によってはjuiceStoreコンポーネントのjuiceCounterクラスにもなる？)

**追記3**
#6を読んで疑問に思ったのですが、クラスは 「AはBをする」に縛られるのでしょうか。「AがBになる」で作らないほうがいいのでしょうか。例えば、ぬるいジュースから冷たいジュースになるということで normalTemperatureJuice クラスと coolingJuice クラスを作るという設計はNGですか。

**追記4**
### 0. 状況整理
悩む方向が間違っているのかもわかりませんが、悩んでいることをまとめ直しました。
(1) シナリオの着眼点
(2) クラス(名詞句)/メソッド(動詞句)の使い分け
(3) 共通クラス/メソッドの置き場とネーミング

※青は名詞句 黄緑は動詞句。
### 1. 設計の大枠
vendingMachineの大枠を実体面(ハードウェア)から考えた。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/c233ce27-2837-4c16-b0a1-ee9bc1c84a29.png)
さらにvendingMachineの大枠を動作面(SVO)から考え直した。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/4324fecf-d575-4883-a855-7296dc1c8b50.png)

**疑問①-1: SVOからのアプローチの語法**
「vendingMachineのオーナーがjuiceを追加した。」という動作面(SVO)からのアプローチでは、juiceクラスがjuiceSettingのようなネーミングになるのか。storeManagement とstoreManager ではどちらになるのか。一般的なルールはあるのか(そもそも、クラスの命名自体もわかっていない。)

**疑問①-2: 着眼点の違うシナリオの混在 1/2 (粒度の等しいクラス)**
自販機の実体面からアプローチしたクラスとオーナーの動作面からアプローチしたクラスの混在など、着眼点の違いがあるクラスの併存はよくあることなのか、避けていることなのか、例外的に事情があれば許容されるのか。(実体面に着目しても動作面に着目しても、どのようにも書けるのではないかという疑問はこのようなことに端を発している。)シナリオに制約や経験則的に破綻しやすいケースはあるのか。

### 2. 汎用性があるクラスへの再編
juiceクラスは汎用性が無いため、itemクラスに再編した。
ここではoden(おでん)はfoodのほうが良いのではないかという再々編の余地を残しているがこの設計で大きな影響はない。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/1f7c436d-fd20-48cc-92b9-eb1021dff553.png)

**疑問②-1: 着眼点の違うシナリオの混在 2/2 (クラスとメソッド)**
自販機の実体面から考えられたクラス内にオーナーの動作面から考えられたメソッドという、以下のような構成もありえるのか。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/ed57b481-90ba-4944-9806-0b9d1f100d0f.png)
処理過程も見方によっては目的となり、また逆もあり、名詞句なのか動詞句なのかの違いだけで内容が同じ関数に関してクラスとメソッドには大きな隔たりが無いように感じているが、どのようにクラスとメソッドの住み分けを進めればいいのか。
一旦すべての構成をドメイン/クラスとった樹形図のような名前空間に落とし込み、そこからさらに”名前空間をつくる程でもない処理”をメソッドとして扱っても設計できそうだが、メソッドはそのように捉えるべきではないのか。

### 3. 共通するメソッドの扱い 1
各クラスに以下のメソッドが付加された。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/6db16a0b-25bf-4999-9bc4-fcc3bbdfae39.png)
処理が共通するおまけ飴メソッドのaddRedCandyとaddBlueCandyを一つのaddCandyメソッドにまとめitemクラス配下とした。

**疑問③-1: 関連度/粒度/抽象度**
addCandyメソッドはjuiceクラスとtoyクラスで使われodenクラスには使われないが、配置する場所はitemクラス下で良いのか。それともjuice/oden/toy の粒度や抽象度に合わせてcandyクラスやadditionクラスを作り管理すべきなのか。

**疑問③-2: メソッドの拡張性**
addCandyメソッドにredやblueといった名詞句のタグ付けは可能か。(メソッド(動詞句) = 構成の行き止まりのようなイメージがあるのですがそんなことは無いですか。)addCandyメソッドに拡張性がないのであれば、candyクラスにしてしまうべきか。

**疑問③-3: 冗長性**
構成を厳密にしていくとitem/shared/addition/candy/redクラスを拾うことになるが名前空間や関数名は長くなっても構わないのか。引数は4つまでが良いと何かの本で読んだことがあったが、名前空間も読みやすさなどのルールがあるのか。
 
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/38ea61bd-8519-4e78-bec8-cc45ff3348b6.png)
### 4. クラスの拡張
additionクラスをsharedクラスに拡張した。
banUpsidedown(天地無用)メソッドもoden以外にも使えそうな抽象性のあるメソッドなのでadditionクラスをsharedクラスとしてこれに移動させた。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/0fd012e2-ba18-4366-8fdc-064691f2b81b.png)
**疑問④-1: カプセル化と汎用性**
オブジェクト指向(カプセル化)と汎用性のあるメソッドに親和性はあるのか。
汎用性のあるメソッド作るほど、元のクラスの中身が減っていくわけで、そうなると行程がいくつもあり肥大化したクラスを除いて、カプセル化を目指さないほうが無難なのではないか。

**疑問④-2: 汎用性のあるメソッドのネーミングと名前空間 1/2**
共用になりそうなしかし共用になっていないメソッドの配置とネーミングが悩ましいがどうすべきか。shared? option? 一度しか使わないようなメソッドもクラスやメソッドの粒度や抽象度を揃えたとき(シーケンスのレベルや位置が同じとき)共用クラスの中に入るなら、入れるべきなのか。

### 5. 共通するメソッドの扱い 2
itemが自販機にあるのか無いのかを返すexistItemメソッドを追加した。
itemに関わることなのでitemクラスにあるが、使われるのは自販機の売り切れボタンである。
(existItem? isExists? itemExists? 語法が正しいのか分かりません。)

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-14/065303e2-6391-497f-97b3-f7b19b7b9502.png)
**疑問⑤-1: 再利用性のあるメソッドの置き場**
itemクラス内のbanUpsidedownメソッドがdisplayクラスでも再利用性があるという場合はメソッドの場所をitemクラスとdisplayクラスの共用クラスに変更したほうが良いのか。

**疑問⑤-2: 分類場所優先か利用場所優先か**
existItemメソッドはitemクラス内で一度も使われない。しかし、itemクラスに分類されるメソッドである。だがdisplayクラスで呼び出されるという場合、existItemメソッドはitemクラス(分類場所)内に置いておいていいのかdisplayクラス(利用場所)へ移動させたほうがいいのか。





プログラミングの設計が分からない

よくある形態のWebメディアを開発しており、
キャンペーンやメルマガの配信にメールアドレスを収集しております。
※メールアドレスで会員登録しています

データベースに保存する際、メールアドレスを暗号化するのは一般的なのでしょうか？
上司から「メールアドレスは個人情報だから暗号化して保存しないと」と言われたのですが、
これまで上場企業のシステムなど複数携わったことがありますが、
会員登録時にメールアドレスを暗号化して保存しているシステムに出会ったことがありません。

「暗号化しないよりはした方がいい」というのは分かりますが、
複合化や検索時のデメリットを考えると「本当に暗号化する必要性はあるのだろうか？」と思ってしまいます。

私のセキュリティ感覚に問題があるのか、今回がレアケースなのか、
皆さんのご経験などを踏まえてご教授頂けますと幸いです。


メールアドレスの暗号化は必要でしょうか？

# 聞きたいこと
表題の通りです。html/cssでフォントサイズを徐々に小さくしていくと、9px当たりで限界がきてそれより小さいフォントサイズで文字を表示することができません。
なぜこのような仕様になっているのでしょうか


# ソースコード
```html
<body>
    <div style="font-size:12px">12px</div>
    <div style="font-size:11px">11px</div>
    <div style="font-size:10px">10px</div>
    <div style="font-size:9px">9px</div>
    <div style="font-size:8px">8px</div>
    <div style="font-size:7px">7px</div>
    <div style="font-size:6px">6px</div>
    <div style="font-size:5px">5px</div>
    <div style="font-size:4px">4px</div>
    <div style="font-size:3px">3px</div>
</body>
```

# 見た目
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-11-11/33d259a2-a69c-458c-83b3-55ad6a939fb2.png)

[html/css]フォントサイズが9px以下にならない理由

# 前提・実現したいこと
Node.js初心者です。
OCRから表の画像を読み取ってCSVを作成し、LambdaにてそのCSVの処理を行うプログラムを作成しています。
ある条件に該当する行があればその行を無視する(存在がなかったことにしたい)という処理を書きたいです。

# 発生している問題
A～Zまでの項目があり、AとBの項目が空の場合その行を無視して次の行の処理に進みたいのですが、そのやり方が分からず苦戦しています。
```ここに言語を入力
TypeError: Cannot read property 'C' of undefined
```
なぜかある項目で上記のエラーが出てしまいます。

調べたところ、try-catchでエラーを無視するやり方もあるみたいなのですが、
それはまた違うことなのでしょうか？
どういうやり方をすれば条件に該当する行を無視できるのでしょうか？

色々試す以前に基礎がなっていないので、どうすれば実現したいことが可能になるのか分かりません。
ぼんやりとした説明で大変申し訳ありませんが、どなたかご教授よろしくお願いいたします。

条件に該当する行を無視したい

いつもお世話になっております。

プログラミングというよりオペレーティングシステムの仕様/実装の質問になり申し訳ありません。
Mac OSでのメモリ管理の仕組み/仕様/実装について知りたく、質問させて頂ければと思います。

[現象]
現在メモリ16GBのMacBookを使っています。
幾つかのアプリケーションを利用していると
パソコン自体の動作が緩慢になることがあります。
特に今回はChromeで大量のタブを開いていた為、
大量のプロセスを作成されており、それらがメモリを多く消費していました。
Chromeのタブを閉じることでメモリが解放され、
動作が元通りに安定しましたが、そこでMac OSのメモリ管理について少し気になったことがあります。

[疑問]
というのも動作が遅くなった際に、大体の場合メモリは90%を少し超えた位で
99%や100%にはなっていないのです。
つまり多少の空きがあると考えられます。
パソコンのメモリは16GBなので90%の使用率では1.6GBの空きがあると考えられます。
これだけあればもっとスムーズに動作が出来そうな気がするのですが、
実際は文字の入力にも4,5秒のラグが出たり、クリックの反応が遅くなったりします。

またChromeで大量のタブを閉じ、メモリの解放を行った後に、それを奪うように他のアプリがメモリを確保するということもありませんでした。

通常メモリが不足している際(メモリに空きが無い=使用率100%?)にアプリケーションから新たなメモリの使用要求があった際には
OSがそれに基づいて利用可能メモリの探索やメモリの圧縮を行い、
最終的に利用可能なリソースが見つからなかった場合にスワップアウトを実行し、
SSDやHDを仮想メモリとして利用され、物理メモリと仮想メモリのI/Oの速度差や
スワップイン/アウトの処理に伴う待ち時間の発生により、
処理が緩慢になるという事象が発生するという理解です。

ただ今回は使用率が100%になっておらず、メモリには空きがあったと考えられるので
上記のメモリ管理の仕組みと差がある為、それが何か知りたく質問させて頂きました。
(自分でもインターネットの記事を探してみたのですが、それを示す回答が見つからず。)

実行されているプロセスやリソース使用状況次第で色んな要因が考えられる上、Mac OSはOSSでは無いので
その詳細は仕様や動作は不明なところがあると思われますので、
今回の現象の真の原因が知りたいというよりも、

Mac OSのメモリ管理の仕組み上で想定出来る動作を知りたいと考えています。
(例:システム上の重要な動作を保証する為、メモリを完全に使い切り、使用率が100%になることはメモリリークなどが発生しない限りはないが
　 それ故に90%の時点で可処分メモリ枠が無くなっており、スワップイン/スワップアウトが頻発し動作が遅くなっている等)
何かアイデアをお持ちの方がいらっしゃいましたら、ご教示頂けますと幸いです。
(調べていた中ではWindows OSでもメモリ使用率が90%以上で動作が遅いという意見があったので、
Mac OSだけの動作では無いのかも知れません。)

[質問を受けての補足]
Mac OSのリソース状況を確認出来るActivity Monitorのメモリタブに表示される
メモリの逼迫状況をグラフィカルに表示するメモリプレッシャーについてですが、
発生時に確認し忘れていた為、その時点で何色を示していたか不明です。申し訳ありません。





パソコンのメモリが90%の時に動作が重くなる仕組みが知りたい

本当に初心者なので低評価覚悟で質問させていただきます。
Java初めて半年ほどの初心者です。
現在、開発練習でWebアプリケーションを作成しようと思い、一通りHTMLとCSSコードは整えてあり、Webサイト上にアップロードする準備はできています。
そして、JavaでURLを作成（localhost:8080など以外、例えばこちらのサイトでしたら、「**https://teratail.com/.....**」
などのようにURLが生成されていると思います。（URL生成と言う言い方が正しい言い方ではまったくないということは承知していますが正しい言い方がわかりません、申し訳ございません。）
こちらのURL生成の方法として、どのようなものが挙げらますでしょうか？
ソフトウェアであるApache-Tomcatなどを使ってURL生成を行えば良いのでしょうか？
Googleなどでも調べてみましたが、別の言語での作り方だったり
URLの扱い方などは書いてあるものの、URL生成の方法は書いてありません。
URL作成の方法はどのようにすれば良いのか、誰かご教授いただけると幸いです。

**そもそもの考え方や概念の捉え方が違う場合は、ご指摘いただけると嬉しいです。**

JavaでURL作成方法について

javascriptを使い実際の自作の拡張機能を作りたいと思います

### 概要
0. 拡張機能で現在開いている調べたいwebページ（webページ）で拡張機能のポップアップページ(ポップアップページ)上のボタンをおす
0. webページのhtml情報を読み込む
0. 事前に指定しているid名を持つ要素がwebページ上に存在するかをチェックする
0. もし存在すれば、ポップアップページに上に"要素があります"と表示する
0. なければ、時間を少しおきwebページをリロードし2,3のプロセスを再度実行する

### 問題点

chrome.tabs.queryなどでwebページのurlを取得する方法は多く見つかるのですがwebページのコンテンツ、htmlファイルの情報を取得する方法がわかりません

chromeの公式ドキュメントを読んだのですが見つけることができませんでした。
https://developer.chrome.com/docs/extensions/reference/

getElementByIdなどが使えるようにwebページをオブジェクト化する方法を教えていただきたいです

よろしくお願いします






自作のChrome拡張機能で現在いるページ内のテキストを取り出す

### 概要
ポートフォリオ用のwebアプリをruby on railsで製作中です。
railsの実行環境としてawsのecsを利用する想定ですが、
起動タイプをec2かfargateのどちらにするかを料金によって判断したいです。
aws price calculatorで計算しているのですが、各項目が正しく理解できている自信がありません。
条件と設定を記載したので、下記の設定で正しいか教えていただきたいです。

計算に使用したツール
https://calculator.aws/#/createCalculator/EC2
https://calculator.aws/#/createCalculator/Fargate

### 条件
・1日中起動しっぱなし
・ポートフォリオ用のwebアプリなので
　集客や多数のユーザーが利用することなどは考慮しない
・スペックは最低

### ecs fargateを使用する場合
（設定項目：設定値）
タスクまたはポッドの数：1/月
（1つのタスクを起動したままにするので、月当たりのタスク数は1の想定）
平均期間：30/日数
（１ヶ月を30日として入力。起動したままなので30日の想定）
割り当てられたvCPUの量：0.25
割り当てられたメモリ量：0.5GB
Amazon ECSに割り当てられたエフェメラルストレージの量：20GB

・金額
8.89USD

### ec2を使用する場合
（設定項目：設定値）
オペレーティングシステム：Linux
インスタンスタイプ：t2.micro
数量：1
使用率：100%

EBS部分
各EC2インスタンスのストレージ：汎用SSD(gp2)
ストレージ量：30GB

・金額
11.12USD

AWS ECSの料金計算について


いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

---

## 【質問の主旨】

「さくらのVPS」で使用しているサーバーのメモリを増設することによって、メモリの未使用領域（unused）に余裕があるにもかかわらず、WordPressサイトにアクセスしづらい状況が発生しています。

なぜこのような現象が発生するのでしょうか？またこのアクセスしにくい状況を解消するためにはどうすれば良いでしょうか？

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-23/4811605a-a982-4823-8ae7-fb61b3502a59.png)

## 【質問の補足】

ここ数日間に3回スケールアップしてメモリを増設しています。

### 1. 

1月21日金曜日の日中の時間帯からアクセスが増加する傾向に入り、それまで4GBだったメモリを8GBに増やしましたが（スケールアップ）、サーバーはダウンしました。

### 2.

1月21日金曜日の夜にメモリを8GBでから16GBに増設しました。このときはメモリを増設することによって、アクセスしにくい状況を解消することができました。

### 3.

1月22日土曜日から再びアクセスが増加する傾向になり、1月23日の午前8時ごろにそれまで16GBであったメモリを32GBに増やしました。最新のサーバーのメモリは32GBでコミットライン（commited）はおよそ22GBから24GB程度です。

監視ツールのMuninでメモリの使用状況を見る限り、このサーバーのメモリにはまだ余裕があるそうに見えますが、アクセスに時間がかかり、ときどきWordPressの画面で"Off Line"というメッセージが表示されることもあります。


### 4. 
このWordPressサイトに関わる仕様は以下の通りです。

- WordPress5.8.3
- PHP 7.4.19
- MySql  Ver 14.14 Distrib 5.6.36
- Apache 2.4.6 
- CentOS Linux release 7.9.2009 (Core)

### 5. CPUの利用状況

メモリの利用時間帯に合わせたCPUの利用状況は以下の通りです。余裕があると思います。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-23/09053060-52f1-4995-8309-de586befb775.png)

### 6. ディスク(I/O)の利用状況

メモリの利用時間帯に合わせたディスク(I/O)の利用状況は以下の通りです。特に異常はないと思います。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-23/c9ebb736-e324-4e1b-b96c-a23c03fd0967.png)

### 7. PHPのメモリ上限値を上げる

PHPの設定ファイルであるphp.iniにおいてPHPのメモリ上限を以下のように変更しました。


```
; memory_limit = 128M
memory_limit = 512M
```


### 8. WordPressのメモリ上限値を上げる

WordPressの設定ファイル（wp-config.php）でWordPressが使用するメモリについて定義するようにしました。

```
define('WP_MEMORY_LIMIT', '256M');
define('WP_MAX_MEMORY_LIMIT', '512M');
```



---

以上、ご確認よろしくお願いします。








サーバーのメモリを増設して未使用領域に余裕があるにもかかわらず、そのサーバーにあるWordPressサイトにアクセスしづらいのはなぜでしょうか？

先生の作った授業を生徒が予約するようなサービスがあるとして、以下のようにテーブル設計しました。

```
teachers(id,name)
lessons(id,name,teacher_id)
students(id,name)
lesson_reservations(id,lesson_id,student_id)
```

業務要件として、`lesson_reservations`を取得する際には多くの場合で`teachers.name`も取得したくなるとします。

その場合、上記のテーブル定義だと`lesson_reservations`を取得する際にいちいち`lessons`をjoinして`teachers.name`を取得しなくてはなりません。

テーブル定義としては冗長にはなりますが、`lesson_reservations`に`teacher_id`にすれば取得しやすいです。

もちろん、`lessons.teacher_id`が変更になると`lesson_reservations.teacher_id`も変更が必要というデメリットはあります。

しかし、業務要件にこのような変更がないと考えた場合は、あえて冗長なテーブル設計をしてもよいのかなと思っています。

「このような場合は冗長な外部キーを持って良い」みたいに明記された設計パターンやその他情報があれば教えてほしいです。

冗長なキーを持ったテーブル設計をしてよいでしょうか。

Google Chromeの拡張機能を作っています。

個人の趣味で作っているのですが、毎時丁度（8時,9時,10時...）に`1時間作業してるけど大丈夫？`的な通知を出したいのですが、Google Chrome Extensionの中にcron的な処理ってあるのでしょうか？？

backroundのscriptの中で1時間単位のsetIntervalをやるとかも考えたのですが、かなり気持ち悪いなぁと思っていて。。。

もしAPIをご存じの方がいらっしゃったらご教示いただけると幸いです。

現状は以下のようにscriptを作っています。

```javascript
var nId = null;

var opt = {
  type: 'basic',
  title: '1時間経ったよ！',
  message: '休憩しなくて大丈夫？',
  iconUrl: './128.png',
  buttons: [
    {
      title: "youtubeを見る"
    },
    {
      title: 'まだ頑張る！'
    }
  ]
}

const showNotification = () => {
  chrome.notifications.create('aaaaa', opt, (id) => {
    nId = id;
  })
}

const closeNotification = (id) => {
  chrome.notifications.clear(id)
}

chrome.notifications.onButtonClicked.addListener((id, btnIndex) => {
  if(nId === id){
    if(btnIndex === 0){
      window.open('https://youtube.com')
    }else{

    }
    closeNotification(nId)
  }
})

showNotification()

```