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

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

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

【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と追記…

【rails5】db:migrate:resetでハマったメモ

db:migrate:resetは、dbを全て削除し、もう一度migrateを実行するコマンド。 resetすると、db:seedで作成していたユーザーも削除される。 テーブルにカラム追加(Add~テーブル部分はパスカルケース、頭文字だけ大文字で入力) $ rails g migration AddColumnT…

【ストロングパラメーターについて】

既存のフォームに、新たに「所属」入力フォームを追加し、値を送信しようとしたがバリデーションがかかって値を渡せず詰まったのでメモ。 質問をすると、 「ストロングパラメータってオチじゃないですか? rails tutorial 第7章 7.3.2を見ると何か発見がある…

【collaborators登録】Githubのリポジトリを複数人で共有する

1、 Githubにログインし、共有したいリポジトリを選択 2、 settingsを選択 3、 左端のcollaboratorsを選択 4、 add collaborators欄に、共有したいユーザーのgitアカウント名かメールアドレスを入力し、決定する 5、 そのユーザーに招待メールが飛ぶので、ユ…