Monthly Archives: 5月 2010

Googleフォントを試してみました

2
Posted by yamada on 2010/05/28 – 09:00
Filed under Google, ウェブサービス
Tagged as , ,

ちょっと気になっていたGoogleのフォントサービス “Google Font Directory” を試してみました。

これは簡単！

このblogのトップにある”TORQUES LABS”を変えてみました。
下記のように、CSSの変更だけで対応出来るので、とても簡単でした！

1
2
3
4
5

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:b);
 
#blog-title{
	font: bold 320% 'Droid Serif', sans-serif;
}

注意点

一つ注意しないといけないのは、boldやitalicのデザインを使いたいときにはimport文でもboldフォントを指定する必要があるということです。
上記の例でしたら、”bold”を使いたいので、family名に”:b”と指定しています。これは”:bold”でも良いのですが、その辺りは下記の説明ページがわかりやすいです。

これからのフォント

こういうサービスで欲しいのはデザインコンシャスなフォントなので、もっとドカッとどっかからフォントを仕入れて使えるようにして欲しいですね。
日本語も欲しい。IPA辺りの使ってもらえたら、OSによる描画の差違が無くなって便利だと思うのです。

そういえば、、

昔々、前世紀の話になりますが、アルファベットだけだけど、フォントを一通り作った記憶があります。あれ、どこ行ったかなぁ。
フロッピーに入れて売ったような気がするのですが。。

[AD]

↓これ持ってるのですが、これに入っているフォントが一通り使えたらとてもうれしい！Swissとか！

改訂5版 TrueTypeフォントパーフェクトコレクション (IJデジタルBOOK)

著者／訳者：Fonts by Bitstream Inc.

出版社：インプレスジャパン( 2010-03-23 )

定価：￥ 3,129

Amazon価格：￥ 3,129

大型本 ( 175 ページ )

ISBN-10 : 4844328476

ISBN-13 : 9784844328476

↓ヘルベチカの歴史！？これは面白そう！！！

Helvetica forever ヘルベチカ・フォーエバー -タイプフェイスをこえて-

著者／訳者：ヴィクトール・マルシー

出版社：ビー・エヌ・エヌ新社( 2009-02-08 )

定価：￥ 5,040

Amazon価格：￥ 5,040

ハードカバー ( 160 ページ )

ISBN-10 : 4861006333

ISBN-13 : 9784861006333

WordPressに「いいね！」ボタンを貼り付けた

0
Posted by yamada on 2010/05/25 – 09:00
Filed under WordPress, facebook
Tagged as ,

去年末からFacebookを（主にソーシャルゲーム使用ですが）使っているのですが、今年に入り、だんだん参加している日本人が増えているのが分かります。
コンテンツが英語ベースであったり、なんだか微妙な文化の差を感じたりもするけど、これが広まったら本当のグローバル化が一気に進むんじゃないかな、と思ったりもします。

FBLikeButton：インストール

で、Facebookの機能として「いいね！(Like)」ボタンというのがあるのですが、これを自分のブログ(WordPress)に貼り付けてみたいと思って付けてみました。
WordPressの充実しているプラグインでとても簡単に付けられました。
参考にしたのは「Facebookの「いいね」ボタンをつけてみたよ | Singer Song iPhone」です。
まぁ、とても簡単で、WordPressのダッシュボードページの「プラグイン」から「新規追加」で”FBLikeButton”を検索し、それをインストールするだけです。
数秒で完了ですよ！

FBLikeButton：設定画面

設定画面は以下のようになっています。

(A) は基本設定で、「記事の上部に付ける」「記事の下部に付ける」「個別投稿に付ける」「個別ページに付ける」「ホームのページにつける」の5つの設定です。
(B) は、見た目の設定で、「ボタンと横のテキストのレイアウト」「幅」「高さ」「Like（いいね！）にするか、Recommend（おすすめ！）にするか」「フォント」「色味」「ボタンを押したユーザーの顔写真を表示するか」「CSSクラス」というものです。
(C) は、(B)で設定したモノのプレビュー画面です。
(D) は、これらの設定を適用するボタンです。

[AD]

↓ SEO的側面も考慮して、ウェブサイトの最適化を図る、ということでウェブ制作者は目を通すべきか。

オプティマイジングWebサイト ―SEO・サーバ・クライアントの最適化技術

著者／訳者：Andrew B. King

出版社：オライリージャパン( 2009-12-19 )

定価：￥ 3,780

Amazon価格：￥ 3,780

