Angularの特徴とは？ 開発環境を構築するには？
※現在では、Web標準技術を利用したアプリ開発が広く普及し、そのためのフレームワークも多数存在しています。その中でも主流のフレームワークの1つである「Angular」を活用し、そのための知識を備えることには大きな意味があります。本連載は、Angularユーザーに向けて、その使いこなしTIPSを紹介するものです。なお、本連載は「Build Insider」で公開していた連載「Angular Tips」を同サイトおよび筆者の了解を得たうえで、本フォーラムに移行したものです。記事はBuild Insiderで公開した状態のまま移行しているため、用語統一などの基準が＠ITの通常の記事とは異なる場合があります。
ASP.NET CoreでAngularをする下準備 - かずきのBlog@hatena
2017/03/05 日時点の情報です @angular/cliとか使って始めるのもいいですが、これだとサーバーサイド何でつくるの？？という感じになってしまうので、C#erとしては今やるならASP.NET Coreでしょ！ということで始め方をメモっておきます。 結論としてはdotnetコマンドで作れます。ということで最新の.NET Core SDK 1.1のRC4を以下のページからダウンロードしてきました。 github.com インストールしてdotnet --infoと打ち込むと以下のように表示されます。 PS C:\Users\kaota\Documents\Visual Studio Code\Projects> dotnet --info .NET Command Line Tools (1.0.0-rc4-004771) Product Information: Version
ゼロから学ぶ！ Single Page Applicationの特徴と主なフレームワーク5選
本連載「モダンなフロントエンド開発者になるためのSPA超入門」では、フロントエンド開発のアーキテクチャである「SPA（Single Page Application）」について、開発に必要となる各種フレームワークの特徴や、サンプルアプリ開発を通じたSPA開発の流れ、フレームワークによる作り方の違いなどを紹介します。 サンプルアプリ開発では、SPA開発において人気がある「React」「Angular2」の使用を予定しています。第1回目である今回は、SPAの特徴と取り巻く環境、フレームワークを紹介します。 SPAとは SPAはAdobe FlashやMicrosoft SilverlightといったリッチなUIを提供できるRIA（Rich Internet Application）に代わるフロントエンド開発の技術として、ブラウザの進化やHTML5の登場などによって誕生したアーキテクチャです。H
「Angular 2」の構成単位「コンポーネント」「モジュール」を使いこなそう
はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、現行AngularJS（AngularJS 1)の次期バージョンです。リリース候補版の状態が長く続いていましたが、2016年9月時点に正式版（2.0.0）がリリースされました。Angular 2はAngularJS 1に対して多くの変更点があり、コードの記述法も基本的に異なります。 Angular 2はコンポーネントやモジュールと呼ばれる、Webサイトの実装を分割する仕組みを備えており、Angular 2自体も複数のモジュールから構成されています。これらの仕組みを活用して、実装を分割して見通しの良いソースコードを書いたり、ソフトウェア部品として別のWebサイトに移植したりできます。 本記事では、Angular 2のコンポーネントやモジュールについて紹介します。まずコン
RailsAPI×AngularでかっこいいWebアプリを作（ろうと試み）る【API呼んでみる編】 - Qiita
RailsAPI×AngularでかっこいいWebアプリを作（ろうと試み）る【環境構築編】の続きです。 前回のあらすじ RailsAPIアプリ作る ↓ Angularアプリをwebpackして/publicにぶっこむ ↓ RailsAPIアプリといいつつrootのみ画面返しちゃってSPA というわけで今回はただただAngularからAPI呼んでみます。 大したことはしないのでつまらないです。 ここで帰るときもストックだけはしていってね。 ソースも置いとくので参考にどうぞ。 API作る scaffoldコマンドを実行。 Running via Spring preloader in process 4795 invoke active_record create db/migrate/20161001061821_create_users.rb create app/models/user.
AngularJSを使いこなすなら絶対に知っておきたいフィルタとカスタムディレクティブの基本
MEANスタックを用いたWebアプリの開発方法について紹介していく本連載「MEANスタックで始めるWebアプリ開発入門」。前回の記事、「AngularJSの「サービス」で理解するDI（Dependency Injection：依存性注入）の基本」では、AngularJSにおけるDIとサービスの使い方について解説しました。 今回はAngularJSでもよく使用する機能であるフィルタの使い方とそのカスタマイズ方法、そして、独自で定義するディレクティブ（カスタムディレクティブ）の作成について解説します。 なお、本記事を見て実際にサンプルを動かしたい場合は、以前の連載記事（第1回、第2回）を見て環境を作成しておきましょう。 ビルトイン（デフォルト）のフィルタを使う AngularJSには、「フィルタ」という、データ整形のための機能をデフォルトで持っています。フィルタを使用することでモデルの値を変更
Angular 2 Series: Components
README: Angular 2 has changed significantly since this post was written. As such, please do not use this code verbatim. Instead, focus on the concepts below and then map them to the new syntax and API of Angular 2.0.0. Welcome to the second post in our series on Angular 2. If you missed the first post, check out the quick Intro to Angular 2. In this post, we are going to talk about Components, whi
AngularJSとAngular2の比較から、jsフレームワークの独自進化を考える〜リレーションデザイン研究所
Angular2、Githubをみているとすごい勢いでリリース作業が行われていますね。alpha.47までバージョンを重ね、昨日もすごい勢いでコミットが行われてました。まだIssueも600件以上ありつつ、そろそろAngular2来るなっ！と期待に胸をふくらませてるところです。 そこで、本稿では、すでにpublicになっているドキュメンテーションから、AngularJSからAngular2への進化の方向、jsフレームワーク自体が独自進化していく方向を考えたいと思います。 この記事は、Angular 2 Advent Calendar 2015の4日目の記事です。 [2016年7月4日 Angular2のコードサンプルを最新のものに変更] Angular2とは 本稿をご覧の皆さんはご存知な気はしますが、Angular2はGoogle謹製のjsフレームワーク AngularJS（以降、「Ang
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
Angular 2 次に覚えたいフィーチャー // Speaker Deck
All slide content and descriptions are owned by their creators.
AngularJS Project Essentials
Blog archive of C#er : IMage. Tap or click "Home" for the new blog. You’ve read the tutorials, watched the online demos and wrote the to-do list app in Angular. Now you’ve been assigned your first real world project. You create the project, hook in Angular, and start coding away. “Now what?” After over three years of writing Angular enterprise apps, I’ve found there are a few elements I almost alw
Angular vs. React - the tie breaker
Amit Kaufman Amit Kaufman is Editor Group Manager at Wix, veteran developer, manager and entrepreneur ##1. Introduction A short while ago, our team had to choose a technology for Wix's flagship product, the html wysiwyg website editor. It is a large single-page application, with complex flows, communication with other iframes and servers, and a lot of user experiences. This product is developed by
いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会
AngularJSの機能や開発ライフサイクルなどがまとめられた「AngularJSリファレンス」という書籍がインプレス社から出版されました。これを記念し著者でもある、池添 明宏氏(著)/金井 健一氏(著)/吉田 徹生氏(著)/丸山 弘詩氏(編集)をお招きして「AngularJS」についてビール片手に軽く語っていただきました。 2014年9月18日（木）、場所はイベントの聖地21Cafeで開催されました。 AngularJS概要 AngularJSは主にGoogleメンバーが中心となり、開発を進めている今話題のJavaScriptフレームワークです。AngularJSはよく「フルスタックである」と言われていますが、それは同メンバーが中心に開発しているテストツールkarmaも含め展開しているため、開発ライフサイクルをも視野に入れたものだからです。また、ECMAScriptやWeb Compon
W3Schools.com
W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999
AngularJS+JavaEEでセッション管理 - Qiita
AngularJS + JavaEE7 でログイン・ログアウトと、認証の処理について実装してみたときのメモ。 動作確認は GlassFish 4.0 上で実施。 GitHub サンプル 認証処理を入れた場所 次の２カ所で、ログインしているかどうかのチェックを入れている。 REST のリクエストがあったとき ページ遷移のとき REST のリクエストがあったときのチェック Filter でチェック Filter を作成して、そこでチェックを行っている。 package sample.angular.filter; import java.io.IOException; import javax.inject.Inject; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.Fi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular
Dynamically add directives in AngularJS - JSFiddle - Code Playground
How to add a html button with angularjs with a working ng-click function
Angular
AngularJS を Visual Studio 2013 で使用する