_onichannn

【CSS】各種ブラウザでTransparencyとgradientを用いる際の記述方法。

メモ。

background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

 

【CSS】Media Queries、自分用まとめ。

メモ。

■Max Width:
ビューエリアの最大幅。このサイズより小さい場合に適用

■Min Width:
ビューエリアの最小幅。このサイズより大きい場合に適用

■Max Device Width:
デバイスサイズの最大幅。このサイズより小さい場合に適用

■Min Device Width:
デバイスサイズの最小幅。このサイズより大きい場合に適用

■Device Pixel Ratio:
デバイスの解像度(webkit)

■Orientation:デバイスの向き

 

【Symfony2.3】@Routerで特定文字列を含むURI以外を全て一つのアクションで拾う。

シングルページアプリケーションを構築していて、どのURI出来ても特定のアクションを返したい場合。

※下記はURIにapiを含まない場合の全てのルーティングを拾う例。

    /**
     * @Route("/{_all}", name="_all", requirements={"_all" = "^(?!.*api).*$"})
     */
    public function indexAction()
    {
    }

こんな感じでOK。

【Angular.js】Googleアナリティクスへ正常にリクエストを送信する。

ビューのロード完了イベントを拾ってga()メソッドをコールすればOK。

$rootScope.$on('$viewContentLoaded', function(event) {
    $window.ga('send', 'pageview', { page: $location.path() });
});

 

【Angular.js】ng-patternで半角のみの入力を許可する。

メモ。

<input type="text" name="userId" ng-pattern="/^[\x01-\x7E]+$/">

これで全角文字を禁止し、半角カタカナも弾くことが出来る。

 

【Symfony2.3】でコマンドラインから実行可能なバッチを作成する。

下記公式ドキュメントがとてもわかりやすい。

http://docs.symfony.gr.jp/symfony2/cookbook/console.html

コンソール出力に装飾もできたりして、とても便利。

 

【Symfony2.3】取得したHTML要素を解析する。

SymfonyにはデフォルトでDOMのパーサーが組み込まれているのでこれを用いると便利。

詳細と使い方は下記公式ページを参照されたし。

http://symfony.com/doc/current/components/dom_crawler.html

個人的には「Simple HTML DOM Parser」のほうが使いやすくて好きかな。
jQueryと同様のセレクタで要素を辿れるしComposerでもインストールできるしまじ便利。

 

【Angular.js】config()メソッドに注入できるインスタンスは各種providersのみなので注意。

HTML5モードなどをconfig()メソッドで設定する際に独自のサービスを注入、実行したかったのでためしたところ
どうしてもインジェクターでエラーを吐くので調査してみたところ、「.config()」に注入できるのは$routeProviderのような
プロバイダーのみしか注入出来ないことが判明。

ちなみ「.run()」ブロックではサービスのインスタンスしか注入出来ないことも判明(例:$route)。

これはなかなかエラーが特定出来ずにはまってしまったので今後特に要注しなければ。