-
WordPressの超シンプルなSEOプラグイン「SEO SIMPLE PACK」の使い方
2018/07/18超シンプルかつ、管理画面が全て日本語表記のプラグイン、「SEO SIMPLE PACK」を作成・公開いたしました。今回はその使い方を紹介したいと思います。 WordPressでSEO用のmetaタグなどを適切に設定するために「All in one seo pack」のようなプラグインを使っているけれど、設定項目が多すぎたりバグがあって使いにくいし、Yoas ... 続きを見る
-
webpack-streamでエラー発生時に処理を終了させずに監視を続ける方法（plumber不要）
2018/06/23Gulpにwebpackを導入するために webpack-stream を使っているのですが、よくある導入系記事のコードをそのまま使っているとjsのビルド中？にエラーがあった場合に監視状態が終了してしまいます。 plumberをつけても効果なしで困っていたのですが、やっとこさ解決できたのでメモしておこうと思います。 ... 続きを見る
-
ズームインしながらフェードで切り替わるスライダーをjQueryとプラグインなしで実装してみた
2018/06/22よくある画像スライダーですが、先日、ズームインしながらフェードで切り変わるという少し特殊なスライダーを実装する必要があったのでその時の備忘録として。 スライダー系のプラグインは様々ありますが、プラグインを使用して実現する方法がパッと浮かばなかったので、1から自分でスクリプトを組みました。 と言いっても、スクリプトの処理自体はタイミングを合わせてクラスを付 ... 続きを見る
-
【脱jQuery!】ページ内リンクのスムーススクロールをjQueryなしで実装するコード
2018/06/22今回は「ページ内リンクのスムーススクロール」をjQueryに頼らず実装してみました。 スクロールアニメーションはjQueryなしでは難しいとされている処理の一つですが、特に問題なく動作するようなコードが完成したので、メモに残しておきます。 ... 続きを見る
-
【脱jQuery!】jQueryなしで「ページトップへ戻るボタン」を実装する
2018/06/20目指せ脱jQuery！ということで、jQueryなしで「ページトップへ戻るボタン」を実装するコードを2種類ほどメモしておこうと思います。 処理の流れとしては、 クリックイベントに処理を登録 スクロール値を"ちょっとずつ"0に近づける処理をスクロール値が0になるまで繰り返す "ちょっとずつ"の部分を工夫するとeaseアニメーションっぽくする ... 続きを見る
-
Vue.jsでLazyload（画像遅延読み込み）させるなら「lazysizes」でよさそう！
2018/06/18jQueryからの乗り換えでVue.jsを使用する場合、Lazyload（画像遅延読み込み）はどうすればいいのか？ 実際にコードを動かして調べてみたところ、jQuery不要の最強プラグイン「lazysizes」なら問題なく動作してくれました。 以下のCodePenで実際に動作を確認してみてください。（lazysizesの読み込みはCodePenの設定にて ... 続きを見る
-
Internet Explorerを判定してアラートを表示し、モダンブラウザへ誘導する方法（PHP版 / JS版）
2018/06/05一刻も早く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前回、仮想マシンのCentOS7でwebサーバーを立ち上げ、ブラウザで「Hello,World!」させてみました。 しかしこのままだと、仮想マシンで開発を行う時はファイルを全てssh接続した状態でviやvimエディタで編集しなくてはなりません。 これだとあまりに不便すぎます。 なので、今回はホストOS側（mac）で vs code や sublime ... 続きを見る
-
SiteGuard WP Pluginのエラーでログインできない！？急に「Use of undefined constant HTTPS」と表示されるようになってしまった時の対処法
2018/06/04先ほど、いつものようにWordPressにログインしようとすると真っ白な画面にエラーメッセージが表示され、ログインできなくなっていました。 相当ビビりましたが簡単に解決できたので、対処法を取り急ぎですがメモしておきます。 ちなみにこんなエラーメッセージでした。 ... 続きを見る
WordPressのプラグイン作りました！
