ところが先日、「これ知らないプログラマって損してんなって思う汎用的なツール」というページで
いくつかWindowsで使えるフリーのMySQLクライアントが紹介されていたのです！
ずっと探してたの！というわけで、いくつか試してみました。

目次

今回試したクライアントツールは以下の3つです。

• MySQL Workbench
• HeidiSQL
• 黒猫 SQL Studio Next

1つずつ使用した感想などを書いていきたいと思います！

1. MySQL Workbench

• http://www-jp.mysql.com/products/workbench/

MySQL本家で配布されているツールです。
本家にもこんなツールがあったのね…知らなかった…。
ちなみに言語は英語しかないようです。

SQLの実行は[Ctrl] + [Enter]、
選択した文のみ実行するには[Ctrl] + [Shift] + [Enter]
SQL文の整形機能も付いています。

SQL文の作成はなかなか快適に行えますが、
DB、テーブル作成や表でのデータ変更等のGUI操作の場合、
いちいちポップアップで確認画面が出てくるのが鬱陶しいと言えば鬱陶しい。
一つ一つの動作がちょっと重い感じがしました。

なんと言っても本家配布のツールなので、
MySQLのバージョンアップでものすごい変更とかあっても
対応が早いのではないかと思われます。

あとMySQL Workbenchの特徴として、
ER図の作成もできちゃいます。

ER図を書くときは、各テーブルのオブジェクトを作るのが面倒なものですが
これだとDBのテーブルを設定する要領で簡単に書けました。
結構便利かも。

2. HeidiSQL

• http://www.heidisql.com/

こちらも英語のツールです。

SQLの実行は[F9]、
選択した文のみ実行するには[Ctrl] + [F9]
SQL文の整形機能も付いていますが、残念な感じです。

だがしかし！このHeidiSQLは補完機能が素晴らしいです。
[Ctrl] + [Space]でテーブル名やカラム名はもちろん、関数も補完できます。
「あのカラム名なんだったっけなぁ～」と確認しながら
SQL文を書くことも多いのでとっても便利！

画面遷移がphpMyAdminと似ているので、
英語が分からなくてもなんとなく操作できそう。
動作も快適です。

黒猫 SQL Studio Next

• http://kuronekosoft.ewinds.net/sqlstudio2.aspx

こちらは上記のページに紹介されていたものではないのですが
たまたま発見したので試してみました。

MySQLだけでなく、OracleやPostgreSQL、Accessなど
あらゆるデータベースに接続することができるツールです。
MySQLに接続するにはODBCが必要。

セットアップは以下の記事が参考になりました。

• 黒猫　接続設定方法:よしにんのインフォブック

SQLの実行は[Ctrl] + [E]
選択した文のみの実行も同じです。
SQL文の整形機能も付いています。(ANDの位置がちょっと不服ですが…。)

補完機能も付いていますが、
関数やテーブルによって出てきたり出てこなかったりします。
ただ、抽出結果のファイル出力がCSVだけでなく
ExcelやXMLで出力できるのは魅力。
タブごとに、抽出結果の比較なんかもできるらしい。

こちらのツールは日本語なので、操作方法も解りやすいです！

さいごに

仕事用のPCに一番導入しやすかったHeidiSQLを入れてみたところ、
生産性がグイッと上がりました。
私にはこれが一番使いやすいかもしれません。
(Macだと「Sequel」とかいうもっと便利そうな感じのツールがあるのだとか…。)

phpMyAdmin使いづらいなぁ…と思っている方は是非お試しあれ。

１．どんなふうに書くの？

テーマ内の「functions.php」ファイルでショートコードを定義して、
投稿記事や固定ページの編集画面の本文内でショートコードを記述します。

1.1 基本的な書き方

一番簡単でベーシックな書き方。

functions.php

function basic_like() {
    $name = 'あわわ';
    $animal = 'ネコ';

    return $name . 'さんは' . $animal . 'が好き。';
}
add_shortcode('basic', 'basic_like');

記事本文内

[basic]

「add_shortcode()」というのがショートコードを定義するためのWordPressの関数で、
第1引数にショートコード名、第2引数に実行する関数名を指定します。
関数名は他の関数(WordPressにもともとあるものや、プラグインで使用しているものなど)と
衝突しないように、一意な名前をつけるようにしましょう。

ページを表示すると、ショートコードを記述した部分には
以下のように表示されます。

表示結果

あわわさんはネコが好き。

戻り値をHTMLで書くこともできるので、
毎回記事内で書いている内容などをショートコードにしておけば
更新の効率も上がりますね！

1.2 ショートコードで挟む

文章をショートコードで挟んでいろいろやる場合の書き方。

functions.php

function strong_like($atts, $content = null) {
    return '<strong>' . $content . '</strong>';
}
add_shortcode('strong', 'strong_like');

記事本文内

[strong]あわわさんはネコが好き！[/strong]

表示結果

あわわさんはネコが好き！

第2引数である「$contents」に挟んだ文字列が格納されて、指定した関数が実行されます。
class指定のあるタグ等で囲みたい場合には、いちいち書くよりもショートコードの方が楽かもしれませんね。
ところで第一引数の「$attr」は何？と思ったかもしれませんが、それは次の項で。

