[B! JS] tmftakeのブックマーク

jsでスクリーンショットを比較してデザインデグレの自動検出をする - BppLOG

E2Eテストの自動化にトライしてみました。今回はUIの細かい挙動のテストではなく、デザインのデグレ検出にフォーカスをしています。 Webデザインにおいて1pxへのこだわりは非常に重要です。大規模なサービスになると、1pxの違いで数億円の売上に影響することも珍しくありません。 www.nikkei.com 複数人のチームで開発を進めていて、意図せずデザインのデグレが発生していまうことがあります。この時、1px単位のごくわずかな差分の場合、肉眼では見落としてしまいがちです。しかしながら1pxの差が事業に影響を与える可能性があるので、デザインのデグレは防ぐ必要があります。今回はUIの差分を自動検知する簡易ツールを作成してみます。 nightwatch.jsとresem ble.jsを利用します。・Nightwatch.js | Node.js powered End-to-End testi

tmftake 2018/09/02

リンク

Configuring BackstopJS with Javascript

tmftake 2018/09/01

リンク

Node.jsとは何か、開発者ライアン・ダール氏が語る（前編）～ノンブロッキングとはどういうことか？

いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール（Ryan Dahl）氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 Node.jsとPHPとの本質的な違いとは何か Node.jsを触ってみよう。今日は特にスライドは用意してなくて、タイプしてどんなものかを動かしながら紹介していくつもりだ（注：ダール氏はここで最初に「

tmftake 2011/05/11

リンク

[JS]シンプル！高性能！超軽量！使い勝手の良いコンテンツスライダーのスクリプト -jContent

デモ：カルーセル機能付きのスライダー：垂直方向 jContentの実装実装は簡単で、パネル内のコンテンツをdiv要素で配置し、数行のスクリプトを記述するだけです。 HTML <div id="demo"> <a title="" href="#" class="prev"></a> <div class="slides"> <div>...</div> <div>...</div> <div>...</div> <div>...</div> </div> <a title="" href="#" class="next"></a> </div> JavaScript <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/j

tmftake 2011/04/12

リンク

javascriptの関数が変態すぎる

私、餡子のためなら逆立ちだってしますよ。こじらせている。食べたいと思ったら食べたいのである。ここが北カリフォルニアの片田舎であろうと、私があんみつが食べたいと思えば、あんみつは今すぐ作って食べなくてはいけないものになる。食いしん坊の思考は凄まじい。子供が観ていたアニメで、赤ちゃんが空の…

tmftake 2011/01/31

リンク

jQuery基礎文法最速マスター[to-R]

jQuery基礎文法最速マスターはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri

tmftake 2010/02/03

リンク

JavaScriptをこれから学習する人へ - 書籍編 - VTuberになったプログラマーの魂の残滓

分かりやすく言うとアサマシエントリです。今回は書籍編としているのは、ちゃんと後日「エントリ」編を書くつもりだからです。どういうことか、っていうと「まとめ」エントリですね。 JavaScript 第5版 JavaScript 第5版posted with amazlet at 08.07.14David Flanagan オライリー・ジャパン売り上げランキング: 49481 Amazon.co.jp で詳細を見るまずは鉄板の書籍、通称「サイ本」です。言語仕様について詳しくかかれており、本気で勉強する人であれば、まず斜め読みでいいので、一度読んでみましょう。その後は手元に置いておき必要なときに参照できるようにしておきましょう。 JavaScript & DHTMLクックブック第2版 Webエキスパート必携テクニック集 JavaScript & DHTMLクックブック第2版 We

tmftake 2009/12/15

JS

リンク

Web系雑記: 「window.onload=function(){}」ってそういうことだったんだ

(11/15)HTML5プロフェッショナル認定試験レベル1に合格しました (11/08)Windows10でエクスプローラーで開いてるフォルダをコマンドプロンプトで開くのが楽になった (02/16)CatalystでスタックMACアドレスの扱いが機種ごとにどう違うか (02/02)もう一つのSDN? Simple Defined Networkingとは (02/02)RealtekのNICでタグVLANのタグをパケットキャプチャで確認する (11/06)Windows標準で使用できる正規表現対応エディタとして「PowerShell ISE」という選択肢 (09/09)OpenFlow超初心者が最初の1週間で読んだ本たち (08/21)Catalystのdefineコマンドを使ってみた一般(75) (X)HTML+CSS(5) JavaScript(12) UI・デザイン(6) Unix

tmftake 2009/08/20

へぇー。

JS

リンク

JavaScriptコーディングに関するテクニックやパフォーマンス等のリファレンス集:phpspot開発日誌

最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Probl ems With JavaScript’s getElementById Method in Internet Explorer 7 | Impressive Webs IE7のgetElementByIdで起こる問題を避けるためのTIPS集。 How to add a CSS Link programmatically using JavaScript <link>タグをJavaScriptによって動的に作成してCSSを動的に設定するコード例 JavaScript CSS Selector Benchmarks CSSセレクタでDOMにアクセスする際の各フレームワークでの速度ベンチマーク比較 6 Ways To Wor

tmftake 2009/08/20

JS

リンク

JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記

タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。正規表現のベンチマー

tmftake 2009/05/31

Regexp

リンク

jQuery入門（その1）（1/7）：CodeZine

はじめに実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptやHTML DOMを扱う際に必要な正規化を提供してくれます。私はJavaScriptの初心者と