ミールタイム2026夏号カタログが6月1日に発行となりました。
皆様はもうご確認をいただけたでしょうか？

今回の夏号カタログでは、甘酒とカフェインレス飲料について
特集をしております。

夏場は夏バテや食欲減退による食事相談が増えます。
今回は、ブドウ糖やビタミンが豊富に含まれており、
少量で栄養を摂れる甘酒について6メーカーにご協力をいただき、
特集ページを作成いたしました。
甘酒も各社で味わいや特徴が異なります。
お体にあったものを摂り入れていただけたらと思いますので、
弊社の栄養士に是非ご相談いただき、
お気に入りの甘酒を見つけてみて下さい。

また、夏場の脱水や水分補給の量・選び方についても
質問を頂くことが多くございます。
緑茶やコーヒー、紅茶、烏龍茶などはカフェインが含まれておりますので、
トイレが近くなる、夜眠れなくなるなどのご相談がありますが、
気になる方はカフェインレス製品を選択するのがオススメです。
子どもから、妊産婦の方、年配の方までカフェインを気にせず
お召し上がりいただけます。
腎疾患や心疾患をお持ちの方は水分量に注意する必要がありますので、
気になる方は医師、管理栄養士までご相談ください。

今年も猛暑が予想されております。
食欲アップ、夏バテ時の食事、水分補給、熱中症対策など、
お気軽に弊社栄養士までご相談いただければと思います。
弊社一同、皆様の健康づくりにお役に立てるよう取り組んで参ります。
引き続き、どうぞよろしくお願い申し上げます。

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

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

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

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

本日は、前回同様そよぎハート＆ライフクリニック　湘南平塚の管理栄養士
谷野麻衣様をご紹介いたします。

私が驚いたのは、広い診察室の一角で、理学療法士によるリハビリトレーニングを行える環境が整っていたことです。

また、院内には臨床検査技師も常駐しており、血液検査の結果が約1時間で分かるため、その結果をすぐに栄養相談へ反映できる点も非常に魅力的だと感じました。検査結果をもとに食生活を振り返りながら、患者さんと一緒に改善点を確認できる環境が整っています。

栄養相談は常勤管理栄養士2名で対応しており、予約時には食事に関する「事前アンケート」を実施しています。患者さんに1日分の食事内容を記入していただき、その内容をもとに栄養相談を行っているそうです。

ここからは、谷野様をインタビュー形式でご紹介いたします。
—————————————————————————-

1.管理栄養士を目指したきっかけ

食べることが好きだったことに加え、両親が医療関係者であったため、医療分野の仕事に興味を持ちました。その中で、食事を通して健康を支える「管理栄養士」という職業があることを知り、大好きな食事を通じて人の健康をサポートできる点に魅力を感じ、目指すようになりました。

2.やりがいを感じるとき

患者さんの検査数値が改善した時はもちろんですが、「楽しく会話ができた」「会うのが楽しみだった」と言っていただけることにも、大きなやりがいを感じています。

最も印象に残っているのは、独居の高齢の患者様で、初回の面談時には「早く死にたい」「生きている意味がない」といった否定的なお言葉が多く聞かれていました。 しかし、継続して栄養相談を行う中で、現在では「あなたと話すために頑張るよ」と前向きなお言葉をいただけるようになりました。この経験から、患者様の生活や気持ちに寄り添いながら関わることの大切さを実感しました。

3.管理栄養士として今後やりたいこと

患者さんに寄り添った栄養指導を大切にしながら、自身の知識や経験を深め、食事を通して前向きに生活できるよう支えられる管理栄養士でありたいです。
また、知識をつけて患者様の数値改善ができるように資格も取得していきたいです。

—————————————————————————–
谷野様、ありがとうございました。

谷野様、秋葉様は、努力の末「心不全療養指導士」の試験に合格されたそうです。
近年は難易度も上がっており、合格率は約70％とのことです。

