New Dawn Fades

社内向けに作った教材を全体公開用のブログとして残しておきます。ワイヤーとかを作ってもらって受け取ってデザインを始めたりする際に、こんな使い方してるのかということが日々あり、もう少し効率的な作り方だったり、過度にコンポーネントにしていたり触りづらいという経験から基本的な使い方を覚えてもらうのが良いなと思ったからです。
対象としては、小規模なwebサイトの制作やワイヤーフレーム、資料の制作で使う範囲のものを想定しているので、Variablesを設定して文字の大きさや色など全て管理していくというようなやり方より、その場でささっと作って直していけるようなシンプルさを重視しています。文字をおくこと、線を引くこと、ボタンを作ること、並べることといったことをより丁寧にやることで、普段作っているものが少しだけよく見えるようになるかと思います。ある程度、ツールを使えている人は私はこう使うのが良いというものを自身の作業のやり方を見直す際の叩き台として使ってもらうのが良いかと思います。
<h3>グリッドの指定方法、アートボードのサイズについて</h3>
グリッドを指定する際は、12分割を基本と考えて良いです。 
また、左右にマージンを取りましょう。近年のデザインでは左右にマージンを少なくする全画面的なレイアウトをする傾向がありますが、ワイヤーフレームの段階では情報の見やすさに焦点を当てるので左右50px以上取るのが良いです。 
私が、良く使うグリッドの場合は1440px（Figmaの用意しているデスクトップサイズ）で、左右にマージン50px、ガッター（グリッドの余白）は40pxです。 
また、昔の場合は一つの大元のグリッドに沿わせてデザインを作る場合が多かったのですが、最近ではグリッドの中にグリッドを入れていくような入れ子状のレイアウトを組む場合が多いです。自身で設定する場合web上のツールを使って値を決めると良いです。 
<a href="https://www.kenjisugimoto.com/gridpx/">https://www.kenjisugimoto.com/gridpx/</a>
<h3>デザインやワイヤーフレームのプレビューについて</h3>
ワイヤーフレームをプレビューするときに、単にFigmaの画面を表示するのではなくプレビューモードを使う場合があるかと思います。 
その際に、Prototypeの設定をする必要があります。ワイヤーもデザインもPCとSPでページを分ける必要があります。 
PC用の場合、Custom Sizeを選択して横幅を1440（アートボードの横幅）縦幅を900px（より狭い検証をするためには800pxでも良いかも）にします。SPの場合は、最新のものを選択してください。（iPhone 16 Pro） 
アートボードを新しく作る際も、最新のもののサイズにするのが良いです。（持っているものに合わせるのも良いですが、だいぶ前のものだと現状（今後）のサイズ感とかけ離れてくるのでできるだけ実機で見られる環境が必要です。PCのプレビューで、Macbookなどのハードの外枠付きを選択している人もいますがこれは邪魔なのでやめましょう。
<h3>書体について</h3>
基本的に書体で迷うことはしなくて良いです。 
日本語の場合は、Noto Sans JP、もしくはヒラギノに欧文の場合はデフォルトのInterかLatoあたりにするのが良いでしょう。よくありがちなのが、日本語に欧文書体が当たっていることです。 
これはできるだけ避けたいところです。よく目にするのが、游ゴシックを使っているものですが、この書体はレギュラーがかなり細かったりするので、使うのが難しいと思います。デザインで使う場合も扱いが難しいです。ミディアムでも細いです。一方でデザイン初学者が1人で作る資料などを作る際は今まで使ったことのない書体を使うチャンスでもあります。怒られることはないと思うので、積極的に密かに使ってみたい書体を試してみると良いでしょう。
<h3>文字のグループ化、スタイルについて</h3>
文字を配置するにあたって、良く見るのが文字のボックスのFixed Sizeを使って横幅を制限していることです。この場合、文字を入れ替えた場合改行が入ってしまったり、意図しない挙動をしてしまうことがあります。（デザイナーの場合はこれをあまり使いません） 
横幅を制限したい場合は、Auto Heightを使いましょう。また、文字の高さもできるだけAutoのままにしてください。文字の大きさを変えた場合などで意図しない挙動になることを防ぐためです。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/245bc602-02a6-4038-9f60-551282923bfd/figma_seiretsu.png" alt="figma_seiretsu.png">
<h3>ページを分けて使いやすく（タブの整理）</h3>
ワイヤーでPCとSPで分けたり、企画書を作ったりしていくと左側のタブが増えて見づらくなります。 
その際に区分けで線を入れることができます。 
ページを増やして、名前を編集する際に-を２回打つと区切り線になるので少しページが増えてきた際などに使うと良いです。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/7bda8f4a-d6be-4a87-9625-44bf28327556/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-12-1015.21.24.png" alt="スクリーンショット2024-12-1015.21.24.png">
<h3>整列を使う</h3>
横を揃えたり、等間隔に並べる場合は整列を使いましょう。 
まずは、右合わせ上合わせなどを右側のUIの中から選択して合わせてみます。 
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/b43e93cf-d3be-479b-9cf5-a07027e0d1f2/seiretu02.png" alt="seiretu02.png">
次に、等間隔に並べてみましょう。事前に先ほどのフローで揃えてあることが大事です。等間隔で並べたいものを選択した状態で右にあるメニューを開くとTidy upという項目があるので選択します。勝手に設定された間隔で並べられるので、値を調整していきます。（右メニューのLayoutという項目の下です） 
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/fbcf6167-e203-49eb-92ea-04a2bba6e261/tidyup01.png" alt="tidyup01.png">
<h3>Auto Layoutをうまく使う</h3>
全体をガッチガチにグループ化するのは、編集が多く入るワイヤーなどで使うのはお勧めしませんが、サムネイルとテキストのセットを作るなどの場合Auto Layoutを使った方が早い場合があります。Auto Layoutは整列とグループ化が一度にできるものです。グループ化すると、他の箇所で使う場合や整列されたグループ自体を並べたい時などに便利です。 
基本的な考えとしては、2つのセットがどんどん入れ子になっていくという感じです。ショートカットは並べたいものを２つ選択して、ShiftとAを押します。 
（中に入っているものはFixed Widthにしないことも大事です、縦幅も同じでできるだけHugにする） 
また、メニューなどの５個ぐらいのテキストを等間隔で並べる際などもAuto Layoutを使いましょう。良く見るデータでは、グループ化を多用していたり、グループが入れ子になっていたりするのを見かけます。デザイナーはグループ化はほとんど使いません。（書き出し用などに使う場合はあります） 
そのまま、おいていくか、Auto Layoutを使うかで作ると編集しやすいデータができるかと思います。Auto Layoutを解除する場合は、Command Shift Gを押していくと入れ子が一つずつ解除されます。また、Auto Layoutの特定のテキストや画像を選択したい場合、Commandを押しながらクリックすると一回でたどり着くことができます。 
アップデートで、Auto Layoutの中で折り返しができるようになりました。横幅を指定しながら縦に積んでいくような場面で使えます。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/a41cb572-c4ea-4667-851a-c0f951563a17/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-12-0218.16.42.png" alt="スクリーンショット2024-12-0218.16.42.png">
練習問題です。 
以下のような記事のモジュールをAuto Layoutを使って組んでみましょう。 
画像、記事のタイトル、日付、本文で構成されています。基本のモジュールを一つ作って、３つに増やしてください。その際に、タイトル部分を長くして２行になっても崩れないようにしましょう。 
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/f6cc450c-79dd-4ba0-bf59-3c16e29e25a3/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-12-0912.16.45.png" alt="スクリーンショット2024-12-0912.16.45.png">
<h3>ボタンやタグはフレームで作る</h3>
ボタンやタグなどを作るときに、たまに見るのが短形を置いてその上にテキストを置いているデータです。その場合だと、中身の文字が変わった場合などにテキストを直して背景の短形を調整するという手間が必要なのでワイヤーなどで使う簡単なデザインであれば文字をフレーム化して、背景をつける、もしくは枠線をつけるというやり方で作りましょう。
以下、手順です。 
テキストを打ちます。テキストを選択して、Shift Aを押します（フレーム化）。Fillの色を変えます。テキストの左右、上下の空き（Padding）を調整して好きな塩梅に調整してみましょう。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/20ec1f45-87dc-4d7c-b14d-1ab7a94c839c/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-12-0218.37.05.png" alt="スクリーンショット2024-12-0218.37.05.png">
<h3>線を引くときのTips</h3>
インフォメーションなどの、罫線を使ったスタイルや表のようなものを作る場合に線を引くかと思います。その際に、マージンなどの計算は厳密にやらなくても良いのですが、ペンで書くよりも線を使った方が良い場合が多いです。ペンの場合は、ピクセルの間に中心があるために、1pxの線を引いた場合は上下に0.5pxずつの状態で線が引かれます。それらをAutoLayoutで並べたりする場合、0.5pxのずれが出て気持ち悪かったり、その下に文字を置く場合も揃える際にやりづらいなどが発生します。 
また、線で1pxの線を引いた場合は見た目としては短形と同じなのですが、上に文字などを置いて10pxの余白を空けたいとした場合、実際の余白は9pxになります。理由として、線の場合は基準点がピクセルの中の中心点にあるためだと思います。 
適当に、四角を書く。それを横のボックスで幅を1pxにするのが私の良く使うパターンです。（急いでる場合などはこれは使わなくても良いですが、知っておくと良い系です） 
短形の良いところは、基準点が常に表示上の一番きわの部分の常にあるところです。そのことで、線の太さが10pxになった場合でも、余白は一定の10px確保されます。その上で、ワイヤーなどを作る際は線を使うのがバランスとして良い気がします。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/28cbae5f-1be8-43f9-8b67-230af0b880ae/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882024-11-2714.21.39.png" alt="スクリーンショット2024-11-2714.21.39.png">
<h3>プロトタイプ機能（インタラクティブコンポーネント）</h3>
基本的な機能ばかりだったので、最後に少しだけ動くことができるプロトタイプ機能を使ってみます。基本的なボタンの動きを作ってみます。 
私の考えですが、基本的にはプロトタイプの時点で実装されたもののように作り込む必要はないと思います。例えば、ボタンがHoverで反転するのであれば、ミーティングで言えば伝わります。そのほか、Figmaで再現できてかつ、コミュニケーション的に再現しておいた方が良いもののみ作れば良いかと思います。大事なのは、クライアントやデザイナー実装者とコミュニケーションをよくとることです。 
まずは、テキストを打ちます。それをフレーム化します。背景色を設定して、アウトラインをつけてみます。Component化して、プラスボタンでVariantを増やします。増やしたVariantの背景色、文字色を調整します（Hoverした時の色に変更）最後にそれらをプロトタイプ機能で繋いで完成です。動いている状態を確認するには、アートボードに置いた状態でプレゼンモードで確認します。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/c1bb7d2b-95be-4d37-a09b-0704d0e12c4f/button_flow.png" alt="button_flow.png">
<h3>ツールとの向き合い方</h3>
機能を使いこなすことと、その分野の制作のプロフェッショナルであることというのは必ずしも一致しません。大事なのは、どのようなものを作りたいのかをイメージして、それらをツールを通して表現しようとすることです。形だけそれっぽく見えるワイヤーフレームなどは今の時代、誰でも作成可能です。よく考えて、既存のやり方に収まらないところに行くまで考える、そのためにスケッチの能力が、叩き台を作る能力は助けになります。そういったときに、Figmaなどのツールがサポートするのです。（DRAFTの宮田識さんが脳が焼き切れるまで考えたかどうかが大事で、小手先のテクニックで誤魔化すなと言っていてそのことがいつも頭にあります） 
今回の使い方や考え方についての基本は、基本的なものだけで一通り作ることができる。自分や他の人が再利用しやすくすることで、最終的なものの成果の底上げをするようなことを目標としています。ガワだけそれらしいものより、考えられた手書きや文章の方が価値があります。千葉雅也のセンスの哲学に書いてあることですが、センスの良いものとはヘタウマである、ヘタウマとはモデルの再現から降りることが第一歩であると言います。Awwwards風のレイアウトやFigmaの最新の機能を使いこなして俺強いとやっているのはまだモデルの再現をやっている段階なのです。仕事においてもある程度リサーチをする、しかし時間や制約である段階までしかできない。その時に、自分の能力の限界のようなものがどうしても出てくるがそれを肯定して、作るものの中に入れ込んでみる。これは手癖でやるというのとは違います。ただどうしても出てしまう作り手の欠落を作品の影の中に入れる、それは頭が焼き切れるほど考えたならば魅力的なその人にしかない構成として現れてくるのではないでしょうか。 
紙と鉛筆の時のように、シンプルにツールを使うこと。
基本的な機能だけでも、充分に素晴らしいものを作ることはできます。そこから、また少しずつ自分のオリジナルなやり方を、ツールに対する理解を深めていけば良いのです。

