ショートカットキー忘れた！あのプロパティ名が思い出せない・・・などなど
ふとした時にチートシートを見て救われたり。
こんなのがあるんだ！っていう発見もあるかも。

そんな時、日本語版の方が見やすいかな？と思ったので、
日本語版のものを集めてみました！(&英語でもわかりやすいもの）

PCに保存したり、１枚印刷して手元に置いておくと便利です。

目次

• Illustratorのショートカットキーリスト
• Photoshopのショートカットキーリスト
• 日本語版 WordPress チートシート
• WordPress Template Hierarchy
• HTML5タグ★チートシート
• CSS Flexbox チートシート
• CSS Cheat Sheet

日本語版チートシートまとめ

Illustratorのショートカットキーリスト

デザイナーが良く使うショートカットをピックアップしています！
日本語で非常に見やすいので、デスクなどに置いておきたい１枚ですね。

配布元:Adobe

Photoshopのショートカットキーリスト

先ほど紹介したシートの、フォトショップ版です！
こちらも合わせて印刷しておくと便利かと思います。

配布元:Adobe

有名なブログ「Webクリエイターボックス」さんが配布してくださっている、WordPressのチートシートです。
例文付きで、見やすくまとまっていてオススメです。

配布元:Webクリエイターボックス

WordPress Template Hierarchy

WordPressのテンプレート構成を図にまとめています。

配布元:WORDPRESS.ORG

HTML5タグ★チートシート

HTML5のタグと概要の説明が載っています。
チートシートがあると検索する手間が省けますね。

配布元:＠IT

まとめ

いかがでしたか？
チートシートはみやすくまとめられているので、ぜひご活用ください。
また素敵なチートシートを見つけましたら、紹介しますね♪

タイトルは基本的に必須にしたい場合がほとんどだと思いますので、今回はタイトルの入力の有無をチェックする方法をご紹介したいと思います。

流れ

• タイトルの入力チェックをするためのJSファイルの作成
• 作成したJSファイルを、functions.phpを弄って読み込ませる

JSファイルの作成

;(function($){
  var $submitBtn = $('#publish');
  var $titleForm = $('#title');

  $submitBtn.on('click', function(){
    var title = $titleForm.val();

    if (title.length <= 0) {
      alert('タイトルを設定してください。');

      return false;
    }
  });
})(jQuery);

JSの処理は非常に単純です。

更新ボタンクリック時にタイトルの入力チェックをして、未入力ならアラートを出してキャンセルしています。

functions.phpを弄って読み込ませる

function set_admin_script() {
  print('<script type="text/javascript" src="'.get_template_directory_uri().'/common/js/admin.js"></script>');
}
add_action('admin_footer', 'set_admin_script');

「admin_footer」フックを利用することで、管理画面のフッターに任意のコードを出力することが出来ます。

今回は、先ほど作成したJSファイルを読み込ませるようscriptタグを出力させています。

以上

WordPressは管理画面側のカスタマイズが複雑なことが多く、中々上手くいかないこともありますが管理画面が使いにくいとWordPressを導入する意味がなくなってしまいますので頑張って調整しましょう。

以上、たにっぱでした〜

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

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

カスタム投稿タイプを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以下の環境では使えないということに注意しましょう。

以上

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

以上たにっぱでした〜