CHANGE FONT TO

Mplus 2

SEARCH CATEGORIES ARCHIVES
雪ふりました

夕方には少し積もって ALEX も大喜び。

この weblog の作法(覚え書き)

自分で作っておきながら、少しでも更新を怠ると一連の作業手順を忘れてしまうので、改めて再確認しつつここに記録することとします。最初に、新しいエントリを作成する場合はシェルスクリプト "clog_new_text.sh" を使用します。

$ ~/bin/clog_new_text.sh 210112d

引数でエントリのタイムスタンプとカテゴリを設定します。上の例では 2021 年 1 月 12 日のタイムスタンプで days カテゴリとなります。about カテゴリとする場合は引数最後の d を a とします。新しいエントリは、とりあえず queue ディレクトリ下の各カテゴリディレクトリ内に、引数を使用したファイル名で作成され(上記の例では "days-200112.txt")、vi が起動し編集画面となります。

引数が不適切であったり、すでに同名のエントリが存在する場合は、その旨を表示してスクリプトが終了します。無事に編集画面が表示されたら 1 行目にエントリのタイトルを記入します。2 行目にはこのエントリのタイムスタンプ設定が引数から自動的に挿入されています。同じ日付で複数のエントリを予定している場合などは、時刻部分を編集してエントリの順番を操作することができます(新しい時刻のエントリが上に表示される)。1 行あけて 4 行目から、HTML のタグを使いながら本文を記入します。

ローカルリンクは以下のように指定すれば、後のスクリプト処理でローカル環境とサーバ環境のそれぞれに適した url に変換されます。

<a href="http://localhost/cgi-bin/clog.cgi/weblog/days/days-210110.html">

Image

画像を挿入する場合は、"clog/queue/images/" ディレクトリ下に保存し、img タグで設定します。

<img src="/IMAGES/name_of_image.png" class="w80">

画像ファイルの url を "/IMAGES/" としておけば、後のスクリプト処理でローカル環境とサーバ環境のそれぞれに適した url に変換されます。

class に "w80" を設定した場合は、画像の左右寸法が本文ボディ左右寸法の 80% になります。

class に "w60" を設定した場合は本文ボディ左右寸法の 60% になります。

スクリーンショットなどの画像は class に "w100 window" と設定すれば、周囲にアウトラインを付加し、本文ボディの左右寸法に合わせた表示となります。

iframe

YouTube の動画(560:315)などを埋め込むときは <iframe> を <div class="iframe-w100"> で囲み、本文ボディの左右寸法に合わせます。

<div class="iframe-w100">
<iframe width="560" height="315" src="https://www.youtube.com/embed/6dKimoybmEo"
 frameborder="0" allow="accelerometer; autoplay; clipboard-write; 
 encrypted-media; gyroscope; picture-in-picture" 
 allowfullscreen></iframe>
</div>

pre

すでに上の方で表示されていますが、スクリプトなどを表示する際に <pre> タグを使用すれば、グレー地に白文字で半角固定幅フォントが表示されるように設定しています。

<pre>
$ ~/bin/clog_new_text.sh 210112d
</pre>

ul

<ul> タグを使用したリスト表示では、各項目のマーカーとインデントを無くしてシンプルにしています。

<ul>
<li>2020</li>
<li>2021</li>
<li>2022</li>
</ul>
  • 2020
  • 2021
  • 2022

ローカル環境での表示確認

新しいエントリの作成が終わったら、シェルスクリプト "clog_update.sh" で表示を確認します。

$ ~/bin/clog_update.sh local

引数に "local" を指定することで、queue ディレクトリ下に作成したファイル群が "clog/blosxom/weblog/" ディレクトリ下にコピーされ、表示が可能となります。

修正が必要な場合は、直接 .txt ファイルを指定して編集し直すか、もしくは編集画面を開いたまま、別ターミナルから上記スクリプトを繰り返し実行することで試行錯誤することができます。

サーバに転送

