[B! Angular.js] mytechnoteのブックマーク

mytechnote id:mytechnote

Angular.jsに関するmytechnoteのブックマーク (14)

Protractorでスクレイピングしてみた
Railsでスクレイピングが必要な時は Nokogiri を使っていたけれど、普通のサイトはJavascriptを使っているわけで、Nokogiriだけではスクレイピングが難しいこともある。そんな時にどうしようかと。 Nokogiri 鋸 Protractorなら、実際にユーザーがブラウザーを立ち上げて、ボタンをクリックして、テキストを読んで… みたいなことを再現できるのですごい便利。ほんとはAngular.jsのためのテストフレームワークだけど、スクレイピングにも使える。 Protractor - end to end testing for AngularJS nvmのイントール手元のMacOSにインストールして使ってみる。 Ruby使っているならお馴染みのrvm︵Ruby Version Manager︶。 nvmはNode.jsのバージョン管理ツール。 nvmを入手 $ git
mytechnote 2015/08/30
bash

angular

bashrc

angularjs

angular.js

com

clone

スクレイピング

config

scraping
リンク
Fluxフレームワーク Arda が気になる10の理由 - Qiita
Help us understand the probl em. What is going on with this article? どうも、@armorik83です。Fluxフレームワーク"Arda"、皆さんご存知ですか?概念や思想を含めて大々的に発表されたのは、おそらく2015年2月16日︵記事掲載時点でおととい︶という新たなOSSです。開発者は@mizchi氏。Qiitaの中の人 (Kobito)、魂が震えてる人、Reactの人として有名かと思いますが、個人的にはAngularJSが嫌いな人という認識です。今回、そんなmizchiさんが開発されたフレームワーク"Arda"をあえて取り上げたい衝動に駆られたので、興味のある方はお付き合い下さい。動機気になった理由の前に、ここに至った動機を前置きします。ここ長いです。例のアレな感じです。思い出話私は2013年秋からAng
mytechnote 2015/02/18
angularjs

javascript

Angular.js

あとで読む

Flux

react
リンク
AngularJSのサービス開発とユニットテスト～テストの流れを把握して保守性の高いコードにしよう
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
mytechnote 2015/02/06
HTTP

config

angularjs

jQuery

data

ajax

function

Framework

CodeZine

Angular.js
リンク
AngularJS についての所感
AgularJS に対する気持ち所感といいつつ、主に自分がつらさとして感じていることを書く。所感シリーズとしては jQueryについての所感も併せて読みたい。この学習曲線の中でいうと、たぶん今の自分は Very Cool! の頂点から降りている最中くらいだと思う。そして、マサカリをふりかぶった諸兄にひとつだけ言いたいのは、共感脳を養った方がモテるということだ。チキンハート的弁解: 以下はAngularJSに関するつらさを述べることに専念するために、美点を挙げていないだけであってAngularJSを全方位的に貶めたり、何かと比べて明確にクソだというような意図はない。画像は AngularJS: The Best Parts · Anand Mani Sankar からの引用。X軸にある www.bennadel.com は AngularJS大好きさん。辛1. $scope が
mytechnote 2015/02/03
angularjs

function

console

jQuery

design

angular

angular.js

あとで読む

jQuery

javascript
リンク
Making Angular.js realtime with Websockets | Pusher blog
Learn how to use Pusher to enable a rich, real-time user experience with Angular.js, code samples and a demo. Update: We released an official Angular.js library since that blog post. You can read more about it in this announcement. Looking for Angular 2? We’ve recently written a new blog post on Pusher and Angular 2 that will help you get started. This blog post focuses on Angular 1. Front-end app
mytechnote 2015/01/27
angular

angular.js
リンク
AngularJSは今すぐ生まれ変わるか死ね - Write and Run
mizchi 氏のエントリを踏まえて。 Angularが嫌い - mizchi'sblog何をやるにもググって解決しなければならないぐらいには一貫性がないマジでこれ。設定が多すぎる。特に directive 定義。どうやら Web Components の流儀に沿うようになっていて、将来的には Web Components に乗っける、ということらしいが、そもそもの Web Components の仕様が汚いし、救いようがない。参考: AngularJS: Developer Guide: Directive 制御構造と要素を分離してねぇせいで replace とかいうオプションが生えてるし、tranclude との組み合わせでより複雑なことになるし、isolated scope な directive は併用できないとか、ng-repeat で作られた scope の下に他のd
mytechnote 2014/10/06
!!

angularjs

angular

components

angular.js
リンク
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
mytechnote 2014/06/28
express

angularjs

dev

Angular.js

js

node.js

JavaScript

web

Webサービス

mongodb
リンク
Angular 2.0 - ワザノバ | wazanova
http://blog.angularjs.org/2014/03/angular-20.html 1 comment | 0 points | by noto ■ comment by noto | 約1時間前クライアントサイドの JavaScript フレームワークである AngularJSの公式ブログで Angular 2.0 の実装が始まったことがアナウンスされ、設計に関しての考え方、なぜ変更しようとしているか、詳細な変更点などについて述べてられています。Angular のもともと持っている特徴もおさえつつ説明されているので、Angular の復習にも良さそうです。 Angular2は mobile apps のためのフレームワーク (デスクトップにも利用できる)。data-binding、extensible (拡張可能な) HTML、テストのしやすさの重視については変
mytechnote 2014/03/19
angular

JavaScript

AngularJS

angular.js

design

browser

