2018-04-23から1日間の記事一覧

JavaScriptの正規表現で当てはまるすべてのパターンを抜き出す

例えば、liタグの中の要素を1つずつ抜き出して配列に入れることを想定する。 var str = "<li>test</li><li>test2</li><li>test3</li><li>test4</li>"; str.match(/<li>(.*)<\/li>/); 実行結果 Array [ "<li>test</li><li>test2</li><li>test3</li><li>test4</li>", "test</li><li>test2</li><li>test3</li><li>test4" ] この場合だと文字列中で、最初にマッチしてから</li>…

CSSのobject-fitをIEにも対応できるようにする

object-fit-imagesというJavaScriptファイルを用いて実現します。1.下記のサイトへアクセスする GitHub - bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... 2.右側の緑の『Clone or download』を…

CakePHP3で共通する処理をまとめる

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。コントローラ、モデル、ビューで共通して使えるクラスの作り方を調べました。1.srcディレクトリ内に、任意の名前のディレクトリ(今回は、Utilsディレクトリ)を作成する。 2.Utilsディ…

AngularJSを使ってみる

1.公式サイトへアクセスする AngularJS — Superheroic JavaScript MVW Framework 2.『DOWNLOAD ANGULARJS』をクリックする 3.青い『Download』ボタンをクリックすると、Angular.jsのコードが表示されるので、 コピペして、『angular-1.6.9.min.js』(ダウンロ…

Flexでの左寄せ、中央寄せ、右寄せの方法

CSS

display:flex;で囲って、 左寄せはmarin-right:auto; 右寄せはmargin-left:auto; 中央寄せは margin-right:auto;margin-left:auto; margin:0 auto; margin:auto; のどれか。 <div style="display:flex;"> <div style="margin-right:auto;">左寄せ</div> <div style="margin-left:auto;margin-right:auto;">中央寄せ</div> <div style="margin-left:auto;">…</div></div>