TECH BLOG

【Rails】コードをシンタックスハイライトする『rouge』のカラーテーマ一覧と指定方法

2020-09-08

# はじめに Markdownで書いた記事のコード部分をシンタックスハイライトする『rouge』というGemがあります。当ブログでも使っており、導入や使い方については以前記事にしました。 <iframe class="hatenablogcard" style="width:100%;height:155px;max-width:680px;" title="【ブログタイトル】" src="https://hatenablog-parts.co [...]

【Rails】webpacker-dev-server実行中のエラー「Could not freeze ... Cannot read property 'hash' of undefined」

2020-08-30

# はじめに `webpacker-dev-server`実行中に、突然以下のエラーが出力されました。 ``` [hardsource:3154a74b] Could not freeze ./app/webpack/packs/application.js: Cannot read property 'hash' of undefined (node:69641) UnhandledPromiseRejectionWarning: TypeError: current. [...]

【Rails】Webpacker管理下の構成を整える

2020-08-31

# はじめに Rails6で標準導入されたWebpacker管理下の構成を整えたので記事にします。Webpackerで管理対象としているのは以下の3つです。 - JavaScript - CSS - 画像あくまで自分なりにわかりやすい構成に整えたという話ですので、ベストプラクティスを提案するとか言った大それたものではないことはご了承ください。もっといい構成や命名があればぜひ教えてください。 # 構成を整える ## ソースパス（エントリーポイント [...]

【Rails】Webpacker管理下のアイコン画像をFaviconに設定する方法

2020-08-30

# はじめに Rails6から標準導入されたWebpackerで画像を管理し、その中のアイコン画像をFavicon（タブやお気に入りに表示されるアイコン）に設定する方法を解説します。 # Favicon設定方法 ## 画像の用意まずはFaviconに設定する画像を用意します。今回はフリーで使用できるアイコンを使うことにします。ちなみにPNG画像でもFaviconに設定できます。 <div style="text-align:center;"> <img [...]

【Rails】Webpackerで画像ファイルを管理し、CSSやビューから参照する方法

2020-07-30

# はじめに Rails6から標準導入されたWebpackerは、JavaScriptやCSSだけでなく画像ファイルの管理も行えます。今回はWebpackerで画像ファイルを管理し、CSSやビューから参照する方法を解説します。 # 画像ファイルの配置場所 Webpackerで画像ファイルを管理するには、Webpackerのデフォルトソースパス（`app/javascript/`）配下に`images`ディレクトリを新規作成し、その中に画像ファイルを配置します（ディレ [...]

【Rails】Webpacker管理のCSSがHerokuで反映されない場合の対処

2020-07-30

# はじめに Rails6から標準導入されたWebpacker（Webpack for Rails）でCSSを管理しているRailsアプリのCSSが、ローカル開発環境では反映されていたのに、デプロイ先のHerokuでは反映されないという事象がありました。 # 対処 `app/views/layouts/application.html.erb`を以下のように修正します。 ```erb # 修正前 <%= stylesheet_link_tag 'applicati [...]

Railsアプリのデプロイ時に必要となる【Capistrano】や【Unicorn】の理解に役立つ記事まとめ

2020-06-16

# はじめに Railsアプリのデプロイ方法を調べていると【Capistrano】や【Unicorn】といった見慣れない名称がほぼ必ず出てきます。はじめてデプロイするときはそれが何なのかもわからないままとりあえずインストールして、見様見真似で設定（ほぼコピペ）して、やっぱりエラーが出て絶望... という流れを経験していると思います。というか、私がそうでした。それでも最終的にはほぼコピペしただけの設定でデプロイができてしまい、Webアプリが運用できてしまうのは【Cap [...]

【Rails】bundle updateでGemがアップデートされない原因

2020-06-07

# はじめに前回、GitHubからセキュリティアラートが届いたらすぐにGemのアップデートを行おうという記事を書きました。 <div class="iframely-embed"><div class="iframely-responsive" style="height: 140px; padding-bottom: 0;"><a href="https://www.autovice.jp/articles/87" data-iframely-url="//cdn.ifr [...]

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

2020-06-08

# はじめに GitHubでソース管理を行っていると、ときどきGitHubからセキュリティアラートのメールが届くことと思います。該当のリポジトリを見てみると以下のようにセキュリティアラートが並んでいて少しびっくりしてしまいます。 <img data-src="https://i.imgur.com/S3RxpPZ.png" class="lazyload effect-fade"> セキュリティアラートを放置していると悪意のある第三者からセキュリティホールをつい [...]

ConoHa VPSのハードウェア障害によるSSH接続不可・Webサイトアクセス不可の対処方法

2020-06-03

# はじめに 6月2日夜間にConoHa VPSにて障害が発生していました。 <img data-src="https://i.imgur.com/SBcK4aA.png" class="lazyload effect-fade"> おそらくこの影響だと思うんですが、障害復旧後の2日日中頃にVPSサーバーの確認をしたところ、以下の状態になっていました。 - VPSサーバーにSSH接続ができない（`Connection refused`） - 管理画面のコンソール [...]