バーコード作成

QRコード作成

composerでライブラリをインストール

php composer.phar require "endroid/qr-code"

シンプルにGETしたURLをQRコードにする場合

require_once("../vendor/autoload.php");

use Endroid\QrCode\QrCode;

$qrCode = new QrCode($_GET["url"]);

header('Content-Type: '.$qrCode->getContentType());
echo $qrCode->writeString();

バーコード作成

composerでライブラリをインストール

php composer.phar require "pear/image_barcode2"

cURLの色々な使い方

API接続を手作りで行う場合や、スクレイピングを行う際に必要となるcURLについてまとめました。

まずは普通に読み込みを行うパターンです。

$url = "http://www.yahoo.co.jp/";
$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, $url); 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$html =  curl_exec($ch);
var_dump($html);
curl_close($ch);
//変数に保存する場合
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

//ヘッダも出力したい場合
curl_setopt($ch, CURLOPT_HEADER, true);
//一時ファイルの作成
$cookie = tempnam(sys_get_temp_dir(),'cookie_');

//クッキーを受け取る
curl_setopt($ch, CURLOPT_COOKIEJAR, $cookie);

//クッキーを送信する
curl_setopt($ch, CURLOPT_COOKIEFILE, $cookie);

自動で設定されるファビコンの削除

WordPress5.4から自動にWPのファビコンが表示されます。
このファビコンを削除して、独自のものに切り替えましょう。

まず表示されているファビコンを削除します。
functions.phpに下記の記載を追加します。

function wp_favicon_delete(){
    exit;
}
add_action("do_faviconico", "wp_favicon_delete");

後はheader.php等にファビコンを指定する記述を追加します。

<link rel="icon" type="image/png" href="/favicon.png" sizes="192x192">
<link rel="apple-touch-icon" href="/icon.png">

RHEL7にPHP7.4系をインストール

EPELとREMIのリポジトリが必要になります。

リポジトリが反映されているとPHP7系のモジュールが大量に検索できます。

# yum search php --enablerepo=remi,remi-php74

あとは必要に応じてインストール

# yum -y install --enablerepo=epel,remi-php74 php php-mbstring php-pear php-fpm php-mcrypt php-mysql php-pdo php-zip php-dom php-xml php-gd

バージョン確認

# php -v

モジュール確認

# php -m

リポジトリの追加(EPELとREMI)

AWSのRHEL7系でPHP7系をインストールするための準備
リポジトリが追加できればyumでPHP7系のインストールが可能になる。

# yum repolist
# wget https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm
rpm -ivh epel-release-latest-7.noarch.rpm
# wget http://ftp.riken.jp/Linux/remi/enterprise/remi-release-7.rpm
# rpm -ivh remi-release-7.rpm

Amazon Linux 2の場合は

# amazon-linux-extras install epel
# yum -y install https://rpms.remirepo.net/enterprise/remi-release-7.rpm

アイキャッチ画像を表示する

wordpress

画像のIDからURLを返す

function getImage($attachment_id){
    if (empty($attachment_id)){
        return false;
    }
    if ($attachment_id){
        $image_attributes = wp_get_attachment_image_src($attachment_id, "large");
        return $image_attributes[0];
    }
    return false;
}

記事IDから画像URLを返す

function getThumbnailUrl($post_id, $no_empty = false){
    $empty_image = "/img/empty_image.jpg";

    if ($post_id){
        if ($image_id = get_post_thumbnail_id($post_id)){
            return getImage($image_id);
        }
    }

    if ($no_empty){
        return false;
    }

    return $empty_image;
}

CSSで良く使うもの

フォント関連

明朝体

日本語

font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif

アルファベットのみ

font-family: "Times New Roman";}

ゴシック

「游ゴシック体」「ヒラギノ角ゴ」「メイリオ」のどれを優先するか選ぶ

font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}

NotoSans

@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700;900&display=swap);

フォントファミリーの設定

font-family: "Noto Sans JP", sans-serif;

クリアフィックス

.clearfix:after { content: ""; clear: both; display: block;}

Icons - Material Design

Icons - Material Design

読込を行う

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

利用する際の縦位置を合わせる

i.material-icons { vertical-align: middle; font-size: inherit;}

使い方

<i class="material-icons">link</i>