はてなブックマーク

最近の Web アプリはどんどんリッチになっていっていますが、ネイティブアプリとは違って、「ローカルフォント*1を列挙してユーザーに選択させ、それを表示に使う」といったことは仕様上不可能です。 例えば、画像に文字を入れる Web アプリを考えてみます。文字の描画自体は canvas の ctx.fillText() が使えますが、問題はフォントの指定です。ctx.font にローカルフォントを指定するためには、そのローカルフォントのフォント名を知っている必要があります。OS にプリインストールされているフォントでなどであれば、「Web アプリ側であらかじめフォント名のリストを用意しておき、実際にインストールされているかどうかをチェック*2してからユーザーに選択させる」という手段がとれますが、「自分でインストールしたこのフォントが使いたい！」という要求に応えるのは現実的ではありません。 提案

いまの勤務先にはエンジニア・デザイナーが持ち回りで発表する社内勉強会（FFTT）があるんですが、今週がわたしの当番だったので、ベジエ曲線のなめらかさの話をしました。 speakerdeck.com デモページ：https://mashabow.github.io/bezier-smoothness/ リポジトリ：https://github.com/mashabow/bezier-smoothness デモとスライドを行き来しつつ、30分ほどの発表でした。 内容の補足 p. 10: G1 連続（接線連続） Illustrator などには「スムーズポイント」という種類のアンカーポイント（始点・終点）がありますが、これは両方のハンドルが常に一直線になって動くので、G1 連続ということですね。 p. 14: 急カーブ注意の標識と曲率半径 「道路標識 R カーブ」あたりで画像検索するとわかりやす

年末に発売されていたので読みました。 [改訂新版]プログラマのための文字コード技術入門 (WEB+DB PRESS plusシリーズ) 作者: 矢野啓介出版社/メーカー: 技術評論社発売日: 2018/12/28メディア: 単行本（ソフトカバー）この商品を含むブログを見る ［改訂新版］プログラマのための文字コード技術入門：書籍案内｜技術評論社 『［改訂新版］プログラマのための文字コード技術入門』発売! - yanok.net どんな感じの本だかざくっと タイトルに「プログラマのための」あるように、プログラミング経験者がターゲットになっています。ビット・バイト、2進数・16進数、ファイル、プロトコルのような「常識」についてはさらっとした説明で済まされているので、その分、文字コードの本質的な部分・実践的な部分の密度が高くなっています。文章が平易なので、読み進めやすいかと思います。 さらに内容を

Twitter 上でとある鍵アカ氏が「このツール知らなかった！ 使ってみたらべんり！ 楽しい！」的なことをつぶやいていました。フォントの世界にはお役立ちツールがいろいろとあるのですが、日本語での情報が少ないこともあり、とっかかりが難しいかもしれません。そこでこの記事では、「ツールを探すならまずはここから」という定番の情報源を3つ紹介しておきます。 1. awesome-typography github.com フォント関連のさまざまなツールがリストアップされたリンク集です。ツールだけでなく、オープンソースのフォントや、フォント関連のドキュメントなども一緒に挙げられています。 プログラミング言語別に並んでおり、ごく簡単な説明もついていますので、「この言語でうまいことあれをやってくれるツールないかなー？」というときには真っ先にチェックすべきページです。 2. 技術カンファレンスの動画 フォン

AFDKO の新バージョン 2.7.0 が先週リリースされました。AFDKO は、フォント開発のための Adobe 製コマンドラインツール集です。 github.com Python パッケージ化 今回の大きな変更点は、AFDKO の中身がひとつの Python パッケージへと、がらっと再構成された点です。 The AFDKO has been restructured so that it can be installed as a Python package. It now depends on the user's Python interpreter, and no longer contains its own Python interpreter. https://github.com/adobe-type-tools/afdko/tree/2.7.0#major-chang