ローカル環境での確認が終わったら、シェルスクリプト "clog_update.sh" でサーバに転送します。

$ ~/bin/clog_update.sh www

引数に "www" を指定することで、queue ディレクトリ下に作成したファイル群が再び "clog/blosxom/weblog/" ディレクトリ下にコピーされ、続いてサーバに転送され、最後に queue ディレクトリ下から削除されます。

記録する人
森下浩司   cojiunderforestcom
1962
1981-1994
2019
東京生まれ
松永真デザイン事務所
UNDERFOREST DESIGN

Accounts

湯川渓谷に行ってみた

雪がふらないので、せめて氷を見に行こう、ということで初めての湯川渓谷。車で 40 分くらい。勝手が分からないので、林道が凍りついている手前で駐車して 700m ほど歩くことに。

ALEX のペースで歩いていると滑って転びます。

おそらく一番大きな氷壁には近づくことができませんでしたが、その手前でも見応え充分、アイスクライミングも初めて見ました。

About What?
雪ふりません

強い寒波の影響で各地に大雪注意報がでていますが、ここ野辺山は八ヶ岳に守られて、なかなか雪がふりません。ALEX が拗ねています。

南清里道の駅のドッグパーク

息子 S をハイウェイバスに送るついでに。

少しだけ雪ふりました

朝散歩の時で -4°C くらい。強い風が吹いて、もっと寒く感じます。

ALEX と合流して野辺山へ

ホテルをチェックアウトし、ALEX を迎えに行って、そのまま野辺山へ。室温は 1°C でかろうじて氷点下にはなっていませんでした。

再開します

そこまで忙しいわけではなかったのですが、1 年以上もさぼってしまいました。世の中は COVID-19 で大変ですが、今のところ自分たちは元気にしています。新年を迎え、気分を新たに weblog を再開します。

年末年始の休みは毎年同じホテルに滞在します。ALEX はペットホテル、しばらく会えませんが毎日画像や動画を送ってくれるので安心です。

学会誌「情報処理」インタビュー

情報処理学会の学会誌最新号(10/15 発売)にてインタビュー記事が掲載されました。編集委員会からの提案として、オープンソースコミュニティに敬意を表し PDF が無償公開されています。

http://www.ipsj.or.jp/magazine/digitaltype.html

M+ FONTS 製作のきっかけを教えてください。

グラフィックデザイナとして文字(主に写植文字)と接していたころ、自分で書体を作ることができたらどんなに素晴らしいだろうと夢想していました。しかし日々の仕事に追われていた自分には、まったく不可能なことだと思い込んでいました。やがてパーソナルコンピュータが一般的なものとなり、目にする文字の多くがディジタルデータに変わっていくころ、自分は一身上の理由で商業デザインの現場から離れました。多少の自由な時間を得ることができた自分は、当時の複雑になってきた macOS に対するちょっとした悪戯心から、UNIX 系 OS で極力シンプルな環境を構築して、M+ WORKSPACE と名付けました。「M+」には Minimum なだけではない何か(+)の意味を込めました。その環境用に日本語ビットマップフォント M+ BITMAP FONTS を作ってみたところ、インターネットを通じて多くの方々から反響をいただき、そんな方々の技術的な支援を得ることでアウトラインフォント M+ FONTS を作る決心がつきました。

M+ FONTS を、自由なライセンスで利用してもらおうとした経緯を教えてください。

自分自身には文字文化や言語文化、プログラミングやフォントフォーマットの知識もなく、一文字一文字をただ表層的にデザインすることしかできません。それら文字データの集合をフォントとして生成させるためには、多くの方々の無償の協力が絶対的に必要でした。その成果を独り占めしたり、何らかの制限をしたりということはまったく考えられませんでした。またご存じの通り、日本語フォントの制作には多大な時間と労力を必要とします。そのため利用には多くの制限が課せられることが当たり前でした。その中で、まだまだ質量ともに未完成だとしても、自由に使うことができる「普通の」日本語フォントが存在したら面白いだろうな、とも思いました。

