【CSS+JS】モーダルウィンドウを表示しその中にYouTube動画を動的に埋め込む

2021年5月27日 13:01
# はじめに 動画のサムネイル画像をクリックしてモーダルウィンドウを表示し、その中にYouTube動画を動的に埋め込む方法について説明します。なお、本記事ではYouTube動画を動的に埋め込むまでを範囲とし、埋め込んだ動画の再生制御などは範囲外とします。 # 実装 ## サンプル ふたつのサ [...]

【CSS+JS】テキストを1文字ずつ表示するアニメーションの実装方法

2021年5月26日 12:25
# はじめに モダンなサイトでよく見かける「テキストを1文字ずつ表示するアニメーション」の実装方法を解説します。 # 実装 ## サンプル 繰り返し動作を確認したい場合は右下の「Rerun」ボタンをクリックしてください。 <iframe height="265" style="widt [...]

【Rails】レンダリング(renderメソッド)でアンカー指定を行う

2021年5月25日 12:26
# はじめに 通常、Railsでアンカー付きのリクエストを発生させるには`redirect_to`を使います。 ```rb redirect_to root_path(anchor: 'target') ``` では、`render`でビューを表示させるときにアンカーを指定したいときはどう [...]

【VSCode】「Search/Translate Hero」を使って右クリックで簡単に検索/翻訳を行う

2021年5月21日 14:52
# はじめに VSCodeを使って開発を行なっているときに何らかのエラーが発生することがあります。しかし、エラーメッセージというのは英語で書かれていることがほとんどなので、英語が苦手な人にとっては解読に時間がかかってしまいます。英語のエラーメッセージでもGoogle翻訳やDeepLといった翻訳サービスを使 [...]

【Rails】Bundler 2.2.x以降は開発者が適切なプラットフォームを追加する必要がある

2021年5月24日 12:56
# 事象 昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。 ```bash # 実行コマンド Running $HOME/.rbenv/bin/rbenv exec bundle check # エラー内容 Your bundle only [...]

【Rails】Webpackerと互換性のないNode.jsがインストールされているとエラー

2021年5月20日 12:34
# 事象 昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。 ```bash # 実行コマンド Running $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile # エ [...]

【Rails】Capistranoの設定でシンボリックリンクを張るファイルをなぜかディレクトリとして作成しようとしてエラー

2021年5月19日 12:53
# 事象 昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。 ```bash # 実行コマンド Running /usr/bin/env mkdir -p /var/www/app/shared/config/master.key /var/ww [...]

【Rails】RubyGemsのバージョンが3.1.3未満だとBundler実行時にエラー:bundler: failed to load command: <gem>

2021年5月18日 16:30
# 事象 昔作ったRailsアプリを久しぶりに修正しデプロイしようとしたところ、以下のエラーが出力されました。 ```bash # 実行コマンド Running $HOME/.rbenv/bin/rbenv exec bundle exec rake assets:precompile # エ [...]

【Rails】Webサーバー「Unicorn」の基本情報と実装方法

# はじめに Railsアプリを本番環境で稼働させるには、クライアントからのリクエストを捌くWebサーバーを導入する必要があります。WebサーバーはクライアントからのリクエストをRailsアプリに伝達し、Railsアプリで処理されたレスポンスをクライアントに返すという役割を担います。 本記事では、W [...]

【Rails】デプロイツール「Capistrano」の基本情報と実装方法

# はじめに アプリを本番環境にアップロードして誰でもアクセスできる状態にすることをデプロイと言います。デプロイで行うべきことは多岐にわたります。Railsアプリの場合で言えば、本番環境にアップロードすることはもちろんですが、Gemのインストールやマイグレーション、SprocketsやWebpackerの [...]