新入社員研修の一環として、インスタグラムの投稿を作成いたしました。

当社の採用アカウント
企業で働く管理栄養士・栄養士｜ファンデリー人事総務部【公式】にて
栄養学生を対象に、
大学生活・国試対策・就活などの有益な情報を発信しています。

昨年まで就活生だった新入社員の目線を活かし、
栄養学生に興味をもっていただける投稿になるよう、
試行錯誤して投稿内容を考えております。

初めての投稿では、
26卒に聞いてみた！新入社員インタビュー01を投稿いたしました。

・ ファンデリーへの入社理由
・ 就活時のポイント
・ 共に働きたい人物像

について新入社員としての想いや就活中の経験を交え、
就活中の方や、企業で働く栄養士の仕事に
興味を持っていただけるような内容にいたしました。

自分自身、就活情報や国試対策にSNSを活用していたため、
栄養学生の皆さんにぜひご覧いただけるよう
今後も情報発信を行ってまいります。

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

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

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

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

本日は、そよぎハート＆ライフクリニック　湘南平塚の
管理栄養士　秋葉　皐様をご紹介いたします。

こちらのクリニックは、循環器・糖尿病・内分泌の専門医が在籍し、
専門性の高い診療を行っていることが特徴です。
院内で迅速な検査が可能なため、早期診断・治療につなげることができます。

また、医師・看護師・臨床検査技師・管理栄養士・理学療法士・受付スタッフなど
多職種が連携し、患者さん一人ひとりに寄り添った医療を提供しています。
食事・運動・薬物療法を組み合わせた生活習慣のサポートや、心臓リハビリテーションにも対応しており、予防から治療後のフォローまで一貫して関われる点も強みです。
スタッフ全体で情報を共有しながら、安心して通院できる環境作りを行っています。

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

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

　亡くなった祖母が糖尿病であったことから、食事が健康に大きく関わることを身近に感じてきました。そうした経験から栄養士に興味を持ち、専門学校を卒業後はオーガニック食品の営業や健康食品の販売に携わっていました。

健康に関心のある方と関わる中で、知識を高めるため管理栄養士の資格を取得し、さらに健康づくりや病気の予防といった点にも興味をもったことで、より健康のお悩みを持っている人々の力になれたらと当院へ入職しました。

人と関わることや話を聞くことが好きなため、食事の面から患者さん１人ひとりに寄り添い、生活の中で無理なう続けられるサポートができる点に魅力を感じています。

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

　栄養相談を通して、検査数値の改善や生活習慣の変化が見られたときにやりがいを感じます。
　また、食事の話を聞くハードルが下がり、「聞いてよかった」「ためになった」「楽しかった」と前向きな気持ちになっていただける瞬間を共有できることが、何よりの活力になっています。

さらに、患者さんとの何気ない会話の中に大切なヒントが隠れていることも多いため、日々のやりとりの一つ一つを大切にしながら関わるよう心がけています。

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

　今後は、個別の栄養相談に加えて、より多くの方に食事の大切さをつたえられるような取り組みにも力を入れていきたいと考えています。具体的には、集団栄養指導や院内での情報発信などを通して、予防の段階からかかわれる機会を増やしていきたいです。

また、患者さんの日常に取り入れやすい食品や物販なども活用しながら、無理なく続けられる食生活の提案を行っていきたいと考えています。一人ひとりの生活に寄り添いながら継続しやすいサポートができる管理栄養士を目指して行きたいです。

——————————————————————————–

秋葉様、ありがとうございました。

また、こちらのクリニックではスタッフの働きやすさも大切にしており、それが質の高い医療提供につながっていると感じているそうです。

次回のブログも、そよぎハート＆ライフクリニック　湘南平塚の管理栄養士様をご紹介いたします。

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

先日大阪みなと中央病院様で開催された
健康フェスタに参加してまいりました。

駅直結の病院さんなので、通院している方はもちろん、
会場となった区民センターで習い事をしてきたよ、
という方もふらりと気軽に立ち寄ってくださいました。

院長先生から大腸がんのお話があり、
初期の段階では自覚症状がほとんどなく
気付きにくくいつの間にか悪化していたという
ケースが多いそうです。
早期に適切な治療をすれば多くの場合、
完治が見込めるので、定期検診は大切ですね。

大腸がんについてのクイズラリーも行われ、
クイズに参加した方は、
大腸がん撲滅トイレットペーパーが配られました。

実は紙本体にも検診に行きましょう！や、
部位別がん罹患数では大腸がんが１位、等
検診を促す言葉が書かれています。
トイレに行くたびに、ご自身の体を見直す
いいきっかけになりそうですね！

栄養士さんのブースでは、夏場に向けて水分補給の
大切さをお伝えしていました。
私もブースに立たせていただき、水分補給に
ついて解説しながらお土産として
ミールタイムと「アクエリアス 経口補水液ORS」を
お渡ししました。

昨年２度熱中症で倒れたと仰っていた方も
いらっしゃり、年々暑さが厳しくなっています。
経口補水液自体は、がぶがぶ水替わりに飲むものでは
ありませんが、過度な発汗時や下痢や嘔吐などで
脱水になっているときなどには、
水だけでは対処できませんので、ご利用ください。

また血管年齢を測るコーナーでは、
区民センターの習い事で体操をしてきたという女性の方が
実年齢より20歳くらい若い数字が出たようで
ルンルンで帰れるわね、と皆さんから声を
掛けられていました！
お元気で何よりです！

5月12日は看護の日です。
看護の日前後では、医療機関様ではこうした健康に関する
取り組みや情報発信をされています。

一人でも多くの方が心身共に健やかに
過ごしていただけるよう、大阪みなと中央病院様では
健康フェスタという形で開催されました。
参加された方は、自身の健康を考える
良い機会になったのではないでしょうか。

弊社も皆様の健康増進に寄与できるよう、
今後も努めてまいります。
大阪みなと中央病院様、このような貴重な機会をいただき、
ありがとうございました。
——————————————————————————————-
ファンデリーでは、一緒にお客様の在宅食をサポートしてくれる
栄養士仲間を募集しています。エントリーはこちら【第二新卒歓迎♪】

＜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