常連

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

IT系未経験派遣会社勤務になります。　その状態で勉強をして情報セキュリティマネジメントやLPIC1・AWSSAAなど（その他複数）の資格を取得してきました。
その状態で、会社からC言語の研修を3か月ほど受けてプログラマとして仕事をやってみないかとの話が来ました。
この話を受けてプログラマになるか今のままインフラエンジニアを目指すべきか悩んでいます。


## 背景、状況
今まで、独学で勉強してて給与をもらいながら勤務時間中に勉強をできるのは美味しいと思い、話を受けようか悩んでいます。
その場合、おそらくですが今まで勉強してきたインフラ系の知識は生かせないと思います。

この話は受けたほうがいいのでしょうか？　それともインフラ系を目指したほうがいいのでしょうか？

プログラマの話を受けた場合は、近いうちに研修になります。　インフラ系だと今の所で働きながら（非IT系）インフラの案件を待つことになります。（そう遠くないうちに来そうな気もしますが）

ちなみに、会社は驚くほど給与が安いので経験を積んだら転職しようと思っています。
将来的な待遇（給与・働き方など）、需要などを総合的に考えてどっちがおススメでしょうか？

夜勤は嫌ですが、下積みとして少しの間なら耐えられます。（今の働いてるところは勤務日の半分は夜勤）
インフラの場合は、夜勤前提のシフト勤務を避けられるように、設計に移れるように全力で勉強をするつもりです。
プログラマは正直よく分かりません　プログラム経験は皆無です。


インフラ資格持ち、未経験エンジニアはインフラエンジニアかプログラマか

### 実現したいこと

・ミュージシャンが使うセットリストのPDF出力のプログラム

### 詳細

・html、Javascriptを用いて上記プログラムを作っています。
・当方就業未経験者です。
・バンド名、日付、曲目を入力して出力されるようなプログラムにしたいと思っています。

### 発生している問題

```
・PDF出力、曲を追加　をしてもボタンの反応がない状況（こちらは他言語でしたり、ライブラリを作る必要がありますでしょうか、、、）
```

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>セットリスト作成</title>
</head>
<body>
    <h1>バンドのセットリスト作成</h1>

    <label for="bandName">バンド名:</label>
    <input type="text" id="bandName">

    <label for="date">日付:</label>
    <input type="date" id="date">

    <h2>セットリスト</h2>

    <ol id="setlist">
        
    </ol>

    <button onclick="addSong()">曲を追加</button>
    <button onclick="generatePDF()">PDF出力</button>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
    
    <script src="portfolio.js"></script>
</body>
</html>

```
```js
// セットリストの曲を追加する関数
function addSong() {
    const setlist = document.getElementById('setlist');
    if (setlist.children.length < 20) {
        const songNumber = setlist.children.length + 1;
        const songName = prompt(`曲${songNumber}の名前を入力してください:`);
        if (songName) {
            const listItem = document.createElement('li');
            listItem.textContent = songName;
            setlist.appendChild(listItem);
        }
    } else {
        alert('これ以上曲を追加できません。');
    }
}

// PDFを生成する関数
function generatePDF() {
    const bandName = document.getElementById('bandName').value;
    const date = document.getElementById('date').value;
    const setlistItems = Array.from(document.getElementById('setlist').children)
        .map(item => item.textContent);

    // ここでPDFを生成するためのライブラリやサーバーサイドのエンドポイントを呼び出す処理が入ります
    // 例えば、jsPDFを使用してクライアントサイドでPDFを生成する場合:
    const pdf = new jsPDF();
    pdf.text(`バンド名: ${bandName}`, 10, 10);
    pdf.text(`日付: ${date}`, 10, 20);
    pdf.text('セットリスト:', 10, 30);

    setlistItems.forEach((item, index) => {
        pdf.text(`${index + 1}. ${item}`, 10, 40 + index * 10);
    });

    pdf.save('setlist.pdf');
}