1.3 ショートコードで引数を指定する。

ショートコードを実行するときに、その時々で違う値を、引数として渡したい場合があります。
そんな場合の書き方。

functions.php

function what_like($atts) {
    extract(shortcode_atts(array(
        'name' => 'ななし',
        'animal' => 'イヌ'
    ), $atts));

    return $name . 'さんは' . $animal . 'が好き？';
}
add_shortcode('what', 'what_like');

記事本文内

[what name="あわわ" animal="ネコ"]

表示結果

あわわさんはネコが好き？

第１引数の「$atts」にショートコードで指定した引数の値が格納されていて、
関数の冒頭(以下の部分)でPHPの変数に格納しています。

extract(shortcode_atts(array(
    ’name’ => ‘ななし’,
    ’animal’ => ‘イヌ’
), $atts));

「extract()」はPHPの関数で、連想配列のキー値を変数名にした変数に値が格納されます。
つまりこの記述以降は、変数「$name」「$animal」として、
ショートコードで指定した値を扱うことができるのです！
ちなみになんにも指定しないと、デフォルト値である「ななし」「イヌ」が変数に格納されます。

記事本文内

[what]

表示結果

ななしさんはイヌが好き？

以上がショートコードの基本的な書き方です。
PHPが書けるので、覚えてしまえばいろいろ応用ができそうですね！

２．投稿記事記事(固定ページ)本文にしか書けないの？

ショートコードが書けるのは、実は投稿記事や固定ページだけではないんです！

2.1 テーマ内に書く

テーマ内でショートコードを書きたい場合には、以下のように記述します。

<?php echo do_shortcode('[basic]'); ?>

「do_shortcode()」というのは、ショートコードを実行するためのWordPressの関数です。
引数で渡された文字列内に記述されているショートコードを実行します。

2.2 ウィジェット(サイドバー)に書く

ウィジェット(サイドバー)にショートコードを書きたい場合は、
functions.phpファイル内に、以下の記述を追記します。

add_filter('widget_text', 'do_shortcode');

テーマやウィジェット内でも書けるのであれば、
ショートコードを書けない場所はない！と言っても過言ではないでしょう！

サイト全体(ページ全体)に閲覧制限をかける

サイト全体に制限をかけたい場合は、
ページ内のどこかに以下のコードを記述します。

<?php
if (!is_user_logged_in()) {
    auth_redirect();
}
?>

2行目の

is_user_logged_in()

でログインしているかどうかを判定し、
ログインしていなければ

auth_redirect();

でログイン画面にリダイレクトします。
この時表示されたログイン画面でログインが成功すると、元々表示しようとしていたページが表示されます。

私は、サイト全体に制限をかける時は
大体「header.php」の一番上に書いてます。
特定のカテゴリとかに制限を書ける場合は、
個別にテンプレートを作成し、そのテンプレート内で上記コードを記述します。

ページ内の一部のコンテンツに制限をかける

ページ内の一部分だけをログインしていないと見えない状態にしたい場合は
該当部分を以下のように記述します。

<?php if ( $user_ID ) : ?>
    閲覧制限しているコンテンツ
<?php endif; ?>

条件のところにある

$user_ID

とは、WordPressサイト内のどのページからでも使用できるglobal変数で、
ログインしているユーザーのIDを格納しています。
「値が格納されている ＝ ログインしている」と判定して、
if文内でログインユーザーのみが閲覧できるコンテンツを記述していきます。

どんなエラーが出たか

新規でインストールするときに以下のようなエラーメッセージが出て、
インストールを中断してしまいました。

> DB接続

> ログ保存テーブル作成［osaka_w3a］ – 失敗

【エラー内容】

Error Message: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ‘TYPE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARACTER SET utf8′ at line 19

Debug:

> DB切断

原因と解決方法

エラーメッセージを見ると、SQLの文法エラーと書いてあります。

MySQLのバージョンが5.5以降の場合、
CREATE文でのデータベースの種類の定義は「TYPE = MyISAM」ではなく
「ENGINE = MyISAM」としなければならないみたいです。

なので、Mogura PlusXのインストールフォルダにある「setup.php」に書かれている
「TYPE=MyISAM」を全て「ENGINE=MyISAM」に置換して
再度セットアップを実行したら、無事にインストールが完了しました。

Photoshop用のActionを作ってみましたw

クリック1つでガイドまで作成しちゃいます。

ダウンロード、サンプルはこちらから

• ダウンロード用ZIP
• 作成できるグリッドシステムのサンプル(？)はこちら

ちなみにCS3で作成しています。
改造・再配布もご自由にどうぞですが、改造されたものに関しては責任持てませんので
ご了承下さいまし(´ー｀*)

「グリッドシステムってなんぞ！？」という方は、
上記Webデザインレシピさんの記事をご覧ください。
初心者にも分かりやすく説明されてます！

「960pxグリッドシステムのアクションも欲しいんだけど…」という方は
The Grid Systemさんでダウンロードできます。
洋ものですがｗ

