アウトプット

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

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

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

16
Vue Chart.jsの使い方

Vue Chart.jsの使い方

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

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

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

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

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

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

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

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

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

こんにちは、おとべです。 とても暑い日が続いておりますが、皆様いかがお過ごしでしょうか? 僕は先日、Roppongi.vueの運営にジョインさせていただきました🙏 さて、そのRoppongi.vueですが、2019年7月31日に第二回を開催しました!🎉🎉🎉 会場は合同会社DMM.com様にご提供頂き、現地約60名&ライブビューイング90名の方にご参加いただき大盛況でした!👏 今回はそのイベントレポート/勉強会運営という観点で得られた知見についてお届けします。 Ropp

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

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

詳しい発表内容については、connpassに発表者が資料をアップしてくださっていますのでそちらを参照してください。 ゆめみ札幌本社初、きっとこの頃には素敵なオフィスが完成しているはず...!!だったのですが、椅子は揃えど集中エリアの机やハイカウンターなどの什器が揃わず、いまある作業用テーブルと椅子を総動員しての勉強会開催となりました。 総動員しても、ちょっと椅子が足りなかったですね。。オフィスは新しい床が貼られてから、土足禁止の運用を試しているところです。椅子が足りないと

1