前回、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…

簡単にGoで絵文字を表示させることができるパッケージがあったので紹介します。 GitHub - kyokomi/emoji: emoji terminal output for golang 導入 とりあえずインストールしてみます。 $ go get github.com/kyokomi/emoji 早速書いていきましょう。 試す mai…

Go言語はフレームワークを使わずとも、ライブラリの機能が高いのでOKと聞いたのですが、せっかくなのでGoのフレームワークにもちょっと触ってみようかなと思い、評判の良さそうなechoを使ってみることにしました。 インストール echoフレームワークを導入し…

面白いアニメーションを実装できるJavaScriptのライブラリがあったので紹介します。簡単にタイピングアニメーションを実装できるiType.jsです。github.com 早速実装しよう！ まずは導入してみましょう！bodyタグの上ら辺に。 <script src="https://unpkg.com/ityped@1.0.2"></script> それでは作っていきましょう。 <div id="app"> <h1><span id="ityped"></span></h1></div>…

PokeAPIというというのを見つけたので、Djangoでピカチュウのデータだけを取得しようかと思います。ポケモン好きな人はぜひ使ってみてください。pokeapi.coコードも置いとくので、よかったらみといてください。github.com パッケージを導入 pokebaseというPy…

先日、ニュースをランダムにガチャして読める「ガチャっとニュース」をリリースしました。ガチャっとニュース −ニュースをガチャっとランダムに！リリースツイートはこちらです。【拡散希望】ニュースをランダムにガチャして見れる「ガチャっとニュース」を…

ツイッターで共有するのはもはや必須の時代となりました。そこでTwitter Cardに表示する内容をDjangoでページごとに変更してみようと思ったわけです。結構簡単にできるので見てみてください。 通常のTwitter Card URLに変数が含まれていないページではheadタ…

Bulmaフレームワークを使ってモーダルウィンドウを実装してみたいと思います。ただ、Bulmaは純粋なCSSフレームワークのため、JavaScriptを使わなくてはなりません。このサイトを参考に、自分に必要なところを付け足しました。hawksnowlog.blogspot.com Bulma…