備忘録 – ページ 31 – 東京発、雲に乗って

2016年8月27日2017年3月1日

【CSS】Font Awesomeで簡単にアイコンが使える

Font Awesomeを使うと、ウェブページ上で簡単にアイコンを使えます。
こんな感じです。

新規
開く
保存
削除

テキストのみの場合と比べて見栄えがぐっとよくなりますよね。

使い方は、

まず
Font Awesomeの公式サイトから一式ダウンロードします。

ダウンロードしたらzipを解凍してサーバーにアップします。

あとは、ページでCSSをロードするだけ。

<link rel="stylesheet" href="アップした場所/font-awesome/css/font-awesome.min.css"/>

1	<link rel="stylesheet" href="アップした場所/font-awesome/css/font-awesome.min.css"/>

（フォルダ名のバージョンは削除しています）

上の4つのアイコンは、以下のように記述すれば表示できます。

<i class="fa fa-plus"></i> 新規
<i class="fa fa-folder-open-o"></i> 開く
<i class="fa fa-floppy-o"></i> 保存
<i class="fa fa-trash-o"></i> 削除

新規

開く

保存

削除

簡単ですよね。

とてもたくさんのアイコンが用意されていて、
こちらで探すことができます。

2016年7月6日2017年3月1日

【Linux】とうとうSSL証明書は無料で取得できる時代に

昔はSSL証明書は個人が気軽に導入できるような安いものはありませんでした。
今は千円くらいで取得できるものがあるので個人でも気軽に取得できますよね。

そしてとうとう、SSL証明書は無料で取得できる時代になったようです。

Let’s Encrypt 総合ポータル（日本語）

開発サーバー（CentOS6.5）で取得してみました。
（上記の公式サイトで環境ごとに導入方法の説明があります）

まず、EPELリポジトリの追加が必要だそうです。

yum install epel-release

1	yum install epel-release

これはすでに追加済みでした。

次に、公式サイトからクライアントソフトを直接ダウンロードします。

wget https://dl.eff.org/certbot-auto

1	wget https://dl.eff.org/certbot-auto

ダウンロードしたファイルに実行権限をつけて実行します。

chmod +x certbot-auto
./certbot-auto

1 2	chmod +x certbot-auto ./certbot-auto

ドメイン名とメールアドレスを聞かれるので答えます。

No names were found in your configuration files. Please enter in your domain
name(s) (comma and/or space separated)  (Enter 'c' to cancel):
clouds.tokyo

Enter email address (used for urgent renewal and security notices) (Enter 'c' to
cancel):
*****@clouds.tokyo

（規約に同意するか）
(A)gree/(C)ancel
A

（メールを送ってよいか）
(Y)es/(N)o
Y

IMPORTANT NOTES:
 - Unable to install the certificate
 - Congratulations! Your certificate and chain have been saved at
   /etc/letsencrypt/live/clouds.tokyo/fullchain.pem. Your cert will
   expire on ****-**-**. To obtain a new or tweaked version of this
   certificate in the future, simply run certbot-auto again with the
   "certonly" option. To non-interactively renew *all* of your
   certificates, run "certbot-auto renew"
 - If you lose your account credentials, you can recover through
   e-mails sent to *****@clouds.tokyo.
 - Your account credentials have been saved in your Certbot
   configuration directory at /etc/letsencrypt. You should make a
   secure backup of this folder now. This configuration directory will
   also contain certificates and private keys obtained by Certbot so
   making regular backups of this folder is ideal.

No names were found in your configuration files. Please enter in your domain

name(s) (comma and/or space separated) (Enter 'c' to cancel):

clouds.tokyo

Enter email address (used for urgent renewal and security notices) (Enter 'c' to

cancel):

*****@clouds.tokyo

（規約に同意するか）

(A)gree/(C)ancel

（メールを送ってよいか）

(Y)es/(N)o

IMPORTANT NOTES:

- Unable to install the certificate

- Congratulations! Your certificate and chain have been saved at

/etc/letsencrypt/live/clouds.tokyo/fullchain.pem. Your cert will

expire on ****-**-**. To obtain a new or tweaked version of this

certificate in the future, simply run certbot-auto again with the

"certonly" option. To non-interactively renew *all* of your

certificates, run "certbot-auto renew"

- If you lose your account credentials, you can recover through

e-mails sent to *****@clouds.tokyo.

- Your account credentials have been saved in your Certbot

configuration directory at /etc/letsencrypt. You should make a

secure backup of this folder now. This configuration directory will

also contain certificates and private keys obtained by Certbot so

making regular backups of this folder is ideal.

もうこれで証明書が取得できたようです。
認証メールが来ていたのでメール内のURLをクリックしておきます。

/etc/letsencrypt/live/clouds.tokyo

1	/etc/letsencrypt/live/clouds.tokyo

を見ると、たしかに証明書ファイル等があります。

ではApacheの設定を編集して、取得した証明書に切り替えてみます。

SSLCertificateFile /etc/letsencrypt/live/clouds.tokyo/cert.pem
SSLCertificateKeyFile /etc/letsencrypt/live/clouds.tokyo/privkey.pem
SSLCACertificateFile /etc/letsencrypt/live/clouds.tokyo/fullchain.pem

SSLCertificateFile /etc/letsencrypt/live/clouds.tokyo/cert.pem