ディレクター、PMのためのFigma講座

銭湯やサウナに入る時、メガネを外す。視力が低いので、最初見えないなと思う。手と足と人の声で距離を測る。露天風呂や外気浴で、外から入り込む綺麗な光の反射が揺れてが見える。その瞬間、充分に何かが見えていると感じる。アウトラインではなく光の塊や空間としてぼんやりと音を全体で享受している、動物が見ている世界、画家が見ている風景。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/40e8d252-651a-4994-833e-94940cc7238b/DSC02507.jpg" alt="DSC02507.jpg">
森の中を飛び回る気持ちで歩く。いくつかの地点を確認する。今の花の咲き具合や果実、虫の動きや土の柔らかさ、見たことのないキノコを見つける。気の絡み合いと葉の具合と光と匂いと遠くから聞こえる音が渾然一体となった情景になにかを感じる。犬と話す。知らん爺さんと話す。
パソコンに目を落として、何か制作をしようとする。ノイズを遮断してソフトウェアを立ち上げて関連する同業者のtwitterやらなんやらをチェックして表層のスタイルをなんとなく参考にしようとする。 
この文章ではなるべく、そういった仕事がある効率化や生産性と呼ばれているものによって無理やり狭められてしまうような状況に対して、パソコン作業をする時間や空間、人々とのつながりを作ること自体を仕事として捉えようとしている。空間と生態系があれば自ずと生まれるものがある。 
ブライアン・イーノのシーニアスという言葉。（文化的および知的進歩の多くは、あるシーン（やリアルな場所）から、一種の集合的魔法をおこした多数の人々の産物である）
私はweb制作を行なっている人間なので、その中で話を進める。この文章は社内向けのデザインから実装までの一貫して作ってみるワークショップで、なぜ実装を理解することが重要なのかという問いに対しての答えを見つけようとしている。 
webサイトにおけるデザインの役割とは大きく２つに分かれているように思う。1つはデザインする対象が持つ文書構造やデータ構造に対して整理して、素直に並べていくこと。もう一つは、利便性の意味や新規性、対象の持つ世界観の表現などに合わせて拡張する、負荷をかけるようなものだ。 
そのどちらも必要なもので、どちらかが欠けていても面白みのないものになるだろう。（前者はエンジニアが作る簡素なドキュメントサイト、後者はグラフィックデザイナーが作る画像やレイアウトを中心としたサイト）
web技術の変化、ブラウザ対応や、フレームワークを試してみること、基本的なhtml、cssやJavascriptの知識を学ぶことがなぜデザインにつながるのだろうか。（最初に断っておくが、必ずしもデザイナー自身がコードを書くべきという論ではない、あくまでも仕組みを学ぶこと、理解をしようと努めることが重要） 
webサイトをどこかで表示させるということは、Figmaで作ったデザイン画がそのまま表示されることではない。画像を表示させるだけにしても、avifなのか、webpなのかpngなのかという形式の選択もある。サーバー（サービス）はどこを選ぶのか。解像度はどうするのか。画像を表示するだけでも無意識でこのような幾つかの選択をすることになる。
webとは、幾つもの技術やサービスの寄せ集めでそれは今も変化している。変化する環境の中で小さな家を建てる。手入れをしなければ風化する。webデザインは、庭を作ることに似ている。花は育ち咲いて枯れていく、次の植物がまた育つ、その土地固有の特色がある。私が思う庭とは、一度全てを更地にして自由に何かを植えていくようなものではない、既にあるもの、周りの環境を生かしながら作っていくようなもの。ジル・クレマンの動いている庭。完全に意図通りではない偶然性を取り込みながら手入れをしていく、日本の庭園の石をそのまま使って一部だけ削った土台。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/b024ca38-4563-4863-aa11-831c94d5f050/CleanShot2024-06-16at11.00.19%402x.png" alt="CleanShot2024-06-16at11.00.19@2x.png">
落合陽一のデジタルネイチャーという考えは今の状況をうまく表していると思う。サービスには苔が生えたり、虫が湧いたりしている。BotやSpamはそういったデジタルワールドにおける道端の上に落ちている空き缶や繁殖する何かとも言える。AIにとっての土壌の制作を日々人間が行なっているとも言える。生活者が行う、ある製品を別の用途に使うこと、ある決まりをかいくぐって別の寄り合い、空間を作り出す技術。ミシェル・ド・セルトーの日常的実践のポイエティーク。Facebookが作った技術を使う。ただし別の方法で。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/585f44a4-8ddf-48bd-bbf1-5a48476084f1/DSC02528.jpg" alt="DSC02528.jpg">
korg Berlinにおけるものづくりの方法。プロトタイプを作り、プログラミングをしてレーザーカッターを触って試作品を作る、それで遊んでみる。物質が叩かれて震えること、現れる音の波形。具体的な技術があり物質と道具、制約の中で製品が形になる。触りながら考えることで現れる奇妙さがある。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/ffd5cf22-d83c-4bc3-9ed1-07664eb4e824/CleanShot2024-06-16at10.57.50%402x.png" alt="CleanShot2024-06-16at10.57.50@2x.png">
webデザインにおける技術を学ぶこととは、その土地の固有の特性を学ぶことである。ある状態を目指すのに全てを更地にして一から作るような資金や労働力があればよいのだが、多くの場合において限られたリソースの中で制作をしていくことになる。その場合は、土地固有のものや、近くにあるものの特性を活かして作ることが必要になる。建材を触りながら考えること、こういった用途に使えそうだなと思いつく。技術について知ることは、特性を引き出すために必要なことで、それなしでは思考はあくまでも抽象的なものにとどまってしまう。技術について学んで素直に使うのではない、技術自体を木材のように素材として別のものに使えないだろうか、ズラすことはできないだろうかというところまで行き着く。別の使用について考えることこそがwebにおけるデザインの領域だと思う。
周囲の環境がwebの制作に影響を与えている。その環境を作っているのがフレームワークやオープンソースのプロジェクトやサービスや諸々でそういったものに携わることも翻って自身の制作に影響が出てくる。（かつてのweb業界ではそういった考えでブログ執筆やOSSや仕様の策定などに積極的に関わろうとする人が多い印象だった。）そういった意図的な活動であれ自然な行動であれ自身の痕跡もデジタルネイチャーを構成している。新しいサービスや言語やフレームワークや仕様はその環境自体に大きく影響を与えるもので素直に作るものや別の使用でも現状の限界を超えるような手助けになる。環境を作ることも、そこを歩き回ることも制作の一部として捉えることができる。議論やソースコードの一部。今日自転車で通った道端に落ちていたマクドナルドの袋。Discordでの友達との会話。
できるだけあわせて、なるべく逆らわない。（ただし、ある部分を除いて）
周囲の環境を知ることは、節約の技法である。なるべく節約をする、表向きにはそれは少ない力で物事を成り立たせるためにである。温存された力を使うのは、環境において普段は起こらないような現象を起こすために使う。普段はこういう使い方をするという部分に対して、意図的にズレを生じさせる。違和感を起こすことで思考や新しい展開のきっかけを掴む。技術に対して、学んで従順に従う、ただしそれは根本的な部分で裏切りを起こすためである。最初に出てきた、エンジニアが作る簡素なサイト、グラフィックデザイナーが作る画像やレイアウトを中心に考えられたサイトも技術に対して素直かどうかの違いはあるのだが、大きな部分ではどちらも枠組みに対して従順であるという点で同じである。メニューの配置や、毎回同じ場所に出ること、書体が同じであることなど暗黙的な了解に致命的な打撃を与えるためには学ぶこと、その向いていないことが何なのかを知る必要がある。
カールマルクスの資本論を読む。分業が発達している19世紀の工場労働について。 
「彼の労働力は、それが売られた後にはじめて生まれる連関のなかでしか、すなわち資本家の作業場のなかでしか機能しない。マニュファクチュア労働者は、その自然なありようからして、自立的なことをする能力を奪われている。それゆえ彼らは、もはや資本家の作業場の部品となることによってしか生産的な活動を展開できない。」
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/b3db4b71-0769-470f-83ea-bafbaabdad2c/IMG_2725.jpeg" alt="IMG_2725.jpeg">
分業化された生産とはこのような資本に対する従順な姿勢を生みだす。デザインから実装を行うということは分業化に対してそれ以前の未文化の状態、可能性を問いただす。資本から望まれる形自体に対して別の回答ができないだろうかと考えることができる。作ること、学ぶこと、勤勉であることの意味を反転させる。慣習の外側、源流のラディカルさ。
OSSの開発やツールを作ることでメタ的な視点でシーンを作るのが大切と言いたいわけでもない。少なくとも、何か上達しようとする時、できること全てをやる必要がある。そのために、範囲を限定してはいけない。そこからデザインや技術、空間の散歩やあらゆる動きによって、観客から空間や生態系そのものになる。思考の材料、ある別に地点への土台、反復の動きに少しのズレを生じさせることでいつの間にか出来上がる何かになる。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/19f7518f-3a6b-47b2-8145-fad2671c687a/DSC02512.jpg" alt="DSC02512.jpg">

