Blog

vue3 メモ ( ref, reactive )

2024/05/04 00:00:00
Program
Git-Bash, Node, Vite, Vue, Bootstrap, Sass, SPA, Animate.css

前提 # 動作環境は git-bash とする 構築手順は以下を参考にする https://blog.oya3.net/posts/2023/10/03/00_git/ node21 + vite5 + vue3 + bootstrap5 + sass を使用する 構築手順は以下を参考にする http://blog.oya3.net/posts/2024/04/27/vite-vue-bootstrap-sass/ 迷った箇所をメモする vue3 の ref, reactive の違 ...

vue3 に animate.css を適用しアニメーションさせる

2024/04/29 00:00:00
Program
Git-Bash, Node, Vite, Vue, Bootstrap, Sass, SPA, Animate.css

前提 # 動作環境は git-bash とする 構築手順は以下を参考にする https://blog.oya3.net/posts/2023/10/03/00_git/ node21 + vite5 + vue3 + bootstrap5 + sass を使用する 構築手順は以下を参考にする http://blog.oya3.net/posts/2024/04/27/vite-vue-bootstrap-sass/ animte.css で以下を実現する カルーセル時に ...

vs2019 で .gitignore を作成する

2024/04/14 09:00:00
Program
Visual Studio, Vs2019

前提 # 動作環境は visual studio 2019 とする .gitignore ファイルを dotnet コマンドで作成する dotnet コマンドをインストールする # visual studio 2019 のインストーラを利用して dotnet コマンドインストー ...

hugo-book テーマに dracula スタイルのシンタックスハイライトを導入する

2024/03/17 09:00:00
Program
Hugo, Dracula, Css

前提 # hugo の開発環境構築は以下を参考にすること https://blog.oya3.net/posts/2023/08/15/first/ hugo-book テーマが適用済みであること dracula.css 作成 # # 保存先作成 $ mkdir themes/hugo-book/static/css # dracula スタイル css 作成 $ hugo gen chromastyles --style=dracula > themes/hugo-book/static/css/dracula.css config.toml に dracula ス ...

vite + vue3 + vuetify アプリを作成する

2024/01/23 00:00:00
Program
Node, Vuetify, Vite

前提 # 環境は windows10 pro git-bash 環境にnode(fnm)がインストール済みであること インストール方法は以下参照 https://blog.oya3.net/posts/2024/01/21/git-bash-node-install/ node バージョンは v20.11.0 完成ソースは以下に登録 https://github.com/oya3/vue3-vuetify-sample vite ...