yogasaのブックマーク - はてなブックマーク

GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita

GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かすSeleniumselenium-webdriver 最近得た天啓で、「GitHub Actions はコンテナを windows / mac / ubuntu から選べるということは、本物の safari と ie11 を selenium-webdriver で動かすことができるのでは？」と思ってガチャガチャやってみたら、なんとできてしまったので、紹介します。今回は node で。 name: xbrowser on: [push] jobs: e2e-ie: runs-on: windows-latest steps: - uses: actions/checkout@v1 - uses: warrenbuckley/Setup-Nuget@

yogasa 2019/09/20

リンク

Yarnファーストインプレッション - Qiita

Yarn とは名前から yet another ... な雰囲気を漂わせてますが、 npm互換です。(追記: 正確にはnpmの生成するpackage.jsonと互換とのことだった)。各所から node連中はまたツール増やしやがって！という雰囲気を感じるので、ここは明確にした方がいい。(techcrunchの記事とかそういう印象を与える書き方になってる) npm install 時のディレクトリ配置への介入 npm install 時のより賢いローカルキャッシュ yarn.lock ファイルでバージョン固定 yarn 環境下で yarn add, yarn install などを行った場合、 yarn.lock と package.json に同時に書き込み、その環境で生成されたファイルは yarn なしでも動きます。つまり、yarn はより厳密に npm のバージョンを固定したい人向

yogasa 2016/10/13

リンク

フロントエンドエンジニア(mizchi)が暇な時にやること - Qiita

暇というか日常的にやってること https://news.ycombinator.com/ と http://www.echojs.com/ と http://b.hatena.ne.jp/efcl/ をフィードリーダーに突っ込んでいて、面白そうなのをメモっておく暇なとき日頃メモってたライブラリの試し切りをする面白かったら紹介記事を書く多少やる気リソースが多めだと新しい言語(最近はRustかElixir)の勉強を進める http://codepen.io/ で面白い動きするやつのコードを探してコード読むとくにCodePenがオススメで、割とゲラゲラ笑いながら読めるやつが多いので楽しい。CodePenのテクニックはそのまま自分の業務に持ち込むと悪目立ちするので控えているが、Webでもこういう演出ができる、と頭の片隅にいれておくことで、いずれ何かに役立ったりする。たとえば昨日読んだ奴

yogasa 2016/06/26

リンク

jQueryで楽になる部分、楽にならない部分、顧客が本当に必要だったもの - Qiita

俺も昔はお前のような jQueryスパゲッティジェネレーターだったのだが、膝にReactを受けてしまってな… 基本的な方針とくにライブラリ設計者において、小さなモジュールを単機能で分割する以上、ライブラリ設計者は可能な限り依存を減らすことを求められます。node環境ならdependency hellの回避のため、フロントエンド環境ならファイルサイズを減らすためです。ライブラリ設計者ならずともコードのポータビリティを維持するため、できるだけライブラリに依存しないコードを書くのが望ましいです。 Githubみてる限り、最近書かれるJSのライブラリの多くはjQuery非依存です。ユーザーから見る限りは、jQueryElement渡すかHTMLElement使うかぐらいの違いですけどね。また、Angular, React等のSPAをスクラッチで設計する場合、気づいたらjQueryを使っていな

yogasa 2016/04/20

リンク

春からはじめるモダンJavaScript / ES2015 - Qiita

春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。簡単に(雑な)歴史を紹介します。ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ

yogasa 2016/03/17

リンク

テストがないJS環境にモダンなテスト環境を導入していく - Qiita

Qiita:Teamに投げた社内ドキュメントだったけど、特に問題ないのでQiitaにも投げる。前提として browserify-rails とbabelify が導入されている状況を想定してる。基本方針新規コードはES2015で書く本番はbrowserify(-rails)でコンパイルする。単体テストは node 環境下で走らせるテスト環境下では jsdom で window, document をモックする単体テストではブラウザ特有の挙動はテストしない裏側の環境(browserifyやspec-helper)は難しくして良いが、利用者からみえる範囲は複雑にしない(npm install; npm testで走る) Universal JavaScript に寄せることでコードのポータビリティを上げる事前準備 browserify-railsを導入する。 .babelr

yogasa 2016/01/07

testing

リンク

AltJSの選び方フローチャート - Qiita

JavaScriptわかる - YES 型がほしい - YES Flash/ActionScript3が青春だった - YES Haxe - NO DeNAに勤めている - YES JSX - NO TypeScript - NO Ruby or Python が好き - YES coffee-script - NO クラスはほしい - YES EcmaScript6(Traceur Compiler) or CoffeeScript - NO JavaScriptの文法に不満がある - YES https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS - NO JavaScript書けよ - NO 関数型わかる - YES 自分の好きな言語に深く精通している - YES 好きな言

yogasa 2014/09/12

javascript

リンク

coffee-scriptをよりrubyらしく書く方法 - Qiita

onload = -> if 1 isnt 2 setTimeout (-> console.log "hello"), 100 onload() ナンセンスな無意味なコードです。 Ruby的な考えからするとなにかが足りない。そう、end ですね！ coffeescriptでend を書く方法！そうだendを定義すればいいんだ！ end = null onload = -> if 1 isnt 2 setTimeout (-> console.log "hello"), 100; end end end onload()