いまデザインについて復習をしています。

小手先のテクニックばかり追いかけていても、基礎が出来ていなかったら本質的に良いものは作れないと思います。

そしてそれをちゃんと理解していないと学生に教えることも出来ない。と言うことでこんな本を買いました。

これは買って良かった。

デザインの歴史を改めて理解することができるし、実際のグラフィックデザインを例にしてどういったところに注目すれば良いかを詳しく説明してくれています。

これはデザインを志す学生はみんな読んでおいた方が良いんじゃないかな。

WordPress で投稿した記事がどれだけ「いいね！」されたりツイートされたかは気になるものです。

でも1つ1つ確認するのは手間がかかるだけで全然現実的じゃないよね～、と言うことで、様々な SNS で記事がどれだけ共有されたのかを一覧表示できるプラグインがありました。

ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした – かちびと.net

Facebook や Twitter、Google+、はてななどの国内でも一般的な SNS は揃っています。さらに便利な機能として、記事の共有を忘れていた場合に一覧ページのボタンから簡単に共有をすることが出来ます。

ブログをするなら是非このプラグインも入れておきましょう。

Webページに Facebook の「いいね！」ボタンや Twitter のツイートボタンを設置するのは最近では当たり前のようになってきています。そんな SNS のボタンを簡単に設置することが出来るプラグインが「WP Social Bookmarking Light」です。

WordPress › WP Social Bookmarking Light « WordPress Plugins

Facebook や Twitter のほかにもはてなブックマークや Google ブックマーク、Google+1、Tumblr など SNS だけでなオンラインブックマーク等にも対応しているので、これ一つで十分事足りそうです。ブログを運営するなら入れておきましょう！

「Ultimate Google Analytics」は WordPress に Google Analytics のトラッキングコードを簡単に入れてくれるプラグインです。

WordPress で Google Analytics を利用しようと思うと、テーマファイルの中にトラッキングコードを追加する必要があります。でもこのプラグインを使うとテーマファイルを編集せずに Google Analytics を利用することができます。

WordPress › Ultimate Google Analytics « WordPress Plugins

設定も、基本的にアカウント ID を入力するだけですので、簡単に利用可能です。

みんな大好き WordPress。インストールも簡単でフリーで使えるテーマもたくさんあるのですぐに始められるのが強みですね。

でもちょっと自分好みのデザインやサイト構成にしようと思うとフリーのテーマではどうしても限界がありますし、デザインの綺麗なテーマは色々と制限があったりしてお世辞にも使い勝手が良いとは言えません。

だったら自分で作るしかない！

勉強するならどこから！？

と言うことで、WordPress のことを勉強するのに役に立つ本を紹介します。

オリジナルテーマ作成ならまずはコレ。WordPress のデフォルトテーマ「Twenty Eleven」のソースコードを詳しく紹介していて、ブロックごとにどういう処理をしているかも説明してくれています。

PHP の基本的なことがわかっていないと多少ハードルは高くなりますが、じっくりと読み進めて行けば WordPress のテーマ作成のコツがきっと掴めるはず。

WordPress はブログだけでなく、通常の Web サイトも作ることが出来ます。この本では架空のビジネスサイトを構築することを目標にして、WordPress の機能や必要なプラグインを詳しく紹介してくれています。もしあまりお金がなくてどれか1冊だけしか買えない、ということならこちらを買うことをオススメします。

WordPress の関連書籍は色々と出ているので、どれが一番良い！ということは難しいのですが、今までに何冊か見てみた中ではこの2冊が一番わかりやすく感じました。もし本屋さんで見かけたら是非とも手に取ってみてください。

シンボリックリンクが使えない時点で Dropbox の方が上！以上。

無料で5GB利用できる「Googleドライブ」を実際に使ってみるとこんな感じ – GIGAZINE

Google Drive のインストール方法や詳しい使い方は GIGAZINE さんに任せるとして、Mac 版をインストールしてみて「こりゃーどうかなあ」と思ったことをいくつか。

まずは上に書いたとおり、Dropbox では出来るシンボリックリンクでのフォルダ指定が出来ないので、同期するフォルダやファイルは必ず Google Drive のフォルダの中に入れる必要があります。

じゃあ Google Drive で同期するフォルダを Documents（書類）フォルダとかにすれば良いんじゃね？と思っても、同期するフォルダの名前は必ず「Google Drive」になるため、例えばクライアントアプリで Documents フォルダを同期フォルダにしようと思って指定しても、実際は Documents/Google Drive/ と言うフォルダ構成になってしまいます。なんだこりゃ。

