BLOG

JavaScript

脱jQueryで簡単モーダル！プラグインもなし！コピペOK！

| JavaScript
脱jQueryが進んでいる昨今、 モーダルのプラグインとかを使うとjQueryを使うのが多くて嫌になっちゃうよね。 ってなことで、脱jQueryのモーダルってことで 簡単なJSでやっちゃおうってことで...
詳しく読む

vanilla js のメモ

| JavaScript
ｊQueryでこう書くのを、vanillajsだとこう書くよってのをまとめてみました。 本当にメモなので解説的なのは特にないけどｗ // jQUery const $parent = $('.pare...
詳しく読む

距離を計算して近くの○○を表示させる

| JavaScript、WordPress
今いる場所を取得できるようになってから、近くの〇〇などの表示が便利ですよね。 僕も検索で、「近くのコンビニ」なんて言ったりします。 ってことで今回は距離を計算して近くの〇〇を表示したったです。 距離の...
詳しく読む

動画をJavaScriptで操作する方法

| JavaScript
もう、動画をコンテンツとして扱うのが当たり前になってきましたよね。 そんなときに自動で動画を再生させたい的なときに困ったりしたことないですか？ 例でいうとapple.comのサイトとかはスクロールして...
詳しく読む

リロード無しでアドレスバーのURLの書き換え

| JavaScript
一時期、リロードせずにページを遷移するというのが流行ってたときがありましたけど、あれってどうやるんだろうなぁってさらっと思ってたんです。 それ用のプラグイン的なJavascriptをつかえばできるんで...
詳しく読む

jsでのHTML要素をquerySelectorで簡単取得！

| JavaScript
HTML要素の取得はいままでjQueryで取得するのが簡単なので、それですることが多かったのですが、 jQueryのように取得できる「querySelector()」が便利だったのでご紹介！ quer...
詳しく読む

lazylinepainterをつかって簡単SVGアニメーション

| HTML / CSS、JavaScript
SVGアニメーションといえばCSSのみでもいけますよね？ 例えばこんな感じで( -`д-´)ｷﾘｯ <style> #cloud { stroke: salmon; stroke-dash...
詳しく読む

Animate.cssとwow.jsを使って簡単アニメーション

| HTML / CSS、JavaScript
フリーランスになって３ヶ月を過ぎ生活リズムも安定してきたmasa44です。 フリーランスになってすぐは、バタバタしてたのと、規則正しい生活を心がけていたので体重が落ちてたんですが、ちょっとグータラ生活...
詳しく読む

JSの画像処理であれ？おかしいなと思った時につかえる「imagesLoaded」

| JavaScript
JavaScriptを使ってて、画像サイズなど、画像に関する情報を取得し処理することもあるかと思います。 画像を処理する上で、画像の読み込み処理より、JavaScriptが先に実行してしまうこともある...
詳しく読む

jsでmedia queryが簡単になった「matchMedia(“(max-width: ***px)”).matches」が便利！

| JavaScript
CSSでやってたMediaQueryがJSで必要になったときが多々ある。 いままでは、出来る限りCSSで対処できる方法を模索しておりましたが、CSSで処理しているかのようにJSで出来るようになってた！...
詳しく読む
CONTACT
PAGE TOP