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

kaminariを使って外部APIのページネーションをする

外部のAPIから取得したデータをkaminariを使ってページングするときのメモです。 結論 kaminariのpaginate_arrayメソッドに、以下のように配列とtotal_countを指定することでできる。 @posts = Kaminari.paginate_array(配列, total_count: 総数) .page(現在…

jQueryで複数のフォームに文字数カウンターを表示する

文字数カウンターを複数フォームに表示するためのjQueryです。 コード HTMLは以下のようにします。 .input-field以下に文字数を表示する.input-field__countをつくり、データ属性(data-count)に最大文字数を設定します。 <div class="input-field"> <input type="text"> <div class="input-field__count" data-count="45"></div> </div> jQueryは以下のようにします。 …