Vue.js

Vue.jsでドラッグ&ドロップのソートを実装する

こんにちは。コバヤシです。 今回はVue.jsでドラッグ&ドロップでソートする方法について書きたいと思います。 Vue.Draggableをインストールする Vueでドラッグ&ドロップをするならこれっていうくらい定番のライブラリです。 github.com まずこれをインスト…

vue.jsでHTMLの流し込みを簡単に!コンポーネント化でパターン違いも簡単!

こんにちは、ナカムラです。 スタティックのHTMLページを作成している中で、商品情報など、 同じレイアウトを繰り返すコンテンツがあります。 数が少なければ手作業で書き込めば良いですが、10件、20件ともなるとなかなか大変な作業になります。 そこで今回…

簡単!Vue.jsでCKEditorを使う方法

こんにちは、コバヤシです。 今回はVue.jsでCKEditorを使う方法を書いていきたいと思います。 CKEditorとは テキストエリアをWYSIWYG形式のエディタに変更するライブラリになります。 ckeditor.com CKEditor4とCKEditor5がありますが、今回はCKEditor4を導入…

Laravel 7.x環境でVueを触ってみる 〜情報取得と表示編〜

加藤です。 前回で、Laravel 7.x環境でvue.jsを導入してみました。 tech.arms-soft.co.jp 以降は勉強のため、Vueを使ってタスク管理Webアプリケーションを作成してみようと思います。 環境 PHP 7.3 Laravel 7.0 Node.js v8.12.0 目標・やりたいこと ログイン…

Laravel 7.x環境でVueを触ってみる 〜導入編〜

加藤です。 前回と前々回で、Laravel 7.xの認証機能を使ってログイン画面を作成してきました。 tech.arms-soft.co.jp tech.arms-soft.co.jp 以降は勉強のため、Vueを触っていきたいと思います。 まずは導入からです。 環境 PHP 7.3 Laravel 7.0 Node.js v8.1…

vue.jsでレコメンドを作ってみた

こんにちは、中村です。 今日はvue.jsを使って簡単なレコメンドを行うコンテンツを作ってみました。 概要 質問の答えに対して、おすすめしたい情報を表示します。 今回はシンプルに質問は2つ用意しました。 2つの答えの組み合わせにより、表示結果が変わりま…

vue.jsで簡単なゲームを作ってみた Part2

こんにちは、ナカムラです。 前回の記事でVue.jsを使った簡単なゲームを作ってみました。 今回はそのゲームに一つ機能を付け加えたいと思います。 ※ゲームの概要は前回の記事をご覧ください。 tech.arms-soft.co.jp 追加する機能 【 スコアを保存して表示す…

Vue.jsで簡単なゲームを作ってみた

こんにちは、ナカムラです。 今日はVue.jsを使って簡単なゲームを作ってみたのでご紹介します。 ゲームの概要 作ったのは運試しゲーム。 1・2・3と3つあるボタンのどれかをクリックするとランダムで1〜3の数字が出ます。 押したボタンの数字とランダム…