前回、Twitter風のカウンターを作ってみましたが、今度はTwitter風の投票機能を作ってみようと思います。 このパッケージを使います。 GitHub - ppietris/vue-poll: A Vue.js component for voting Nuxt.jsを使っていますが、Vue.jsでも同じように行けます。…

最近、いろんなVue.js用パッケージを見つけるのにハマってます。今回、面白そうだなと思ったのはTwitter風のカウンターが簡単に実装できるvue-twitter-counterというパッケージです。 GitHub - LucasLeandro1204/vue-twitter-counter: Counter component ins…

メニューボタンをオシャレにデザインしたい時ってありますよね？そんな時、活躍しそうなVueのモジュールがあったので紹介します。 GitHub - OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js この記事ではNuxt.jsを利用していますが、Vue.js…

以前、Djangoでいいね機能を実装したことがありましたが、今回Django Restful APIを使い、Nuxtの方でいいね機能を実装してみようと思います。jyouj.hatenablog.com DjangoでAPIを作成 User APIはフォロー機能を実装した時のものを使おうと思います。こちらを…

スワイプ動作を実装したいなー、というときありませんか？次から次にコンテンツが見れるようにしたい。そんな時は、vue-swipeというプラグインが便利なので、紹介したいと思います。Nuxtを使っています。Vueでもそんなに難しくないですよ。 導入 Githubに詳…

Djangoで設計したAPIを元にNuxtで検索機能を実装する方法を紹介しようと思います。 DjangoでAPI作成 前回の記事のUser APIを使っていくのでこちらをご覧ください。jyouj.hatenablog.com Nuxtで検索機能を実装 APIの受け渡しにはaxiosを使います。これも前回…

以前、Djangoでフォロー機能を実装したことがありましたが、今回はDjangoの方でAPIを用意してあげて、Nuxt.jsを使い、実装する方法を紹介します。＜過去記事＞ jyouj.hatenablog.com Djangoでフォロー関係のAPI rest_framework関連のsettings.pyへの設定は詳…

めちゃくちゃ苦労したので共有しようと思います。 使用したもの ー Django, Nuxt, Swift Macのlocalhostで動かしています。実機とMacは同じWi-Fiの元にあることが条件です。 IPアドレスの確認 「システム環境設定」＞「ネットワーク」＞「Wi-Fi」 するとIPア…