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

2023/05/22 9 users angular typetalk ヌーラボ Nulab 以下

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

ep.50 AngularJSからVue.js - 大型リニューアルの学び | UIT INSIDE - LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

2020/06/19 13 users Podcast UIT UIT INSIDE キャッチ 背景

ゲスト紹介 @kimulacoさん フロントエンド開発センター UIT 1室 LINE GIFTのフロントエンドをメインに担当 リニューアルの背景 LINE GIFT 友達や自分宛てに、Eギフトやお取り寄せギフトを贈れるサービス 住所を知らない友達にギフトを送ることも可能 LINE アンケート ユーザーにアンケートを配信し、回答を受け付けるサ... 続きを読む

Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog

2020/06/17 28 users mackerel アプリケーションエンジニア React

こんにちは, Mackerel 開発チーム アプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJS から React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち... 続きを読む

AngularJSのリプレースにAngularを選んだ話 (1/2)：CodeZine（コードジン）

2018/12/05 15 users リプレース CodeZine angular 加筆 反響

本連載では、株式会社ビズリーチのエンジニアが、急成長を続ける事業の中で得られた実践的なノウハウをつづります。第4回となる今回は、6月に始めたエンジニアブログ「BizReach Tech Blog」で反響が大きかった記事を加筆修正して掲載します。テーマは「AngularJSからAngularへのリプレース」。前編である今回はAngularの... 続きを読む

AngularJSからNuxt.jsへ　noteにおけるフロントエンド開発環境の刷新 - ログミーTech（テック）

2018/09/12 145 users 刷新 テック Note ログミーTech Nuxt.js

2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Web フロントエンドの開発環境をテーマに、エディタプラクティスや Service Workerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーショ... 続きを読む

Angular Community の分裂が始まったのか？？ - albatrosary's blog

2017/03/07 15 users 分裂 albatrosary's blog angular

2017 - 03 - 07 Angular Community の分裂が始まったのか？？ Angular 4 のリリースを目の前に Angular Community の分裂がいよいよ表面化し始めた。AngularJSから言われていたその独特な記法は JavaScript エンジニアから敬遠されることもあり、そうしたことが払拭されなかったことが原因なのでは無いかと思う。今 Angular は岐路... 続きを読む

Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて - 株式会社クイックのWebサービス開発blog

2017/03/04 54 users YARN Webpack Vue.js Babel 流行

2017 - 01 - 23 Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて こんにちは。五所です。 最近は時代についていこうと、フロントエンドの情報収集をしています。 React, Redux, AngularJS, ES6, Webpack, Gulp, Babel, Yarn... 情報収集すればするほど、頭がいっぱいになるのですが、その... 続きを読む

マクドナルドユーザーのパスワードを盗み出すことが可能 - GIGAZINE

2017/01/17 50 users GIGAZINE XSS サンドボックス マクドナルド 攻撃

2017年01月17日 12時03分00秒 マクドナルドユーザーのパスワードを盗み出すことが可能 By Shinichi Sugiyama JavaScriptで書かれたオープンソースのウェブアプリケーションフレームワークである AngularJS の サンドボックス をバイパスすることで、ユーザーのパスワードを盗む攻撃の XSS をマクドナルドの公式サイトで行えることをエンジニアの Tijme ... 続きを読む

フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話 | phiary

2016/06/01 701 users React phiary Webpack wat Gulp

10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。 あのライブラリは何故誕生したの?のまとめ - Qiita ここ最近話題になったエントリーですが, どちらも今最もイケてる Riot.js について全く触れられてなくて悲しくなったので書きました. はじめに 「webpack インストールしといてー」, 「gulp 導入して wat... 続きを読む

5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択理由と開発過程は？（前編） Developers Summit 2016 － Publickey

2016/02/18 305 users Publickey TypeScript アーキテクチャ

5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択理由と開発過程は？（前編） Developers Summit 2016 シングルページアプリケーション（SPA）は、最近注目を集めているWebアプリケーションのアーキテクチャです。HTML全体の書き換えは行わず、変更が必要な部分だけをJavaScriptで動的に書き換えていくことにより、反応がよくユーザー体験にすぐれた... 続きを読む

