【Rails】GitHubからセキュリティアラートが届いたときの対応【Gemfile】

はじめに GitHubでソース管理を行っていると、ときどきGitHubからセキュリティアラートのメールが届くことと思います。 該当のリポジトリを見てみると以下のようにセキュリティアラートが並んでいて少しびっくりしてしまいます。 <img data-src="https://i.imgur.com/S3RxpPZ ...

【2019年版】RailsアプリからTwitterに更新内容を自動投稿!RailsとTwitterの連携機能を実装

はじめに Railsアプリで作ったブログなどで更新内容をTwitterに投稿するといった連携機能を実装する方法を解説します。 実装するにはまずTwitter APIに登録する必要があるのですが、登録方法が年々(主に複雑なほうへと)変化しているようなので、2019年12月現在の登録方法で書いています。 Twitt ...

【Rails】Railsアプリにreact-railsを追加する手順

はじめに JavaScriptフレームワークといえば長らくjQuery一強でした。しかし、ここ数年はAngularJSやReact、Vue.jsといった新しいフレームワークがどんどんと登場しています。過去5年間の検索回数の推移を見てみると、2018年5月頃にjQueryとReactが逆転していることがわかります ...

【Rails】Markdownで記事を書く!「Redcarpet + Rouge」の導入・使用方法

はじめに 当ポートフォリオサイトの記事投稿画面では、長らくRails6から導入されたAction Textを使っていました(Action Textについては下記の記事をご覧ください)。 <iframe class="hatenablogcard" style="width:100%;height:155px;" ...

Railsアプリの名称を変更したい!できるだけ楽に安心して行える方法を解説【+リモートリポジトリー名変更】

Railsアプリを作成してしばらくしてからアプリ名を変更したいと思ったことはないでしょうか。Railsのアプリ名とは、最初にrails newしたときに指定した文字列のことです。 $ rails new <アプリ名>ここで指定したアプリ名はRailsアプリのソースコードのそこかしこに書かれています。少しPCに詳 ...

【Rails6】Action Textで挿入した画像の保存先をAmazon S3やGCSに変更する方法

はじめに Rails 6.0で追加された「Action Text」で挿入した画像の保存先は、デフォルトではローカルディスク(Railsアプリの実行環境)となっています。 本記事では、Action Textで挿入した画像の保存先をローカルディスクからAmazon S3やGCSといったクラウドストレージサービスに変 ...

taglib-rubyを使用してオーディオファイルの長さを取得する方法

Rubyでオーディオファイルを扱うGemはたくさんありますが、今回はmp3とwavの両方を扱う必要があったのでtaglib-rubyを使うことにしました。 ひとつのGemでmp3とwavの両方を使えるのは大変ありがたいです。 最後にHerokuにデプロイする方法とConoHa VPS (CentOS 7.7)に ...

【Rails】audiojs-railsの導入からオーディオファイル再生までの手順

はじめに HTML5にはオーディオファイルを埋め込む専用のタグが用意されています。 <audio src="sample/sample.ogg" controls> <p>音声を再生するには、audioタグをサポートしたブラウザが必要です。</p> </audio>このaudioタグをより便利にしたJav ...