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 レイアウトで実装してみました。 この記事ではよりシンプルにするためにただブロ...
-
Frontend Nagoya #10 に参加してきました
- フロントエンド
- #frontend758
- #SVG
Frontend Nagoya #10 に参加してきました！今回のテーマは「SVG」。応用的な話が多くついていくのが大変でしたが、SVGの可能性について知ることができて参加して良かったなと感じています。 LT一覧 「アイコンシステム考え直してみた」 森田かすみ さん 「Animating SVG with JavaScript」Brandon Pittman さん 「SVG画...
-
WCAN 2019 Spring 参加レポート＆ LTしました
- フロントエンド
- #W3C
- #CSS
- #WCAN
名古屋で開催された WCAN 2019 Spring に参加してきました。そしてLTもやらせていただいたのでその参加レポートです。 LT 「英語しばりでWebサイト作ってみた」株式会社エスケイワード 合田 治希さん 「CSSに不安を抱く私をW3C仕様が救ってくれた」有限会社アップルップル 菅原 彩さん 「非営業でもできる、主導権の握り...
-
Chrome検証ツール Preferences 中編
- フロントエンド
- #検証ツール
- #デベロッパーモード
- #Chrome
- #Preferences
- #DevTool
Chrome検証ツール Preferences前編 の続きの記事です。 今回の記事は前回の記事 の Network の項目を本記事に移行し、そこに Performance の項目を付け足した内容になります（ Network の項目は管理上の問題でこちらに移設しました）。 Chromeの検証ツール > 点三つのメニュー > Settings > Preferences の設定...
