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

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

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

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で動的に書き換えていくことにより、反応がよくユーザー体験にすぐれた... 続きを読む

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の基礎を理解しよう(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を読み込みます。 レンダリング... 続きを読む

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のための最適なツールと選りすぐり... 続きを読む

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. なんぞこれ？ ... 続きを読む

AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG

2015/06/22 141 users 株式会社LIG

こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？　Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザ... 続きを読む

React、Angular、WinJS、Onsen UI…JavaScriptフレームワーク最新事情を一挙解説 #html5jplat｜CodeIQ MAGAZINE

2015/06/01 66 users React angular WinJS Onsen UI 注目

React、Angular、WinJS、Onsen UI…JavaScriptフレームワーク最新事情を一挙解説 #html5jplat 2015.06.01 Category：勉強会・イベント Tag：AngularJS ,HTML5 ,html5j ,html5jplat ,JavaScript ,React.js React.jsやAngularJSなど、注目を集めているJavaScriptフ... 続きを読む

【AngularJS vs React.js】どっちがどう使える？JavaScriptフレームワークの最新事情 #html5j｜CodeIQ MAGAZINE

2015/05/29 318 users CodeIQ MAGAZINE html5j 最新事情 話題

【AngularJS vs React.js】どっちがどう使える？JavaScriptフレームワークの最新事情 #html5j 2015.05.29 Category：勉強会・イベント Tag：AngularJS ,HTML5 ,html5j ,JavaScript ,React.js 最近話題となっているJavaScriptフレームワーク「AngularJS」と「React.js」。 とはいえ、... 続きを読む

JavaScript - AngularJSモダンプラクティス - Qiita

2015/05/22 412 users Qiita Directive Scope たくさん 2年弱

こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMｒVC 2014.2 AngularJ... 続きを読む

angularJS と jQuery に関する誤解を解く - nazonoDiary

2015/05/18 286 users jQuery mizchi SPA 誤解 低下

00:28 | 最近 angularJS に対する期待の低下が著しくてつらい。なんだかんだで SPA から jQuery に戻った話 - ボクココAngularの問題でははてなブックマーク - mizchi のブックマーク - 2015年5月18日みんな使いどころを間違ってるんや。１年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向... 続きを読む

AngularJS x TypeScript でちょっと本格的な TODO アプリを作ってみる – AngularJS + TypeScript ＃2 | NET BIZ DIV. TECH BLOG

2015/05/18 114 users ToDo TypeScript フロントエンド 定番 アプリ

AngularJS x TypeScript でちょっと本格的な TODO アプリを作ってみる – AngularJS + TypeScript ＃2 wakamsha2015.05.1800 フロントエンド はじめに とりあえず何かアプリっぽいものを作ってみようということで、定番の TODO アプリに挑戦してみようと思います。 ググればいくらでも情報は出てきますが、この記事では以下にあるようない... 続きを読む

フレームワーク対決！Angular VS React仮想パネルディスカッション | HTML5Experts.jp

2015/05/11 254 users HTML5Experts.jp 台頭 視点 エキスパートたち

フレームワーク対決！Angular VS React仮想パネルディスカッションNEW 吉川 徹 AngularJS,React.js,アーキテクチャ2015年5月11日 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭... 続きを読む

Codecademyに、AngularJS入門コースが公開されたのでやってみた！ | うえぶまなぶ

2015/04/09 108 users Codecademy うえ CSS PHP HTML

HTML/CSS/JavaScriptなど、基本的なWebプログラミングの基礎を学習できることで知られる「Codecademy」に、新しく「AngularJS入門コース」が公開されていたのでご紹介！ 一通り学習すれば、AngularJSを使って簡単なWebアプリを1人で作れるようになりますよ。 どんなコース内容なのか？ Codecademyは、以前からJavaScriptやPHPの基礎、WebAP... 続きを読む

架空のスタートアップ創業を通じて学ぶプログラミング学習サイト『Code4Startup』 | 100SHIKI

2015/04/03 118 users 100SHIKI Rails Airbnb Udemy コース

これ、かなりいいですな。 Code4Startupでは、架空のスタートアップを創業する体験を通じてプログラミングを学習することができる。 まだコースは2つしかないが、無料動画で学ぶことができるようだ。 あと3つほどリリースが予定されているが「AirBnBのようなモバイルアプリを作ろう」だとか「UdemyのようなサイトをRailsとAngularJSで作ろう」とか、なかなかモダンなのではなかろうか。... 続きを読む

SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版） （1/4）：CodeZine

2015/03/23 137 users CodeZine クローラー ネック Google line

本連載はLINEのフロントエンドエンジニアのチームがWeb開発において注目・活用している技術を紹介します。今回は、GoogleのクローラーがどこまでJavaScriptを認識するのかをAngularJSを使い簡単に検証しましたので、お話させていただきます。 はじめに　AngularJSを使いシングルページアプリケーションを作成する上でネックとなっている問題があります。それは、検索エンジン対策です。... 続きを読む