皆さま、ゴールデンウィークはいかがお過ごしでしょうか。
今年は最大12連休とも言われ、ご旅行などを楽しまれている方も多いのではないでしょうか。

この時期は、街のあちこちで海外からの観光客の方をお見かけする機会も増え、日本のにぎわいをより一層感じられますね。アニメや音楽といった文化、和食をはじめとする食文化、そして観光資源など、日本には世界に誇れる魅力が数多くございます。また、日本で働く海外の方も年々増加しており、令和7年6月末には在留外国人数が過去最高を更新いたしました。

こうした背景を踏まえ、このたびミールタイムでは英語対応を開始いたしました。
現時点では私が対応を担当しており、さらに今年4月に入社いたしました須山とともに、今後は2名体制で対応してまいります。なお、英語対応が可能な管理栄養士につきましては、カタログに英語対応マークを記載しております。

より多くの方の健康をサポートできるよう、これからも努めてまいります。
なお、私自身も学生時代以来の英語となりますが、現在は日々アプリを活用しながら学習に励んでおります。

We have started providing support in English so that we can assist more customers.
In addition, as a registered dietitian, I would like to support individuals who have concerns about their meals and nutrition.

When I was a junior high school student, I studied abroad in Cairns, Australia. This was a very valuable and memorable experience for me, and it helped me develop an interest in English.

However, my English is still not perfect; nevertheless, I will do my best to communicate clearly and support each customer with care. Furthermore, I will continue to study and improve my English so that I can provide better service.

Finally, we look forward to hearing from you.

今回は、藤沢市の篠原湘南クリニック　クローバーホスピタルの医師
天神 尊範先生をご紹介いたします。

天神先生はリハビリテーション栄養医として、クローバーホスピタル回復期リハビリテーション病棟を中心に診療に従事。栄養・嚥下・リハビリを統合した「口腔リハ栄養」を軸に、機能回復と生活再建を支える医療を実践していらっしゃいます。

また、神奈川摂食嚥下リハビリテーション研究会　会長も務めていらっしゃいます。

4月8日、「パワーアップ！食と健康」にて、先生にご執筆いただいた記事を掲載いたしました。

サルコペニア対策として「筋肉を守る」ために、
HMB（タンパク質の一部であるロイシンから作られる物質）に注目してご執筆いただきました。

ロイシンを多く含む食品は牛乳や乳製品、卵、魚、大豆製品などです。

今日からできるシンプルな習慣

健康を守るために大切なのは
「しっかり食べる」「動く」「口の機能を保つ」

この積み重ねが、将来の健康と自立した生活につながります。
まずは、筋肉を守ることから始めてみましょう。

天神先生、ありがとうございました。

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

先日ホワイト薬局伊丹店様で開催された
まちかど測定会に参加させていただいたので
その様子をご紹介いたします。

伊丹市では、“いたみまちかど測定会”という
取り組みをされていて、身近な薬局さんで
無料で体組成などが測定できます。
今回はホワイト薬局伊丹店様と
ホワイト薬局宮ノ前店様合同で開催されるという事で、
伊丹店様にお邪魔させていただきました。

薬の待ち時間を使って、お客様には
体組成測定に参加していただきました。
ご高齢の女性の方が多く、ご自身の筋肉量について
気にしている方が多い印象でした。

お客様とお話してみましたが、「骨粗鬆症」や
「フレイル」というフレーズがよく聞かれました。
皆さん、気になるワードですよね。
体重測定も大事ですが、やはり体の中身が重要です。
筋肉量があるか？水分がしっかり摂れているのか？など
こうした測定会で気軽に自分の体を見直すきっかけに
なっていただけたら嬉しいです。

途中で、19歳の男性が「測定会やっていると聞いて」と
イベント為にご来店いただき、こうしたイベントに
なかなか10代の方の参加は少ないので驚きました。
意識が高くて素晴らしいです！

また薬剤師さんや管理栄養士さんによる
相談会も行われており、店内で皆さん有意義に
過ごされていました。

有限会社ホワイト企画様では、こうしたイベント時だけではなく
管理栄養士さんが在籍している店舗様では
店内で栄養相談も受けられます。

薬だけ、運動だけではなく、体を作る
大事な食事について見直すきっかけになりますので、
ぜひこういった栄養相談もご活用してみてください。

もちろん、伊丹店様だけではなく
大阪市内の店舗様でも健康相談会など開催されて
いらっしゃいます。
ぜひお近くの方は、足を運んでいただければと
思います。

今回測定会に参加して頂いた皆様には、
ミールタイムファーマ、ラカントＳ、
サンファイバー、マンナンヒカリなどの
商品サンプルをお渡しいたしました。

いつも店舗様でもカタログをご活用いただき
ありがとうございます！
こうした皆様の健康への取り組みの一環に
一緒に参加することができ嬉しく思います。

最後にお話してくださったお客様が、
「体を壊してから毎日ラジオ体操をやっているの」と
教えてくださいました。
毎日継続されていて凄いですね！とお返事を返すと
「もっと褒めて！！」と素敵な笑顔を返してくださいました。
「まだまだ姉と元気に、美味しいもの食べて楽しみたいから」
と仰っていて、そういった方がずっと元気に素敵な笑顔で
過ごしていただけるように、栄養士としてお力になれたらと
改めて思いました。
素敵なエピソードをお話してくださり、私が力をいただけました。

ホワイト企画様、そして店舗のスタッフの皆様、
貴重な機会に参加させていただき
ありがとうございました。
ホワイト企画様の益々のご発展をお祈り申し上げます。
——————————————————————————————-
ファンデリーでは、一緒にお客様の在宅食をサポートしてくれる
栄養士仲間を募集しています。エントリーはこちら【第二新卒歓迎♪】

＜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