M+ FONTS は、字画を様式的に整理した角ゴシック体(モダンゴシック)です。このカテゴリの書体に決めた経緯を教えてください。

Helvetica や Frutiger などの書体を使用した欧米のモダンデザインに強く憧れていた自分にとって、1983 年に多くの太さ違いが展開された日本語ゴナ書体には感謝してもしきれない気持ちがあります。しかしそのゴナがパーソナルコンピュータに対応しなかったため、それならばこのカテゴリで自分がデザインするとしたら、どんな書体ができるだろうかという興味を持ちました。フリーフォントとしては他に類型がなかったこともあります。

製作環境を教えてください。また、製作体制を教えてください。

macOS 上の Adobe Illustrator でデザインされた文字を SVG ファイルに保存し、オープンソースのフォントエディタ FontForge のスクリプト処理でフォントファイルに出力しています。プロジェクトのメンバは自分を含めて現在 9 名になります。文字デザインこそ自分 1 人の作業ですが、初期の、SVG ファイル群から TTF フォントファイルを生成する仕組みを用意してくださった方々と数名でプロジェクトを立ち上げた後、このフォントを技術的に支援していただける方が、1 人ずつ増えていきました。不具合が見つかるたびに手直しをしてくださる方、フォントを拡張するたびに対応してくださる方、技術的なご質問をいただくたびに、知識のない自分に代わって対応してくださる方のおかげで、自分はデザインに専念することができています。これらの共同作業とフォントファイルの公開に、インターネット上のオープンソースソフトウェア開発環境である OSDN を利用させていただいています。

アウトラインフォントの製作は初めてだったと思いますが、製作の中でご自身の経験が役に立ったことはありますか。また、新たにどのようなことを学んだり修得したりされましたか。

グラフィックデザインの仕事を始めてから、さまざまな形で文字デザインとかかわってきました。ポスターやパッケージデザインなどの用途にあわせて書体を選び、文字を並べてバランスを吟味する。たった数文字のロゴタイプを制作するために数週間、時には数カ月にわたって調整を続ける。そのような試行錯誤の蓄積の中で自分なりのスタイルができていたのかもしれません。モダンゴシックとしての日本語フォントをデザインするにあたって、造形的な迷いはほとんどありませんでした。ただ、書体としてのデザイン経験がないので、1 文字ごとのデザインが集まって 1 行の流れになり、1 段落の塊になったときの検証が弱いのではないかという不安はあります。とりあえず実用的な日本語フリーフォントを公開することはできたので、次の段階では書体としての完成度を上げるための作業で「別の何か」を学ぶことができるのではないかと期待しています。

フォント製作の過程で、技術的に困難だったことは何ですか。それはどのように解決されましたか。

ちょっと質問の趣旨とは離れてしまうかもしれませんが、フォント制作を始めたころに厄介だなと感じたことは「視覚的な慣れ」でした。特に本文用として見慣れた書体に対しては脳が識別性を最適化していて、実はデザインをあまり認識していないんじゃないかと思いました。見出し用の書体やロゴタイプなどでは、見慣れていないことが逆に印象に残る効果として利用できるのですが、本文用の書体では見慣れないデザインに対して「読みづらい」、果ては「劣っている」と判断してしまいがちのようです。これは制作する側にも言えることで、文字をデザインし、その文字を見続けていることで見慣れてしまって、デザイン的により良い判断ができていない可能性もあります。どちらも解決するためには脳のリフレッシュが必要なようです。

M+ FONTS には、かなのバリエーション、欧文のバリエーションを用意されました。この理由を教えてください。

