Angular5 で Bootstrap4 ( beta ) を使ってみよう #serverless #adventcalendar | DevelopersIO
Angular5 の導入 最新版の angular-cli を使ってプロジェクトを作ることで Angular5 が利用できます。 npm install -g @angular/cli@latest ng new angular-bootstrap cd angular-bootstrap ng version Angular CLI: 1.6.1 Node: 8.5.0 OS: darwin x64 Angular: 5.1.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cli: 1.6.1 @angular-devkit/buil
Angular プロジェクトを新規作成したとき 生成されるファイルの役割を説明していく | DevelopersIO
サーバーサイドアプリケーションの動作確認やデモのために Angular を触っています。Angular は、 anglar-cli を用いることで、雛形の生成や開発に必要なファイルの追加といったことがコマンドラインから行えます。 「雛形を作ったときに一緒に生成されるファイルのことをよく知らないな」と思い、調べて記録することにしました。 バージョン情報 $ npm install -g angular-cli@latest $ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_
[AngularJS] GUI 連打防止作戦 考察 | DevelopersIO
車輪開発大好きおたいがです。こんにちは。( 挨拶 ) AngularJS 1.x 系 ( 1.3~ ) アプリケーションにおける、ボタンクリックや [Enter] キーの連打によって起こりうる事故を予防する手段についてまとめてみました。自分向けの備忘録的要素強めでお届けいたします。 余談ですが、英語でググるときには prevent double(multiple) submission といった単語を使用すると色々出てくるようです。 $httpProvider.interceptors の利用 想定ケースとしては XHR 処理に限定した話ですが、$http サービスのリクエストおよびレスポンスの前処理をフックするインターセプタを用意することで、通信中に GUI の操作を無効にさせるような共通処理を仕込むことが可能です。 angular-loading-bar や angular-block
![[AngularJS] GUI 連打防止作戦 考察 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/648e11f84f388126ccfdea056ad86ba379173295/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fangularjs.png)
Mac OS X / Xcodeをバージョンアップしたらhomebrewが動かなくなる問題への対策 | DevelopersIO
tl;dr https://github.com/Homebrew/homebrew/issues/50157 補足 Mac OSを10.11.4に更新し、同日App Storeに来ていたXcodeも更新してから、brew upgrade時に以下のようなエラーが出るようになりました。 $ brew upgrade Error: Failure while executing: /usr/bin/otool -L /usr/bin/install_name_tool brew updateでは発生しません。また、XCodeも起動しなくなりました。 GitHubでis:issue is:open install_name_toolを検索したところ、#50091を見つけ、#50091にリンクしていた#50157を発見しました。 $ xcode-select --print-path /Appli
RailsでAPIサーバを開発する(AngularJS, Ruby on Rails, SPA) | DevelopersIO
RailsでJSONを返すAPIアプリケーションを３週間ぐらい試行錯誤しながら作成しています。少しですがノウハウも溜まってきたのでここにまとめておこうと思います。 今回のアプリケーションの構成は大体次のようになっています。 RailsはAPIサーバ（一般公開するAPIではなくSPA(シングルページアプリケーション)のサーバとしてJSONを返却する。HTMLは返却しない） クライアントサイドはAngularJSで画面遷移、Viewの描画まで管理する DBはMySql、Session管理はRedis（まだローカル開発なのであまり関係無い） チームはサーバサイド、クライアントサイドで完全に分担して二人で作成しています（自分はサーバサイド担当）。 このブログエントリーでは次のことを書きます。 APIのルーティングの設定(JSONのみ返すようにする方法) Session管理（CSRFトークンの受け渡
AngularJSのサービス#AngularJS入門その5 | DevelopersIO
AngularJSのサービス AngularJSにおけるサービスとは、アプリにおいて任意のタスクを実行する関数として使用されます。 例えば、AngularJSではajax通信用に$http組み込みサービスを持っています。 もちろん、サービスを自分で定義して使用することも可能です。 AngularJSでビジネスロジックはサービスとして実装されることが推奨されているため、 独自サービスを作成する機会は多いと思います。 その独自サービスをAngularJSで作成するには複数の方法があるので、それらの方法を確認してみましょう。 今回使用した動作環境は以下のとおりです。 なお、本記事で紹介しているコードは、以前作成したangular-seedを使って動作を確認しました。 OS : MacOS X 10.9.2 node.js : 0.10.24 Git : 1.8.5.2 サービスを使う Angul
AngularJSのDIを使う#AngularJS入門その4 | DevelopersIO
AngularJSでDIを実現する DI(依存性注入)は、簡単にいえば「オブジェクトに必要な情報を外部設定する手法」です。 Javaの経験者であれば馴染みのある言葉ではないでしょうか。 AngularJSでは、コードが依存性を保持するいくつかの方法を持っています。 オブジェクト/関数が、依存性を取得するには次の方法があります。 new演算子で依存性を作成 グローバル変数を参照して依存性を作成 依存性が必要な場所に任意で渡す 3つ目の手法を使用すればコンポーネント同士の結合も疎結合となるため、いちばんよい手法です。 この手法であれば、依存性がそのままコンポーネントに引き渡されます。 簡単な例を見てみましょう。 function MyClass(greeterObj) { this.greeterObj = greeterObj; } MyClass.prototype.say = funct
AngularJS コードの構造化 | DevelopersIO
複数人で AngularJS を利用した Web アプリケーションを構築するときに必要なルールをまとめてみました。 ( あくまで策定中のルールであり、今後も改変する可能性があります。また、ベストプラクティスを謳うものではありません ) 使用 AngularJS のバージョン angular.js 1.2.5 angular-route.js 1.2.5 参考サイト Dan Wahlin's Blog | Structuring AngularJS Code http://weblogs.asp.net/dwahlin/archive/2013/12/01/structuring-angularjs-code.aspx GitHub | mgechev / angularjs-style-guide / README-ja-jp.md https://github.com/mgechev/a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS入門 ｜ シリーズ ｜ Developers.IO