ブログ

リニューアルした水木しげるロードは夜がおすすめ

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

さて、先日14日にリニューアルした境港の通称鬼太郎ロードに行って参りました。鬼太郎に会える町として新たに妖怪を追加して約800mの通りに177体の妖怪ブロンズ像がお出迎え、ゾーン分けをして再配置してあるようです。お昼はオープニングセレモニーやら暑い中着ぐるみの鬼太郎のキャラクターたちが練り歩くといった光景が予想されます。水木しげる記念館が無料開放もされ、初日のイベントは盛り上がった模様です。

メイン通りを歩行者天国にしたのは正解だったです。縦の通りは一部車も通行できるようになっているようですが、道の幅は広くなり安全性はアップしたので子供も気軽に楽しめます。今回は夜行ってみたのでその様子をご紹介します。

もっと見る


flexboxで簡単レイアウト

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

Flexbox(Flexible Box Layout Module)とは今時のレスポンシブに対応したレイアウトスタイルです。上下中央の配置や等間隔の配置、固定幅と可変幅の配置など使い方は様々、3カラムレイアウトも組めます。IE11以降のモダンブラウザは対応しておりますので問題ないかと思います。

しかし、そろそろGrid Layoutも使われつつあります。格子状のレイアウト、ページ全体のレイアウトはGrid Layoutが有効で、横並びのレイアウトはflexboxが向いているので状況に応じて使ってみましょう。

もっと見る


ダウンモニターアプリのご紹介

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

今回はウェブサイトの監視アプリのご紹介です。以下からダウンロードできます。

たまにサーバーがダウンしている場合があり表示できないことがありますがこのアプリがあれば落ちているかどうかが確認できます。

よくあるパターンが自分のパソコンで見られないということがありますがこの場合はウィルス対策ソフトで見られなくなっている場合などもありますので一概に落ちているという判断はできません。サイトツールなどでも確認することができますが今回はアプリをご紹介します。

上記アプリ作成しているサイトですがいろいろ作成しているようです。

Website Planet - ウェブサイトのニーズすべてに合う拠点

もっと見る


出雲日御碕灯台が思った以上に良かったのでご紹介

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

ここ最近は天気も良いので出雲日御碕(いずもひのみさき)神社に行ってみました。

出雲大社から約10kmぐらい先にあります。海沿いを車で15分ぐらい山道を進むと神社につきます。ほぼ一本道なので迷うことはなさそうです。灯台の手前の信号を右に曲がるぐらいです。まっすぐ行くと灯台の駐車場に着きます。思ったほど大きくはないですが、鮮やかな朱色の社殿が印象的でした。人が多く参拝している感じです。

全国的にきている感じがします。広島ナンバーや熊本ナンバーなどがありました。そして近くの灯台が景色が絶景でおすすめポイントなのでご紹介します。あまり絶景に疎い私ですが灯台の上からの景色は絶景です、、絶景なんですが怖さもあります。

もっと見る


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プラグインが有効です。

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

もっと見る


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

サイト内検索

最近の投稿

アイキャッチ
リニューアルした水木しげるロードは夜がおすすめ

さて、先日14日にリニューアルした境港の通称鬼太郎ロードに行って参りました。鬼太郎に会える町として新たに妖怪を追加して約800mの通りに177体の妖怪ブロンズ像がお出迎え、ゾーン分けをして再配置...

17 Jul 2018

アイキャッチ
flexboxで簡単レイアウト

Flexbox(Flexible Box Layout Module)とは今時のレスポンシブに対応したレイアウトスタイルです。上下中央の配置や等間隔の配置、固定幅と可変幅の配置など使い方は様々、...

07 Jul 2018

アイキャッチ
ダウンモニターアプリのご紹介

今回はウェブサイトの監視アプリのご紹介です。以下からダウンロードできます。 Free Website Monitor たまにサーバーがダウンしている場合があり表示できないことがありま...

30 Jun 2018

アイキャッチ
出雲日御碕灯台が思った以上に良かったのでご紹介

ここ最近は天気も良いので出雲日御碕(いずもひのみさき)神社に行ってみました。 出雲大社から約10kmぐらい先にあります。海沿いを車で15分ぐらい山道を進むと神社につきます。ほぼ一本道なので迷う...

25 Jun 2018

アイキャッチ
bootstrap4でのtable-responsiveをレスポンシブにする

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

16 Jun 2018

著者

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

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

タグクラウド

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