バックエンドエンジニアのためのVue.js、React、Angular入門 - Qiita
WEBシステム、WEBプログラム開発において昨今ではjQueryではなくVue.js、React、AngularなどのJSフレームワークが主流となってきています。ただ、これらの活用は学習コストが高いといわれています。その原因はフロントエンドありきで話が進みすぎていたからだと考えています。したがって、自分の投稿記事は、jQueryを多用するWEBシステムエンジニアに向けた、フォーム操作をメインに置いた半備忘録兼自分なりに解釈した解説です。 ちなみに自分はサーバ構築からバックエンドまでこなしているワンオペエンジニア（フリーランス、非正規雇用に非ず）です。 コンポーネント、ルーティング、スタイル周りの続編を作成しました（編集が困難になるほど容量圧迫してたので、それぞれで独立させています）。また、Vueは3.2から採用されたscript setup、Angularは14から採用されたスタンドアロン
Angularの次バージョンは「Angular 4」に、2017年3月リリース。今後は単に「Angular」と呼んでほしいと
Angularの次バージョンは「Angular 4」に、2017年3月リリース。今後は単に「Angular」と呼んでほしいと ベルギーのヘントで行われたAngularのイベント「NG-BE 2016」で、基調講演に登壇したGoogleのAngularチームリードIgor Minar氏は、Angularの次のメジャーバージョンアップが2017年3月に登場する「Angular 4」であることを明らかにしました。 「私たちはAngular 4を2017年3月にリリースする予定だ。本当に本当だよ（I'm being super honest with you guys!）。わけわからんなんて言わないで、大丈夫だって！（Don't freak out. It's going to be good）」（Igor Minar氏） Angular 4はAngular 2と互換性を維持し、そのまま移行できる
AngularJSでサクッとダイアログ - Qiita
AngularJSでのダイアログではUI Bootstrapが使えるようです。 UI Bootstrap 以前は"\$modal","\$modalInstance"という名前で扱っていましたが、現在では"\$uibModal","\$uibModalInstance"という名前に変更されたようです。 下記のような感じで、必要ライブラリを読み込みます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/
Angular入門！ゼロから始めたぼくの勉強方法
[aside type=”boader”] この記事は内容が古くなっています。 2018/01/16現在（v5時点）のAngular入門の最適な方法は、ぼくが熟考を重ねて作成したはじめてのAngular入門コースを受講することです。 このページ以上に効率的に入門できるので、ぜひ受講を検討してみてください！ そして朗報です！ 数量限定のスペシャルクーポンを用意しました。 動画コンテンツで効率的に学習してみてはいかがでしょうか。 次のリンクからのみ有効ですので、お早めにどうぞ。 【クーポン適用】【最新v5対応】はじめてのAngular入門 実践シングルページアプリケーション（SPA）構築 [/aside] ぼくは今までAngularJSを使ったことがなかったんです。 でも最近Angular2を使い始めて、なんとなく理解できるようになってきました。 巷では、Angular2が採用している技術は、
AngularJSアプリに役立つ小粒なライブラリ ～ 可変パネル／CSV生成／カウントダウン機能
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに 本稿は、第10回に続いての小ネタ編。これまでの回で取りこぼした小粒なライブラリとして、以下のものを紹介します。 UI Layout：マウスドラッグでサイズ変更できる可変パネルを実装 ngCSV：オブジェクト配列をCSV形式のファイルに変換 Angular Count-to：カウントダウン／アップ機能を実装 対象読者 AngularJSについて基本的な概念を理解している方 AngularJSで利用できる拡張モジュールに興味がある方 検証環境 この記事では、以下の環境でサンプルの動作を確認しています。 AngularJS 1.5.7
AngularJS2.0 のチュートリアルをやってみたメモ（1）5 MIN QUICKSTART – morizotter blog
AngularJS2.0 のチュートリアルをやってみたメモ（1）5 MIN QUICKSTART投稿者: Naoki 投稿日: 2016-01-03 AngularJS2.0のことを思い出したのでちょっとやってみました。まだbetaなのでチュートリアルの内容も変わるかもしれません。とりあえず現時点でのメモです。思ったことを書いていくだけのスタイルです。 チュートリアルは大きく2部構成になっていて、「5 Min Quickstart」と「Tutorial: Tour of Heroes」に別れています。言語は、TypeScript, JavaScript, DARTが選べますが、今回はTypeScriptを利用することにしました。 5 Min Quickstart – ts 開発環境の準備から文字を出力するところまでです。TypeScriptとの連携部分などを学べます。 file struc
5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択理由と開発過程は？（前編） Developers Summit 2016
5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択理由と開発過程は？（前編） Developers Summit 2016 シングルページアプリケーション（SPA）は、最近注目を集めているWebアプリケーションのアーキテクチャです。HTML全体の書き換えは行わず、変更が必要な部分だけをJavaScriptで動的に書き換えていくことにより、反応がよくユーザー体験にすぐれたWebアプリケーションを実現できます。 このSPAの開発を、技術の選択、仕様の策定、開発を含めて5カ月で行った経験談が、2月18日に都内で行われた「Developers Summit 2016」（通称デブサミ）のセッション「5か月でAngularJSとTypeScriptでSPAをつくった話」で紹介されました。 注目されているアーキテクチャをいまどきの技術を採用して開発した事例は、立ち見がでる人気
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
【βリリース記念】5分でわかる！Angular2のススメ
2015年12月15日に、Angular v2.0.0-beta.0がリリースされました。Angular2の発表から実に1年です。まだβ版ではありますが、1つの区切りとして現状のAngular2についてお伝えしていきます。 何が変わったのか 以前から言われているとおり、かなり大きく変わっています。これまでのJavaScriptフレームワークではMVCやMVVMと呼ばれるデザインパターンが多く採用されてきました。 しかし、Web Componentsの仕様策定が進んでいる今、この仕様と共存できるようなコンポーネント指向のフレームワークが求められてきています。そういった背景から、MVW(hatever)という思想で開発されていたAngular1に対し、Angular2はコンポーネント指向で設計されています。 Angular2は、以下のような特徴をもっています。 処理速度・パフォーマンスの向上
いまさら聞けないAngularJSの基礎知識と5つの主な特徴、インストール、簡単な使い方
連載目次 前回記事、「いまさら聞けないMongoDBの基礎知識とインストール、CRUD操作の基本、モデリングツールMongooseの使い方」では、ハイパフォーマンスなNoSQLデータベース「MongoDB」の概要と、Node.jsからMongoDBにアクセスするモジュール「mongoose」の使い方の基本を紹介しました。今回は、MEANスタックの「A」部分、AngularJSの基本について解説します。 なお、本記事を見て実際にサンプルを動かしたい場合、以前の連載記事（第1回、第2回）を見て環境を作成しておきましょう。 AngularJSとは MEANスタックではフロント側のフレームワークとして、AngularJSを使用します。AngularJSとは、グーグルとユーザーコミュニティによって開発されているオープンソースソフトウエアのJavaScriptフレームワークです。2012年にバージョン
AngularJS で全角から半角に変換する Directive を追加する - Qiita
<input name="phone" type="text" placeholder="09012345678" onchange="zen2han(this)"> function zen2han(obj){ // 文字列かチェック if(typeof(obj.value)!="string") return false; var word = obj.value; obj.value = word.replace(/[！＂＃＄％＆＇（）＊＋，－．／０-９：；＜＝＞？＠Ａ-Ｚ［＼］＾＿｀ａ-ｚ｛｜｝～]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 0xFEE0); }) }
AngularJSの便利なツール20選 | POSTD
皆さんはAngularJSに興味がありますか？ この記事では、AngularJSのための最適なツールと選りすぐりの情報をリストにまとめています。Angularを使ってアプリケーションの開発をする際には役立つ内容です。 Webアプリケーションを動的に設計したいWeb開発者の多くは、 フレームワークとしてAngularJSを選択するようになってきました 。AngularJSの開発者が新たにAngularJSプロジェクトを立ち上げる場合、本格的にWebサイトを開発しようとすると、非常に多くのツールが必要になります。 AngularJS初心者の場合は、まず始めに AngularJSの良書 を何冊か読むと良いでしょう。 私たちは、オンラインでAngularJSを学習するための、膨大な AngularJSのチュートリアル リストも作成しています。 AngularJSでWebアプリケーションを開発する際
How do I bind to list of checkbox values with AngularJS?
I have a few checkboxes: <input type='checkbox' value="apple" checked> <input type='checkbox' value="orange"> <input type='checkbox' value="pear" checked> <input type='checkbox' value="naartjie"> That I would like to bind to a list in my controller such that whenever a checkbox is changed the controller maintains a list of all the checked values, for example, ['apple', 'pear']. ng-model seems to o
AngularJSで、リンクをクリックした時に適切にスクロールさせたい
JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
angularjs_array_checkbox_binding
プログラムの要件としては以下の通りです。 APIから上記のFruitsとUserを取得した結果に基づきビューを生成する。 User内のLikeFruitsはFruitsをマスタとしてチェックボックスを用いて更新する。 Userを受信した際にLikeFruitsに含まれていた値はチェック済みとする。 実装例 チェックボックスとのバインディング実装した例が以下になります。 Array Binding CheckBox 挙動としては以下のようになります。 チェック前 チェック後 チェックボックスと配列をバインディングする際に意識する点は二つあります。 一つはチェック状態をどのように評価するか。 もう一つはチェックのイベントでの挙動をどのようにするかです。 チェックの評価 今回の例ではチェックの評価は以下のように行っています。 <ul ng-repeat="(fruitId,fruitName)
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
angularJS と jQuery に関する誤解を解く - nazokingのブログ
最近 angularJS に対する期待の低下が著しくてつらい。 なんだかんだで SPA から jQuery に戻った話 - ボクココ Angularの問題では はてなブックマーク - mizchi のブックマーク - 2015年5月18日 みんな使いどころを間違ってるんや。１年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向いてるのは Single Page Application ではない angularJS が向いてるのは ◎ フォームのような細かい部品を多用 ＆ DOMツリーとデータスコープがほぼ一致していてユーザの入力をサーバに送ったりする webアプリ。管理画面、マイページ、業務アプリなど △ Single Page Application ← 簡単に作れるけどページ間の連携が必要ないならサーバ側で分けてしまった方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular
How do I prevent angular-ui modal from closing?
GitHub - alexei/sprintf.js: sprintf.js is a complete open source JavaScript sprintf implementation
