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

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

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

フロント界隈で一番イケてるのは 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」と「はてブAPI」で作るChromeアプリの作り方を完全公開！ - paiza開発日誌

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

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

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

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

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

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を使って、マテリアルデザ... 続きを読む

【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を使いシングルページアプリケーションを作成する上でネックとなっている問題があります。それは、検索エンジン対策です。... 続きを読む

【翻訳】AngularJSからReactへ: Isomorphicな方法 | POSTD

2015/03/17 144 users Isomorphic React POSTD 翻訳 方法

本エントリは翻訳リクエストより投稿いただきました。 ありがとうございます！リクエストまだまだお待ちしております！ 先週、私たちはWebサイトを検索エンジン向けにインデックス付けできるようにしようとしていました。この記事で […]本エントリは翻訳リクエストより投稿いただきました。 ありがとうございます！リクエストまだまだお待ちしております！ 先週、私たちはWebサイトを検索エンジン向けにインデックス... 続きを読む

JavaScript - Vue.jsで手軽じゃないアプリケーション構築 - Qiita

2015/03/16 107 users Qiita MVC MVVM UIコンポーネント Vue.js

概要 Vue.jsは、MVVMというMVCの派生種を設計基盤として構築されたクライアントサイドJSフレームワークです。AngularJSと表面上は似ていますが、設計思想は全く異なるもので、作成したUIコンポーネントを組合せてページを構成することを前提にしています。 「Vue.jsで遊んでみた」のような記事はよく見るのですが、実際にプロジェクトとして走らせる場合に、アプリケーション構成からテストまで... 続きを読む

AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ - paiza開発日誌

2015/03/02 297 users yoshiokatsuneo React.js 吉岡

2015-03-02 AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ こんにちは、吉岡(@yoshiokatsuneo)です。最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。Home | Aurelia Home |... 続きを読む

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015 － Publickey

2015/02/25 209 users Publickey Angula フレームワーク セッション

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？ 使いにくいところは？ などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「Angula... 続きを読む

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（後編）。Deverlopers Summit 2015 － Publickey

2015/02/25 136 users Publickey Angula フレームワーク 後編 用途

AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（後編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？ 使いにくいところは？ などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「Angula... 続きを読む

いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう！ 【前編】 （1/3）：CodeZine

2015/02/25 655 users CodeZine React.js フレームワーク 選定 需要

近年のフロントエンド開発の大規模化・複雑化に伴って、JavaScriptフレームワークの需要がますます拡大しています。既にBackbone.jsやAngularJSなど、MV*フレームワークは数多く登場していますが、本記事では最近注目を浴びているFacebook製のライブラリReact.jsについて解説します。フレームワーク・ライブラリの選定に悩んでいる方から、本格的にJavaScriptを触るの... 続きを読む

Fluxフレームワーク Arda が気になる10の理由 - Qiita

2015/02/17 118 users Qiita Kobito React arda OSS

どうも、@armorik83です。 Fluxフレームワーク"Arda"、皆さんご存知ですか? 概念や思想を含めて大々的に発表されたのは、おそらく2015年2月16日（公開時点でおととい）という新たなOSSです。 開発者は@mizchi氏。Qiitaの中の人 (Kobito)、魂が震えてる人、Reactの人として有名かと思いますが、個人的にはAngularJSが嫌いな人という認識です。 今回、そんな... 続きを読む

Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −

2015/02/17 158 users node React Express フロントエンド Inc

Transcript 1. とフロントエンド 知っておかなければならない、今と未来の話 @axross 2. 話す人 Kohei Asai @axross Trifort, Inc. UI/UX design division Client-side JS, Node, React, AngularJS, express, etc.. 3. Nodeとは 4. よくある勘違い 'Node.js' ... 続きを読む