ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
西日本高速道路（NEXCO西日本）は3月15日、個人情報191人分を保存していた可能性があるUSBメモリを紛失したと発表した。データは暗号化していたものの、メモリ本体にパスワードを貼り付けていたという。 保存していた可能性のある情報は、191人分の氏名、住所など。いずれも、道路を損傷させた人に復旧費用の負担を求める「原因者負担金」に関する情報という。 紛失は2月13日に判明。社員が気づき、捜索したが見つからなかったという。個人情報保護委員会への報告は3月11日に済ませた。情報を保存していた可能性がある人には個別に連絡するという。 関連記事 元日限定「JR西日本乗り放題きっぷ」発売 新幹線も利用可能 2017年の元日限定で、JR西日本と智頭急行の全線が乗り放題になる「元日・JR西日本乗り放題きっぷ2017」が登場。 USBメモリ、メモ、ノートPC……紛失事案が目立った10月セキュリティまとめ
UDデジタル教科書体のバリエーション
Windows10 以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。 だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。 UD デジタル 教科書体 N-B UD デジタル 教科書体 NK-B UD デジタル 教科書体 NK-R UD デジタル 教科書体 NP-B UD デジタル 教科書体 NP-R UD デジタル 教科書体 N-R フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。書体名和文欧文ウエイトUD デジタル 教科書体 N-R等幅等幅標準UD デジ
実写版『ゴールデンカムイ』の新予告が公開されるもまた「服が新品すぎる」との声が挙がる→衣装の汚しはしないのかできないのか？
『ゴールデンカムイ』公式 @kamuy_movie ⠀ ⠀最┃新┃予┃告┃映┃像┃到┃着┃ ⠀━┛━┛━┛━┛━┛━┛━┛━┛ ◣ ついに主題歌情報も解禁ッ!!!!!!!!! ◢ ▌▌⠀#ACIDMAN「輝けるもの」⠀▌▌ 本作のために書き下ろされたオリジナル楽曲!! 🎬2024年1月19日(金) 映画『#ゴールデンカムイ』 ─── 命を懸けた争奪戦が始まる。 pic.twitter.com/uNLEleJFS2 ヒラギノ游ゴ/ヒラノ遊 @VolumeToneTone 文筆業。書評／音楽批評／コンプライアンス監修など。音楽・ジェンダー論・お笑い・映画・コミックなどポップカルチャー全般について執筆。おそらく1年くらいかけて段階的に名義を「ヒラノ遊」へ移行予定です。連絡先：apple.gorilla.trumpet.pants@gmail.com p-dress.jp/keyword/key
無料ダウンロードOK、おすすめのフリーフォント総まとめ
Tweet Pocket このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に181個まとめてみました。 気になるフォントがあればぜひ使ってみてくださいね。 現役WEBデザイナーおすすめの見やすいフォントTOP5それではさっそく、現役WEBデザイナ
ヒラギノ游ゴ/ヒラノ遊 @VolumeToneTone こういうの「コスプレ」って揶揄されがちだけど、逆にコスプレの人たちの方が進歩早い予感がするんですよね。コスプレのトップランナーの間で衣装に汚しや使用感を加えるのが一般教養化するほうが早いんじゃないかって。
スライドに適した「ニュートラルでデフォルト感のない」フォントを考える - いなにわうどん
先日，深夜に友人と話している際に「スライドのフォントに結局 Noto Sans（≒ 源ノ角ゴシック）を選んでしまう」という話題が出ました*1．Noto Sans がオープンソースであり，Google スライド等のアプリケーションで最初から使用できるという理由も勿論あるのですが，個人的にはそれだけが理由でないように感じます． ときに，プレゼンテーション用のスライドにはどのような書体が適しているのでしょうか？ 遠くから見えるように，視認性が高いフォントを使いましょう！ ――という教科書的な回答はさておき，これは結構難しい問題に思えます．というのも（特に，洒落た発表ではなく研究発表のようにお堅い）スライドは，視認性のほかに，ある主の無味乾燥さが求められるように感じるからです．個人的には，「視認性」「ニュートラルさ」「デフォルト感がない」の 3 つを兼ね備えた書体が適切であると感じています．このあ
開発の流れとして、デザイン決定後にデザイン（Figma）が開発部隊に渡ってくることは多いと思います。 開発着手前にデザインについて確認しておいた方が良いことの備忘です。 サンプル画像はWebで作っていますが、内容としてはWebに限らず、iOS/Android Nativeなアプリも対象としています。 また、記載順をどうしようか迷ったのですが、特に体系だった説明もできないので思いついた順で書いています。 アイコン/画像について 画像の形式を確認しましょう 画像の形式はベクター画像（SVG）なのか、ラスター画像（PNGなど）か確認します。 アイコン系は基本的にベクターだと思いますので、SVGでExportできない場合はデザイン提供元に確認しましょう。 ラスター画像は要件上こだわりがなければ、開発側でWebP/JPEG/PNGなどの特性や稼働環境を鑑みて決定するで問題ないと思います。 スマホでは
Designship 2024ではタイミーのデザインチームがブース出展します！この記事のデザインデータも見れるようになっているので、ご興味のある方はぜひお越しください！ こんにちは、タイミーのプロダクトデザイナーの横田です。 私たちは900万人以上のワーカー様が利用するスキマバイトプラットフォームを運営していますが、プロダクトデザイナーはかなりの少数精鋭です。 今回は、タイミーのプロダクトデザインにおける仕組み化についてご紹介します。 DesignDataOpsに取り組むデザインをめぐるオペレーションの整備については、近年はDesignOpsという活動の一部として捉えられています。しかし、DesignOpsの意義は拡大し、組織運営などのソフトな側面も含むようになっています。 この記事では、デザインデータのガバナンスや完全性を確保する取り組みにフォーカスし、DesignDataOpsと呼ぶこ
顧客の目にとまる！ デザイナー直伝「ワンランク上の綺麗な資料」作成のコツ ｜ブログ｜東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）
こんにちは、クオートワークスです。 普段、さまざまなシーンで資料を作成する際、デザイン面で以下のように悩むことは多いのではないでしょうか。 「資料が野暮ったい」 「伝わりやすい資料を作りたい」 「資料デザインを洗練させたい」 「上司や顧客を驚かせたい」 デザインは単なる装飾ではなく、情報の伝達に重要な役割を果たします。適切なレイアウトや色彩、フォントを選ぶことは、読み手にとって理解しやすく魅力的な資料を作成する上で欠かせません。 しかし、デザインスキルに自信がない場合や、時間が限られている場合、この課題に取り組むことは容易ではありません。 そこでこの記事では、スライド資料を作成する際のデザインの基礎的なコツのほか、デザインが苦手でもデザイナーの技を簡単に再現でき、ワンランク上の資料を効率的に作成するためのヒントをご紹介します。 作例をたっぷり掲載しているので、ぜひ実践にお役立てください。
第５８回吉川英治文化賞を受賞した書体設計士・鳥海修さん（６９）の著書「明朝体の教室」（Ｂｏｏｋ＆Ｄｅｓｉｇｎ、３５２０円）には、日本で１５０年の歴史を持つ明朝体の創作手順が記されている。ごく当たり前に日常生活に溶け込んでいる文字を「作ること」を生業（なりわい）としている鳥海さんは「皆をのみ込み、包容力のある“普通の”書体を作りたい」と話す。（瀬戸 花音） 「えー！ 活字って人が作ってるんだ」。鳥海さんに読者から届いた実際の反応である。聞き慣れない鳥海さんの「書体設計士」という肩書は、印刷物で使用する文字のフォントを制作する仕事をしている人のこと。「この本は文字を使うみんなに読んでほしい。うちのおやじは、私がどういう仕事をしているのか、いくら説明しても分からないまま死んじゃったんですよ。だから、おやじにも読んでほしいなあ」と笑った。 本書では、明朝体の制作手順を丁寧に細かく説明。漢字、ひらが
Chrome の挙動を見てみる 百聞は一見に如かずと言いますので、実際の挙動を見てみます。以下の図では、text-align: justify を指定したテキストボックスに対し、上段には space-first を、下段には従来の挙動である space-all を設定しています。上段は下段に比べて、自然な組版が実現されていることが見て取れます。 文章は 京葉線 - Wikipedia を改変して使用。CC BY-SA 画像からは、以下の挙動が確認できます。 行頭の括弧（橙色） 1 行目のみアキが残り、2 行目以降は行頭のアキが詰まる（space-first であるため） 連続する約物（ピンク色、青色、緑色） 読点→句点、閉じ括弧→閉じ括弧ではアキなし、中黒→括弧、閉じ括弧→開き括弧では二分（1/2）–全角程度のアキに調整される 行末の閉じ括弧（青色） 必要に応じて行末のアキが詰まる 行末の
DTPディレクター紺野慎一氏に聞く！こぶりなゴシック誕生秘話【後編】｜こぶりなゴシックの命題と今後の書体を考える｜ヒラギノフォント公式note
DTPディレクター紺野慎一氏に聞く！こぶりなゴシック誕生秘話【後編】｜こぶりなゴシックの命題と今後の書体を考える こぶりなゴシックW0のリリースを記念して、DTPディレクターである紺野慎一氏をお迎えし、こぶりなゴシックの苛烈な開発と課せられたミッション、そして書体作りの未来に至るまで熱く語っていただきました。DTP草創期の空気感を感じる前編に引き続き、後編ではこぶりなゴシックがどのようにして作られたか、そして今後の書体制作にいたるまで語っていただきます。 インタビュアーは前編に引き続きヒラギノフォント公式note編集部の正木です。 紺野慎一 1970年東京生まれ。都立工芸高等学校デザイン科を卒業後、デザイン事務所・制作プロダクションを経て1993年に凸版印刷株式会社（現TOPPAN株式会社 以下、凸版印刷）入社。数多くの書籍、雑誌の組版設計をディレクターとして行い、特にフォントディレクショ
Apple、macOS 15 Sequoiaに同梱されているフォントリストを公開。ヒラギノ角ゴ 繁体中文(TC)などがダウンロード可能に。
AppleがmacOS 15 Sequoiaに同梱されているフォントリストを公開しています。詳細は以下から。 Appleは現地時間2024年09月16日、iPhoneの画面をMacに映し出し操作できるiPhoneミラーリング機能やアプリケーションウィンドウをタイル状に並べられるウィンドウマネージャー機能、パスワードアプリを搭載した「macOS 15 Sequoia」をリリースしましたが、AppleはこのmacOS Sequoiaに同梱しているシステムフォントのリストを公開しています。 macOS Sequoia comes with these built-in and downloadable typefaces. Fonts included with macOS Sequoia – Apple Appleが公開したリストによると、macOS 15 Sequoiaのインストール済みまた
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その経験
DTPディレクター紺野慎一氏に聞く！こぶりなゴシック誕生秘話【前編】｜DTP草創期の時代とフォント｜ヒラギノフォント公式note
2024年2月14日にこぶりなゴシックファミリーの新しいウエイト「こぶりなゴシックW0」がリリースされました。 「こぶりなゴシック」は2006年に販売を開始したフォントで、エディトリアルデザインを中心に高い評価を獲得。今なお根強い人気を誇っています。2006年にW1/W3/W6を発売、2021年に最も太いW9を追加。そしてこのたび、最も細いウエイトの「こぶりなゴシック W0」が新たにラインアップに加わりました。 今日において雑誌や広告、Webサイトなど様々なメディアで使われていますが、もともとはある女性向け雑誌のために開発された書体だったということはご存知でしょうか。 フォントの数が少なくプロが使うものではないと揶揄されていたDTPの草創期、デザイナーの期待に応えるために、苛烈なフォント開発プロジェクトが始まりました。 そのフォント「こぶりなゴシック」の開発に深く関わられたDTPディレクタ
おしゃれな日本語フォントもいいのですがまずは基本のフォントを！
商用可の無料フォントが欲しい youtubeを作成投稿していますがフォントはいつも仕事で見慣れている「メイリオ」を主に使用しています。この、ブログのフォントは「ヒラギノ角ゴ、メイリオ」を選択しています。ブログでフォントは見やすいので気にしていませんが、「youtubeではもう少し大きく太くしたいな」と思ってもメイリオではそこまでおおきくならないので、商用可の無料フォントを探そうと思います。こちらから商用可の無料フォントが入手出来ます。 早速選択します。事前に欲しいフォントは学んでおいたので探します。欲しいフォントは「源暎ゴシックのH-KL」と「源暎Nuゴシック」と「源暎エゴム」ですyoutubeでこのフォントがいいよと見たのですがどこで入手するのかわからないので検索しました。 脱線しますが、商用可の無料フォントを探して見つけたこちらはとても優秀で（ダウンロードしてわかりましたが紹介サイトで
try! Swift 2024 「Accessibility APIを使ってアプリケーションを拡張する」 - 24/7 twenty-four seven
先日のtry! Swift 2024にて「Accessibility APIを使ってアプリケーションを拡張する」という発表をしました。 tryswift.jp スライド: speakerdeck.com 台本とアニメーション付きのスライド: github.com サンプルコード: github.com Accessibility APIとはUIテストや自動化システムなどで使われている、別のプロセスからアプリケーションの情報を読み取ったりボタンを押したりなど操作することができるAPIです。 スクリーンリーダーやボイスオーバーなどで自身のアプリケーションを操作可能にすることもAccessibility APIの役割ですが、今回は自身をアクセシブルにすることではなく他のアプリケーションを操作することで機能を付け足したりできる、ということを題材にお話ししました。 VS Codeや一部のIDEではA
地方にはライブハウスや劇場などの娯楽施設が少ないため、都会とは文化的な格差が生じやすい、という現状があります。書店も例外ではなく、近年新刊書店は地方からどんどん姿を消しているのです。 このような格差を補完するのがブックオフだった、と考える地方出身者も少なくありません。 今回はブックオフへの想いを同じくする地方出身の3名を迎えて、ブックオフについてトークセッションを実施しました！ 【今回お話を伺った皆さん】 三宅香帆 高知県出身、京都府在住の書評家。 代表作は『文芸オタクの私が教えるバズる文章教室』（サンクチュアリ出版）『人生を狂わす名著50』（ライツ社）など。 藤谷千明 山口県出身、東京都在住のライター。 代表作は『オタク女子が、４人で暮らしてみたら。』（幻冬舎）など。 ジョナゴールド 青森県弘前市出身・在住の歌手。 2015年にアイドルグループ「りんご娘」のメンバーとしてデビュー。 20
はじめに どうもしょーやです。 Twitter(X)やってるのでよかったらフォローしてください 今回は最近話題になっていたHTMXを使って簡単なチャットアプリを作っていこうと思います！ チャットを作る上でwebsocketを用いたリアルタイムな通信が必要なわけですが、あまり日本語でHTMXのwebsocketを実装している記事が見つからなく💦 公式ドキュメントと睨めっこしながら手探りで作ったのでご指摘や改善案など大歓迎です！ HTMXとは 以下公式ドキュメントの内容をdeeplで和訳したものです。 htmxは、属性を使用して、AJAX、CSSトランジション、WebSocket、およびサーバー送信イベントにHTMLで直接アクセスできるため、ハイパーテキストのシンプルさとパワーで最新のユーザーインターフェイスを構築できます。 HTMXは既存のHTMLの記法を拡張したもので、JSを書かずともA
Thorium Reader、バージョン2.4で縦書きEPUBの表示に正式対応 電子出版のエコシステムに取り組んでいるEDRLabは、EPUBリーダーであるThorium Readerのバージョン2.4.0を3月20日に、バージョン2.4.1を22日にリリースした（2.4.0にバグがあったためすぐに2.4.1がリリースされている）。 バージョン2.4では内部的ないくつかの改善のほか、電子書籍（EPUB）の縦書き表示、右から左へのページ送りが正式サポートされ、ルビの表示/非表示オプション（読み上げ時にはルビ自体は読み飛ばす（本文のみを読む）ようになった）やEPUB3 Media Overlaysがサポートされた。更新情報の詳細は2.4.0のリリースノートを参照のこと。 EPUBのサンプル『草枕』を縦書き表示したもの また、OSに入っている日本語フォントで表示できるようになった。設定の
1 鳥肌の立った「愛」（ヒラギノ明朝体・W6）。 | 書体をつくるひと。書体デザイナー・鳥海修さんの仕事 | 鳥海修 | ほぼ日刊イトイ新聞
なにかを突き詰めてきた方のお話って、 やっぱり面白いんです。 本、雑誌、ポスター、ウェブサイト、各種表示など、 我々が日常的に目にするさまざまな文字を 長年にわたりデザインされてきた、 書体設計士の鳥海修（とりのうみ・おさむ）さんに、 文字をつくる仕事について教えていただきました。 スティーブ・ジョブズが 「Cool!」と言ったというヒラギノ明朝体、 iPhoneの表示に使われているヒラギノゴシック体、 鳥海さんが所属する「字游工房」の フラッグシップ書体である游明朝体や游ゴシック体など、 新しい書体はどのように生まれるのだろう？ 一書体につき約14500文字ある漢字は、どうつくる？ 明朝体の魅力や、つくり終えたときの気持ちは？ 貴重な制作過程の映像も、登場しますよ。 ＞鳥海修さんプロフィール 1955年山形県生まれ。 多摩美術大学を卒業後、 1979年に写研に入社し、 書体デザイナーの道
昭和オヤジには見慣れた「高速の標識文字」が様変わり！ 40年以上使われた手作りの「和文公団文字」が終わりを迎えていた (1/2ページ) この記事をまとめると■高速道路の案内標識に使用されるフォントは一般的なモノとは異なる ■標識が緑色なのは暗い場所での視認性がよかったことに由来する ■かつての文字は手作業で作っていたが最近では「ヒラギノW5角ゴシック体」が使われる 標識にまつわる裏話 ふだん何気なく見ているものも、何かのきっかけでちゃんと注意して見てみるといろんな発見や新たな疑問が湧いたりします。 ドライバーの環境では、たとえば信号機などはいい例でしょう。設置の現場を見たことがある人は実際のサイズが想像の1.5倍くらい大きい（横幅で125cm・LEDタイプは105cm）ことは知っているかもしれませんが、信号機の色の並びがどのような規則になっているのかを自信をもっていえる人は意外と少ないでし
プログラミング用フォントについて調べたので、そのメモ だいぶ書き換えた macOS SF Mono Terminal.app、Xcodeのデフォルトフォント アプリケーションに内蔵されているので、他のアプリケーション（iTerm2とか）のフォント一覧には表示されない。 0（ゼロ）には斜線が入ってO（オー）と区別し易いデザイン 一方で、l（エル）と1（いち）は、他のプログラミングフォントほど極端な差をつけていない グリフに漢字などは含まず、含まれていないグリフはシステムフォントが利用される（日本語が優先される環境であればヒラギノ書体） グリフ数は1628（イタリック系は1324） プログラミング系記号の合字（リガチャ）対応や、Powerline対応フォントは含まれていない Windows Cascadia Code Windows Terminal用にリリースされたフォント SIL OPEN
読めるけど……何か違わない？ 誤字!? 独自に「漢字の省略」までしてた高速標識の不思議な文字「公団ゴシック」が消えつつある理由
読めるけど……何か違わない？ 誤字!? 独自に「漢字の省略」までしてた高速標識の不思議な文字「公団ゴシック」が消えつつある理由 (1/2ページ) この記事をまとめると■高速道路の案内標識に用いられるフォントは2010年7月から新フォントに置き換えられている ■かつては「公団ゴシック」という道路公団が独自で手作りしたフォントが使用されていた ■ヒラギノへの置き換えが進んでいるためいつまで公団ゴシックを見ることができるかはわからない 10年ほど前までは高速道路には不思議な文字の案内表示板があった 2010年以降にクルマの運転を開始された方は、とくに何も感じていないのかもしれない。だが現在、30代後半以上のドライバーであれば、ここ10年ほど、高速道路のICを通過する際などに「……ん？」というかすかな違和感を覚えた経験があるのではだろうか。 違和感の正体は、高速道路の案内標識に用いられている「フォ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサイト制作では、游ゴシックはおすすめしない理由
NEXCO西日本がUSBメモリ紛失 データは暗号化済……ただしパスワードは本体に貼り付け
フリーレンで「ハンバーグ」が出てきても問題ないが服装は「現実的」にすべきか
エンジニアがデザインについて確認した方が良いこと - Qiita
タイミーでは先鋭的なDesignDataOpsを構築した｜Yasuhiro Yokota
１００以上のフォントを開発してきた書体設計士・鳥海修さん ７０歳を前に追い求める「普通の書体」 - スポーツ報知
Chrome で text-spacing-trim プロパティがサポートされたぞ！！
【2024年6月版】管理画面のUIデザインにおける25の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
書店ゼロ地域に【ふるさとブックオフ】を！ 地方出身・在住者にとってのブックオフ座談会
【HTMX入門】話題になったHTMXでチャットアプリ作ったよ
Thorium Reader、バージョン2.4で縦書きEPUBの表示に正式対応 | gihyo.jp
昭和オヤジには見慣れた「高速の標識文字」が様変わり！ 40年以上使われた手作りの「和文公団文字」が終わりを迎えていた
プログラミング用フォントを選ぶための覚え書き - Magnolia Tech