テクノロジー– category –
HTML、JavaScript、CSSなどのフロントエンドから、PHP（WordPress、Laravel）などのサーバーサイドのプログラミング、自宅サーバー（Linux）を中心としたOSやデータベースなどのミドルウェアのお役立ち情報を掲載しています！
その他、テクノロジーに関するあらゆる情報もありますのでお見逃しなく！
-
jQueryプラグイン「iziModal.js」でモーダルウィンドウをオシャレに！
今回は、モーダルウィンドウを簡単に表示できるjQueryプラグイン「iziModal.js」を紹介します。今やCSSでもBootstrapなどのフレームワークを利用するのが当たり前な時代ですが、JavaScriptにもスポットを当ててみると、もっとアニメーションをオシャレに演... -
Zabbixで障害を通知する送信先メールアドレスを設定する方法
自宅サーバーを構築し、Zabbixも導入してしばらく経ったある日のこと。ふと、通知メールが来ないことに気づきました。考えてみると、使ってない古いメールアドレスを設定したままだった気がすると思い、いざ変更しようとZabbixの設定画面を開いたら...どこ... -
画像を自由にトリミングできるjQueryプラグイン「Cropper」
よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがありますが、親切なサイトだとその場でトリミング（切り抜き）ができることもあります。いつもは利用する側なのですが、今回は作る側として画像を加工できるjQuery... -
JavaScriptで画像アップロード時にサムネイルを表示させる方法
<input type="file">で画像をアップロードする際、特に複数ある場合にサムネイルがないと、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReaderオブジェクトを使用して、画像をBase64エンコードして... -
jQueryでHTML要素の存在を確認する5つの方法
jQueryでHTML要素があるかないか存在を判定する場合、様々な方法があり選ぶ理由も人それぞれで、どれを使ったらいいのか迷っている方のために、書き方や処理速度（パフォーマンス）を比較しているサイトをまとめましたので、選定する基準として参考になれ... -
エックスサーバーで指定したフォルダを自動で圧縮してバックアップする方法
前回、エックスサーバーでMySQLデータベースの自動バックアップをご紹介しましたが、今回はストレージに保存されているファイルを丸ごとバックアップしたいと思います。ターゲットはWEBで公開している「public_html」フォルダ以下全てのファイルです。バッ... -
不安定なWordPressのoEmbedをPz-LinkCardプラグインにした！
WordPress 4.4以降の標準機能として、URLを書くだけでブログカード（リンクカード）を表示してくれる「oEmbed」というものがあります。有名な画像や動画またはSNSといった世の中を代表するソーシャルメディア（YouTube、Twitterなど）の場合は、問題なく表... -
wget＋FTPでエックスサーバー上のファイルをダウンロードする方法
今回は、エックスサーバー上にあるファイルを、自宅のLinuxサーバーからwgetとFTPコマンドを使ってダウンロードする方法をご紹介します。以前ご紹介した、エックスサーバー上で自動バックアップしたファイルをダウンロードしてみます。バックアップしたフ... -
Nginx＋Let’s Encryptで自宅WEBサーバーをSSL(HTTPS)化
以前から、無料のSSL証明書を発行してくれるLet's Encryptを使って、自宅サーバー（CentOS）で構築したWEBサーバーのSSL（HTTPS）化を試みていますが、いつも失敗に終わっていました。。しかし、遂に無料ドメインの自動更新とSSL化に成功しました！まずは... -
非推奨になったAjaxの同期通信によるブラウザの警告を対策する
Ajaxの同期通信について、かなり前から非推奨になっていることは皆さんご存知だと思いますが、最近古いコードを発見するまで忘れていた、と言うより意識していなかったので、この機会に過去へ振り返って概要と対策を記事にし思います。 同期・非同期とは？...