並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 88件

新着順 人気順

組版の検索結果1 - 40 件 / 88件

組版に関するエントリは88件あります。 デザイン文章font などが関連タグです。 人気エントリには 『なんとなく使っていませんか? 括弧の種類と使い分け|モリサワ note編集部』などがあります。
  • なんとなく使っていませんか? 括弧の種類と使い分け|モリサワ note編集部

    突然ですが、質問です! 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 (そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ)とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、( )の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会

      なんとなく使っていませんか? 括弧の種類と使い分け|モリサワ note編集部
    • 「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も

      デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜!

        「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
      • 社員用に作った文書校正ツールを一般公開した - gecko655のブログ

        スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール&設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

          社員用に作った文書校正ツールを一般公開した - gecko655のブログ
        • ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました💡

          PHPカンファレンス 2021 1週間前イベント 〜 帰ってきたPHP勉強会@東京 の発表資料です。 https://phpcon.connpass.com/event/224128/

            ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました💡
          • 印刷業界の方は、なぜMac使いの人が多いのですか?Windowsのほうがシェアは多いと思うし、同じソフトがあるのでそれを使えば問題ないと思うのですが…

            回答 (14件中の1件目) そもそもカラー(色)の基本的設計はAppleの規格なのです。色に関しては先行して基準値を定めたのがAppleだったので、それに合わせる他に手がなかったんです。 Windowsはかなり後発で、後追いしたのですがすべてのカラー印刷の企画はAppleが独占していました。いまだに追いついてはいないと思いますが。 そう聞いています。私が見た時は(かなり前ですが)印刷会社の大型機器はAppleでした。

              印刷業界の方は、なぜMac使いの人が多いのですか?Windowsのほうがシェアは多いと思うし、同じソフトがあるのでそれを使えば問題ないと思うのですが…
            • DNP、読む速度を約2倍にする自動レイアウト技術

                DNP、読む速度を約2倍にする自動レイアウト技術
              • 文章を読むスピードが最大2倍。「読書アシスト」無償公開

                  文章を読むスピードが最大2倍。「読書アシスト」無償公開
                • 文章レイアウトだけで読む速度が2倍に? 「読書アシスト」の読みやすさの理由

                    文章レイアウトだけで読む速度が2倍に? 「読書アシスト」の読みやすさの理由
                  • 欧文で「〜」は使いません。ハイフンとダーシの話|しじみ |デザインを語るひと

                    欧文のルール日本人は知らない欧文(主に英語)のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物(やくもの)という記号の一種。波形の意味は、「…まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに

                      欧文で「〜」は使いません。ハイフンとダーシの話|しじみ |デザインを語るひと
                    • 文字組版の教室 note版|モリサワ note編集部

                      行と行のアキは必要? 行間や行送りの基本 東京に住んでいると見慣れた光景の一つである満員電車。車内の隙間ない状態に、もう少しでもア…

                        文字組版の教室 note版|モリサワ note編集部
                      • 納品ドキュメントの作成にMarkdown+Vivliostyleを採用した話 - Qiita

                        こんにちは、製造業でソフト開発エンジニアをやっているとみー(@tommyecguitar)です。 会社で納品物の説明ドキュメントを作ることがあり、その時にMarkdownでの組版をやってみたので、どう運用したか、困ったところ、いい点、悪い点をまとめてみようと思います。 Vivliostyleで組版したブログはたくさんあるので、見た目がどんな感じにできるかなどはそちらを見ていただくか、Vivliostyleのサイトをご覧ください。 Wordじゃだめなのか。 製造業で何かしら長大なドキュメントを作るとなったら、大抵はWordを複数人数で編集するという運用をしているところが多いと思います。 しかし、Wordにはいろいろと悪いところがあります。 チーム内で共同編集すると、編集したところが消えたり、フォントやデザインがなぜか統一されなかったりする。 セクションごとに担当を分けても、マージが手作業にな

                          納品ドキュメントの作成にMarkdown+Vivliostyleを採用した話 - Qiita
                        • 日本語 LaTeX の新常識 2021 - Qiita

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? オリジナルの TeX が誕生してから40年以上の歳月が流れ,そして日本語 LaTeX が現在主流の姿 (pLaTeX2e) になってからも25年以上が経過しました.この間 LaTeX は多くの人に使われ続けて来ましたが,その歴史の中でさまざまな変遷を辿り,明示的なドキュメントにはなっていないながらも,ユーザ間ではある意味「常識」として定着した知識が積み重なってきました. 歴史が長く,よくも悪くも「安定している」と評されるために見過ごされているかもしれませんが,日本語 LaTeX は今も開発が続く「生きた」ソフトウェアです.そのため歴史の

                            日本語 LaTeX の新常識 2021 - Qiita
                          • PDFのコピペが文字化けするのはなぜか?~CID/GIDと原ノ味フォント~

                            続・PFN のオンプレML基盤の取り組み / オンプレML基盤 on Kubernetes 〜PFN、ヤフー〜 #2 PFN は、「現実世界を計算可能にする」を Vision として,膨大な計算量を必要とするシミュレーションや深層学習などの計算ワークロードを実行するためのオンプレ ML 基盤を持っています。 この発表では、「オンプレクラスタの概要」と最近のトピックとして「新しく構築した「MN-2b」」、「Pod のリソース要求量の最適化を助けるしくみ」、「Kubernetes クラスタのアップグレード」についてお話します。 本イベント「オンプレML基盤 on Kubernetes 〜PFN、ヤフー〜」では、オンプレミスの Kubernetes クラスタ上に構築された機械学習基盤を持つ PFN とヤフーのエンジニアが自社での取り組みについて語り尽くします! イベントサイト: https://

                              PDFのコピペが文字化けするのはなぜか?~CID/GIDと原ノ味フォント~
                            • pLaTeX が本格的にやばいかもという話 - Acetaminophen’s diary

                              最近(この1週間ほど)で LaTeX 周りで起きていることについて,声明を出しておきます。端的に言うと「pLaTeX,本格的にやばい」。 pLaTeX hyperref error with pdfmanagement-testphase 今 LaTeX の世界で何が起きているのか,ざっと説明します。 ここ1年ほどの LaTeX は大きく変わっている 2020-02-02 以降,本家の LaTeX2e に多くの変更が入っています。2020 年の2回のリリースについては,Online.tex 2020 での私の講演資料「最近の LaTeX は〇〇」【PDF 直リンク】も参考になるでしょう。 LaTeX2e 2020-02-02: 新 NFSS 導入(シリーズとシェープの多軸化,ファミリ毎の実際のシリーズ値の設定,…),カーネルへの expl3 読込 LaTeX2e 2020-10-01: フ

                                pLaTeX が本格的にやばいかもという話 - Acetaminophen’s diary
                              • 筑波大の授業DB代替ツールを作った学生、「未踏」のスーパークリエータに認定 オープンソースの組版処理システム開発で

                                経済産業省は5月28日、2020年度のIT人材育成事業「未踏」で採択したクリエータ31人のうち、21人を「スーパークリエータ」に認定したと発表した。筑波大の授業データベース(DB)代替ツール「KdBもどき」を作成した和田優斗さん(18)も、その1人に選ばれた。 20年度のスーパークリエータでは最年少での選出となった和田さんは、オープンソースの日本語組版処理システム「Twight」を開発した。組版とは、印刷物を制作する際に、文字や図をページ上に配置する工程を指す。Twightでは、XML、CSS、JavaScriptの3言語を用いて、テキストベースで雑誌のようなレイアウトの作品を作成できる。高度なグラフィックス処理を実現しつつ、拡張性に優れ、雑誌だけでなく、ポスターや論文執筆など幅広い分野で応用できる点が特徴だという。 プロジェクトの担当者は「使い物になる、といったレベルではない」と絶賛。「

                                  筑波大の授業DB代替ツールを作った学生、「未踏」のスーパークリエータに認定 オープンソースの組版処理システム開発で
                                • より良いタイポグラフィのための知られざるCSS

                                  CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/

                                    より良いタイポグラフィのための知られざるCSS
                                  • 縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ

                                    ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type

                                      縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ
                                    • 日本のWEBに革命をもたらす BudouX で自動文字組みを行う。しかも、Web Componentとして

                                      WEB 開発において日本語が抱える問題 日本語を使った WEB 開発は常に「改行問題」を抱えています。例えば、👇 の様に 記事 という単語の 記 と 事 で改行されていたら読みにくいです。 見た目重視の WEB サイトだと、「この改行を手動で美しく見えるように修正して欲しい。」 という声も無視できません。 いわゆる「文字組み」です。例えば、👇 の様に改行を入れてやります。 しかし、この方法は解決になっていません。なぜなら、WEB ブラウザ の幅はレスポンシブに可変するからです。ちょっと画面幅を狭めるだけで 👇 の様に崩壊します。 これに対応するためには、メディアクエリをくしして画面幅に応じた<br>タグを仕込むか、改行したくない文字列を手書きで<span style="display:inline-block;"></span>で囲む必要がありました。👇 の様に... <span

                                        日本のWEBに革命をもたらす BudouX で自動文字組みを行う。しかも、Web Componentとして
                                      • 欧文のルール|しじみ |デザインを語るひと|note

                                        日本人は知らない欧文(主に英語)のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くありま… もっとみる

                                          欧文のルール|しじみ |デザインを語るひと|note
                                        • ベタ組とツメ組。日本語の文字の並べ方を押さえよう|モリサワ note編集部

                                          みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか? 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より

                                            ベタ組とツメ組。日本語の文字の並べ方を押さえよう|モリサワ note編集部
                                          • Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita

                                            こんにちは、以前 FlightBooksというサービスを立ち上げていたのですが、2年ほどメンテしていなかったため、ローカル動作するOSS版として公開することにしました。 OSS版を作るにあたり、エディタ部分はVSCodeなりお好きなエディタを使ってもらうとして、 MarkdownからHTMLを生成する部分 HTMLからPDFを生成する部分 を切り出して公開しました。 ほかのサービスや技術と何が違うの? 技術書をマークアップテキストで書くプラットフォームとしては、Re:VIEW、Vivliostyleなどがありますが、FlightBooksは「出版やDTPに関する知識がなくても印刷所にだしたい」というエンジニア諸氏のために開発されました。 「商業印刷」にどこまで向き合うか ご家庭のプリンタに印刷を指示すると、ファイルの情報がプリンタドライバに送信され、そこでインクの出し方を制御するためのデー

                                              Markdownで技術同人誌のPDFが生成できるOSSを公開しました - Qiita
                                            • 文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦

                                              ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか? 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

                                                文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦
                                              • CSSでここまでできるとは驚いた! CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門

                                                CSSの解説書というと、通常はWebサイトやスマホアプリを実装するための知識やテクニックですが、今回は『CSSによる本作り』の解説書を紹介します。 原稿の執筆から、本のデザインやレイアウト、データ入稿まで、CSSを活用した本作りのやり方を徹底解説した解説書です。 表紙に「未知の表現力!」とあるように、CSSでこんなこともできるのかと驚きの連続でした。 本書は技術書で評判が高いリブロワークスさんの最新刊。当ブログでもVS Codeの解説書やJavaScriptの解説書を紹介しましたが、今回はCSSによる組版、本作りの解説書です。 マークダウンで原稿を執筆し、それをCSSでレイアウトし、本に仕上げます。本はWeb上でも書籍にもでき、本書自体もCSSで作成されています。

                                                  CSSでここまでできるとは驚いた! CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門
                                                • Markdown を拡張する MDX はドキュメント作成の新たな可能性?

                                                  この記事は、技術書典 11 で頒布中の「Vivliostyle で本を作ろう vol. 5」から抜粋した記事です。ご興味ありましたら、Vivliostyle を使って組版された本誌もぜひお買い求めください! また、この記事以外の内容もすべて Vivliostyle 公式サイトで無料公開中です。 技術書やドキュメントを執筆する際、あなたはどのような形式で文章を書きますか? 最近ではもっぱら Markdown で書かれることが多いですが、この Markdown を拡張するポテンシャルを持つお気に入りの OSS プロジェクト「MDX」を紹介します。 MDX = Markdown + JSX MDX の名前の由来は Markdown + JSX なので、MDX を理解するためにはまず JSX について知る必要があります。 JSX とは JavaScript の拡張構文の一つで、元々 React の

                                                    Markdown を拡張する MDX はドキュメント作成の新たな可能性?
                                                  • 本の原稿のバージョン管理を始めて20年たちました - golden-luckyの日記

                                                    「本の編集ではテキスト原稿のバージョン管理しか勝たん」という信念を押し通してきて、そろそろ20年近くになりました。厳密には19年くらいだと思うので、タイトルは誇張です。 久しぶりに編集者にとってのバージョン管理に言及したくなったので書いてみました。 目次です。 なんで「テキスト原稿のバージョン管理」の話をしなくなったか 「誌面レイアウトしたPDFとか紙に赤字を入れる」で編集するのもう無理… そこでテキスト原稿のバージョン管理 具体的にどうすればいいのさ 前提からつらつら書いていたらやたらに長くなりそうだったので、全部捨てて書き直したのに、それでもそれなりに長くなってしまった。 最後の節に書いた「 「原稿の移り変わり」を管理するのではなく、「原稿にありうる無数の可能性」を管理する 」というヒントだけでも持ち帰ってもらえればうれしいです。 なんで「テキスト原稿のバージョン管理」の話をしなくなっ

                                                      本の原稿のバージョン管理を始めて20年たちました - golden-luckyの日記
                                                    • 新興組版システム typst のススメ

                                                      はじめに Typst とは、新しい組版ソフトウェアです。数式を多用する科学技術系の記事を書くのに向いています。 ローカル環境で PDF にコンパイルすることもできますし、 Overleaf のようなオンラインの執筆環境も提供されています。 この分野では LaTeX が歴史的にも非常に強く、なかなか代替のソフトウェアが出現しなかったのですが、ようやく注目にも値する品質のものが登場してきたという感じです。 そもそも組版システムとは そもそも Qiita や Zenn でも数式を埋め込むことができるこの時代、ドキュメントを書くための専用の言語を使う理由は何でしょうか。 LaTeX はオワコンではないのでしょうか。 組版システムというのは簡単には無くなりません。これは、ブログや Wiki などの Web の記事とは性質が異なるからです。 組版システムは紙に印刷することを最終的な目的にしたシステムで

                                                        新興組版システム typst のススメ
                                                      • Webブラウザ上で動作する帳票エンジンを作る話

                                                        NGK2022S発表資料です https://ngk2022s.connpass.com/event/233520/ yagisan-reportsのWebサイト https://www.denkiyagi.jp/yagisan-reports/Read less

                                                          Webブラウザ上で動作する帳票エンジンを作る話
                                                        • 数学記号記法一覧(集合・線形代数)

                                                          数学記号記法一覧 普段私が用いているルールに則った記号・記法の一覧。私の専門の都合上、情報系の機械学習・数理最適化(線形代数、微積分、微分幾何など)に偏っており、プログラミング言語理論(論理学、圏論)や暗号・符号(群、環、体)の方面はほとんど書いていない。 本記事の内容のほとんどは一般的な表記に則っているため、他の本や論文を読むときに索引してもよい。 記号についてあまり詳しい解説はしない。 実際に表示される記号 なんという名前の概念に対応しているか LaTeX コマンド などを書いておくので、わからなければ各自調べてほしい。 数学記号記法一覧(集合・線形代数) ← いまここ 数学記号記法一覧(解析学・テンソル解析) 数学記号記法一覧(文字装飾・ギリシャ文字・飾り文字) 次 → 数学記号記法一覧(解析学・テンソル解析) Acknowledgement @Hyrodium 様、@Naughie

                                                            数学記号記法一覧(集合・線形代数)
                                                          • 60年前からのプログラミング和文論文を掘り起こした話

                                                            本記事の初版を公開したのは 2024 年 9 月 21 日だったのですが、その後 9 月 26 日に、ピックアップした論文を大幅に増やして更新しました。 また、最初はタイトルを「和文プログラミング論文を〜」としていたのですが、いわゆる「日本語プログラミング言語」の話にも見えてしまうことから、「プログラミング和文論文を〜」に置き換えました。 日本の人々が「プログラミング」にかかわるようになったのは、いつごろでしょうか? その前に、まずは世界のコンピュータとプログラミングの歴史を簡単に振り返ってみましょう。まずは OS から有名どころをたどると、 わかりやすく Windows 95 が 1995 年 [1] その前に広く使われた Windows 3.1 は 1992 年 [2] その下で動く MS-DOS は、バージョン 6 が 1993 年、バージョン 1 が 1981 年 [3] Linu

                                                              60年前からのプログラミング和文論文を掘り起こした話
                                                            • 日本語組版の行間の話 in PowerPoint

                                                              anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件(日本語版)』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p

                                                                日本語組版の行間の話 in PowerPoint
                                                              • 『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン

                                                                いまやスマートフォンで見ることも多くなったマンガだが、世界中で高い人気を得るようになった日本のマンガ文化をつくりあげてきたのはマンガ雑誌に代表される、紙でつくられた本のマンガだった。月刊や週刊という刊行スピードで数百万部にも上るマンガ雑誌が印刷され、日本全国の書店に届けられる。この世界的に見ても稀有なシステムが、日本の多様なマンガ文化をつくりあげたことに疑いはない。 「マンガ雑誌の話をする」となったとき、その多くは作品のストーリーやキャラクターの話になることは多い。あるいは描かれた絵の美麗さや迫力を語る向きもあるかもしれない。しかし、こうしたマンガの要素を印刷によって紙に定着させてきた、紙と文字による「マンガ雑誌」というマテリアルそのものについてはどうだろうか。見過ごされがちなこの紙と文字について深掘りしたいというのが本記事のねらいだ。 今回は、マンガを支える要素のなかでも、とくに「文字」

                                                                  『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン
                                                                • 読みやすい=理解しやすい Webの組版を整理してより良い文章を届けよう - Qiita

                                                                  この記事はQiita Advent Calendar 2021の12日目の記事で、Qiita株式会社 CX向上グループの綿貫(@xrxoxcxox)が担当します! この記事の概要 Webの組版を現実的な手法で綺麗に整えるためのやり方をまとめました。 同じ内容の文章でも組版次第で読みやすさは変わります。 実は、意識していないとWebサイトの文章は余白がガタガタとかになりやすいんですね。 DTPに比べるとどうしても劣ってしまいますが、HTMLとCSSだけでできるだけ綺麗になるようにした & ステップバイステップで説明していますので良ければ真似てみてください! ちなみに今回載せているコードは全てこちらのリポジトリにあります。 解決したいこと(≒よくあるWebの組版) 余白がガタガタ 見出しや本文のジャンプ率が適切でなく目が滑る 禁則処理がほぼ何も無い あまり意識したことは無いかもしれませんが、こ

                                                                    読みやすい=理解しやすい Webの組版を整理してより良い文章を届けよう - Qiita
                                                                  • コードハイライト付きの書籍をこれまでずっと作っていた - kmuto’s blog

                                                                    blog.jxck.io で(md2inao→md2indesignの進行は過去にもちょっとかかわりがあってウォッチした) もうすでにそういう製品があったり、知らないだけで全コードがハイライトされた書籍を出してる出版社はあるのかもしれないが、そういう本を少なくとも自分は見てない。 という記載があったのでちょっと書いてみる。 オーム社さん、オライリー・ジャパンさん、インプレスさん、羊土社さん、講談社サイエンティフィク社さんなどの一部の書籍では、コードハイライト付きになっていて、さらにそのうちいくつかは紙版では白黒、電子版ではカラーを使い分けていたりする。 というのも、前職の制作会社時代に私がその仕組みを作ってきたから。 組版はInDesignを使うのもあれば、TeXを使っているのもある。紙白黒/電子カラーのような使い分けは、TeXではOK、InDesignではもしデータを2種類管理しなければ

                                                                      コードハイライト付きの書籍をこれまでずっと作っていた - kmuto’s blog
                                                                    • グーテンベルグの法則から考えるモバイルのCTA

                                                                      ユーザーがどれだけ速くタスクを完了できるかは、ボタンの置き方次第で大きく変わります。タスクが速く完了すれば、より満足できる体験が生まれます。もしそれを望むのなら、ユーザーがそこにあってほしいと思う場所にボタンを置くべきです。 これは、あなたが使うであろうすべてのボタンの配置についての包括的な分析です。ユーザーが時間を無駄にすることが無いように、どの置き方があなたのアプリに最適なのかを学びましょう。 ユーザーは行動を起こす前に、画面をざっと見なければなりません。画面上にあるコンテンツが、どのアクションを行うべきかについて決断するための情報を与えるのです。画面を見終わるとすぐに、CTA(Call to Action=行動喚起)が現れなければなりません。画面を見終わったとき、ユーザーはどこを見ているでしょうか? ユーザーの視線は、左上の隅から右下の隅までジグザグに移動することがわかります。著名な

                                                                        グーテンベルグの法則から考えるモバイルのCTA
                                                                      • 強力なグラフィック機能を備えた組版処理システムTwight|情報処理学会・学会誌「情報処理」

                                                                        和田 優斗(わだ ゆうと) 組版とは,書籍やパンフレットなどを作る際,文字や図をページに配置する作業のことである.Microsoft Wordを使って文書を作る作業は組版であるし,研究論文を書く人ならLaTeXを使う人も多いだろう. 組版ソフトウェアには,大きく分けて2種類ある.文書のテキストに指示を埋め込んでいく文字ベースの組版処理システムと,画面上で組版結果を見ながらそれを操作していくWYSIWYGエディタである.前者にはTeXや(未踏OBの諏訪敬之氏の)SATySFiが,後者にはWordやAdobe Illustrator,InDesignがある. どちらにも利点がある.WYSIWYGはとっつきやすいが,文字ベースにも,文書から分けてスタイルを記述するゆえ再利用性が高かったり,文字ゆえ差分の把握やバージョン管理がしやすかったり,マクロ定義による拡張や自動処理が可能になる,といったさま

                                                                          強力なグラフィック機能を備えた組版処理システムTwight|情報処理学会・学会誌「情報処理」
                                                                        • 世界のプログラミング言語(31) PostScriptは印刷業界を支えたスタック指向型言語

                                                                          本連載で今回扱うのはPostScriptです。この言語はプリンターで実行されることを想定して開発されたページ記述言語の一種です。PostScripはスタック指向のプログラミング言語です。プログラミングを楽しめる上に、図形や文字を描画できるので、遊んで楽しい言語でもあります。今回はPostScriptで遊んでみましょう。 PostScriptを使ってPDFを生成してみよう PostScriptについて PostScriptは1984年にアドビによって開発されたページ記述言語です。1985年にAppleのレーザープリンターに採用されて普及しました。なぜ印刷とプログラミング言語が関係するのか不思議に思うかもしれません。PostScriptが登場した時代、電子印刷はそれほど普及していませんでした。というのも、コンピューターとプリンターの通信速度は遅く、高品質な印刷データをプリンタに転送するのに膨大

                                                                            世界のプログラミング言語(31) PostScriptは印刷業界を支えたスタック指向型言語
                                                                          • 組版は結局何が正解なの? 実例を見て考える|モリサワ note編集部

                                                                            組版ルールの「正解」がわからない問題突然ですが、組版って、難しいですよね。 「フォント」ひいては「文字」は言葉や情報を表す材料のひとつでしかなく、相手に情報を伝えるためには文字を並べる「組版」が必須です。 しかし、ただ文字を並べていけばよいわけではありません。 モリサワnoteでもこれまでお伝えしてきた通り、組版には一定のルールがあり、いろんな要素が複雑に絡み合っています。(まだご覧になっていない方は以下のマガジンをチェック!) そんな中で、組版を学び始めた方がぶつかりがちな壁として、 「組版ルールといっても選択肢がたくさんあって、この中で何を使うのが正解なのかがわからない」 という問題があります。筆者も組版を学び始めたころ同じ疑問を持っていましたし、お客様からもよくいただく質問です。 組版にはルールがある、が……?組版「ルール」と言ってはいるものの、必ず守らなくてはいけないものだけではあ

                                                                              組版は結局何が正解なの? 実例を見て考える|モリサワ note編集部
                                                                            • Vivliostyleで市販書籍とそっくりに組んでみよう | gihyo.jp

                                                                              上達のコツはやはり反復練習!ということで、第4回では、InDesignで作られた書籍のPDF(なければプリントアウト)をもとに、紙面デザインをそっくりに再現する方法について解説します。何度か作成していくうちに、Vivliostyleの可能性やクセがつかめてくるはずです。 CSS組版を覚える早道は……? 筆者は2023年に『Web技術で「本」が作れるCSS組版 Vivliostyle入門』を執筆しましたが、これを読んだだけで自在に本を組めるようになるかといえば、残念ながらそう簡単なものではないというのが正直なところです。 では、どうやってCSS組版を勉強すればいいのでしょうか? ひるがえって、自分がたどった道のりを思い出してみると、CSS組版とVivliostyleを使い始めたのは、書籍の原稿整理の一環として、書籍デザイン通りの字数・行数をCSS組版で再現したのが始まりでした。何度もそれを繰

                                                                                Vivliostyleで市販書籍とそっくりに組んでみよう | gihyo.jp
                                                                              • Google Docsでイベント配布用冊子の組版データを作成する技術 - KAKEHASHI Tech Blog

                                                                                技術広報の941です。カケハシはPyCon JP 2024にスポンサーをし、ブースにて「カケハシ式、チャートでわかるふりかえりの技法」という冊子を作成し配布しました。普段はデータばかりを取り扱っているので、本というリアル媒体に関わることが少ないためなかなか苦労しました。 実際に配布した冊子 この記事では、イベントで配布するための冊子を印刷するためのデータ(組版といいます)を、Google Docsで作成する際に気をつけるべきポイントについて共有したいと思います。 この記事は秋の技術特集 2024の19記事目です。 組版とは Google Docsで作成するメリット Google Docsで作った組版データでハマりやすいポイント 入稿時に気をつけたいポイント 組版とは 文字や画像や表などの要素を配置して、読みやすく視覚的に効果的なデザインに仕上げる技術やプロセスのことを組版といいます。主に印

                                                                                  Google Docsでイベント配布用冊子の組版データを作成する技術 - KAKEHASHI Tech Blog
                                                                                • nehan(縦書き文庫の組版エンジン)をWebAssembly化することで、約3倍の高速化を達成しました - anti scroll

                                                                                  縦書き文庫の組版エンジンであるnehan(js製)をRustで書き換え、WebAssemblyで実行したところ、約3倍の高速化に成功しました。 現時点ですでに運用されています。 感想としては「本当は10倍ぐらい速くなって欲しかったけど、そこまでは速度が出ずにトホホ…」という感じです。 まあこれから頑張って、Rust側のソースを最適化していこうと思います。 ビューアーの変更点 全ページの計算が3倍ぐらい速くなった 作品を開いたとき、自動で前回に開いたページまで移動するようになった 全ページ計算してから表示されるようになった(以前は先頭ページが計算できたら、すぐに表示されていた) 数式の表示やコードハイライトの機能は削除した 今後の展望 nehan8のコードは、いずれGithubに公開したいと思っていますが、時期はもうちょい先になりそうです。 というのも、Rustの実験的な機能を使っている関係

                                                                                    nehan(縦書き文庫の組版エンジン)をWebAssembly化することで、約3倍の高速化を達成しました - anti scroll

                                                                                  新着記事