OpenType は1997年に Microsoft と Adobe が策定したフォントフォーマットで、現在のデファクトスタンダードになっています*1。仕様は Microsoft のサイトで公開されており、興味があればだれでもすぐに読むことができます。 Microsoft Typography - OpenType Specification この OpenType の仕様はときたま改定されており、今のところは2015年3月に発表された v1.7 が最新バーションです。 ところで、この仕様の改定はどこで議論されているんでしょう？　UCS/Unicode や各種 Web 標準などは策定プロセスがオープンになっていますが、OpenType の仕様はどこで議論が進んでいるのか、ぱっと見ただけではよくわかりません。日本語の情報もほとんど見つかりません。というわけで、この記事でその一端を紹介したいと

TTXは、TTX/FontTools に含まれているコマンドラインツールです。この TTX/FontTools は SourceForge で公開されており、2013年4月現在 v2.3 が最新のバージョンです。 http://sourceforge.net/projects/fonttools/ この記事では、TTXのインストール方法を次の3通りに分けて紹介します。 A. AFDKOでまとめてインストールする B. TTXを直接インストールする C. setup.py でインストールする 一長一短ありますが、とりあえず A が無難なような気がします。もっとうまいやり方があるようでしたら、ぜひご教示ください :) A. AFDKOでまとめてインストールする AFDKO (Adobe Font Development Kit for OpenType; 通称あふでこ) は Adobe が提供

何ヶ月か前に、『同型類字集 等線体』『同型類字集 明朝体』という小冊子を入手しました。 陸地測量部が戦時中に作ったもので、地図に書き入れる文字のレタリング見本・字体見本のようです。 冊子を綴じてあったホチキスが錆びていたこともあり、せっかくなのでスキャンして公開してみることにしました。今日はまず、昭和17年（1942年）12月発行の『同型類字集 等線体』です。部屋にある家庭用複合機（ブラザー DCP-J940N）を使い、600 dpi のグレースケールでスキャンしました。 上の画像をクリックすると、Flickr でファイルが閲覧できます。なお、入手時点で冊子末尾の数ページが欠落していたため、「扁旁部首」の6画の途中で終わっています。PDF にまとめたものも用意しましたので、下のページからダウンロードしてください。 資料置き場 - しろもじ作業室 この等線体は見ての通り、ポキポキとした直線的

おひさしぶりです。mashabow です。 4月15日付けでタイププロジェクト株式会社に入社しました。AXISフォントやTP明朝を作っているフォントメーカーです。数年前からバイトのようなかたちでちょこっと仕事をしていましたが、そのまま正社員として働くことになりました。 職種としては、タイプエンジニア（フォントエンジニアとも）というものになります。裏方的な役割なのであまり聞き慣れないかもしれません。具体的には、デザイナーが作ったグリフをまとめてちゃんと動くフォントファイルを作ったり、フォント制作で使うお役立ちツールを作ったり、……といったもろもろをする仕事です。自分自身でデザインをするわけではありませんが、デザイナーをはじめ他のスタッフとともに、すばらしいフォントを世の中に送り出していきたいと思います。 その他のご報告 大学を卒業しました 3月でようやく大学を卒業しました。87年生まれなので

5月3日の勉強会で発表する「TTXによるフォントのぞき基礎」の資料です。 スライド 勉強会終了後に公開する予定です。→ 公開しました。（2013-05-04） TTX によるフォントのぞき基礎 - しろもじ作業室 勉強会のスライドを少々手直ししてアップロードしました。スペースキーを押すと進みます。Esc キーで俯瞰になります（が、うちのPCでは動作が重いです）。今回は初めて reveal.js というフレームワークを使って作成してみました。Firefox で表示確認をしています。 ツイートまとめ フォント関係の勉強会 #mojiben0503 まとめ - Togetter TTXをインストールする TTXのインストール方法 - しろもじメモランダム 参加者向けファイル ノートPC持参で参加される方は、以下の2つのファイルをダウンロード・展開しておいてください。（一応、これらのファイルを入れ