できるだけあわせて、なるべく逆らわない

普段、クライアントワークから自主制作まで制作において日本語のwebフォントを使うということがよくある。その際に、なるべく豊かな表現をしたいと思う。けれどもなかなかうまくいかない。それはなぜだろうか。各サービスの内部では、議論が行われていて日々改善がなされているのだと思う。 
そういった循環の中で、1人のユーザーとしての考えを書くことで貢献できればと思う。 
なるべく公共的な議論になるように心がけるが、内容はあくまでも個人的な所感として書いていく。（１ユーザーのサンプルとしても読んでもらえると思う）デザイナーやエンジニア向けの記事というよりは、趣旨としては長年日本語webフォントを使ってきた1ユーザーによる配信サービスやファウンダリに向けた感想という感じだろうか。
まずは、先人たちの努力によって数々の日本語のwebフォントの配信サービスが生まれて運営されてその上で、かつてはweb上では見ることができなかったものが見られるような状況になっていることに感謝をしたい。その上で、10年以上実務でwebデザイナーとしてそれらの変化を見てきてここは変わらないのはなぜだろうと疑問に思うことも多い。
初めに結論を書いておくと、現在webデザイナーが日本語書体を使う場合はかなりのパワーをwebデザイナー側に課しているのではないかと感じる。また、環境によってせっかく良い書体が開発されていても使えないということがとても多い。 
基本的にはデザイナーに書体を売って収益を上げるのではなく、企業のプロジェクトに使われることでそれに対して課金をしていくのが理想だと思う。そのためには優れた書体を作るだけではなく、優れた配信環境とビジネスプラットフォームのデザインがセットで必要であると思う。
<h3>書体を使うプロセス</h3>
まず、書体をクライアントのwebサイトに使うとなった場合は、それが採用されるかどうかに関わらずFigmaなどのソフトウェアでレイアウトした状態でプレゼンをするというのが多くの場合である。デザイナーは、自身のPCにインストールされているものの中からプロジェクトに合うものを選択していく。その上で、FontplusやTypeSquareなどのwebフォント配信サービスにあるものという縛りもあるだろう。
企業向けにプレゼンテーションをするにあたって、ある書体を使いたいという状況でも例えば、モリサワの書体ならば、グラフィックデザイナー向けの年間６万円のプランを契約した上で（それが採用されるかもわからない）、さらに説得力のある資料などで実現までこぎつけ、クライアントにモリサワのwebフォントサービスであるTypeSquareを契約してもらう。 
webデザイナーがなぜここまでするのかというと、なるべく良いもの、納得できるものを作りたいというのがあるだろう。しかし、これはwebデザイナー側に負担を押し付けすぎている状況ではないだろうか。例えば、欧文フォントであれば最近はトライアル版を配布していることが多く提案であれば大抵のものは使える状況になっている。webデザイナーは、あくまでも企業側への書体の使用の売り込みをしてくれる存在としてある。
そもそも、モリサワのMORISAWA Fonts（定額サブスクリプション）がグラフィックデザイナー向けの製品でありそこに相乗りする形で使っている状況があるが、そこに溢れているのだろう。グラフィックデザイナーにとって、そのデータを使って入稿できるようなフォントデータは資材であり、それを繰り返し使えることも含めて有用であるが、webデザイナーにとってデスクトップ上で使えるものはあくまでも仮の状態であって、実際に表示される場合はあくまでもwebフォントの形式のデータ（配信環境含め）なのでほとんど使えていないにも関わらず契約をしないと使えない。 
（webで日本語の書体を使うには常に２重の課金タイミングがある、デスクトップ向けの定額サービスを契約し、次にwebフォントサービスを契約する） 
会社によっては、MORISAWA Fontsを契約している場合もあるだろう。それは、グラフィックもwebもやる場合などそれがハマっている業態も多くあるが、例えば、他でType Projectなどを使いたい場合などとにかくキリがない。個人的には、webなどのオンスクリーンがメインの会社で全員にそれらの定額サービスを会社側で契約して渡すというのはもしあればすごいが強制、もしくは推奨できるようなものではないかなと思う。 
個人的な思いを書くと、最近ファウンダリから発表される新書体というのはディスプレイ書体がメインで新しい本文用書体が開発されているのかが全く見えない。個人としては、新しい本文書体を開発しているところにお金を支払いたい。（脱線していますね） 
また、せっかく大きな会社にwebフォントを使ってもらうことになってもType Sqaureのプランだとあくまでもビュー数がベースなので小規模なチームでも同じで勿体無いと思う。（Fontplusはアドバンスト・プランというのがある）大きな収益を上げている会社からは、それなりの課金がされるようなサービスデザインを作るべきだと思う。そのために、課金が大きいほどにより良くなるサービスを開発することも必要。この辺りはファウンダリが作るサービスと書体配信専門のサービスで使えるリソースの違いというのも加味するとなかなか難しいとは思う。
私の場合、自腹でモリサワ、TPコネクト、LETSなどを契約したり（解約したり、、）して凌いでいるがそれを同じような状況のwebデザイナーにこうしたら良いなどとは言えない。かなり、身を削ってなるべく書体を使えるように踏ん張っているが続けられるものではない。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/fab44fb8-e6e8-42a0-88ec-2de13d5994fb/Ancient_drawing01.jpg" alt="Ancient_drawing01.jpg">
<h3>配信環境</h3>
現在、webフォントサービスの中で一番使いやすいのが、Google Fontsだというのは多くの同意を得ると思う。実際、私もよく利用しているが不満点は全くない。多くの、サイトがNoto SansやNoto Serifであふれているがそれに対して批判的な気持ちはありつつも仕方がないという気持ちもある。 
少し前に、AXISというType Projectが作った書体をwebで使うことになり（企業の使っていたフォント）配信サービスを探すと、REAL TYPEというサービスのみということもあり契約して使っているが、かなり使うのが難しい。また、一契約で登録サイトが３サイトという制限があるために、開発環境で当てるのに工夫が必要になる。また、SPAのサイトの場合、うまく表示されないことがある。（実装側の工夫でどうにかできる場合があるが、工数がかかる）この辺りは、他のwebフォントサービスでも同じだが、最近ではFontplusがアドバンスドプランで対応をしている。 
Type Projectは高品質な書体が多くあるが、それをwebでうまく使うことは現状難しいと思う。それに対応する配信サービスがないからだ。 
モリサワのTypeSquareについても同じで、対応書体は増えているが環境自体のアップデートがされていない。UIについてもずっと変わっていないように見える。（特段、使いづらいわけでもないがなぜ変えないのだろうか）
webにおける組版の仕様は年々良くなっていて、約物の詰めなども簡単なCSSで実装できるようになっている。この辺りは、単にサービスを提供するだけでなくwebにおける組版をどのように改善していくかという議論や、ユーザーに対する啓発や問いかけといったものも必要だと思う。合成フォントやvariableフォントなどの機能も今後より現実的に扱えるようになるかもしれない。そのためには、webの技術とフォントファイル自体の進化、（カラーフォント、バリアブルフォントなど）をセットで考え伝えていくような活動も必要である。タイポグラフィの知識や未来と、webにおける実装を横断的に考え、発信するような人材を育てるべきだしそのような人を大事にするべきである。
この辺りの、配信環境については私は詳しくはないので別に誰かが書いて欲しいが、SPAのサイトやブラウザの新しい仕様に合わせた配信サービス自体のアップデートがなければ、webサイト上で綺麗に書体を表示することは難しい。
<h3>配信サービスの契約</h3>
Adobe Fontsなども活発にいい書体があるが、クライアントワークで、使う場合はなかなか難しい。基本的に、webフォントサービスは、クライアントに契約をしてもらってそれを使うというのが良いと考えているからである。 
Adobe Fontsは、契約者なら使えるサービスでwebでも使えるが、そのためにクライアントにAdobeを契約してもらうというのは変な気がする。貂明朝など使いたいものもあるので、他の配信サービスでもあると良いのになと思う。もしくは独立したadobeのフォントサービスとして、別で課金して使えるなど。
<h3>最後に</h3>
あくまでも、新しい書体が開発されて使われていく環境になれば良いと思う。そのためには、適切なタイミングで判断が行われ適切なタイミングで課金が発生するような優れた仕組みが必要だと思う。 
こんなものがあったら良い、折衷案的なもので言うとwebデザイナー向けの安めのフォントを試すことができるプランがあるといいなと思う。Monotypeのものは、年間199ドルでライブラリにある書体を試すことができる。実際に製品に使う場合は別で書体を買う必要があるが、そういった形式はある種健全であると思う。Fontworksのmojimoはスポット的に試したい場合に、結構便利だったりする。 
また、Figmaなどのソフトウェア上で使える書体が増えるのも良いと思う。あくまでも、レイアウト上で試せるだけなので、実際に使われる場合はそれぞれのサービス上で課金がされていく。 
書体の品質と同じくらいそれを使うためのライブラリ管理ツールや、web上でのサービス提供をする管理画面のUIデザインも大切である。そこが使いやすいからその書体を含むサービスを使いたいと思うのはGoogle Fontsの例を見てもそうだがあり得ることだと思う。
私自身、ある特定の書体を使いがちと言う癖を十分承知しながら、なるべく現在進行形の書体開発に合わせた提案をしたいなと思い、さまざまなサービスを試している。 
現在においては、優れた書体開発とセットで配信環境と、収益を得るビジネスプラットフォームのデザインが必要だと思う、それらが揃った時にせきを切るように新しい表現における空気や水として書体が時代を彩ることになるのだろう。

