最近 AngularJS 嫌いという言説が多いですが、そういうことを仰る方々は主に先鋭的な JSer のように思います。 ただ、僕なんかの場合には、ユーザー向けの画面の構築などには AngularJS を使って書くことは最近はほとんどなく、JS を書くといえばもっぱら管理画面です。 管理画面の JS を書くにあたっては AngularJS way にのっかってやると非常に楽ですよね。管理画面を書いたりする上では vue-js とかで頑張って書くと見通しが悪くなったりしますし、こった動きなどは必要ないというところで angular.js ワリといいなと思っています。 もっといいものがあれば移りたいですが、コストをかけずに作りやすい管理画面を作るという意味ではやはり AngularJS にまだメリットがあるなあ、と思っています。 2.0 が出た時にこまるというのもありますが、実際は angul
先日弊社にて、「SCRIPTY#1〜フロントエンド紳士・淑女のための勉強会〜」を行いました。 その際に発表させていただいた資料を公開いたします。 遠方の方や、ご都合によりご参加いただけなかった方はぜひご覧ください。 なお、当日はグラフィックレコーディングがなされ、発表内容がリアルタイムに可視化されていました。 そちらの内容も併せてお楽しみいただければと思います。 発表セッション 1.本当にあった怖いCSS 〜BEMのすすめ〜 発表者:小川 健史 実務で実際に遭遇した怖いCSSと、解決策の一つとして、 BEMを導入し得られた知見について発表しました。 発表スライド: http://i.yimg.jp/images/creativeblog/140916/takogawa.pdf グラフィックレコーディング 2.backbone.js 光と闇 発表者:柴田 和祈 Backbone.jsとそのプ
KnockoutJSを使った開発を1年ほど前に行っていました。 元々はプロトタイピングだけに使う予定でしたが、使い勝手が良かったのでそのまま本開発に取り込みました。 最近、少しAngularについても調査をしていたので、Knockoutと比較できる部分も書きだしてみました。 KnockoutJSの長所/短所、そしてAngularJSとの比較となります。 長所:双方向のデータバインディング Knockoutの最大の長所は、間違いなく強力な双方向のデータバインディングと言えます。 この凄さを試したければ本家サイトのExample各種を試すと良いかもしれません(参考URL)。 あるいは自分自身でサンプル・アプリケーションを作るといいでしょう。 すぐに虜になるはずです。 DOMとJSのモデルを紐付けて、整合性をとる処理を全てフレームワーク側が吸収してくれます。 JS側の記述がシンプルになるので、ア
Update 2016–04–17: I wrote this article almost 2 years ago for Angular 1.x. This article is still tremendously popular somehow, but I want to warn that it may not be the best for Angular 2.x or other methods of building JS front-ends. I have spent almost all my time writing CLI code since I wrote this, so I have really no context to say if this is still the best practice I considered it to be in 2
ご無沙汰しています。ハカセこと林です。7/25(金)にサイバーエージェントさんにてAngularJSの勉強会に登壇させていただきました。 今日はその様子と当日の内容をご紹介したいと思います。 ng-mtgって? と、その前に。 ng-mtgとは、AngularJS Japan User Groupという有志団体が運営する勉強会です。 以前LIGで行ったAngularJS勉強会に管理人の方がいらしていて、この度登壇のお声がけを頂きました。 今回登壇したのは第6回目のng-mtg#6です。 参考:AngularJS Japan User Group http://angularjs-jp.doorkeeper.jp 参考:ng-mtg#6※既に終了しています http://angularjs-jp.doorkeeper.jp/events/12996 発表テーマ 登壇者は私を含めて3人でした。
2007年4月14日,我国成功将第一颗北斗导航组网卫星送入太空,从此我国自主研制的北斗卫星导航系统(BDS)进入新的发展阶段。 点点娱乐免费视频网址专家表示,习近平站在世界反法西斯战争胜利70周年的历史节点上,鉴古知今,分析了各国联系与依存加深的世界形势,和平发展与合作共赢的时代潮流,深刻阐述了“命运共同体”的理念,倡导“新常态”下亚洲各国务实共赢合作的措施,演讲中亮点纷呈。 点点娱乐全部网站对比2011年、2012年两次对高校无烟环境的暗访、评估结果:高校的无烟环境整体好转,及格率从2%提升至%。但高校控烟发展不平衡,有的学校无烟环境全面提升,有的高校室内吸烟行为仍很普遍。暗访中发现,室内吸烟场所中,男生宿舍烟蒂数最多,仍为重灾区,但有下降趋势。 点点娱乐手机版视频射阳县开始对县党代表进行议事技能培训,以及组织党代表下基层调研常态化。据统计,2009年,全县291名党代表共走访党员群众万
車輪開発大好きおたいがです。こんにちは。(挨拶) 本日、下記イベントに参加してきたのでレポート ( 箇条書きメモ ) します。 ng-mtg#6 AngularJS 勉強会 http://angularjs-jp.doorkeeper.jp/events/12996 今回のテーマは Directive & セキュリティということで、案件実績のある講師による講演でした。 『 ディレクティブパターン 』 株式会社 LIG 林 優一 氏 実務におけるディレクティブ開発経験を元に、基本的なお作法の解説を交えつつ、ディレクティブ実装パターンについて紹介されました。 ディレクティブ実装パターン テンプレートパターン 共通のテンプレートを反映させるためのディレクティブパターン 共通パターン ビューと実装をカプセル化するようなディレクティブパターン イベントフックパターン ユーザーのイベントとハンドリング
私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか? asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン(MVCの派生パターン)
JavaScriptフレームワークに興味あるし、Angular.jsを使ってみようかな・・・ そんな純真無垢なあなたを混沌の世紀末に引きずり込むのが、ほかでもないTutorialなのです。 TutorialではほぼControllerしか出てこないので、素直にこの通り書いているとまず間違いなく3カウントでControllerにコードが集中するいわゆるFat Controllerになり、せっかくMVCフレームワークも地獄の荒野になります。 実は、Angular.jsでまず目を通すべきなのはDeveloper GuideのConceptual Overviewです。これを読めばどう処理を分割するかがきちんと書かれていますが、以下ではそれ+経験をもとにAngular.jsで正しくMVCを使用するためのポイントをまとめました。 Angular.jsの3原則 1.Controllerはイベントハンド
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
開発を進める上でServerサイドと分離してフロントサイドのみに集中して開発すると捗ります。AngularJSではサーバサイドをモックするAPIが用意されています。使ってみました。(Yoeman等はイントール済みを仮定) まず、angular-mocks.jsというライブラリをindex.htmlで読み込みます。同様にmock.jsというこれから作るスクリプトを読み込むようにしておきます。 # In index.html <script src="bower_components/angular-mocks/angular-mocks.js"></script> # mock.jsはこれから作る <script src="scripts/mock.js"></script> 次にメインのapp.jsにngMockE2Eのモジュールを追加します # In app.js angular.mod
mgechevさんがAngularJSのベストプラクティス&スタイルガイドをまとめてるのを見つけたから訳してみました。翻訳や変なところがあったらPullReqお願いします。 https://github.com/mgechev/angularjs-style-guide/blob/master/README-ja-jp.md 経緯 Macbookの発表に備えて自分のdotfilesを整えるついでにgithubでdotfilesを彷徨っていたら、VNCクライアントをJSで書いちゃったりしてる 、mgechevさんががAngularJSのベストプラクティス&スタイルガイドをまとめてるのを見つける。 ↓ おお、これは素晴らしい! ↓ あれ、他の言語はあるのに日本語訳ない ↓ AngularJSを勉強するついでにContributeも出来るいい機会じゃないか! ↓ やってしまえ! ということでAn
13. 開始処理 1. ブラウザがHTMLからDOMを作る 2. AngularJSがDOMを読み込む 3. ng-appで指定されたタグ以下を スコープにセットする 4. コンパイル 5. 動的にDOMを生成する 6. イベント監視して即時でDOMを更新 http://docs.angularjs.org/guide/concepts 詳しくはここ(英語) AngularJS 16. http://angularjs.org/公式サイト: Todoアプリ HTML 1.<div ng-controller="TodoCtrl"> 2. <ul> 3. <li ng-repeat="todo in todos"> 4. <input type="checkbox" ng-model="todo.done"> 5. <span class="done-{{todo.done}}">{{tod
10. クラスについて • TypeScriptはクラスベースなOOP! class Test { str:string; constructor() { this.str = "new"; } showMessage():void { alert(this.str); } } new Test().showMessage(); var Test = (function () { function Test() { this.str = "new"; } Test.prototype.showMessage = function () { alert(this.str); }; return Test; })(); new Test().showMessage(); TS http://goo.gl/G7t0U JS Wednesday, July 3, 13 11. module Sam
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く