さてさてどれを使って良いのやら…。今回は 「何となく聞いたことあるから使ってみたい」という独断で ●Protractor ●Puppeteer ●cypress の 3 つをお試しで使ってみようと思います。 ２）テスト対象のデモアプリ E2E テストの対象として、このような簡単なデモアプリを作ってみました。 ユーザー名が ringtail003 ならログインできます。パスワードは何でも通ります。ガバガバアプリです。 E2E でテストしたい内容（= シナリオ）は下記の通りです。 正常ケースのログイン/ログアウト ユーザー名 ringtail003 でログインするとプロフィールのページに遷移する プロフィールのページでログアウトする 異常ケースのログイン エラーメッセージが表示されログインできない ３）Angular のサンプルテスト掘り下げ編 実は Angular では E2E の雛形のテス
![[Angular] はじめての E2E テスト | QUARTETCOM TECH BLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e2e6ab7191ecdbf491cb0aca850a26a451ed9e3/height=288;version=1;width=512/https%3A%2F%2Fuser-images.githubusercontent.com%2F15980747%2F100535132-5eddbb80-3259-11eb-8ba1-9220c1e76afb.png)
かんたん構築！Capacitor x Ionicで作るクロスプラットフォームWebアプリ | DevelopersIO
CapacitorははWebアプリをクロスプラットフォーム向けにブリッジするためのフレームワークです。本記事では、Ionic Frameworkを使って作成したWebアプリをCapacitorでクロスプラットフォーム化する手順を解説します。 Capacitorとは CapacitorはWebアプリをクロスプラットフォーム向けにブリッジするためのフレームワークです。 ネイティブアプリのようなUIが表現できるIonicフレームワークをベースとしたWebアプリをiOSアプリやAndroidアプリとしても利用できるようにするためにフレームワークです *1。Webアプリからネイティブの機能（API）を利用する（ブリッジさせる）ことができるため、Webアプリ、iOSアプリ、Androidアプリをワンソースにまとめることができます。 クロスプラットフォーム : iOS, Android, Electro
Blazorが一般公開になりました。 身の回りでは（大いなる誤解含みで）にわかに話題になっています。 自分はAngularが好きなので、AngularでできることがBlazorだとどうなるのかを調べてみたいと思います。 コンポーネント Angularのコンポーネントと、Blazorのコンポーネントはほぼほぼ同じ意味です。 コンポーネントを用意していくことで画面を組み立てます。 思いついたものをまとめました。 比較項目 Angular Blazor
![[Microsoft] Angular側からBlazorを眺めて比較する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab4d02d2a6bb68de99768dca4f42999f4c5ce290/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCTWljcm9zb2Z0JTVEJTIwQW5ndWxhciVFNSU4MSVCNCVFMyU4MSU4QiVFMyU4MiU4OUJsYXpvciVFMyU4MiU5MiVFNyU5QyVCQSVFMyU4MiU4MSVFMyU4MSVBNiVFNiVBRiU5NCVFOCVCQyU4MyVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NDU2ZWRiNDA5NjgyNWUxZTMxOTMzZTQ0OWJmNDBiNjY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZW5nb2t1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYWNiYmI4Yzk1MmVkYjkwODY3MTMxMTVkMzMzNGY1Nw%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8b9ceebc8c3ec98bfb20f561ae542991)
Jamstack Toolchain Scully's CLI is powerful enough to make JAMstack possible for all Angular and Angular-hybrid projects. Everything needed to build, test, and deploy is included out of the box. Runtime Tooling Scully gives developers the necessary tools to JAMstackify any Angular project, including fine-grained control where needed. Plugin System Extend and adapt Scully to any need with its power
Angular エンジニアのための React 言い換え表
最近 Angular を触り始めた React エンジニアです。 ただ、周りでは Angular な人が React を触ることになりそうなので、自分の Angular の勉強も兼ねて Angular -> React の言い換え表を作ってみようと思います。 Props @Input/@Output React では input/output の区別は特になく、親から子のコンポーネントに渡すものは全て Props というオブジェクトとして定義されます。 ＠Output は Angular では子が発するイベントを親が購読している関係になっていると思いますが、React では親から関数を渡して、それを子側でコールバックとして実行するという感じです。 type Props = { text: string doSomething: () => void } const Comp: React.
Top Mobile App Development Company in India | Kody Technolab
Ready to get started? Take your project to the next level
Angular の環境構築方法入門
Angular5 の環境構築 Angular – クイックスタート Angular5 の開発環境を構築します。手順は上記公式サイトの手順に倣います。 Node.js と npm Download | Node.js Angular を使うには、Node.js と npm がインストールされている必要があります。 上記URLからNode.jsのLTS版をインストールしてください。npm は Node.js に付属するパッケージ管理ツールですので、Node.jsがインストールされると使えるようになります。 バージョンについて バージョンについては次のように書いてあります。 node 6.9.X 以上とnpm 3.x.x 以上がインストールされていることを確認してください。 ターミナルまたはコンソールで node -v と npm -v コマンドを使うことで確認できます。 古いバージョンをお使い
この記事は 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
Version 10.0.0 is here! This is a major release that spans the entire platform, including the framework, Angular Material, and the CLI. This release is smaller than typical; it has only been 4 months since we released version 9.0 of Angular. Photo of Butterfly Beach by Minko GechevWe try to release two major versions each year to keep Angular synchronized with the rest of the JavaScript ecosystem
「Angular 12」正式リリース。Webpack 5正式サポート、IE11のサポートが非推奨、Strictモードがデフォルトに、「Ivy」レンダリングエンジンへの移行が事実上完了など
「Angular 12」正式リリース。Webpack 5正式サポート、IE11のサポートが非推奨、Strictモードがデフォルトに、「Ivy」レンダリングエンジンへの移行が事実上完了など Webアプリケーションフレームワーク「Angular」の最新版となる「Angular 12」が正式にリリースされました。 Our team is excited to announce the release of Angular v12! #ngUpdate to see: Ivy-first library distribution Prod mode & strict mode by default Production Webpack 5 support Inline Sass Inline critical CSS Read all about the release https://t.co/
Angular 9/8 Tutorial: Build a Web App with HttpClient and RxJS 翻訳 - Qiita
Angular 9/8 Tutorial: Build a Web App with HttpClient and RxJS 翻訳AngularRxJSHttpClient Angular #2 Advent Calendar 2019 | 15日目 Medium Blog の Angular 9/8 Tutorial: Build a Web App with HttpClient and RxJS の翻訳です。 この Angular 9 チュートリアルでは、 REST API の作成/シミュレーション、新しいプロジェクトの足場、重要な API の設定、最終的なアプリケーションの構築とデプロイから必要なすべてのステップを経て Angular 9 サンプルアプリケーションを構築する方法を学びます クラウドへ。 例として、URL クエリ文字列とパラメーターを使用して GET リクエストを送信
Angularのレンダリングメカニズムを学ぶときの歩き方
この記事の目的 Angularのドキュメントは、How to useはそれなりにありますが、conceptsが少ないよなあと昔から思っていました。使い方はわかってもアーキテクチャーがよくわからないのです。 どんなコンセプトなのか？、背景にある考え方は何なのか？、どんな仕組みになっているのか？などは、ウェブで幅広く探すしかありませんでした。そこで、私がこれまで参考にしてきたもののうち、特にレンダリングメカニズムに関して設計思想や仕組みがわかるものを集めました。なるべく一次情報のものをリストアップしています。 最近はangular.ioのコンテンツも充実してきましたが、設計思想的なものは相変わらず少なかったりします。Angularを使うことではなくて、Angularそのものに興味を持ったときのガイドになればと思います。他にもこれはというものがあったらぜひコメントなどで教えてください。 なお、A
Angular v16 is here!
Six months ago, we reached a significant milestone in Angular’s simplicity and developer experience by graduating the standalone APIs from developer preview. Today, we’re thrilled to share that we’re continuing the Angular Momentum with the biggest release since the initial rollout of Angular; making large leaps in reactivity, server-side rendering, and tooling. All this comes with dozens of quali
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は2020年2月にリリースされたAngularのバージョン9を紹介しました。Angularはその後アップデートを重ね、2020年6月にバージョン10、11月にバージョン11がリリースされています。今回はAngularのバージョン10・11について、主要な変更点や新機能を紹介していきます。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 前回記事では2020年2月リリースのバージョン9を紹介しましたが、その後2020年6月にバージョン10
この記事は Angular #2 Advent Calendar 2019 7日目の記事です ng g libraryで作成したAngularのライブラリに対してjestでテストを回せるようにしたのでやったことを書いていく 経緯 「テキストボックスの入力に関して指定秒数入力がなかった場合にイベントを発火させる」というよくありがちな実装をライブラリ化した Angularでライブラリを作成しnpmに公開する - notebook swfz.hatenablog.com 実際のテストコードはディレクティブに対してのテストとrxjsの実装部分のテストをjest-marblesを使ったが「完全に理解した」という感じになっていないので割愛する 下記の記事で少し古いがライブラリを使っている場合のjestの設定についての記事を見つけたので参考にする Integrate Jest into an Angul
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による擬似的
Angular 4 以降の画面遷移、Router 周りの書き方を毎回忘れるので、自分用にまとめる。 通常のリンク URL (ルーティング) 定義 リンクする HTML 別の Component (TypeScript) から遷移する ルートパラメータ付きのリンク URL (ルーティング) 定義 リンクする HTML 別の Component (TypeScript) から遷移する パラメータを受け取る Matrix URI パラメータ付きのリンク リンクする HTML 別の Component (TypeScript) から遷移する パラメータを受け取る クエリパラメータ リンクする HTML 別の Component (TypeScript) から遷移する パラメータを受け取る ハッシュリンク・フラグメントを付ける リンクする HTML 別の Component (TypeScript)
Since January 1, 2022, when Google stopped updating AngularJS to fix security, browser compatibility, or jQuery issues, the Angular team recommends upgrading to Angular (v2+) as the best path forward. From Angular V2 onwards, one of the significant changes was moving toward a component-driven framework. Hence, Angular Components is one of the significant changes in Angular v2 onwards. What Are Com
Authors: Jatin Ramanathan, Minko Gechev You may know Angular as the web framework from Google, but Google actually has another web framework: Wiz. Both Angular and Wiz are used by thousands of engineers and thousands of apps inside of Google. Wiz is an internal framework that is used by some of the most popular Google products such as Search, Photos, Payments and many others. Over the last year we
Angular 日本語版
Angular実践入門チュートリアル
このチュートリアルでは、簡単なTodoアプリの作成を通してフロントエンドフレームワークAngularを使った基本的な開発を体験することができます。 初心者の方でも習得できる難易度に設定しつつ、UIフレームワークの導入やFirebaseを使ったデータ永続化といった実践的な内容までカバーしました。これを一通りやれば、応用してさらに複雑なアプリの開発に進んでいけると思います。 また、初心者向けのチュートリアルにありがちな「なんとなく真似して書いたら動いたけど、本質的なところはよく分からなかった」といった感想に終始してしまわないよう、「なぜそうなるのか」を丁寧に解説することを心がけています。 自分でも有料級の内容だと思ってますが（笑）、今のところすべて無料で公開しています。 ぜひチャレンジしてみてください！
本稿では 2020 年夏（Angular v10.1） 時点において Angular Elements がどのような状態にあるのかを簡潔にまとめる。すでに達成されていることと、まだ達成されていないことを手早く把握できることを目的とする。Angular Elements の将来については 公式ロードマップ に書かれていないことを独自に述べることはない。 Angular Elements の基本仕様Angular Elements に触れたことがない読者のために、Angular Elements の基本的な仕様を解説する。Angular Elements とは、Angular コンポーネントを Web 標準の Custom Elements にコンバートすることで、Angular アプリケーションの外でも利用できるポータブルなコンポーネントを作る機能のことである。（公式ドキュメント） ライブラ
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。 次記事：Angularでビュー（チャット画面）を作る 関連：Angular2の環境構築（yoemanで構築） この記事で行うこと Angular CLIをインストール プロジェクトを作成 「Angular Cli」とは Angularの環境構築に「Angular CLI」は欠かせません。 他のJavaScriptフレームワークと比較して、あえてAngularを選択するという場合、次のような理由が考えられます。 デザイナーとの協業がしやすい。 公式ドキュメントが豊富なため、困ったら公式を頼ることができる。 コンポーネント、サービス、ルーティング、モジュール、パイプ、http通信など、アプリ構築に必要な機能が揃っており、第三者が作ったライブラリを使わなくともよい。 命名規則やディレクトリ構成などがあらかじめ定め
GitHub - angular-eslint/angular-eslint: :sparkles: Monorepo for all the tooling related to using ESLint with Angular
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【Angular】なぜTemplateから関数を直接呼び出すとパフォーマンスの低下を起こすのか、とその対策 - Qiita
【Angular】なぜTemplateから関数を直接呼び出すとパフォーマンスの低下を起こすのか、とその対策Angular はじめに よくAngularのパフォーマンス改善で言われている「Templateからメソッドを直接呼んではいけない」はなぜなのか、をこちらの記事を参考に実際に試して確認、そしてその対策方法を共有する。 注意事項 今回はPipesをメインに紹介したいため、@Input()とChangeDetectionStrategy.OnPushを使った対策は割愛する。 今回使っていくソースコード 1~100までの数値とその数値が偶数かどうかを表示する。 数値の横のボタンがクリックされると、その数値を100倍にして更新する。 import { Component, DoCheck } from '@angular/core'; @Component({ selector: 'app-c
開発者のみなさん、普段どんな言語やフレームワークを使って開発していますか？Hubbleのフロントエンドチームでは、Angularを使って開発を行っています。 正直、使っている人口が少なく、古いと思われがちのAngular。なぜこのフレームワークをHubbleでは使っているのか…。このnoteではその謎を解明していきます！ 登場人物 白木：Hubble人事。なぜAngularを使っているのか謎に思っていた。 齋藤：Hubble創業時から開発をリードするエンジニア。Angularが好き。 Angularが好きなのには理由があった白木：Angularって、正直使っている人口はとても少ないですよね。エージェントからも「新規の応募者がかなり少なくて紹介が難しい…。」と共有を受けています。そんな中、なぜHubbleでは数あるフレームワークから、あえてAngularを選んだのでしょうか？ 齋藤：一番の理
ちょうどTypeScriptでstrict: trueやっていこう！という時期だったところに「AngularってTemplateTypeCheckできないんですね」 ということを言われて調べてみたところできなそうだったので落胆していたのですがIvyで実現されていたようです ng --version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 8.1.1 Node:
Today, we at Ionic are happy to share the release of Angular Schematics for Capacitor. Let’s take a look at what Capacitor is and how to add it to an Angular project. Capacitor overviewFirst off, let’s go over what Capacitor is and how it relates to other cross platform projects out there. At a glance, Capacitor follows many of the same ideas as Apache Cordova. There is a Web layer that renders th
Angular サーバーサイドレンダリング を Firebase Cloud Functions で動かす 2019.06.21 Angular Angular, Firebase, サーバーサイドレンダリング, サーバーレス Angular でサーバーサイドレンダリング Angular でサーバーサイドレンダリングを行う方法をまとめます。 基本 この記事 を参考にしていますが、うまくいかない個所もあったので、備忘録がてらやり方をまとめておきます。やり方も少しだけかえています。 Firebase を使ってサービスを構築する予定だったので、サーバーサイドには Firebase Cloud Functions を利用します。元記事には GCP のサービスを使う方法もあります。 Firebase の無料枠で試せます。 Firebase のアカウントの用意、NodeJS & Angular のイン
Taiga UI
Taiga UI —— powerful set of open source components for Angular
はじめに Angular Advent Calendar 2021 20日目の記事です。 前回は @nontangent さんの [SCSS] Host Scoped Custom Property でした。 Angular で setTimeout / Promise / Observable などの非同期処理を扱った時、なんだか良くわからないまま呪文のように fakeAsync や tick を使ってテストを通す事はありませんか？この記事では、そんな非同期処理のテストについて掘り下げた内容を紹介したいと思います。 試した環境 Angular 13.1 Node 16.10 Jasmine 3.10 この記事のサンプルコードは GitHub リポジトリに保存しています。 https://github.com/ringtail003/blog-angular-async-testing/t
Adways Advent Calendar 2019 14日目の記事です。 http://blog.engineer.adways.net/entry/advent_calendar_2019 こんにちは、swfzです。 先日 Angularでの静的サイトジェネレーターscullyが公開されました github.com ReactだとGatsby、VueだとGridsomeなど、静的サイトジェネレーターと言われる部類のものがありましたがAngularは（僕が観測している範囲では）今までありませんでした 個人的に待望だったのでまだ変更等ありそうですが一足早く使ってみたいと思います チュートリアル動画は下記にあります Introducing Scully: Angular + JAMStack - YouTube www.youtube.com JAMstackとは JAMstack | J
Introducing Angular v17
Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of JavaScript frameworks emerging to support the increasing need for rich web experiences. Today with a new look and a set of forward-thinking features we bring everyone along to the future with version 17, setting new standards for performance and developer experience. In v17 we’re happ
Why you should never use function calls in Angular template expressions
Angular templates are awesome and extremely powerful. With structural directives and property bindings, we are equipped to create even the most complex views with very clear semantics: <ng-container *ngIf="isLoggedIn"> <h1>Welcome {{ fullName }}!</h1> </ng-container>Because expression are so powerful, they can easily grow in complexity when our views become more complex. Before we know it, we end
Angularとは - Qiita
Googleが開発しているJavaScriptのフレームワークです。 現在（2020/02/20）はVersion9までリリースされているようです。 Wikipediaには Angular（アンギュラー）は、Googleと個人や企業のコミュニティによって開発されているTypeScriptベースのオープンソースのフロントエンドWebアプリケーションフレームワークである。 と記載されています。 他にも「Vue」や「React」などありますが、一番大きな違いはフルスタックであることです。 「Vue」や「React」は画面側のフレームワークですが、「Angular」はルーティングなどwebアプリケーションに必要な機能が全て備わっています。 そのため、「Vue」や「React」はフレームワークというよりかは画面側のライブラリという認識でも良いのではないでしょうか。 つまり、「Angualr」を使うだ
前提 本記事の内容は主にAngular v9以上を対象としています。 v9よりIvy（Angularの次世代レンダリングエンジン）がデフォルトで有効になり、Ivyの導入に伴いデバッグAPIの仕様が変更されています。 そのため、v8以前では本記事で紹介するデバッグAPIは利用できません。 ブラウザコンソールからAngularの状態を見る Angularの開発モード（ng serveした状態）では、@angular/core/globalパッケージを使用してコンソールからアプリケーションの状態を見ることができます。 @angular/core/globalパッケージのメンバは、ngという名前空間に属する関数としてグローバル領域（windowオブジェクト内）に公開されます。 コンソールよりng.XXXXと関数を実行することで、コンポーネントのインスタンスなどを取得できます。 以下は使用可能な関数
Angular Advent Calendar 2019 12/13の記事です。誠に勝手ながらQiitaではなく個人ブログに執筆させていただきます。 誠に勝手ながら自己紹介しておくと、22歳の大学院生やりつつ、LCNEMのCEO,CTOです。Angularが大好きでフロントに多用しつつ、Firebaseでサクッと開発したり、Golangでブロックチェーン「そのもの」を開発したり、案件をいただいたりもしています。ブロックチェーンに限らず、開発の依頼や、採用についてお気軽にご連絡ください。 私個人の是非Twitterもぜひご覧ください。 今回のテーマは、AngularでChrome拡張の開発を完結させる、です。 「Orbit」という、SLIP44の規格をもとに、ブロックチェーンに利用する秘密鍵をチョー簡単に管理するChrome拡張を開発中です（というか完成）。（もともとCosmos用になにか作
はじめに 本記事ではAngular向け状態管理ライブラリAkitaの紹介と、導入から使い方までの流れを解説します。 とても使いやすいライブラリだと思うのですが、日本語の情報あまりにも少なく、増えないので自分で書いてしまおうと思いました。 ※AkitaはAngular以外でも使うことが出来ます GitHub https://github.com/datorama/akita 公式ドキュメント https://netbasal.gitbook.io/akita/ Blog https://engineering.datorama.com/@NetanelBasal 環境 angular ver8.2.4 akita ver4.10.2 Akitaの特徴、良いところ Akitaの特徴、ngRxとの違いや、個人的に良いと思ったところについて RxJsで構築されている 関数型ではなくオブジェクト指向
ReactやVueやAngularといったフロントエンドフレームワークを用いたWebアプリケーションにもソースコード盗用から守る対策は必要ですか？
回答 (5件中の1件目) いわゆる難読化とかでしょうか？あるいは右クリックメニューの無効化とか？自分はフロントエンドエンジニアとしての経験はないので的外れならすみません。ただ、フロントエンドはフロントエンドだけで存在するわけではなく、その部分だけで守らなければいけないようなものってそんなにあるのでしょうか？ 色々対策はあるでしょうが、所詮はイタチごっこです。仮に盗用され、それを見つけたとします。それに対して、実際何か手を打てますか？よほど特徴的なコードでない限りは「それは偶然の一致だ」と言われればどうしようもないと思います。だからこそ、対策すべきという意見はわからなくもないですが、保守...
iOS 13以降のiPadを判定するユーザーエージェント│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積
iOS 12までのiPadはユーザーエージェントに文字列"iPad"が含まれているかで判別できました。 しかしiOS 13以降のiPadのSafariには「デスクトップ用Webサイトを表示」という機能が実装されており、それがオンになっていると（デフォルト）ユーザーエージェントに"iPad"の文字が含まれなくなるようです。 そのためユーザーエージェントでの分岐に追加をする必要があります。 var ua = window.navigator.userAgent.toLowerCase(); if(ua.indexOf('ipad') > -1 || ua.indexOf('macintosh') > -1 && 'ontouchend' in document){ // iPad用の処理 }else{ // それ以外の端末用の処理 } "macintosh"という文字列が含まれており、タッチ操
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Angular] はじめての E2E テスト | QUARTETCOM TECH BLOG
[Microsoft] Angular側からBlazorを眺めて比較する - Qiita
Scully Documentation
Angular8 ユニットテストが動かねぇ！ - Qiita
Version 10 of Angular Now Available
半年ごとに更新を重ねる「Angular」バージョン10・11の新機能をチェック
AngularのライブラリのテストにJestを使ってみる - notebook
Angular: Angular CLI の Jest サポートを試す
Angular の Router に関する書き方を整理する - Corredor
Creation of a Component in Angular Version 2+
Angular and Wiz Are Better Together
Angular Elementsの現在地 (2020 Summer) | Marginalia
Angularの環境構築（Angular CLIで構築） - Qiita
実は進化してる！Angularを使う理由をお話します｜Hubble Inc.
Angular Ivyでのテンプレート型チェック - notebook
Announcing the Capacitor ngAdd Schematic
Angular サーバーサイドレンダリング を Firebase Cloud Functions で動かす
君たちはAngularで非同期処理のテストをどう書くか | QUARTETCOM TECH BLOG
AngularにJAMstackが??? - Adwaysエンジニアブログ
Angularアプリケーションをブラウザのコンソールからデバッグする - Qiita
AngularでChrome Extensionの開発を完結させる
Angular向け状態管理ライブラリAkitaの紹介 - Qiita