Angular2の開発環境、俺ならこうやる 2016年7月25日版(2.0) - Qiita
(追記)2.0に対応しました。(2016/09/15) ここに書いていることは全て自己流のオレオレ環境なのであまり鵜呑みにしないでください。 今回のGitHubリポジトリ→ovrmrw/ovrmrw-ng2-env-20160725 まずは僕のマシン環境から。 Windows 10 64bit or 7 32bit Visual Studio Code (stable) 1.3.1 Node.js 6.3.1 Git 2.8.1 GitHub Desktop (Node.jsはnvm-windowsでインストールしています) Angular2やるならこれぐらいは最低限インストールしておく必要があります。 WindowsにおけるNode.jsの環境構築はWindowsでnpm installの赤いエラーに悩まされているアナタへも合わせてどうぞ。 Node.jsの6系はnode-sassインス
build を制するものはAngularを制する - Qiita
About Me Name: @Quramy Angular力: ドラゴンボールで言うと餃子くらい(そこら辺の幼稚園児よりは書けるけどナッパみたいなやつにはかてない) 趣味: 自作したVimのTypeScript用プラギンをメンテすること TL;DR; 「ビルドタスクを書ける奴はPrjに1人いればいい」 ...マジで言ってんの？ 自分で書けるようになった方が良い Today's theme: Module bundler Weapon of choice? webpack v2.xからはTree Shaking(import した対象のみbundleする機構)がデフォルトで利用可能に。angular-cli等、公式でも採用されている。 「何でも出来てしまう」ツールなので、使い方を間違うとwebpackと心中する羽目になる. Rollup ES2015に最適化されたTree Shakingは
Angular 2アンチパターン集 - Qiita
@armorik83です。Angularアドベントカレンダーの4日目となる本日は、かつて好評だった拙記事"AngularJSアンチパターン集"にあやかって、Angular 2（以下、単にAngularと表記したときは2.0以上4未満を指す）について気をつけた方がよい点――アンチパターンをまとめたいと思います。 Angular 2.xでアンチパターンは起こりうるか Angular 1系とは大きくAPIが変わったAngular 2系。APIが大きく変わった理由として、Web標準により近い構成を取れるようにする目的がありました。例えば、angular.module()ではなくTypeScriptのimport fromをベースとするソース分割の仕組みであったり、ES2015 classを標準としたComponentやServiceの定義であったり、$qではなく標準のPromiseを使ったりなどで
InversifyJSで学ぶDI(Dependency Injection) - Qiita
はじめに DIコンテナ自体は特に目新しい技術ではありません。JavaScript界隈ではAngularJS 1.xやRequireJS(AMD)等はそれ自体がDIの仕組みを内包したライブラリです。 しかし、これらのDIは若干無理やりな実装方法を取っていた感があります12。これはJavaScriptでメタデータやAOPを適切に扱う機能が不足していたことが背景にあると考えているのですが、ここ1, 2年で言語側の状況も変化してきています。 具体的にはTypeScript 1.5からDecoratorsがサポートされたり、ES 2015にてリフレクションの仕様が追加されたりと、よりスマートなDIコンテナを実装するための基盤が整いつつあります。 そこで今日はInversifyJSという軽量JavaScript DIコンテナについて触れるとともに、最新のDI事情を見ていきたいと思います。 Invers
npm iしてAngualr 2のHello World!を書くところまで【改】 - Qiita
追記160914: rc.7に対応しました、本題はこちらから。冒頭は終了したイベントの宣伝です。 @armorik83です。先日は私もng-japanに登壇してきましたが、会場内のAngular 2熱の高さに興奮を覚えたものです。 さて、私が代表を務めているng-kyotoとng-japan、GDG神戸、会場のteratailさん、サイボウズ株式会社さんのご協力によって、来る4/10と4/16にAngular 2ハンズオン勉強会を開催いたします。 4/10 Angular 2ハンズオン勉強会@渋谷ヒカリエ レバレジーズ本社 4/16 GDG神戸 Angular 2ハンズオン勉強会@サイボウズ 大阪梅田オフィス これは両イベント共にng-kyotoの代表である私の他、@_likr, @shinsukeimai, @pastelInc オーガナイザらが関わっており、初のAngular 2ハンズ
React + Redux + TypeScript でWebアプリを作った感想・勉強法と Angular との比較 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 作ったもの 成果物は Alcatraz を便利に検索する Alcatraz Search という web アプリを開発しました を参照ください。 ソースコードは starhoshi/AlcatrazSearch にあり、 GitHub Pages で公開 されています。 今回作るためにした勉強や開発の感想、 React と Angular の比較などをつらつら書いていきます。 多少なりともフロントの心得がある人向けで、あまり説明的ではない内容です。 フロントエンド開発経験 2015年7月くらいから業務で Angular, TypeScr
20160305 フロントエンドカンファレンスのメモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? すごく良かった！！ まとめると TypeScript, Angular2, BEM, Sass, gulp 使って開発しろっていうカンファレンスでした。 Are you a Designer or an Engineer? twitter.com/yamasy1549 http://yamasy.info NIT, Akashi College 2nd grade 17歳 スライド http://www.slideshare.net/yamasy1549s/are-you-a-designer-or-an-engineer ハッカソンに
Angular2のDIを知る - Qiita
どうも、@laco0416です。本アドベントカレンダーでは3回目の投稿です。 Angular2のDIを知る 今回の目標は「Angular2のDIを知る」ということで、まずは基本的なところからおさらいしていきます。 Angular2のDIの使い方 まずは一番単純なDIの使い方を解説します。そもそもDIとは…という話になると複雑になるので省きますが、Angular2においては「 Providerから提供されているインスタンスを特定の変数にInject（注入）する仕組み 」のことを指します。 Provider と Inject の2つの関係は重要なので頭に入れておきましょう。 Injectされる側 今回はFooServiceというクラスのインスタンスがDIで注入されるようにします。以下のコードではsay()メソッドを持つFooServiceクラスをexportしています。
【AngularJS】ファイル分割オレオレプラクティス - Qiita
AngularJS with ES6/TypeScript and Browserify 『AngularJSモダンプラクティス - Qiita』を参考に，僕がAngularJSでなんかつくるときのディレクトリ構成とかそういうのを雑にまとめてみました． 対象 TypeScript 1.5 or ECMAScript 6 AngularJS >= 1.3.0 Browserify 方針 基本的にはTypeScriptで記述 型定義ファイルはdtsmで管理 エントリーポイントを定め，そこに**全部import**する app nameやdirectiveのprefix等は定数にしてexport 各ファイル内でangular.module(appName)してangularのmoduleを取り出す directiveやfactoryの登録は各ファイル内で行う tscでコンパイルしたファイルを一時
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScript 2.1のkeyofとかMapped typesがアツい - Qiita