大型本 ( 424 ページ )

ISBN-10 : 4873114314

ISBN-13 : 9784873114316

↓面白そう！pythonにとらわれず他の言語で実装し直せば2倍勉強になりそう。

リバースエンジニアリング ―Pythonによるバイナリ解析技法 (Art Of Reversing)

著者／訳者：Justin Seitz

出版社：オライリージャパン( 2010-05-22 )

定価：￥ 3,360

Amazon価格：￥ 3,360

単行本（ソフトカバー） ( 272 ページ )

ISBN-10 : 4873114489

ISBN-13 : 9784873114484

ActionScript3で正規表現、のトラップ

0
Posted by yamada on 2010/05/24 – 09:00
Filed under AS3, Flash
Tagged as , ,

スコッ..

ガリガリ順調にコーディングしていたところを、ActionScript3 正規表現周りのヘルプのミスリードでスコッっと足下をすくわれたので、メモしておきます。

正規表現リテラルと正規表現クラス

“2009/03/01″という日付文字列をマッチさせたいと思って作った正規表現パターンはわかりやすくシンプルなモノだと “/\d\d\d\d/\d\d/\d\d”となるわけですが、これを例にしてみます。
まず、下記のコードは問題無く動作します。

1
2
3
4

// 正規表現リテラルの使用例
var str:String = "2009/03/01";
var re0:RegExp = /\d\d\d\d\/\d\d\/\d\d/;
trace(　re0.test( str ) ); // true

で、オンラインヘルプによると、正規表現リテラルと同じようにRegExpクラスのコンストラクタで設定できる、とのことなので、書きのようなコードに変えてみました。

1
2
3
4

// RegExpクラスコンストラクタの使用例：失敗パターン
var str:String = "2009/03/01";
var re0:RegExp = new RegExp("\d\d\d\d\/\d\d\/\d\d"); // ←ここを変えた.
trace(　re0.test( str ) ); // false

すると、結果がfalseになってしまいます。

早速結論を言ってしまうと、当たり前ですが「RegExpのコンストラクタに渡すパターンは文字列リテラルなので、正規表現リテラルとは違うエスケープを施さないと行けない」ということです。
RegExpクラスを使う場合、上記例の正しい書き方は以下のようになります。

1
2
3
4

// RegExpクラスコンストラクタの使用例：成功パターン
var str:String = "2009/03/01";
var re0:RegExp = new RegExp("\\d\\d\\d\\d/\\d\\d/\\d\\d");
trace(　re0.test( str ) ); // true

違いは2箇所です。

  • 正規表現の”\”を残すためにエスケープする。（”\”→”\\”）
  • 正規表現区切りと同じ”/”につけていたエスケープははずす。（”\/”→”/”）

一度分かってしまえば簡単なんですが、気づかないでいきなりRegExpコンストラクタの方を使うと、私のようにはまります・・。

あの人も！

ちなみに、Flasherの間では有名なkamijo さんのblogエントリ「AS3 と正規表現 – akihiro kamijo」でも、同じ感じで意図通りに動作しないコード書かれています。はまりやすいんですね。

本当は、ここは”d+”と出力されます。

RegExp.source

AS3の正規表現クラス RegExpにはsourceというパラメータがあります。
これはそのクラスが持っているパターンを文字列で出力してくれるモノで、デバッグに便利です。

1
2

var re0:RegExp = new RegExp("\\d\\d\\d\\d/\\d\\d/\\d\\d");
trace( re0.source ); // \d\d\d\d/\d\d/\d\d

RegExpに文字列で渡したパターンが正しく正規表現パターンとなっているか不安になったら、このパラメータでチェックすると良さそうですね。

ズコッ..

と、ここまで書いて、アップする前に確認してみよう、と思い、最初のヘルプをよく読んでみたら最後の最後に、そういうことを書いていた箇所がありました！

また、new コンストラクタによる正規表現定義の中で、円記号（¥）から始まるメタシーケンス（任意の数字を意味する ¥d など）を使用する場合は、次のように円記号を二重に入力する必要があります。

Adobe Flash Platform * 正規表現のインスタンスの作成

今日の教訓：ヘルプは最後まで読みましょう。

[AD]

↓オライリーの正規表現本。これで勉強しよう！

詳説 正規表現 第3版

著者／訳者：Jeffrey E.F. Friedl

出版社：オライリージャパン( 2008-04-26 )

定価：￥ 5,040

Amazon価格：￥ 5,040

