Serif 系フォントがやたら美しく見えてきた

エディターはもちろん、各種アプリケーションで使うフォントは自分の気にいったものに変更して使っています。1日のほとんどの時間、文字を見たり書いたりしているので、少しでも気分の良くなるフォントを使いたいからです。

とはいってもそれほどこだわりがあるわけではなく、標準でインストールされているフォントの中から選ぶ程度です。特に Mac では、意識しなくても美しいフォントの環境が整っているが嬉しいところです。

一時期、自分は Sans-Serif 系フォントにはまっていました。なんでもかんでも Sans-Serif 系にして、喜んでいました。

ところが2010年ぐらいから、やたら Serif 系がかっこ良く見えてきました。

確信はありませんが、これはおそくら自分が Kindle や iBooks 等で電子書籍を読むようになったことが原因だと思います。電子書籍を読むときはフォントを選んだり、大きさを調整したりするため、自然とフォントそのものにも注意が向きました。
加えてブロブ等も Instapaper を使って読書のようなスタイルで読むようになり、フォントを変更するのがあたりまえになっていきました。Serif 系フォントをロゴに使うスタートアップや、フォントにこだわった Web サイトが増えてきたのも影響していると思います。

というわけで、普段はヒラギノ明朝フォントを愛用しています。

等幅フォントはどうする？

主な読み書きはヒラギノ明朝フォントで良いのですが、時々等幅フォントが必要になるシーンがあります。自分の場合であれば、Markdown を使って整形をしながら文章を書いている時です。等幅フォントを使わないと、インデントが崩れたりして非常に見づらくなります。

Mac で日本語の等幅フォントといえば、Osaka フォントで決まり、と言いたいのですが、英文や記号などの1バイト文字が混ざるとずれたりする。そしてちょっと見にくい。不満を持ちながらも放置していたのですが、重い腰を上げて調べてみると意外と簡単に良い等幅フォントが見つかりました。

Mac で使える日本語の等幅フォントは M+ と IPA の合成フォントで決まり

これが、そのフォントです。

• M+とIPAの合成フォント

フリーで入手でき、見やすく美しく、ちゃんと等幅で表示されます。すばらしい！

いまこの記事をかきながら、古い Mac のロゴの写真をとってヘッダー画像としてアップしました。どうですか、美しいでしょ？w

3月は25日（日）の開催に決まりました。

オープンコーヒー大阪とは、うちの会社で定期開催しているイベントです。オープンコーヒー大阪公式サイトの説明を引用します。

Open Coffee is an event to meet similar minded people from your area and find out what’s going on. Designers, developers, start-ups, investors, freelancers, and enterpreurs are all welcome.

In the case of Open Coffee Osaka, it is open to both the International community and to the Japanese community. We, the organisers are bi-lingual, but their is no need for attendees to be bi-lingual. For presentations and demos, we will do our best to have them in both languages.

要するに、同じエリアに住む、同じような興味関心を持った人が集まり、コーヒーを飲みながら語り合うというイベントです。比率としては外国人参加者の方が多いですが、共通語としては英語と日本語が飛び交っています。

動画もあります。

日本語の公式サイトもありますので、もっと詳しく知りたい人はどうぞ。

• オープンコーヒ大阪とは？ | OpenCoffee Osaka

2月の開催は、人数も過去最高で大成功となりました。そして3月の開催日について意見募集をしていたのですが、この度決定となりました。

• Next Meet-up: Sunday 25th March 1-3pm | OpenCoffee Osaka

というわけで、次回開催日は3月25日となりました。お気軽にお越しください！英語しゃべりたい人とか相当楽しめると思いますので、ぜひ来てみてください。

10月15日（土）に、シークレットイベントを計画しています。当日の共通語は英語になりますが、通訳が付きますのでご心配なく。

10月15日、少し変わったイベントを開催します。関西の様々な分野の人々が集まり、あるチャレンジを行います。

アーティスト、パフォーマー、起業家、ビジネスマン、デザイナー、教師、開発者、研究者、税理士、弁護士など様々な背景を持つ人々が、たった1日だけのチームを結成して問題に挑みます。

「シークレットデザインチャレンジ」

詳細: 当日、あなたはあなたと異なる分野の人とチームを結成します。創造性あるれる人、専門家、研究者などがチームを結成し、イベント開始のわずか数分後には、提示された1つの問題の解決をめざします。

費用: 2,000円です。ただし、下記リンク先のアンケートにお答えいただき、参加表明していただいた方は500円割引とさせていただきます。また、当日の収益は、東日本大震災復興支援のために全額寄付いたします。

