常連

自己紹介

Node.jsでWebサービスを開発中の者です。

クライアントサイドのJavascriptのファイルをmain.jsとした場合、
<script src="./main.js"></script>
などとhtmlに書きますが、これだとクリック1つでクライアントにmain.jsの中身がバレてしまい、せっかく苦労して作成したコードもパクられてしまいます。

改行マーク等を取り除いて難読化 -> リコンパイルできるし、難読状態のまま使われてしまうケースもあるようです。

https://qiita.com/yomogenium/items/881a55417dc047756e78
このサイトによると、直接アクセスした場合ニセのコードを出力してソースコードを見られないようにすることができるようですが、PHPを例に挙げているため、Node.jsでどのように実装すればよいのかわかりません。

Javascriptはクライアントサイドで動く＝クライアントのデバイスにダウンロードされて動く、ので完全に防ぐことができないことは理解していますが、なにか良い方法をご存知の方がいらっしゃいましたら、ご教授いただければ幸いです。

また、Node.jsをお使いのみなさんがどのように対策しているかにも興味があります（Javascriptのクライアントサイドのコードはバレても仕方ないと割り切っているとか）。

忌憚なきご意見をいただければと思います。
よろしくお願いいたします。

[Node.js]クライアントにJavascriptのソースコードを見られないようにする方法

javascriptのreplaceにて、正規表現を用いて下記のような置換を行いたい。

文章中の文字列A(例：梨)の中から、文字列B(例：山梨県)に含まれないものだけを置換する際の正規表現を作成したい。

(例：「特に山梨県の梨はみずみずしくて美味い」⇒「特に山梨県のりんごはみずみずしくて美味い」)

ただし、文字列A、文字列Bについては動的に生成する文字列であるため、「～(文)～(字)～(列)～」のように文字列を分割するのではなく、～(文字列)～のような形式としたい。

現状、「山梨県」を一時的に「山○県」に置換⇒「梨」をりんごに置換⇒「山○県」を「山梨県」に置換の形で実現済みですが、正規表現を用いてreplace一発で置換を行えないか、方法があればご教示ください。

---
追記
text(元文章、仮に「特に山梨県の梨はみずみずしくて美味い」)
beffor(置換の対象とする文字列A、仮に「梨」)
exception(置換の例外とする文字列B、仮に「山梨県」)
after(置換後の文字列、仮に「りんご」)
と与えられた際に、「(?<!山)梨(?!県)」のようにパラメータの内容を考慮した属パラメータ的なものではなく、
「new RegExp("???"+(beffor)+"???"+(exception)+"???")」のように各パラメータの内容や文字構成に依存しない汎用的な正規表現を目指しています。

正規表現にて、「山梨県」中以外の「梨」の置換について

DetaiDashboard3.js、DetailDashboardList.js、api.jsがあります。
**コードは以下のとおりです。**

**DetaiDashboard3.js**
```Javascript

const DetailDashboard3 = () => {
    const [kuchikomis, setKuchikomis] = useState([]);

    useEffect(() => {
        fetch();
    }, [])

    const preid = useParams();     
            const stringprename = JSON.stringify(preid);
            const obj = JSON.parse(stringprename);

    const fetch = async() => {
            const id = obj.id;
            const data = await Api.openDetailDashboard(id);
            console.log(data[0]); //1
            await setKuchikomis(data);
            console.log(data[0]); //2
            console.log(kuchikomis); //3
    }
    const classes = useStyles();
    return (
        <div className={classes.root}>
        <h1>詳細ページ</h1>
            <DetailDashboardList kuchikomis={kuchikomis} fetch={fetch} />
        </div>
    )
};
    
export default DetailDashboard3;
```

**DetailDashboardList.js**
```Javascript
const DetailDashboardList = (props) => {
    const classes = useStyles();
    const kuchikomilist = props.kuchikomis.map((kuchikomi) => {
        return (            
        <ListItem key={kuchikomi.id}>
        <h1>kuchikomilistの内容</h1>
        省略
        </ListItem>
            )
    }
    );
    return (
        <div className={classes.root}>
            <h2>最近の投稿</h2>
            <ul className={classes.ul}>{kuchikomilist}</ul>
        </div>
    )
}
export default DetailDashboardList;
```

**api.js**
```Javascript
export const openDetailDashboard = async(id) => {
    const kuchikomi = await db.collection("kuchikomi").doc(id);
    let kuchikomis = [];
    kuchikomi.get().then((doc) => {
        if (doc.exists) {            
            kuchikomis.push({
                id: doc.id,
                content: doc.data().content,
                kind: doc.data().kind,
                lowTemp: doc.data().lowTemp,
                Images: doc.data().Images,
            });
            console.log(kuchikomis); //4
            console.log(kuchikomis[0]); //5
        } else {
        }
    }).catch((error) => {
    });
    return kuchikomis;
};
```

**結果**
ブラウザの表示は、以下の２行のみ表示され、DetailDashboardList.jsの省略の部分は表示されません。

　詳細ページ
　　最近の投稿

しかし、サーバーを起動させた状態でDetailDashboardList.jsの一部（例えば<h1>タグ内の文言）を編集して保存をかけると省略の部分も表示されるのです！
もちろん本来は、省略の部分も初めから表示させたいです。

コンソールは、以下の順序で呼ばれ、//1と//2はundefinedで、//3は空の配列です。
DetaiDashboard3.js内で示した//1
DetaiDashboard3.js内で示した//2
DetaiDashboard3.js内で示した//3
api.js内で示した//4
api.js内で示した//5