大型本 ( 528 ページ )

ISBN-10 : 4873113598

ISBN-13 : 9784873113593

↓ミスリードをさせない文章の書き方は重要ですね。

伝えたいことが正しく伝わる文章のルール―間違い探しとポイント解説で基礎とスキルが楽しく身につく本―

著者／訳者：後藤武士

出版社：こう書房( 2009-06-02 )

定価：￥ 1,470

Amazon価格：￥ 1,470

単行本（ソフトカバー） ( 216 ページ )

ISBN-10 : 476961005X

ISBN-13 : 9784769610052

↓デキる人の言い回しが気になる今日この頃なんです。

デキる人は「言い回し」が凄い (角川oneテーマ21)

著者／訳者：日本語力向上会議

出版社：角川学芸出版( 2010-02-10 )

定価：￥ 740

Amazon価格：￥ 740

新書 ( 181 ページ )

ISBN-10 : 4047102253

ISBN-13 : 9784047102255

最近気になる音楽と、iPod代替アプリ

1
Posted by yamada on 2010/05/23 – 09:00
Filed under Music, iPhoneアプリ, ウェブサービス
Tagged as , , , ,

ちょっとここ数カ月仕事漬けで張り詰めていたテンションが先週辺りでプツリと切れそうになってきたので、ネットであれこれBGMを探しつつ仕事していました。

8tracks, stereo mood

8tracksというサービスを使って聞いていたりしたのですが、stereo moodというサービスもあると聞き、ちょっと試してみることにしました。

8tracks は、自分で作ったプレイリストは、自分で音源をアップしないと全曲再生出来ません。他人が作ったプレイリストは全て再生できます。そのため、音源アップとか面倒な自分はもっぱらリスナーに徹するわけです。まぁ、それでほとんど問題無いのですが、ちょっと気になったモノをピックアップしてみたいな、と思ったのです。
stereo moodは自分が作ったプレイリストも全曲再生できます。

音楽 for 仕事

いつも仕事中に聞いているのはテクノとかエレクトロニカとかアンビエント系なんですが、stereomoodにRoute 66というテーマのプレイリストを見つけて、気分で変えてみよう！と、テンション上げるために選んでみました。

とりあえず聞きながら仕事してたら、途中いくつか気になったものをチェックして、iTunesで購入してみました。
うーん、セレンディピティ！
購入してみたのは、M.I.A.の”Born Free” M.I.A. - Born Free - Single - Born Free と、Borisの”H.M.A.” BORIS - Japanese Heavy Rock Hits V2 - Single - H.M.A.。
M.I.A.の”Born Free”は強烈なPVが話題になっているようです。

Borisのは、stereomoodで聞いてたら「あれ？今日本語で歌ってる？」と思ったらやっぱり日本人。ジャンル的にメタル？なのか？よく分かりませんが、ネットで探してみても結構かっこいい曲が多いです！

MyPlaylists @ 0円

iPhoneで音楽聞くときには標準のiPodアプリで聞いていましたが、聞きながらプレイリストを編集できないのがつらいなぁ、と思っていました。
例えば、仕事モードのプレイリストを再生していて、「やっぱりこの曲は違う」と思ってもその場で外すことは出来ない。
で、探してみたら MyPlaylists というアプリが良さそうだったのでダウンロードしてみました。

あるプレイリストを聞きながら、そのプレイリストの曲の並びを編集とか出来るのは思ってた以上に便利！
そして、無料ですし！iPhoneで音楽聞く人は入れておきましょう。
これ使ってたら、iPodアプリはもうちょっとがんばっても良いんじゃないかと思う。
iPodのプレイリストを読み込むことが出来ますが、あとからプレイリストの名称変更が出来ないのがちょっと難点。

[AD]

↓6月2日発売予定のBorisのアルバム。ライブDVD付き！

Variations+Live in Japan(DVD付) / Boris / CD ( Music )

ディウレコード( 2010-06-02 )

定価：￥ 3,780 ( 中古価格 ￥ 2,900 より )

↓Borisの2年前のアルバム。これに入っている「Statement」もかっこいい！

Smile / Boris / CD ( Music )

Southern Lord( 2008-04-29 )

定価：￥ 903 ( 中古価格 ￥ 769 より )

↓6月23日発売予定のM.I.A.のサードアルバム。

M A Y A / Array / CD ( Music )

ホステス( 2010-07-07 )

定価：￥ 1,980 ( 中古価格 ￥ 1,200 より )