[B! JavaScript][development] abyssgateのブックマーク

10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。

2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。最初に結論を書いておくと、『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』という組み合わせが、いま僕の採用しているJavaScriptの環境です。主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact

abyssgate 2016/04/11

リンク

Adobe製のJavaScriptデバッガTheseusがすごい - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

abyssgate 2014/12/01

リンク

AngularJSを使っている理由 - Kazzzの日記

既に利用されている方々とほぼ同じ意見だと思うのだが、私がAngularJSを気に入って使っているのは構造的に書ける MVVMぽい DOMを触らなくて良いほぼこの3つに集約される。 1.構造的に書ける AngularJSはアプリケーションを書く際のコードを構造がほぼ決まっている。その構成はビューであるHTMLを除くとコントローラサービスフィルタプロバイダディレクティブこれらの要素に分類されDIにより疎に結合される。基本的には誰が書いてもこれらの要素を配置する必要がある訳で、同じ要素で構成されるということは他の誰かが書いたコードを読むことが比較的容易だということになる。(JavaScriptで最も苦痛なのは他の誰かが書いた、一か所に固まりすぎた又は逆に分散しすぎたコードを読むことである) 2.MVVMぽい今のGUIプログラミングでMVCを意識するのはもはやテーブルマナーだろう

abyssgate 2013/12/09

リンク

『PhantomJSを使ったスマホサイトテストの自動化(前編)』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。みなさんこんにちは！スマホ版Ameba担当の川口です。ちょうど一年前、同じようにJavaScriptを使ったテスト手法について記事を書かせていただいたのですが、今回も懲りずにまた同じようなテーマで再登場いたしました。 JavaScriptのテスト手法さて、スマホ版Amebaの全面リニューアルから早くも１年経ったのですが、今回はそんなスマホ版Amebaで日々自動テストツールとして活躍してもらっているPhantomJSを紹介させていただきます。長い記事になるため、今回は前編・後編に分けて以下のような構成でお送りいたします。 ●前編・Phanto