さらに今後は、「糖尿病療養指導士」などの資格取得にも挑戦したいと、前向きにお話しされていました。お二人の向上心あふれる姿がとても印象的でした。

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

5月21日（木）～23日（土）まで大阪国際会議場にて開催された
第69回日本糖尿病学会年次学術集会に参加いたしました。
ファンデリーは企業展示ブースにて、
来場者へ『ミールタイム』をご紹介しました。
今年は8,000名を超える来場者で、企業展示ブースも
3つの階に分かれて各企業が参加しました。

ファンデリーブースでは春号カタログとサンプル商品を配布しました。
全国各地から集まった医療従事者へミールタイムを
紹介していると、「昨年もブースでミールタイムについて
教えてもらいました」、「昨年も展示されてましたよね？」と
ミールタイムを覚えていてくださる先生方が
たくさんいらっしゃりとても嬉しかったです。

ミールタイム春号では疾患別解説ページや、
栄養士による英語対応が新たに加わったことなど
最新情報をご案内させていただきました。
現在は2名の栄養士が英語で電話対応しております！

また、一緒にお写真を撮らせていただいた
管理栄養士の先生をご紹介します↓

🌷赤坂おけだ糖尿病内科　後藤先生

次回は7月18日（土）から京都で開催される
第13回JADEC年次学術集会に企業展示で参加いたします。
ご来場予定の先生方は、ぜひファンデリーブースに
お立ち寄りください♪

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

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

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

はじめに

こんにちは。
2026年1月に未経験エンジニアとして入社した渡邊です。

私が所属しているデザインシステム室の先輩方の多くが、プログラミングスクールに通った後に入社していますが、私はスクールに通ったことがなく、バックエンドは全くの未経験でした。（HTMLとCSSは半年ほど触れていたことがあります）

今回はそんな未経験エンジニアである私が、ファンデリー入社当初の研修課題として作成したアプリの、UX向上のために用いた「Turbo」というライブラリについて共有させていただければと思います。

Turboとは？

Turboとは、Ruby on Rails7から標準機能として搭載された、ページをリロードせず、高速に画面更新を行うためのライブラリです。

またTurboはHotwireという仕組みの中の一つとして数えられているため、まずHotwireについて共有させていただきます。

Hotwireとは

Hotwire（HTML Over The Wire）とは、JavaScriptの記述を最小限に抑えながら、モダンでインタラクティブなwebアプリケーションを作成するためのライブラリの総称です。

Hotwireを利用することでサーバーから直接HTMLを送信し、クライアント側で描画・部分更新を行うことができるようになります。
複雑なSPAなどを構築する場合、以前はReactやVue.jsなどを用いてJavaScriptの記述を行う必要がありましたが、Hotwireを用いることで記述量を大幅に削減でき、開発速度や保守性、学習コストなどの改善が期待できます。

Hotwireは以下の3つのライブラリから構成されていますが、今回はTurboのみ共有させていただきます。

• Turbo
• Stimulus
• Strada

Turboとは

冒頭でお話しした通り、Turboとはページ全体リロードをせずに必要な部分だけ更新することで、ページ更新を高速化するライブラリです。

また、Turboは単一の機能を持つライブラリではなく、以下の3つの機能を持っています。

• Turbo Drive
• Turbo Frame
• Turbo Stream

Turbo Drive

Turbo Driveの機能を簡潔に説明すると、「ページ遷移の高速化」です。
（Turbo Driveを使用するために何かコードを書く必要は基本的になく、デフォルトで有効になっています。）

通常のwebサイトでは、リンクを押した場合

①クリック
②サーバーにリクエスト
③HTML取得
④ページ全体をリロード

といった手順を踏みますが、

Turbo Driveでページ遷移を行った場合

①クリック
②fetch（Ajax）でHTML取得
③<body>だけ差し替える
④ページ更新

となり、ページ全体のリロードを行わないため、高速でページを遷移することができます。

