Featured Articles Cloud cost optimization best practices Read moreHow to choose a cloud provider Read moreUnderstanding cash flow vs. profit Read more
![How To Submit AJAX Forms with JQuery | DigitalOcean](https://cdn-ak-scissors.b.st-hatena.com/image/square/838b975ebab624d574a4e4e56adfe89c95e02cd5/height=288;version=1;width=512/https%3A%2F%2Fwww.digitalocean.com%2F_next%2Fstatic%2Fmedia%2Fintro-to-cloud.d49bc5f7.jpeg)
AngularJS には ngResource という拡張があって、サーバに対する API 経由の CRUD 的操作を JavaScript のオブジェクトとしてラッピングできる。具体的には例えば var Entry = $resource('/entry/:id'); var entry = Entry.get({ id : 0 }, function () { entry.title = "yuno"; entry.$save(); // XHR (async) }); とかできる。ちょっとかっこいいけど、既存APIで使おうとすると、些細なフォーマットの違いで案の定使えなかったりする。どうしても使ってみたいけど、サーバサイドAPIの仕様まで変えたくない場合、若干無理矢理な方法である程度なら対応させることができる。 サーバサイドの仕様 前提として以下のような仕様だとする エントリリスト取
Angular.jsを何度か仕事で使ってみて、Angular.jsを使う場合のアーキテクチャはMVCじゃなくてMVVMにしたほうが良いなと思った話を書く。 Angular.jsをMVCフレームワークだと勘違いしていた 少しAngular.jsについて今まで勘違いしていたことがあって、Angular.jsではコントローラを定義できるのでてっきりMVCアーキテクチャで作るものとばかり思っていた。 公式ウェブサイトのタイトルをよくよく見てみると、「Superheroic JavaScript MVW Framework」と書いてある。MVWのWってなんだよとか思ってたらWhateverの略で、要するにMVCでもMVVMでもなんでも良いということらしい。 MVCで組んで困ったこと 勘違いが解ける前は、普通にMVCフレームワークとしてAngular.jsを使っていたけどもそれで何が困ったかというと、
「僕らはみんな河合荘」 のアニメ化決定に小躍りしている seikichi です. 律ちゃんかわすぎ……. 前置きはさておき,AngularJS の話をします. AngularJS はブラウザ上で動作するWebアプリケーションを作成するための JavaScript フレームワークです.Backbone.js,Ember.js,Knockout.js などに代表される,最近流行り(?)のMV*フレームワークの1つと言えば良いのでしょうか. AngularJSの公式サイト に掲載されているサンプルを見てみます. テキストボックスの内容を変更すると,<h1> 要素の中身にリアルタイムに反映されます. すごい.JavaScript をまだ1行も書いてないのに,何か作った気分になってしまいました (おいおい). AngularJS は ビューでの変更をモデルに,モデルでの変更をビューに自動的に反映する
何これ AngularJSで遊んでるメモ 経緯 研究室でJS勉強会が行われている.1週に1回(たまに無い週も)って形で4~5回行われた. 初め数回でChrome拡張作ろう → jQueryのAjax完璧 → プロトタイプ継承完璧!とかしながら,good partsみたいなものを適宜考えながらやっていった. やることがなくなったので何しよう → AngularJSとか流行ってるしやるか! 所感 まずAngularJS使う機会として3通りぐらいに分けれそう 1. クライアントサイドだけで完結するパターン 2. APIのみ提供するサーバを持ちつつクライアントサイドをほぼ静的に書くパターン 3. RailsなどのWAFと組み合わせて使うパターン AngularJSを触れて良い所として,以下のようなものが順に挙げられる Controllerを用いた明示的Scope document.getEleme
はじめに Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="
AngularJSの特徴でもある、モデルとビューの2way binding。 AngularJSの簡単なコードがあるとする。(投稿時点ではv1.2.6) <body ng-app ng-init="message = 'nothing'"> <div ng-controller="SampleCtrl"> <input type="text" ng-model="message"> <br> <button ng-click="clearMessage()">Clear</button> <br> <span>{{getMessage()}}</span> </div> <script> var SampleCtrl = function($scope) { $scope.message = ''; $scope.clearMessage = function() { $scope.mes
AngularJSのようなクライアントMVCフレームワークを採用すると、クライアントサイドの規模が大きくなってくるので、できればJavaScriptじゃなくて型のあるプログラミング言語で開発したいですよね。 AngularJSは独自のクラスシステムを持っていないし、モデルやコントローラを実装するためにベースクラスを継承したりする必要もないので、altJSとの相性がよくて組み合わせやすいです。 altJSと言ってもたくさん種類がありますが、今回はTypeScriptを使ってAngularJSアプリを書くときのTipsやコツなどを紹介したいと思います。 ベースとなるプロジェクトを作る AngularJSのコードを書くとき、JavaScriptであればおもむろに書き始めることも可能ですが、altJSを使う場合はコンパイルなどの手順が必要になるので、Gruntを使ったプロジェクトを作る必要がありま
MEANとは MongoDB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。 手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。 次の手順で進めていきます。 アプリケーションの雛形を作成 ユーザページを追加 htmlを修正してユーザ一覧を追加 クライアントのJavaScript(Angular.js)を修正 サーバのJavaScript(Express.js)を修正 MongoDBを参照 ユーザの登録機能を追加 完成したものはGitHubにおいてあります。 Chocolatey本体のインストール以外はMinGW Bash*1で実行可能です。 事前準備 ChocolateyでMongoDBとNode.jsをインストールします。Chocolateyをインストールしていなかったら次のコマン
IntroductionNote: Looking to learn the latest version of Angular? Take the "A Better Way to Learn Angular 2" tutorial Congratulations on taking the plunge! This AngularJS course is built with the intent of exposing you to the best available resources on each Angular topic. Our desire is to present these topics richly, and from a variety of vantage points, in order to afford you a more complete per
Mastering Web Application Development with AngularJS 『Mastering Web Application Development with AngularJS | Packt Publishing』が、Packt Publishing のサイトで年明け 1 月 3 日までたったの $ 5.00 で販売中! ちなみに Amazon では ¥ 1,854(2013/12/20 現在)で販売中。 『Mastering Web Application Development with AngularJS』は洋書だけど、AngularJS やるならこれだけは読んどけっていう、ほんとによく書かれてる本。めっちゃ勉強になってます。 これまでに読んだ AngularJS の本として比較できるのは O’Reilly の『AngularJS』と、Manni
まず、AnuglarJSとBootstrapを組み合わせて使う最も簡単な方法は、yeomanでプロジェクトのひな形を生成することです。 yeomanを使ったAngularJSプロジェクトの始め方 yoコマンドを実行した時に、以下のように質問されます。 [?] Would you like to include Twitter Bootstrap? (Y/n) [?] Would you like to use the SCSS version of Twitter Bootstrap with the Compass CSS Authoring Framework? (Y/n) 1つ目の質問にYesと答えるとひな形にBootstrapが組み込まれます。 2つ目の質問にYesと答えるとsass-bootstrapというフレームワークがbowerでインストールされ、scssファイルからcssに
現在開発担当している AbemaTV で、昨年末にパナソニックさんのスマートテレビ VIERA 向けにアプリケーションをリリースしました。AbemaTV リモコンボタンで AbemaTV にアクセスできます。今回このアプリケーションの UI を開発するにあたって、新しいデザインワークフローを導入しました。 本記事では、 Story-Assured Design というデザインワークフローを、現在プロダクト開発で直面しているデザインの課題とともに紹介します。 Story-Assured Design とは? Story-Assured Design はその名前が示しているように、ユーザーストーリーを保証することを目的とした UI デザインのワークフローです。UI デザインを3つのステップに分けて行います。 ストーリーデザイン デザインの構造化 視覚情報デザイン 一番重要なユーザーストーリーの
Virgin Coconut Oil in Ayurveda: Ancient Wisdom Meets Modern Wellness Ayurveda, the ancient Indian system of medicine, has been harnessing the power of natural remedies for centuries. One such gem from this ancient tradition is Virgin Coconut Oil. In recent years, this traditional elixir has gained immense popularity in the modern wellness world. Let’s explore how Virgin Coconut Oil aligns with Ayu
まえおき 本稿はAngularJS Startup AdventCalendar2013の21日目です。 20日目:AngularJSをTypeScriptで書くときのあれこれ - Qiita [キータ] scopeについて scopeはAngularJSでビュー側に値を渡すときに利用するサービス。 たぶん知ってると思う。これがビューとコントローラーがデータをやりとりする。 で、今回はちょっとAngularJSをさわり始めると公式ドキュメントなんかあちこちに出てくる、新しいscopeが作られるっていう部分について書く。 ディレクティブなんかのAPIを読んでると出てくる。このディレクティブは新しいscopeを作りますって、あれってなんなのか。 scopeの生成と継承 scopeは一番上位に位置するrootScopeの下に階層化されて作られていく。 scopeはJavaScriptのレキシカル
この記事は tech.kayac.com Advent Calendar 2013 21日目の記事です。 こんばんは。13新卒の @m0t0k1ch1 です。 @mackee_w さんに立てていただいた scala フラグを倒させていただきまして、、ここ1週間くらい1人でこそこそやっていたことについて書きたいと思います。内容は表題そのままの感じです。 soundcloud について soundcloud 有名な無料音楽クラウドサービス イケてる remix が多いので、ここで音楽を聴きながらコードを書くことが大半 ローカルに音楽ファイルを持ちたくないのでうれしい soundcloud に対して最近感じていた不満 本家ではリピート再生が(曲単位・プレイリスト単位ともに)できないのでつらい SoundCloudRepeat.com もあるけど、決め打ちでリピート再生というよりかは、お気に入りの
Direct what? As I mentioned in last week’s article I have been working with Angular.js for personal projects lately. This was largely the result of me, approximately six or seven months ago, feeling like I was missing out on the new hotness by not knowing a client-side MV* framework. I looked around at a lot of options, including: Backbone.js (A crowd favorite, with rock-solid online support/docum
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く