↑↑この写真は毎週水曜日に行っているBSランチの様子です！
赤羽駅付近にある韓国料理屋さんで
先輩おすすめのビビンバを食べているところを撮影した一枚です♪

今回はBS制度についてのご紹介をさせていただきます。

BS制度(ブラザー、シスター制度)とは、
1名の新入社員に対して先輩社員が一年間寄り添い、
研修を行って感じた不安な部分や勤務時間内では相談できない悩みなどを
解決に導くアドバイスを先輩からいただき、新入社員の負担を少しでも減らせるように
サポートを行っているものです。

このBS制度では、毎週水曜日に実施している一対一のBSランチや
他の新入社員とBSとの合同交流行事など盛りだくさんな内容で様々な交流があります。

上記であげたBSランチでは、主に仕事以外のプライベートのお話をさせていただくことが多く、
休日の過ごし方や趣味についてなど、普段あまり聞くことのできない
お話を聞くことで新たな一面を知るきっかけになります😊

また、共に働く同期やBSの先輩方とお話をする機会も沢山あり、
定期的に開かれるBS全体ランチや5/1に行われたBS交流会(飲み会)では
先輩一人一人と親密な関係を築ける場として楽しく交流することができました！！

今後もBSの先輩方に業務内容で何か困ったことがあった際には積極的に相談をし、
交流を増やしながら日々成長できるよう精進してまいります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

先日は交野市にある小林診療所様に訪問させていただきました。
こちらの診療所では呼吸器内科、消化器内科を中心に
診療されておりましたが、昨年から「歯科」も加わりました。
平日午後には在宅訪問診療も行われています。
24時間受付のWEB予約やLINEでも気軽に予約ができ、
交野市が実施する各種がん検診・特定健診・後期高齢者健康診査に加え、
企業・事業所向けの健康診断にも対応している医療機関様です。

また、「ほっこりatホーム星田」、「ほっこりatホーム星田北」という
自立から要介護の方まで高齢者の方や身体障がい者の方を
幅広く受け入れる住宅型有料老人ホームも連携して運営されています。
病気療養中の方は診療所の先生方が24時間対処してくださるそうで、
とても安心できる環境であることが魅力的です。
施設便りも頻繁にブログ更新されており、先日はお庭で実った
さくらんぼを皆さまで楽しまれたそうです🍒

今回は昨年歯科医師として入職された、
小林裕次郎先生にお話を伺いました。

〈 診療所での取り組み 〉
人として備わっているお口の機能を少しでも長く活用できる方法を考え、
患者様やご家族様の意思を尊重した提案を心掛けています。
他職種にただ指示を出すのではなく「どうやったらベストな対応ができるか」を
スタッフ全員で考え、各プロの意見を尊重し合い、良い医療を
提供していきたいと思っています。
また、老人ホームにも頻繁に足を運び入居者さんの状態を見て
食形態の変更の提案などを行っています。

↑歯科待合の様子

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

貴重なお話をありがとうございました。
口から食べられることの大切さや喜びについて、
栄養士としてとても共感できるお話をたくさん聞かせていただきました。

診療所HPでは院長先生や裕次郎先生によるコラムもご覧いただけます↓
ドクターコラム　｜　歯科ドクターコラム

裕次郎先生、小林診療所様の今後益々のご発展を心よりお祈り申し上げます。

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

＜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