```

### 補足情報（FW/ツールのバージョンなど）

Pythonなどの他言語が必要な場合もあれば、ぜひご教示いただければ幸いです。
なにとぞよろしくお願いいたします。

PDF出力のプログラムがうまく組めず困っています。

### 実現したいこと
rubyの変数をrails6のform_with内のhidden_fieldのvalueのところで展開したいです
### 経緯
今rails6で簡単な目標管理アプリを作成しています。
そこでカレンダーの好きな日時の欄の「＋」をクリックすると「週間目標」か「タスク」が選べてそれぞれの項目で登録できるようにしています。![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-13/e79a686b-89d7-4558-94dd-5a0ac6ea7c74.png)週間目標かタスクをクリックすると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-13/6d8fdea9-2938-4a04-a358-9426d5b4bf53.png)モーダルが現れ登録できます。
やりたいことは「＋」でクリックした日の日付（2023-9-13など）を取得しそのデータもデータベースに登録したいのですができないため質問させていただいております。

### 該当のソースコード
_month_calendar.html.erb（simple_calendarというgemのhtmlファイルです。）
```
<div class="simple-calendar">
  <div class="calendar-heading">
    <%= link_to t('simple_calendar.previous', default: 'Previous'), calendar.url_for_previous_view %>
    <span class="calendar-title"><%= t('date.month_names')[start_date.month] %> <%= start_date.year %></span>
    <%= link_to t('simple_calendar.next', default: 'Next'), calendar.url_for_next_view %>
  </div>

  <table class="table table-striped">
    <thead>
      <tr>
        <% date_range.slice(0, 7).each do |day| %>
          <th><%= t('date.abbr_day_names')[day.wday] %></th>
        <% end %>
      </tr>
    </thead>
<% date = nil %>
    <tbody>
      <% date_range.each_slice(7) do |week| %>
        <tr>
          <% week.each do |day| %>　⇦ここのdayという変数（２０２３−９−18といった情報が入っています）をモーダルの中の①で使用したいです
            <%= content_tag :td, class: calendar.td_classes_for(day) do %>
            <% date = day%>
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">+<span class="caret"></span>
                </button>
                  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#"data-toggle="modal" data-target="#add_weekly_goal" >週間目標</a></li>
                    <li><a href="#"data-toggle="modal" data-target="#add_task">タスク</a></li>
                  </ul>
              <% if defined?(Haml) && respond_to?(:block_is_haml?) && block_is_haml?(passed_block) %>
                <% capture_haml(day, sorted_events.fetch(day, []), &passed_block) %>
              <% else %>
                <% passed_block.call day, sorted_events.fetch(day, []) %>
              <% end %>
            <% end %>
          <% end %>
        </tr>
      <% end %>
    </tbody>
  </table>
</div>
  </div>
               <div class="modal fade" tabindex="-1" role="dialog" id = "add_weekly_goal">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                   <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     <h4 class="modal-title">やること</h4>
                    </div>
                    <div class="modal-body">
                      <%= form_with model: @weekly_goal do |f| %>
                        <%= f.text_field   :weekly_goal                                     ,class: "form-control" %>
                        <%= f.hidden_field :start_time,       value: ①                  ,class: "form-control" %>
                        <%= f.hidden_field :monthly_goal_id,  value: @monthly_goal.user_id  ,class: "form-control" %>
                        <%= f.hidden_field :user_id,          value: @user.id               ,class: "form-control" %>
                    <div class="modal-footer">
                    <%= button_to "閉じる", "#", type: "button", class: "btn btn-default ",data: { dismiss: "modal" } %>
                    <%= f.submit "登録",class: "btn btn-primary" %>
                    <% end %>
                   </div>
                   </div>
                 </div>
                </div>
              </div>
```
上記のコードでdateの中に2023-10-1といった情報を格納できています。しかし例えばカレンダーで2023-9-18と記載された場所で週間目標を作成しようとすると必ず日付が2023-10-1という日付でデータが格納されます。私のしたいことはカレンダーで2023-9-18という日付で週間目標を作成することで、なぜ2023-10-1がいつも格納されるのかわかりません。

### 試したこと
①2023-9-18 といったでデータ(day)をdateというグローバル変数に代入しそのグローバル変数をform_with内で使用する。
⇨どの日付で週間目標を登録しようとして023-10ー1となる。




### 環境（FW/ツールのバージョンなど）
Pc: MacBook Air(2020)
チップ　Apple M1
Os MacOS Montrey(12.2.1)

ruby 3.0.3
rails 6.1.7.6 
↓githubのソースコードです
https://github.com/umeshimaru/shared_goal_app.git

