スポンサーリンク
NO IMAGE Programming

JavaScriptのgetUserMediaでカメラを止める

概要 JavaScriptでは、getUserMediaというAPIを使うことでパソコンやスマホに付いているカメラを使うことができます。 私はパソコンのChromeから、これを使ってカメラから映像を取得するということをした後に、カメラを...
NO IMAGE Programming

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

概要 皆さんはRailsのログを見ていますか? 開発中であれば、Railsのログはlog/development.logのような場所に書かれていることが多いです。 実際にログを見てみるとデータベースへのSQLクエリを見つけることができ...
NO IMAGE Programming

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

概要 Railsのテストで、画像をアップロードして保存する動作をテストしたいということがあります。 そこで、テストで画像をアップロードする方法を紹介します。 もし、テストの実行時にfixtureで画像を保存したいという場合は、Rail...
NO IMAGE Programming

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

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

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

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

RailsでMarkdownを読み書きする方法

概要 RailsでMakdown形式の文章を保存して、それを元にHTMLを生成したいということがありました。 そこで、私はredcarpetというGemを使ってMarkdownの読み書きを実現したので、どのようにしてMarkdownを読...
NO IMAGE Programming

JavaScriptのアラートをリッチにするSweetAlertを使ってみた

概要 JavaScriptでユーザに情報を表示する方法のひとつに、alert関数があります。 しかし、alert関数での情報の表示では、デザインが貧相であまり使いたくありません。 そこで、SweetAlertというJavaScript...
NO IMAGE Programming

Vue.jsでOpenLayersを使ってマップを表示する

概要 Vue.jsでOpenLayersを使おうと思ったら、はまってしまった部分があったので、そのはまってしまった部分を含めて、Vue.js内でOpenLayersを使って地図を表示させるところまでを紹介します。 環境 Vue.js...
NO IMAGE Programming

Vue.jsを使ったTypeScriptとwebpackの設定

概要 現在、TypeScriptとwebpackを使ったフロントエンドの環境で開発をしているのですが、そこにVue.jsを導入してみたので、その方法を紹介します。 Vue.jsのインストール Vue.jsは、npmのパッケージからイン...
NO IMAGE Programming

gulpとwebpackを使ったSassとTypeScriptのトランスパイル環境

概要 最近のフロントエンドの開発では、CSSやJavaScriptをそのまま書くのではなく、SassやAltJSと呼ばれるようなものを使い、別な言語で書いたものをそれぞれトランスパイラというものを使って、CSSやJavaScriptに変換...
スポンサーリンク