そこで、今回は無名関数を使用した簡潔な書き方をご紹介したいと思います。

無名関数を使用した簡潔な書き方

カスタム投稿タイプをfunctions.phpから作成したい場合、以下のようなコードになると思います。

function add_news_post_type() {
  $args = array(
    'public' => true,
    'label'  => 'News'
  );
  register_post_type('news', $args);
}
add_action('init', 'add_news_post_type');

この「add_news_post_type」という関数ですが、直後のadd_actionでしか使わないのにわざわざ関数名をつけないといけないの面倒に思いませんか？僕はめちゃくちゃ思います。

これを無名関数を使って書き換えると以下のようになります。

add_action('init', function() {
  $args = array(
    'public' => true,
    'label'  => 'News'
  );
  register_post_type('news', $args);
});

この場合の関数「function() {~}」のことを「無名関数」と言います。普通関数は「function get_some_values() {}」みたいな感じにfunctionの後ろには名前が必要なのに今回付いてないですよね？なので「無名」関数です。jQueryを使った経験のある方にはお馴染みですね。

この書き方の何がいいかというと、関数名を考えなくていいので

• 関数名に悩む時間を節約できる
• 関数名の重複による問題に悩まされずに済む

の２点です。

注意としては、無名関数はPHP5.3以降からの対応となるので、少なくなっては来ましたがPHP5.2以下の環境では使えないということに注意しましょう。

以上

自分は変数名・関数名を考えるのに時間を掛けてしまうタイプなので、出来るだけ考えなくていい場面では考えずに済ませるようにしたいと思ってこの書き方は最近多用しています。

以上たにっぱでした〜

結構有名な落とし穴なのですが、知っていないとテスト漏れで不具合を出したりしてしまいますので、今回はその落とし穴と対処法をご紹介したいと思います。

月の加減算の落とし穴

「2015年1月31日の翌月の年月日を取得して出力」なんて処理を書く場合、以下のようになるかと思います。

<?php
  // PHP
  $dat = new DateTime('2015/01/31', new DateTimeZone('Asia/Tokyo'));
  echo $dat->add(new DateInterval('P1M'))->format('Y/m/d');

// JavaScript
var dat = new Date(2015, 0, 31);
dat.setMonth(dat.getMonth()+1);
console.log(dat.toLocaleString());

この結果は、両方共「2015年3月3日」となります。イメージとしては「2015年2月28日」が帰ってきそうなのでかなり違和感がある結果ですよね？

理由

これは、

「1月31日に1月足す」→「2月31日？」→「でも2月は28日までやから3日オーバーしてんな…」→「よっしゃ気を利かして3月3日にしといたろ！」

という処理を中でしているためこのような結果となってしまっています。

確かに処理として間違っていないと言えば間違っていないのですが、大体こういう場合クラスを使用している側として欲しい答えは「2月28日」ですよね。

対処法

必要なのが「年月」のみで日付まで必要でないのであれば、以下の方法で対処が可能です。

対処法の概要

今回の問題は「1月31日」のように、月によって存在しない日付を元に加減算している所が原因となっています。

そのため、毎月必ず存在する日付（例えば「1日」は毎月ありますよね）に変えてから加減算するようにすれば問題は起こりません。

PHPでの例

<?php
  $dat = new DateTime('2015/01/31', new DateTimeZone('Asia/Tokyo'));
  echo $dat->modify('first day of')->add(new DateInterval('P1M'))->format('Y/m');

JavaScriptでの例

var dat = new Date(2015, 0, 31);
var datFirstDay = new Date(dat.getFullYear(), dat.getMonth(), 1);
datFirstDay.setMonth(datFirstDay.getMonth()+1);
console.log(datFirstDay.toLocaleString());

これでPHP,JavaScript共に「2015年2月」を指すようになります。

以上

日付関連のクラスには落とし穴が結構多いので、たかが日付と侮らず注意して扱いましょう！

以上、たにっぱでした〜

Advanced Custom Fields（以下ACF）は便利なのですが、予め設定しておいた数・種類・順番でしか入力出来ないのが難点です。場合によってパーツの数や種類、順番が変わるようなページはそもそも実現出来ないか、出来ても非常に使いづらい管理画面になってしまいます。

そんな難点を解決するのが拡張パッケージであるFlexible Content FieldやRepeater Fieldsです。

