ブログ

CSSでの画像ホバー効果ライブラリのご紹介

  • 2018-06-10  最終更新日:2018-06-10

今回は純粋なCSS画像ホバー効果ライブラリをご紹介します。画像をマウスオーバーするとテキストが表示されるCSSライブラリになります。実装も簡単でクラス指定をすることで40種類以上の効果を体験できます。以下のアドレスから確認できます。

もっと見る


ワードプレスで特定のページにnoindex,nofollow

  • 2018-06-03  最終更新日:2018-06-03

ワードプレスに特定のページにmeta name="robots" content="noindex,nofollow"をつける場合はプラグインを利用するかヘッダーに条件分岐でいれるかだと思いますがその方法をご紹介いたします。

SEOプラグインでは有名なAll in one seoとYoastを使った場合とプラグインなしの場合の方法をご紹介いたします。

もっと見る


Vagrantのアンインストール方法-Mac版

  • 2018-05-26  最終更新日:2018-05-26

さて今回は簡単にご紹介、そもそもそんなにvagrantをアンインストールしないのですがそういう機会があったので覚書で記載しておきます。

Mac版のvagrantってアンインストールってなぜか手動しかフォルダ削除する方法しかないようでしたがuninstall.toolというものを見つけたのでその方法をご紹介します。

全部を削除できるわけではないですがある程度削除してくれます。あらかじめboxは削除します。agrant box remove ubuntu/trusty64などそしてvagrant destroyで削除しておきます。

もっと見る


超絶・超速のnode-sassでsassコンパイルのすすめ

  • 2018-05-12  最終更新日:2018-05-12

さて今回はsassを取り上げてみます。sassといったらcompassが出てくるほど有名ですが、すでに開発終了してから4年以上たっているわけでしてしかもコンパイラとしての機能しか使っておらず、他にいろいろ調べたらlibsassというライブラリがありsassをC・C++で実装したものということです。

Node、Ruby、Go、Python等の言語からも使えるようでしてnodeなら必ず入れるのでnodeで提供しているnode-sassを入れることにしました。nodeとnpmはセットなのでpackage.jsonのscriptsに記載して運営する方法をご紹介いたします。

gulpとかもありますがいろいろ入れたりするのが面倒なのでpackage.jsonだけで使う方法です。とてもシンプルで使いやすいですのでおすすめな方法です。

もっと見る


ワードプレスデータベースの引っ越しツールにおすすめのプラグインWP Migrate DB

  • 2018-05-07  最終更新日:2018-05-07

ワードプレスの引っ越しツールは以前紹介した「WordPressのお引っ越しプラグインはAll-in-One WP Migrationが最強」のやり方が一番簡単で良いのですが、データベースだけ変えてファイルはそのままアップロードして使いたい場合や引っ越しツールを使う際にワードプレスの初期画面を表示させたくない場合にWP Migrate DBプラグインが有効です。

同じサーバー内ならこちらの方法が手っ取り早く簡単かもしれません。こちらでテストしたサーバーはよく使われているエックスサーバーで検証してみました。ちなみにこのプラグインはプロ版(有料)があります。プロ版には、無料版では利用できない多くの時間節約機能が付属しているようですが使ったことがないのでわかりません。

もっと見る


指定数値までカウントダウンアップアニメーションjQuery countTo

  • 2018-04-29  最終更新日:2018-04-29

数値をカウントアップやカウントダウンのアニメーションを簡単に行うことができるプラグインのご紹介です。data属性で指定できて簡単そうなものを選びましたがすでに3年前のものですね。同じ名前のプラグインがありますがこちらの方が使いやすかったので選びました。あまり有名ではなさそうです。ですが機能は豊富でいろいろと使えそうです。

以下は同じようなカウントアニメーションができるタイプのものです。countUp.jsが有名どころでしょうか。

もっと見る


javascriptでモバイル判定

  • 2018-04-22  最終更新日:2018-04-22

