Fusic Tech Blog
Fusion of Society, IT and Culture
# rails
vite_railsをRailsに導入してReact/Vite環境を構築
はじめに Rails7になってから...
react_on_railsにHMRを導入する
はじめに RailsでRactを導入したい時の選択肢の一つとして...
[Rails]CSVダウンロード機能を細部まで理解して実装する（２）Windows対応BOM付きUTF-8
この記事は、こちらのQiita記事 [Rails]CSVダウンロード機能を細部まで理解して実装する（１） の続きです。 「よっしゃー、実...
駆け出しエンジニアスキルレベルアップ必然！レコードの外部キーの変更履歴を保存するには？（Ruby on Rails）
鬼滅の刃、竈門炭次郎が強い鬼と対峙してどんどん強くなっていくように、エンジニアも手強い課題と対峙していくと必然的にレベルアップしていくものですね。未経験エンジニア転職から９ヶ月、階級：癸（みずのと）、賀来大輔です。 今回はそんな手強く学びの多かった過去の鬼、いや課題を紹介します。 ...
Next.js + Railsでリニューアルした社内ニコカレシステムの技術スタックを公開します
弊社では社内システムが多く運用されています。そのうちの一つに私が開発・運用している「Nicole」というシステムがあります。 これは、いわゆるニコカレ(ニコニコカレンダー)をWebベースで入力・閲覧できるシステムで、今では社内SNS的な位置付けにもなりつつあります。 今回、こ...
Rails6での様々な画像プレビュー
railsでは、5→6にグレードアップした際に active storageの保存のタイミングが変更されました。 そこでrails5では簡単に実装できたプレビュー機能ですが rails6からは少し工夫が必要になったのでここで記事にしたいと思います。 まずはルーティングです。 今回は、ユーザーテーブルとイベントテーブルを用意してユーザーがイベントを持つようにします。...
[Rails] Deviseでメールアドレスを使わず別プロパティで認証し、パスワードリセットにも対応する
弊社のRailsアプリでログイン機構を実装する場合、Deviseをよく使います。 今回は以下のような仕様で実装しました。 管理者サイト、生徒サ...
Railsアプリのユーザ認証をAzureADと連携する
Railsアプリを作るときの認証周りはすっかりdevise頼みとなってしまった今日このごろ。 最近、Azureを使ったシステムを開発しています。他のクラウドサービスでもそうですが、Azureが提供するサービスとの連携が強くなればなるほど、認証周りをAzure ADと連携する必要性が出てきます。 GitHubやTwitter, Facebookと連携したOAuth2...
Railsにいいね機能をReactで実装する
こんにちは、岡嵜です。 本記事では「Railsにいいね機能をReactで実装する方法」を解説します。 Railsにいいね機能を実装する記事は既に巷に溢れていますが、Rails+Reactで実装するという記事は少ないです。 SPAとして作るわけではなく、あくまでRailsのViewにReactコンポーネントを埋め込む形で実装します。 このような方式を採...
Railsアプリケーションで絵文字コードを使えるようにする方法
岡嵜です。 本記事では、Railsアプリケーションで絵文字コードを使えるようにする方法をまとめます。 ...
IP制限付き社内システム用のSlack App(Slash Commands)を作った
こんにちは。岡嵜です。 昨年、こちらの記事に書いた「社内ニコニコカレンダーシステムNicole」ですが、ついに社員の半数がアクティブユーザとなりました...
社員のモチベーションを可視化するため社内ニコニコカレンダーシステムを作ってみた
岡嵜です。 前回の記事 とはうってかわって、今回は「社内Webシステム」を作ってみたというお話です。 このような社内ニコニコカレンダーシス...
Nuxt.js + GraphQL + Ruby on Railsで作るToDoアプリチュートリアル(後編)
Nuxt.jsとGrashQLとRuby on RailsでToDoアプリを作るためのチュートリアルです。 前編・後編を終えるとこのようなToDoアプリが完成する予定です。 本記事はチュートリアルの【後編】です。試してみたいという人は先に...
Nuxt.js + GraphQL + Ruby on Railsで作るToDoアプリチュートリアル(前編)
Nuxt.jsとGrashQLとRuby on RailsでToDoアプリを作るためのチュートリアルです。 前編・後編を終えるとこのようなToDoアプリが完成する予定です。 ソースコードは以下に公開しています。 ...