更新日: 2020年8月14日 このページの目的 プログラマーは、クライアントから提供されたPDFファイルで、その要求を実現させようとしたとき、PDFのどんなところを見ているのでしょうか。このページでは、ちょっと珍しい視点でPDFファイルを解き明かしていきます。 自分でプログラムを書いてPDFファイルからテキストデータを取り出したいという人も、ぜひご一読ください。 はじめに PDFファイルをクリックすると、あたかも紙に印刷したかのように、どんなマシンでも同じような見た目で文章や画像がディスプレイに表示されます。 この単純な事実は、日常的にPDFファイルを利用していると当たり前に感じられるかもしれません。しかし、よくよく考えると驚くべきことです。 いったい、どのような仕組みがあれば、「過去から現在に至るさまざまな種類のコンピューターで見た目を変えずに同一の紙面を再現する」という目的を達成でき
読書アシスト
「読書アシスト」技術は、人間が文章を読む際の視点移動に着目し、無駄なく視点移動を行うように文章を表記することで、自然とスムーズな読書を可能にします。 独自の表示方式の例 文章の改行場所を文節の間に調節した文節間改行方式 隔行単位で背景色を付与するストライプ型背景色 文字のベースラインを文節単位で階段状に下げていく階段状ベースライン方式 冒頭文字を階段状に字下げする表示方式
「高輪ゲートウェイ」を路線図にどうやって入れたのか
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：シャウエッセン入門 ＞ 個人サイト 右脳TV 密集地帯に8文字を追加するという無茶 2018年12月に新駅が「高輪ゲートウェイ駅」だと決まり、JR東日本の東京近郊路線図を真っ先に確認した。 新駅ができるのは品川駅と田町駅のあいだ。JRや地下鉄が密集する地帯だ。あそこに「高輪ゲートウェイ」って入るスペースあったっけ……？ JR東日本 東京近郊路線図（路線ネットワーク）（2018年4月版）より。首都圏でJRに乗ると、車内によく貼ってあるやつ。 品川付近を拡大。品川と田町のあいだに「高輪ゲートウェイ」って入る……？ ここに「高輪ゲートウェイ（Takanawa Gateway）」をねじこむのである。絶対どこ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
CSS に 4 つの新しい国際化機能を導入 | Blog | Chrome for Developers
CSS Text モジュール レベル 4 の 4 つの国際化 CSS 機能が Chrome に導入されます。この投稿では、すでに発送済みのサービスと今後の予定について説明します。 Chrome 119 以降: 日本語のフレーズが word-break: auto-phrase で改行されるようになりました。 Chrome 120 以降のフラグの背後: text-autospace プロパティによるスクリプト間のスペース 開発中: text-spacing-trim プロパティによる中国語、日本語、韓国語（CJK）の句読点カーニング。 言語間で最小フォントサイズが統一されます。 日本語のフレーズ改行: word-break: auto-phrase 日本語のテキストが読みやすくなるこの機能は Chrome 119 から利用可能 中国語や日本語などの東アジア言語では、単語の区切りにスペースを使
Tailwind CSS実践入門 ～まず作ってから、あとで共通化する Tailwind CSS実践入門 第2章 Tailwind CSSの基本 ──開発環境へのインストール、設定ファイルの記述、エディタの設定 本章では、開発環境にTailwindをインストールする方法に加えて、設定ファイルの記述方法や、エディタの設定などについて説明します。執筆時点でのTailwindの最新バージョンである、3.2.4の使用を前提にします。 Tailwind CSSのインストール Tailwindは、さまざまな開発環境にインストールして使用できます。Tailwindに関連するアプローチとして、CSS in JSやCSS Modulesなどのツールもありますが、これらを使用できるのは一部のSPA（Single Page Application）などの環境だけに限られます。しかしTailwindであれ
はじめに 本稿は、拙著『タイポグラフィの領域※1』（以下、『領域』）について、その結論部を補足する試みである。 『領域』を執筆した動機は、タイポグラフィという言葉の定義化の必要を痛感したからである。まずこの国では、本来の意味と齟齬をきたす使われ方がなされていると見えたからであり、次に本質的な概念の抽出が、その語を口にする者にとっては必要だろうと考えたことにある。そのためには時代の技術変化に支配される環境下においても一定不変である概念を引き出す努力が不可欠であり、その定義化という作業では歴史を遡らざるを得ないことから、可能な限りの広い渉猟と慎重さが要求される。それに応えられたかはかなり心もとないが、幸運にも発表の機会を得て、ここに四半世紀を迎えようとしている。 『領域』の結論では、「タイポグラフィとは活字書体による言葉の再現・描写である」と示し※2、定義の一例として提案した。 タイポグラフィ
視覚調整が悩ましい｜荒井胤海
いま、PS4のゲームソフト『The Last of Us Part II』が話題になっている。衝撃的すぎるストーリーに前作のファンからは批判もあるようだけど、ここまで感情移入させられるゲームを他に知らない。デザインの面でも、パッケージやUIがどれもハイクオリティで、大ヒットゲームの続編たる王道感はさすがだと思う。 ジャケットは前作から引き続き登場する主人公のエリー。般若の面って怒りに満ちた女性の顔がモチーフなんだよな、と改めて思わされる表情が印象的なのだが、今回取り上げたいのはタイトルロゴ。 デザイナーを悩ませる「揃え」の問題タイトルロゴの書体は「Press Gothic」。かの有名な書体「Impact」に対抗して1967年に作られた「Metropol」という金属活字を、デジタルフォントとして復刻したものだ。これらのコンデンス書体、広告で使用することを想定してデザインされただけあって力強く
文字の上に文字を印刷、異色のデザインに驚き印刷所がストップ…鬼才・祖父江慎が“水野しず”初の論考集で見せた「こだわり」を語る（週刊現代） @gendai_biz
発売直後から大きな話題を呼んでいる水野しずさんの論考集『親切人間論』。多くの著名人のファンを持つ彼女の「言葉」はもちろんだが、本としてのデザインも一風変わったものになっている。 ブックデザインを手掛けたのは、祖父江慎さん。ブックデザイナーの祖父江慎さん。吉田戦車『伝染るんです。』、糸井重里『言いまつがい』など数々の常識破りなデザインを形にしてきた日本を代表する「鬼才」だ。水野さんと、祖父江さんのこだわりについて、より深く見ていこう。 前編：『親切人間論』誕生秘話…ブックデザイン界の鬼才・祖父江慎が明かす「水野しずに夢中になった理由」 ２種類のカギ括弧 「実はフォントも違うんですよ」 祖父江さんはそう言いながら、『親切人間論』のページをめくっていく。 「論文調の所は基本的に『秀英明朝』を、エッセイ調のところは『筑紫明朝のＢタイプ』を使っているんです。ぱっと見では同じ太さの明朝体なので区別しに
はじめに 中村 こんばんは。年末のお忙しいなか、お集まりくださりありがとうございます。今日と明後日、ともに似たようなかたちの講座となります。この秋に邦訳が発刊されたヨゼフ・ミューラー=ブロックマン『グリッドシステム —— グラフィックデザインのために※1』、それからエミール・ルーダー『タイポグラフィ —— タイポグラフィ的造形の手引き※2』、この二冊それぞれを「よみとく」という趣旨で、大林さんと私でお話ししてゆきます。 どちらもモダンタイポグラフィにおける名著、そして古典とされている書籍です。どちらも20世紀半ばにそのスタイルを確立し、活躍した人物のもの。それが数十年のタイムラグを経て、今回、日本語版が刊行されたという経緯があります。もちろん、そのあいだも原書が売れ続けています。それがなぜか？その理由を紐解いてゆくのがこの講座の趣旨となります。ともすれば巷にあふれるデザインのハウトゥー本と
永遠のオルタナティブ - 正木香子【タイポグラフィ・ブギー・バック】
モリサワのゴシック体〈中ゴシックBBB〉は、1960年代に写植文字盤として発売された。 現在は国内でデジタルフォントのトップシェアをほこるモリサワだが、もともとは写研と同様の写植メーカーである。 独自の組版システムにこだわって、DTPに参入しなかった写研とは対照的に、モリサワは自社書体のデジタル化を推進した。1989年、他に先駆けMacintosh用フォントとして公開された２書体のうちのひとつが〈中ゴシックBBB〉である。 デジタルフォントのなかでも特に歴史の長い、オーソドックスな書体。 でも高く評価されているとは思えない。DTPの発展に寄与した大きな功績のわりに、なぜか語られることの少ない、陰日向の存在なのである。 「リラックス」（マガジンハウス、2001年7月号）「小西康陽、フリー・ソウル 2001」 「リラックス」（マガジンハウス、2001年7月号）〈中ゴシックBBB〉 私自身は、こ
第2回ではさっそく、欧文組版をするにあたって重要となる基本ルールをお伝えします（欧文組版で用いるラテン文字や文字セットについては、「第1回 欧文の基本」で説明しています）。 1. 文字／単語のとらえ方の違い 日本語の和文組版に慣れている方が、欧文組版に取組むときに、念頭に置かなければならないことは、組版のしくみの違いです。 和文組版では、基本的に図1のような四角い仮想ボディを持つ文字を、前に送っていきながら配置していく考え方をしています。 文字単位で揃えていく組版ですので、行末を揃えやすく、多くの場合「箱組み*」が採用されます。和文組版は、「文字」単位で組版を考える仕組みを持っているといえます。 *箱組み 左右版面に均等に流し込み、最終行のみ左揃えになる組み方のこと。 ジャスティファイとも言う。 しかし欧文組版の場合は、和文のように1文字単位で考えることはありません。和文の1文字単位にあた
css-text-4-memo-ja.md CSS Text Level 4 を読む（抄訳） CSS Text Module Level 4 W3C Working Draft, 19 February 2024 This version: https://www.w3.org/TR/2024/WD-css-text-4-20240219/ Latest published version: https://www.w3.org/TR/css-text-4/ Editor's Draft: https://drafts.csswg.org/css-text-4/ この文書はCSS Text Level 4を読むための参考として部分的に訳した抄訳です。 この仕様書全体の日本語訳は https://triple-underscore.github.io/css-text-ja.html に公開
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プログラマーから見たPDFファイル - アンテナハウス PDF資料室
BudouX: 読みやすい改行のための軽量な分かち書き器
Tailwind CSS実践入門 第2章 Tailwind CSSの基本 ──開発環境へのインストール、設定ファイルの記述、エディタの設定 | gihyo.jp
河野三男「タイポグラフィの領域：補遺」 | ÉKRITS / エクリ
デザイン名著をよみとく #1 ヨゼフ・ミューラー=ブロックマン『グリッドシステム』 | デザインのよみかた
多⾔語の組版ルール【欧⽂編】第2回 欧文組版の考え方｜モリサワ note編集部
CSS Text Level 4 を読む（抄訳）