制作当初から、フリーでありながらスタンダードな和文/欧文フォントファミリーを目標としていました。あくまでもモダンゴシックフォントの範疇ではありますが、日々の生活の文字と接するさまざまな場面の中、その時々の気分でちょっとしたニュアンスを使い分けることができたら楽しいだろうと考えました。親しい友人や大切な人にメールを送るとき、ブログで今日のできごとを綴るとき、ちょっと難しい小説を読むとき。どちらのバリエーションを選ぶのが正解かということではなくて、気分に合わせて選ぶこと自体が楽しいですよね。半角固定幅の欧文フォントについては、このプロジェクトに限らずフリーウェアに携わっているプログラマの方々に感謝の気持ちを込めて、気持ちよく使っていただくことを願って制作しました。もちろん同様にバリエーションを用意し、気分に合わせて選ぶことができるようになっています。今、思い出したのですが、5 年前にアメリカのプログラマが「The Best Font for Programming : M+」と題して、いかに M+ FONTS がプログラミングのときに使いやすいかを説明したブログエントリを公開してくださって、reddit などでちょっとした話題になったことがありました。自分が願っていたことが、遠く海外の会ったこともない方にも伝わっていることが分かって、とても嬉しかったです。特に海外では全角文字幅の和文との関係を気にする必要がないことから、半角固定幅の英数字が狭すぎると感じる人が多い印象だったのでなおさらです。

漢字と並行して多くのヨーロッパ言語の字種も作成されました。これに着手した理由はなんですか。

開発初期のころから多くのご要望をいただき、その都度追加していくうちにそれなりの多言語フォントになりました。1 つのフリーフォントで使用許諾を気にせず、安心して日本語とラテン系言語を表示したいという需要は、自分 1 人ではとても気がつかなかったと思います。

慣れない言語の文字の字形デザインには困難があったと思います。これにはどのように対処されましたか。

その言語表示を必要とする方のご要望があって、文字の字形デザインを始めます。自分にはその言語の知識はありませんから、とりあえず Mac に入っているほかの対応フォントを眺め、M+ FONTS なりのスタイルで作ってみます。その字形デザインが通用するものなのかどうかは要望された方だけの判断となるのですが、フォントが公開され多くの方々に使われることにより、もし問題が出てくるようであればその都度修正していくつもりです。

このように多言語フォントとしての性格も持つ M+ FONTS ですが、ヨーロッパ言語圏からの反響はいかがでしたか。

年に何度か個人的な感謝のメールをいただくことはありましたが、2012 年にチェコ海賊党(Česká pirátská strana)のロゴタイプに採用されたときには、ついにチェコで海賊になったかと驚きました。 当時のグラフィックマニュアルでは、ロゴタイプのほかにさまざまなスローガンの表示にも使われる公式フォントの扱いでした。

M+ FONTS またはその派生フォントが広く使われていますが、どうお感じですか。

自由なライセンスを設定したもう 1 つの理由でもあるのですが、そのことで M+ FONTS が自分の手から離れ、自分の存在の有無にかかわらず自由に使われてほしいと願っています。もしかしたら遠い未来においても未来の技術に対応したフォーマットで使われているかもしれない、派生したフォントの中に自分のデザインの欠片が残っているかもしれない、などと想像することはとても楽しいことです。

M+ FONTS は、無償または低廉に使用できる和文フォントが少ない時代に登場し、日本語情報処理基盤に大きな貢献をしました。この点から、M+ FONTS のここまでの製作を振り返ってどうお感じでしょうか。

1988 年に初めての Macintosh を購入したとき、そのグラフィックデザインの道具としての可能性と同じくらい、もしくはそれ以上に興奮したのはフリーウェアの存在と文化的背景でした。当時、商業デザインの現場の真っ只中にいた自分にとって、それは夢のような世界でした。毎晩、最終電車に駆け込むような生活を送っていた自分には何もできないと思い込んでいました。いろいろあって時間ができて『ハッカーズ』(“Hackers : Heroes of the Computer Revolution” by Steven Levy)に感動して、中古の SPARCstation 2 にあえて SunOS を入れて、NetBSD に入れ替えて、Red Hat Linux / SPARC を試してみたら便利だったので、PC を用意して Slackware を入れて、悪い癖が出て Linux From Scratch(LFS)に落ち着いて、このころから LFS 上の仮想 Mac OS System 7 で古い Illustrator を起動させて M+ FONTS の制作を始め(今はちゃんと MacBook Pro を使っています)、小学生だった息子たちにそれぞれ Debian 入り中古 ThinkPad を与え、とコンピュータ/フリーウェアの文化に憧れて後追いしてきた自分が、少しでもその文化の片隅でお役に立つことができたのだとしたら嬉しいです。

