ファンデリーでは現場で日々診療や栄養指導にあたっている医師や管理栄養士の先生方に、定期的にブログをご執筆いただいております。

テーマは、フレイル予防や高齢者の低栄養対策をはじめ、加齢に伴う体調変化や日常生活で気をつけたいポイントなど、多岐にわたります。いずれも、実際の現場での経験をもとにした内容のため、分かりやすく、すぐに生活に取り入れやすい情報ばかりです。

最新の健康情報だけでなく、食事の工夫や栄養の考え方、無理なく続けられるレシピなども紹介しており、私自身も毎回「なるほど」と学ばせていただいています。
内科や整形外科、高齢者施設など、さまざまな医療・介護の現場からの視点で、高齢者の健康を多角的に知ることができる点も大きな魅力です。

ブログは第2・第4水曜日にお届けしています。
日々の健康管理やご家族のケアにお役立ていただける内容となっておりますので、ぜひ継続してご覧ください。

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

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

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

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

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

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

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

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

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

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

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

先日は吹田市にある協和会病院様に訪問しました。
こちらは「知・技・心」を病院理念に掲げている301床の病院です。
診療科目は内科、消化器内科、循環器内科、糖尿病内科、
腎臓内科（人工透析）、整形外科、リウマチ科、リハビリテーション科、
麻酔科、外科、脳神経外科、神経内科、皮膚科、泌尿器科、
放射線科、漢方内科、呼吸器内科があります。

今回は栄養科の皆さまにお話を伺いました。

〈 管理栄養士を目指したきっかけ 〉
乾様：幼い頃、病院に入院した際、栄養士さんに
「食べられるものだけ食べたらいいよ」と優しく
声をかけてもらったことが嬉しく、自分も食の分野で
患者さんの力になりたいと思いました。

〈 栄養科の魅力 〉
当院は回復期リハビリが強みです。他施設より入院期間が長く、
医師、看護師、言語聴覚士、リハビリスタッフたちと
連携しているため充実したサポートが実現できます。
栄養士としてのやりがいは食べられる患者さんが
増えることが嬉しく、栄養士としての自信にも繋がることです。

〈 病院勤務の栄養士を目指す学生へ 〉
一昔前より栄養士が病棟へ行く機会が多くなってきています。
食事の現場をしっかりと自分の目で確かめ、退院後まで支援
できる栄養士を目指しましょう！また、コミュニケーション能力は
とても大事なスキルとなります。アルバイトやサークル活動等、
時間を有効活用して今しかできないことに一生懸命取り組んでください。
～～～～～～～～～～～～～～～～～～～～～～～～～～～
栄養科の皆さま、ご協力ありがとうございました。
現在、管理栄養士は5名いらっしゃり、栄養科様は
終始和気あいあいとしていて、皆さまの仲の良さが
しっかりと伝わってきて私もとても居心地が良かったです。

また、協和会病院様は箕面市立病院様と再編統合し、
2031年度中に新病院を開院（移転建替）される予定です。
※新病院開院までは通常通り診療が行われます。（2025年10月時点）

栄養科様、協和会病院様の今後益々のご発展を心よりお祈り申し上げます。——————————————————————————————-
ファンデリーでは、一緒にお客様の在宅食をサポートしてくれる
栄養士仲間を募集しています。エントリーはこちら【第二新卒歓迎♪】

＜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 を表示していることの公式説明）

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