日本語webフォントを使うにあたっての所感

Parranoulの<a href="https://open.spotify.com/intl-ja/album/5IyHtkKQvafw7bQYFnx4FO?si=wYknqqlvRRiaUIDozqhMWQ">To See the Next Part of the Dream</a>が出たのが2021年、Asian Growの<a href="https://open.spotify.com/intl-ja/album/7MY3IBjtMp3Fjp2NimCUnq?si=Su_YC3GQTv-ih-piCCYkwQ">Cull Ficle</a>も同年でこれらは韓国の音楽シーンで何かが起こっていることを示す出来事だった。 
イギリスでは、squidがファーストアルバムを出してサウスロンドンのシーン（Black Midi、Black Country NewRoadなど）が注目されていた時期である。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/39542103-b219-45f5-a39e-4a34e0b315ec/a3727718257_10.jpg" alt="a3727718257_10.jpg">
Parranoulは、鬱屈した暗さと爆発するエモーション、90'sの日本カルチャー（岩井俊二のリリーシュシュの、すべてのサンプリング）、エヴァンゲリオンといったものを含みながら、ぶち壊れようとしてるのかと思うほど破滅的で美しい。彼は、バンド形式の音楽ではあるが制作自体はDTMで、完結しているとインタビューで語っている。エモやシューゲイザーといったバンド音楽がギターを物理アンプから鳴らしているが、Parranoulの音楽の歪みサウンドは音源ソフトのギターに歪みを加えたものである。このこと自体は新しくないが、こう言った制作方法でありながら感情を表現するyouth musicということに新しさを感じた。
2024年の日本に目を向ける。コロナウイルスは音楽にとってもライブができないこと、集まることが制限されることなど大きな影響を及ぼした。ただ、それらも2023年あたりから少しづつ緩和されてきてまた新しい動きが見えてくるようになってきている。そして、これは海外に目を向けていた私が気づけていなかった、ある期間に準備されていたサウンドが鳴っていることに気づいた。どのバンドもコロナ期間あたりに結成されている。
moreruのこの<a href="https://longlegslongarms.jp/music/user_data/interview_with_moreru.php">インタビュー</a>を読むと分かるが、世界観やキーワードとして90'sや、00'sのオタク文化などParranoulと共通点を見出すことができる。ただ、それでもここまでブチ切れたバンドが出てきていることに衝撃を受けた。2023年にライブを見る機会があったが、モッシュが爆発しているが音は音響的とも言える透き通った響きがある、音を重視しているバンドという印象を受けた。
<iframe width="560" height="315" src="https://www.youtube.com/embed/dF_LzsZrYww?si=Tby9VbvdpydCvvsO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
という前おきはあるが、ここでは流れを説明することはそこまで重要ではない。今現在、起こっているバンド形式の音楽による現在の社会への応答、この過酷な世界の状況の中で鳴らされる逃避でもなく、立ち向かうのでもなく、ただリラックスする毎日を、その場所を作ること、過去への接続から作ること、極めて今の社会でのリアルな実感としての表現になっている。
Texas3000
<iframe width="560" height="315" src="https://www.youtube.com/embed/5MOjoe1CYlE?si=VWaiXg0Sv5flnlCx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
この曲は、エモを基調としながらも非常にリラックスしている。American Footballを彷彿とさせる細かい繊細なリフから、大きな90sのグランジのようなサウンド。PVも素敵だ。現在の中野、その公園、リラックスすること誰にも宣伝されていないようなライフスタイル。
Cruyff
<iframe width="560" height="315" src="https://www.youtube.com/embed/Oyn8A-ugxzg?si=oC25AZ-X-N9_DbkM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
ロマンチックなバンドであるなと思う。ある音楽を聞いて救われたこと、気持ちが楽になったこと。だから自分たちも作ってみるという健全さ。サビの部分の「ねぇ、知ってる太陽に向かって目を閉じると世界が真っ赤になるんだぜ」という部分の一気にひらけていく感じの爽快感が凄すぎて何度も聞いてしまう。
くだらない一日
<iframe width="560" height="315" src="https://www.youtube.com/embed/9fUoibmUTj8?si=oLyr_OGNFTS66vrd" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
ハードコアを主体としているが、叙情的な日本語ロックの系譜も感じる。詩の強さもある。envyのようなエモコア、マイナーコードの繊細な響き、硬さ同居している。Sonic Youth的な不協和音。子供時代の風景から現在へのブリッジ、あの頃を今の視点で歌う距離感。
ANORAK!
<iframe width="560" height="315" src="https://www.youtube.com/embed/0oPDMIJ_kKU?si=FRWurxWkVQv7Yheh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
とにかく明るいサウンドで、初めて聞いた時その瑞々しさに驚いた。ベタなエモのサウンドで、インストの曲もあるので爽やかさや輝きや叙情性といったキーワードが出るが、その真っすぐさが無性に心を打つ。下北沢という曲のぐわーっと最後盛り上がる部分、ライブコンサートにおけるあの日の熱や空間を思い出す。
downt
<iframe width="560" height="315" src="https://www.youtube.com/embed/f6tMeEjmSQg?si=6J7ipY4VNAmmBp9q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
開放弦の歪みがかかったギターサウンドに女性のヴォーカルが重なっていく何度も聞いたような日本のロックサウンド的な形態である。この中のバンドの中では少しダウンテンポでダウナーな気だるい雰囲気がある。残響の音楽である。世界という空間に響きが浸透するところにコトバがぶつぶつと覆い被さって精神における立体空間を構築。この騒やかな暗さこそが魅力な気もする。
No Buses
<iframe width="560" height="315" src="https://www.youtube.com/embed/NDvZ8N8R_c0?si=82GNIhb-zaBeOraZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
ここで挙げた中ではその前の時代から活躍しているので毛色が違うように思えるが最近の作品も素晴らしいので挙げておく。初期の、Arctic Monkeys直径の疾走感のあるシンプルなインディーロックから、ポストパンク的なリズムへのアプローチ、ギターサウンドの実験などを含めてサウンドは出すごとに変わっている。海外人気も高いのは、そういった影響源に感じるところがあるのだろう。
SATOH
<iframe width="560" height="315" src="https://www.youtube.com/embed/gsee_mJBSdw?si=glUWGJPbI0dyyc1A" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
このバンドも少し、違うというかFLAGというかなりジャンルがミックスされたチームがありその中で徐々にバンド形式の音楽へと変化している。最近の曲もとても良いし、爆発的なスターになるような華がある。
ここまで書いてこれってSpotifyのアルゴリズムに踊らせられてるセレクトではと思えてきたけれどそれも新しい自然としてそのまま出すことにする。AIのアルゴリズムで調整されるコンテンツの中で、それでも感じることがあるということ。

