ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで
Angular v11.0.0のリリースとともに、Angularの開発ロードマップも更新された。 この記事では開発ロードマップから “Migrate To ESLint” が消えたことと、Lintingに関するAngular CLIの動きについて簡単にまとめる。 TL;DR要点だけ知りたい人は次のことだけ持ち帰って欲しい。 TSLintからESLintへの移行はサードパーティのangular-eslintの利用を公式に推奨している Angular CLIのデフォルトLinter(TSLint)はv12で非推奨になる angular-eslintAngularチームがTSLintからESLintへの移行を考え始める以前から、angular-eslintプロジェクトはTSLint+Codelyzerの機能をESLintで再現するツールを開発してきた。 近々angular-eslintのリリース
Ionicで作る モバイルアプリ制作入門[Angular版]<Web/iPhone/Android対応> 作者:榊原 昌彦発売日: 2019/11/27メディア: 単行本 気になっていたIonicのサンプルアプリ開発のチュートリアルです。 Ionic + Anuglar + Firebaseで認証機能付きのチャットアプリを開発していきます。 若干コードが古いので、Angular未経験の人はsample codeのversionに合わせたほうが良いかもしれません。 内容は中々よかったです。 IonicはCordovaを利用して、iPhone/AndroidのAPIを利用していると知りました。 PhoneGapの頃とか、遅くて辛かった記憶しかないので、頑張ってんだなぁと（ワレ、生きとったんか）と思いました。 がっつりしたMobileアプリではなく、まぁ簡単な物ならIonicで作るのは良いかもし
この記事では、Angular v9.0にて非推奨となる entryComponents 機能が、なぜ非推奨になるのかについてできるだけ簡単に解説します。 Angular - Deprecated APIs and Features はじめに 解説を始める前に、重要な点をあらかじめ書き記しておきます。 もしIvyをオプトアウトする場合は、 entryComponents は引き続き必要です。決して削除しないでください。 いままで entryComponents 機能を使ったことがない方が新たになにか覚える必要はありません。興味がなければ過去のものとして無視してください。 entryComponents とは何なのか v9.0 で非推奨となる entryComponents とは何だったのかということをまずは振り返りましょう。 entryComponents は多くの場合、 動的なコンポーネン
2018/6/26 市ヶ谷Geek★Night #18にて発表した資料です。
Help us understand the problem. What is going on with this article? この記事は Angular #2 Advent Calendar 2019 3日目の記事です。 こんにちは、奥野賢太郎（ @okunokentaro ）です。今回は同日に公開された記事『フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由』のアンサー記事として、筆者の考える問題点の克服方法、または誤解の解消、および自分がAngularを選ぶ理由を述べようかと思います。 特定のAPIの便利な使い方…とかよりは、もうちょっと視座の高い話になっています。また本稿内にてReactの言及が多いことについては、アンサー元の記事がReactを推しておられることに由来しており、それらの節で言及してい
この記事は Angular #2 Advent Calendar 2019 二日目の記事です。 こんにちは。カルテットコミュニケーションズ で働いている @ringtail003 です。プロダクションコードがきちんと動作しているのにユニットテストが書けない、動かないって事ありませんか？そんなハマりポイントを記事にしてみました。 この記事を書いた環境： node v12.13 @angular/cli 8.3.12 ngOnChange 動かないんですけど？ サンプルコード https://github.com/ringtail003/angular-failed-test/tree/ng-on-changes コンポーネントクラスの ngOnChanges() でメンバ変数を更新しているケースです。 ブラウザでは ngOnChanges が実行されるのに、テスト環境では無言を貫き mess
Angular Advent Calendar 2019の25日目の記事です。 この記事は GDG TokyoのDevFest 2019で発表した内容から抜粋、加筆したものです。 2019年も終わりということで、発表では今年一年のAngularの動きを振り返り、来年以降の展望についてまとめました。 この記事では振り返り部分は割愛し、2020年以降のAngularのロードマップについてのみ触れることにします。 全篇をご所望の場合はスライドを直接参照してください。 bit.ly/2Y5ZfJx Roadmap in 2020 2020年の間にはv9.0からv11.xまでのリリースが行われる予定です。半年に一度のメジャーバージョンアップは今後も継続されます。 v9.0では次のような大きな変更があります。 Ivyのデフォルト有効化 CDK Clipboard APIの提供開始 CDK Testin
この記事は Angular Advent Calendar 2019 12日目の記事です 今年は1つめのカレンダーが速攻で埋まって、勢いの良さに気持ちが盛り上がりました 2つめのカレンダーも全枠バッチリ埋まっていて、嬉しいですね アドカレ開始前からテンション上がりました はじめに 先日、Angularを使ったアプリケーションでアニメーションのcssを書いてみた際、うまく動かずハマったので、その話を書きます。解決に手間取ったので、同じことでハマってる方の役に立つと嬉しいです。 認識違いや、もっと良い方法等あれば、ご指摘いただけると嬉しいです やりたいこと Webアプリケーションの画面左側にメニューバー的なものを表示し、カテゴリごとにアイテムの表示／非表示を切り替えたい。その際、アニメーションさせたい。 理想の動き 一見、cssを書くだけで簡単にできそうなのですが、いざやってみると以下のような
今年のAngularアドカレはテストの話題が豊富ですね。 Angular8 ユニットテストが動かねぇ！ や はじめてのユニットテストを書く前にモック実装で手が止まってしまわないために など、テストコードを書く上での知見が色々と紹介されています。 僕自身も3年前のアドカレで、Zone.jsがいかにAngularのテストに貢献しているかとかを書いたりしたことがあり、Angularの色々な機能の中でもテスト周りは特に好きな部分の1つだったります。 さて、Angularで直近ホットだった話題といえば、やはりIvyは外せません。 Ivy自体は基本的に内部構造の変更であるため、アプリケーションコードの書き方そのものに影響する話ではないですが、AoT(Ahead of Time)コンパイルをデフォルトにするための布石であり、バンドルサイズの削減やビルドプロセスがシンプルになる、といった効果については聞い
この記事は Angular Advent Calendar 2019 三日目の記事です。 こんにちは。カルテットコミュニケーションズ で働いている @ringtail003 です。この記事は、公式ドキュメント Angular の依存性の注入 | angular.jp を読みつつ手元で試して理解した事を「こう書いたら、こう動く」視点でまとめたものです。クッソ長いですが、ナナメ読みして後からかんたんにテキスト検索できるように情報をてんこ盛りにしておきましたので、ぜひ開発の参考にしていただけたらと思います。 この記事の対象読者： 公式ドキュメントを読んで「なるほど、よく分からん！」になっている人 なんとなく DI 使っているけど時々詰まる人 この記事を書いた環境： node v12.13 @angular/cli 8.3.12 記事の中のサンプルコードは GitHub にて公開しています。 テス
リポジトリを作ってから一行もコードを書かずに GitHub Pages にデプロイまでできる GitHub template を作った話AngularGithubPagesangular-cli この記事は Angular Advent Calendar 2019 の 1 日目の記事です。 今年も 1 日目に飛び込みました @kasaharu です。 今年はなんと Angular #2 Advent Calendar 2019 もあるみたいですよ。 Angular アプリケーションのための GitHub template を作る Angular アプリケーションを new したあとにやったほうがいいことを詰め込んで GitHub Pages にデプロイまでできる GitHub template を作ったお話です。 Angular アプリケーション以外でも役に立つことがある(?)かもしれませ
2017年10月24日にカサレアルにて開催したフリーセミナー用の発表資料です。 以下、告知時の文章です。 ハイブリッドアプリ開発最前線 -使いやすいJavaScriptフレームワークを見極めよう- Monaca、Onsen UIのアシアル株式会社様との共催セミナーです。 定員に達しましたので、本セミナーのお申し込みを締め切りました。 たくさんのお申し込みをいただき、ありがとうございました！ スマートデバイスの普及に伴い、ビジネスにおいて モバイルアプリ開発は避けては通れないようになりました。 しかし、様々なデバイスにあわせて、アプリ開発を行う体力はない・・・ というお客様の声をよく耳にします。 そこで、iOS、Android向けのアプリがワンソースで開発できる HTML5ハイブリッドアプリ開発への注目が高まっております。 今回のセミナーでは前半に、HTML5でモバイルアプリを開発するための
Angular v8がリリースされました！バンドルサイズ削減され、新レンダリングエンジンIvyのプレビュー版が利用可能に！ どうも！大阪オフィスの西村祐二です。 ちょっと日にちが過ぎましたが、5/29にAngular v8がリリースされました！ 今回はそのアップデート内容をまとめてみます。 主に下記のサイトをもとにまとめていますので、詳細がきになる方はリンク先をご確認ください。 https://blog.angular.io/version-8-of-angular-smaller-bundles-cli-apis-and-alignment-with-the-ecosystem-af0261112a27 https://blog.ninja-squad.com/2019/05/29/what-is-new-angular-8.0/ Angularのバージョンアップサイクル 「もう、バージ
@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を使ったりなどで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