MEANスタックで始めるWebアプリ開発入門（8）：Web開発者が覚えておきたい、よく使うAngularJSのビルトインディレクティブ12選まとめ - ＠IT

2016/01/31 18 users MEANスタック ディレクティブ デフォルト 連載目次 連載

MEANスタックで始めるWebアプリ開発入門（8）： Web開発者が覚えておきたい、よく使うAngularJSのビルトインディレクティブ12選まとめ MEANスタックを用いたWebアプリの開発方法について紹介していく連載。今回は、AngularJSにデフォルトで用意されている便利なディレクティブの使い方をサンプルコードと共に紹介する。 連載目次 前回の記事、「 AngularJSの理解で欠かせない... 続きを読む

AngularJSの良質なサンプルサイトAngularJS Hubが登場 | つかびーの技術日記

2016/01/20 59 users jQuery フレームワーク 部類 モジュール HTML

AngularJSは個人的にかなり注目しているフレームワーク(FW)です。世に出ているFWとしては新しい方の部類ですし、今現在話題になっているFWです。AngularJSを利用すると動き(チェックボックスだとかフォームだとか)を必要としたWebサイトが簡単に作れます。ある程度動きを持たせるだけならjQueryだけでもOKですが、上手く機能をモジュールかできつつ、HTMLをテンプレート化できるので、... 続きを読む

「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ - paiza開発日誌

2016/01/12 349 users フレームワーク paiza開発日誌 0310lan 開発ネタ

2016 - 01 - 12 「AngularJS」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ Webサービス紹介 フレームワーク プログラミング 開発ネタ どうも、まさとらん（ @0310lan ）です。 今回は、 Google が提供する 「 Chrome ブラウザ」で動作するアプリケーション を作ってみたいと思います。 「なんだか難しそう…」と思うかもしれませんが、ざっく... 続きを読む

マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース － Publickey

2015/12/21 23 users Publickey ユーザーインターフェイス アイコン 構築

マテリアルデザインに対応したAngularJS用UIフレームワーク「Angular Material 1.0」正式リリース AngularJSでアプリケーションを開発する際に、マテリアルデザインに対応したユーザーインターフェイスの構築に使えるフレームワークが「 Angular Material 1.0 」として正式に リリースされました 。 Angular Materialは、ボタンやアイコン、メ... 続きを読む

AngularJSの基礎を理解しよう(1/5):初心者のためのAngularJS入門

2015/12/05 66 users Adblock 収益 収入 基礎 JavaScript

libroは、広告表示による収入によって運営されています。 広告が表示されない利用者が増えると、サイトの収益が低下し、運営に影響を及ぼすことになります。 この点をご理解いただき、本ドメインではAdBlock等を稼働させないように設定をして、広告が表示されるようにしてください。 宜しくご協力をお願い致します。（管理者） AngularJSは、JavaScriptのライブラリです。――というと、多くの... 続きを読む

AngularJSはWebサイトのテンプレートエンジンとしてだけ見てもなかなか使える - Deerest

2015/11/11 63 users CDN テンプレートエンジン フレームワーク レンダリング

AngularJSは色々な事ができるし少し難しい印象もあるけど、基本的な機能だけ使っても便利だよーって話。 AngularJS（あんぎゅらーじぇいえす） Javascriptのフレームワーク。 MV*（Model-View-ほにゃらら）設計。 データバインディングできる。 GoogleにCDNあるからきっと流行ってる。 AngularJSを使う準備 AngularJSを読み込みます。 レンダリング... 続きを読む

AngularJSのngRouteを使ってシングルページアプリケーション（SPA）を作ってみよう (1/3)：CodeZine（コードジン）

2015/10/14 47 users カスタムディレクティブ CodeZine TODO管理 以下

今までで一通りの機能が作れるような各機能の紹介や、本格的なアプリケーションを作成するためのカスタムディレクティブなどを含めて少々深い部分まで紹介してきました。今回は、ngRouteモジュールを使ってシングルページアプリケーション（以下、SPA）を作成します。 作成するアプリケーションは以前紹介したTODO管理のアプリケーションと同様のアプリケーションですので、実際の各登録機能などの説明は省略します... 続きを読む

