前回記事 luca3104.hatenablog.com 今回は編集機能と削除機能を実装します。 モーダルを発生させる ボタンの設置 タスクの横にボタンを置き、押下時にモーダルが発生するようにします。 b-checkboxの後ろに <button class="button is-primary" v-on:click="editTask()">Edit</button> を記述します。 モーダルの設置 モーダルを発…

前回記事 luca3104.hatenablog.com 今回はLocalStorageを使用し、データの永続化を実装します。 LocalStorageとは HTML5から導入されたWebStorage APIです。 ブラウザに組み込まれたデータベースと言うとわかりやすいかもしれません。 今回はToDoの一覧を永…

前回記事 luca3104.hatenablog.com 設計 どんなアプリにするか簡易的な設計書を書きます。 前回定めた機能を満たすように作ります。 レスポンシブ対応がしやすいようにこのような形にしました。 機能一覧 追加 追加機能はアプリケーション上段で行います。 …

Vue.js jp.vuejs.org なぜ再入門？ 仕事で業務システムのUI側をメインに開発した経験はあるけれども、詳しいところまで調査せずに使ってました。 これを気に色々と調べてもっとまともに使っていけるようになればと思います。 作るもの ToDoアプリを作ります…

モチベーション 仕事で地域メッシュを使用し、google map上にメッシュを描画する必要があった。 google mapで描画する際にメッシュデータを緯度経度に変換する作業が必要になった。 ハッカソンでオープンデータが配布されていたが、誰も実装できてなかった。…