未分類

Vue.jsのお勉強

 

●Udemy
https://www.udemy.com/course/vuejs-firebase/learn/lecture/14098728#overview

●演習フォルダ
/Users/kanehiroyuu/Desktop/develop.nosync/Vue-Study/vuejs-firebase/sample-app

Vue Cliの導入

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

http://localhost:8080/

 

npm run serveした時に行われることは、package.jsonに定義がある

 

src/main.js

h関数はcreateElement関数のAlias

h(App)はAppコンポートネントをcreateElementしてレンダリングするという意味

Appコンポーネント = src/App.vue

 

  • src/views/About.vue
  • src/views/Home.vue

Aboutコンポーネント、Homeコンポーネント

 

 

コンポーネント

  • テンプレート
  • JavaScript
  • CSS

を書く

ファイルをコンポーネントとして分割することで再利用できるようにする。

 

Addressesコンポーネントを作る

src/components/Addresses.vue

 

利用してみる

src/views/Home.vue

 

Vue Router

 

src/main.js

routerが利用されている

 

 

src/router/index.js

 

 

 Vuetifyの導入

 

 

 

 

 

ダウングレード

 

package.json

 

 

 

Vue.jsのお勉強”への4件のコメント

  1. はじめまして。ほけつと申します。(ハンネです)
    エンジニアほぼ未経験のオッさんです。
    個人で稼げるを目標にエンジニアを目指そうと思っています(現在全く別種のサラリーマンです)
    優さんの1/100でも知識、技術を身につけていきたいのですが何から始めてよいやら彷徨っております。
    youtubeを拝見して「これならわかる シリーズ」を2冊購入し読み始めたのですが、先にプログラミングを覚えた方が良いのか、マークアップ言語からやった方が良いのか、訳が分からなくなってしまって•••
    インフラエンジニアも将来的に厳しいとおっしゃっていますし、今からやるならコレっていうのはありますか。
    駄文失礼しました。
    因みにこの記事の内容全くわかりません。(凡人以下です)

    1. >個人で稼げるを目標にエンジニアを目指そうと思っています
      おすすめしないですが、
      Uber Eats感覚で月数万を目標で副業で稼ぐならWeb制作でWordPress案件するのが良いかと。

      それ以外は一旦転職して業務経験を得る必要があります。

      フリーターからまず正社員になるという意味でならインフラエンジニアになるのはおすすめですが、
      >個人で稼げるを目標にエンジニアを目指そうと思っています(現在全く別種のサラリーマンです)
      定職につかれているということなので、
      独立可能なエンジニアになるのであれば、
      JavaかLaravelかRailsといったバックエンド言語・フレームワークを学んで転職用のポートフォリオを作成し、
      Wantedlyを経由してバックエンドエンジニアを目指すと良いのではないでしょうか?

      行きたい会社の採用ページやGreenなどに登録して採用情報から利用している技術を見つけて、
      それを利用してポートフォリオを作ると良いです。

      >先にプログラミングを覚えた方が良いのか、マークアップ言語からやった方が良いのか、
      プログラミングでポートフォリオを作るのが良いです、
      その上で必要な時に必要な箇所のマークアップを学ぶでしょうか。

      私もCSSを厳密にはわかっていません、
      フロントエンドエンジニアでなければ、
      必要になったら学ぶという形で大丈夫です。

  2. ご返答ありがとうございます。
    とても参考になりました。
    フレームワークとはその言語を先に覚えてからやった方がいいですよね。(RailsだったらRubyを先に)

    とにかく動こうと思います。

    優さんのyoutube楽しみにしております。
    ありがとうございました。

    1. 頑張ってくださいね!

      >フレームワークとはその言語を先に覚えてからやった方がいいですよね。(RailsだったらRubyを先に)
      平行してやると良いと思います。
      私はRails詳しくないですが、
      最初の2日はRubyで基礎文法、
      その後はRailsでポートフォリオで問題ないはず。
      Railsでポートフォリオ作りながらRubyの文法でわからない時にRubyを都度学ぶ感じが良いかも?

      後は自分でWordPressサーバを運用して技術をアウトプットしながら、
      サーバ運用技術も身に着ける + 継続努力の証明になるのでと良いかもですね。

      エンジニア転職成功したら教えてくれると嬉しいです🐱✨

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)