スクロールに連動して、ページ上の要素をアニメーションで表示するライブラリはいくつかあります。その中でもかなりの超軽量で、他スクリプトへの依存が一切ないスクロールアニメーションのライブラリを紹介します。 しかも実装は超簡単。手間がかかりそうと思っていた人は、ぜひお試しを。 Sal.js Sal.js -GitHub Sal.jsの特徴 Sal.jsのデモ Sal.jsの使い方 Sal.jsの特徴 vanilla JavaScript vanilla JavaScriptで書かれており、他のスクリプトへの依存はありません。 超軽量 2.26KBの超軽量スクリプト。 パフォーマンス パフォーマンスにフォーカスして設計。 実装が簡単 外部ファイルを加えて、HTMLにdata属性を加えるだけの簡単実装。 ライセンス MITライセンスで、個人でも商用でも利用できます。 Sal.jsのデモ デモでは、S

こんにちは、LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですが、みなさんの嫌いなブラウザはなんですか？　IE8とかでしょうか。わかりますその気持ち。しかし、ブラウザ界にはもっと厄介な野郎がおります。 それが、Androidブラウザです。 一部ではChromeに似た性能などと言われておりますが、開発者からしたら、えっ・・・(；´Д｀)といった感じです。Android OS 4.4.4辺りからかなりよくなってきましたが、4.4.2以下はiOS基準でコーディングすると不具合ありまくり。 そんなAndroidさんのバグ・不具合の中でも、今回はとりわけネット上で解決策が見つかりにくかったものと、その解決策をまとめてみました。ぜひ参考にしていただければと思います。 ▼目次 position: fixedを指定している要素に%でwidthを指定すると無視される Web

Vue.jsとReact.jsを習得するために、どのように学んでいけばよいのか、次に何を学べばよいのか、その指針となるロードマップを紹介します。 【追記】 Angularのロードマップを追加しました。 基礎知識（HTML, CSS, JavaScript）、制作者として必要なスキル（Git, HTTPSプロトコル, Terminalなど）をはじめ、Vue.jsとReact.jsで何を学ばなければならないのかが、まとめられています。 拡大画像: Vueのロードマップ

今回は、文字列の中から任意の文字を別の文字に置換する「replace()」メソッドについて学習をしましょう！ JavaScriptには効率よく「置換」ができるメソッドが用意されていますが、簡単な方法から複雑な手法まで人によってさまざまなやり方があります。 本記事では以下のような構成で解説をしていきます！ 【基礎】「replace」とは？ 【基礎】「replace」の使い方 【実践】正規表現による「replace」の使い方 【実践】「replace」の活用事例 【まとめ】「replace」の使い方まとめ この記事で、「replace」をしっかり学習してスキルアップを目指していきましょう！ ＞＞＞ 今すぐ「replaceの使い方」を知りたい方はこちら 「replace」とは？ それでは、まず最初に「replace()」について基本的な知識から学習を進めていきましょう！ 「replace()」は

なぜエラーを収集するのか バグ探し バグを見つけて潰していくため ユーザからのバグ報告の補助 ユーザに報告の負担をかけないため エラーを取得する 取得タイミング window.onerror Promise のエラー フレームワーク毎の特定のタイミング window.onerror window.onerror にメソッドを登録しておくことでエラー発生時にそのメソッドが呼ばれる。try-catch でハンドリングしていないエラーが流れてくる。

Cannon.jsとは Cannon.jsは、物理演算用のJavaScriptライブラリです。 Three.jsをインスパイアして作られたため、Three.jsと相性がよく、構文も非常に似ています。 まずは動かしてみる どんなものかイメージをつかむため、とにかく動かしてみましょう。まずは空間に球体をつくり、適当な高さから落としてみます。 See the Pen cannon.js by k_hatsushi (@hatsushi_kazuya) on CodePen. ただ落ちるだけですが、重力や位置の設定に基づいて自動で物体が動いているのが分かると思います。 跳ね方を変えてみる 球体の大きさと距離を変えたものを用意して、跳ね方の違いを見てみましょう。 See the Pen August blog cannon.js demo2 by k_hatsushi (@hatsushi_kazu