創報堂ブログ

2018.09.08 oku

vue.jsでメモ帳アプリ

おくです。

最近どうも仕事と家庭に追われて、あまり勉強が出来てないとつくづく思ってる次第です。

 

という事で、Javascriptフレームワークの「vue.js」を触り始めました。

とりあえず簡単なところから、メモを書いて保存・削除ができるアプリを作りました。

 

https://vue-de-memo.netlify.com/

 

見た目は割愛し、超シンプルです。

テキストエリア内で改行を行うため、「+」ボタンの代わりにエンターキーで追加は出来ず、「+」ボタンでのみ追加が行えるます。

保存した文章は「 <pre> 」で囲っている為、テキストエリア内の改行も反映されます。

ローカルストレージに保存するため、ブラウザ更新をしても「+」で追加したデータは残ったままなので、「×」を押して削除してください。

ちなみに使用しているホスティングサーバーはドメインからも分かるように「netlify.com」で、GitHubからデプロイできるので便利です。

今後も精進していきたいと思います。

お問い合わせ

ご相談や制作についてのご質問、その他ご不明な点などございましたら どうぞお気軽にお問い合わせくださいませ。

  • TEL:079-284-9304 受付時間 平日9:00~18:00
  • お問い合わせフォーム
有限会社創報堂

兵庫県姫路市にあるホームページ制作・システム開発の総合クリエイティブ会社
有限会社創報堂

〒670-0932 兵庫県姫路市下寺町129 Nビル2F
TEL 079-284-9304 FAX 079-284-9305

© 2005 SOUHOUDOU