webweb2016-07-19webpackでビルドしたソースコードをデバッグ実行可能にするwebwebpackでビルドしたjsファイルはデバッグし辛くて困っていた。mapを生成すればconcat前のjsファイル単位でDevToolから開けるし、Breakpointも置ける。mapを生成する方法は、webpack.config.jsに以下を追加するだけ。...webpackでビルドしたソースコードをデバッグ実行可能にする2016-07-17Webで写真を撮るボタンを作る方法web要件は以下。thenの中で以下のようにリクエストを送信してpromiseを返してやれば良い。web以下のようにするとsleepを実装出来る。参考:promiseを使ってsleepを実装する2016-01-14AngularJSでの$(document).readyの書き方web以下のようにすればいい。chain」エラーweb原因は社内ProxyがGithubのSSL証明書を自己証明書にすり替えて送ってくることだった。情シスがGithubとの通信内容をチェックするためにやってるんだろうなコレ。middle攻撃じゃん。chain」エラー2016-01-06AngularJSでスクロール領域内を更新したらスクロール位置が変わってしまう問題web解決が結構面倒だった。ng-repeatでスクロール領域内を更新していたので、更新完了イベントが必要だった。以下のdirectiveを定義してng-repeat完了イベントを定義した。ng-repeat処理完了イベントを発行するDire...AngularJSでスクロール領域内を更新したらスクロール位置が変わってしまう問題2016-01-05スクロール領域内にfloatでdivを横に並べるとスクロールせず折り返してしまう問題web□がDIVで|が親DIVのEdgeとすると、以下のようにしたい。親DIVの幅は固定で、中のDIVの数が増えたら横スクロール出来ようにしたい。中のDIVをfloatを使って横並びにしていたので中のDIVを増やすと以下のように折り返してしまう。辛いのでindex.htmlにscriptタグを埋め込むソリューションを使ってみることにした。readyイベントを発生させるweb$document.readyメソッドにready時のイベントハンドラを渡せばいい。readyイベントを発生させる2015-12-21AngularJSの$location.path(url)で画面遷移する際に表示している画面のurlと同じurlを渡すと画面遷移しないwebどうもAngularJSが同じPathの場合routingをキャンセルしているっぽい。pathの最後に/を付けて無理矢理画面遷移させることにした。あ、でも今気付いた...AngularJSの$location.path(url)で画面遷移する際に表示している画面のurlと同じurlを渡すと画面遷移しない2015-12-20AngularJSで複数キーによるソートをorderByフィルタで行うweb以下のようにソートキーを配列でorderByに渡すとできる。noneで非表示にするのでキャッシュが効く。よって初期表示は遅いが再表示は速い。ng-ifはその逆で、初期表示は速いが再表示は遅い。bindingだけにすると超速くなるwebAngularJSは何も考えずに作ると結構重くなる。ng-options...>タグが100個ぐらいある画面をIEで開くと操作可能になるまで20秒ぐらいかかった。class="row">が画面より大きい理由webrowクラスは左右に-15pxのマージンを持っており、rowの親Elementより大きい。その理由は、列の左右にガター領域を確保するため。グリッドFWはすべてガターがあるらしい。うーん、まだグリッドシステムとBootstrapをちゃんと理解できてないな。auto;なdivの中に置くと横スクロールバーが出るweb原因はrowクラスが左右に-15pxのマージンを持っており、自体は親Elementからはみ出しているため。以下によると、新しいバージョンのBootでは解決しているようなので、Bootstrapのバージョンを上げたら直る。マウスカーソルが禁止カーソルになってしまい、「リストのこの項目はクリックできないのか!?」となってしまう。selectタグのoptionのリストはOSが描画していてここにカ...selectタグをクリックして表示されるリストの下にカーソルが指定されているタグがあると、マウスカーソルが変わってしまう2015-12-10Angular-UIのmodalダイアログのウィンドウの外側のグレーの部分をクリックしてもダイアログが閉じないようにするwebmodalを開く時のオプションで以下を指定すると閉じなくなる。参考:Angular-UIのmodalダイアログのウィンドウの外側のグレーの部分をクリックしてもダイアログが閉じないようにする2015-12-09Angularでcontrollerからform.$dirtyにアクセスするwebscope経由でアクセスできる。必須チェックをするかどうかを動的に設定するweb普通にrequired="true"と書くと常にrequiredになってしまう。動的に必須かどうかを変更出来る。directiveのlink関数の引数の型web以下の型でよい。scopeの型だけangularのbuiltin型でない。scopeの型は自分で定義した方がいいのかなぁ。directiveのlink関数の引数の型2015-12-04JavascriptでURIエンコードweb3つの関数がある。これらの違いはencodeしない文字が違うだけ。詳細は下記サイト参照。http://logic.moo.jp/data/archives/438.htmlJavascriptでURIエンコード2015-12-03AngularのorderByフィルタで文字列を数値としてソートするweb例えば、文字列として辞書順にソートするといかのようになる。これを以下のようにしたい。以下のようにstringをnumber型に変換するだけでよい。directiveに値を文字列でもAngular式でも渡せるようにするweb実は@でbindingすればできる。これだと文字列としてしか渡せないと思っていたが、以下のように{{}}で囲むと{{}}の中を評価した値がdirectiveに渡される。bindingいらないじゃんという気もする。directiveを使う。実装方法は以下のサイト参照。Angularは以外とライフサイクルイベントが整備されてない気がする。note.onichannn.netng-repeatが終了したタイミングで呼ばれるイベントを作る2015-11-30ng-changeイベントで変更前の値を取るweb以下の'{{user.id}}'のように、シングルクォートで囲むと変更前の値が取れる。ng-change標準の機能で取れて欲しい。Overflowng-changeイベントで変更前の値を取る2015-11-29ng-annotateでminifyされても不具合発生しないようにするweb配列アノテーションを自分で書くのはだるいなと思っていたので丁度よかった。ng-annotateを使うとビルド時に配列アノテーションを挿入してくれる。使い方は以下サイト参照。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。