2013-05-06 追記：今回の関連ツイートをまとめました。 フォント関係の勉強会 #mojiben0503 まとめ - Togetter 読者・フォロワー各位： 突然ですが、5月3日にちょっとした勉強会をやってみようかと思います。 日時 5月3日（金・祝） 13:00〜17:00 場所 駒込地域文化創造館　4階・第4会議室 山手線駒込駅北口より徒歩2分 内容 1. TTXによるフォントのぞき基礎 TTXの使い方を紹介し、OpenType の基本的な部分を簡単に説明します。「TTX使ったことない」「OpenType の中身に興味はあるけどどこから手をつけていいのかよく分からん」というような初心者を主なターゲットにします。30分程度？ 下記補足も参照してください。 2.『ヘルベチカ 世界を魅了する書体』鑑賞 みんなでDVDみるだけです。2007年イギリス制作のドキュメンタリーで、小林章さん

Microsoft のセミナーに行ってきた。 文字コードと異体字と Unicode IVS 〜 情報システムにおける日本語処理 〜 | スキルアップ カリキュラム - マイクロソフト イノベーション センター 目新しい情報はあまりなかったが、イベントレポート書いて的な圧力を Twitter 上で受けてしまったので、ここに雑感を書いてお茶を濁したいと思う。 今回の内容は 前半：これまでの文字コード・漢字施策の変遷に関する、ざっくりとした説明 後半：IVS自体と Windows 上におけるIVS対応についての、ざっくりとした説明 という感じだった。幅広い内容をたったの2時間で扱わなければならないので、どうしてもざっくりになってしまう。ある程度の基礎知識がある人であれば、「あーそうだったよね」と自分の頭の中を整理しつつ、まとめ・おさらい的な感覚で聞けると思うが、逆にまったくの初心者がこの2時間だ