更に「Google Drive」フォルダそのものをシンボリックリンクにしても完全無視状態。

そんなこんなで、使い勝手はまだ Dropbox の方が上。クライアントアプリのメモリ使用量も Dropbox より多いようなので、同期したいファイルの容量が Dropbox の容量で収まるようなら、無理して Google Drive を使う必要は無いかもしれません。

Google ははやくシンボリックリンクに対応しないと Dropbox の牙城は切り崩せないだろうなあ。

Adobe CS6 や Cleative Cloud が発表されてさあいよいよ Adobe への納税の時間だ！という流れの中、ようやく Flash CS5.5 に触れる機会が出来たのと、学校の授業でちょっと教えないといけないということでこんな本を買ってみました。（学校の環境が Windows で iPhone アプリは作れないよねー、というネガティブな流れで Android アプリを作ろう！と言うことになったのはヒミツ）

これまでは CS4 と AIR SDK を使って頑張って swf を Android アプリに変換していたのですが、CS5.5 になってこれまたえらく簡単にアプリを作れるようになりましたね。Android 本体と USB で接続すれば Flash から直接インストールして自動的に実機テストまで出来るという便利機能まで付いて･･･。

まあ ICONIA TAB A100 では適切なドライバがインストールできなくてこの機能は使えなかったんですが･･･。

そしてこちらの本では Flash CS5.5 での Android アプリの作り方はもちろんのこと、実機なしでもテストをするための Android SDK や AIR SDK のインストール方法、Android Market への登録方法まで紹介されています。サンプルプログラムも3本収録されていて、それぞれ200行以内で収まっているのでそのまま書き写すというベーマガ的勉強方で簡単に Android アプリ作成を体験することが出来ます。

JavaScript や HTML5 でのアプリ作成が花盛りな様子ですが、Flash でのアプリ作成ももっともっと活発になっていって欲しいですね。

Flash の元データはないけれど、swf の中にある音素材や画像素材を使いたい！と言ったとき。

flv はあるけれど、iPhone や iPad でも見たいんや！といった時に便利なデータ吸出し、変換ソフトを紹介します。

こちらは swf から画像、サウンドファイルなどを抜き出すことが出来る Mac 用のソフトです。
Flaex

flv ファイルを MPEG4 や H.264 形式の動画に変換してくれる Mac 用のソフトです。Adobe Media Encoder を持っているようならそちらを使っても良いと思います。
FLV2iTunes | Macの手書き説明書

swf を動画に変換したり、flv ファイルの動画形式を変換してくれる Windows 用のソフトです。
Download Free SWF to AVI Converter, SWF to MPEG Converter, FLV to AVI Converter, FLV to WMV Converter, FLV to iPod Converter, FLV to MP3 Converter, Free FLV Downloader.

これらのソフトは、プロテクトのかかっている swf ファイルでは恐らくうまく動作しません。また著作権についても十分に注意して利用するようにしてください。

コーディングに携わる人にとって、HTML5 でのマークアップはそろそろ出来ないとヤバいかも？という状況になりつつあるのではないでしょうか。

HTML5 では「アウトライン」という考え方が登場して、より文書構造としてわかりやすくすることが出来るようになりましたが、その代償として article と section という悩みの種が生まれました。

Web で情報を調べても、特に情報が古いところではこのあたりの使い分けが曖昧だったり明らかに間違ってるんじゃないの？というものがあって、初心者にとってはどれが正しいのかを判断することも難しかったりします。

なので色々なサイトを調べた結果、恐らくいちばんしっかりと説明してくれているであろうサイトを見付けたのでご紹介します。

HTML5のarticleとsectionの違いを書いてみた : Web Design KOJIKA17

こういう時に section、article を使えば良いんじゃね？というように説明してくれているのがありがたいですね。

[HTML5]アウトラインで迷わない！ sectionと見出しについて – WEBCRE8.jp

こちらは詳しい HTML も含めて紹介してくれているので、より具体的に使い分け方を確認することができます。

HTML5 では aside や header、footer などその他にも色々なタグが追加されているので、これをきっかけにして身に付けていきたいですね。

jQuery のプラグインなどで twitter のツイートボタンを追加したけど、なんか右側に余計な余白がある。と言ったことはありませんか？

どうやら twitter の公式ボタンは以前のバージョンと現在のバージョンでは余白の大きさが違うらしく、特に設定をしなければ結構目立つ余白が空いてしまいます。

そんな邪魔でしかない余白を消す方法と、最適なサイズを案内してくれているサイトがありましたのでご紹介します。

新しくなった公式 Twitter ボタンの余白スペースをカット – Eiji