GitHub - marmelab/ng-admin: Add an AngularJS admin GUI to any RESTful APIYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
AngularJSã¨Railsã®ä¸åº¦è‰¯ã„関係を探る | mah365
AngularJSã¨Railsã®ã‚¤ãƒ³ãƒ†ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨è¨€ã†ã¨ã€ã‚„れ「Railsã¯APIã«å°‚念ã—ã¦ãƒ“ューã¯å…¨éƒ¨AngularJSã ï¼ã€ã¨ã„ã†æ¥µç«¯ãªè©±ã«ãªã‚ŠãŒã¡ãªæ°—ãŒã™ã‚‹ã®ã§ã™ãŒã€ãã‚Œã ã¨Railsã®è‰¯ã„ã¨ã“ã‚ãŒæ´»ã‹ã›ã¾ã›ã‚“よã。AngularJSã®æŒã¡å‘³ã¯DOMæ“作三昧ã§è¤‡é›‘ã«ãªã‚ŠãŒã¡ãªç”»é¢ã‚’良ã„æ„Ÿã˜ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ãã‚‹ã¨ã“ã‚ã«ã‚ã‚‹ã¨æ€ã†ã®ã§ã€ãã†ã„ã†ç”»é¢ã§ã ã‘AngularJSを使ã£ã¦ã¯ã©ã†ã‹ï¼Ÿã¨ã„ã†ã®ãŒä»Šå›žã®ã‚¢ã‚¤ãƒ‡ã‚¢ã§ã™ã€‚ ä¸åº¦è‰¯ã„æ„Ÿã˜ã«ä½¿ã† ãã†ã„ã†è¨³ã§ä»Šå›žä½œã£ãŸã‚µãƒ³ãƒ—ルã®ã‚¢ãƒ—リã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ https://todo-rails-sample.herokuapp.com/ https://github.com/mahm/todo-rails/ ユーザーèªè¨¼ã¯ãµã£ã¤ãƒ¼ã«deviseを使ã£ã¦ã€Todoを編集ã™ã‚‹ç”»é¢ã ã‘AngularJSを利用ã—ã¦ã„ã‚‹ã€ã¨ã„ã†æ„Ÿã˜ã®ã‚µãƒ³ãƒ—
åˆå¿ƒè€…å‘ã‘AngularJS - ãã®ï¼‘ - albatrosary's blog
ã“ã®è¨˜äº‹ã¯ã€ŒAngularJSåˆå¿ƒè€…å‘ã‘ãƒãƒ³ã‚ºã‚ªãƒ³ã®ãƒã‚¿ã€ã¨ã—ã¦ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚最近ã§ã¯ã„ã‚ã„ã‚書ç±ã‚‚ã‚ã‚Šã¾ã™ã—ã€AngularJSリンク集ã§ã‚‚ã¾ã¨ã‚ã¦ã„る通り資料ã¯è±Šå¯Œã«ã‚ã‚Šã¾ã™ãŒæ”¹ã‚ã¦ã€‚内容ã¨ã—ã¦ã¯ãƒ“ルトインディレクティブã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼/ファクトリーを触ã£ã¦ã¿ã‚‹ç¨‹åº¦ã§ã™ã€‚ Angularリンク集 - albatrosary's blog ※ ã“ã®è¨˜äº‹ã¯Angular1.3をベースã«æ›¸ã„ã¦ã„ã¾ã™ã€‚Angular1.5ベースã®ã‚‚ã®ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™(追記:2016/2/18)。 GitHub - albatrosary/Angular1Study: Comprehensive Beginner’s Guide to Angular 準備 サーãƒã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Python 「 http://www.python.jp/ ã€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—インストールã—ã¾ã™ コマンドライン㧠$ pyt
AngularJSã®ã‚¹ã‚´ã•ãŒä¼ã‚るデモ
当サイトã®è¶£æ—¨ AngularJS ã®ã‚モã¯å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚ã‚Šã€ãƒ‡ãƒ¼ã‚¿ã‚’変ãˆãŸã‚‰ View ãŒå‹•çš„ã«å¤‰ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ã“れをクライアントサイドã®ã¿ã§ã®ãƒ‡ãƒ¢ã§å®Ÿæ„Ÿã™ã‚‹ã®ã¯é›£ã—ã„ ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚ãã“ã§å½“サイトã§ã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¨ã®é€šä¿¡ã‚’ã¾ã˜ãˆãŸå®Ÿç”¨çš„㪠AngularJS ã®ãƒ‡ãƒ¢ã‚’構築ã—ã¾ã—㟠ソースコードãªã©ã‚’見ãŸã‚Šã—ã¤ã¤ã€ã‚ãã‚“ã§ã¿ã¦ãã ã•ã„。 (ã“ã®ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã®ã‚µãƒ³ãƒ—ルコード㯠AngularJS 㨠node.js ã§è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚) サインアップフォーム簡å˜ãªç®¡ç†ç”»é¢é¢¨ã®ãƒ‡ãƒ¢ ã“ã¡ã‚‰ã®ã‚³ãƒ¼ãƒ‰ã¯ github.com/tokuhirom/demo.64p.orgã§ç¢ºèªã§ãã¾ã™ ã“ã‚“ãªãƒ‡ãƒ¢ã‚‚ã„ã‚Œã¦ã‚ˆã€ã¿ãŸã„ãªæ案ãŒã‚れ㰠p-r ã§é€ã£ã¦ã„ãŸã ã‘ã‚Œã°ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã—ã¾ã™ã€‚ ã“ã“を見ã¦! AngularJs ã®ã‚モã¯ã€ãƒ‡ãƒ¼ã‚¿ã‚’ã‹ãˆã‚‹ã¨ã„ã„ã‹ã‚“ã˜ã« HTML ãŒã‹ã
AngularJSã§è‹¦åŠ´ã—ãŸãƒã‚¤ãƒ³ãƒˆã®äº‹ä¾‹ - ワザノム| wazanova.jp
http://lhorie.blogspot.ca/2013/09/things-that-suck-in-angularjs.html AngularJSã®ç››ã‚Šä¸ŠãŒã‚Šã¯ä½•å›žã‹å–り上ã’ã¦ããŸï¼ˆã“ã®ãƒã‚¹ãƒˆã®æœ€å¾Œã«ãƒªãƒ³ã‚¯ã‚ã‚Šã¾ã™ã€‚）ã®ã§ã€ä»Šæ—¥ã¯ã€æ”¹å–„ã™ã¹ã点を指摘ã—ã¦ã„るブãƒã‚°ã¨ãã®è°è«–を紹介ã—ã¾ã™ã€‚ (New frameworks) are great at getting you to about 80% of what you need REALLY fast. The next 10% takes some investigation but its doable. But that last 10%,……You’re working for the framework rather than it working for you. ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆãŒã‚るよã†ã«ã€ã¾ã 苦労ã™ã‚‹ã¨ã“ã‚ã¯ã‚ã‚‹
AngularJSã®è¨è¨ˆæ€æƒ³ [Google I/O 2013] - ワザノム| wazanova.jp
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSã®Hype (盛り上ãŒã‚Šæ„Ÿ)ãŒã‚るよã†ãªã®ã§ã€Googleã®Misko Heveryã¨Brad GreenãŒGoogle I/O 2013ã§AngularJSã®è¨è¨ˆæ€æƒ³ã«ã¤ã„ã¦èªžã£ã¦ã„ã‚‹ã®ã‚’紹介ã—ã¾ã™ã€‚ アプリ開発ã¯ã€é››å½¢æ§‹æ–‡ï¼ˆãƒœã‚¤ãƒ©ãƒ¼ãƒ—レート）を利用ã—ãªãŒã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’ブラウザã¨DBã®é–“ã§ã‚„ã‚Šã¨ã‚Šã•ã›ã‚‹ã®ãŒä¸å¿ƒã§ã€æ°—ã¥ã„ã¦ã¿ã‚‹ã¨åŒã˜é››å½¢æ§‹æ–‡ã‚’書ã作æ¥ã‚’ã‹ãªã‚Šç¹°ã‚Šè¿”ã—ã¦ã„る。コードを書ã„ã¦ã‚‹æ™‚間よりもコードをèªã‚“ã§ã„ã‚‹æ–¹ã«æ™‚é–“ãŒã¨ã‚‰ã‚Œã‚‹ã“ã¨ã‚‚多ã„。ã“ã®é››å½¢æ§‹æ–‡ã‚’使ã£ãŸä½œæ¥ã‚’極力減らã—ã¦ã€ã‚¢ãƒ—リã«ä»˜åŠ 価値をもãŸã‚‰ã™ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä½œæ¥ã ã‘を抽出ã—ãŸã„ã¨æ€ã£ãŸã€‚ コーディング作æ¥ãŒåŠ¹çŽ‡çš„ã«ãªã‚‹æ§‹é€ ãŒæ¬²ã—ã‹ã£ãŸã€‚ フレームワークã«ãƒ†ã‚¹ãƒˆã‚’組ã¿è¾¼ã‚€ãŒã€ãƒ•ãƒ¬ãƒ¼ãƒ ワーク自身をãã£ã¡ã‚Šãƒ†ã‚¹ãƒˆ
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’図解ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
果敢ã«ã‚‚MVCフレームワークã®å›³è§£ã‚’試ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30年以上ãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“れ考察ã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚良ã„ã¨æ€ã£ã¦ã„る。 ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“何ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’自分ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ 「Modelã¯Viewã«ä¾å˜ã—ãŸããªã„〠世間的ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„る。ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„るよã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–得先や表ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}