• アンケート

* どなたでもご参加いただけます。デザイナーや開発者、起業家以外の方も大歓迎です。お誘い合わせの上、ご参加ください。
** 開始時間は 13:00 となります。Facebook の仕様上、アメリカ標準時間にあわせて 5:00 と表示されている場合がありますのでご注意ください。

最新情報は Facebook グループでも更新しています。ぜひご覧ください。日本語での書き込みも OK です！

• The Secret Design Challenge – SDC October – OSAKA Edition!

最初に ifttt を見たときは、UI がシンプルな変わった名前の自動バックアップサービスだなという印象でした。ところが実際に使ってみると、非常に簡単に作業を自動化できる画期的なサービスだったのです。

ifttt では、インターネット上での活動を自動化することができます。例えば Twitter や Facebook への投稿とか、Evernote への情報の保存とか。上の画像は僕自身が作成して使っている自動化処理の例です。一例を挙げると、意味は次のとおりです。

• もし Google Reader で記事にスターを付けたら、それを 勝手に Instapaper に送信する

いままでにもこういう作業はいろんな手段で実現できていました。ただ、それをこんなシンプルな UI で直感的に実行できるというものはありませんでした。複雑な処理はできず必要最低限の機能しかありませんが、それによってこの簡単な操作が実現できています。

挙げた例以外にも、メジャーな Web アプリ、インターネットサービスに対応しています。

作業を自動化しないと行けないぐらいのインターネット中毒者には、かなりおすすめです。

• ifttt

常日頃からお世話になっている英辞郎。そろそろ新しいバージョンにアップデートしようと思い、先日最新版を買いました。その際、不満があったアプリ側も乗り換えることにしました。とはいっても選択肢はほとんど無かったため、少し手間がかかるけど安心の標準辞書アプリへの統合を実施しました。結果は大満足。おすすめです。

注意: めちゃくちゃ時間がかかります。

まずはじめにやり方について。リンク先の記事の通り実行すれば OK です。必要な辞書形式変換ツールはリンク先で公開されています。すばらしい。

• Leopardの「辞書」アプリで「英辞郎」を使う

コマンド

上記サイトではコメント欄でもサポートをされているので、あわせてチェックすることをおすすめします。自分自身のためのメモも兼ねて、上記リンク先に出てくるコマンドをまとめておきます。記事では OS X 10.6 Snow Leopard でのコマンドになっています。ファイルの位置などが若干異なっているため、自分が実際に OS X 10.7 Lion で実行しうまくいったコマンドを記載します。

注意: 提供されているツールは Ruby 1.8 系で動作します。rvm で複数のバージョンを導入している人は、1.8 系に切り替えてから実行してください。

ex) $ rvm use 1.8.7

さて本題のコマンドです。ホームディレクトリ（~/）に Eijiro というフォルダを作成し、その中に購入した英辞郎の辞書データがすべて入っている前提です。??? はバージョンによってナンバーが違うのでその時の最新版に合わせて入力してください。