ngAnimateモジュールを使用したアニメーション（jQueryでアニメーションを設定） | 集の一期一会

2015/09/24 19 users jQuery 一期一会 アニメーション LAB 手順

2013年12月5日 / category : angularjs, lab, nganimateモジュール ngAnimateモジュール+jQueryでアニメーションを実装するサンプルを記事にまとめます。 英語の記事を色々眺めて、自分なりに理解したものですので、あやふや感満載です。 手順としては、下記のような感じになるかと。 1.jQueryを読み込む 2.ngAnimateモジュールファイル「... 続きを読む

Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に － Publickey

2015/08/30 86 users Publickey デベロッパー 混在 共存 移行

Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に 1つのWebアプリケーション内で、Angular 1とAngular 2が共存可能になり、デベロッパーはAngular 1アプリケーションを少しずつ段階的にAngular 2へと移行することができる。AngularJSのブログに投稿されたポスト「Angular 1 and An... 続きを読む

AngularJSの便利なツール20選 | プロダクト・サービス | POSTD

2015/08/19 244 users POSTD コードジェネレータ プロダクト モジュール 負荷

皆さんはAngularJSに興味がありますか？AngularJSでWebアプリケーションを開発する際の負荷を減らせるよう、この記事ではテストからフロントエンド開発、編集、ライブラリ、拡張機能、モジュール、コードジェネレータ、グリッドツールにわたる厳選された素晴らしいツールをご紹介します。皆さんはAngularJSに興味がありますか？　この記事では、AngularJSのための最適なツールと選りすぐり... 続きを読む

指定期間でDOMを出し分けてくれるangular-periodを公開しました - のらねこの気まま暮らし

2015/07/30 17 users DOM directive テンプレートエンジン のらネコ

2015-07-31 指定期間でDOMを出し分けてくれるangular-periodを公開しました angular-periodとは AngularJS のDirectiveで、期間を指定するとその 期間前、期間中、期間後でDOMの表示を切り替えてるようにするものです。 例えば、なんかの応募とかで、以下の様なHTMLをテンプレートエンジンやJavaScriptなどを使って出し分けることがある時に便... 続きを読む

2chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。 - bokuweb.me

2015/07/27 55 users bokuweb.me Mas Tweet node.js 前回

2015-07-27 2chまとめサイトを横断して検索できるWEBサービス『2chy』を公開してみました。 Tweet 最近Node.js + AngularJSで何か作ってみるシリーズです。 前回に続き作ってみたものを紹介します。 作ったもの 2chまとめをまとめて検索 - 2chy2chy.bokuweb.me なんぞこれ？ 2chまとめサイトを横断して検索できるWEBサービスです。 「mas... 続きを読む

AngularJS - HTML5/JSでインスタントサーチ（入力中に検索結果表示） - Qiita

2015/07/12 104 users Qiita lists querySelectorAll

3. JS: インスタントサーチのスクリプト この節がいちばんの肝です。 まず、lists = document.querySelectorAll('.line-shell-main-users-li');で検索対象を取得します 次に、for文内でinnnerTextでタグ内の文字列を取得します 最後に、.hiddenクラスをトグルします searchUsersList = function(ev... 続きを読む

自己流JavaScriptを書いていた人がAngularJSのユニットテストで躓いた点 - ククログ(2015-07-10)

2015/07/10 183 users ユニットテスト ククログ チュートリアル ドハマり はま

結城です。 最近、AngularJSを使ったWebアプリ開発のプロジェクトに参加する事になり、とりあえず一通りの事は把握しておかなければと思って公式のチュートリアル（英語）を実践してみたのですが、JavaScriptの経験が浅い人だとハマらなさそうだけれども、中途半端に経験があったせいでドハマり、という場面に遭遇してしまいました。 恥ずかしい話ですが、せっかくなので同じように躓いている人（もしいれ... 続きを読む

はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました - bokuweb.me

2015/07/04 275 users pocket OpenShift bokuweb.me

2015-07-04 はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました WEBサービス Node.js Tweet 最近Node.js + AngularJSでこそこそ作ってたWEBサービスを公開しましたので紹介します。 作ったもの http://tanaoroshi.bokuweb.me/ Tanaoroshi. なんぞこれ？ ... 続きを読む