先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯
Note: I received a lot of great feedback from the discussions at Mastodon and Hacker News, so I've updated the post with some improvements to the font! I've also added some further examples and acknowledgements at the end. Syntax Highlighting in Hand-Coded Websites The problem I have been trying to identify practical reasons why hand-coding websites with HTML and CSS is so hard (by hand-coding, I
Announcing Official Puppeteer Support for Firefox – Mozilla Hacks - the Web developer blog
We’re pleased to announce that, as of version 23, the Puppeteer browser automation library now has first-class support for Firefox. This means that it’s now easy to write automation and perform end-to-end testing using Puppeteer, and run against both Chrome and Firefox. How to Use Puppeteer With Firefox To get started, simply set the product to “firefox” when starting Puppeteer: import puppeteer f
ありそうでなかった！Power Appsから直接SharePointのドキュメントライブラリにアップロードするコンポーネントを作成する - Qiita
Table( { FileType: "accdb", Extention: "accdb" }, { FileType: "accdb", Extention: "mdb" }, { FileType: "archive", Extention: "7z" }, { FileType: "archive", Extention: "ace" }, { FileType: "archive", Extention: "arc" }, { FileType: "archive", Extention: "arj" }, { FileType: "archive", Extention: "dmg" }, { FileType: "archive", Extention: "gz" }, { FileType: "archive", Extention: "iso" }, { FileType
9月5日、Vercelの公式ブログで「What’s new in React 19 – Vercel」と題した記事が公開された。この記事では、React 19における重要な新機能や改善点について、詳細かつ実践的な内容が取り上げられている。これまでのReactのバージョンで導入されてきた実験的機能が、React 19で正式に安定化され、多くの開発者にとってさらなるパフォーマンスの向上と開発体験の向上が期待されている。 ここでは、同記事からポイントを絞って内容をご紹介する。 サーバーコンポーネント (Server Components) サーバーコンポーネントは、Reactの10年の歴史の中でも最も大きな変化の1つであり、React 19の新機能の基盤となるものである。この機能により、以下の点が大幅に改善される。 初期ページロード時間の短縮 サーバーコンポーネントを使用すると、クライアントに送
もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け｜ヒラギノフォント公式note
フォントを購入するときや使うとき、フォントフォーマット（フォント形式）の違いについて悩んだことはありませんか？OpenTypeフォントとTrueTypeフォントでどちらを選ぶか、悩んだことがあるデザイナー・プログラマーの方もいらっしゃるかもしれません。 OpenTypeフォントとTrueTypeフォントはどちらにも誕生の経緯や役割があり、特定のニーズや用途によって適切なフォーマットが異なります。結論からいえば、OpenTypeフォントはタイポグラフィ・組版などのデザイン性が重視される領域、TrueTypeフォントは組込みなどの互換性や汎用性が求められる領域で採用されることが多いといえます。そしてOpenTypeフォントとTrueTypeフォントから選べる場合は、ご自身の目的や用途に合わせてフォーマットを選ぶことが重要となります。では、なぜフォントフォーマットの違いが生まれたのでしょうか。ま
みなさん、こんにちは！株式会社JMDCでプロダクト開発部に所属し、バックエンドの開発を担当している吉川（@yoshiyu0922）です。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 19日目の記事です。 認証を実現する場合にCognitoやFirebaseなどIDaaSを利用することが多いと思いますが、KeycloakやzitadelなどOSSも多数存在しています。今回は技術検証の一環で、Oryをさわってみたので所感を書いていこうと思います。 Oryとは？ Oryとは認証・認可を提供するOSSでモジュール形式で提供しており、4つのエコシステムで構成しています。（公式ドキュメントはこちらです） Ory Kratos：ID管理サーバー Ory Hydra：OAuth 2.0とOpenID Conne
「IPAフォントライセンスを巡って」について思うところ 1 - Ryusei’s Notes (a.k.a. M59のブログ)
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会 IPAフォントライセンス1は、Open Source Initiative (OSI) から、The Open Source Definition (OSD) 2に準拠しているという認定を受けているという触れ込みだった。3 だから、ライセンスを理由にMJ明朝体フォントを利用したサービスを差し止めるというのは不可解なことに思える。いったい、これはどういうことなんだろうか。この記事を読んで、次のような疑問が浮かんだ。 IPAmj明朝をWebフォントとして利用することは、IPAフォントライセンス上問題となるのか。 IPAmj明朝をWOFF化するサービスは、IPAフォントライセンス上問題となるのか。 サブセットフォントは包摂基準を変えるのか。 以下では、上記疑問のうち、1と2について考えてみたい。3については、別の記事にす
先日の「サマサン・ドノクン」に続いて、「ピグモ00」「マメロン」「廻想体」「金畫字」など、人気が高いフリーフォントをたくさんリリースされているもじワク研究さんから、さらに新作のフリーフォントがリリースされました！ 今回の「ポプらむ☆キウイ」はJIS第1水準漢字＋αが揃ったかわいい極太フリーフォントで、オープンソースで利用できます。 ポプらむ☆キウイ ではさっそく、フォントのダウンロード方法を。 下記ページにアクセスし、ページ下部「キウイ皮ごと囓る」の下「Download」をクリックすると、ダウンロードできます。登録など面倒なことは一切不要です。 ポプらむ☆キウイ ライセンスはSIL Open Font Licenseで、個人でも商用でも無料で利用できます。詳しくは、ダウンロードファイル「仕様説明.txt」をご覧ください。 ダウンロードできるフォントのフォーマットは、下記の通り。 .otf
The Ultimate Guide to Font Performance Optimization | DebugBear
Font performance optimization is a set of web development techniques that make fonts load faster and render more smoothly. They involve practices such as thoughtful font selection, the use of performant font formats, self-hosting, optimized @font-face declarations, font display strategies, and more. Optimizing the fonts displayed on your website comes with many web performance advantages, includin
WebKit have recently announced their intent to implement the blocking=render attribute for <script> and <style> elements, bringing them in line with support already available in Blink and generally positive sentiment in Firefox. The blocking=render attribute allows developers to explicitly mark a resource as render blocking, but… why on earth would you want to do that?! The short answer is: genera
Windows Terminalには、Cascadia Codeと呼ばれるOpenTypeフォントが付属する。このフォントは、Windows Terminalと同時に開発された、いわば「専用」フォントだ。オープンソース・プロジェクトのプロジェクト名としてはCascadia-Codeとなっている。しかし、この名称は、このフォントの1つのバリエーションであるプログラマ向け合字を持つフォント名でもあるため、ここでは、プロジェクトが提供するフォント全体を「Cascadiaフォント」と表記する。今回は、このCascadiaフォントを使って、Windows Terminalのフォント機能について解説する。ただし、フォント設定などには、OpenTypeの基本的な知識が必要になる。ここでは、まず、OpenTypeやその実装例としてのCascadiaフォントに関して解説を行い、次回、具体的な設定を解説するこ
フォントを様々な形式に変換する fontconv を作りました。 .ttf, .otf, .svg, .woff, .woff2 の相互変換とサブセット化に対応しています。.eot も出力だけは対応しています。 なぜ作ったかというと、フォントを Web 上で利用するための woff2 最適化に苦労したからです。 私の場合は以前 ttf2svg を自作したので、 ttf2svg -> svg2woff2 の2回で woff2 は最適化できるようにしていたのですが、 巷のアイコンは woff2 形式でしか配布されていないことがあることに気付きました。 これがなかなか強敵で、woff2 をロードして最適化した後、 woff2 へ再変換できるライブラリが見つかりませんでした。 具体例を上げれば Material Icons の最適化は大変で、びっくりしました。 さすがにこれはおかしいなと思い、様々
最近のウェブサイト制作で実際に使用しているWebツールや情報記事などを12個紹介します。地味だけど便利に使えるものばかりなので、ぜひ参考にしてみてください。 画像サイズ変更ツール クライアントからいただいた写真が大きすぎることがあるので、作業前に画像サイズ変更ツールを使って、利用しやすいサイズに変更しています。 複数画像をドラッグ&ドロップして、画像サイズの最大幅を指定するだけ。複数の画像を一括でサイズ変更してくれるのはかなり嬉しい。 JPG、PNG、GIFに対応しています。 画像サイズ変更ツール 文字数カウント クライアントに文章を用意していただくときに使用しています。 文章量は、画像や動画、レイアウトなど、文章の周辺にある要素とのバランスを見ながら決めています。その文字数をワイヤーフレームに記載するさいに、文字数カウントツールを使用しています。 「空白と改行をふくむ文字数」「空白と改行
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会
Font with Built-In Syntax Highlighting
React 19の新機能まとめ — サーバーコンポーネントは全フロントエンドエンジニア必見
ID認証のOSS、Oryをさわってみた - JMDC TECH BLOG
商用利用無料！ 極太フォントでかわいい、漢字も揃っているキウイ皮ごと囓るのフリーフォント「ポプらむ☆キウイ」
blocking=render: Why would you do that?! – CSS Wizardry
Windows Terminal ベスト設定 第16回「フォント指定」
フォントを様々な形式に変換する fontconv を作った
サイト制作で実際に使用している地味に便利なWebツールなど12個紹介してみる | BUILD Journal