Twitter を見ていて、あーそういやそんなもんあったなーと思いだしたのですが、以前 svivs というツールを作りました。 IVS（異体字シーケンス）入力ツール svivs - しろもじ作業室 現状 当時は更新・拡張したい点などいくつかあったわけですが、結局のところ今まで放置状態になっています。理由としては、 Ubuntu をメインで使うようになったが、Adobe AIR の開発・実行環境は Linux に対応していない 当時はIVSをサポートするOS・ブラウザ・その他アプリケーションが少なかったため、多くの環境で比較的確実に利用できる Adobe AIR を使っていたが、現在ではサポートが進んで問題にならなくなってきた そもそも、Adobe AIR 自体が結局世間ではあまり使われていない気がする めんど(ry といったあたりで、残念ながら今後も放置状態が続くかと思われます。また、sv

IVSやら何やら他の話題に飛びついていたので間が空いてしまったが、明朝かな書体制作のつづき。前回はアウトラインを作ったので、今回はここからフォントを生成したい。 SVGの分割 hiragana_1.svg まず、これがアウトラインのファイル。Inkscape で作成し、SVGとして保存した。アウトラインは outline という名前のレイヤーの中に作っている。仮想ボディのサイズは100pxとした。 これをグリフごとに分割し、1文字1ファイルにする。今回は（も？）Perl で簡単なスクリプトを書き、これを利用した。単純なものなので、path 要素以外の要素（グループも含む）に対応していないなどいろいろと制限はある。また XML::Simple を利用しているので、実行するには XML::Simple のインストールが必要。 split_svg.pl #!/usr/bin/perl # # S

昨年12月に小林さんの講演を聞いたとき、JIS X 0213 が近々改正されるというようなことをおっしゃっていた。そんなことはほとんど忘れていたのだが、 584 デフォルトの名無しさん 2012/03/11(日) 13:26:15.37 そういや結局0213って改正するの？ 常用漢字の関係で 588 デフォルトの名無しさん 2012/03/11(日) 16:02:37.18 JISCのサイト言ったらいつのまにか改正されててワロタ 誰も気づかなかったのか… 文字コード総合スレ part7 な、なんだってー！(AAry JISCのサイトで調べてみると、たしかに2012年2月20日付で JIS X 0208 と JIS X 0213 が改正され、JIS X 0208:2012 と JIS X 0213:2012 になっている。それぞれ第5次規格、第3次規格にあたる。どちらも追補の形で出されており

ブラウザ上で異体字を表示するには、2つの方法がある。異体字セレクタを使ってIVSで異体字を表現する方法と、CSS3の font-feature-settings プロパティを使って OpenType feature tag によるグリフ置換をする方法だ。今回、花園明朝OTを Web フォントとして利用し、この2つの方法で異体字の表示テストを行った。 方法の具体的な解説 IVSによる方法 IVS（Ideographic Variation Sequence）は親字（基底文字）にVS（Variation Selector; U+E0100–U+E01EF）をつけて異体字を表現する。詳しくは下の Wikipedia の記事などを参照。 異体字セレクタ - Wikipedia この方法で表現される異体字は、基底文字の包摂範囲内に含まれることになっている。プレーンテキストとして扱えるので、HTMLで

Adobe-Japan1-6 準拠の漢字フォント・花園明朝OTを ver. 0.510 に更新。 花園明朝OT - しろもじ作業室 以下、主な変更点について解説。 IVD 2012-03-02 版に対応 今月2日にIVD（Ideographic Variation Database）の最新版が公開され、Adobe-Japan1 に32個、Hanyo-Denshi*1 に8,850個のIVSが追加された。この追加により、Adobe-Japan1-6 に含まれる14,664個の漢字グリフすべてがIVSでアクセスできるようになった。花園明朝OTは今回これに対応。 Adobe-Japan1 コレクションに追加されたIVSについては、以下のページに詳しい。 IVD Version 2012-03-02 Released « CJK Type Ideographic Variation Databas

昨年9月13日に公開された Windows 8 Developer Preview では、IMEの変換候補にIVSを含む語が現れるようになっているとのことだった。 Windows 8 では IVS（Ideographic Variation Sequence）を変換候補から選択できるようになっています。IVSとは？については、こちらなど詳しく書いてあるので参考にしてください。 実例を示すと、Windows 7まではJIS90とJIS2004の文字の混在がIMEでできませんでした。したがって、辻という文字はJIS90では「一点しんにょう」ですし、JIS2004では「二点しんにょう」となり、双方を同時に使うということはできませんでした。Windows 7で旧字体を使いたい場合は、JIS90互換フォントパッケージをインストールする必要がありました。 これがWindows 8から変わります。 IV

「写植の時代」展（レポート）に展示してあった、このキーボード。 文字の配列やレパートリが気になったので、キートップの写真を撮っておいた。携帯のカメラで撮ったのであまり綺麗に撮れていないが、これをざっとツキハギして一枚の大きな画像にしてみた。 ▲ クリックで拡大（7000×3638px） 漢字は左上から一寸の巾配列で並んでいる。右端の小さなアルファベットは上付き・下付き用だろうか。その隣にはルビ用の仮名もある。丸付き・括弧付き数字や2分数字・3分数字は、手動写植の文字盤と同様に重ね打ちで合成して使うようになっている。 ところで、印物のレパートリにはどこかで見覚えがないだろうか。どうやら Adobe-Japan1-4 で追加された記号類は、このモリサワの電算写植用文字セットをソースの一つにしているように思える。

大阪DTPの勉強部屋 » 「写植の時代」展 大阪DTPの勉強部屋 » 「写植の時代」展・第10回勉強会 終了しました 大阪開催のもじもじカフェ第33回「人の名づけに使える字」と立て続けに「写植の時代」展が開催されていたので、大阪のイベントだが泊まりで行ってきた。 モリサワ・MC-6型手動写植機 どーん。これが今回の展示のメイン。この機種は昭和42年に発表されたそう。現在もちゃんと稼働し、「実際に触って動かせる状態」*1で展示されている。自分はこれまでプロスタディオ（PAVO-KY）と亮月写植室（PAVO-JV, SPICA-QD）へ見学に行ったが、モリサワの写植機を見たのはこれが初めて。 正面から見た図。電子制御ではない全くの機械式だけあって、結構無骨。だがそれがいい。 2つある大きなラチェット（白い円形のもの）のうち、向かって左側のものが横送り制御用、右上のものが縦送り制御用。この歯車と