Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
SPAのToDoアプリ
Vue.jsで、SPA（Single Page Application）のToDoアプリを作ってみました。 今回作成したもの See the Pen Untitled by Shibata Hiroki (@khiro-enginner) on CodePen. 動き ソースコード HTML・JavaScript（JS）・CSSが関連し合って、ToDoアプリが実現しています。 …
vuetify
vuetifyについて調べてみました。 vuetifyとは？ Vue.jsのUIフレームワークです。 始め方 公式ドキュメントの流れに沿って、進めていきました。 vuetifyのインストール を入力すると、以下のようになりました。 これで、インストールが完了しました。 途中で、yarnのアップグレードを進められていますが、今回は無視しておきます。 色々と聞かれて設定していく 対 …
Vueアプリケーション、Vite、node.js、npm run dev
以前の記事で、拡張子が「.vue」のファイルをブラウザに表示させることが出来ませんでした。 本日、公式サイトのクイックスタートにある「Vueアプリケーションの作成」を参考に進めました。 そして、ブラウザでVueアプリケーションを実行することができました。 本記事では、どのように上の画面に到達したのかについて書いていきます。 公式サイトを開く まずは、公式サイトの「クイックスター …
v-on、watch、methods
vue.jsには、状態を監視する機能があります。 この記事では、ボタンを押すと3秒カウントして、アラートを出すプログラムを作成していきます。 こちらの「chapter8」を参考にしました。 参考書のVue.jsのバージョンは2.5ですが、今回は3系の書き方に変更しました。 今回作成したプログラム 最初は「3秒」と「ボタン」が表示されています。 ボタンを押すとタイマーが動作します …