Technical Blog
技術ブログ
WordPressで継続して書いてきた技術記事・開発記録をまとめています。 学習内容、開発で詰まったこと、実装の理解を言葉に残しています。
vuetify
vuetifyについて調べてみました。 vuetifyとは？ Vue.jsのUIフレームワークです。 始め方 公式ドキュメントの流れに沿って、進めていきました。 vuetifyのインストール を入力すると、以下のようになりました。 これで、インストールが完了しました。 途中で、yarnのアップグレードを進められていますが、今回は無視しておきます。 色々と聞かれて設定していく 対 …
npmとは？
JavaScriptのフロントエンド開発でよく聞くnpmとは何でしょうか？ 調べたことをまとめてみました。 何の略称？ です。 ただし、googleの検索結果には、「実際にはバクロニムです」とありました。 バクロニムとは、既存の言葉に対して後付けで作られた略語のことです。 つまり、「node package manager」を略して「npm」になった訳ではなく、「npm」という …
Vueアプリケーション、Vite、node.js、npm run dev
以前の記事で、拡張子が「.vue」のファイルをブラウザに表示させることが出来ませんでした。 本日、公式サイトのクイックスタートにある「Vueアプリケーションの作成」を参考に進めました。 そして、ブラウザでVueアプリケーションを実行することができました。 本記事では、どのように上の画面に到達したのかについて書いていきます。 公式サイトを開く まずは、公式サイトの「クイックスター …
SFCとは何か？
Vue.jsには、SFC（Single File Component）という用語があります。 この記事では、SFCとは何か？について解説していきます。 拡張子は「.vue」 SFCの拡張子は「.vue」です。 どうやって.vueファイルを機能させるか？ これまで、CDNでvueのコアファイルを読み込んで、HTMLに少しだけ取り入れるという形で、vue.jsを使用してきました。 …