大規模Angular SPA開発に立ち向かうためにアプリとUIを切り分けた話
ビズリーチで「HRMOS（ハーモス）採用管理」のフロントエンドエンジニアをしています、浅井です。 前編では「AngularJSのリプレースにAngularを選んだ話」についてお話しました。 今回は、長期的にサービスを発展させていくことを念頭に置き、アプリケーションの規模もチームメンバーの人数が増えていってもスムーズに開発・メンテナンスしていくために、AngularでWebアプリケーションを再構築していく中で盛り込んだことをご紹介したいと思います。 AngularJS時代の課題 せっかくAngularに移行するからには、「AngularJS時代からの負債は引き継ぎたくない、メンテナンスしやすい仕組みにしておきたい」というのがチームメンバー全員の想いとしてありました。 まずは、AngularJS時代に実装・運用フェーズで感じていた課題を洗い出したところ、 ページ単位で 似たようなUIが別々に
Angular+Cognitoで作るログインページ– ClassmethodサーバーレスAdvent Calendar 2017 #serverless #adventcalendar | DevelopersIO
Angular+Cognitoで作るログインページ– ClassmethodサーバーレスAdvent Calendar 2017 #serverless #adventcalendar 追記：２０１８年６月２４日 現時点の最新版で書き直しました。下記を参照ください。 AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~バックエンド編~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編①~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編②~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~UI編~ どうも！大阪オフィスの西村祐二です。 このエントリはServerless Advent Calendar 2
Angularでページ離脱確認を実装する - Qiita
りんごです。 この記事はAngular Advent Calendar 2017の12月15日の記事です。 はじめに よくあるWebの入力フォームのある画面や何かしらのデータを編集するWebアプリの画面など、不意に誤ってブラウザのタブを閉じてしまうと悲しい思いをするケースがあります。 そういった画面を実装するには、次のようにwindowのbeforeunloadイベントを使うことで離脱確認ダイアログを表示するのが一般的です。 // beforeunloadイベントのreturnValueにtrueを設定し離脱確認ダイアログを表示する window.addEventListener('beforeunload', function(event) { event.returnValue = true; }); しかし、AngularではwindowのイベントだけでなくRouterによって画面遷
AWSサーバーレスを活用したAngularのWebアプリを作ってみた - Taste of Tech Topics
こんにちは！エンジニア2年目、フロントエンドを勉強中のmiuraです。 この記事はAmazon Web Services Advent Calendar 2017の13日目の記事となります。 qiita.com 私は最近、Angularを使ったフロントエンド開発やAWSでのサーバーレス開発をしているのですが、 サーバーレスのWebアプリを構築するとなった際につまった部分がありました。 それは、 WebアプリをS3に、サーバーレスをAPI GatewayとAWS Lambdaで構成すると双方のURLが違うため、 ブラウザではSame-Origin Policy (SOP)が適用されてエラーになってしまうことです。 これを回避するためにはCross-Origin Resource Sharing (CORS)の設定を行う必要があります。 今回は、そのCORSの設定を含めてAWS上で一通りの動き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
