north-memo

数学できない方の数学科のブログ、一応デザイナー…なのか…?

Opentype ver. 1.8で入ってくるバリアブルフォントについての雑感

http://wired.jp/2016/11/23/tech-giant-typographic-problem/

僕としてはこの考えはだいぶ前からあった、ブログ(http://creator.dwango.co.jp/8741.html)で書いたりもしたし、Opentype1.8の仕様書読んだ時点である程度話としては理解していました。

ただ、ずっと思ってるのは、この技術がWebに入ってくると、今までのWebおけるフォント技術の進化の考え方とは別の方向を向いているということです。

基本的に、今までのOpentypeやらWebfontやCSSのfont-features-settingsのようなWeb上のフォント技術の進化は、雑に言ってしまうと紙面デザインでの文字の立ち振る舞いの再現。紙面デザインで培った「いかに組み文字を美しく見せるか」の再現だったわけです。

しかし、今回のバリアブルフォントは、それだけじゃなくて、おそらくインタラクティブな表現を念頭に踏まえた進化です。ですから、紙面デザインでもより自由にフォントを選ぶことが出来るようになる恩恵もあると思いますが、目玉として大きく影響を受けるのはインタラクティブを含むWebとゲームでしょう。

そして、今までは「セリフ体」「サンセリフ体」というオーソッドックスな分け方がありましたが、それも変わっていくのかなぁと思っています。そもそも、このバリアブルフォントはセリフ体には再現が難しい。だから、セリフ体のエレメントは別に分けて装飾ルールとしてのカテゴリとして分けられるのではないか、と考えています。

そうすると、セリフ体やサンセリフ体という考えが無くなって、よりメタに、「アルファベット(=文字種)という区別可能なコンセプト」だけが残って、そこから装飾のカテゴリで文字分類が進んでいくのかなぁと考えています。大分先の話だとは思いますが…。

それを踏まえ、作りたいものメモがもう100を超えてしまっているのですが、チョット手が追いつきません…!!

熊本に帰った

いろいろ落ち着いたので(個人的には落ち着いてないけど)丸1週間ほどお休みを頂き、熊本に帰っていました。

なんか、休んでいるとすごく不安になります。
みんな働いているのに何してるんだろう…と。

有給中はSlackは絶対見ないようにするべきだなぁ、と。

やったこと

  • ロボコン部にいってサーバーの引き継ぎをした
  • ロボコン部のみんなと飲み会した
  • 友人に実家の椅子の引き渡し
  • 高校に挨拶
  • 阿蘇にいった
  • 依頼されていたお仕事をした(Not 仕事、Not 副業的なもの)

写真

阿蘇

f:id:ln_north:20161016175205j:plain
僕は将来こんな所にすみたいなぁと。この景色、買おうと思ったらいくら掛かるのか。ものすごい価値があるんじゃないのか。

成田に帰ってくる時

f:id:ln_north:20161016175245j:plain f:id:ln_north:20161016175250j:plain
雲と海と雲の間に挟まれているようで、すごく不思議な気分でした。

思ったこととか

大学まで実家から離れたことが無かったので、久々の実家は絶妙なノスタルジーと過ごしにくさを感じました。
あと、実家にいる時に、何をしたらいいんだろうなぁと思っていました。
なんで旅行でも何でも無く、実家にいるんだろうか、何をしたら実家にいて特に出来ることって何なんだろうか…(変に意識が高い…)

迷った結果、極力親と話すようにしました。
生きてるうちに、いろいろ聞いとこうと。
母のことも、父のことも、兄のことも、そして自分のことも。

別に母も父も、僕の不健康さに比べ、死ぬ間際でもなんでもないんですが、今までに比べると圧倒的に父親母親と接する時間が減って、もっと大切にすべきだなぁと感じた所があったからですね…。

なんかポエミーになってしまいまいした。
すごく蚊にさされた。
ボロボロの日記だ。
そして、ユーリ!!! on ICE が本当にすごい。

Docker勉強備忘録1

節目を迎えたので、今週平日はUQをもらっている。

興味が出てきたのでDockerを勉強してみている。

相変わらずお世話になっているドットインストール
http://dotinstall.com/lessons/basic_docker

Dockerっちゅうのは...

Dockerってのは、アプリケーションを環境とまとめてパッケージ化する(環境をコンテナ、パッケージされたものをイメージという)ものらしい。
環境もまとめてパッケージ化するから、Dockerさえ立ち上がれば、他のマシンでも同じ動作を保証できるというもの(マシン性能等再現できないものもあるけど)
仮想環境との違いは、仮想環境はホストOS上に仮想マシンを作るが、Dockerコンテナでは、この仮想マシンがない(代わりにDockerEngine)。マシンリソースは全コンテナで共有。仮想マシンがないから軽量で手軽。

Dockerの構成

面倒なので図にした。引用元を記述すれば自由に転載していいです。

f:id:ln_north:20161012044301p:plain

Dockerの操作

Dockerのインストール

この辺に乗っている。 今回はSandbox的に用意している仮想Ubuntu 14.04上にインストールした。
https://www.docker.com/products/docker

Ubuntuはこっち
https://docs.docker.com/engine/installation/linux/ubuntulinux/

Dockerの一連の流れ

  • docker search {検索ワード} | more DockerHubのIndexからイメージを探す
  • docker pull {イメージ名} Docker Hub から イメージを持ってくる
  • docker run {イメージ名} イメージの実行
  • Docker

イメージの操作

  • docker search {検索ワード} | more イメージの検索
  • docker pull {イメージ名} イメージをDocker Hubからホストへ持ってくる
  • docker images ホストにあるイメージ一覧を表示
  • イメージの指定は {イメージ名}:{バージョン} or {イメージのIDの先頭n文字(識別できるまで)}
  • docker inspect {イメージ指定] イメージの詳細を表示
  • docker rmi {イメージ指定} イメージを削除

イメージの実行 / 終了 / 削除・コンテナの管理

  • docker run {イメージ指定} イメージの実行
    • ex. Ubuntuの実行 docker run -i -t ubuntu /bin/bash
    • -iインタラクティブモード
    • docker run {イメージ指定} の後にはコマンドが打てる
    • -d をつけるとバックグラウンド実行(Dockerに限らないけど…)
      • docker attach --sig-proxy=false {コンテナ指定} コンテナをフォアグラウンドにもってくる
  • docker ps 実行中のコンテナの一覧
    • docker ps -a 停止しているコンテナも表示
  • コンテナの指定は、IDか名前で指定できる
  • docker logs {コンテナ指定} コンテナのログを取れる
  • docker kill {コンテナ指定} コンテナの終了
  • docker start {コンテナ指定} コンテナの再開
  • docker rm {コンテナ指定} コンテナの削除

コンテナに変更を加えてイメージを作る(例)

コンテナに直接変更を加える(docker commit)

  • Ubuntuの実行などでコンテナに変更を加える docker run -i -t ubuntu /bin/bash
  • docker commit {コンテナID} {イメージ名(username/imagename)} でイメージを作成

DockerFileで自動化(docker build)

  • Dockerfile という名前のファイルを作る
  • https://docs.docker.com/engine/reference/builder/ を参照して作る
    • FROM {イメージ名} 継承するファイル
    • MAINTAINER 名前 <email> で作成者を記入
    • RUN {コマンド} ビルドされるときに実行
    • CMD ["コマンド", "コマンド", ... ] runするときに実行
  • `docker build -t {イメージ名(username/imagename)} {Dockerfileがあるディレクトリのpath}
  • イメージができる!(docker images で確認しよう)

作成したイメージをDocker Hubにpush

  • docker login
  • docker push {イメージ名(username/imagename)}

参考文献

20160919_進捗

久しぶりにブログの管理画面を開いたら、進捗を書くのをすっかり忘れていた

この3日間でやろうと考えてたことはあったんだが、かなり精神的に消耗してしまい、何もやる気が起きなくて寝たり起きたりの自堕落な生活を送っていた。

やったこと

  • Re:ゼロ 23, 24話を見た
  • Leap Chairを買うことにした
  • 試験的にmi5をbangoodで買うことにした
  • 依頼された案件の調査と見積もりをつくって送った

やらなければならないこと

  • React, storybook, fluxの勉強
  • UI設計に関する勉強
  • 携帯周辺の整備
  • 考えてたことの実装

やりたいこと

ほしいもの

  • UI設計の本
  • Moto360

そろそろクレジットカードが届く。nifmoがようやく契約できる。softbankにはもう懲り懲りだ。

今日の進捗

今日やったこと

引っかかったこと

Heroku toolbeltがインストール出来ない

  • もともと入ってたrubyのバージョンが低すぎる

PostgreSQLが入らない( gem install pg が出来ない)

  • sudo yum install postgresql postgresql-develで解決

rails s をしてもブラウザからアクセス出来ない問題

  • iptablesでport開いてもダメ
  • rails s -b 0.0.0.0でもだめ
  • vagrantのHostとguestを3000にしてもダメ
  • 仮想環境上でwgetとかcurlとかはOK 未解決…。ドットインストールのように全く進まなくて泣ける。5時間近くやったが解決しないのでRubyとかRailsとか嫌いになりそう…。

おまけ

rbenv

  • 次のコマンドでインストール候補を表示できる
    rbenv install -l
  • 次のコマンドでこのバージョンのrubyをインストール
    rbenv install バージョン名
  • 最後にこのコマンドで切り替え
    rbenv global バージョン名

railsのインストールの仕方

gem install rails

railsの使い方

  • 新しいアプリケーションの作成
    rails new アプリ名 [option]

今回は rails new mymemo -d PostgreSQL としたが、 -d はデータベースの選択のよう

参考にした記事

今日の進捗

今日の進捗

  • 諸事情からWikiシステムを作りたいと思った(後述)
  • Herokuアカウントをとった
  • vagrantでdev環境を建てた
    • vagrantもVirtual Boxも上手く動かなかったので、インストールしなおしたら動いた

なんでWiki作るの?

ReactやAngularJSやTypeScriptを学んでいる。
学んだことをメモしたいが、本の内容などをブログやQiitaなどオープンな場所に置くのは憚られる。
イントラネットで動くWikiシステムが欲しいと思った。そして、家で見れるとか、特定のPCで見れるだけじゃ面倒なので、好きなときに好きな場所で参照したい。

というわけで、勉強のためにも作ることにした。
Wikiシステムと言っても、ひとまず

  • Markdownを入力する画面があり
  • mdを入力してSubmitボタンを押すと
  • mdをパーサしてHTMLに変換し
  • DBに記事IDとmdファイル、HTMLファイルのパス、更新日時を記録
  • 記事IDを指定すれば、編集できる
  • 僕しか見れないようにログイン機能

があればとりあえず良さそう(欲を言えばきりがないが…)
Wikiというか、Qiitaクローンに近いのかな…。コードはGitHubで管理する

明日やること

  • 明日は飲み会なので作業は難しそう
  • HHKB Lite2 黒を買う

明後日以降やること

日記

DELLのU2715Hというモニターを購入して、昨日届いた。
27インチのWQHDだし、ベゼルも薄いし、とても良い。

会社用にはHHKB pro を使っているが、家では良いキーボードがないので、とりあえずHHKB Lite2を買うことにした。

2016夏期アニメのロゴのフォント(まだ分析途中)

2016夏期アニメのロゴのフォントを生放送で調査しました。
まだまだ途中なのですが、一応公開します。
また途中途中わからなかったところを編集したり、見やすくしたり、気になったロゴタイプを個別記事で上げると思います。
多分、放送されてからテロップも上げると思います。
2016春のアニメのロゴ・テロップもおいおい記事を上げるはずです。

どうぞよろしくおねがいします。

はんだくん

メインロゴはオリジナルロゴタイプっぽい
[保留]handa-kunの部分は分からない

この美術部には問題がある

おそらくオリジナルロゴタイプっぽい

(TBSアニメオリジナルロゴタイプおおいなぁ)

パズドラクロス

おそらくメインロゴはオリジナルロゴタイプ
[保留]真ん中の欧文はなんだろう

D.Gray-man HALLO

ブラックレターは多分オリジナルだろう(もしトレースであったとしても僕は分からない)
[保留]「ディー・グレイマン」は多分筑紫Aオールド明朝Eぐらい?

バッテリー

A1明朝
欧文は小さすぎて分からない
「バ」はいじってある

アルスラーン戦記

リュウミン
Trajan

7つの大罪

「つ」こころあたりはあるが、分からん! / 「の」は秀英3号
「聖戦の予兆」は解ミン 宇R

91Days

Garamond Pro Bold(視聴者の方からThx!!)

ベルセルク

欧文は多分Helvetica

食戟のソーマ

多分フリーフォントだが、検証に時間がかかるので保留 

B-PROJECT 鼓動*アンビシャス

多分小塚だろう

ショウバイロック

新丸ゴ H

ドリフェス

多分オリジナルだろう
欧文は分からん

ReLIFE

パスミスっぽい所が有るので、おそらくオリジナルだろう
あったとしてもLucida Gradeだろう

Rewrite

あてはあるが、保留

planetarian ちいさなほしのゆめ

保留(手書き風フォントは難しい)

あまんちゅ!

オリジナルだろう

アンジュ・ヴィエルジュ

保留(C4?)

ばなにゃ

多分オリジナルだろう

チア男子!!

多分オリジナルだろう

初恋モンスター

オリジナル

魔装学園 HxH

メインロゴは何かの骨格を残したオリジナル
「ハイブリッドハート」部分は筑紫かリュウミンだと思う
けど素材が足りないので保留

モブサイコ100

オリジナルだろう

NEW GAME!

オリジナルだろう

ねじ巻き精霊戦記 天鏡のアルデラミン

「アルデラミン」は筑紫Aオールド

orange

欧文はオリジナル University(mashabowさんから教えていただきました。ありがとうございます!!) 「オレンジ」は多分筑紫Aオールド明朝だが、小さいため厳密にはあとから見る

レガリア The Three なんとか

オリジナル
下の欧文は解像度不足で読めない

OZMAFIA!!

欧文わからぬ

Fate プリズマ☆イリヤドライ

多分オリジナル

Tales of Zestiria the X

オリジナルだろう

甘々と稲妻

オリジナルだろう

SERVAMP サーヴァンプ

IMPACT Aは変形
サーヴァンプフリーフォント?オリジナル?

ツキウタ THE ANIMATION

メインロゴタイプはオリジナル
欧文はIMPACTを165%平べったくしたもの

タブー・タトゥー

Trajan
筑紫Aオールド Bだが、「ー」が長くなってる

不機嫌なモノノケ庵

筑紫Aオールド明朝
「な」は縦書きに応じて変形させている

おなら吾郎

オリジナル

Scared Rider XechS

わからなかった、あとで検証

アクティブレイド

ロゴはオリジナル
下の機動強襲室第八係はいい画像がないのでわからぬ

腐男子高校生活

ロゴはオリジナル
欧文は後から検証

斉木楠雄のψ難

オリジナル

DAYS

和文はMB101 B
DAYSはsは多分小文字を大きくしたもの?
わからないので一旦保留

美男高校地球防衛部

欧文はHobo
和文はオリジナル

ぐらP&ロデ夫

オリジナル
サイトのナビゲーションがAkko Rounded Boldだった

魔法少女 なりあ ガールズ

メインロゴタイプはオリジナル
魔法少女?」はDFP綜藝体W9

一人之下

原作が中国なので
オリジナル?中国のフォント?か分からない

タイムトラベル少女

ロゴタイプはコメットBのいじり文字
「マリ・ワカと〜」はあおかねEB