「アクションの使い方がワカラーン！！」という方は、

１．[ウィンドウ]メニュー ⇒ [アクション]　でアクションパネルを表示。
２．アクションパレットのメニュー（パレット左上端の三角マーク）から
     [アクションを読み込み...] をクリック。
３．ダウンロードしたATNファイルを選択。
４．実行したいアクションを選んで、再生ボタンをクリック。

で実行できると思います。

今回はWord Pressを使いこなしている方からすると
「何を今更そんなこと」と思われるであろうことですが、
個人メモ的エントリーとして。

WordPressの単体記事ページのURLは、
デフォルトの設定では
「http://www.awawaweb.com/?p=123」
と、「ブログトップのURL/?p=記事ID」という形式に
なっています。

でも実はこのURLの「?p=記事ID」の部分を
「カテゴリー名/任意の文字列」等、自分の好きなように
変えることができちゃうんです。

１．カテゴリースラッグ／タグスラッグを設定する

カテゴリースラッグとタグスラッグを設定します。
デフォルトではカテゴリー名がそのまま(日本語のものは日本語のまま)設定されています。
この2つは単体記事ページだけでなく、カテゴリーアーカイヴやタグアーカイヴでも
使用しているので、基本的に設定しておいた方が良いです。

カテゴリースラッグの設定。

タグスラッグも同様に。

日本語でも入力可能ですが、URLの一部として使用するものなので
半角英小文字、半角数字、「-」(ハイフン)のいずれかで入力するようにしましょう。
(アルファベット大文字は小文字に、スペースはハイフンに自動変換されます。)

２．パーマリンク設定を変更する

[設定] → [パーマリンク設定]もしくは記事編集画面にある「パーマリンクの変更」ボタンで、
パーマリンク設定画面を表示します。
(記事編集画面の「パーマリンクの変更」ボタンは、
パーマリンク設定がデフォルトの場合のみ表示されます。)

WordPressインストール後、特に変更していなければ
「デフォルト」にチェックが入っていると思います。
一般的な設定に気に入るものがなければ、カスタム構造にチェックを入れ、
タグを使ってオリジナルの設定をします。

サイトURLより右側の部分を設定していきます。
今回は「/カテゴリースラッグ/投稿スラッグ/」となるように設定しました。
(投稿スラッグについては後述)

カスタム構造で使用できるタグは以下のとおりです。

公式のマニュアルでは、タグによっては「パフォーマンス上の理由で先頭に持ってくるのは
非推奨」とかあるみたいですけど、オイラはあんまり気にしていませんｗ(ぉぃ
記事数もそんなに多くないし、非推奨の設定をしていると思われる他サイトさんでも、
特に重いとか不便を感じたことはないので。

「一般的な設定」の下にある「オプション」というのは、
カテゴリーアーカイヴ、タグアーカイヴのURLに使われる文字列です。
サイトのURLとカテゴリースラッグ(タグスラッグ)の間の文字列を設定します。
何も入力しなければ、デフォルト設定の「category」「tag」となります。

３．投稿スラッグを設定する

最後に記事投稿(編集)画面で投稿スラッグを変更します。

最初は記事タイトルと同じものが設定されているので・・・

半角英数字に直しちゃいましょう。
(アルファベット大文字は小文字に、スペースはハイフンに自動変換されます。)

完成！

設定したパーマリンクＵＲＬにアクセスしてみてください。
単体記事ページが表示されましたか？

トップページやアーカイヴページからのリンクも、設定したＵＲＬに変更されています。

ちなみにデフォルトのＵＲＬ(「?p=記事ＩＤ」のＵＲＬ)にアクセスしてみたところ
設定したパーマリンクにリダイレクトされるみたいなので、
ある程度記事を投稿してしまった後で変えてもリンク切れが起こることはありませんでした。
(デフォルトＵＲＬ以外からの変更は無理っぽいですけど。)

閲覧、ダウンロードはこちらから

• WordPress Cheat Sheet
• ダウンロード用ZIP

無駄にHTML5 + CSS3で作っているので、IEでは使い物になりません。。。
Word Pressとか使ってる人はきっとIEなんて使うはずがないそうに違いない。

動作確認はFireFox3.6、Chrome5、Safari5で行いました。
Opera10でも見た目はちょっと崩れますけど使えないことはありません。

コード部分をカチッとワンクリックするだけで選択状態になりますので、
コピペしやすいのではないかと。
本当はワンクリックでクリップボードにコピーするところまでできるようにしたかったけど、
１ファイルで収めることと、ローカル環境だけ(外部ネットワークにつながらない環境)で
動作するようにしたかったので断念。

内容については「Webクリエイターボックス」さん、「textdrop」さんのものを
参考にさせていただきました。
ありがとうございました！

改造再配布OKですけど、改造再配布されたものに関しては責任は負えませんのであしからず。
(かといって改造しやすいような親切設計でもないけども)

「ここ間違ってるよ！」とか「もっとこうしたほうが良いよ！」みたいなのがあれば
教えてください！

よーし、これ使ってオイラもWordPressのオリジナルテーマつくるぞーい。