SSLCertificateKeyFile /etc/letsencrypt/live/clouds.tokyo/privkey.pem

SSLCACertificateFile /etc/letsencrypt/live/clouds.tokyo/fullchain.pem

Apacheを再起動して、ブラウザでアクセスして証明書を確認すると、

認証局: Let's Encrypt

1	認証局: Let's Encrypt

おお、できてる！
こんなに簡単だとは思いませんでした。

有効期限が90日と短いようですが、定期的に

./certbot-auto renew
service httpd restart

1 2	./certbot-auto renew service httpd restart

をすればいいみたいですね。
cronに設定しておけば、もうSSL証明書更新作業に煩わされることはありません。たぶん。

2016年6月11日2017年3月2日

【AWS】EC2からS3のファイルを取得してダウンロードさせる(PHP)

まずはSDKをダウンロードします。

Releases · aws/aws-sdk-php · GitHub

ダウンロードしたaws.pharをサーバーにアップロードします。

PHPでインクルードして使う方法は以下の通り。

require_once('aws.phar');
use Aws\S3\S3Client;
use Aws\Common\Enum\Region;

try {
  $client = S3Client::factory(array(
    'key' => '（アクセスキーを入れる）'
   ,'secret' => '（シークレットアクセスキーを入れる）'
   ,'region' => Region::AP_NORTHEAST_1 //（適宜変更）
  ));

  // ファイル取得
  $result = $client->getObject(array(
    'Bucket' => '（バケットを入れる）'
   ,'Key' => '（パスを入れる）'
  ));

  // S3上にログを残す（必要なければ削除してください）
  $client->putObject(array(
    'Bucket' => '（ログ用のバケットを入れる）'
   ,'Key' => 'logs/download_log/' . date('Ym') . '/' . $uid . '-' . $pid . '-' . date('YmdHis')
   ,'Body' => ''
  ));
}
catch(Exception $e) {
  exit('ファイルが見つかりません');
}

$len = $result['ContentLength'];
$result['Body']->rewind();
$data = $result['Body']->read($len);

// output file
header("Content-type: (ファイルタイプを指定）");
header("Content-Disposition: attachment; filename=$filename");
header("Content-Length: " . $len);
echo $data;

require_once('aws.phar');

use Aws\S3\S3Client;

use Aws\Common\Enum\Region;

try {

$client = S3Client::factory(array(

'key' => '（アクセスキーを入れる）'

,'secret' => '（シークレットアクセスキーを入れる）'

,'region' => Region::AP_NORTHEAST_1 //（適宜変更）

));

// ファイル取得

$result = $client->getObject(array(

'Bucket' => '（バケットを入れる）'

,'Key' => '（パスを入れる）'

));

// S3上にログを残す（必要なければ削除してください）

$client->putObject(array(

'Bucket' => '（ログ用のバケットを入れる）'

,'Key' => 'logs/download_log/' . date('Ym') . '/' . $uid . '-' . $pid . '-' . date('YmdHis')

,'Body' => ''

));

}

catch(Exception $e) {

exit('ファイルが見つかりません');

}

$len = $result['ContentLength'];

$result['Body']->rewind();

$data = $result['Body']->read($len);

// output file

header("Content-type: (ファイルタイプを指定）");

header("Content-Disposition: attachment; filename=$filename");

header("Content-Length: " . $len);

echo $data;

2016年5月17日2017年3月3日

【WordPress】一覧表示を全文表示から抜粋表示に変更

WordPressの標準では、カテゴリーの投稿一覧やアーカイブの投稿一覧でも投稿の全文が表示されます。
一覧表示は記事を探しやすいほうがよいと思いますので
全文表示から抜粋表示に変更したいと思います。

変更するのはの中の

wp-content/themes/(テーマディレクトリ)/template-parts/post/

1	wp-content/themes/(テーマディレクトリ)/template-parts/post/

の中にあるPHPファイルです。
どのファイルかは投稿時の「フォーマット」によりますので、
いろんなフォーマットを使っている場合は全ファイル修正します。

PHPファイルの中の

the_content( sprintf(
  ～中略～
) );

the_content( sprintf(

～中略～

) );

の部分を、個別投稿ページ以外ではthe_excerptを呼ぶように変更します。

if(is_single()) {
  the_content( sprintf(
    ～中略～
  ) );
}
else {
  the_excerpt( sprintf(
    ～中略～
  ) );
}

if(is_single()) {

the_content( sprintf(

～中略～

) );

}

else {

the_excerpt( sprintf(

～中略～

) );

}

に変更します。

2016年4月30日2017年3月3日

【WordPress】JetPack導入後のフォロー機能の非表示

JetPackプラグインを導入すると、コメントフォームに下記の項目が表示されます。

□ 新しいコメントをメールで通知
□ 新しい投稿をメールで受け取る

1 2	□ 新しいコメントをメールで通知 □ 新しい投稿をメールで受け取る

これはJetPackプラグインによって追加されたブログフォロー、コメントフォローの機能です。
これらが不要な場合は、
「設定」の「ディスカッション」の一番下の下記の

□ コメントフォームに「ブログをフォロー」オプションを表示
□ コメントフォームに「コメントをフォロー」オプションを表示

1 2	□ コメントフォームに「ブログをフォロー」オプションを表示 □ コメントフォームに「コメントをフォロー」オプションを表示

のチェックを外せば表示されなくなります。