ブログ

bootstrap4でのtable-responsiveをレスポンシブにする

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

最近はCSSフレームワークはBootstrap3からBootstrap4をメインにして作業しております。かなり使いやすいです。ほぼこのフレームワークだけで完結できる仕様になってきました。

さてBootstrap4でtable-responsiveがうまく機能しないということに気がつき試したところ英字の場合だと機能しているなと気がつきました。日本語表示だと7、8列以上なら横スクロールが出てくるのですが5列ぐらいなら無理矢理縦表示になってしまうのでその対処方法をご紹介します。

もっと見る


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なども検討したのですが録音が出来る点を考えると別の選択肢になりました。

もっと見る


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

サイト内検索

最近の投稿

アイキャッチ
プラグイン自動更新ができるプラグインEasy Updates Manager

さて今回はワードプレスのプラグインの自動化ができるプラグインのご紹介です。自動で常に最新の状態に保つことが出来るのでとても便利です。 しかし、いろいろサーバーに入れたのですがどうもサーバーによ...

16 Dec 2018

アイキャッチ
ブラウザ上でデザインができるツールのCanva(キャンバ)のご紹介

簡単にプロ並みのデザインという感じで作成できてしまうデザインツールのご紹介です。 デザインのスキルはなくてもテンプレートから選ぶだけで、必要な素材をドラッグアンドドロップで簡単に出来てしまうツー...

11 Dec 2018

アイキャッチ
WordPress内でFTP操作ができるプラグインFile Managerのご紹介

今回はワードプレスプラグインFile Managerのご紹介です。これはどんなプラグインかと申しますと、ダッシュボードにFTPソフトが入ったようなプラグインです。FTPソフトがなくてもワードプレ...

26 Nov 2018

アイキャッチ
WordPressでPHPの値をJavaScriptファイルへ渡す方法

今回はワードプレスの値をJavaScriptに渡す方法です。ワードプレスからじゃなくてPHPからJavaScriptへ値を渡す方法もご紹介します。 PHPの値をJavaScriptで処理を行う...

22 Nov 2018

アイキャッチ
アイキャッチ画像がない場合に記事内はじめの画像をアイキャッチにする方法とリンク先画像取得-WordPress

今回はワードプレスのアイキャッチです。記事内はじめの画像を取ってくる方法は結構出回っているので、リンク先の画像を撮ってくる方法をプラスしたやり方になります。 記事内はじめの画像を取得する方法は...

10 Nov 2018

著者

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

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

タグクラウド

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