前人未踏の領域へ WEB・インフラ・プログラミング全般編

フロントエンド、バックエンド、インフラ、言語など、アプリ開発、IOT以外の記録

2020-02-01から1ヶ月間の記事一覧

Nginxの標準エラー画面をカスタマイズする

課題 Nginxにてベーシック認証でエラーになった場合のエラーページのHTMLを変更したい。どうすればよいか 対応 ベーシック認証でエラーになるとサーバーはエラーコード401を返す。なので401エラー時の処理を指定して あげればよい。 401.html を用意する 401…

database.ymlの環境変数が読み込まれない

課題 DBのパスワードを設定したが環境変数が読み込まれない。stagingだと問題ないがproductionでエラーになる。 production: <<: *staging database: hoge_production host: <%= ENV['DB_HOST'] %> password: <%= ENV['DB_PASS'] %> 原因 自動生成させて設定したproduction用のパスワードの先頭に # が含まれていたため(><) </:>…

rbenv設定

UbuntuにrbenvをインストールしてRubyを使えるようにしたい。 手順メモ。 インストール rbenv-installerを使う github.com $ wget -q https://github.com/rbenv/rbenv-installer/raw/master/bin/rbenv-installer -O- | bash PATHに .rbenv/bin を追加 $ echo…

Capistrano3: 環境変数を読み込んで使う

課題 Capistranoで環境変数を使用したい。deploy.rb の default_env などで割り当てることはできるが、パスワードなど情報はここで持ちたくなく、 普段使用している direnv の .envrc ファイルを使いたい 対応 (注)前提: capistrano-rbenvが設定済みであ…

CSS:ボックスの角にだけ色をつける

課題 CSSでボックスの左上にだけ色をつけたい 対応 linear-gradient を利用する。もともとはある角度で複数の色をグラデーションさせる機能だが、パラメータによってはくっきりと別れさせることもできる 色をつけたい位置によって直線の角度を変える 左上 13…

CSS display: flexにしたら内部コンテンツの一部のスタイルが反映されなくなった

課題 親の要素を display: flex に変更したところ、子要素に定義していた :hover とVueJsのclickイベントが発生しなくなった。 原因 子のdivタグに z-index: -1 が指定してあったため。 .data-area { z-index: -1; } 対応 作るサイトによると思うけど0にした…

CircleCI 2.0 セットアップはまり道

この記事について Rails + MySQLなプロジェクトをCircleCI上で動作させようとした際に遭遇したエラーの対応メモ。随時加筆、修正。都度必要な設定しか記載してないのでまるごとコピって使うようなことはできません。 CicleCIのconfig.ymlは2.1が最新なのだけ…

/* Responsive: yes */