注意としては、有料パッケージな点です。といっても各パッケージ$25AUD（記事記述時点）で現状のレートで2000円前後の価格ですので、すぐに値段以上の活躍は見せてくれるはずです。

ACF | Flexible Content Field

それぞれのパッケージの特徴

まず、パッケージを使用しない場合は、パーツの数・種類・順番は固定になります。

Repeater Fieldsを使用した場合は、パーツの数は自由に増減出来るようになりますが、種類・順番は固定のままです。

Flexible Content Fieldを使用すると、パーツの数・種類・順番は全て自由に設定できます。

Repeater Fieldsに関しては日本語の情報が結構見つかるのですが、Flexible Content Fieldに関しては日本語情報がほとんど見当たらなかったので今回はFlexible Content Fieldに関して説明したいと思います。

また、ACF自体の使い方から説明してしまうとかなり長くなってしまうので、ACF自体の基本的な使い方に関しては理解している前提で話を続けたいと思います。

Flexible Content Fieldの使い方

説明動画

Flexible Content Field（長いので、以下FCFと略します）の動作イメージに関しては、公式サイトに動画がありますので、まずそちらを見て頂くとイメージがつきやすいかと思います。

ACF | Flexible Content

投稿画面

実際に使用する際の順序としては、「カスタムフィールドの設定」→「投稿画面で実際に投稿」の順序なのですが、投稿画面を先に見ていただいた方が理解しやすいので、先にFCFを使うとどんな投稿画面になるのか見てみましょう。

FCFを使用すると、上のような投稿画面になります。赤枠で囲んでいる部分がFCFの部分です。

「パーツを追加」ボタンを押すと以下の様にポップアップが出てきます。

「画像」と「テキスト+画像」といったポップアップが出てきましたが、これはそれぞれカスタムフィールドの設定画面であらかじめ作成しておいたFCFのパーツです。FCFでは「レイアウト」と呼んでいるので以下同様に「レイアウト」と書いていきます。

ここで「画像」のレイアウトを選択すると、次のような画面になります。

さらに「テキスト+画像」のレイアウトを選択すると、次のようになります。

このようにレイアウトを追加できる他、削除はもちろんドラッグによる順番の変更も可能です。ACFデフォルトやRepeater Fieldと比べて少し画面が複雑になってしまうので、クライアントがスムーズに使えるかよく考えて導入する必要があるかとは思います。

設定画面

では、次は設定画面を見てみましょう。

赤枠の部分がFCF独自の設定項目です。

「レイアウト」は投稿画面で出てきたパーツのことですね。例では２種類だけしか出てきませんでしたが、もちろん自由に種類も増やせますし、その内容もここで柔軟に設定できます。

「Button Label」では投稿画面でレイアウトを追加するボタンに表示される文字を自由に設定できます。デフォルトだと「Add Row」と表示されており、意味が伝わりにくいのでここでわかりやすい文字を設定しておきましょう。

「Minimum/Maximum Layouts」では、レイアウトの最小/最大数を設定できます。

以上が設定画面の説明です。

PHP出力部分ソースコード例

最後に、テンプレートに記述するソースコードを説明したいと思います。

FCFのテンプレート内でのコードは下記のようになります。

<?php while(has_sub_field('フィールド名')) : ?>
  <?php if(get_row_layout() == 'レイアウト名1') : ?>
    <?php the_sub_field('サブフィールド名1'); ?>
  <?php elseif(get_row_layout() == 'レイアウト名2') : ?>
    <?php the_sub_field('サブフィールド名2'); ?>
  <?php endif; ?>
<?php endwhile; ?>

順番に説明していきます。

<?php while(has_sub_field('フィールド名')) : ?>

ここでは、whileによって投稿画面で設定したレイアウトの数だけループさせています。

<?php if(get_row_layout() == 'レイアウト名1') : ?>

2,4行目の「get_row_layout()」によって、現在のレイアウト名を取得して、それによって出力するHTMLを分岐させています。

<?php the_sub_field('サブフィールド名1'); ?>

この処理によって、投稿画面でサブフィールドに設定されたテキストや画像などが出力されます。

今回のパターンの場合は、一例として以下の様なソースコードになります。

<?php
  function imgFromObj($obj) {
    $url = $obj["url"];
    echo "<img src='{$url}'>";
  }
