ブックマーク / tsuchikazu.net (4)

  • Vue.jsでreg-suitを利用したVisual Regression Testing | tsuchikazu blog

    これは Vue.js #3 Advent Calendar 2017 - Qiita 1日目の記事です。 最近、お仕事Vue.js x SSRを使って開発を進めていた カラーミーリピート というサービスをリリースすることが出来ました。このサービスの開発を進めていく上で、とあるcssの修正が想定外の場所にも反映されてしまい、スタイルが崩れてしまう。という問題が時々発生していました。リリース前まではそれほど問題視してきませんでしたが、今後スタイル崩れに気付かずにリリースしてしまうのは非常に問題で、なんとか防ぐ方法を探していました。 先週末に東京Node学園祭2017が開催されましたが、そこで@QuramyさんのIntroduction to Visual Regression Testing の発表資料を拝見してreg-suitの存在を知り、これは求めていたものではないか!?ということで、V

    Vue.jsでreg-suitを利用したVisual Regression Testing | tsuchikazu blog
  • Macにnvm + Node.jsで環境構築 | tsuchikazu blog

    この間、LLまつりに参加してみて、JSがとても奥深そうで一番興味が惹かれました。Node.jsは、これまで一度も触ったことがなかったので、とりあえず、はじめてのNode.jsを読みながら、色々試してみようかと思います。 この記事では、nvmでNode.jsをインストールして、HelloWorldを表示するまでをまとめました。 node.jsのインストール 公式サイトnode.jsに行くと、Mac OS用のInstallerやBinaryがすでに用意されています。 しかし、Node.jsの更新頻度が高いこともあり、nodeバージョン管理を利用するほうがいいでしょう。 | Node version manager | stars | | --- | --- | | creationix/nvm | ★2,247 | | isaacs/nave | ★488 | | hokaccha/nodeb

    Macにnvm + Node.jsで環境構築 | tsuchikazu blog
  • Macで作るRails環境構築手順 | tsuchikazu blog

    最近、非エンジニアMacRails環境を、ゼロから構築する機会がありましたので、手順を残しておきます。かなり王道な方法だと思いますので、これからMacで開発したいという人は参考になるかと思います。 Homebrewをインストール Homebrewというのは、デフォルトでは利用できない便利なツールを、インストールしたりアンインストールしたり管理するツールです。 これがないとMacでの開発は何も出来ません。 これをインストールするためには、Command Line Tools for Xcodeを先にインストールする必要があります。 Command Line Tools for Xcodeのインストール Command Line Toolsをインストールすると、Homebrew内で使用されているコンパイラやgitなど、基的なツールを使うことが出来ます。 以前まではXcodeをインストール

    Macで作るRails環境構築手順 | tsuchikazu blog
  • JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog

    昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな処理をして、Domに反映させる。というような処理が、ごちゃっとまとめて書くことが多いかと思います。ごちゃっととは、特にDomにしか情報を保持していない状態を指していて、イメージとしてはこのようなコードです。 $(function() { # イベントハンドラ $("#btn").on("click", function(){ $.ajax({ url: "api/resources", dataT

    JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog
  • 1