加えて、Turbo Driveは前のページをキャッシュするため、戻るボタンでのページ遷移も高速になります。

Turbo Frame

Turbo Frameの機能を簡潔に説明すると、「ページの一部分更新」です。
一般的なwebの場合、更新を行うとページ全体がリロードされますが、Turbo Frameを使うことで指定した部分のみを差し替えることができます。

具体的な使用方法について、モーダルを実装する場合を考えてみます。

Turbo Frameを用いて、index.html.erbにモーダルを実装する場合、<%= link_to %>の編集リンクに以下のような記述を行います。すると、本来リンクがクリックされた後、別ページで描画される編集フォームを<turbo-frame id=”modal”></turbo-frame>部分に差し替えることができます。

# index.html.erb


<h1>記事一覧</h1>

<%= link_to "編集", edit_post_path(post), data: { turbo_frame: "modal" } %>

<turbo-frame id="modal"></turbo-frame>

つまり、index.html.erbで編集リンクがクリックされた際に、下記のedit.html.erb内の<turbo-frame id=”modal”></turbo-frame>で囲われた部分が、index.html.erb内の<turbo-frame id=”modal”></turbo-frame>と差し代わることでモーダルが表示されるということです。

# edit.html.erb


<turbo-frame id="modal">

  <h2>記事編集</h2>

  <%= form_with model: @post do |f| %>

    <%= f.text_field :title %>

    <%= f.submit "保存" %>

  <% end %>

</turbo-frame>

Turbo Stream

Turbo Streamの機能を簡潔に説明すると、「サーバーから直接DOM要素を追加・更新・削除する仕組み」です。

Turbo FrameはDOM要素の差し替えを行うことができますが、DOM要素の追加・更新・削除ができません。つまり、モーダルを表示できても、保存ボタンを押した際に、モーダルを閉じる機能は持っていないということです。

そこで活躍するのがTurbo Streamです。

編集フォームの保存ボタンが押されると発火するupdate内に、下記のようなformat.turbo_streamの記述を行うと、

def update

  @post.update(post_params)


  respond_to do |format|

    format.turbo_stream

    format.html { redirect_to posts_path }

  end

end

update.turbo_stream.erbが発火するようになります。

# update.turbo_stream.erb


<turbo-stream action="remove" target="modal"></turbo-stream>

こちらが発火すると、指定したidと一致するDOM要素を削除する（モーダルを閉じる）ことができます。

通常のwebでは、フォームの送信があった場合、サーバー処理の後、リダイレクトを行うことでページ全体をリロードしますが、Turbo Streamを使用するとサーバーはTurbo Streamレスポンスを返し、指定したDOM要素のみを更新するため、画面全体のリロードをせずに更新することが可能になります。

作成した研修アプリを用いた挙動イメージ

ここまではコードを用いてTurboを用いたページの高速遷移について説明を行いました。最後に、Turboで実装したアプリの挙動イメージを、私が研修で開発したお弁当記録アプリの画面を用いて共有しようと思います。

このアプリは、お弁当とそのお弁当のおかずを記録できるアプリです。（動画はおかずを記録する画面です）
画面内のURLを見てわかる通り、ページ内でのモーダルの表示、非表示、おかずの追加や削除などの機能がページ全体のリロードなしで行えるようになっており、UX向上に寄与できているかと思います。

まとめ

• TurboはHotwireの一つで、ページ遷移の高速化を行うライブラリ。
• Turbo Drive はページ遷移を高速化し、リロードなしでページを切り替える機能。
• Turbo Frames は画面の一部分のみを差し替える機能。
• Turbo Streams はDOM要素の追加・更新・削除を行う機能。
• Turboの機能を組み合わせることで、UXや開発効率を向上させることができる。

さいごに

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

参考

：https://zenn.dev/shita1112/books/cat-hotwire-turbo/viewer/abstract
：https://www.issoh.co.jp/tech/details/3624/
：https://qiita.com/Ninomin/items/d0f7e0c2c80b49a7596c