Vueで簡易的なTodoリストを作る

こんにちは。櫻井です。
今回は前回の「Vueのデータの受け渡しについての備忘録」の実践編といった感じで簡単なTodoリストに挑戦していきたいと思います。

基本的な機能

今回作成するTodoリストの機能は

  • タスクの追加 – dataのタスクが入っている配列にタスクの雛形を追加
  • タスクの編集 – タスクの配列を編集
  • タスクの削除 – 配列から削除
  • タスクの完了 – タスクの完了を知らせる真偽値の変更

の4つの機能を持たせます。 完成形がこちら

canvasに描いた長方形を動かす

こんにちは。櫻井です。
前回はcanvasに長方形を描けるようにしました。
今回は描いた長方形を今回は動かせるようにしていきます。
やることは描いた長方形をクリックしたときは動かす、長方形以外のところをクリックしたときはを描き直すっていう処理をしていきます。

Shopifyのデフォルトテーマ Debut でカートボタンに現在のカート内の商品の合計数を表示する方法

こんにちは。櫻井です。
ネットショップでお買い物するときに、今いくつ商品カートに入れたっけ?ってなるときありませんか?
スーパーとかで買い物するのとは訳が違ってネットではどれくらい買っているのか目で見てわかりにくいところがあります。
あれもこれもとカートに入れていって気付いたらとんでもない量になっていたなんて経験がある人もいるのではないでしょうか?
なので最低限カートボタンの横に今何品カートに入っているかわかるとユーザーにとって親切だと思うんです。
そこで今回はShopifyでカートボタンにカート内の商品の合計数を表示する方法を説明したいと思います。

先頭に戻る