ワードプレスにもwp_is_mobile()という関数がありますが「スマートフォン」と「タブレット」が一緒にモバイルと判定されているかなりざっくりな処理なので同じようにjavascriptでもざっくり判定を作成してみました。PCとそれ以外という感じだと思っていただければわかりやすいと思います。

アンドロイドやiOSなどにわかれるようにしてあります。

もっと見る


XperiaXZ1を使ってみた感想

  • 2018-04-14  最終更新日:2018-04-14

その前のスマホはgoogleのNexus5Xを使っておりました。これはこれで満足しておりましたが、あるつてでXperiaが安く購入できたので変更しました。iPhone3G、iPhone4S、iPhone5、Nexus5Xという流れで使ってきました。割合家電でもソニー製品が多いのでテレビ、レコーダー、ビデオカメラ、ボイスレコーダー、スピーカー、nasneなども使っていたりするので連携する点では良かったかもしれないです。

もっと見る


ラジコを録音して聞く方法-どがらじ

  • 2018-04-07  最終更新日:2018-04-07

ウォーキング中などでラジオを聴くようにしているのですが、以前はFMラジオ機能付きのボイスレコーダーで録音して聴いていたのです。あまり音質は良くないです。

しかも今のタイプは予約録音が出来るようですね、、、ちょっと昔のタイプなので録音は手動でした。結構忘れてしまったり、音声もクリアではなかったのですが聴ければ良いと思っていたのでそれで使っておりました。

ただスマホとボイスレコーダーを一緒に持って出ていたのでスマホ一台で聞ければ楽だよなという考えはありましたが1年間はこの形で使っておりました。

今年スマホを変えたのでそのときにラジオもスマホに入れて聴いた方が楽!ということでラジオ録音方法を検討し始めました。 ドコデモFM、LISMO WAVEなども検討したのですが録音が出来る点を考えると別の選択肢になりました。

もっと見る


ワードプレスの固定ページの階層で一番下の階層には同階層を表示する方法

  • 2018-03-18  最終更新日:2018-03-18

主にサイドメニューで固定ページを表示させようと考えておりました。それで子階層があれば子階層を表示させて一番下の階層になれば同一階層を表示する方法をご紹介致します。

サイドメニューに表示する際に便利かと思い調べてみました。

もっと見る


  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
Perlで500エラー!原因は文字コードだけでなく改行コード

あまりcgiは使いたくないのですが使わざるを得ない時があります。仕方なく設置するのですがエラーが出ちゃうんです。なんか知らないけど。 ありがちなのがパーミッションとかパスが問題になるんのですけど...

19 Feb 2022

アイキャッチ
WordPressの標準メールアドレスの変更方法

今回はワードプレス専用のアドレス変更方法をご紹介します。ワードプレスのアドレスはwordpress@~という形で送られてきますが変更可能です。 functions.phpに記載するのですがプラグ...

12 Feb 2022

アイキャッチ
LibSass(node-sass)からDartSassに移行の手順

Sassの遷移は多すぎる今日この頃 Ruby Sass→LibSass→DartSass(いまここ) Ruby SassはSassの最初の実装でしたが、2019年3月26日にサポートが終了しま...

22 Jan 2022

アイキャッチ
明けましておめでとうございます

明けましておめでとうございます。 本年も何卒よろしくお願いいたします。 年末年始は雪でしたね、そこまで積もっていませんが。 熊野大社 昨年同様に大晦日の夜に出発しました。子供が大...

10 Jan 2022

アイキャッチ
そろそろvuejs始める

最近はjQueryよりvueで書いた方が楽ではないかと思い学習中です。 そもそもVuejsはドキュメントが日本語対応なので試しやすいし情報も豊富なので学習しやすいです。 3大フレームワークと呼...

02 May 2021

著者

ウェブエンジニアの須山のブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

ブログ jekyll WordPress
フッターイメージ