• webpack-streamでエラー発生時に処理を終了させずに監視を続ける方法（plumber不要）

  ツール
  2018/06/23 gulp / webpack

  Gulpにwebpackを導入するために webpack-stream を使っているのですが、よくある導入系記事のコードをそのまま使っているとjsのビルド中？にエラーがあった場合に監視状態が終了してしまいます。 plumberをつけても効果なしで困っていたのですが、やっとこさ解決できたのでメモしておこうと思います。 ... 続きを見る

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

  JavaScript
  2018/06/22 Tips / 自作スクリプト

  よくある画像スライダーですが、先日、ズームインしながらフェードで切り変わるという少し特殊なスライダーを実装する必要があったのでその時の備忘録として。 スライダー系のプラグインは様々ありますが、プラグインを使用して実現する方法がパッと浮かばなかったので、1から自分でスクリプトを組みました。 と言いっても、スクリプトの処理自体はタイミングを合わせてクラスを付 ... 続きを見る

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

  JavaScript
  2018/06/22 Tips / 脱jQuery / 自作スクリプト

  今回は「ページ内リンクのスムーススクロール」をjQueryに頼らず実装してみました。 スクロールアニメーションはjQueryなしでは難しいとされている処理の一つですが、特に問題なく動作するようなコードが完成したので、メモに残しておきます。 ... 続きを見る

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

  JavaScript
  2018/06/20 Tips / 脱jQuery

  目指せ脱jQuery！ということで、jQueryなしで「ページトップへ戻るボタン」を実装するコードを2種類ほどメモしておこうと思います。 処理の流れとしては、 クリックイベントに処理を登録 スクロール値を"ちょっとずつ"0に近づける処理をスクロール値が0になるまで繰り返す "ちょっとずつ"の部分を工夫するとeaseアニメーションっぽくする ... 続きを見る

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

  JavaScript
  2018/06/18

  jQueryからの乗り換えでVue.jsを使用する場合、Lazyload（画像遅延読み込み）はどうすればいいのか？ 実際にコードを動かして調べてみたところ、jQuery不要の最強プラグイン「lazysizes」なら問題なく動作してくれました。 以下のCodePenで実際に動作を確認してみてください。（lazysizesの読み込みはCodePenの設定にて ... 続きを見る

• Internet Explorerを判定してアラートを表示し、モダンブラウザへ誘導する方法（PHP版 / JS版）

  フロントエンド
  2018/06/05 IE対策

  一刻も早くInternet Explorer (以下 IE) の呪縛から解放されたい。 そこで、IEで訪れてきたユーザーに対してモダンブラウザへ誘導するアラートを実装してみました。 方法は簡単。ユーザーエージェントからIEを判定し、警告メッセージを表示するdiv要素を表示するだけです。見た目はcssで好きに整えましょう。 私は当ブログにて少し大きめのア ... 続きを見る

• SELinuxを有効にしたまま、ドキュメントルートを仮想マシンの共有フォルダへのシンボリックリンクへ変更するする方法

  サーバー
  2018/06/04 エラー対処 / ローカル環境

  ローカルに仮想環境を構築し、共有フォルダへドキュメントルートを設定しようとして上手くいかない時の対処法について。 Vagrant + VirtualBoxでCentOS7の仮想環境を構築した時にドットインストールを参考にしてドキュメントルートを共有フォルダへのシンボリックに設定したときにハマりました。 長い時間をかけて原因がSELinuxがわかったものの ... 続きを見る

• mac OS High SierraにVirtualBox+VagrantでCentOS7仮想環境を構築【#3】 ~ ドキュメントルートを共有フォルダのシンボリックリンクに設定する ~

  サーバー
  2018/06/04 Vagrant / Virtualbox / ローカル環境

  前回、仮想マシンのCentOS7でwebサーバーを立ち上げ、ブラウザで「Hello,World!」させてみました。 しかしこのままだと、仮想マシンで開発を行う時はファイルを全てssh接続した状態でviやvimエディタで編集しなくてはなりません。 これだとあまりに不便すぎます。 なので、今回はホストOS側（mac）で vs code や sublime ... 続きを見る

• SiteGuard WP Pluginのエラーでログインできない！？急に「Use of undefined constant HTTPS」と表示されるようになってしまった時の対処法

  WordPress
  2018/06/04 エラー対処

  先ほど、いつものようにWordPressにログインしようとすると真っ白な画面にエラーメッセージが表示され、ログインできなくなっていました。 相当ビビりましたが簡単に解決できたので、対処法を取り急ぎですがメモしておきます。 ちなみにこんなエラーメッセージでした。   ... 続きを見る

• mac OS High SierraにVirtualBox+VagrantでCentOS7仮想環境を構築【#2】 ~ Apacheでwebサーバー立ち上げまで ~

  サーバー
  2018/05/30 Vagrant / Virtualbox / ローカル環境

  前回、Mac（High Sierra）に VirtualBox + Vagrant で CentOS7 の仮想マシンを立ち上げ、接続するところまでをメモしました。 今回はその続きで、CentOS7 に Apacheでwebサーバーを立ち上げ、ブラウザで「Hello, World!」を表示するまでやっていこうと思います。 ... 続きを見る

*これ以上記事はありません