Zombie.js : Insanely fast, headless full-stack testing using Node.js
Insanely fast, full-stack, headless browser testing using node.js View the Project on GitHub Download ZIP File Download TAR Ball View On GitHub Zombie.js Insanely fast, headless full-stack testing using Node.js Zombie 6.x is tested to work with Node 8 or later. If you need to use Node 6, consider using Zombie 5.x. The Bite If you’re going to write an insanely fast, headless browser, how can you no
むしろ駄菓子屋さんで | browserify概説
browserify(ぶらうぜりふぁい、と発音しているのを誰かから聞きました)は、その便利さに比して、利用例などが少ないため、お粗末ながら、今日までにわかったことをまとめてみようと思いました。ドキュメントが足りない状況はしばらく変わらないと思いますので、ハックヒント用に内部構造を含めて、概要を伝えられればと思います。 そもそもbrowserifyとは 御存知の通りnode.jsはブラウザでも動作するjsで記述します。ですから、サーバーとクライアントで共有できるコードは共有したいものです。ですが、それには幾つかの壁がありまして、思いつく分だけを書きますとこのぐらいになります。 モジュールシステム(CommonJS) node.jsの組み込みモジュール http要求を受け取って、ブラウザへコードを届ける仕組み これらを提供するのがbrowserifyです。 処理の概要 browserifyの流
funnyText.js - テキストがめまぐるしく入れ替わる MOONGIFT
スタイルシートが強力になっていくのに合わせてテキストだけでできることの範囲がどんどん広がっています。アニメーション処理もHTMLだけでできてしまうくらいです。 そこで今回はテキストを使った面白い表示をサポートしてくれるfunnyText.jsを紹介します。特に難しい使い方はなく、テキストアニメーションが実現します。 参考例。2色の文字がランダムに入れ替わります。 自動で変わっていくのでずっと眺めているだけで良いです。 画像だと分かりづらいので動画で紹介します。 使い方は以下のようなコードになります。 $(document).ready(function() { $('.text1').funnyText({ speed: 700, activeColor: '#fff', color: 'black', fontSize: '8em' }); $('.text2').funnyText({
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering system that rarely requires manual optimization.
three.js 用にボーンアニメを持つ 3D モデルを書き出すために | Yomotsu net
three.js は skeletal animation （ボーンやリグ）を持った 3D モデルを読み込み、再生することができます。3D モデルを three.js 用に書き出すため一番いいツールは Blender です。 Blender 上でボーンとアニメーションをつけていきます。Dope Sheet を使って、アニメーションを複数持たせると、three.js 上でも異なる複数のアニメーションとして利用することができます。 なお、Blender 上のボーンをつけて書きだすまでの操作は動画にしているので合わせて参考にどうぞ。 1. アニメーションを Bake するFK のみでアニメーションをさせている場合には、この設定は必要ありません。 three.js 上では基本的に FK のみ対応しています。IK や物理演算による自動計算には対応していません。そのため、FK 以外で動かしているボーン
スムーズなアニメーションを実装するコツと仕組みを説明するよ。CPUとGPUを理解しハードウェアアクセラレーションを駆使するのだ！（Frontrend Advent Calendar 2013 – 06日目） | Ginpen.com
（追記: 2018年10月）何年か経ってから見ても内容大丈夫そうでした。 この記事はFrontrend Advent Calendar 2013の6日目の記事です。昨日は谷さんでWeb Components/Polymerを軽く触ってみるでした。（これ今後数年で大流行りしそうに思うので、未読なら是非！） さて、最近はHTML5だCSS 3だFlashやめてJS制御でアニメーションだーってんで盛り上がってるわけですが（周回遅れ）、いざアニメーションを実装してみても、なかなかスムーズに動いてくれなかったりしますね。 どうやったらスムーズに動くかってのを解説したいと思います。 なおこの辺りの情報は、概ね斎藤さんを中心としたFrontrend絡みの方々に教えて頂きました。感謝感謝。 先に結論 概念的なの GPU合成レイヤーを適切に使うと早い いわゆるハードウェアアクセラレーション 何がCPUで、何
JSでアメーバのシミュレーション作ってみた (高速化編） | fladdict
先日のJSアメーバのコードを、ブラッシュアップして超高速化してみた。 ぬるぬる動いて、2〜3分後には自走して弱小アメーバを襲い始めるよ。 やはり2〜3時間で書いたインチキコードは無駄やバグが多いので、ある程度整理することに。 前バージョンでは、各ノード毎の引力斥力計算を個別にやっていた。 そのため、毎回A→Bの距離と、B←Aの距離をそれぞれ別個に計算してたりして遅くなっていた。 今回のバージョンでは、フレーム毎にまとめてノードの関係性ルックアップテーブルを生成することで、処理を大幅に短縮してみるなど。 8万回だか16万回だか計算していた距離や引力の計算を、2万回に短縮、おかげで割と高速化。 ルックアップテーブルマジ最強。 ここから楽しい描画ルーチンの最適化・・・に進むのだけど、 正直、JavaScript（しかもprocessingフレームワーク状）環境だと、高速化の勘所がまったくわからな
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - CyrusOfEden/CSV.js: A simple, blazing-fast CSV parser and encoder. Full RFC 4180 compliance.
GitHub - CyberAgent/boombox.js: Browser sound library which blended HTMLVideo and HTMLAudio and WebAudio
Processing×Webの薄い本ください。 ～Processing.jsについて～