Programming

OpenLayersでマップを画面全体に表示する方法

概要 OpenLayersという地図などのマップをブラウザなどで表示するライブラリがあります。今回、このOpenLayersでマップを表示する際に、ブラウザのウィンドウ全体にマップを表示する方法を紹介します。 ...

Bootstrap v4 でラジオボタンを横並びにボタン風にする

概要 Bootstrapのバージョン4のベータ版が終わり、正式にリリースされました。ここでは、Bootstrap v4で、inputタグで作ることができるラジオボタンを横並びにして、さらにボタン風にする方法について紹介します。 ...

RailsでCarrierWaveを使って画像を保存する

概要 Railsでアップロードされた画像を保存するというときに便利なCarrierWaveというgemを紹介します。これを使うと、簡単に画像のアップロードを実現することができます。 ...

WebRTCのためのAPIプレフィックス

概要最近、WebRTCを用いて動画の配信をしてみたのですが、使用するブラウザのバージョンによってはAPIの名前に違いがあるようで、その対応方法について紹介します。 ...

JavaScriptでnavigator.getUserMediaは非推奨なので対応する

概要 JavaScriptからカメラやマイクなどの情報を取得することができます。しかし、現在ネットにある情報は古いやり方のものが多く、そのやり方でカメラやマイクなどの情報を取得するのは非推奨となっています。 ...

JavaScriptのgetUserMediaでカメラを止める

概要 JavaScriptでは、getUserMediaというAPIを使うことでパソコンやスマホに付いているカメラを使うことができます。私はパソコンのChromeから、これを使ってカメラから映像を取得するということをした後に、カメラを止めようと思ったのですが、カメラは止まっているのに、Chromeのタブには赤い丸が表示されて、まだカメラが生き残っているということがあり、それを解決するのに時間がかかりました。 ...

Railsのログに個人情報などのカラム情報を記録しない方法

概要皆さんはRailsのログを見ていますか? 開発中であれば、Railsのログはlog/development.logのような場所に書かれていることが多いです。 ...

Railsのテストで画像をアップロードする方法

概要 Railsのテストで、画像をアップロードして保存する動作をテストしたいということがあります。そこで、テストで画像をアップロードする方法を紹介します。 ...

Railsのテストでfixtureに画像を登録する方法

概要 Railsのテストでは、test/fixtures内のYAMLファイルでテスト時のデータベースのデータを定義することができます。そのYAMLファイルでは、文字列や数字などのデータを定義するのは簡単ですが、画像を定義するのはすぐにはできません。 ...

Railsの現在のコントローラ名・アクション名を調べる方法

概要 RailsのViewファイルの中でもレイアウトなどで、このレイアウトを呼び出しているコントローラ名やアクション名によって表示の一部分を変えたいということがあります。 ...