M+ FONTS またはその派生フォントが使われた場面で印象に残っているものを教えてください。

2009 年、まだ Adobe に吸収される前の Typekit Web Fonts ライブラリに欧文フォントとして採用され、有名ベンダに混じって M+ FONTS ロゴタイプ が表示されたときには驚きました。

ネイティブの方にも欧文フォントとしてのデザインを認められ、本当に安心しました。2016 年からは Google Fonts の web fonts ライブラリにも日本語フォントとして採用され、多くの人がさらに安心して使用できる環境が整いました。それ以外にも Web サイトや、ちょっとした印刷物、TVCM などで見つけたときはやはり嬉しいものです。

M+ FONTS は、一般的なソフトウェア開発とは違うアプローチから、オープンソースで情報処理環境に貢献しました。このような貢献を考えている人にメッセージをお願いします。

生活のさまざまな場面でソフトウェアが活用されている現在では、さまざまな分野でソフトウェアと共同する需要があるということです。漠然と思っているだけではなく、まず自分にできることを形にして宣言することが大切だと思います。自分を例にすると、最初はビットマップフォントのエディタを手探りで使い始め、なんとか日本語フォントの基本セットができました。このフォントを公開することで多くのプログラマの方々の支援をいただくことができて、後のアウトラインフォント制作につながりました。とりあえず形にする、臆することなくそれを公開する、きっと人生が変わると思います。

ありがとうございました。

東京へ戻る

色々と忙しくなりそうです。

野辺山の光回線工事完了

野辺山の家でも通信制限の心配をしないでインターネット接続ができるようになりました。

早く再びオフロードバイクに乗りたい

川上村ナナーズまで昼食に行ったらオフロードバイクのグループがたくさん来ていた、こんな光景は久しぶり。例によって年齢層は高め、みなさん復活組と思われる。自分のバイクは色々と修理が必要で、まだナンバー登録もない状態。生活が落ち着いたら乗れる状態に戻したい。画像は息子 S のバイク、XR200R ME04 風 '82 XL200R。なかなか格好良い。

飯盛山ミニトレッキング

昨日とは打って変わって良い天気、最近運動不足気味の ALEX と自分で出発。標高 1,643m というとちょっと大変そうだけど、実は登山口の駐車場がすでに標高 1,450m なので登るのはたったの 193m、小一時間で山頂に到着することができます。駐車場での見晴らしも素晴らしいのですが、やはり山頂での見晴らしは気持ちが良いです。

軽井沢プリンスショッピングプラザ

終日雨とのことなので、気分転換に軽井沢まで足を延ばす。ALEX もドッグカフェでは大人しくしてくれるので助かる。ご褒美のおやつが少しなので不満顔。特に買い物はなし。

野辺山へ

事務所ビル解体による荷物の移動で、自宅車庫が一時的な荷物置き場になっている。ここを片付けないことにはクルマを入れることもできない状態。早急に片付けないといけないのだけれど、とりあえず慌ただしかった一週間の疲れを癒すために野辺山へ。途中、ALEX も入ることができる清里のカフェで昼食。

Island hopping!

息子たちが沖縄周辺のアイランド・ホッピングから帰ってきたので、夕食は近所のイタリアンなファミリーレストラン。

Glyphs Workshop #2

ということで、無事にワークショップを受講することができました。帰宅後、DC さんにお礼のメールを出したところ、supplier enrollment をさっさと済ませるように催促される。

台風一過

昨晩から未明にかけての台風通過による暴風雨で ALEX は大騒ぎ、朝の散歩では大量に散乱した小枝や葉っぱに驚く。