本日は寒い時期にぴったりな商品、
【ミールタイム 肉まん（4個入り）】をご紹介いたします。

ミールタイムの肉まんは、
以下の2点にこだわって仕上げています。
① 鮮度の高い国産食材を使用
② 蒸し加減を細かく調整し、ふっくらとした食感に仕上げている点

一つひとつ丁寧に作られており、素材の旨みを感じられる肉まんです。
ミールタイム 肉まん（4個入り)
1個当たり：168kcal／たんぱく質4.5g／塩分0.4g

さらに、塩分は通常の肉まんと比べて50％カット※、
たんぱく質も35％カット※しているため、
食事制限のある方にも安心してお召し上がりいただけます。
※日本食品成分表2020年版「肉まん」と同量比較

栄養士の視点からも、塩分を抑えながら満足感がしっかり得られる点が魅力です。
調理は電子レンジで温めるだけです！
忙しい朝や、小腹が空いたときの間食にいかがでしょうか。

——————————————————————————————

ファンデリーでは、一緒にお客様の在宅食をサポートしてくれる
栄養士仲間を募集しています。エントリーはこちら【第二新卒歓迎♪】

＜2027新卒　栄養士・管理栄養士職＞
エントリースタート！2026年3月会社説明会参加必須
募集要項　詳細は☟
https://www.fundely.co.jp/recruitment

下記ブログもご覧くださいませ。
大阪で働く栄養士の医療機関紹介ブログ
神奈川で働く栄養士の医療機関紹介ブログ
AKABANE TECH BLOG
——————————————————————————————

今回は、三浦郡葉山町にある葉山ハートセンターの
管理栄養士　池田　雄介様をご紹介します。

１.管理栄養士を目指したきっかけ
　高校時代から目指していた調理師として働きましたが、
　交通事故で続けられなくなり、その後ケーキ屋、バイク屋で働きました。
　母に「食べることが好きだから、栄養士をやってみたら？」と勧められて
　栄養士となり、老人ホームで働きながら管理栄養士国家試験に合格しました。
　ずっと好きなことを仕事にしています。

2.やりがいを感じる時
　ICUで経管栄養の患者様に対して、自分と医師のアセスメントが合致して
　血液検査結果が改善したときにやりがいを感じます。
　
　栄養指導では、「それならできそう、ありがとう」などと言われる時も
　嬉しく思います。

3.管理栄養士として今後やりたいこと
　ここは生まれ育った地域なので、自治体と一緒に地域の方の健康に携わる
　活動がしたいと思っています。
　認知症や嚥下機能が低下している方に、食べ方や調理方法などを
　提案するなどして地域貢献をしていきたいです。　

池田様、ありがとうございました。

葉山ハートセンター様から見える絶景にも感動致しました。
一流のホテルのようなオーシャンビューで、
「モナコ」がイメージされているとのこと。
江の島も見えましたし、天気が良いと富士山も見えるそうです。
これほど素晴らしい景色の病院は初めて訪れました。
思いがけず、新しい発見となりました。

——————————————————————–
下記ブログもよろしくお願い申し上げます。
赤羽ではたらく栄養士たちの日記
大阪で働く栄養士の医療機関紹介ブログ
AKABANE TECH BLOG
————————————————————————

1月30日（金）～2月1日（日）まで京都国際会館にて
開催された日本病態栄養学会に参加しました。
今年も企業展示ブースにて医療従事者の皆さまに
『ミールタイム』をご紹介しました。
参加者は特に管理栄養士が多く、
ほとんどの方がミールタイムをご存知でとても嬉しかったです。

今年は大塚食品様と一緒にマンナンヒカリの試食も行いました。
マンナンヒカリには炊飯タイプとレンチンできるパックごはんタイプが
あることをご存知でしょうか？
今回はパックごはんタイプをご試食いただきました。
ミールタイムコラボ弁当☞ヘルシー食ごはん付き：牛肉の甘辛炒め

普段お会いしている大阪の栄養士様がブースに来てくださり
とても嬉しかったです。また、今年も他県の栄養士様との
新たな出会いがたくさんありました🌼
※医療機関名50音順
🌼愛川つつじ糖尿病内科　鈴木先生

🌼東住吉森本病院　南鶴先生、立石先生

🌼福岡和白病院　大山先生、藤嶋先生

🌼明徳病院　高田先生

次回は2月13日（金）からパシフィコ横浜にて開催される
JSPENに参加予定です。こちらも試食やサンプル配布を
予定しておりますので、ご参加の皆様はぜひファンデリーブースに
お立ち寄りください♪

——————————————————————————————-
ファンデリーでは、一緒にお客様の在宅食をサポートしてくれる
栄養士仲間を募集しています。エントリーはこちら【第二新卒歓迎♪】

