常連

###前提・実現したいこと
http://liginc.co.jp/web/js/jquery/34048

**質問１**
こちらの記事を参考に「もっと見る」というボタンを作成しました。
開いている状態では「もっと見る↓」
閉じている状態では「閉じる↑」
というように表示を切り替えるにはどうしたらよいでしょうか。

**質問２**
また最初は閉じた状態で始まるようにしたいのですが、
以下の質問を参考にCSSを書き換えてもうまくいきませんでした。
https://teratail.com/questions/21542

試しにHTMLに直接記述してみたところ、一応動いたのですが
もう少しスマートな実装にしたいです。
```HTML
<dl id="acMenu" style="displey:none;">
    <dt>アコーディオンメニュー1</dt>
    <dd>アコーディオンメニューが開く。</dd>
    <dt>アコーディオンメニュー2</dt>
    <dd>アコーディオンメニューが開く。</dd>
    <dt>アコーディオンメニュー3</dt>
    <dd>アコーディオンメニューが開く。</dd>
</dl>
```

【jQuery】slideToggleで開閉時に矢印の向きを変える

動的に生成した要素を削除したいのですが、調べてもできなかったので質問させていただきました。
画像の右端にある×ボタンを押すと既存のtest1,test2,test3の要素の削除はできるのですが、[行を追加する]で新たに生成した要素の削除ではできませんでした。

ご教授のほどよろしくお願いします。

![イメージ説明](9277dc64bcc8307a13c289a1e2ed60c0.png)

```html
    <div class="row_container">
     <div class="row">
        <span class="name">
           <input type="text" placeholder="例: test1" class="input_el">
        </span>
        <span class="quantity">
           <input type="text" placeholder="例: test1" class="input_el">
        </span>
        <a href="#" class="delete_btn">
           <img src="image/delete_icon.svg" alt="削除" class="delete">
        </a>
     </div>
     <div class="row">
        <span class="name">
           <input type="text" placeholder="例: test2" class="input_el">
        </span>
        <span class="quantity">
           <input type="text" placeholder="例: test2" class="input_el">
        </span>
        <a href="#" class="delete_btn">
           <img src="image/delete_icon.svg" alt="削除" class="delete">
        </a>
     </div>
     <div class="row">
        <span class="name">
           <input type="text" placeholder="例: test3" class="input_el">
        </span>
        <span class="quantity">
           <input type="text" placeholder="例: test3" class="input_el">
        </span>
        <a href="#" class="delete_btn">
           <img src="image/delete_icon.svg" alt="削除" class="delete">
        </a>
     </div>
  </div>                
```

```JavaScript

//削除
document.querySelectorAll('.delete_btn').forEach( e => {
    e.addEventListener('click', function() {
        this.parentNode.remove();
    });
});


//生成
document.querySelector('#add_btn').addEventListener('click',addRow);

function addRow() {

    const outerElement = document.createElement('div');
    
    outerElement.classList.add('row');

    outerElement.innerHTML=`
    <span class="name">
        <input type="text" class="input_el" style="height: 30px;">
    </span>
    <span class="quantity">
        <input type="text" class="input_el quantity_box" style="height: 30px;">
    </span>
    <a href="#" id="delete_btn" class="delete_btn"><img src="image/delete_icon.svg" alt="削除" class="delete"></a>`;

    document.querySelector('.row_container').appendChild(outerElement);
```

動的に生成した要素の削除について

### 前提・実現したいこと

製造業で生産管理ｼｽﾃﾑを開発、運用しています。
既に15年ほど経過した仕組みで、これまで、クライアント端末はWindowsOSで動くソフトで運用していましたが、製造現場で、作業しながらデータの確認、入力したいという要望があり、タブレットのブラウザﾍﾞｰｽで動くソフトを開発したいと思っています。
データベースは、SQLServerをオンプレミスのサーバーで稼働させています。

言語や、WEBサーバーの環境は何で構築するのがよいでしょうか？
参考になる書籍やホームページがあればよいのですが。出来ればごくごく一般的ないわゆるスタンダードな物がよいと思っています。
画面
クライアントサイド　HTML+JAVAScript　
サーバーサイド　Appache　+　Java,Ruby etc ？
といったイメージであっていますでしょうか？

また、参考になる書籍や、ページ等があれば教えて頂きたいと思っております。
お手数ですが、宜しくお願いします。

SQLServer　環境

#内容
業務で簡単なデータ作成サービスを検討しています。

これまでPYTHON(FLASK)で簡単なWEBアプリケーションを作ったことがあります。
今回は自分自身の勉強も含めて、いろんな言語、データベース、フレームワークを駆使して、
どれが一番、自分にしっくりくるかを経験的に見極めたいと考えています。

#やりたいこと
　
- 現状はファイルサーバにおいた、EXCELファイルとOUTLOOKメールにて、
実施している処理を、WEBベースに置き換えつつ、WEBデータベースアプリ作成の
スキルを身につけるイメージ

#悩み事
- アプリを作成するに当たって、プログラム言語、データベースの観点で、
実用スキルとして一線でも使えるものとしたい
- FLASK(PYTHON）,SQLITEの使いこなしは終わっている。ただしORMは未経験
- MVCフレームワークを習得したい

#個人的な観点
ベースアプリは早めにリリースしたい
→　まずはFLASKの延長上でDJANGOにて、フレームワークとＭＶＣモデルを学ぶ

次のステップで勉強的なチャレンジにしたい
→　Nodesを使えるようになりたいため、JSのフレームワークを入れる。(Angular,Vueなど、いろいろあって迷う）

Jquerryもまともに使えるようになりたい
→　FrontEndは、何にしてもJscriptが一択

JAVA言語（jsp）、ASP.NET（C#）などでのWEB開発
→　将来的にはデスクトップアプリも経験したいため、次のステップでは学びたい

RUBY,PHP
→　簡単には入れるのであれば、それもありえる。

WEBサーバ
→　APPATCHなどのWEBｻｰﾊﾞｰは触ったことがない。flaskしか知らない

データベース
→いまのところは、SQLITEしか知らない
（MYSQL、MONGO、PostgreSQL、Microsoft SQL Serverなど、名前しか知らない。ACCESS/VBAの経験は保有）

ORM
→　ここが難度が高いが避けがたいため、がっつり取り組む


#質問

- これらの状況の中で、今後、どういった道に進んでいけばよいものでしょうか？
- 独学なので、勉強コストもありますが、いま自分が取りうる選択肢というものが、そもそも分かっていません。
- 周囲に相談する人も、まねるものもありませんので、ソース自体は完全にＷＥＢからのアドバイスしかありません。

**何か、お導きを頂けますと幸いです。**

---
#処理の流れ

0. アプリケーションにログイン
0. 依頼書フォームを記入
0. フォームに必要項目を記入
0. データを添付
0. 依頼書を処理（内部でメール発信）
0. データ作成が終わったら、依頼者にメールを回答
0. 外部閲覧者は、データベースに接続して、依頼済みデータの閲覧が可能

#要件
0. 添付されるデータは　*.XLSX　,　*.DXF
0. 変換されるデータは　*.pdf　，　*.xxx（xxxは測定器プログラムを想定）

#システム要件
0. AWSインスタンス上に構築(タイプはWINDOWS）