bootstrapでmodalを2重に表示するとbackdropが表示されたままになる

こんにちは。beaglesoftの真鍋です。

TwitterBootstrapでmodal多重表示するときにbackdropにstaticを指定しているとbackdropが全面に表示されてしまうことがあります。これは最初に表示したモーダルダイアログ上でボタンなどをクリックして更にモーダルダイアログを表示するときに発生することがあるようです。

対応方法としては、以下のとおり対応することで事象を回避できました。

$("#child").modal({backdrop: 'static', keyboard: false});
$("#child").on('hidden.bs.modal', function (e) {
    console.log('hidden.bs.modal => ' + e);
    $('.modal-backdrop').remove();
});

#childは最初に表示されるモーダルダイアログで呼ばれるモーダルダイアログです。対応している方法では、#childが閉じられるときに.modal-backdropクラスを削除するようにしています。

たったこれだけの事なのですが、調べるのに結構な時間がかかりました…。

javascript - Bootstrap Modal Backdrop Remaining - Stack Overflow

Enjoy!

パーフェクト Ruby on Rails

ActionModelをincludeしたモデルでdraperを利用する

こんにちは。beaglesoftの真鍋です。

drapergem/draper: Decorators/View-Models for Rails Applicationsを利用している時に、ActiveModelをインクルードしたモデルでdecorateメソッドを使用する場合にはDraper::Decoratableをインクルードすれば利用可能となります。

class SomeModel
  include ActiveModel::Model
  include Draper::Decoratable

  attr_accessor :field1, ...

end

Enjoy!

パーフェクト Ruby on Rails

RubyMineからVimへ少しずつ移行中

こんにちは。beaglesoftの真鍋です。

昨年は試行錯誤の年でしたが今年は挑戦の年としたいと思います。どうぞ今年もよろしくお願いいたします。

さて、昨年の終わり頃からRuby on Railsをいじっています。あわせてVimで開発もトライしていて結構いい感じに使えそうだということがわかってきました。

ただ、忙しいタイミングではまだRubyMineのほうが早く開発ができるので併用している感じです。（なんで今さらVimなのかについてはまた別な機会にまとめたいと思います。）

そんな感じでVimを利用するようになったせいで、キーボードも変えました。もともとはRealforceの日本語キーボードを愛用していたのですが、今はHHKBの英語キーボードを利用しています。

最初はかなり戸惑ったのですが、最近はRealforceよりもこちらのほうがいい感じになっています。

PFU Happy Hacking Keyboard Professional2 Type-S 白（英語配列）

ショートカット

Vimを使うようになってから結構ショートカットキーが気になりだしてきました。RubyMineで開発していてもたいていのコマンドはターミナルを利用することが多くなってきていて、ターミナルをいかに起動するかということは結構気にしています。

これまでは普通にマウスでポチッとクリックしてターミナルウィンドウを開いたりAlt+Tabでターミナルへ画面を切り替えたりしていたのですが流石に面倒になってきました。

そこで、RubyMineの設定でターミナルにショートカットを割り当てられないかと考えたのですが、もともとわ当てられていました。

デフォルトで割り当てられていたショートカットキーはAlt+F12でした。

ところが、まだ慣れていないせいかもしれませんがこれは辛い。なぜならいま利用しているキーボードはHHKBだからです。

HHKBではファンクションキーはFn+数字キーの組み合わせになるのです。

慣れている方には平気かもしれませんが、矢印キーはいいとしてもファンクションキーとAltキーの組み合わせはぱっとできるものではないです。

ということで、早速キーの割り当てを変更するようにしました。

Alt+4を割り当てる

RubyMineのショートカットキーは簡単に変更できます。

File -> Settings -> Kyemap

ここを開くことでキーマップを変更できます。今回はTerminalを変更したいので検索ウィンドウにterminalを入力して右側のキーのあたりで右クリックしてAdd keybord Shortcutを選択します。

あとは変更したいキーをタイプすれば変更が確定できます。

さいごに

環境を変えることはいろいろと勇気のいることです。特に私のようにVisualStudioやIntelliJが中心な生活を10年以上送ってきた人間からするとVimというエディタが開発環境になるということはとても不思議な気がします。

RubyMineは多機能で素敵なIDEですし、今後も利用し続けると思うのですが今年はVimへの移行を少しずつしていきたいと思います。