ブログ

anime.jsの使い方

  • 2017-02-18  最終更新日:2017-02-18

今回はオブジェクトに動きを加えたり、ちょっとしたアニメーションを付け加えるのにとっても役立つアニメーションライブラリのご紹介です。

anime.jsはとっても軽量でかつ簡単に使えるので去年あたりから人気が出始めているライブラリです。jQuery依存もしていませんのでこのライブラリだけ読み込めばOKです。

⇒anime.js公式サイト

ブラウザサポートはChrome、Safari、Opera、Firefox、IE 10+ですのでモダンブラウザは大丈夫です。

もっと見る


鳥取県米子市の大雪での現状報告

  • 2017-02-12  最終更新日:2017-02-12

先月に続いてまた大雪です。鳥取市の方がだいぶ雪が積もっていますね。90cmとは。。。

先月同様駐車場から出られないほど雪が積もりました。今日は雪かきで疲れました。。。週末で助かった部分がありましたが、雪が降るとどこのホームセンターからもスコップや雪対策グッズは売れるようですね。売り切れでした。

先月の雪の時にスコップを買おうといないやコーナンに行ったのですがスコップがなくてオートバックスに売っていて助かりました。備えあれば憂いなし、雪対策の準備は必要ですね。

雪を甘く見ていると痛い目に遭いそうですね。

もっと見る


親要素をクリックしたら子要素のリンクを発動させる方法

  • 2017-02-04  最終更新日:2017-02-04

システム上の設定で自動的にはき出すhtmlの場合とかに有効な手段かもしれません。 a要素が複数でてきてその上の要素をクリックしたら下の要素が発動するような仕組みです。

例えばli要素の中にdiv要素とdl要素がありそこのdt要素内にa要素が入っているけどli要素全体をリンクにしたい場合の対処方法です。

cssでやる方法は一つ上の要素を全体リンクにする方法はありましたが子要素のリンクはなかったのでjQueryを使ってご紹介します。

もっと見る


ワードプレスでデバッグログをダッシュボードに表示させる方法

  • 2017-01-28  最終更新日:2017-01-28

ワードプレス運用中のサイトのエラーログを出力させてそれをダッシュボードで見る方法をご紹介します。

ログ出力方法は結構いろいろなサイトに書かれているのですがそれをダッシュボードに表示させる方法がなかったので作ってみました。WP_DEBUGを使ってデバッグモードをtrueにすれば表示させられるのですが、運用中のサイトにログが出力されてもいけないのでログファイルに保存するようにします。

まずはログファイルに出力させる方法は簡単です。

もっと見る


bttn.cssで簡単にボタン作成

  • 2017-01-21  最終更新日:2017-01-21

簡単にボタンが設置できるbttn.cssのご紹介です。数も12種類のボタンだけで色と大きさが指定できます。

容量も少ないのでさくっと出来ます。下記公式サイトからダウンロードして使うかcdnjsからのリンクでhead内にご使用ください。ここで使っているアイコンフォントも紹介しておきます。

CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bttn.css/0.2.4/bttn.min.css">

もっと見る


速さ・時間・距離の計算

  • 2017-01-14  最終更新日:2017-01-15

さて、最近は寒くなってきましたね。日本海側は大雪で大変な状態になっています。

外にも出られずちょっとした運動もしずらいですね。室内運動かジムに行くということになりますね。

そんなことを考えてたらマラソンの距離を2時間ほどで走る選手のスピードを計算したくなったので計算式に当てはめて計算してみたところ時速20kmちかくで走ります。駅伝も20kmを1時間ぐらいで距離が短い分少しスピードが速いです。一般人だと100mを15秒ぐらい走ると24kmぐらいのスピードなのでかなり全速で走っていることがわかりますね。

そういえば今年の駅伝は青山学院の3連覇の3冠はすごいですね。原監督の指導方法に秘密があるようですね。余談でした。

もっと見る


複数のチャットサービスをまとめてひとつで管理する方法

  • 2017-01-07  最終更新日:2017-01-13

GmailやOutlook、Slackやチャットワークなどを使っている方も多いかと思います、このサービスを一元管理するアプリがありました。その名もFranz(フランツ)です。⇒公式サイト

チャットワークやGmailでのマルチアカウント対応しているので複数のGmailやチャットワークなどを管理できてとても便利に使えます。

MacとWindowsとLinux対応しているアプリです。

もっと見る


明けましておめでとうございます

  • 2017-01-04  最終更新日:2017-01-04

明けましておめでとうございます。

本年もよろしくお願いします。

今年の初詣は天候も良く人も多かった気がしますね。

勝田神社の夜中に行って参りました。大晦日深夜の初詣は何十年ぶりのことでしょうか。

子供と行って参りました。まず勝田神社の駐車場ってどこに止めたら良いか迷いますね。割と近くにどらドラパーク米子市民体育館の前にかなりとまっていました。ここに止めて参る人が多いようです。

もっと見る


年末年始のお知らせ

  • 2016-12-29  最終更新日:2016-12-29

今年ももう終わりですね。

当事務所は12/30〜1/3までお休みでございます。 1/4日から営業開始いたします。

よろしくお願いします。

もっと見る


いざというときのためのバックアップ

  • 2016-12-25  最終更新日:2016-12-29

皆さん、こんにちは。クリスマスも終わり、あっという間に年末ですね。 データ整理とバックアップしてますか?

私はやっておりますが、先日不幸なことになりました。NASが故障してさらに中に入っているHDDが壊れました。。。しかも2つも!

なんとなくNASが原因でHDDが壊れた気がしてならないんですが、バックアップをとっていたため最悪な状態ではありませんでした。

とはいっても余計な出費がかかりましたが、、今年は本当についてないことばかりです。

因みにNASに2つ(2TBx2)のHDDでミラーリングしていたので片方こわれてももう片方が無事ならデータは割と簡単に取り出せたのですが、NASも駄目になり2つともHDDが壊れました。なんということでしょう!!!こんなことありますか?

なんて日だ!!とバイキング小峠並みに叫びたい気分です。

もっと見る


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

サイト内検索

最近の投稿

アイキャッチ
これは楽!iterm2パスワードマネージャー機能

さて今回はiterm2のパスワード管理についてです。そもそもこんな機能がついていること自体知らなかったのでこれ使って楽だなと思ったのでご紹介します。 iterm2の現在時点での最新バージョンは...

30 Mar 2019

アイキャッチ
JavaScriptライブラリデータベースのご紹介

さて今回はJSライブラリーのデータベースをご紹介したいと思います。知っている方が多いかと思いますがライブラリやプラグイン、フレームワークなど探す際には役立つサイトではないでしょうか。 どのJS...

28 Mar 2019

アイキャッチ
Web制作者が8年Chrome使ってきた中でおすすめの拡張機能

最近はEdgeもGoogle Chromeと同じChromiumベースでのブラウザとなりほとんどクローム(Chrome)状態ではあります。FirefoxとSafariぐらいでしょうか。Firef...

17 Mar 2019

アイキャッチ
Bootstrap4でフォーム入力の際にカレンダーから日付入力する方法

最近はメインでのコーディングはBootstrap4に移行しておりますがいろいろと3の時に使えたものが使えなかったりとしております。 DatetimePickerなどもそうですね。私個人的には4に...

18 Feb 2019

アイキャッチ
HomebrewでMySQL8をインストールした時の問題点

さて、今回はお手軽にMySQL8をインストールしたときの問題点などをご紹介します。MacOS用パッケージマネージャーHomebrewを使ってインストール、そしてphpからアクセスしたときの問題点...

13 Feb 2019

著者

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

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

タグクラウド

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