ProgateでPHPコースをやってみた
- フロントエンド
Progate のPHPコースをやり終えましたので、記事にまとめたいと思います。公式サイトは https://prog-8.com です。 PHPコースは全部で5コースに分かれていて、全体の終了時間は15時間30分と公式は予想時間として提示しています。構成としてはスライド学習→ミニ演習を繰り返す実践方式でやり終えてみると少しできるように...
-
-
PHPの && と and
- フロントエンド
先日PHPにの論理演算子の論理積と論理和には2種類あることを知りました。ということで、今回は PHP での && と and の違いについての覚書きです。 PHPで使われる論理演算子の種類 PHPで使われる論理演算子には6種類あります。下に優先度順に並べてみました。ここで注意したいのは論理積と論理和にはアルファベ...
-
Vueの省略記法 " : "
- フロントエンド
会社で Vue.js が浸透しつつあります。 そしてまだ Vue.js に慣れないなか、先輩が書いた Vue のテンプレートのHTMLタグ中に「:class="〇〇"」や「:href="〇〇"」という書き方が頻繁に出てきました。属性の前に「 : 」がなぜかついてるんです。そこで、「: vue.js」や「vue :とは」で調べて見たところ、中々欲しい情報が...
-
jQuery でもアロー関数とthisを使いたい
- フロントエンド
jQuery でアロー関数を書いた時の this の動きに戸惑ったのでそのことについてまとめておきます。「$(this) だと参照できなかったけど、currentTarget 使ったらできたよ！」という内容になります。 jQuery で書く function() {...} とアロー関数の比較 function() {...} とアロー関数の $(this)、 target、currentTarge...
-
CSS Grid レイアウトでハマったheightを0にしたpaddingでの高さ指定
- フロントエンド
- #Gridレイアウト
- #CSS
- #padding
- #比率指定
CSS Grid レイアウト + paddingでの高さ指定をしたらIE11とEdgeでは高さが反映されないということがあったのでそのメモです。 グリッド要素のheightを0にして高さをpaddingでの比率指定にしてみた 下の画像のようなレイアウトをCSS Grid レイアウトで実装してみました。 この記事ではよりシンプルにするためにただブロ...
