github.com readme通りですんなり使える デフォルトでstyleがあたってるのでそこだけ調整してdraggableだけ利用した もともとv-dragを使っていたがこちらは移動する要素の子要素がクリックできんなくなったりして不便だったので載せ替えた github.com

例えばRailsでUserモデルのidがkey nameがvalueとなったハッシュを作りたいときは以下の様にする User.order(:id).map{|user| [user.id, user.name]}.to_h 実行結果 {1=>"名前１", 2=>"名前２", 3=>"名前３"} idとnameが入った配列の配列にmapで変更してから…

公式のFAQに書いてある通り グローバルな設定と個別な設定方法が書いてあるが今回はグローバルな設定方法を試す ja.nuxtjs.org 試しにgoogleフォントのLemonadaを導入する fonts.google.com nuxtl.config.tsのheadのリンクに追記 export default { mode: 'sp…

以下の様なCSSで実現可能 古いブラウザでは試してないから動かないかも？ position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 1; /* お好みで */

結論 使えなかった vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: sitcky 以下、試した手順 スクロール時に特定の部分を固定するためのライブラリ vue-sticky-directive をNuxtプロジェクトに導入してみる github.com インストール…

a = [1, 2, 3, 4, 5] b = [200, 300, 100, 600, 400] Hash[*[a,b].transpose.flatten] => {1=>200, 2=>300, 3=>100, 4=>600, 5=>400} [a,b].transposeとすることで [[1, 200], [2, 300], [3, 100], [4, 600], [5, 400]] こうなるので、この配列をflattenして…