Parannoul、Asian Grow以降の日本のバンド音楽について

2023年にあったことや思ったことなどをいくつか書いてみる。 
周りの人たちに応援するような気持ちで書いてみる。 
久しぶりに会えた人も多く、ライブなどもいくつか足を運べて精神的なもで得たものも大きい。No BusesやGEZANのライブではギリギリのところでのそれぞれの闘い、社会的な価値観の外側を目指すこと、月並みな言葉で言うとオルタナティブというものを感じられた。 
友人の石塚くんが、JAGDA新人賞を取った。10年以上前からこの人はと思っていたような人がどんどんと先に進んでいく。おめでとうという気持ちと自身の焦りを感じる。友達のこうちゃんに子供が生まれた。 
個人としては、9月の終わりにくらいに制作面での息切れ状態になり仕事以外ではなるべく休むようにしたり、何かを見たりするのを制限したり、その代わりにイベントに行くようにしたりといった切り替えをしていた。メンタル的な制作意欲が萎んでいる状態というのははじめてで戸惑った。SurlyのCross Checkという自転車を組んで乗り始めて移動するというか体を動かすようなのが楽しい。また、アニメーションを作り始めたというか絵を描き始めた。これは今後10年間かけて少しはものになっていければ良いと思う。
今年見た、印象的なwebサイト。 
武蔵美のオープンキャンパスのサイト。 
<a href="https://vcd.musabi.ac.jp/opencampus/2023/">https://vcd.musabi.ac.jp/opencampus/2023/</a> 
これはコンテンツが機能的でありながら、メニューを開いた時の背景にもなっている。一つのものが複数の役割を担っていて前後の動きに無理がないことに凄さを感じた。ダークソウルのダンジョンをゲームの舞台としてと使いながら、別のステージから見た背景としても機能するようなデザイン、オープンワールドではない時代の有限的な要領の中でいかに使っていくのかというバランスを思いだす。 
そのほかでは、中野みさきさんの個人サイトも衝撃だった。 
<a href="https://mofu-dev.com">https://mofu-dev.com</a> 
web glの流体表現を突き詰めて、アンビエントな空気を全面に押し出している。雰囲気を味わうためのサイトという感じか。絵画でいえば、人物や生物ではなく、モネの花で埋め尽くすようなパターンのようなものでブラウザの中で見せられる別の可能性を提示しているように感じた。
音楽では、moreauのアルバムはかっこよかった。一番虐げられているようなものがそのまま反転してかっこいいいものになる。 
曲では、パソコン音楽クラブのDay after Dayをよく聞いた。歌詞の表現する希望を持たない大人になってしまうことへの抵抗というか寂しさと、爽やかなもう消えてしまいそうなフィーリングをLausbubの高橋芽衣さんが歌うことによる別の空間が生まれる。あとは、Sly &amp; The Family Stoneの暴動の良さがわかった。Family Afairのクールなファンク、豊かではないぎこちないファンク。これを10代で良さがわかるような人間でありたかったと思った。レコードで聴きたいです。
映画では、君たちはどう生きるかを見た衝撃が凄くて今もだがしばらくあの周辺の作り方や考え方を探る日々が続いている。画面を見た時の迫力、そのかっこよさ、冒頭の火事のシーンのブレた作画、あいみょん演じるヒミの可愛らしさ、大叔父のキャラクターは今までのジブリ見たことのないもの。NHKのプロフェッショナルを含めてズドーンときた。 
清原惟監督の全ての夜を思い出すも印象的だった。Heads周辺の人の音楽を久しぶりに聴いて昔を思い出したりした。
福尾匠さんの日記を読んでいて、その切れ端のような言葉や時折出てくる力強い文章力に圧倒されたり静かに同じ時代を生きている感覚を覚えた。私もいくつか日記を書いてみたが続けることはできなかった。それでも日記ではなく文章を書きたいテーマはいくつかあるので書いてみたいと思う。
小説では、HHhHの文庫版が出てたので読んでみたが面白くて後半は引き込まれた。史実をベースにしながらそれを書くことについて言及する、小説を書くことについての小説。どうしても最後の場面が書けない、そこに入り込む読者、時間がゆっくりになる、こうなって欲しいというナレーションが入る。ローラン・ビネは自作では歴史改変ものを書いている。
年末にSteam Deckを買って実家で遊んだりしていたが良い感じ。ps4くらいのゲームが持ち運びでできるし携帯ハードで起動するのでめんどくささがない。ダラダラするには最高のハードだ。 
ゲームでは今年はアーマードコア6を楽しんだ。伝説のゲームが現行機でできる嬉しさ。 
年始はしっかりとダラダラ過ごしたいと思う。

2023年の振り返り

パ音のライブを見に行ってから、なぜか前作の海鳴りを聞くようになった。波打ち際を疾走する風景が思い浮かぶ、何かに追いかけられるようにただ無意味に疾走する。俺は海鳴りだと思う。ただ疾走する。理解されようものならそこから逃れるためにはただ走り抜けるしかない。
希望に溢れた正しき精神を持った若者ではない。いい人だと思われることの綱を手放さなくてはならない。Philip K Dickの登場人物のように大半が怠惰で自己中心的で壊滅的な状況に置かれている男だ。そのなかで、1%の勇気を最後に出せるのかどうかを試されるのだろう。
JAGDAの会員になるために、推薦のサインが必要で石塚くんに連絡を取ってこの日はどうだとか言うが、なかなか連絡もつかず決まらない。とりあえず、明日に事務所に行くのでハンコだけ用意よろしくと言っておいたが、事務所に行くと誰もいない。差し入れに持ったレッドブルが重い。後日、コロナにかかっていたとの連絡が来た。まだ、書類は出せていない。
月曜日の朝に駅のホームを降りたすぐあたりの踊り場で腕に白い液体がチューブから一直線に移動しながら出てくる、女性の顔が目に入る、日焼け止めを持ち歩かなくては。という思考が通過する。
暴力的なサンビームによる砲撃を木の影などでかいくぐりながら、ときには直撃を受ける自転車による疾走の後に狛江湯に着いた。なんでこんな暑い中わざわざ銭湯になんて行くのだろうと泣きそうになったと言った。
自転車の点検をするために、甲州街道沿いの道を自転車で40分くらい走った。木陰だったり、マンションの前の強烈な日差しだったり、公園の近くを感じていて夏を感じて良いな思った。フジロックの季節で誰かは楽しんでいるのだろうか。私は夏の楽しみ方を今一つよく分かっていない。店員さんに暑い中くるの大変だったでしょうと言われるが、俺は楽しかったですよという。夏の残骸のようなものを感じているだけで満足してしまう。
友達と部室みたいな感じでダラダラするならチャンスの時間の過去作品のおすすめを出し合ってどれが面白いとか言い合ったりしたい。もしくは多摩川沿いを自転車で走ったり、川辺でキャッチボールをした後に木陰でジュースを飲みたい。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/8499aaac-efa1-4ddc-844c-3d2ee40d9f55/IMG_07132.PNG" alt="IMG_07132.PNG">

日々の断片 2023.07

日記を書こうと思うと身構えてしまうから、ツイートの連続のような断片で良いのだと思うのだけれどそんな断片すらも書き残しておくのをためらってしまう。 
宮崎駿の最新作、君たちはどう生きるかを見に行った。 
まずは全体的な感想としては、児童文学的なフォームで中にさまざまな過去のジブリの身振りが詰まっているなぁと思えた。キャラクターのデザインも宮崎駿とは思えないようなデザインのものもあって少し戸惑った。アニメーションの豊かさ、物と物が関係して動く反応する光が動くことは過剰なまでに豊かでそこだけでも見ていて楽しくなってしまう。人の表情の、最近のとは言ってもハウル以降の動きも決まっている。ただ、その行動に感情移入はできない。と感じる場面もあった。というのも、時折主人公がもののけ姫のアシタカのような言動をすることがあるがそこまでの気迫がない、それは天空の城のラピュタのパズーのような勇気が重なって見えることもある。千葉雅也さんも言っていたが、そういった重なって見えるけどテクスチャーだけの重なりに見えてくることは生成AIによる画像の連続に見えてくる、印象を受けた。今までの作品、最近の風立ちぬにおいても過去の作品が頭に浮かぶようなことはほとんどなかったことを思い出す。 
児童文学の伝統的なフォーム、オズの魔法使いやナルニア国物語を思い出すようなものでありながらアニメーションの抽象性はアートアニメとも言えるような逸脱や抽象的な連続性、人工的な造られたイメージが出てくる。無意識の世界のようで、意識的に理性的なツッコミをやめて流されるように見ていくと不思議と浸れるような面白さがある。twitterで誰かが言っていた横尾忠則の近作の子供時代の心理風景を、その懐かしさに収まらない生々しい少年の感じる恐怖までを描写しているようにも見える。君たちはどう生きるかという本の内容ではない。その本を読んだ時に感じた何か、心に湧き起こった感情を描いている。それは我々が青春時代にある音楽を聴いた際に自身の体を貫いた衝撃を思い出すことに似ているのではないか、音楽そのものではなく、その時に自身の体や精神に起こった衝撃、エバーグリーンなもの、それこそが制作することの源でもある。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/1d1402c5-b474-4dcd-b420-c1f8963f7a46/DSC01914.jpg" alt="DSC01914.jpg">

君たちはどう生きるかを見た

間が空いてしまったが、また日記を書く。 
週末は後藤くんたちと筑波山に登った。昨年も登ったので2回目で、後藤くんは筑波に住んでいるが登ったことがないので登ってみたいということで誘ってみた。 
朝早く起きて、おにぎりを作ってゆで卵を包んで持っていく。眠い。家を出るのは6時半くらいだった。後藤くんが、車で筑波駅まで迎えに来てくれてそこは楽だった。2人乗りみたいな車だけど4人で乗れる。 
天気は曇りで、登っていると暑いしでも上にいくほどに涼しくなってちょうど良い感じ。湿気がすごくて汗が止まらない。頂上では、私たちは手作り弁当だったけど、後藤くんとのこさんはコンビニおにぎりでなんか申し訳なかった。こういう時は、山頂のラーメン屋でも一緒に行くのが良いんだろうなと思った。なんかうまそうな団子を食べていた。おじいさんと小さな子供が弁当を食べていた。子供の緑色の水筒に恐竜の絵が描いてある。ガマの陶器が売っている。Panpanyaの漫画のシーンを思い出す。小さな展望台に登って、写真スポットがあったのでダサい写真を撮った。お立ち台があって、後が全部空に見える写真。後藤くんは、でかいカメラをぶら下げていた。Canonのカメラ。ギターはストラトキャスター。このチョイスが彼を表現している。冒険性ではなく、安定性をとる男。 
そのあとは、筑波の公園でダラダラとコーヒーを飲みながら話してバイバイをした。
「だが、情熱はある」というオードリーと山里のドラマを見ているがとても面白い。お笑いというかなり不安定な未来に賭ける人、その友達と同じ船でどこまで行くのか。山ちゃんの性格の悪さは自分が封印している邪悪さでもある。春日の爽やかさ、内面のなさに救われる。若林の家族がぶっ飛んでいて親父が急に北海道で暮らすと言い始めていたりちびまる子ちゃん的な3世代の光景がなんだかいい感じに思える。 
東京のショーパブという奇妙な場所から出てくること。ファミレスにいくお金がなくて、女の子と公園で話をするしかないこと、惨めさこそがそれを出すことが面白い、ラジオで話す。ある発見をきっかけにだんだんと認められるスタイルを作り出していく。ある定型ではなく自分自身の部分をお笑いの型の中に拡げる。自分自身をデザインの中に受ける部分を入れ込む。
ティアーズオブキングダムは、いよいよ最後の神殿を攻略しているところで1ヶ月かかってようやくクリアが見えてきた。この先は、Star Fieldもあるし、Armored Coreもあるしゲームに関しては大作で埋まってしまっている感じがする。これでいいのか？
平日の夕方から親父と巨人戦を見てきた。かなり久々に野球を見に行く。東京ドームのスタジアムに入った瞬間の胸のざわめき。前の男の子たちはビールの売り子の女の子についてばかり話している。西武ライオンズは知らない選手ばかりだった。
HHhHを読み終えた。ナチスが台頭する中でチェコスロバキアの亡命政府が送り込んだパラシュート部隊の行動、葛藤を描く。前半は、ナチスのハイドリヒが中心に描かれる。冷酷さ、政治情勢の中で勝ち抜いていく、優秀さ、ヒトラーの賞賛。後半は、それに対抗する小さな意志としてのパラシュート部隊の2人の若者とその協力者たち、そして裏切り者が描かれる。小説を書くことの小説とも言われているが、途中で作者の語りが出てくるような時代小説は司馬遼太郎のスタイルのようでもある。現代とその1942年が突然繋がる意外性。読み終わった後は精神の爽やかさを感じた。そのように生きなくても良い、彼らのように在った人がいたことに作者は驚きを持っている。勇気というのだけではありきたりだが、瞬間において発揮される行動の爽やかさ、その後のナチスの凄惨な報復を引き起こしたがあるきっかけになったこと。
阿部くんと下北沢に飲みに行った。デザインの話とかをたくさんしてしまった。あまりそういう話はしたくはないけれど、自分の中心にあるような事柄について堂々と話せる数少ない人だとは思う。暑かったので冷やしトマトとビールが美味しく感じる。少しずづ人に会えるようになってきている。くだらない話ができる感じになっていければいい。
自転車が届いたので乗りたいなと思って、昼休みに20分かけて中華のお店に行って10分で食べて20分で戻るということをしてみたりしている。多摩川沿いを走る。 
今日は、寝っ転がりながら本を読んでいてそこでジョンコルトレーンが出てきたのでiPhoneで鳴らしてみた。するとどこかからジョンコルトレーンの曲のようなサウンドが聞こえてきた。川の向こうで練習をしている人だった。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/2dcadafd-ec4f-4917-8734-afc2a64b3e8c/DSC01887.jpg" alt="DSC01887.jpg">

新しい自転車、筑波山

私のデザインに影響を与えている10の事柄

5泊６日で台湾へ旅行に行った。
台南の夜市を見た後に、タクシーに乗ってホテルまで帰った。警備員と話し込んでいる人に声をかけたが、乗り込むとすごいスピードで走って、クラクションを鳴らしまくる運転をしていた。自分が嫌だなこいつと思う人の体内にいるかのような感覚だった。左の手の指がなかった。同業者がいると大声で話しかけていた。帰り際にお金を払うときは礼儀よくやってくれた。
旅行に行く時は、何か一冊本を持っていくことにしている。それは小説とか哲学書とかではなくライトなエッセイが良い。それは、自分自身を作り上げるというよりは、どこかでほぐすようなイメージがあるからだと思う。ピース又吉の「月と散文」を持っていった。感傷的な内容を想像していたけれどもう少し文章を読んで文章を書くようなテクニックや遊び心が多く含まれており青春や内面の吐露といった内容から別の何かへの移行の途中のような印象を持った。
故宮博物院までのバスは難しかった。台湾のバスは手を振って止めないと止まってくれない。Google Mapで調べたバスの番号と違うものが過ぎていったけど、それが本当は乗るべきバスだったみたいでなんだよと言う感じでしばらく待っていたけどこれは分からないからとりあえず方向同じだからと言う感じで乗ってみたけど行き先は違っていた。そう言った感じで少しづつ近づいていく。台北美術館も素敵な展示だったけど、私としては現代アート的なものは完全に飽きてしまったように感じた。メディアの歴史を振り返るような内容で古い映写機から現代の機器までの感じとか本当は好きな内容だったけど何も響かないことに驚く。30歳過ぎたあたりからあんなに好きだったメディアアートに興味がなくなって、セザンヌやレンブラントやモネのような近代絵画が好きになる。故宮博物院の展示はさらに古いものだが、惹かれるものも多かった。小さな可愛らしい動物の彫刻などは、現代の3Dで作られるキャラクターの造形のようでもあるし、古い時代の食器や器、置物はゼルダの伝説の神獣のようで禍々しさと愛らしさが同居している。それに食器などの純粋な装飾も好きだ。合理的な設計としてのデザインが良しとされているのもわかるが装飾というのはそのどうでも良さの中に自分のために作られた部分を見つけてしまう。
道の中に細い公園があって、ベンチが沢山ある。何をするわけでもなく座っているおじさんやおばさんがいる。どこかの店で買った麺を啜ったり胡麻餅を食べている。人が座っている場所は風の通り道で座っているだけで気持ち良い。ある日は、6時半くらいにどこかで集合で一人で歩いたりしていたが4時半くらいで完全にやることがなくなって普通だったらカフェとか入るけどコーラを買ってただベンチに座っていた。それが一番良かった。誰もこちらを気にしないし、私も気にならない。本を読んだりとかもなくただ座っているだけが良い。
街中を歩いていると、足が悪い人やダウン症の人であったり車椅子を押している人などがごく普通にいる。特別な人というわけでもなくただそれぞれ引きずりながら当たり前に歩いている。かつての日本も同じような状況だったように思える。今は、それぞれのエリアが分かれていて当たり前を目にすることもない。駅前でiPhoneをでかいスピーカーに繋いで下手くそなカラオケを歌い続けるおばさんや、車椅子から飛び出して寝そべりながらハーモニカを吹き鳴らすお爺さん。いくら何かを排除してもそれはまた小さな引っ掛かりがクローズアップされるだけではないか？漂白された人々の間の中で僅かな差異を見つけて指摘し合うような現在の息苦しさの中にあって、もっとメチャクチャな人同士が欠損したものがなんとかやっていくこと。
同行者がかなりの台湾フード好きだったので色々と連れていってもらった。その中でも炸醬麵は汁なし麺であまり食べたことのないマイルドで味が濃くて美味しかった。でかい魚が上に乗っかったお粥も爽やかな味ながらすごい量と後からわかるニンニクの量で強烈な印象だった。透明な破壊力ともいうべきか。火鍋を2日連続で食べた後、体が異常に元気になった上で胃が終わっていてなんだかよくわからない状態になった。元気だが死んでいる状態。謎に食い物のせいで精力がついてムラムラしてくる、でも内臓は疲れ果てている。もうこれ以上は食えんという状態でも、豆花だったり水餃子だったりこれなら食えるみたいな料理が台湾は多い、故に食べ過ぎてしまう。
お土産にいいお茶を買った。吉祥寺の怪しいお茶屋さんで買えるようないい茶葉がたくさん売っていて興奮した。値段はいいものと普通のもので20倍くらい値段が違う。烏龍茶とジャスミンティーを大量に買った。インディーバンドの透明雑誌の人がやっているPar StoreのTシャツが可愛かったのでそれといくつかレコードやカセットを買った。同行者は調味料や麺やからすみを買っていてキャラクターの違いが出るよねという話をした。 
スクーターの群れがが疾走する。腹が出たおばさんがスクーターにまたがりフルスロットルで俺の目の前を通り過ぎる。Never Young BeachのTシャツを着た日本人カップルが同じ行列に並んでいる。志村けんが来たということでバカ殿が張り出されたマッサージ屋でマッサージを受ける。バスの中で運転手とお婆さんが口論のような剣幕で話している。そういえば千鳥とナイナイと同じ飛行機に乗っている夢を見た。ふわふわした高揚感を感じていて芸能人だーという感じで幸せだった。こういう夢を見られるようならきっと大丈夫だと俺は思った。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/3f6c0572-a634-4635-bfc4-69261adb5b90/DSC01584.jpg" alt="DSC01584.jpg">
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/815f610a-ca67-4ca6-b627-6710eebd5ff3/DSC01594.jpg" alt="DSC01594.jpg">
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/1641a880-22c2-469e-929a-ec59fa2d01d1/DSC01647.jpg" alt="DSC01647.jpg">
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/16af53f0-cdb5-498e-bafa-1cd1dab32d44/DSC01624.jpg" alt="DSC01624.jpg">
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/220056ff-e174-478e-a973-e7f63d3c4cf4/DSC01776.jpg" alt="DSC01776.jpg">
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/af64fe55-1735-4b1c-a60a-6474dcba8ed0/DSC01653.jpg" alt="DSC01653.jpg">

