三条友美 @tomomisanjo 《少女の絵本》イラスト&少女の恐るべき告白 dlsite.com/maniax/work/=/… 仕事の御依頼はこちらに! tomomihaluna@gmail.com
この文書では、 レトロゲームを最新の PC やコンソールに移植するような場合に必要となる、 低解像度のドット絵をドット感を残しつつ高解像度ディスプレイに拡大表示する処理についてまとめます。 そして、拡大処理で見落としがちな問題とその解決方法、および改良と高速化について触れます。 この文書では、ごく基本的なバイリニアフィルタによる拡大処理のみを取り扱います。 高解像度化技術周辺や、CRT のスキャンラインや画素の再現は、この文書で取り扱う範囲外なので一切触れません。 また、 話を簡単にするため、拡大結果を sRGB 規格のディスプレイに表示するケースのみを考えます。 筆者はディスプレイの規格が専門分野ではないので、 色の定義などの理解が甘い箇所があるかもしれません。あらかじめご了承ください。 何か間違いがありましたら、ご指摘いただければ幸いです。 ドット絵の滲みを再現したい 当時のドット絵は
アマゾンジャパン合同会社 メディア事業本部 Amy Worth様 歳末あわただしいなか、ますますご清栄のこととお喜び申し上げます。 私たち「版元ドットコム」は381社の会員出版社が自身の出版物の書誌情報を発信し、流通させることに取り組んでいる団体です。 先般、貴社において書誌情報の取り扱いと表示について重大な変更がされ、懸念をお伝えしたくご連絡申し上げました。 具体的には、書籍の目次情報の表示停止についてです。 以下は、本年7月初旬に貴社が一部の取引先あてに告知された以下の内容です。 — 引用はじめ — 商品情報ページの「目次」掲載に関するお知らせ新規 2020年7月20日以降順次、Amazon.co.jpにおける、書籍(本・コミック・雑誌)の商品情報ページの目次ページの掲載を停止いたします。同日以降順次、Amazon.co.jp上での、書籍の商品情報ページ上における「目次を見る」のリンク
An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite
[速報]Windows Terminal 1.0正式リリース。7月からは毎月アップデートへ。Microsoft Build 2020 オンラインイベント「Microsoft Build 2020」を開催中のマイクロソフトは、Windows Terminal 1.0正式リリースを発表しました。 下記はWindows Terminalのプログラムマネージャ Kayla Cinnamon氏のツイートです。 Windows Terminal 1.0 has been released!! A huge thank you to everyone who has helped contribute! https://t.co/VpnwIDHCxM — Kayla Cinnamon ☕ @ #MSBuild (@cinnamon_msft) May 19, 2020 Windows Terminalは
2020年に発表した欧文のコーポレートフォント「LINE Seed Sans」をベースに、日本語書体を全て1からデザインした。日本語の他にも、韓国語とタイ語のフォントも開発し、同時にリリースしている。 コーポレートフォント開発の経緯について同社は「LINEはテキストコミュニケーションを中心に成長したサービスであるからこそ、コーポレートフォントを開発することは大きな意義がある」と説明。今後、同社の事業やイベントにもLINE Seed JPを使用する予定であり、同社のブランドメッセージを発信するという。 関連記事 LINE、スタンプ購入が犬の保護につながる特別企画 愛犬スタンプ作成による参加も LINEは、11月1日の「犬の日」に合わせ、LINEスタンプの購入や制作が犬の保護や支援につながる特別企画を開催する。対象スタンプや絵文字の売り上げから11%を「アニマル・ドネーション」に寄付する。 L
GUIにおけるアイコンとは、プロダクトを触れるユーザーに対して、機能や動作を抽象化してシンプルかつ直感的に伝達させる、文字情報に頼らない記号です。 基本的に、記号が内包する意味には受け手によって解釈の余地があるような状態であってはなりません。しかし、ユーザーに対して、シンプルに正しい意味を伝えることが出来るという前提さえ踏まえれば、それを成すスタイリングは作り手やプロダクトによって様々な表現が可能な余地が残されています。 つまり、アイコンは、記号としての機能性に加えて、装飾としての役割も抱く、プロダクトGUIにおけるスタイリング定義の標本となり得るということです。 前段 「Ameba」について 「Amebaらしい」アイコンとは何か 塗りと線のルール 「Amebaらしい」形状 「Ameba Sans」の形状分析と曲率定義 線の太さのルール 命名規則を決める Library化 リプレイス まと
Web アプリケーションエンジニアのためのウェブアクセシビリティの基礎 2023.02.18 ウェブアプリケーションエンジニアを対象に、アクセシビリティの対応について解説した記事。アクセシビリティを向上させるためには、正しいHTMLの書き方が必要である。HTML要素には、アクセシビリティに関する機能が元々備わっているため、適切なHTMLを選択し使用することが大切だ。複雑なUIの場合はWAI-ARIAを使用し、ARIA Authoring Practices Guideに基づき適切に実装する必要がある。UIライブラリ選びの際には、WAI-ARIAに従った実装を行っているかが基準の1つとなる。 この記事は、ウェブアプリケーションエンジニアとして仕事をされているほうを対象に書かれています。日々のウェブフロントエンドの開発の中で意識しておきたい基礎的な内容をメインに記載しています。 そのため、ここ
ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」(紹介記事)も漢字対応です。 「マルミーニャ」はかわいさの中にまじめさがある丸ゴシック体のピクセルフォントで、幅広い用途でピクセルの表現を堪能できます。 マルミーニャ マルミーニャ -BOOTH マルミーニャのダウンロード マルミーニャの特徴 x0y0pxFreeFontの他のフォント マルミーニャのダウンロード さっそくフォントのダウンロード方法を紹介します。 まずは、本サイト。「マルミーニャ」リリースのタイミングでサイトがGitHubに移転されました。フォントのダウンロードは、フォント下の「Download」をクリックするだけです。
20世紀末に発表された評伝によって近代デザイン史、タイポグラフィ史における重要人物のひとり、エリック・ギルの「不都合な真実」が明らかになった。以来、ギルの業績やその書体の運用をめぐって、さまざまな議論が交わされている。作者とその制作物は切り離して考えられるのか、否か。国際的に活躍する書体デザイナーが考える。 バナー画像:エリック・ギル、1908-9年頃(出典:Fiona MacCarthy, Eric Gill: Lover’s Quest for Art and God, 1989) 日本およびタイポグラフィの世界でエリック・ギル(図1)といえばエドワード・ジョンストンの弟子、そしてGill SansやJoanna、Perpetuaなど名作とされる書体の作者として有名だ。特に人気のGill Sans(図2)は、ジャンルとしてはヒューマニストサンセリフまたはジオメトリック(幾何学的)サンセ
ライブラリのアプリ化 現代のニュースをくずし字で読んでみませんか?内容がわかるテキストをくずし字で読んでみると、くずし字に対する印象が変わるかもしれません。 edomi ニュース その他の事例については、活用事例を参照してください。 構成 古活字とくずし字 そあん(soan)で用いる「古活字」とは、今から400年ほど前に使われた印刷技術に由来する言葉です。一方「くずし字」とは、くずして書かれた文字を指す言葉です。くずし字は、印刷では古活字版だけでなく整版印刷にも使われましたし、写本などの手書きの文字(草書体)も、その多くはくずし字です。一方、古活字の中には、文字を崩していないものもあります。このように、古活字は印刷技術を指す言葉、くずし字は文字の形を指す言葉、という違いがあります。 そあん(soan)は、テキストをくずし字画像に変換する方法として、古活字画像を組み合わせる方法を用いるサービ
企業や商品の名前は、広く認知してもらうためにも非常に重要なもの。しかしながら、その正式名称、意外と間違って覚えられているパターンが多いんです。 そこで今回は、誤認されがちな企業・商品名をまとめてみました。思わず「え?そうだったの?」とびっくりすることもあるかもしれません。ちなみに弊媒体は「おくたま」ではなく「おたくま経済新聞」です! ■ 特に誤認されがち「大文字小文字」「清音濁音」系 こうした話題の時に、まず真っ先に名前が上がる企業と言えば「キヤノン」「シヤチハタ」「キユーピー」といった、大文字小文字の誤認系。 これは全体の文字バランスを考慮し、本来小文字である表記を大文字にしたという理由が主である模様。なお発音する際は、「キャノン」「キューピー」「シャチハタ」と小文字で読むのが正です。ちなみにタレントの「中川翔子」さんの本名は「しょうこ」ではなく「しようこ」が正しい表記となります。 続け
CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE11のサポート終了から2年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ(最新版に自動アップデートするブラウザ)と呼ばれています。 現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です! リセットCSSとは リセットCSSの使い方・書く順番 どのリセットCSSが適しているかの選び方・カスタマイズ方法 A (more) Modern CSS Reset -モダンブラウザに最適化された新しいリ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめて紹介しています。 この記事では、2023年にリリースされた、商用利用できる完全無料の英語・日本語フリーフォントを集めました。 2023年は、特に数多くの日本語フリーフォントが公開されました。 おしゃれな英語フォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど。 幅広いカテゴリよりフリーフォント素材120個を厳選しているので、自分の「推しフォント」を見つけてみませんか。 「日本語フォントをまとめてダウンロードしたい」 「できるだけ安く、仕事でも安心して、フォントを使いたい」 そんなときは、20,000以上の英語フォント、日本語フォントも500以上を使い放題の、Adobe Fonts(アドビフォント)がオススメです。 その理由はずばり、Adobe CCユーザーなら、すべて無料で、
ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type
macOS Catalinaが日本時間の10月8日午前2時ぐらいにリリースされまして,早速アップグレードしました. www.itmedia.co.jp アップデートは順調に終了.設定も終わり,いざChromeを開いてみると・・・ あれ? フォントがおかしい. ヒラギノの匂いがしないフォントになっている気がしたのでFont Bookを見てみると・・・ Font Bookで「ヒラギノ」と検索すると ヒラギノ角ゴPro/ProNが消えているではありませんか Catalinaではヒラギノ角ゴシックにすべて統合された形になったんですね.だからChromeを開くとフォントが変わっていたのですね. ヒラギノ角ゴシックとヒラギノ角ゴPro/ProNの違い 「ヒラギノ角ゴPro/ProN」は,かなり昔からmacOSに搭載されていました.もちろん,今までのmacOSの日本語フォントの主流はこちらでした.しかし
こんにちは!ニョグです。 SNS上で主に作字作品の投稿をしております(Twitter→@nyogu_design、instagram→ nyogu_design) ここでいう作字は、自分でオリジナルの文字デザインを作ることとします。 自分なりに文字デザインを作るってめちゃ楽しい。 作字を始めたきっかけは、会社でのデザイン業務が上手くいかず、何か表現の幅を広げるような練習をしようと思ったことからです。 今回は、僕個人の体験談として読んでいただけますと幸いです。 引き出し不足法学部出身、ちょっとお絵描き好きなぐらいで、大学4年から独学でデザイナーを目指し始めました。80社以上デザイン系の会社に落ちても、諦めきれずに勉強期間を延長して、なんとかインハウスのグラフィックデザイナーになれました(これについてはいつか詳しく…)。 入社したはいいものの、表現力が圧倒的に足りないことを実感しました。デザイ
パソコンで簡単にテロップを入れられるようになったからか、最近のテレビは画面が文字だらけですよね。情報が分かりやすいのはいいんですけど、いわゆるフォントばっかりでどれも同じに見えてしまいます。 それに比べ昔のテレビのテロップは、一枚一枚、手で描かれていたため、番組や局ごとに特徴がありまくりましたし、画面から妙なパワーがにじみ出ていました。 あの味わい深い手描きテロップをインターネット時代にも! ……ということで手描きテロップに挑戦してみました。 1975年群馬生まれ。ライター&イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。(動画インタビュー) 前の記事:昔のハイテク・ビデオタイトラー
新たな中央官庁、「デジタル庁」が9月1日に発足した。「誰一人取り残さない、人に優しいデジタル化」の実現を目指すとして、まずは行政のデジタル化に取り組むとしている。ITに特化した官庁であることから、同日に公開した公式Webサイトの作りなどが、ITエンジニアなどの注目を集めている。 デジタル庁の公式サイトはPC向けには3カラム構成となっており、左カラムに「ホーム」「活動・施策を知る」といった大きな記事ジャンルを置き、中央カラムに新着記事を並べている。右カラムには「組織情報」「採用」など、記事以外のコンテンツへのリンクを置いている。背景は白でシンプルな印象のデザインだ。レスポンシブデザインに対応しており、ブラウザ画面を縦長にすればアニメーション付きで1カラム構成に切り替わる。 シンプルなデザインは評価が分かれる ロゴの調整は「とても丁寧」の声も シンプルなページデザインについては好意的に捉える声
はじめに プロジェクト作成 プロジェクト構成 コンポーネント レイアウト ページ ビルド Blog テンプレート Portfolio テンプレート Documentation テンプレート まとめ はじめに 先日1.0リリースとなった、静的サイトジェネレータのAstroの紹介です。 JSで作成したページをビルドして、JSを含まない早いサイトを生成し、必要な場合には React や Vue といった好きなフレームワークを簡単に組み込むことができるのが特徴になります。 プロジェクト作成 Node は、v14.18.0 以上、または v16.12.0 以上が必要です。 npm や yarn、pnpm で create astro でプロジェクトを作成します。 # npm $ npm create astro@latest # yarn $ yarn create astro # pnpm $ p
「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか? スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます! デザインに苦手意識がある
2022年2月21日、カプコンがストリートファイターシリーズの最新作となる「ストリートファイター6」の制作決定を発表しました。このストリートファイター6のロゴが約1万円でAdobeが販売しているロゴにそっくりだっと話題になっています。 Street Fighter 6's New Logo Looks Like A Piece Of $80 Clipart https://kotaku.com/street-fighter-6-vi-capcom-graphic-design-logo-sf6-sf5-1848573656 ストリートファイターの公式Twitterアカウントは、ストリートファイターVの最後のダウンロードコンテンツ(DLC)キャラクターであるルークとリュウが対峙するムービーを公開し、ストリートファイター6の制作決定を発表しています。 『ストリートファイター6』制作決定#Str
漢字はいつ、どのようにして生まれたのか 漢字はおおむね甲骨文→金文きんぶん→篆てん書→隷れい書→草書・行書・楷書と発展してきた。 甲骨文は殷いんの時代(紀元前17世紀頃~紀元前1046年)に使われていたもので、主に骨や甲羅に書かれていたもの。長らく失われていたが、清末に発見され、20世紀になってからようやく研究された。 甲骨文字は、最初に発見した王懿栄おういえいが薬として服用するための竜骨(大型哺乳類の化石化した骨)に文字が書かれているのに気がついたというエピソードがよく語られているが、これは事実ではないらしい。こうした出来すぎた物語はたいてい作り話である。 甲骨文の次の段階である金文は、青銅器に鋳込まれていたもの。中国の古代史研究と言えば、かつては漢代の『史記』など、後世に成立した文献を中心に行うものだったが、最近は発掘調査が進んだので、金文を用いた研究もさかんになっているときく。 篆書
Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを劇的に軽減できる機能があります。 パラメーターで使用する文字のみフォントファイルを読み込め、これによりフォントファイルのサイズを大幅に削減できます。 タイトルや見出しのみにGoogle Fontsを使いたい時にぴったりです。 Google Fonts -Optimizing your font requests Google Chromeのエンジニア マネージャーであるAddy Osmani氏によると、CSSファイルにパラメーターを付けるだけで簡単にできる、とのことです。 日本語フォントにも対応しています! Tip: Shave up to 90% off the size
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く