angular2.0
リンク
なぜ AngularJS を採用したのか - AngularJS Ninja Blog
今回は、AngularJSを採用した理由について軽くまとめておく。 JavaScript MVC 系のフレームワーク導入を検討することにし、もっとも普及している Backbone.js と、双方向データバインドなど高機能な Ember.js および AngularJSを検討した。それぞれのフレームワークを順に3週間ほどずつ学習・実装してみた結果、AngularJSを採用した。 Ember.js を採用しなかった理由まず Ember.js を3週間ほど別のプロジェクトで実装してみたところ、なんか難しかった…。ただの知識不足か実力不足かも…。 Ember.js の GUIDES ページや API ページをひととおり目を通し、Ember.js の書籍・動画・ブログなどでざっと学習したものの、簡単なところはともかく、ちょっと複雑なことをしようとすると、どう実装したらいいのかわから
mytechnote 2014/02/11
angularjs

Backbone

angular.js

backbone.js

ember.js

読み物
リンク
Backbone.js + Marionette.js / AngularJS編in「Rails勉強会@東京第88回」
普段仕事をしていると、自分のやっている案件や会社内でのプロジェクトのことはわかりますが、﹁Railsの他社での設計方法﹂みたいなことを知る機会って中々ないですよね。そんな時にオススメしたいのがRails勉強会@東京です。月1回(?)の開催で前回が88回目だったので、Rails 1.xxのころから、7年近く継続している勉強会だそうです。この勉強会のスタイルは、参加者の興味があるテーマを集めて人気のあるテーマにしたがってフリーディスカッションやハンズオンを行うというものです。参加者が主体的に発言できたり、実際の現場でどんなカタチで開発しているかがラフに聞けてしまいます＾＾今回は10/19(土)の勉強会の中で、僕が参加したJavaScript Frameworkの議論を参考にさせていただきつつ、周辺の資料をまとめてみました！ (2013/11/13) アシアルさんのブログのAngularJS
mytechnote 2014/02/11
js

angular.js

angular

backbone.js

Backbone

javascript

development

AngularJS
リンク
AngularJSをはじめる前に#AngularJS入門その1 | DevelopersIO
AngularJSをはじめようここにあるように、最近はWebアプリを作成する際にJavaScriptのフレームワークを使用するのが当たり前といっていいくらい、さまざまなフレームワークが存在します。弊社ブログでもember.jsの記事等、JavaScriptのいろいろなライブラリ・フレームワークを紹介していますが、私が近頃AngularJSを使用する機会があり、とても使いやすかったので、改めてここで紹介しようと思います。 AngularJSとはもう一度﹁AngularJSとはなにか﹂という部分を簡単におさらいを。 AngularJSはGoogleとコミュニティより開発しているオープンソース(MIT)のJavaScript用MVWフレームワークです。テンプレート言語としてHTMLを使用できたり、双方向データバインディングやDI(依存注入)が使用できたりと、近年複雑化するWebアプ
mytechnote 2014/01/18
javascript

angularjs

Angular.js

*javascript

angular

AngularJS ガイド

開発

*制作
リンク
YEOMANを使ってMEAN（MongoDB + Express.js + Angular.js + Node.js）のWebアプリケーションを作る - @ledsun blog
MEANとは Mongo DB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。次の手順で進めていきます。アプリケーションの雛形を作成ユーザページを追加 htmlを修正してユーザ一覧を追加クライアントのJavaScript︵Angular.js︶を修正サーバのJavaScript︵Express.js︶を修正 Mongo DBを参照ユーザの登録機能を追加完成したものはGitHubにおいてあります。 Chocolatey本体のインストール以外はMinGW Bash*1で実行可能です。事前準備 ChocolateyでMongo DBとNode.jsをインストールします。Chocolateyをインストールしていなかったら次のコマン
mytechnote 2013/12/28
js

angular

MongoDB

angular.js

node

node.js

install

AngularJS

Grunt

yoeman
リンク
BackboneマンがAngular勉強会いってきたけどそんなに好きになれなかった話 #ng_jp - mizchi's blog
最初に僕のポジションは表明しておくけど、今までbackbone.js, というかそのラッパーであるchaplin.jsべったりの環境で開発してて、今のプロジェクトをゼロから作り直す機会があるので次バージョンのためのライブラリ選定のためにとりあえず比較として angularを試した見た程度の人間なので、深くは理解してない。 Angularのメリット僕の浅い理解と勉強会での話を総合した感じレールに乗り切った時の開発効率が半端ないレールがしっかり敷かれているので開発者の能力差が問題にならない HTMLがテンプレートなので意味的な乖離が少ないビューモデルに対する操作が一貫していてテスタビリティがある自分もモジュラリティがあるHTML/CSSは幻想だと思っているので、HTMLに直接属性を書くのは別に構わないと思っている。ただ、集団開発でも開発者の能力差が問題にならない、という発表をしてい
mytechnote 2013/12/04
Backbone

angular

javascript

backbone.js

js

google

AngularJS

angular.js

backbonejs
リンク
AngularJSの設計思想 [Google I/O 2013] - ワザノバ | wazanova.jp
[Video] https://www.youtube.com/watch?v=HCR7i5F5L8c AngularJSのHype (盛り上がり感)があるようなので、GoogleのMisko HeveryとBrad GreenがGoogle I/O 2013でAngularJSの設計思想について語っているのを紹介します。アプリ開発は、雛形構文︵ボイラープレート︶を利用しながらデータをブラウザとDBの間でやりとりさせるのが中心で、気づいてみると同じ雛形構文を書く作業をかなり繰り返している。コードを書いてる時間よりもコードを読んでいる方に時間がとられることも多い。この雛形構文を使った作業を極力減らして、アプリに付加価値をもたらすコーディング作業だけを抽出したいと思った。コーディング作業が効率的になる構造が欲しかった。フレームワークにテストを組み込むが、フレームワーク自身をきっちりテスト
mytechnote 2013/10/15
angularjs

angular.js

javascript

google

MyInterest

architecture

angular

concept

UI
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx