松本芳郎

コーディングばかりやってるデザイナーです。 時々、趣向を変えたものも書きます。

2018年をぽろぽろと振り返る

2018年の始めに僕は今年の抱負を掲げておりました。その抱負をもとに、今年を振り返っておこうと思います。(注: 中盤からグダグダです)

下のリンクは、ほとんど更新していない私のブログです。『2018年にやりたいこと』と題して、その中で抱負を述べたのです。

ざっくり説明すると、[ デザイン・フロントエンド・分析 ] の分類の中で、やりたいことを思いつくまま書きなぐったものです。
2018年12月

もっとみる

感覚を伝えるとは読み手の体験を参照すること

4年前に出会って以来、ずっと好きな文章がございます。
この文章をもとに、感覚を伝える文章 というを考えてみました。クリスマス・イブですし。

ぼく かえる みつけた
しみそう
くさのところへ いきました
(宮城まり子「私は教育経験三十年」より )

ところどころ日本語として誤った箇所があります。しかし、なんというか、好きなのです。この文章は、[言語表現法講義]という本の中で紹介されたもので、書いた

もっとみる

夕焼けとくじら

地元の駅は、ちいさい割に利用者が多い。
その駅舎は、老朽化と利用者の増加のため再開発中である。数年前から解体と施工が始まったが、外観からは未だに全容が掴めない。

この駅をめがけて小さな川が流れていて、駅へ到達すると地下に掘られたトンネルに滑り込んでいく。川沿いは、小さな飲み屋が並んでいて、私はそこを歩いて帰る。駅舎とうって変わって、店々の様子は変わらないようだ。

川沿いを進むと、見上げるほどの

もっとみる

Sketchで "インラインSVG" 用のアイコンを作成するときの注意点

Sketchで作成したアイコンをインラインSVG※で使用した時に、ブラウザ上でアイコンの表示が壊れてしまったことがありました。
その時の経験を踏まえて注意点をメモしておきます。

※ インラインSVGとは、HTMLにSVGのコードを直接挿入することです。

SVGが他のSVGの影響を受けてしまう

サンプル作りました。
アイコンはMaterial Designから拝借しました。書きだしはSketc

もっとみる

海外のデザインシステムに見る、気になる実装 〜 SassのMixin`exports` 〜

デザインシステムは、IT系サービスのトレンドとして注目を集め続けております。そんなデザインシステムですが、世間で言及される内容は、デザインシステムの役割や意義、内包されるデザインパターンと行った、デザインよりの話がほとんどのように感じます。
でも、実装だって面白いんです。海外のデザインシステムは、Github上でソースコードを管理されていることが多いです。つまり、タダで覗き見できるのですねぇ。

もっとみる

Sketchプラグイン `DesignToken2Code` を作ってみた

はじめまして。松本芳郎と申します。
デザイナーですが、コーディングばかりやっているものです。

DesignToken2CodeというSketch プラグインを公開いたしました。Sketchデータ内のシェイプからSASS用のカラー変数をコマンド一発でシュッと作成するものです。

「初めてのプラグイン作成!初めてのOSS!」といった私的事情もあり、やりきった気持ちになってしまいそうです。

しかし、

もっとみる