v-ifで条件分岐をしよう!(Vue入門③例題付き) (18)
エンジニアリングライフ

Gitに慣れていない人がよくハマるパターンと対処法まとめ

補足 qiitaの方にも同じ記事を挙げています。有益なコメントや修正依頼をqiitaのみで受けていた為、記事としてはqiitaの方が最新になっています。 はじめに Gitって難しいですよね。本当に! プログラミング歴1年弱の自分がチーム開発に加わる様になってに一番不安なのはGitの扱いです。 ミスにビクビクしながら、日々を過ごしています。 そんな僕が初学者達が現場でうま〜く立ち回れる様に、Gitに慣れていない人がよくハマるパターンと対処法をまとめました。参考になれば幸いです。 作業ブランチ間違えて作業しちゃった!!パターン これは僕が一番やっちゃうやつです! 作業している途中や、git statusしている辺りでブランチを間違えていた事に気がつきます! 対処法 作業中に他の作業が差し込みで入った時なども、git stashで一旦退避させる事でブランチの切り替えが可能になります! commitメッセージを記入し忘れたー!パターン これはgit commitした後、ボーッとしててcommitメッセージを書き忘れたり、commitメッセージを書き間違えた時ですね。 対処法 …

Read More
v-ifで条件分岐をしよう!(Vue入門③例題付き) (17)
エンジニアリングライフ

vscodeで行を動かす!

小ネタです! VScodeで行を動かす方法。 コツとして、左動かしの時は、Shiftキーを押しながらTabキーの順番が良いです! …

Read More
v-ifで条件分岐をしよう!(Vue入門③例題付き) (16)
エンジニアリングライフ

Vue.jsを触る際に知っておきたい仮想DOMの話

qiitaに書いたので、こちらのリンクからご覧ください! …

Read More
v-ifで条件分岐をしよう!(Vue入門③例題付き) (5)
エンジニアリングライフ

scssの使い方・書き方入門

scssとは scssはcssを効率的に書く事のできるメタ言語です。cssの場合、長く複雑な記述をしなければいけない所を、scssを使うとわかりやすくシンプルに書く事ができます scssの使い方 実際にscssを使っていく際に.scssか.sassという拡張子のファイルに保存します。また生のcssと違いhtml内に<style>で記述する事は出来ません。 scssファイルを直接読み事は出来ないので、コンパイルという処理を行なってcssに変換します。ターミナルから行う場合は以下のコマンドにてコンパイルしてくれます。(hoge.scssをhoge.cssにコンパイルしている) コンパイルは他にもGUIを使っても行えます。自分は良く、npmを使って自動で更新される度に反映される状態を作っています。 sassとscssに違い 一言でまとめると「書き方が違います!!」 scssの方がcssに近いので一般的には書きやすいとされています。sassはより短い記述が可能なので、効率的に書き事ができます。 細かい書き方の違いはこちらなど参考にしてください。https://original-game.com/scss-vs-sass/ scssの書き方 ネスト(入れ子)構造 scssでは入れ子構造での書き方が基本になります。 というhtmlに対してscssを書くと以下のようになる。 コンパイル結果のcssはこのようになり、入れ子構造から勝手に親要素を認識してくれます。 scssの様々な書き方 scssにて良く使われる記述をまとめていきます。 divの中にいるclassがhogeを指定する …

Read More
238d7e91-fd60-ce16-b071-6be3275434f2
エンジニアリングライフ

Vue.jsで簡単なアプリケーションを作るまでに学んだこと

はじめに 完全に個人用の備忘録として作りました。 udemyの「Vue JS 2 – The Complete Guide (incl. Vue Router & Vuex)」で学習した内容のメモになります。 内容としてはsection1~4まで。 背景 仕事の関係でVue.jsを使うので、「関わりたいなら最低限これやってねー!」と言われたのがudemyの「Vue JS …

Read More
Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Color
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Compare
Wishlist 0
Open wishlist page Continue shopping