みさき

デザインやフォントについての記事を書けたらなと思っています。あと大学受験の話題も少し。

みさき

デザインやフォントについての記事を書けたらなと思っています。あと大学受験の話題も少し。
  • 固定された記事

なぜ「ヒラギノ角ゴ」は美しいか

1番読まれているフォント「1番読まれている和文（日本語）フォントは？」 と訊かれたら，僕は「ヒラギノ角ゴ」と即答する。 　なぜなら，ヒラギノ角ゴ（ヒラギノ角ゴシック・ヒラギノ角ゴシック体）は，iOSのシステムフォントだからである。即ち，iPhone上では，LINEのメッセージ（下画像）・Twitterのツイート・Googleの検索結果・画面に表示されるキーボードの文字・「設定」App内のテキスト・そしてこの文章など，ほぼ全ての日本語がヒラギノ角ゴで記述されているということだ

みさき

    • 数学記号を入力できるiOSキーボード

      主要な数学記号を入力できるキーボードを制作しました。azooKeyというキーボードをカスタマイズできるアプリから読み込むことができます。 azooKeyでは誰もがアプリ内でオリジナルキーボード（=カスタムタブ）を制作できますが，より高度なカスタムタブを作れるCustardKitが公開されていて今回はこれを用いました。 このキーボードは大きく分けて次の6種類から構成されています： デフォルトのiOSキーボードのようにキーを長押しするとバリエーションが表示されるので，実際に

      みさき

      • LINE Seed JP: 誰でも使える和文フォント

        「LINE Seed JP」は、2022年10月にLINEが発表したコーポレートフォントです。コーポレートフォントとは、ブランディングの一環として企業が社内外で統一的に利用することを目的に開発・指定するフォントのことです。例えばメルカリの「Mercari Sans」やGoogleの「Product Sans」などが相当しますが、日本語のフォント（和文フォント）をゼロから設計した例はほとんどありません。その希有な例として挙げられるのがこのLINE Seed JPです。 最大の

        みさき

        • CSSの新機能×バリアブルフォント

          このnoteで紹介するのは "Scroll-driven Animations" と呼ばれる新機能です。2023年7月リリースのGoogle Chrome 115に搭載されました。JavaScroptを用いずに，CSS数行でスクロール駆動アニメーションを実装できるようになります。 CSS初心者でもかなり簡単に実装できた バリアブルフォントとの相性が良かった ので，簡単なWebページを作ってみました。その解説？が主な内容となります。 Scroll-driven Anim

          みさき
        • 固定された記事

        なぜ「ヒラギノ角ゴ」は美しいか

        みさき

          手持ちの明朝体40個を鑑賞するだけのnote

          表題の通りです！ 明朝体さがしに役立つかもしれません。 取り上げたフォントは，無償 / OS標準搭載 / Adobe Fonts収録 のいずれかで，長文向きの明朝体です。 通信量に余裕があれば，画像をクリックして矢印キー / スワイプで見るとキレイだと思います（合計で約9MB） あるいは，ブラウザ既定のPDFリーダーでも！（2.2MB）： PDFダウンロード： （ご自由にお使いください） ここまでスクロールしていただき（？）ありがとうございます。 反応が良ければ，

          みさき

          手持ちの明朝体40個を鑑賞するだけのnote

          みさき

          「ランダムJP」を公開しました！

          「ランダムJP」というWebサイトをGithub Pagesから公開しました。 「ランダムに日本語を選び，その統計データを表示する」サイトです。 1. 使用データ研究用に公開されている日本語データベースを利用しています。このデータベースには膨大な量の日本語が収録されていて，且つそのそれぞれに数十個の属性が用意されています。今回はその中から形容詞と形状詞のみを抽出しました。属性は一般語彙ランクと書き言葉重要度ランクの2つのみ利用しています。 2. システム抽出データは，属性

          みさき

          「ランダムJP」を公開しました！

          みさき

          “元フォント”の図鑑を作ってみた！

          和文フリーフォントは沢山あります。ただ漢字入りのフォントをゼロから制作するのは困難を極めるでしょう。数千、あるいは数万種の文字をデザインする必要があるからです。 したがって、多くのフリーフォントの漢字部分は別のフォントを加工したものとなっています。元フォントの派生フォント、と言えるかもしれません。 この記事ではその「元フォント」を取り上げることにします。 フォントごとの書体見本PDFは各章にあります。また、終章で一括ダウンロード可能です。 掲載基準1. 商用利用できる無料フ

          みさき

          “元フォント”の図鑑を作ってみた！

          みさき

          めちゃすごいフォント、Noto Sans

          みなさんは上のような現象を見たことがあるだろうか。「打ちたい文字が打てない！」という残念な現象だ。使用しているフォントに存在しない文字が入力されると出現するこの□は，その形から「豆腐」と呼ばれている。 0. Noto SansとはNoto Sansとは，GoogleとAdobeが複数のフォントメーカー・デザイナーと共同開発したゴシック体（あるいはSans-serif）のフォントファミリーである。Noto Serifという姉妹の明朝体（Serif）とともにオープンソースフォン

          みさき

          めちゃすごいフォント、Noto Sans

          みさき