最近に限らず、ここ数年ずっと目にするし、聞かれることもあるこの話について、いくつかの思うこと、ぼやきを書いておく。あとで参照できて便利なので。 1. あなたが使い始めれば少なくとも昨日よりは広まりますよ好きなら使えばいいと思うので僕には気持ちがわからないのだが、好き・気になるけど流行ってないから使わないという心理があるらしい。企業での判断ならわかるが、個人でそれはまったくわからん。仮にそれがマジョリティだとしたら、使われなければ流行らないのに流行らないと使われない、デッドロックで詰みです。 あなたが使ってみてそのことを発信すれば、少なくとも昨日より世界で一人分は使用者が増えます。その積み重ねでしか普及しません。ですので、流行って欲しいと思うならまず自分から使って周りに広めてください。 2. そもそも「流行っている」とは？僕が思うに、「流行っている」ということと「広く普及している」ということ

はじめに toPromiseはRxJS7で非推奨となりRxJS8で使用できなくなることが予定されています。 今後はtoPromiseの代わりにlastValueFromを利用するべきという記事が多くありますが、本当に同じことができるのかを検証してみました。 結論 多くのケースでは問題ないが全く同義ではない 下記公式ドキュメントでもこう記載されています。 RxJS Conversion to Promises The lastValueFrom is almost exactly the same as toPromise() almost（ほぼ）ということで異なる挙動をするケースがあるのでこの記事ではその説明をしていきます。 toPromise終了に向けて追加された2つのFunction lastValueFromとtoPromiseの違いの前にまずtoPromiseの終了に向けて追加され

Google Developers Expert for Angular / Angularコントリビューター / Angular日本ユーザー会代表 / jsprimer.net 共著

format_quoteUpdate: After writing this blog post I realised that the proposed API was similar to Template Driven Forms, but worse. Since then I'm a huge believer in Template Driven Forms, as you can read in A practical guide to Angular Template-Driven Forms. Over the past year, our team has created a lot of different forms for a form-heavy application. One of the difficulties we experienced was va

Photo by Antonio Batinic from Pexels.comこれは Angular Advent Calendar 2020 8 日目の記事です。 Angular と LinterAngular: ESLint サポートの現状 2020 Autumn にあるように、Angular CLI v12 から TSLint が deprecated 扱いになる。 TSLint とともに使われてきた Codelyzer で提供されてきた Rule については、今後は angular-eslint が提供していくことになる。実際、多くの Codelyzer ルールが angular-eslint に移植済みだ。 Codelyzerルールの移管状況（一部抜粋）一方でこの移行済みチェックリストを眺めていると、template- prefix から始まる、すなわち HTML テンプレート

皆さん、こんにちは、まだ年に一度のAngularアドベントカレンダーになりました、今回が OnPush について、いろいろ話したいと思います。 私が Jia Li と申します、Angular の Zone.js というライブラリを 4 年間開発して、今が Zone.js の Code Owner と Angular Collaborator として Angular の Contribution をやっています。 OnPush Component Angular を開発するとき、性能向上するため、Component の ChangeDetectionStrategy を OnPush をすることが一つの有力な対策です。まず OnPush の仕組みを説明します。 例えば、下記のサンプルをみてください。 @Component({ selector: 'app-onpush', template:

こんばんは！Google Developers Expert for Angularのlacolacoです。この記事はAngularアドベントカレンダー 2020、25日目の記事です。 毎年最終日を書かせてもらってますが、いつものような「一年のふりかえりと来年の予想」ではなく、今年はカジュアルにライブラリ紹介させてもらおうと思います。 気になったものがあればぜひ来年趣味や仕事のプロジェクトで使ってみてください。 Angular専用ライブラリ ngneat/reactive-forms ngneat/reactive-forms: (Angular Reactive) Forms with Benefits 😉 AngularのReactive Formsとほとんど互換性を保ったまま、本家に不足している型チェックをサポートしたライブラリです。 公式のロードマップでAngular Forms

これは ビットバンク株式会社 Advent Calendar 2020 の 3 日目の記事です。 はじめに ビットバンクでアプリケーション開発をしているおくなもです。 弊社では IPFS は使ってないんですが、前から個人的に面白そうだなと思っていたので今回取り上げてみました。 IPFS とは IPFS は "InterPlanetary File System"の略です。 直訳すると"惑星間ファイルシステム"という壮大な名前ですが、一言で言えばコンテンツ指向のファイルシステムです。 IPFS はただのファイルシステムの枠を超えて異なるアーキテクチャの新しい WEB として注目を集めています。 詳しいことは公式のドキュメントに譲りますが、主な特徴は次の３点です。 コンテンツ指向であること。URI を使用せず、コンテンツ識別子（CID ≒ コンテンツのハッシュ値）をアドレスとして用いる クライ

この記事の目的 Angularのドキュメントは、How to useはそれなりにありますが、conceptsが少ないよなあと昔から思っていました。使い方はわかってもアーキテクチャーがよくわからないのです。 どんなコンセプトなのか？、背景にある考え方は何なのか？、どんな仕組みになっているのか？などは、ウェブで幅広く探すしかありませんでした。そこで、私がこれまで参考にしてきたもののうち、特にレンダリングメカニズムに関して設計思想や仕組みがわかるものを集めました。なるべく一次情報のものをリストアップしています。 最近はangular.ioのコンテンツも充実してきましたが、設計思想的なものは相変わらず少なかったりします。Angularを使うことではなくて、Angularそのものに興味を持ったときのガイドになればと思います。他にもこれはというものがあったらぜひコメントなどで教えてください。 なお、A

と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calendar にて、私はたいそう嘆いておりました（ＴДＴ） Web 側の広告は MPA（マルチページアプリ）を前提にしているものがほとんど Web 側では広告の表示を最適化できない（MPA 前提の規約上バックグラウンドで読み込んでおけない それに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまう アプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在する そういった要因から、PWA におけるページ

VueもReactも標準的には扱えているとは思っているが、未だにAngularについては触れてみたことがない。Angularといえば、基本的にビューの部分を管轄するVue/Reactとは異なり結構全部入りっていうイメージがある。(逆にその程度しか知らない) 普段とりあえず手軽なWeb系のプロジェクトを作る際には、自分の環境に長らく使っているVueの秘伝のタレがある程度揃ってることからもVueを使っていることが多い。(いつもTS使っているせいで、いろんな問題があってVue3.x系列にはまだ移行できていないのだけれど) とりあえず、Angularのチュートリアルをやってみたくなったのでツアー・オブ・ヒーローズ アプリケーションとチュートリアル 入をやってみることにする。 環境のセットアップ 元記事 最初は当然環境すらないのでangular-cliを入れる。