Vue.jsでのフォームバリデーションにVeeValidateを使ってみる
ちょこちょこVue.jsを使ってるんですが、まだ手に馴染みません。まだまだ馴染まない理由の1つにフォームがあります。 Railsをメインに使う生活をしているので、form_forがないとフォームが書けません。というか、simple_form gemばかり使っているのでさらになまっ …
2018
GitHubのsuggestion機能でプルリクエストのレビュー中にコードを提案できるらしい
というのをTwitterで見かけたので試してみました。 プルリクエストのレビュー欄で案内が出るので見たことがある人も多いかもしれません。 検証のため、本当に雑なプルリクエストを作って試しました。コードに意味はないので気にしないでください。
macOS MojaveでDockに最近使ったアプリがでるようになったのを消したい
macOSをMojaveにアップデートしたらDockに最近使ったアプリがでて少々邪魔。 こんな風に出るやつ。 システム環境設定のDockの設定を開いてみたら消せたので消しました。
GoogleのOAuthの設定のリダイレクトURIに.testドメインが使えなくて困る
個人用にGoogleのOAuthで認証できるRailsアプリを作っているんですが、開発時に用いるリダイレクトURIに開発サーバーの.testドメインが使えなくて困っています。 結論から言うと解決策はわかっていません。なので、ただの愚痴です。
RubyでネストしたHashのキーをフルパス？にする方法
RubyでYAMLファイルを読むとネストしたHashにできます。 1a: 2 b: 3 c1: hogehoge 4 c2: fugafuga であればこうなります。 1require 'yaml' 2hash = YAML.load_file('さっきの …
Vue Componentのstyleを上書きするには
今日もvuejs-datepickerに絡めての話。 datepickerをインライン表示したら幅が固定になっていて困りました。 こうじゃなくて、 こっちにしたい。 コンポーネントのstyleを見ると幅300pxと固定になっています。これを幅100%にしたいの上書きします。
Vue Componentインスタンスの関数を呼び出す方法
Vue Componentの関数、具体的にはvuejs-datepickerのsetDateを呼び出すのってどうするの？というのでちょっと迷ったのでメモ。 GitHub - charliekassel/vuejs-datepicker: A simple Vue.js …
High Sierra以降のmacOSではBoot CampのWindowsからMacを指定して再起動できない
先日Boot Campを使ってWindowsも入れているMacをSierraからMojaveまでアップグレードしました。 そしてWindowsを使ってからBootCampのメニューから「OS Xで再起動」を実行すると、**「OS X のブートボリュームが見つかりませんでした」** …
Macのスクロールバー表示設定を「スクロール時に表示」に変えたらすっきりした
Macでは普段トラックパッドを接続して使っているます。 その関係で各種ウィンドウには常にスクロールバーが表示されています。 それが普通だと思っていました。 ところが最近iTerm2のプロンプトがずれる問題が多発。 スクロールバーのせいじゃないか？いやむしろターミナルにスクロールバ …
webpackerのwebpack-dev-serverが動くポートを環境変数を使って変更する
webpackerを使ったRailsプロジェクトでは多くの場合webpack-dev-serverを同時に動かしておくことが多いと思われます。 ところがそのwebpack-dev-server、配信側もアプリ側もポート番号が3035に固定されているように見えます。