スリ飯屋MaLankaのフリーエンジニアな日々

このブログでは、フリーランス5期目となる自身の実体験から、フリーランスエンジニアになるためのノウハウ、ブログや沖縄移住、スリランカの最新情報について発信します。

【Rails】コントローラーから、status204(no_content)を返す方法

head :no_content でOK。 head: :no_content ではないです! headにシンボルいりません。 つけてしまってて、ハマりました。。

【Rails5】viewでflashメッセージを動的に表示させる方法(コピペでOK!)

以下のコードを、application.html.erbのbodyタグの一番始め に設定すればOK。 " align="center"> bootstrapを導入していれば、alert-〇〇〇〇の部分に動的にcssが当たります。 bootstrapでcssを適用出来るflashの種類は、以下の4つ。 flash[:info] flash[:s…

【Rails5】form_withでhidden_fieldを使って、値を配列で送信したい

hidden_field_tag を使うことで対応出来た。 第一引数: name属性 第二引数: 送信したい値 例. = form_with url: '/articles' do |f| = hidden_field_tag 'hoge_item[]', 1 = f.submit '送信' これは下記のように送信されます。 #=> "hoge_item"=>["1"]

【レスポンシブ】table要素がスマホで横幅がはみ出る場合

【レスポンシブ】table要素がスマホで横幅がはみ出る場合 【レスポンシブ】table要素がスマホで横幅がはみ出る場合 背景 手順 背景 PCでは問題ないが、スマホだとtableが横にはみ出してしまう。 調べていると、この記事で以下のように書かれていました。 htt…

【Vue.js】checkboxでclickイベントが反応しない

checkboxをチェックした時のイベントについて checkboxをチェックした時のイベントは、 change イベントで発生する。 clickでは反応しないので注意。 hogefuga

【Rails5】自作のディレクトリを、autoload_pathsに追加して自動読み込みさせる

application.rbの編集は、サーバーを再起動しないと反映されない。 Rails5から、本番環境でのautoloadが無効化されている。 Rails5のproduction環境でlib/配下のクラス読込みがNameErrorになるのはautoloadが無効化されたからだった - Qiita 若干厄介なのは…

【OGP設定】facebookシェア時のog:imageの設定が反映されない!

herokuにRailsアプリをデプロイし、facebookシェアボタンを設置。 が、シェア時のogp画像が上手く表示されない。 色々調べていると、 Dynoに書き込まれたファイルはアイドル状態、または再起動したときに消えてしまいます。永続化したいファイルはS3などのフ…

【Vue.js】スマホで日本語入力時、keyupイベントが動作しない

スマホで日本語を確定入力した時に、動作しないことが発覚。 調査すると、 keyupイベントが動いていないことが原因。 inputイベントに変更することで対応出来ました。

【Vue.js】 現在のパス(URL)を取得する 【Vue-Router】

現在のパスは、 this.$route.path で取得出来る。 リファレンス https://router.vuejs.org/ja/api/#router-onerror 例、現在のパスによってリダイレクト先を変える関数 # js:some_component.vue redirectToRoot: function() { // 現在のパスを取得 console.l…

【bootstrap-vue】input type=datetime-localの入力エリアに、今日の日付を初期値で入れたい

bootstrap-vueの、input type=datetime-localの入力エリアに、今日の日付を初期値で入れたい bootstrap-vueの、input type=datetime-localの入力エリアに、今日の日付を初期値で入れたい サンプルコード サンプルコード // 関係箇所のみ抜粋しています。 <template> //</template>…

【Vue.js】methodsやcomputedを共通化(mixin)する

1、共通化したいmethodsやcomputed等を記述したファイルを作成する。 例として utils.js を作成します。 パスは javascript/packs/mixins/utils.js とします。 以下は、moment.jsで日時をparseする関数です。

【Rails5】テーブルを作ったが、後からカラムにデフォルト値を設定したい時の方法

1. 修正用のマイグレーションファイルを作る。 2. 1で作成したマイグレーションファイルを以下のように修正。 3. db:migrateする これでデフォルト値が設定できました。 up,downメソッドではなく、 changeメソッドを使うと、 db:migrate:redoした時にエ…

【Rails5】フォームを読取専用にする方法

やり方はhtml内に :readonly => true を追加するだけ。 例 true %>

【GitHub】Githubにある既存の公開リポジトリ(public)を非公開(private)にする方法

手順 1、非公開にしたいリポジトリにアクセス 2、ページ下部の Make private タブをクリック 3、確認メッセージが出るのでリポジトリ名を入力し実行 4、GitHubのパスワードを入力 以上で非公開に出来ます。 トップページに戻ってリポジトリにアクセスし…

【Rails5】論理削除を有効にする方法

paranoiaのREAD.MEで、 paranoiaは非推奨になった旨が追記されています。 今後は 「discard」 を使うようにしましょう。 1、paranoiaというgemをインストール 2、モデルにdeleted_atというカラムを追加する 3、active_record.rbにacts_as_paranoiaと追記…