本日2月3日は『節分』ですね👹

◆節分と「食」の関わり
「節分」とは、季節の変わり目である
「立春・立夏・立秋・立冬」の前日のことを指しますが、
現在では特に春の始まりである「立春」の前日を指します。

季節の変わり目には邪気が生じやすいと考えられており、
それを追い払うために豆まきを行ったり、
縁起を担いで恵方巻を食べたりする習慣が根付いています。
ちなみに、2026年の恵方は「南南東」です！

◆尿酸値が気になる方へ：おすすめの節分レシピ
今回は、節分にちなんだ食材を使いつつ、
尿酸値ケアにも配慮した副菜をご紹介します。

尿酸はアルカリ性の尿に溶けやすいという性質があるため、
アルカリ性食品を積極的に摂ることで尿酸の排出を促すことができます。
このレシピでは、代表的なアルカリ性食品である
「こんにゃく」や「人参」を使用しているのがポイントです。

約15分でパパッと作れる、節分にぴったりの一品です🥜
ミールタイム冬号カタログのP.9に載っていますので
ぜひご覧ください！

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

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

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

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