Vue.js入門その８〜vue-draggableを使ってドラッグ機能の実装〜 | RE:ENGINES

テクノロジーカテゴリーの変更を依頼記事元:

re-engines.com

9 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fre-engines.com%2F2018%2F04%2F26%2Fvue-js%25E5%2585%25A5%25E9%2596%2580%25E3%2581%259D%25E3%2581%25AE%25EF%25BC%2598%25E3%2580%259Cvue-draggable%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%25A6%25E3%2583%2589%25E3%2583%25A9%25E3%2583%2583%25E3%2582%25B0%25E6%25A9%259F%25E8%2583%25BD%25E3%2581%25AE%25E5%25AE%259F%25E8%25A3%2585%25E3%2580%259C%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://re-engines.com/2018/04/26/vue-js%E5%85%A5%E9%96%80%E3%81%9D%E3%81%AE%EF%BC%98%E3%80%9Cvue-draggable%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E6%A9%9F%E8%83%BD%E3%81%AE%E5%AE%9F%E8%A3%85%E3%80%9C/">Vue.js入門その８〜vue-draggableを使ってドラッグ機能の実装〜 | RE:ENGINES</a><a href="https://b.hatena.ne.jp/entry/s/re-engines.com/2018/04/26/vue-js%E5%85%A5%E9%96%80%E3%81%9D%E3%81%AE%EF%BC%98%E3%80%9Cvue-draggable%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E6%A9%9F%E8%83%BD%E3%81%AE%E5%AE%9F%E8%A3%85%E3%80%9C/">はてなブックマーク - Vue.js入門その８〜vue-draggableを使ってドラッグ機能の実装〜 | RE:ENGINES</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

Vue.js入門その８〜vue-draggableを使ってドラッグ機能の実装〜 | RE:ENGINES

はじめに久しぶりにVue.jsの記事を書きます。 TrelloやGithubのカンバンのようなタスク管理を作りたい... はじめに久しぶりにVue.jsの記事を書きます。 TrelloやGithubのカンバンのようなタスク管理を作りたいと考え、良い感じのライブラリないかな、と探していたところ、vue-draggableを見つけました。 https://github.com/Sorta bleJS/Vue.Draggable Sorta ble.jsがベースのようで、かなり簡単にドラッグ機能が実装できます。今回はこちらのライブラリを紹介したいと思います。準備今回もJSFiddleを使用します。しばらく使ってませんでしたが、リニューアルしてましたね。 JSフレームワークをVueで選択しておけば、あとはそのままで良さそうです。見た目を良くするために、Materializeを使用しています。 CDNのURLをResourcesに登録します。また、今回の主役でもあるvue-draggableも登録します。 C