謎のGoogle社内Webフレームワーク「Wiz」を追う
少し前、何気なくTwitterを見てたらこんなツイートを発見。 Googleの内部のWebフレームワーク…？ 起動時はアプリのJSを読み込まない…？ インタラクティブになったときにコードをダウンロード…？ ツイートしてるのはGoogleでLitを開発しているJustinさん。この技術をLitに活かせないか模索するとツイートしてる。 Litの開発をされている方なので、Litを違う名前で読んで遊ぶアイロニーとかユーモアみたいなものかな、フロントエンドはピュアなJavaScriptをvanillaって言うしな、なーんて思ってたら・・・ AngularのIgor MinarさんもWizが存在しているかのように話している？！ そして… Igorさんが「QwikはWizのOSSとしての再実装」と書くと、そこにAngularJSの作者であり、現在Builder.ioでPartyTownやQwikなどを開
Angular: Angular CLI の Jest サポートを試す
Angular v16から、実験的機能として Jest によるユニットテスト実行がサポートされた。この記事では新規に作成した Angular プロジェクトでさっそく Jest を有効化してみた。Angular が Jest サポートを検討している背景などは公式ブログを参照してほしい。 Jest サポートを試す プロジェクト作成 まずはいつもどおり、 ng new コマンドで新しくプロジェクトを作成する。 Jestビルダーに切り替える 次に ng test コマンドで実行されるユニットテスト実行のビルダーをKarmaからJestに切り替える。 @angular-devkit/build-angular:karma に指定されている部分を @angular-devkit/build-angular:jest に変更する。 Jest によるテストはブラウザテストではなくNode.jsによる擬似的
Moving Angular CLI to Jest and Web Test Runner
On the Angular team, we believe testing is critical to build highly complex and scalable applications effectively. Testing takes many forms, and “unit tests” focus on testing the smallest units of a codebase. For Angular applications, this typically includes tests of individual components or services. We regularly survey Angular developers to make sure we are always providing the best experience,
Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor
TLDR The Angular team plans to end development of Protractor at the end of 2022 (in conjunction with Angular v15). Why? Protractor was created in 2013 when WebDriver APIs were not yet a standard and end-to-end (e2e) tests were hard to write due to lack of support for async / await. To solve this problem, Protractor wraps selenium-webdriver and abstracted asynchronous operations from developers wit
The Cost of Javascript Frameworks - Web Performance Consulting | TimKadlec.com
There is no faster (pun intended) way to slow down a site than to use a bunch of JavaScript. The thing about JavaScript is you end up paying a performance tax no less than four times: The cost of downloading the file on the network The cost of parsing and compiling the uncompressed file once downloaded The cost of executing the JavaScript The memory cost The combination is very expensive. And we a
Angularでの開発を快適に進めるために知っておきたいこと - Qiita
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を推しておられることに由来しており、それらの節で言及してい
JavaScript frameworks security report 2019 | Snyk
ProductsProducts What is Snyk? Developer-first security in action
ng-japan 2019 keynote
ng-japan 2019 Keynote bit.ly/ng-japan-2019-keynote Rado Kirov ラドー キロヴ @radokirov Miles Malerba マイルズ マレルバ @milesmalerba MILES: こんにちは、ようこそ ng-japanへ。ぼくはMilesです。GoogleのAngular Componentsチームにつとめています。これはng-japanでぼくのさんかいめです。 konnichiwa, youkoso ng-japan e. boku wa Miles desu. Google no Angular Componen...
Google Developers Expert (Angular) になりました - 余白
タイトルのとおり、AngularのGoogle Developers Expertsになりました！ https://developers.google.com/experts/people/suguru-inatomi Angular GDEは世界では82人目になるようですが、日本では僕が初めてです。やったぜ！ github.com まだ高専生だったころ、2013年にGDGのGoogle I/O 報告会九州会場に参加して、そこではじめてGDEを知りました。 それからずっとGDEに憧れていたので、5年越しにひとつ夢が叶いました。大好きなAngularでGDEになれて本当に嬉しいです。 プログラムの進行をサポートしてくれたGoogleのえーじさんやたくおさん、面接に協力してくれたGDEのFilipさんとAngular TeamのStephenには大感謝です。 Angular GDEはWeb G
🚀 Introducing Akita: A New State Management Pattern for Angular Applications
Every developer knows state management is difficult. Continuously keeping track of what has been updated, why, and when, can become a nightmare, especially in large applications. In the Angular world, the most popular solution is ngrx/store, which was inspired by the famous Redux model. Personally, I’m a big fan of Redux and worked a lot with ngrx; However, both as a developer and as a consultant,
次世代Angularレンダリングエンジン「Ivy」発表、さらに小型化し高速になる実行とコンパイル。ng-conf 2018
そしてAngular開発チームは1日に数回、Angularのアップデートされたコードをリポジトリにプッシュしており、そのコードは必ずこの600種類以上のアプリケーションのテストをパスする必要があるとのこと。 そのため、もしもAngularのコードに互換性のないものが含まれていた場合、サービスの管理者からはコードのロールバック要求が出されるだろうと、Angular Framework LeadのMisko Hevery氏は説明します。 Ivyの重要なコンセプトが「ローカリティ」 Ivyの重要なコンセプトが「ローカリティ」です。ローカリティによる具体的なメリットは、例えばテンプレートを1つ変更した場合、現在は全体をコンパイルする必要がありますが、Ivyではそのファイルだけをコンパイルし直せばよい、というもの。 これによって、例えばnpmは事前コンパイル（AOT）されたコードの状態で提供可能にな
Angularとaxiosを使ったHTTP通信 - 余白
題して「頼りすぎないAngular」ということで、Angularの層をなるべく薄くアプリケーションを作るにはどうすればいいかというのを考えるシリーズです。 Angular良さそうなんだけどロックインされて捨てにくそう、という人々向けに、コードのモジュール性とフレームワーク非依存性を重視した実装パターンを試行錯誤します。 第一回目はAngularのHttpClientを覚えずに、人気のnpmモジュールである axios を使ってAngularアプリでAjaxする例を紹介します。 axiosはTypeScriptの型定義を同梱していて、インターセプターなどAngularのHttpClientと同じような機能が揃っています。 Live Example 今回の完成形はこちらです。 stackblitz.com Random User Generatorからユーザー情報のJSONを取得し、画面に表示
DESIGN DOC (Ivy): Separate Compilationを読む - 余白
angular/separate_compilation.md at master · angular/angular · GitHub 日本語訳しながらngIvyの設計を理解する。 読んだ。要点だけまとめると以下。 Angular 6.0ではIvyという新しいコンパイラが導入される IvyはAngular 5.0 (Renderer2) における分離コンパイルの課題を解決できる Ivyコンパイラは過去の形式を"バックパッチ"してIvy化できるので、後方互換の問題はない Ivyが要求するのはコンパイル後の.jsファイルと.metadata.jsonファイルだけであり、手書きやあるいはサードパーティのツールにより生成されたコードであっても区別せず同様に扱うことができる かなりアツい。 DESIGN DOC (Ivy): Separate Compilation / コンパイルの分離 AUTH
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - oskarsve/ms-teams-rce
🚀 Introducing Transloco: Angular Internationalization Done Right
DOMのXSSを防ぐTrusted TypesとAngularのセキュリティ機構
@bazel/bazel - npm
AngularJSとの危険な関係 by Mario Heiderich - CODE BLUE 2015
Angular Package Format v12
GitHub - salesforce/akita: 🚀 State Management Tailored-Made for JS Applications
