週に1度はココイチに行くのですが、毎回似たようなメニューを選んでしまいがちです。 そこでトッピングの組み合わせをランダムで表示してくれるWebアプリ、 「CoCo Helper」を製作しました。 CoCo Helperについて 使い方 1. 条件設定画面 1. 金額の範囲 2. ベース(カレーソースの種類) 3. ライスの量 4. 辛さ 5. カレーソースを増量するか 以上を指定して、「絞り込む」ボタンを押すと次の画面に遷移します。 2. 検索結果画面 条件にマッチしたトッピングの組み合わせが表示されます。 検索結果はトッピングの数でさらに絞り込んだり、並び順の変更ができます。 今後追加したい機能 トッピング1品を固定できる機能があってもいいかなと思っています。 2017年12月17日 追記 この機能を実装しました。 カテゴリー(肉類/魚介類など)だけの固定もできるようにしてあります。 使
まずライブラリで対応出来ないか検討した。 https://github.com/ElemeFE/vue-infinite-scroll https://github.com/PeachScript/vue-infinite-loading vue-infinite-scroll サンプルを触ってみたところ、infinite-scroll-distanceでしきい値を決めて、その高さが画面に入ったらローディングを初めるライブラリのようだ。 vue-infinite-loading サンプルを触ってみたところ、vue-infinite-scrollと同じくdistanceでしきい値を決めて、その高さが画面に入ったらローディングを初める。 infinite-scroll-distanceとの違いは、おそらく<infinite-loading :on-infinite="onInfinite"><
Infinite Scroll(無限スクロール)とは、TwitterやfacebookをはじめとしたSNSやモバイルアプリなどでよく使われている、スクロールすることで自動的に次のコンテンツを読み込む機能だ。 従来のページネーションでは、1ページに表示できるコンテンツが限られたり、「Prev/Next」などのボタンをクリックすることで以降のコンテンツを読み込んだり、モバイルユーザには不便な点が多い。そのため、モバイルデバイスではボタンによる更新よりも無限スクロールのほうが好んで使われている。 ということで、当記事ではVue.js2.x系(サンプルコードはv2.2.1で動作確認)でInfinite Scrollの実装方法をまとめる。 Infinite Scrollを実装する <!-- index.html --> <div id="app"> <div class="item-containe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く