$ cp /Developer/Extras/Dictionary\ Development\ Kit/project_templates ~/
$ mv ~/Eijiro/*.TXT ~/project_templates

“eiji_conv???.zip” を上記リンク先サイトからダウンロードしてください。ダウンロードしたファイルは展開してホームディレクトリに移動してください。

注意: 最後の eiji_conv.rb や make の実行にはものすごく時間がかかります。最新の iMac でも十数時間かかったので、丸一日ぐらい Mac を放置するときに実行しておくことをおすすめします。そしてファイル容量も大きくなります。これは Safari 等と連携できるようにするために必要なものです。

$ mv ~/eiji_conv???/* ~/project_templates
$ cd ~/project_templates
$ ruby -Ks ryaku_conv.rb < RYAKU???.TXT > Ryaku.txt
$ ruby -Ks cat.rb EIJI-???.TXT Ryaku.txt > Eijiro.txt
$ ruby eiji_conv.rb < Eijiro.txt > MyDictionary.xml ; make ; make install

和英辞郎は？

和英辞郎も同じ手順で取り入れることができます。Makefile を修正して、辞書名を英辞郎から和英辞郎に変えておくと良いです。ちなみにこの和英辞郎は英辞郎以上に処理時間とファイル容量が大きくなります。両方を辞書アプリに取り込むには、丸二日かける意気込みが必要です。

$ ruby -Ks cat.rb WAEI-???.TXT REIJI???.txt > Waeijiro.txt
$ ruby eiji_conv.rb < Waeijiro.txt > MyDictionary.xml ; make ; make install

なにがそんなに良いの？

1. 単一アプリですべて解決

ここまでする理由ですが、まず単一の辞書アプリで、英英、英和（英辞郎）、和英（和英辞郎）、国語辞典などが伝えるようになることです。起動するアプリが一つで済むのは快適です。

2. Spotlight で検索

標準辞書に取り込むことで、辞書アプリ自体を起動しなくてもスポットライトで検索することができます。スポットライトでは計算もできるので、電卓も辞書も起動しなくてもすばやく調べられて超便利！

3. Safari と連携

Safari だけじゃなく OS X 標準装備の多くのアプリ（Cocoa アプリ）から辞書を簡単に呼び出せます。たとえば Safari からなら、3本指タップで辞書を引けます。なんとも便利！

というわけで、超おすすめです！

出会い

まどか☆マギカとの出会い。いま振り返れば、それはまさに必然とも言えるものでした。深夜に何気なくテレビをつけた時、たまたま始まったアニメの放送。特に注目をすることもなく垂れ流していたはずが、画面を通じて溢れ出すただならぬ斬新さに、開始数分後には作業を止めて見入っていました。

そのとき目にした放送は、第10話「もう誰にも頼らない」。後に大きな反響を巻き起こすことになるエピソードでした。

質問

エヴァンゲリオンのファンとして、避けては通れない質問があります。

エヴァンゲリオンを超えるアニメは誕生するのか。

そもそも何をもって超えると定義するのか、という問題がありますが、ここではシンプルに2つの評価軸を定義します。

1. 自分にとって、より心を動かされた作品であるか？
2. 社会にとって、作品が与えた影響がより大きいものであるか？

1 の答えは簡単です。自分自身に問いかければ答えがです。自分の答えは、No。つまり、まどか☆マギカは自分にとってエヴァンゲリオンを超えるほど心を動かす作品ではありませんでした。これは評価をする人物と作品との関係が生み出す結果であるため、出る答えは人それぞれです。評価をする側、感動をする側が人間である以上、絶対的にすばらしい作品というのは、存在しません。

まどか☆マギカは、決してつまらない作品ではありません。実にすばらしい作品です。まどか☆マギカ以前、以後では、間違いなく自分の価値観は変わりました。斬新さと伝統の融合、ありきたりなものから生み出されるイノベーション。多くのことを学びました。

難しいのは、2 の答えです。それが難しい要因のひとつは、エヴァンゲリオンとまどか☆マギカでは、影響を与える対象となった「社会」が異なっている事です。

ソーシャルメディア時代の評価軸

CD があまり売れなくなくなったのと同じように、アニメにおいてもかつてのような爆発的なヒットを生み出すことは難しくなっています。それはコンテンツのクオリティーが下がったからでもなければ、若者の XX 離れがあったからでも無いと自分は考えています。単純に、インターネットが開放した自由の扉によって、人々によりわがままに生きる選択肢が与えられたこからだと考えています。

個人と社会の接点が増え、またその社会も細分化されたことにより、限られた閉鎖的な社会で最も円滑にコミュニケーションを取ることができる話題を選ぶ必要性が無くなり、扉を開いた者は自分の好きな話題に合わせて、所属する社会を選ぶことができるようになりました。

Web2.0 と言われた 2000 年代中頃以降は特に、インターネット上に点在する社会と現実社会との敷居を下げる競争が激化し、それによって人々が複数のコミュニティーに参加するチャンスが激増しました。そして生まれたソーシャルメディア時代においては、もはや単一の社会のみを対象として影響力をはかるなど無意味です。まどか☆マギカが、間違いなく、いまこの時代に存在する特定の社会において、多大な影響を与えたニューヒーロー（ヒロイン）であることに疑いはありません。それはつまり、その社会においては、まどか☆マギカはエヴァンゲリオンを超えたことを意味します。

一世を風靡するかしないかなど、問題ではありません。いまはもう、90年代ではないのです。問題は、いかに濃く、深く、ファンに愛されるか。そうやってものすごく偏った作品が誕生し、それを愛する人たちが熱狂し、ソーシャルメディアを通じてつながる。それが許される素晴らしい時代が到来したのだと、まどか☆マギカが教えてくれました。

• 魔法少女まどか☆マギカ

明日、2つのイベントを開催します。1つは messa Open Space という、作業を同じ空間で行うイベント。もうひとつは Open Coffee Osaka という、会話や意見交換を楽しむためのイベント。詳しい情報はそれぞれのサイトに掲載しています。messa Open Space と Open Coffee Osaka をご覧ください。

開始は明日の午後1時で、参加費は無料。お会いできるのを楽しみにしています。

個人的なログとして、あるいはチームで共有する知識として、作業ログをとっていこうと考えています。

まさに個人的な用途として、数年前からログはとり続けていました。Emacs ベースの記録や、Google Docs を使った記録など、いくつかの方法を試しました。でも、どうせログをとるなら、それを公開したいと考えるようになりました。それがソーシャルメディア時代のやり方じゃないかと思ったわけです。それによって、効果的なフィードバックも得られるかもしれません。

問題は、どうやって実現するか。単純に新しいブロブを始めようかとか、Posterous みたいにあんまり活用していないブログを流用することも考えました。Twitter や Facebook ステータスも選択肢のひとつでした。

いまも明確な答えは出ていないのですが、とりあえず Tubmlr でやってみようと考えています。すぐにやり方を変えるかもしれませんが、とにかくやってみて、ダメだったらそのときの事をまた書こうと思います。

いくつもの選択肢がある状態であれば、オープンな方法を選択する。それがいまの判断基準です。

HTML5/CSS3 ベースの WordPress テーマを作ったときに参考にしたリソースです。画像は旧デザインと新デザイン。新デザインはフレキシブルなレイアウトです。

これがおすすめ記事。

• Coding A HTML 5 Layout From Scratch – Smashing Magazine

いくつか重要事項を引用します。

事実

はじめる前に、知っておくべき事があります。

There’s also the fact that by using HTML5 code right now your website gets stuck in some kind of “limbo” since even though your browser will render HTML5, it does not understand it as of yet. This may also apply to other software such as screenreaders and search engines.

Lastly you must consider that HTML5 is still under heavy development, and it’s probably the “most open” project the W3C has ever done.

まだまだ発展途上であることは意識すべきです。アクセスするユーザーの層が幅広い場合、導入には慎重になった方が良いです。

Progressive Enhancement と Graceful Degradation

重要なコンセプト。これを知っておくと、HTML5 を活用できると思います。残念ながら、適切な日本語訳が思いつかないのでそのまま。

Graceful Degradation is a widely used term which ideology is basically using the latest technologies first, and then fix anything that needs fixing for older browsers. We do this on a daily basis: most of us code for Firefox first, then fix Internet Explorer.

Progressive Enhancement refers to the habit of building first for the less capable, outdated browser and then enhance for the latest technologies. We, too, use this on a daily basis. For example, most of the times we code a website we start with the markup and then apply an external CSS file where we add all the styling.

フレームワーク

フレームワークを使うことはおすすめです。特に HTML5 初心者にはおすすめ。早くリリースできるし、フレームワークから学べることも多々あります。自分は Less Framework を選択しました。

• Less Framework

グリッドシステム

HTML5/CSS3 には直接関係ないですが、美しいデザインを志すならぜひ。

• 960 Grid System

自分は Pixcel Perfect を使ってレイアウトを行うために、画像を作りました。

その他のリソース

友人の Oli がおすすめの情報を教えてくれました。自分も開発する過程で聞きまくりました。Thanks Oli!

Oli の記事

日本人にも読みやすいように、簡単な英語で書いているとのこと。ユーザーフレンドリーな心遣い。

• div, section, article
• header, hgroup, h1-h6
• nav, aside, figure, footer
• HTML 4 and XHTML 1 to HTML5
• Block-level links
• HTML5Doctor にも執筆者として参加しているそうです

HTML5 と Firefox

• Mark Pilgrim の O’Reilly HTML5 本
• Mike Smith の cut down HTML5 spec
• HTML と CSS のブラウザーサポートについて
• Mozilla Developer Network wiki: HTML
• Mozilla Developer Network wiki: CSS

日本語の記事

• HTML5 JP
• HTML5 Doctor の日本語訳
• HTML5 spec の日本語訳

日本語によるサポート

• Google Groups: html5-dev-jp

自分の現状をメモです。図は Cacoo で作成。詳しくは英語版の方に解説を書きました。

• How I Input/Output Content On The Web

Yahoo! Pipes でまとめるところが鍵です。すべてを Yahoo! Pipes でまとめて、FeedBurner 経由で Evernote に取り込むわけです。Google Reader でスターを付けた記事を InstaReader 経由で自動的に Instapaper に取り込み、それを iPad/iPhone で読むのも、高速処理を支援しているポイントです。

ほんとは Fastlader/Livedoor Reader の高速な UI がすばらしいのですが、サードパーティーアプリ/サービスの充実度から、Google Reader を選ばざるをえないのが現状。