JavaScript の記事一覧

• JavaScript

  ズームインしながらフェードで切り替わるスライダーをjQueryとプラグインなしで実装してみた

  よくある画像スライダーですが、先日、ズームインしながらフェードで切り変わるという少し特殊なスライダーを実装する必要があったのでその時の備忘録として。 スライダ ...

  2018/06/22
• JavaScript

  【脱jQuery!】ページ内リンクのスムーススクロールをjQueryなしで実装するコード

  今回は「ページ内リンクのスムーススクロール」をjQueryに頼らず実装してみました。 スクロールアニメーションはjQueryなしでは難しいとされている処理の一 ...

  2018/06/22
• JavaScript

  【脱jQuery!】jQueryなしで「ページトップへ戻るボタン」を実装する

  目指せ脱jQuery！ということで、jQueryなしで「ページトップへ戻るボタン」を実装するコードを2種類ほどメモしておこうと思います。 処理の流れとしては、 ...

  2018/06/20
• JavaScript

  Vue.jsでLazyload（画像遅延読み込み）させるなら「lazysizes」でよさそう！

  jQueryからの乗り換えでVue.jsを使用する場合、Lazyload（画像遅延読み込み）はどうすればいいのか？ 実際にコードを動かして調べてみたところ、j ...

  2018/06/18
• JavaScript

  lightboxの超軽量版！jQuery不要の画像拡大スクリプト「Luminous」の基本的な使い方とオプションの説明、複数画像への適用方法

  「Luminous」という、クリックすると画像を拡大してくれる超軽量の素晴らしいスクリプトを発見したので、使い方をメモっておこうと思います。 この類のスクリプ ...

  2018/04/09
• JavaScript

  JavaScriptを理解する - レキシカルスコープとクロージャ

  「JavaScriptを理解する」第3回です。今回は「クロージャ」というものをメインに勉強してきました。 また、クロージャを理解するためには、JavaScri ...

  2017/10/22
• JavaScript

  JavaScriptを理解する – 関数

  「JavaScriptを理解する」第二回です。今回は、関数についてもう一度基礎から学び直してみました。 基本的に、こちら( 関数 - Javascript|M ...

  2017/09/30
• JavaScript

  JavaScriptを理解する - 変数宣言

  WEBを勉強し始めて早くも1年が経ちました。 一年間WEBサイトの制作に関わってきて、JavaScriptもだいたいわかったつもりでいたのですが、どうやら基本 ...

  2017/09/20
• JavaScript

  jQueryのclickイベントが動作しない？Ajaxなどで遅延読み込みした要素へのイベント登録方法を確認しよう。

  クリックイベントが動作しない！という場合、まずはクリックする対象がAjaxなどで遅延読み込みされている要素かどうか確認しましょう。 そのような場合は、記述方法 ...

  2017/08/16
• JavaScript

  スマホ・タブレット( iPhone/Android ) での縦・横向き判定方法と画面回転時の発動イベントのまとめ。+組み合わせの考察

  スマホやタブレットでスクリーンの縦横の向きを判定する方法と、画面回転時にどんなイベントが発火するのかを整理していき、どの方法で向きを判定してどのイベントにその判 ...

  2017/08/15
• JavaScript

  [bxsliderあるある] 最後のスライダー画像が最初に表示されてしまう！そんな時に考えられる要因と対処方法３つ！

  スライダーを実装中するならとても便利なbxsliderですが、使用しているとこんな現象に遭遇しませんか？ 最後のスライダーがなぜか先頭にセットされてしまう。 ...

  2017/08/12
• JavaScript

  lazysizesの実行タイミングをwindowのloadイベント時に移し、ページ読み込み時に動作させる方法

  「背景画像も遅延読み込みが可能な万能Lazyloder」として以前別の記事で使い方を紹介した「lazysizes」の、実行タイミングを変更する方法です。 先日 ...

  2017/08/05