Fiddlerとは？ ネットワークキャプチャーツールという、 webアプリケーションのデバッグに便利なツールです。 色々な機能があるのですが、 今回はFiddlerの機能を利用して、 ローカル環境を構築していない状態で、ローカルPCからwebサイトのcssファイルやjs…

データ処理：型の種類 javascriptで取り扱うデータには、大きく分けて2種類あります。 基本型（プリミティブ型） 参照型（オブジェクト型） 基本型（プリミティブ型） 数値型(number) 文字列型(string) 論理値型(boolean) 特殊型(null/undifind) 特長 変数に…

HTML内にIDを記載している場合、 document.getElementById()を書かなくても、ID名を直接入力するだけでそのエレメントを操作することができます。 サンプル codepen.io サンプルではID：hoge がjavascript内にいきなり出てきますが、ちゃんとwidthの値を取得…

正規表現で全角文字だけをヒットさせたい 全角文字を正規表現でヒットさせたい場合、 /[^\x00-\x7E]+/g; とすると「半角カナ」もヒットしてしまいます。 ASCII文字+半角カナを除いた文字列をヒットさせたい場合、 /[^\x00-\x7Eｧ-ﾝﾞﾟ]+/g; とすることで対応で…

余白の数値を合わせているのにレイアウトが揃わない 仕事で既存のレイアウトを調整しているとき、emの値を合わせているのにレイアウトが揃わない…ということでちょっとハマってしまいました。 emとは、親要素のfont-sizeの値を参照する単位です。 親要素のfo…