このようなことが起こる原因は、思うように非同期処理が機能していないことが原因と考えたのですが解決策を知りたいです。
自分としては調べ尽くしたのですが分かりませんでした。
初歩的な質問で申し訳ありませんがよろしくお願いします。




javascriptの非同期処理が待ってくれません。

先生の作った授業を生徒が予約するようなサービスがあるとして、以下のようにテーブル設計しました。

```
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`も変更が必要というデメリットはあります。

しかし、業務要件にこのような変更がないと考えた場合は、あえて冗長なテーブル設計をしてもよいのかなと思っています。

「このような場合は冗長な外部キーを持って良い」みたいに明記された設計パターンやその他情報があれば教えてほしいです。

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

下記のjsは、
・画像をダウンロードしてページ移動するjsなのですが・・・IEでは画像のダウンロードの部分が利きません。

少しjs詳しい友人に相談したところjs部分をIEとchrome用で二つに分けて作らないとダメだと言われたのですが、
そういうものなのでしょうか？
できれば一つのjsでIEにも対応するように作りたいのと、なぜIEでは利かないのかの理由が分かりましたらご教授頂けますでしょうか。
```<script>
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelectorAll('[data-href]').forEach(x=>{
    x.addEventListener('click',()=>{
        location.href=x.dataset['href'];
      }, 5000);
  });
});
</script>

<a data-href="https://mnakashi.web.fc2.com/test/2.html" href="https://mnakashi.web.fc2.com/test/sample.png" download="sample.png">ダウンロード</a>
```

IEでも動くようにしたいです。

Pythonで、2つのrangeの間の重複部分を計算する最も良い方法はどのようなものでしょうか？
例えば、

```python
x = range(2, 11)
y = range(7, 18)
```

このような場合には、`range(7, 11)`または`[7, 8, 9, 10]`などのような値を計算したいです。
これをPythonで行う場合の最も良い方法としては、どのようなものが考えられるのでしょうか？
ご教示ください。

pythonのrangeの重複部分を計算する方法について

中学校でコンピュータ部に所属している者です。

複雑なC++にあきてきたのでプログラム言語を自作しようとしているのですが,
わかりやすく解説してくれているサイトが少なく困っています。

字句解析は力技で完成させましが, 構文解析がイマイチわかりません。
どなたか回答よろしくお願いします。

やりたいこと
---
・コンパイラ型/インタープリタ型どちらでもよい
・C/C++でつくりたい(Javaは許容範囲)
・Windowsで作りたい

持っている知識
---
字句解析(完成済み)
構文解析 - 構文木をつくる
中間コード作成(インタープリタならバイトコード作成)
(コンパイラ型は)アセンブリへ変換 - アセンブル

プログラム言語を自作したい

1日以上、この問題で悩んでいるので質問させていただきます。


**【やりたいこと】**

求人検索条件画面→都道府県をクリック→東京を選択→職種を選択をクリック→大分類をクリック→建設、土木、電気工事を選択→決定

※今回のコードは求人検索条件画面→都道府県をクリック→東京を選択→職種を選択をクリックまでのコードしか書いていません。大分類をクリックからできないので。

**
【できないこと】**

大分類をクリック→建設、土木、電気工事を選択→決定　

が、できないです

![![イメージ説明](a2c41942014c0976a843dba1dbe62983.png)](57e61b31471185e69cd9efb217d9aa18.png)

**【試したこと】**

今までのようにクリックする動作を当てはめて
element = driver.find_element_by_id("ID_rank1Code")と書いてみました。

検証を押してid名も間違っていないのにクリックできません。

click()追加してみても状況は変わりません。

cssセレクタを使用しても状況は変わりません。

pathを使用したコードを書いてみても状況は変わりません。

**【エラー】**

エラーなどは特に出ず、実行できます。
問題のところでだんまりだけです。


```Python
from selenium import webdriver
from selenium.webdriver.support.ui import Select
import time
from bs4 import BeautifulSoup
import pandas as pd
import csv



driver = webdriver.Chrome(自分のpath)

 
url = 'https://www.hellowork.mhlw.go.jp/kensaku/GECA110010.do?action=initDisp&screenId=GECA110010'

driver.get(url)

element = driver.find_element_by_id("ID_tDFK1CmbBox")
Select(element).select_by_value("13")
time.sleep(1)

driver.execute_script("openCodeAssist('3','7','kiboSuruSKSU1Hidden','kiboSuruSKSU1Label','1','','-1','','','');").click()
time.sleep(1)

element = driver.find_element_by_id("ID_rank1Code")
Select(element).select_by_value("10")
time.sleep(1)
```

皆さんのお力をお借りしたいです。

本当に調べても分からなかったので今回質問をさせていただきました。
アドバイスやヒントでも良いので教えていただけたら幸いです。
よろしくお願いいたします。

【Python】SeleniumのWeb driverを使用してWebページのボタンなどを自動でクリック

split()で正規表現を指定する際にうまく動かず苦戦しています…。

区切り文字としたいもの：カンマ・ピリオド・空白スペース・その他記号
英数字だけを抽出してリストで返したいです。

### 該当のソースコード・試したこと
```
function a(text) {
    // your code here
    var str = text.split(/^[!-/:-@¥[-`{-~]+$/);
    return str;
}
console.log(a("... a bc defg ..."));  //上記のソートコードで出力される結果[ '... a bc defg ...' ]

//期待する結果
//['a','bc','defg']
```




### 参考にしたサイト

[正規表現パターンサンプル集](https://javascript.programmer-reference.com/js-regexp-sample/)
他にもたくさんのサイトを見て調べましたが、あまりしっくりこなかったもので…。
何卒宜しくお願い致します。