昨日、天下一クライアントサイドJS MV*フレームワーク武道会で話してきた。 以下、そのスライドです。 今日は 自分が現場で使ってきた FWの変遷の軽ーい話をする 元々 Marionette.j... Read more >>
昨日、天下一クライアントサイドJS MV*フレームワーク武道会で話してきた。 以下、そのスライドです。 今日は 自分が現場で使ってきた FWの変遷の軽ーい話をする 元々 Marionette.j... Read more >>
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
「ng-mtg#6 AngularJS 勉強会」に行ったけどスタッフだったのでyoutube見ながらブログりましたという流れになりました。 ng-mtg#6 AngularJS勉強会 - AngularJS Japan User Group | Doorkeeper 今回の勉強会のテーマは、Directiveとセキュリティです。聞き応えのある内容だったと思います。はじめにAngularJS Japan User Group管理人の金井さんから挨拶がありましたがAngularJS1.0が出て2周年になり、そのお祝いも兼ねての勉強会です。あとAngularJSの本を執筆中のようで出たら買ってくださいということでした。 アジェンダは次の通りです。 ディレクティブパターン - 株式会社LIG 林 優一 氏 Directiveで実現できたこと - 株式会社ピースオブケイク 今 雄一 氏 そろそろ押さ
AngularJS使ってないのに、ng-mtg#6 AngularJS勉強会に行ってきた。 ng-mtg#6 AngularJS勉強会 - AngularJS Japan User Group | Doorkeeper 年に1回はAngularJSの勉強会に参加してるみたい。いつか使う日が来るかなぁと思いつつ、まだその日が来ない。 ng-mtg 2 AngularJS 勉強会 に行ってきた #angularjsjp - techlog Web先端味見部 第5回(AngularJS) に行ってきた - techlog 行ってみたら、スタッフが足りないみたいだったので、受付のお手伝いしながら話を聴いた。なのでところどころ聴けてない。 セッションはこんな感じ。 ディレクティブパターン - 株式会社LIG 林 優一 氏 Directiveで実現できたこと - 株式会社ピースオブケイク 今 雄一 氏
AngularJSに関するメモ ng-classでclass名に-を含んだものを指定する際は’‘で囲む。 ng-class=”{‘foo-bar’: ture}” $inputのvalidationは<formのname属性>.<inputのname属性>.$validの形式で利用する。 form form input NgModelController 入力値バリデーション関係のディレクティブ required ng-required ng-minlength ng-maxlength ng-pattern ng-change ng-trimで両端の空白を削除 $routeProviderにあるwhenメソッドで指定する第2引数のresolve属性(object)について resolve属性のキーはcontrollerに渡されるserivice名になる。 値が関数の場合はserviceが
6. 本日お話する内容 5 AngularJSで対策できる脆弱性とその実装方法 • DOM Based XSS • Cross-Site Request Forgery (CSRF) AngularJSでは対策できない脆弱性 (スコープ外) • サーバ側での対策が必要となる脆弱性 • ブラウザやプロトコル由来の脆弱性 ※CSRFはサーバ側での対策を要しますが今回の発表ではスコープ外とします 8. XSSの種類 • サーバ側で発生するXSS - 反射型XSS - HTTPのリクエストに含まれるスクリプトが、 レスポンスのHTMLにそのまま埋め込まれることで発生 - 持続型XSS - HTTPのリクエストに含まれるスクリプトが一旦サーバに保存され、 そのデータを元にHTMLを出力する際にスクリプトが埋め込まれることで発生 • クライアント側で発生するXSS - DOM based XSS -
車輪開発大好きおたいがです。こんにちは。(挨拶) 本日、下記イベントに参加してきたのでレポート ( 箇条書きメモ ) します。 ng-mtg#6 AngularJS 勉強会 http://angularjs-jp.doorkeeper.jp/events/12996 今回のテーマは Directive & セキュリティということで、案件実績のある講師による講演でした。 『 ディレクティブパターン 』 株式会社 LIG 林 優一 氏 実務におけるディレクティブ開発経験を元に、基本的なお作法の解説を交えつつ、ディレクティブ実装パターンについて紹介されました。 ディレクティブ実装パターン テンプレートパターン 共通のテンプレートを反映させるためのディレクティブパターン 共通パターン ビューと実装をカプセル化するようなディレクティブパターン イベントフックパターン ユーザーのイベントとハンドリング
これまでMAMP (Mac, Apache, MySQL, PHP)を書いていましたが、結局ガワをHTML+JSで書く必要があり、そうこうしている内に「じゃあ全部JSで出来ないの?」という興味が湧いたので、最近流行っているらしいMEAN (MongoDB, Express, AngularJS, Node.js)を試してみました。 よくこの手のチュートリアルでは「CRUDがどうのこうの…」といきなり4種やらせようとしますが、個人的には「モチベーションのために最低限動けばええんじゃ、あとは調べるわい」という気分なので、以下は本当に最低限です。 前提 OSX 10.9で、node, yo, mongodbはインストール済みとします。説明は少なめなので、何らかのWebフレームワークの開発経験はあるがMEANスタックは触ったことがないというレベルの方を想定して書いています。 generator-a
最近、気にっている JavaScript の開発環境を紹介したいと思います。 Yeomen をベースラインとしたAnguler JSとNode JSの環境です。Yeomenが生成するGruntベースの環境は、ソースコードがWatchされており、ソースを変更すると自動的にブラウザが更新され、ソースの変更がブラウザに反映されます。それにNodeJSも組み込み、 サーバサイドの開発もできるようになったので、重宝しています。 1. Yeomenの Angular JS の環境を作る Yeomen をインストールして、 yo angular:appを実行すると、 ├── Gruntfile.js ├── app ├── bower.json ├── karma-e2e.conf.js ├── karma.conf.js ├── node_modules ├── package.json └── te
片手間でJavaScript書いてる Yuumi3 です。 時間が出来たので、今さらながら Node.js や 流行の Angula.js を学んでました。学ぶためには何かアプリを作るのが一番ということで、簡単なWebアプリの状態監視ツールを Node.js, Socket.IO, Koa, Angula.js, Mocha を使い作ってみました。 作るアプリについて サーバー1台で運用しているサービスで、ソフトの更新などでアプリケーションサーバーをリスタートするタイミングは、今までは tail -f production.log でアクセス状況を見ながら行ってきました。しかし、面倒なので、ログをチェックしながらアプリのステータスを教えてくれるアプリを作ってみました。 ステータスは3つあって Red ユーザーが重要な事を行っている、例えばネットショップでは注文手続きを行っている(注文手続の
Step0 事前準備 index.html <!doctype html> <html lang="ja" ng-app="app"> <head> <meta charset="utf-8"> <title>My HTML File</title> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> </head> <body ng-controller="AppCtrl"> <p>{{value}}</p> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> <script src="controllers.
車輪開発大好きおたいがです。こんにちは。(挨拶) 今回は JavaScript で非同期処理を実施するときに用いられる Promise ( プロミス ) についてまとめてみました。Promise とは「非同期処理を抽象化したオブジェクトと、そのオブジェクトを操作する仕組み」のことを指します。 引用 : https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise より Promise インターフェースは作成時点では分からなくてもよい値へのプロキシです。プロミスを用いることで、非同期アクションの成功や失敗に対するハンドラを関連付けることができます。 これにより、非同期メソッドは、最終的な値を返すのではなく、未来のある時点で値を持つプロミスを返すことで、同期メソッドと同じように値を返す
ng-bind, ng-classなどにbindすると、scopeのwatchに登録され、digest loopが走る毎に変更があったか否かがチェックされる。 watchに紐づく要素が僅かであれば問題ないが、数百数千のオーダーになるとパフォーマンスが低下しラグが発生する。キー入力系のイベントのように、入力する度にdigest loopが走る場合、画面がフリーズした様な感覚になる。 bindonceはこの問題を解決するdirectiveで、最初のbind以降はwatch対象から外すことで無駄なチェックを省いてくれる Pasvaz/bindonce https://github.com/Pasvaz/bindonce 基本的には、ng-をbo-に置き換えるだけでOKで気軽に使える 絶対に変更しないであろう文言や画像パスなどはbo-*に置き換えていけばよい ng-repeatの時はbindonc
私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか? asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン(MVCの派生パターン)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く