台湾日記

Disney+で配信しているアメリカンサーガが面白い。 
シーズン２まで来ているが、Wu-tang clanのドラマを少林寺の映画のストーリーと重ね合わせながら展開していく。対立しているもの同士が、音楽、ビジネスの中で手を組むこと、ボビーのそれぞれの良いところを認めてきちんと口にするところ。状況としては、お金がなくて麻薬の売買にまた手を染めてしまったり家を追い出されたりするんだけど、5年間だけ時間を俺にくれと言ってなんとかレーベルの契約まで漕ぎ着ける。ほとんど、お〜い！竜馬を読んでいる感じというか幕末の志士たちの対立を収めるRZAという感じもしてくる。 
レーベルや周囲の人間は、アドバイスとしてよりポップだったり親しみやすい方向性を提示してくるがあくまでも普段の自分たちの現実をそのまま出そうとする。ただ、そのためには自分たちで環境を用意しなくてはいけない。自分の生きている状況と重ね合わせる。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/24dd5944-eaa6-4403-933d-8b8b8ec1e7b5/DSC01539.jpeg" alt="DSC01539.jpeg">
水曜日は、石塚くんのJAGDA新人賞展を見に行った。とても素晴らしい内容だった。この10年以上、活動を見てきたがダサい時期がないのがすごい。また、JAGDAという場所でストリート、オルタナティブな文化活動に姿勢を傾けたままポップに表現をしている。それは、他の受賞者たちが戯画的に見えてしまうくらいに何かを相対化する強さがあった。伝統的なスタイルを好む大人たちの趣向とは違う。そこにはエネルギーがあったし勝手にしやがれ精神で勝手に作っている感じ。代理店的なまとめ方とは別のやり方で切り開いているし、あの空間の風通しをよくしていたように思う。でも、それは本当の意味での継承者でもある。セミトラの田中さんや服部一成の表現のぶっきらぼうさもその飛躍があった。ワンピースの新時代。 
その後、久しぶりに石塚くんと福岡から来ていた青旗書店の店主と中野の川島小鳥さんの展示を見たり中野で焼肉を食べたりをした。楽しかった。22歳でこれから大学に行こうとしてるアクション、舞台をやっている青年や福岡から上京してきたデザイナーと話をした。
坂口恭平の「継続するコツ」という本を読んでとても内容が素晴らしくて勇気づけられた。私はどういう状態だったら幸せなんだろうと考える。仕事があってもなくても勝手に何かを作る続けているようなタイプだし、世間的な評価というのもそこまで重要ではない。とにかく、今日作ったという感じが好きだし、世間からなんと言われようと作り続けていればどうにか生きていけるんじゃないかと考えている。だから今の仕事が出来なくなって、アルバイトになったとしても朝早く起きて何か作ったりしてればいいのだし（それで幸福）深刻に考えずに継続して作り続けようと思った。そこだけは絶対にやめない。内容の新しさとかもどうでも良い、私にとって重要なのは作った日付の新しさだけ。新しさとは日付のこと。それを出来ていればなんとか生きていけるんじゃないかなと思う。
今日は、家から見えるでかい建物を目掛けて自転車で走った。ただの駅ビルだった。帰りに川辺でモスの野菜バーガーを買って食べた。川にはでかい魚と亀がいて良くもこんな小さな川で生きているんだなと思った。川面の光の反射の中で草をかき分けて子供の群れが網を持って闊歩する上空で違う子供が口から汚い擬音を連発して隣のお母さんがやめなさいよと言う。大ダークの新刊の装丁が素敵とこうちゃんにLINEをした。

アメリカン・サーガ

SATOHのBORN IN ASIAのリリースイベントに行ってきた。<a href="https://www.youtube.com/watch?v=jKa_rtzbJZM">RAINBOW</a>を聴くと、曇り空が晴れていく、精神の形態における爽やか、ピンクの髪色は桜木花道のようでギターと二人組なところはBzみたいだった。 
弱さを露呈して共感する時代なのかはわからない、けれどSATOHが見せるのはもがいて前進しようとする姿で泥臭さとスタイリッシュさが共存している。 
SATOHのようなバンドを見ると爽快だし安心する。説教じみた処世術で生きていかなくても良いと感じる。今にフィットすることが全てではない。覚悟さえあれば、俺もやれるような気がする。共演のNo Busesも良かった。New Orderのようなシンプルなサウンド。
<a href="https://www.featuredprojects.jp/">ホームページを作ったイベント</a>、Featured Projectsに遊びに行ってきた。KOKUYOの新しいオフィス？のThe Campusというところでやってる。デザイン関連のトークを聞くのも良いし、たくさんのデザイン雑貨の出店もあるのでそれを楽しむのも良い。私は韓国のデザイナーのトークを聞いた。 
このイベントは、ティザーサイトの段階から関わっているので夏頃から半年近く見ていることになる。私がやったことは、とにかくwebデザイナーとして主催者の２人の隣に居続けることだ。イベントは1回目ででかいスポンサーがいるわけでもない、成功するかもわからないか弱いものでただ気持ちだけはあるという状態でいろいろなフェーズがあったと思う。ただ、私はそれに左右されずにそこにいてデザインを作ったり自分でできる範囲での助けをやること。石山くんや、FONTPLUSの鈴木さんの助けもありいいものができた。
<img src="https://storage.googleapis.com/p_62949a5b33e2ae001824aa83/a4486344-f514-48c5-8931-77eba0b93c0b%2FDSC01529.jpg" alt="DSC01529.jpg">
もう一つは、このイベントの奇妙さがある。基本のトーンとしては、サービスをやっている企業のデザインがあるがそこの中にCekai の安田さんやMV領域で活躍するOSRINさんのような大企業的なあり方とは別の方向を模索している人が入り込んでいる。韓国のCornersもそうだろう。そこには、会議で決めるのではなく主催者の私的な姿勢が出ているように思える。完全にアナーキーなイベントというのではない。ただ、そこに幾つかの亀裂が走っている。そこが自由な雰囲気に繋がっていたし間口を広げている。個人的なもの、それは何度も再現できるようなものではない。だから今回のイベントは一度きりで次回があるとしても別のものなのだろう。
先週は、久しぶりに山に登ったら花粉が凄すぎて翌日は死んでいた。伊良コーラの缶バージョンが発売されたので飲んでみた。これが初めてだとあれって思うのかもしれないけど、希釈バージョンの危なっかしい刺激的な美味しさを思い出すことはできると思う。久しぶりに会った人に怖い印象だったのに丸い感じになりましたねと言われた。表面上は優しいのに、何も優しさはくれない人々、円滑に見せるような滑らかさそこにいつもがっかりしてきたし、なんだかへこんでしまった。私が怖いように見えたのは、その周りの理解のなさで戦っていたからでもあると思う。優しいふりだけの冷たさ、理解をしようとしないのにそういう人の柔らかい冷たさや態度に失望ばかりしている。
今日、仕事の合間に代々木公園を歩いたらとても良い気分になった。昼に賑やかな店内で850円の焼肉定食を食べた。新しく作り始めたフォントの画像をtwitterにあげた。俺たちはどう生きるか分からない。ただどこかに歩いて過ぎていく