アウトプット

665

Vue Selectを使って簡単に候補選択・複数選択できるセレクトボックスを実装

Vue Selectというライブラリを使ってみて、とても便利だったので使い方を簡単に紹介します! 概要 Vue Selectとは検索時の候補表示や、複数選択など検索時に便利なVue.jsライブラリです。 依存性もなく、vue-selectのみで動作します。 インストール yarn add vue-select# or, using NPMnpm instal…

Vue Chart.jsの使い方

はじめに Vue.jsを使ったプロジェクトでチャートを表示させたいとき、vue-chart.jsというオープンソースライブラリが便利です。 vue-chart.jsはChart.jsをラッパーしています。どんなチャートが描画できるかは下記サイトを見てみてください。 インストール Vue.jsのプロジェクトにyarnかnpmでイン…

Laravel + Vue.js ユーザー一覧を作成してみる(API編)

LaravelでAPIを作成し、Vue.jsでフロント側を作成してみたいと思います。このAPI編では、/user APIを作成するところまでです🙌 最終的にはこんなかんじでユーザー一覧が表示されるようにしていく! モデルの作成 $ php artisan make:model User モデルを作成。中身はまだ空っぽでOKです。こうして…

Laravel + Vue.js ユーザー一覧を作成してみる(フロント編)

前回user APIを作成したので、Vue.jsを使ってフロント部分を作っていきたいと思います〜🙌 Vue CLIを使う いつもはNuxtばっかなんですが、今回はVue CLIで作ってみたいと思います💡 ここで躓いたのは、$ vue create my-project したときに、defaultを選んじゃだめってこと(!)Manually selectっ…

Roppongi.vue#2を開催しました

こんにちは、おとべです。 とても暑い日が続いておりますが、皆様いかがお過ごしでしょうか? 僕は先日、Roppongi.vueの運営にジョインさせていただきました🙏 さて、そのRoppongi.vueですが、2019年7月31日に第二回を開催しました!🎉🎉🎉 会場は合同会社DMM.com様にご提供頂き、現地約60名&ライブ…

Laravel x Vue.js の勉強会を開催しました

詳しい発表内容については、connpassに発表者が資料をアップしてくださっていますのでそちらを参照してください。 ゆめみ札幌本社初、きっとこの頃には素敵なオフィスが完成しているはず...!!だったのですが、椅子は揃えど集中エリアの机やハイカウンターなどの什器が揃わず、いまある作業用テーブル…