Google I/O 2024で発表されたFirebase App HostingでNext.jsのSSRを試す

2024/05/18 13 users SSR Firebase Next.js リポジトリ 過去

先日のGoogle I/O 2024でFirebaseの新機能が発表されました。 これを読んでいて気になったのが、App Hostingという機能です。どうやらAngularとNext.jsのSSRをサポートしてくれるようになったようです。 自分はboobyというOSSコントリビュートしやすそうなリポジトリを探せるサービスを過去にリリースしています。 これ... 続きを読む

新しい UI テストの手法を提供するテストライブラリ SafeTest

2024/02/25 100 users React Jest Svelte playwright 特定

新しい UI テストの手法を提供するテストライブラリ SafeTest 2024.02.25 SafeTest は Playwright と Jest/Vitest を組み合わせた UI テストライブラリです。特定のライブラリに依存せず、React, Vue, Angular, Svelte などのフレームワークに対応しています。SafeTest は単体テストと Playwright を使った E2E テストの... 続きを読む

「どうしてAngularは流行らないのか」と言われて思うこと | Marginalia

2023/09/24 135 users Marginalia

最近に限らず、ここ数年ずっと目にするし、聞かれることもあるこの話について、いくつかの思うこと、ぼやきを書いておく。あとで参照できて便利なので。 1. あなたが使い始めれば少なくとも昨日よりは広まりますよ好きなら使えばいいと思うので僕には気持ちがわからないのだが、好き・気になるけど流行ってないから使わ... 続きを読む

Ionic 7.2リリース！Buttonのテキストが折り返される新機能が追加

2023/07/26 6 users Button ionic Sea 統合 テキスト

7月26日に、Ionicは最新バージョンであるIonic 7.2のリリースを発表しました。 このリリースでは、Button、Searchbar、およびAngularの統合が更新されます。 以下では、主な変更点について詳しく説明します。 7月26日に、Ionicは最新バージョンであるIonic 7.2のリリースを発表しました。 このリリースでは、Button、Sea... 続きを読む

数年かかるレガシー技術(AngularJS)の移行プロジェクトでやったこと・得られたこと | 株式会社ヌーラボ(Nulab inc.)

2023/05/22 9 users AngularJS typetalk ヌーラボ Nulab

はじめに こんにちは、ヌーラボの池です。ビジネスチャットツール Typetalk の開発をしています。 さて、先日 Typetalk はフロントフレームワークを AngularJS から Angular バージョン2 以降(以下、Angular2系という) に完全移行しました。移行作業は数年にわたる長期プロジェクトとなりましたが無事完了させることがで... 続きを読む

Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応

2023/02/21 7 users シンタックスハイライト Dart less Sass jsx

Google ChromeのDevToolsがAngular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応 GoogleはすでにリリースしているWebブラウザのChrome 110と現在開発中のChrome 111に搭載されているDevToolsで、Angular、Vue、JSX、Dart、LESS、SCSS、SASSなどのシンタックスハイライトに対応したことが明らか... 続きを読む

Qwikの紹介 – HTMLファーストのフレームワーク | POSTD

2022/11/24 97 users POSTD Qwik ビジュアルエディタ フレームワーク 開発

Builder.ioは、強力なビジュアルエディタにより、開発者ではない人が超高速なサイトを開発・編集できるようにしています。 私たちのビジュアルエディタが優れている点の1つは、AngularからWeb Components、 そしてその間にあるすべてのフレームワークに至るまで、 さまざまなツールで同じサイトを生成できることです。 ... 続きを読む

Angular 14正式リリース。Typed Angular FormsやStandalone Componentsなど新機能

2022/06/06 5 users includes Webアプリケーションフレームワーク

Angular 14正式リリース。Typed Angular FormsやStandalone Componentsなど新機能 Webアプリケーションフレームワーク「Angular」の最新版となる「Angular 14」が正式にリリースされました。 Angular v14 is here#ngUpdate includes: Strictly typed forms! Streamlined page title accessibility CLI autocomplete a de... 続きを読む

SPA開発とセキュリティ - DOM based XSSを引き起こすインジェクションのVue, React, Angularにおける解説と対策 - Flatt Security Blog

2022/04/07 22 users React Vue インジェクション SPA開発 セキュリティ

Vue.js logo: ©︎ Evan You (CC BY-NC-SA 4.0 with extra conditions(It’s OK to use logo in technical articles for educational purposes)) / React logo: ©︎ Meta Platforms, Inc. (CC BY 4.0) / Angular logo: ©︎ Google (CC BY 4.0) はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの森(@ei01241)... 続きを読む

フロントエンドをAngularに一本化した話 - EmotionTechテックブログ

2022/02/15 16 users React ライブラリ EmotionTechテックブログ

はじめに こんにちは、フロントエンドエンジニアのねだです。 いきなりですが、タイトルの通りです。 弊社は元々フロントエンド環境に主にAngularを利用しており、Reactでの採用の募集も行っていましたが、当面Angularに一本化する方針に転換しました。 この事はもちろん他のライブラリについて否定的な意図があることを... 続きを読む

Angular+Storybookで画像回帰テストを小さくはじめる - Classi開発者ブログ

2021/09/09 5 users classi StorYBook lacolaco パク なか

Classiのフロントエンドエキスパートチームのlacolacoです。最近AngularのプロジェクトでStorybookをベースにしたUIコンポーネントの画像回帰テストをはじめたので、この記事ではそのなかで学んだことを共有します。 画像回帰テスト 画像回帰テスト（visual regression testing）は、UIの見た目のバグを防ぐためのテスト... 続きを読む

Angularを採用したプロダクトで表記ゆれを撲滅したはなし - Speaker Deck

