Editor Integration
Nx Console editor extensions make your developer experience richer. The extensions: enhance AI integrations by providing workspace-level context and up-to-date docsshow inferred tasks and help you invoke them via the Project Details Viewprovide a visual UI for discovering and invoking generatorsvisualize dependencies between projects and tasksand more!
大規模Angular SPA開発に立ち向かうためにアプリとUIを切り分けた話
ビズリーチで「HRMOS（ハーモス）採用管理」のフロントエンドエンジニアをしています、浅井です。 前編では「AngularJSのリプレースにAngularを選んだ話」についてお話しました。 今回は、長期的にサービスを発展させていくことを念頭に置き、アプリケーションの規模もチームメンバーの人数が増えていってもスムーズに開発・メンテナンスしていくために、AngularでWebアプリケーションを再構築していく中で盛り込んだことをご紹介したいと思います。 AngularJS時代の課題 せっかくAngularに移行するからには、「AngularJS時代からの負債は引き継ぎたくない、メンテナンスしやすい仕組みにしておきたい」というのがチームメンバー全員の想いとしてありました。 まずは、AngularJS時代に実装・運用フェーズで感じていた課題を洗い出したところ、 ページ単位で 似たようなUIが別々に
ちいさく始めて、おおきく育てる。 週1時間からはじめるデザインシステム構築 - Assured Tech Blog
こんにちは、デザイナーの長尾です。2024年の8月からAssuredにジョインし、プロダクトデザインを担当しています。今回は、その一環として取り組んでいるデザインシステム構築についてお話しします。 着手した当初は「何をすべきか」「どこまでやるべきか」が分からず、手探りで進めていました。また、プロダクトの開発タスクと並行で行うため、デザインシステムに費やす時間をなかなか捻出できないという課題感もありました。 ですが、以下のようなことを大切にしながら、すこしずつ形になってきたので、振り返りを兼ねてこれまでのプロセスをまとめてみます。これからデザインシステムを始めようという方の参考になれば幸いです。 ゴールを描いて、バックキャスティングする 将来どうなっていたいか、の認識を揃えてからステップにおこす 現状を整理し、MVPを決める 現状を整理して、必要最低限の範囲からはじめる ちいさな改善をつみあ
【NGX-Charts】超絶素晴らしいAngular6対応のグラフライブラリがあるからみんなに知ってほしい | DevelopersIO
はじめに どうも、福岡のmeです。 最近はAngular6を使ったSPA開発をメインにやっているのですが、 ダッシュボードにグラフを出したいという要件があったので、何か簡単の実装できるツールはないものかと探していた時に ”これは・・！”というものを見つけたのでご紹介したいと思います。 自分が探していたものは以下の条件に合うものでした。 - Angular6 に対応していること - 棒グラフ、パイ、線グラフなど、種類がいくつかあるもの - 使い方がシンプルなもの 今回使用するライブラリ NGX-Charts まず目を引いたのはおしゃれなデザインのグラフたちです。 こんなグラフがダッシュボードに置いてあったらテンションが上がって、仕事により一層身が入りそうです。 ドキュメントも読みやすく、それぞれにサンプルコードがついておりさくさく試すことができました。 グラフの種類も豊富で、様々な種類がある
大規模Angular in 現場 / Large scale Angular in real world
2018/6/26 市ヶ谷Geek★Night #18にて発表した資料です。
Docker for MacでAngular6の実行環境を構築 | DevelopersIO
こんにちは、クラスメソッドの岡です。 今回Docker for MacでAngular6のアプリを実行できる環境を作ってみたのでご紹介したいと思います。 コードの編集はローカル（Dockerホスト）のVScodeでやりたいので、ローカルの作業ディレクトリとDockerコンテナをマウントしてみました。 Angularアプリの起動はコンテナ内で行います。 環境 ・Docker 18.03.1-ce-mac65 (24312) ・Node.js 8.11.3 ・AngularCLI 6.0.8 2018/06/21現在、Node.jsのActive LTSがver8となっているのでそちらを使っています。 詳しくはNode.jsのリリーススケジュールを確認してください。 dockerファイルの作成 まず作業ディレクトリに移動してdockerfileを作成します。（拡張子はなし）
AngularJSのリプレースにAngularを選んだ話 - BizReach Tech Blog
ビズリーチで「HRMOS（ハーモス）採用管理」のフロントエンドエンジニアをしています、浅井です。 HRMOS採用管理は、前身を含めると2014年に開発がスタートし、当初より Single Page Application (以下、SPA) を全面的に採用し、そのフロントエンドのすべてを AngularJS (以下、旧AngularJS) + TypeScript が担ってきました。サービスの拡大に伴って機能は増えていき、ソースコードは総計10万行まで膨れ上がってきました。 そこで現在は、旧AngularJSで記述されたコードを捨てつつ、新しいAngularを用いたコンポーネント指向のアーキテクチャに移行している真っ只中です。この移行で取り組んだ際の裏話を前編・後編のふたつに分け、前編では「AngularJSのリプレースにAngularを選んだ話」、後編では「Angularを用いたコンポーネ
大規模開発に打ち勝つためのマルチパラダイム / Beat with multi paradigms
2018/6/16 ng-japan 2018にて発表した資料です。
AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編①~ | DevelopersIO
どうも！大阪オフィスの西村祐二です。 本ブログは下記の続きになります。 AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~バックエンド編~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~バックエンド編~ 今回：AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編①~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編②~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~UI編~ ゴールとして下記動画のようなサイトを構築していきます。 いよいよですが、Angular6とAWS-Amplifyを使ってフロントエンド部分をやっていきます。今回はフロントエンド部分の設定周りと
Angular6でBootstrap4を使ってみる | DevelopersIO
どうも！大阪オフィスの西村祐二です。 下記ブログでAngular5でBootstrap4を使う方法が記載されていますが、 Angular5 で Bootstrap4 ( beta ) を使ってみよう #serverless #adventcalendar Angular6 になって、Angular CLI の設定ファイルが.angular-cli.jsonからangular.jsonに変わったとこともあり、少し記述を変更する必要があります。今回は備忘録も兼ねて、Angular6 でBootstrap4の読み込みかたをまとめておきます。 環境 Angular CLI: 6.0.8 Node: 9.6.1 OS: darwin x64 Angular: 6.0.4 Bootstrap: 4.1.1 Angular CLI インストール $ ng new angular6-bootstrap4
「React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発」を献本していただきました - Ola Kae Tode Tai
2018年5月10日に、フロントエンド開発におけるフレームワークを解説した「React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発」が発売されます。 その書籍のレビュー作業にほんの少しですが、微力ながら関わらせていただいたので、献本いただきました。ありがとうございます！ 表紙がパンダでかわええ〜 本の紹介 自分はサーバーサイドの開発が主となることが多いので、フロントエンド開発の事情はあまり詳しくありません。 サーバーサイドのエンジニアがこれからフロントエンドの開発をキャッチアップしていこう。という視点でレビューさせていただきました。 本のターゲットは、React、Angular、Vue.js等とかよく聞くけど、まだこれらのフレームワークを触ったことのないフロントエンドエンジニア、デザイナー、サーバーサイドエンジニアの方向けに書かれていま
Angular 6リリースノート – Angular公式ブログ日本語訳 | maesblog
当初の予定より約1ヶ月ほど遅れて5月4日に待望のメージャーリリース版となるAngular 6がリリースされました。リリース内容は、Angularの公式ブログやChangelogなどで確認することができます。特に公式ブログの記事は、全体をAngular 6の全体を把握するにはちょうどよいかと思います。そのうちAngular Japan User Groupの方々が訳してくれると思いますが、自分もしっかり内容を把握しておきたかったので翻訳することにしました。翻訳したのは、Angular公式ブログの記事『Version 6 of Angular Now Available』です。ぜひ参考にしていただけたらと思います。 Version 6 of Angular Now Available – Angular 6がついに利用できるようになりましたThe 6.0.0 release of Angula
ソフトウェアの品質を高めて作業効率も上げる、Angularの自動単体テスト
これらのうち、本記事では単体テストに着目して、記述や実行の方法を説明していきます。e2eテストは次回以降で取り上げる予定です。 対象読者 Angularでテスト駆動開発を実践したい方 単体テストの実行をお客さまから要求されている方 自分の実装したコードが信用できず、品質確保したい方 必要な環境 Angularの開発ではTypeScript（変換してJavaScriptを生成する、いわゆるAltJS言語）を利用する場合が多く、本記事のサンプルコードもTypeScriptで記述しています。 今回は以下の環境で動作を確認しています。 Windows 10 64bit版 Angular 5.2 Node.js v8.11.1 64bit版 Angular CLI 1.7.4 Microsoft Edge 41.16299.248.0（Webページ表示用） Google Chrome 65.0.33
AngularJS 1.2 日本語リファレンス | js STUDIO
© 2017 Google Licensed under the Creative Commons Attribution License 3.0. このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。 AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。 "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HIGOBASHI.AWS 第5回 応用編 実践サーバーレス「AngularとAWS AppSyncで作るサーバーレスアプリケーション」を話しました #higobashiaws | DevelopersIO
Creating Components Using the Angular CDK [ng-japan 2018]![Creating Components Using the Angular CDK [ng-japan 2018]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d493187232330b09d20673a39f0ce4f5b51c14a/height=288;version=1;width=512/https%3A%2F%2Flh7-us.googleusercontent.com%2Fdocs%2FAHkbwyK6kNlWhIAv_GRPtIP8NsbzV-34vQnuGcdcdmUSmYvezI9b5mFTcKCl1uvfWqOBvwkibJKCIw1I7PvqVrcN4VsfSuviNOdq97MgfNrD7zhTT3ElBQBt%3Dw1200-h630-p)
Angular and me
AngularアプリケーションにおけるCSS設計手法
How to use CryptoJS with Angular 4
5分でわかるivy