＜2027新卒　栄養士・管理栄養士職＞
エントリースタート！2026年3月会社説明会　参加必須
募集要項　詳細は☟
https://www.fundely.co.jp/recruitment

下記ブログもご覧くださいませ。
赤羽ではたらく栄養士たちの日記
神奈川で働く栄養士の医療機関紹介ブログ
AKABANE TECH BLOG
——————————————————————————————-

はじめに

初めまして。
昨年10月より株式会社ファンデリーに入社しました、毎川です。

入社してから早いもので3ヶ月が経ちました。
本記事では、エンジニアとして業務に携わる中で遭遇した
HTML のレンダリング挙動が原因の不具合についてまとめます。

同じような現象で悩む方の参考になれば幸いです。

目次

• 経緯
• 不可解な現象
• 原因調査
• 原因の特定
• 解決方法
• まとめ

経緯

とある案件で発生していた不具合を解消するため、
「値を nil にするボタン」を一覧画面に追加する対応を行っていました。

詳細な業務ロジックは割愛しますが、
td タグの中に以下のようなボタンを設置しました。

<tr>

  <td class="action-cell">

    <form action="/items/1/remove" method="post" class="remove-form">

      <button type="submit" class="btn-remove">解除</button>

    </form>

  </td>

</tr>

処理を実装し、動作確認を行ったところ——
2行目以降は正常に動作するのに、1行目だけ反応しない
という不可解な現象が発生しました。

不可解な現象

ボタンはクリックでき、見た目も他の行と同じです。
しかし、1行目のボタンだけは何度押してもリクエストが送信されません。

そこで Chrome の DevTools を確認しました。

すると、Elements タブ上では次のような DOM 構造になっていました。

<!-- 1行目 -->

<tr>

  <td class="action-cell">

    <!-- 本来ここにあるはずの form が存在しない -->

    <button type="submit" class="btn-remove">解除</button>

  </td>

</tr>


<!-- 2行目以降 -->

<tr>

  <td class="action-cell">

    <form action="/items/2/remove" method="post" class="remove-form">

      <button type="submit" class="btn-remove">解除</button>

    </form>

  </td>

</tr>

最初の1行目だけ、form タグが DOM から消えていたのです。
当然、form が存在しないためリクエストも送信されません。

原因調査

コード上はすべての行で同じ partial を使っており、
HTML の記述にも誤りはありません。

「なぜ 1 行目だけ？」という疑問が解消できず、
原因調査に時間を要しました。

原因の特定

調査を進める中で、そもそも DevTools で見ているものは何か
という点に立ち返りました。

DevTools の Elements タブに表示されているのは、

ブラウザが HTML を解析・修正した レンダリング後の DOM

です。

さらに調べると、HTML の仕様上、

• 
  <form> タグの中に <form> を入れ子にすることは 禁止
  
• このような構造がある場合、ブラウザは HTML を自動的に修正する

というルールがあることが分かりました。

改めてコードを確認すると、
自分が編集していた partial は すでに form タグで囲まれた状態で render されていた ことが判明しました。

つまり、

• 外側ですでに <form> が存在
• その内側でさらに <form> を定義
• HTML の仕様違反が発生
• Chrome がレンダリング時に DOM を補正
• 結果として 最初の form だけが DOM から消えた
  

という流れでした。

解決方法

対応として、button_to（= form を生成）をやめ、
link_to に変更しました。

<%= link_to "解除", item_path(@item),

      data: {

        turbo_method: :delete,

        turbo_confirm: "本当に解除しますか？"

      } %>

これにより a タグとして出力され、
form の入れ子構造が解消され、不具合は無事解決しました。

まとめ

今回の経験から得た学びは以下の2点です。

• HTML では form タグの入れ子構造は許可されていない
• ブラウザはレンダリング時に壊れた HTML を自動修正する

Chrome の賢さに助けられる場面も多い一方で、
その挙動を知らないと原因特定が難しくなるケースもあると感じました。

今回の出来事を通して、
レンダリングの「便利さ」と「怖さ」の両方を実感しました。

今後は HTML の仕様とブラウザの挙動を意識しながら、
より安全な実装を心がけていきたいと思います。

参考文献

• 
  MDN Web Docs – <form> 要素
  https://developer.mozilla.org/ja/docs/Web/HTML/Element/form
  （form タグの仕様および、入れ子構造が許可されていない点）
• 
  WHATWG HTML Living Standard – The form element
  https://html.spec.whatwg.org/multipage/forms.html#the-form-element
  （form の content model と HTML 仕様上の制約）
• 
  Chrome Developers – DOM と DevTools
  https://developer.chrome.com/docs/devtools/dom/
  （DevTools がレンダリング後の DOM を表示していることの公式説明）

現在デザイン・システム室では、新しいメンバーを募集しています。
少しでも興味を持たれた方は、ぜひご応募ください。
皆様からのご応募、心よりお待ちしております。