2021/08/27 15 users Speaker Deck はなし 表記ゆれ プロダクト

Transcript 表 記 ゆ れ を 撲 滅 し た は な し ⼀ ノ 瀬 翔 吾 ( 友 利 奈 緒 ) 2021.08.27 ⾃⼰紹介 atama plus株式会社 Product Engineer ⾃称 CDO (Chief Design System Development Officer) Angular歴 4-5年ぐらい 友利奈緒@rettar5 2 ⼀ ノ 瀬 翔 吾 atama plus 教育に、⼈に、社会に、 次の可能性を。 教育を... 続きを読む

新規開発を止めないAngular→Reactリプレイスの進め方まとめ｜Yuito Sato｜note

2021/07/12 92 users 新規開発

【結論】 5ヶ月かけて無事完了しました。あー長かった。 新規の機能開発を止めないために一般的な開発チームでは今回のようなフロントエンドのフルリプレイスで一部新規の機能開発を止めながら開発を行うことがあると思います。 コードフリーズとなど呼ばれているものですね。 しかしログラスのようなスタートアップでは... 続きを読む

これなら簡単！フリック操作に対応したスライダー・カルーセルを実装できるJavaScriptライブラリ -Flicking | コリス

2021/05/31 25 users Git React コリス Vue フリック操作

フリック操作に対応したスライダー・カルーセルを実装できるJavaScriptライブラリを紹介します。スマホのフリック操作だけでなく、デスクトップのクリックやドラッグ操作にも対応しています。 シンプルなHTMLで簡単に実装でき、Vue、React、Angularもサポート、単体でも動作するJavaScriptです。 Flicking Flicking -Git... 続きを読む

愛すべきAngularとのお別れ。2,3年後を見据えReactにリプレイスする話｜Yuito Sato｜note

2021/02/26 257 users

「Reactに書き換えないとこのプロダクトチームは緩やかに死を迎えます」 こんにちは、ログラスのエンジニアの佐藤です。 昨年に入社して早2ヶ月経ちましたので、入社記事でも書いていきます。 「Reactに書き換えないとこのプロダクトチームは緩やかに死を迎えます」 と、CTOに言ったのは昨年末くらいでした。 入社してま... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React Vue キャッチ

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita

2020/12/07 340 users Qiita Firebase Pwa 月間 収益

と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calenda... 続きを読む

React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js | コリス

2020/07/15 187 users JSON React Preact コリス Vue

高性能なテーブルを実装できる、シンプルで軽量のJavaScriptライブラリを紹介します。HTMLテーブル、ページネーション、検索機能、ソート機能、XMLやJSONからインポートなどに対応しています。 React、Angular、Preact、Vueなどの主要なフレームワークのプラグインとして動作するだけでなく、フレームワークなしのバニラ... 続きを読む

「Angular 10」正式リリース。TypeScript 3.9サポート － Publickey

2020/06/28 10 users Publickey Webアプリケーションフレームワーク

Webアプリケーションフレームワーク「Angular」の最新版となる「Angular 10」正式版がリリースされました。 今回のAngular 10は、前バージョンのAngular 9が2月にリリースされてから約4カ月という短い期間でリリースされたため、通常のメジャーバージョンアップよりも小さめの機能追加や変更になっています。 Version 10... 続きを読む

現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti｜note

2020/03/29 743 users ウェブアプリケーション React erukiti Vue

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなく... 続きを読む

今あえてTypeScriptのビルド＆バンドルツールを探してみる | Future Tech Blog - フューチャーアーキテクト

2020/03/19 14 users TypeScript フューチャーアーキテクト React

ちょっとしたフロントエンドの開発で、TypeScriptに最初から対応していて、簡単に使えるものは何かないかな、と調べてみたメモです。React/Vue/Angularの場合はそれぞれの初期化コマンドで何から何まで用意してくれます。Next.js、Nuxt.js、Gatsbyなども、これらのビルドのステップを簡略化するコマンドを提供しています... 続きを読む

大きく進化した「Angular」バージョン9、次世代レンダリングエンジン「Ivy」を中心に機能紹介 (1/3)：CodeZine（コードジン）

2020/03/12 8 users CodeZine Ivy コードジン サンプル 前回

本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回は2019年5月にリリースされたAngularのバージョン8を紹介しましたが、それから半年以上経過した2020年2月に、次バージョンとなるバージョン9がリリースされました。今回はAngularのバージョン9について、主... 続きを読む

styled-components（CSS in JS）をやめた理由と、不完全なCSS Modulesを愛する方法 - Qiita

2020/03/11 19 users styled-components Problem CSS

Help us understand the problem. What is going on with this article? styled-components 画像は styled-components ツライっていう顔です。 Angularのようにスタイリングまで面倒を見てくれるUIフレームワークならまだしも、Reactの場合はコンポーネントのスタイリング方法も自身で選択しなければいけません。CSSのス... 続きを読む

Amplify+Angular+Recognitionを使って画像からテキストを読み取るアプリケーションをサクッと作ってみる ｜ Developers.IO

2020/01/21 6 users Developers.IO アプリケーション テキスト 画像

どうも！大阪オフィスの西村祐二です。 今回はAngularとAmplifyとRecognitionを使って画像からテキストを読み取るアプリケーションを作ってみたいと思います。 ゴールとなるアプリケーションは下記になります […] 続きを読む

Angularでの開発を快適に進めるために知っておきたいこと - Qiita

2019/12/03 31 users Qiita Problem Angula 奥野賢太郎 同日

Help us understand the problem. What is going on with this article? この記事は Angular #2 Advent Calendar 2019 3日目の記事です。 こんにちは、奥野賢太郎（ @okunokentaro ）です。今回は同日に公開された記事『フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angula... 続きを読む