?>
<?php while(has_sub_field('flex')) : ?>
  <?php if(get_row_layout() == 'flex_img') : ?>
    <div class="flexImgBox">
      <p class="visual"><?php imgFromObj(get_sub_field('flex_img_img')); ?></p>
      <p class="caption"><?php the_sub_field('flex_img_cap'); ?></p>
    </div>
  <?php elseif(get_row_layout() == 'flex_txtimg') : ?>
    <div class="flexTxtImgBox clearfix">
      <p class="visual <?php the_sub_field('flex_txtimg_pos'); ?>"><?php imgFromObj(get_sub_field('flex_txtimg_img')); ?></p>
      <p class="txt">
        <?php the_sub_field('flex_txtimg_txt'); ?>
      </p>
    </div>
  <?php endif; ?>
<?php endwhile; ?>

以上

FCFを使用すればかなり柔軟な投稿画面を作成することが出来るので、是非一度触ってみることをおすすめします。

以上、たにっぱでした〜

以前の記事で【外部ブログのタイトルを自分のサイトに表示させる】というのをjavascriptでやってみましたが、これがまぁまぁ検索キーワードに引っかかってくるみたいで、WEB一年生はみんな知りたい技術なんだなぁ～と知りました。

みんなサイトを作るとき、RSSを引っ張ってきて、ブログのタイトルだとか記事の一部を表示させるって結構やりますもんねー。最近はTwitterのつぶやきを表示させるのもできるし。

じゃぁ今日はPHP版でブログのRSSを取得してタイトル・日付を表示するのをやろうかなと思います。
実はjsよりPHPの方がびっくりするほど超簡単やったりします。

※今回の方法はPHP5から利用可能になったsimplexmlというのを使用していますので、それより古いPHPバージョンでは使えません。多くのサーバーではPHP5が使えますが、たまに設定が古かったりするのでご確認を。
※PHPが使える環境じゃないともちろん使えません。

<?php
    //ブログなどのRSS FEEDのURL設定
    $rssdata = simplexml_load_file("https://taneppa.net/feed/");
 
    // 読み込み件数を設定
    $num_of_data = 3;
 
    //出力内容を空っぽに初期化
    $outdata = "";
 
    //設定した読み込み件数分だけ取得を繰り返す
    for ($i=0; $i<$num_of_data; $i++){
 
        $myEntry = $rssdata->channel->item[$i]; //記事1個取得
        $myDate = $myEntry->pubDate; //日付取得
        $myTitle = $myEntry->title; //タイトル取得
        $myLink = $myEntry->link; //リンクURL取得
 
        //出力内容にタイトル(リンク付)を入れる
        $outdata .= '<h3 class="posttitle"><a href="' . $myLink . '">' . $myTitle . '</a></h3>';
 
        //出力内容に日付けを入れる
        $outdata .= '<p class="postdate">' . $myDate . '</p>';
    }
 
    echo $outdata; //全部出力する
?>

■//ブログなどのRSS FEEDのURL設定　のところ”https://taneppa.net/feed/”の代わりに自分が表示させたいブログのRSSを記入します。
たねっぱでいうと、グローバルナビにあるTwitterアイコン横の「電波出てるみたいなボタン」（Twitterのマークの横）のリンク先URLを使用します。
右クリックで、Firefoxの場合は「リンクのURLをコピー」、IEの場合は「ショートカットコピー」

★出力結果★タイトルと日付が表示されます↓

そんだけです。
javascriptより簡単でしょ。

日付の表記変更も簡単なのですが、前のjs版でも書いてなかったので別記事でまたjs、PHPの両方の日付表記変更方法解説書こうと思います。 取り急ぎで書くと、

$myDate = $myEntry->pubDate; //日付取得

の1行部分↓の4行に書き換え

$rssDate = $myEntry->pubDate;
date_default_timezone_set(‘Asia/Tokyo’);
$myDateGNU = strtotime($rssDate);
$myDate = date(‘Y/m/d’,$myDateGNU);

で、日付部分が 2011/4/30 の表記になります。

ではでは今回はそんなところで。  ばいちゃ

PHP Labo ～PHP入門～

僕の公私共々お世話になってる兄貴分であるフリーランスプログラマーないとさんがやっているサイトです。

PHP入門内容以外にも、PHPプログラム（ブログ、掲示板、フォームメールなど）を配布しています。（そっちがメイン）

かなりスクールのPHPの授業内容の基本をおさえてるので、
そういう授業を取って勉強してる方、取ろうと思ってる方の予習復習には最適だと思います！
という僕もこそこそ見に行きます

ぜひPHPの勉強に目をお通ししください！