この記事は2012年03月17日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 文章の読みやすさは、デザイン・レイアウトの見せ方で変わります。例えば「書体」・「行間」・「見出し」、それぞれのバランスの取り方で、文章は読みやすくも読みにくくもなります。ここでは上記３つの観点から、文章を読みやすく記載する方法について紹介します。 書体を選ぶ 文章の読みやすさを考える上で、書体は重要な検討の要素です。目的に応じた書体を利用することで、伝えたい内容をより正確に・より自然に伝えることができるようになります。 プレゼン資料では「ゴシック体」を使う 日本語の代表的な書体といえば「ゴシック体」と「明朝体」です。ゴシック体は、縦と横のラインの幅がほぼ等しく、明朝体は縦のラインに対して横のラインが 細いのが特徴。一般的にゴシック体は可視性の高い書体（瞬時に認識しやす
モバイル基盤グループのヴァンサン(@vincentisambart)です。 iOSの設定画面の右側は一定の幅を超えないように作られています。 iPadでは: 新iPad Pro 12.9"では: iPadでTwitterのタイムラインのセルの中身も一定の幅を超えません。 このように、自分のアプリで広い画面でもコンテンツが広がりすぎないようにするためにはどうすればよいのでしょうか。AutoLayoutでいくつかの制約を使ってできるのですが、もっと簡単な方法はないのでしょうか。 iOS 9以上では、端末の種類を気にせず、複雑なAutoLayout制約を使わず、殆どのビューですぐ使える仕組みがあります。Appleのドキュメントで「readable content」や「readable width」と呼ばれているものです。以下日本語で「読みやすい幅」と呼ぶことにします。 注意点：下記の説明はAut
職業「ブロガー」としてこの先生きのこるために、私が心がけている5つのこと。読みやすくわかりやすいと褒められるブロガーを目指して。 - クレジットカードの読みもの
今回は雑談がてら、職業「ブロガー」としてこの先、生き残るために私が心がけている5つのことを書いてみたいと思います。 どこまで参考になるかはわかりませんが、一応、ブログで生計をたてている人間の意見として、こんなことに気をつけているのか…ということを知ってもらえれば幸いです。 私がブロガーとして心がけてる5つのこと： １．難しいことは書かない カタカナを使わない： ２．「読みもの」であることを心がける ３．良い物はライバルでも紹介する ４．記事は商品なので、額縁もキレイにする 最近デザインを変えたところ： ５．たまには「遊び」も取り入れる 難しいことを書くことだけがプロじゃない： 参考リンク： 私がブロガーとして心がけてる5つのこと： １．難しいことは書かない まず職業「ブロガー」として一番心がけていることがこれ、難しいことは書かないということです。 ついついその分野においての知識を深めていく
先に極論申しますと、「人によりけり」という結果になりました。 ただし、一般論的な物も多いので、人によっては見やすくなるポイントになるのかなと思います。 Webは基本流し読み。見出しアクセントはやっぱ重要 最近良く色んな記事でも見るけど、やっぱりこれは大事。 特にブログ。 最初から「じっくり読む」なんて事はあまりしないですよね、好きなサイトじゃないと。 見出しが見出しなのか？もわからないような物では読みづらいと思います。 横に読むという事を意識したサイジング Webは横に読む。 イコール、目が横に動く。 つまり 、横の動きを何度も繰り返しさせる。 これは本当に疲れる・・・ だから目だけで楽に追えるサイズに横幅を調整してあげると良い。 ただし、横に長すぎの場合でも、人によっては逆に見やすい事もあるかも。 「折り返し」が少ないですからね。 背景等、質感で光を分散すると以
センス不要！文章を読みやすくするデザイン4つの鉄則
*ノンデザイナーズ・デザインブックが新装増補されたため、再度のご紹介です！ 誰かに読んでもらうために作成する文書（テキスト）の数々。それは企画書だったり、報告書だったり、はたまたチラシだったりブログだったり。そんな文書をセンスが全くなくても読みやすくする4つのレイアウト・装飾法が… 覚えるべき鉄則は4つだけ ここで覚えてほしい鉄則はたった4つ。そう、 近接 整列 反復 コントラスト この4つだけです！ちなみにこれから紹介する内容は『ノンデザイナーズ・デザインブック』からの受け売りです。この本、残念ながら各所で売り切れちゃっているみたいですね…。 1．近接 近接の原則というのは、関連する項目をまとめてグループ化するということです。関連する項目を空間的に近づければ、それらは関係のない断片の群ではなく、一つのまとまったグループに見えるようになります 近接では、要素ごとにテキストのかたまり（ブロッ
「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 2024年6月12日 プログラミングフォント制作者 たわら プログラミングフォント制作者。コーディングに適した欧文・英数字フォントと、日本語フォントを合成し、新たなフォントを生み出す手法に定評がある。2019年5月に「白源（HackGen）」を公開したのを皮切りに、毎年のペースで合成フォントを手がけている。本業ではインフラエンジニアやWebプログラマなどを経て、現在ではSaaS企業にてSREを担う。自身の息子に「プログラミングを教えて」と頼まれた時、まずはプログラミングフォントの重要性を説いた。 X GitHu
2008年09月28日15:56 カテゴリlivedoor Reader LDRをもっと読みやすくする LDR Prefav LDR - Prefav という livedoor Reader用 Greasemonkeyスクリプトがあります。 （Fastladderでも動作するようです） 私は1ヶ月ほど前から使っていますが、いろいろな機能があり、LDRでフィードを読むのが更に便利になりました。 機能の一部を紹介します。 全ての機能についてはソースを見てください。JavaScriptが分からなくても何となく想像できそうです。 広告フィード削除 Pheedo（AD: ）、RSS広告社（PR: ）、Seesaa ブログ（オススメ・スポンサーサイト）のRSS広告のエントリを削除。 LDRのマイフィード一覧で未読数があるのに、フィードを表示してみると無いという場合は、この広告フィード削除が効いているは
AAReadable という Chrome 拡張を作りました 急になるべくどうでも良いものが作りたくなってChrome拡張を作りました。 名前の通りの拡張でブラウザで開いているページあるいは、選択している部分のフォントを変更してアスキーアートを見やすくする拡張です。 フォントを別途インストールする必要が無いところと、閲覧中のページに適切なCSSが無くても動くとこなんかがポイントです。 フォントについては textar webfont(http://font.textar.tv/) さんが、IPA Font License Agreement v1.0(http://ossipedia.ipa.go.jp/ipafont/index.html#LicenseJP)でfontを配布していらっしゃるのでそれを利用させていただいています。 使い方 https://chrome.google.com
細く分類されたジャンルから好きなニュースを閲覧可能 「Presso」の特徴は無駄がなく洗練されたUI。そして幅広いジャンルから今話題の情報からニッチな情報まで網羅できることが魅力だ。 「SmartNews」は幅広いジャンルの主要ニュースを購読できるが、不規則にコンテンツを配置する不思議なUIは見慣れてしまえば大したことはなものの視線が泳ぐため、多少の見づらさは感じていた。 「Gunosy」はかつては洗練されたUIと比較的精度の高いリコメンド記事を重宝して日々閲覧していたが、アイコンがダサくなり、UIも見づらくなり、精度も悪化した今、ただのガラクタアプリだ。ご苦労様でした。 見てもらえれば分かるが、「Presso」のUIは非常にシンプルで見やすい。「SmartNews」のような世間一般の主要ニュースは抑えることができないが、ネットで話題になっている様々なジャンルのトピックスは押さえやすい。「
PDFファイルをスマートフォンやeBookリーダーで読みやすいように再構築してくれる『Papercrop』 | ライフハッカー・ジャパン
Windows/Linux：『Papercrop』は、スマートフォンやeBookリーダーの小さな画面でも読みやすいように、PDFファイルを再構築してくれる無料ユーティリティです。 PDFファイルの多くはマージンが大きすぎたり、カラムがたくさんありすぎて、小さい画面では読み辛く、指であちこち画面を揺らしながら読む、というハイテクなのか、アナログなのか理解できない状況に陥ることもしばしば...。 Papercropは、各ページのコンテンツの種類を読み取り、それぞれに合った大きさにページを作り替えてくれます。ブランクページにページ番号だけが大きく表示されているページがあっても、多くの場合、テキストのそれぞれのカラムにはそれ用のページが付与され、マージンを埋めるために拡大されたものが表示されます。 アウトプットされるファイルは完璧とは言い難いですが、Papercropにはカスタマイズオプションも数
出ない神本より出るクソ本 〜『読みやすい技術書を書く技術』の第1章と頒布情報〜 #技術書典 - 憂鬱な世界にネコパンチ！
『読みやすい技術書を書く技術』は、読みやすい文章を書くための「校正環境」を構築する本です。この本では、CircleCIを使って継続的に文章を校正する仕組みを整えます。技術書のような長い文章を書く人には、特に有益です。技術書典7で頒布予定なので、ぜひチェックいただければ幸いです。 techbookfest.org CIで校正チェックすることに興味はあるけど、そこまで手が回らないんだよな〜と思っている人いませんか。この本はあなたのために書きました。この本を読めば誰でも、CircleCIで最高の校正環境が構築できます。 この本を読むことで学べること 『読みやすい技術書を書く技術』では、次のようなことを習得できます。 校正ツール「prh」「RedPen」「textlint」の使い方 「CircleCI」の基礎知識と校正ツールの組み込み方 「reviewdog」による校正チェック結果のGitHubへ
「新入社員におすすめ本はありますか？」というご質問を、人事や経営者の方からよくいただきます。 おすすめ本を紹介する際に大切な観点は、どのような目的・効果を期待しておすすめするかという点です。なぜなら、「新入社員におすすめの本」というのは、時代やビジネス環境の変化、新入社員の傾向と共に変わりゆくものであるからです。 そこで今回は、創業14年目に入り、時代や新入社員の傾向に合わせて新入社員研修を毎年アップデートしている弊社から「今、新入社員におすすめな本」をご紹介します。 なお、弊社では「新入社員におすすめな本」とは、「新入社員が早く一人前として活躍し、社会人人生が豊かになるために役立つ本」であると考えています。 その前提を踏まえ、以下４つのカテゴリーに分けて本をご紹介いたします。 １）社会人として楽しく働くために役立つ本 ２）ビジネススキルを鍛えるために役立つ本 ３）周囲と良好な関係性を築い
49 ：(福岡県)：11/10/06 20:54 ID:dm3a65YN0 坂を上り、雲の上にまでついたのではないだろうかという期待とともに見上げた空は、新緑の薄緑の光とともにあった。 青は遠く高く、緑はそれよりも少しだけ手の届きそうな位置で揺れていた。 今でも鮮明に思い出せる。 遠い夏の昼下がり。 そびえ立つ太い木の幹はずっしりと地面に根付き、溢れんばかりの夏の匂いを辺りに振りまきながら光の中にあった。 その光の根元に幼い私は腰を下ろし、腰に下げたオレンジジュースの入った水筒を飲んだ。 そして、その時だけは、その場所でそうしている時だけは、絶えず頭の中に駆け巡る幾つもの考え事や不安、心配事やら何やらを一切心の一番深いところに押し込めることができていたのだ。 幼い私の全てを満たすのは、空の蒼と白い雲の不思議な形の数々、新緑の光と夏の空気、そして水筒の表面の汗だった。 そう
見出しや文章など、テキストの読みやすさを重視して設計されたレスポンシブ対応のグリッドを実装するスタイルシートを紹介します。 Sassline Sassline -GitHub Sasslineはテキストが読みやすく、美しいタイポグラフィを実現するために開発されたもので、ブログでも企業サイトでも開発中のプロトタイプでも利用できます。単位には「rem」を使っており、ベースラインのグリッドからタイポグラフィのスタイルが機能するように設計されています。 テキストをデザインする際に、気を付けるべきことは「縦のリズム」。 Sasslineでは、ベースラインのグリッドに基づいて正確な縦方向のリズムを使うことができます。 レスポンシブ用に各サイズでの表示には、モジュール式のスケールを採用しています。これはブレイクポイントごとにテキストのサイズを簡単に設定でき、そのままベースラインのグリッドと連動して、美し
![[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline](https://cdn-ak-scissors.b.st-hatena.com/image/square/326599f01a29f1985c237ea13213cdb051872389/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015060301-01.png)
2011年05月20日04:42 【フォントまとめ】フォントを変えようと思う 読みやすいフォントを教えてくれ Tweet 1：名無しさん＠涙目です。(千葉県)：2011/05/19(木) 21:55:54.17 ID:hv3sg9Ud0● 5万字を越える多漢字Unicodeフォントのリリースが相次ぐ /.Jでもたびたび取り上げてきたフリーな日本語漢字フォントの花園明朝が5月16日リリース版にて、 現時点でUnicodeに収録されているすべてのCJK統合漢字・互換漢字に対応した。 TrueTypeフォントには1ファイルにグリフを65,535個までしか含められないという制限があるため、 このバージョンからはBMPの全文字＋JIS X 0213:2004の文字＋IVDの Adobe-Japan1コレクションの文字をすべて含んだ花園明朝Aと、Unicodeの2面（SIP）の すべての漢字を含んだ花
1997年の研究ではありますが、「ウェブ上のテキストがもっとも読みやすいのはどういうとき？」なるものが紹介されていました。 » Web page readability: Green text on yellow works the best この研究では、フォント、色、スタイルをいろいろ変えてどの組み合わせが読みやすいかを調べたようです。 いくつか参考になりそうな結果があったのでご紹介していきます。 では早速その研究結果から。 もっとも読みやすかったのは「黄色の背景」に「緑の文字」だそうです。ただしフォントが斜体のArialのときはこの組み合わせは最悪だそうです。 Times New RomanのほうがArialより読みやすい。 フォントも合わせて考えると「Times New Romanで、斜体で、黄色の背景で、緑の文字」が一番読みやすかったそうです。 ↑ こんな感じですね・・・。 「グ
Railsアプリケーションのルーティングは、config/routes.rb1ファイルで最初は開発を始めると思います。 ただ、サービスを運用していくとルーティングは膨らみ、メンテナンスコストも馬鹿になりません。 そのため、ルーティングの設定をできるだけメンテナンスしやすく作っておくことでそのコストを下げようという試みです。 Railsのルーティングは、config/routes.rb がルーティングの設定ファイルにデフォルトで指定されています。 ただ、これは変更可能ですし、複数のファイルに分割もできます。 昨今のアプリケーションの用途は、Web、native(iOS、Android)、APIサーバ、と多岐にわたるので、 config/routes.rb config/routes/api/v1.rb config/routes/api/v2.rb config/routes/web.rb
ノンデザイナー必見！Notionでマニュアルをぐっと読みやすくする14選 | CyberAgent Developers Blog
オンライン接客の「リモてなし」で、UX・フロントエンド周りを主に担当しています。 リモてなしでは、ユーザ向けのマニュアルをNotionで書き、そのままウェブサイト化できるWraptasというサービスを導入しています。 この記事では、Notionでどのようにマニュアルを読みやすくすれば良いかを考えて、BEFOREとAFTERを見せながら改善方法について紹介します。早速いきましょう！
【文章力の基本まとめ】読みやすい文章を書けるようになる！良質記事と良書をまとめてみた！ - おいしい節約料理のススメ
@setsuyakufufuをフォロー ブログ村 ブログランキングへ 目次 ビジネスメールの文章力を高める方法 読みやすい文章を書くための秘訣とは？ プロっぽい文章を書きたい方にオススメの記事 その他の良記事 文章力向上のために役立つ5冊の良書 1、１分間文章術 2、「箇条書き」を使ってまとまった量でもラクラク書ける文章術 3、文章力の基本 4、しっかり！まとまった！文章を書く 5、 書くスキルUP すぐできる! 伝わる文章の書き方 確実に文章力がつく! 7つのステップ まとめ この記事で紹介した良書まとめ わたしは、仕事柄、毎日、文章を書いています。そんな筆者が参考にしている良質な記事だけをまとめました。また、文章力を上げるために参考になる良書もご紹介します。 ビジネスメールの文章力を高める方法 そもそも知っておきたいのは、ビジネスメールのルールでしょう。このサイトには、実に詳しく注意点
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100～400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family
日本語の単語を適切な位置で区切って読みやすく改行してくれる軽量でオープンソースなライブラリ「BudouX」の機能＆採用例＆デモはこんな感じ、Chrome 119に実装予定で簡単に利用できる見込み
日本語のページをブラウザで見ているとおかしな位置で改行されることが多いのですが、単語と単語の間にスペースを入れる英語などと異なり、日本語では分かち書きがされていないのが原因。単語の途中で文章が折り返されてしまう原因になっています。BudouXは機械学習モデルを利用して容量を抑えつつ、サードパーティーのAPIやライブラリに依存せずに分かち書きを行ってくれるオープンソースライブラリなので、読みやすい改行が実現できます。 Google Developers Japan: BudouX: 読みやすい改行のための軽量な分かち書き器 https://developers-jp.googleblog.com/2023/09/budoux-adobe.html BudouXの使用イメージは下図の通り。従来は画面幅によっては「最先端」や「テクノロジー」などの単語の途中で改行が行われてしまう事がありましたが、
前回までの記事で、日本語組版のおおまかな歴史と、それを支える書体（主として明朝体）について、おおよその説明が済みました。次はオルタナティブとしての新しい日本語組版について考えていこうと思うのですが、その前に、あらためて日本語組版におけるベタ組みについておさらいしてみようと思います。 あらためてベタ組みとは まず「ベタ組み」そのものについて。ベタ組みとは、隣り合う活字のボディ間に隙間がないことです。文字ではなく、あくまで文字の器である正方形のボディの間に隙間がない、です。文字同士の間に隙間がないと、文字は互いに接触し干渉し、意味理解を妨げることになってしまいますよね。 このボディが正方形であることで、日本語は縦にも横にも組むことが可能になっています。また正方形のなかに収めるために、本来矩形とは無関係に記されてきた仮名文字が、そのデザインを正方形に最適化されてきたことは、前回の記事でも述べた通
たたき台の資料や簡単なまとめ資料を作る時、どのようなアプリケーショを使っていますか？ こうした場合、時間をかけて丁寧に作るのは得策ではないですし、ミーティングなどの結果を踏まえて資料を再作成することもあるはずです。 シンプルなエディターを使って手短に書き、あとでまとめるのもいいでしょう。ただ、自分以外の誰かに見せるのであれば、ポイントとなる部分を強調したいでしょうし、見出しには少し大きなフォントを使いたいと考えるはずです。 こんな時、私はMarkdown記法が使えるエディターを使っています。 「Markdown」（マークダウン）という言葉を初めて聞く人もいるかもしれません。覚えやすく簡単で、手早く使えるので、その記法と使っているアプリを紹介します。Markdownとは、文章を記述するためのマークアップ言語で、HTML文章への変換を前提として作られています。マークアップ言語と言われると、小難
この記事はQiita Advent Calendar 2021の12日目の記事で、Qiita株式会社 CX向上グループの綿貫（@xrxoxcxox）が担当します！ この記事の概要 Webの組版を現実的な手法で綺麗に整えるためのやり方をまとめました。 同じ内容の文章でも組版次第で読みやすさは変わります。 実は、意識していないとWebサイトの文章は余白がガタガタとかになりやすいんですね。 DTPに比べるとどうしても劣ってしまいますが、HTMLとCSSだけでできるだけ綺麗になるようにした & ステップバイステップで説明していますので良ければ真似てみてください！ ちなみに今回載せているコードは全てこちらのリポジトリにあります。 解決したいこと（≒よくあるWebの組版） 余白がガタガタ 見出しや本文のジャンプ率が適切でなく目が滑る 禁則処理がほぼ何も無い あまり意識したことは無いかもしれませんが、こ
「のですが」禁止令！「が」でつなぐクセをやめるだけで文章が読みやすくなる | センスも文才もなくていい 発信力を上げる「WEB文章術」 | mi-mollet（ミモレ） | 明日の私へ、小さな一歩！（1/2）
ミモレで2021年に公開された記事のうち、特に人気があったものをご紹介します。よろしければぜひご一読ください。 取り上げているテーマはいいのに、なんだか読みにくいと感じる文章ってありますよね。今日は、これさえ心掛ければ、「読みにくい文章」が「読みやすい文章」に変わる、ワンポイントをご紹介します。 読みやすい文章ってなんだろう 文章は、短ければ短いほど読みやすい。一文も、短ければ短いほど読みやすいんです。こう言ってしまうと元も子もないんですが、長いとそれだけでとっつきにくいですよね。表現力など、文才やセンスは二の次三の次。読みやすくしたかったら、短くすべしなのです。 例えば、外国語を覚えるとき、まずは短いセンテンスから学びます。会話でも読解でも、短ければ理解しやすく、長くなればなるほど、語彙と文法的知識が必要です。 文章を読みやすくするには、とにかく一文を短くすること、と理解はできるけど、実
2017年05月25日 「銃・病原菌・鉄」みたいな読みやすくて教養になる本教えて Tweet 43コメント ｜2017年05月25日 19:30｜書籍・読書｜Edit 1 ：以下、＼(^o^)／でVIPがお送りします 全部メモるからマジレス頼む 17/05/24 19:06 ID:wXWKKeN1M.net 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 2 ：以下、＼(^o^)／でVIPがお送りします ユーザーイリュージョン ユーザーイリュージョン―意識という幻想 17/05/24 19:07 ID:xXzg3WdV0.net 4 ：以下、＼(^o^)／でVIPがお送りします >>2 意識の話か 面白そう 17/05/24 19:08 ID:wXWKKeN1M.net 3 ：以下、＼(^o^)／でVIPがお送りします 百科事典 17/05/24 19:07 ID:KKo
この記事は、write-blog-every-week Advent Calendar 2018の6日目の記事です。 write-blog-every-weekSlackへのjoinはこちらから 概要 ブログ記事を書くときには、読みやすい文章を書くことに意識を割かなければなりません。 11月からカックさん( id:kakku22 )のブログメンターを受けていますが、 誤字、脱字について注意を受けることが何度かありました。 とくに技術系の用語について GitHubをgithubと書いてしまう(大文字小文字の誤字) QiitaをQittaと書いてしまう(スペルミス) というミスが多くありました。 これに気付くのはなかなか難しいため、校正ツールを導入しました。 ブログ執筆を支える技術としての紹介記事です。 テキスト校正くん VS Codeにテキスト校正のためのプラグインが存在します。 ics.m
モニターに表示する文字間隔やx-height値などを調整し、ソースコードを読みやすくするためだけに作られたオープンソースのタイプフェースが「Hack」です。 Hack http://sourcefoundry.org/hack/ 「Hack」には等幅のレギュラー、ボールド、斜体、斜体ボールドの4書体があり、シンタックスハイライトに必要な全ての書体をカバーしています。ラテン語、現代ギリシャ語、キリル文字など1500以上の記号が含まれ、多言語にも対応。また、powerlineにも対応しており、インストールするだけでパッチなどを当てることなく利用可能です。 以下のスクリーンショットが実際にソースコードをHackで表示した例。文字間隔は8px～12pxで、x-height値は大きめになっているなど、デスクトップやノートPCのモニターでコードが読みやすいように設定されています。余計な飾りや仕掛けはな
ずいぶん前から作っていた原稿が、ようやく本として出版された。出来上がった本を、原稿の下読みを手伝ってくれた若い先生方にあげたんだけれど、「ずいぶん読みやすくなったんですね」なんて、驚かれた。 外からみて分かりにくいものの価値について。 読みやすさは分からない 原稿の読みやすさという価値は、本というプロダクトを外から眺める人から見ても、分からない。世の中には、読みやすい本と、読みにくい本とは確実にあるけれど、同じ原稿を、作者が書いたそのままを本にしたものと、編集者が手を加えて、読みやすくしたものと、両者を比較できる機会というのは、そう滅多にないだろうから。 読みやすさは、たぶん作者の側からも、よく分からない。本を書いている側は、同じ原稿を、本になるまでに何十回も読み返すから、編集者が原稿に手を入れる最終段階になると、もう書いた内容の大半を暗記してしまう。その内容に慣れすぎてしまって、今さらそ
読みやすい文章は「デザイン」が優れている｜竹村俊助／編集者
村上春樹さんや林真理子さん、糸井重里さん、『嫌われる勇気』の古賀史健さん。彼ら彼女らの文章は、スルスルと読める。とっても読みやすい。 その「読みやすさ」の正体ってなんだろう？ と考えてみる。 読みやすい文章は、パッとその文章を見た瞬間に「読みやすそう！」と思える。これは「文章の中身」というよりも「デザイン」に近いのではないかと思う。 漢字とひらがなのバランス、改行の位置、「（会話文）」の割合などを計算し、「ビジュアルとして」読みやすくデザインされているのではないか。 文章の中身が大切なのは言わずもがなだけれど、それ以前に、パッと見のデザインが秀逸なのだ。 たとえば、村上春樹さんの文章。 彼女の名前は忘れてしまった。 死亡記事のスクラップをもう一度ひっぱり出して思い出すこともできるのだけれど、今となっては名前なんてどうでもいい。僕は彼女の名前を忘れてしまった。それだけのことなのだ。 昔の仲間
皆さんは「読みやすくスッキリした文章を書きたいな」と思ったことはありませんか？ レポートや論文を書く学生やブログを書いている人はもちろん、会社員でも、ニュースリリースやプレゼン資料の作成で文章を書く機会は必ずありますよね。読みやすい文章が書ければ、頭の中がスッキリ整理されている感じがして、相手に好印象を与えることが出来ます。 今回は、新聞記者でたまにブログを書いている僕が、普段心がけている５つのルールを紹介。とはいってもまだペーペーの新聞記者＆駆け出しブロガーなので、暇つぶし程度に見てもらえたら幸いです。 読みやすい文章は、ちょっとのコツで誰でも簡単に書くことができます。 読みやすい文章を書くための５つのルール 読みやすい文章とは、言い換えれば「読みにくくない文章」。減点されない文章です。いくつかのことを心がけて減点部分をなくすことで、スムーズかつテンポのいい読みものに生まれ変わります。頭
【資料作り講座・第1回】資料における、読みやすい文字、読みにくい文字 | プリント日和 | 家庭向けプリンター・複合機 | ブラザー
ビジネスにおいて、社内会議や社外コンペなどプレゼンテーションはつきもの。そのときに頭を悩ますのが、資料作成ではないでしょうか。より相手に分かりやすく、見やすくするためには資料作りにもこだわらなければなりません。資料の読みやすさは、デザイン・レイアウトの見せ方で大きく変わります。書体、行間などのバランスの取り方次第で、伝わるか、伝わらないかが決まると言っても過言ではありません。 プリント日和では「資料作り」に役立つデザインの方法について全10回の連載をスタートします。第1回は、資料における「読みやすい文字、読みにくい文字」についてです。では、早速学んでいきましょう！
『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが
@JUNP_Nです。日本語の表現は難しい。特に「開く（平仮名にする）」と「閉じる（漢字にする）」を意識しただけでも、文章が読みやすくなるとプロの編集者がTwitterに投稿した「特にこだわりがなければ開いた（平仮名にする）ほうが読みやすくなる表現」一覧が話題になっていました。 「特にこだわりがなければ開いた（平仮名にする）ほうが読みやすくなる表現」一覧Twitterで話題になっていたのは編集者をしているたられば（@tarareba722）さんが投稿していたツイートで、編集の仕事をしながら「特にこだわりがなければ開いた（平仮名にする）ほうが読みやすくなる表現」一覧として投稿した画像が13,000回以上RT、27,000回以上お気に入りされ話題になっています。 本日も素人さんの原稿をチェックしているのですが、先日少し書いたように「特にこだわりがなければ開いた（平仮名にする）ほうが読みやすくなる
はじめに Apacheの設定ファイル、ちゃんと書けますか？一つ一つ意味を理解していますか？ http.confを開いた瞬間に「うっ頭が頭痛」になったことはないでしょうか？ yumやaptでApacheをインストールして、設定ファイルをちょろっと編集しただけでお茶を濁したことはないでしょうか？ でもいつまでもその状態ではいけません。そろそろ本気で勉強して無駄のない設定ファイルを書くときが来たのです。 2015年のWebサーバ界におけるApacheの立ち位置についておさらい 2015年現在、静的コンテンツの配信やリバースプロキシの役割はその用途に特化したWebサーバを使うのが主流になっています。具体的にはNginxがデファクトスタンダートになっています。 Apacheにもイベント駆動型で動くmpm eventというモジュールがあり、これを使えば高速に多数の接続をさばくことができます。 人間とウ
「刀剣乱舞の力はすごい」 1939年刊行の解説書『日本刀』が読みやすくなって電子書籍化 岩波書店にこだわりを聞いた
※本記事はアフィリエイトプログラムによる収益を得ています 1939年刊行の解説書『日本刀』（岩波新書）がおよそ80年の時を経て電子書籍化。旧字体の漢字を新字体に直すなど、読みやすくなって3月26日より配信されます。価格は920円。 「刀剣乱舞の力はすごい……」と感嘆のツイートを投稿した岩波新書編集部に、電子化にあたってのこだわりを尋ねました。 同著は日本刀研究者であった本間順治が、日本刀の基礎知識から取り扱い方法、「村正は妖刀か」といったコラムまで多岐にわたり執筆した解説書。2019年10月に76年ぶりの復刊を果たした際は、ゲーム「刀剣乱舞」の人気も後押しし、岩波書店オンラインショップに注文が殺到する事態となりました（関連記事）。 岩波書店によれば、復刊以降の販売部数は累計約1万5000部。一時は『広辞苑』に次ぐ最大級の注文が届いたとのことで、予想外の反響に驚かされたといいます。 電子書籍
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
ムラマツ@STUDIO ZOON @yogoharu5535 2002年講談社入社→週マガ→ヤンマガ→コミックDAYS立ち上げ→モーニング→サイバーエージェントZOONでWebtoon編集 担当作→『ヒトグイ』『敗戦の剣士』『頂点捕食者』『ツイタイ』『暴君の妃に転職しました』 過去のマンガ担当作→新旧『食糧人類』『トネガワ』『ハンチョウ』『イチジョウ』『平和の国の島崎へ』等 note.com/mi_muramatsu ムラマツ@StudioZOON @yogoharu5535 先週からDMで作品の持ち込みを受け付けていて、20数名ほど拝見しました。それぞれの作品に合わせた意見をお伝えしていたのですが「あ、別な方にも同じ意見を言ったな…」という場面がありました。 いずれも読みやすくするための意見だったのですが、参考までに代表的なもの３つを紹介します（続く） ムラマツ@StudioZOON @
はじめに 読みやすくメンテナンスしやすいRSpecを書けていますか？ RSpecはというかRubyはというか柔軟なので色々な書き方ができてしまいます。 ある程度の規模のテストコードでは、油断するとどこで定義されている let なのかわからないものが登場したり、なぜか作られる（あるいは作られない）謎のレコードでテストが失敗したり、そういった辛い目にあったりするのではないでしょうか。 僕がRSpecを書くときに意識していることをまとめてみました。 これを実践するようになってつらい現象にあうことはずいぶんと減り、ずいぶんと読みやすくなったんじゃないかなと思っています。 ※効果には個人差があります。 Ruby on Railsを使ったアプリケーションのテスト向けですがRuby on Rails以外でも使えると思います。 主に以下の影響を強く受けています。 RSpecとセットで使われることが多いFa
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プレゼン資料を読みやすくする３つの方法｜PowerPoint Design
iOSでの読みやすい幅 - クックパッド開発者ブログ
Webの「読みやすい」を僕も考えてみた。 | Maka-veli.com
LDRをもっと読みやすくする LDR Prefav : しげふみメモ
AA(アスキーアート)を読みやすくする Chrome 拡張をつくりました - kurainの壺
【速報】はてなブックマークのニュースアプリ「Presso」、ついにリリース！無駄がなく洗練されたUIが読みやすい！ | gori.me（ゴリミー）
新入社員におすすめしたい本16選！初心者でも読みやすいビジネス書から始めよう
文章力を上げたい・・ 読みやすい長文を書くにはどうすればいいんだ・・ | ライフハックちゃんねる弐式
[CSS]見出しや文章の読みやすさを重視してデザインされたレスポンシブ対応のグリッド -Sassline
【フォントまとめ】フォントを変えようと思う 読みやすいフォントを教えてくれ : 哲学ニュースnwk
ウェブのテキストがもっとも読みやすい文字色と背景色は？ | POP*POP
Railsのルーティングを読みやすく作っていく - Qiita
Webやアプリの日本語を読みやすく折り返す「BudouX」。GoogleがGitHubで公開
Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
【たのしい組版】ベタ組み基本ルールの総まとめ──ルールを知って、ときに破る！ | 読みやすさの科学 | NEXT TO NORMAL
読みやすいマークダウン記法を始めてみませんか？ | ライフハッカー・ジャパン
読みやすい＝理解しやすい Webの組版を整理してより良い文章を届けよう - Qiita
「銃・病原菌・鉄」みたいな読みやすくて教養になる本教えて : ライフハックちゃんねる弐式
「テキスト校正くん」を導入して読みやすい文章を書きやすくなった - むにえる牧場
無料で商用利用も可能なソースコードを読みやすくするためのタイプフェース「Hack」
読みやすさという価値のこと - レジデント初期研修用資料
新聞記者でブロガーの僕が心がける、読みやすい文章を書く５つのルール - ぐりぶろぐ
読みやすい文章を書くための技法 - RyoAnna
プロの編集が教える「開いた（平仮名）のほうが読みやすくなる表現一覧」が超勉強になると話題｜男子ハック
あなたのApache設定ファイルを劇的に読みやすく改善する12の方法 · DQNEO日記
Google Readerのインターフェースをより読みやすくする方法 | ライフハッカー・ジャパン
漫画編集者さんが持ち込み作品を読みやすくするために意見してきた3つのポイントが、漫画を描く時以外も広く参考になりそう
rspecを読みやすくメンテしやすく書くために