並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 1261件

新着順 人気順

読みやすいの検索結果41 - 80 件 / 1261件

  • ブログデザインを参考にしたいブログ8選(はてなブログ編)。文章の読みやすさからサイドメニューの装飾まで、参考になるデザインばかり。 - クレジットカードの読みもの

    今回は私がブログデザインをする上で、参考にさせてもらっているブログまとめです(はてなブログ編)。 これらのブログは常にデザインに気を使って運営しているブログばかり。ブログの肝は記事の質かもしれませんが、人気ブログにしていくためにはブログデザインを強化することも同じくらい重要なので、是非、みなさんも参考にしてみてくださいね。 お薦めのブログデザイン5選: 1.はぁはぁブログ: 2.AIUEO Lab2: 3.はなこのブログ 4.それ、僕が図解します。 5.おうつしかえ: 6.しっきーのブログ: 7.マトリョーシカ的日常: 8.HSKぐうたらジャーナル: 今後もデザインを改良していきたい: グローバルメニューを実装予定: 文末リンク: お薦めのブログデザイン5選: 1.はぁはぁブログ: はぁはぁブログ はてなブログはここまで改良できるのか?というくらい、細かいところまでデザインが作りこまれてい

      ブログデザインを参考にしたいブログ8選(はてなブログ編)。文章の読みやすさからサイドメニューの装飾まで、参考になるデザインばかり。 - クレジットカードの読みもの
    • 読みやすいコード(僕にとって) - Mitsuyuki.Shiiba

      最近気づいたことがある。それは、僕はみんなみたいに複雑なことが理解できない、ってこと。 話をしてても「ごめんなさい。いまのわかんなかった。もう一回教えて欲しい。」とかよくあるし。ドキュメントも、ちょっと複雑なことが書いてあると、全然頭に入ってこない。 色んなルールがドキュメントに書いてあって、それをちゃんと守りながら開発してる人たちとか見てると、みんなすごいなぁって思うのであった。 なんだろうなぁ。こう・・・色んな想像が始まってしまって、考えが落ち着かないんよね。 そんな僕なのだけど、ここ数年はありがたいことに色んなコードを読む機会がある。読みやすいコードもあれば、パズルみたいに複雑なものもあって。そんな中で、たぶん、僕にとって読みやすいコード、というのは普通の人にとってはとても読みやすいコードなのかなぁって思って。書いてみる。 JavaでWebのアプリを開発してる。基盤とかフレームワーク

        読みやすいコード(僕にとって) - Mitsuyuki.Shiiba
      • AWS Well-Architected ドキュメントが読みやすくなりました!!(AWS Well-Architected ドキュメントの歩き方2022) | DevelopersIO

        AWS認定トレーニング講師の平野@おんせん県おおいたです。 さて、2021年に下記のような Well-Architected フレームワークのブログを書きました。 最近AWS Well-Architectedのドキュメントがアップデートされましたので、それに伴いブログも新しくリリースしました。 おもな変更点 ドキュメント構成の改善に対応 ドキュメント自体が読みやすくなりました(詳細は後述)。それに対応して、内容を変更しました。 新しい柱への対応 2021年12月に「持続可能性の柱」が追加されましたので、この新しい柱についての記事を追記しています。 尚、2022.1.9時点で日本語化されておりませんので ブログ内の見出しは、私の方で日本語訳したもの 各リンク先は英語ページ となっておりますので、ご了承ください。 はじめに AWS Well-Architected フレームワークとは AWSと

          AWS Well-Architected ドキュメントが読みやすくなりました!!(AWS Well-Architected ドキュメントの歩き方2022) | DevelopersIO
        • [CSS]スタイルシートの記述をより読みやすくする5つのルール

          <textarea name="code" class="css" cols="60" rows="5"> #nav{ border: solid 1px #DEDEDE; color: #000; padding: 10px; width: 650px; } </textarea>

          • 色の組み合わせチェック - 読みやすい前景色と背景色

            誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名(CSS2の色名+SVGの色名、計147色)およびrgb()の表現が使えます(初期値は、読みにくい例が入っています)。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行

            • 文章をデザインする – 段落や箇条書きをより読みやすくするために |https://wp.yat-net.com/name

              文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基本的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか?あと、

                文章をデザインする – 段落や箇条書きをより読みやすくするために |https://wp.yat-net.com/name
              • CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ

                画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。 CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。 Handling Text Over Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに テキストを読みやすくするためのさまざまなテクニック グラデーションのオーバーレイを使ったテクニック イージングのグラデーションを使ったテクニック 水平方向のグラデーションを使ったテクニック ソリッドカラーとグラデーションの混合 グラデーションのオーバーレイとtext-shadow グラデーションのオー

                  CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ
                • NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール

                  航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p

                    NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール
                  • 読みやすい文章の書き方|それは作文技術を身につけることです | 弁理士ブログ|とある士業の知的な日常

                    僕は、とある法律事務所で働く弁理士🙈 僕は、毎日、特許明細書と呼ばれる法律文書を作成する仕事をしています。 その過程で、文章力を高めてきました。 そこで、今回は、「読みやすい文章の書き方」についてお話ししたいと思います。 目次です 読みやすい文章を書くために重要なことは2つ 作文技術を身につけることが文章力を上げるために重要 作文技術を向上させるために重要な5つのこと (1) 「主語を明確にすること」 (2)「助詞『は』と助詞『が』の使い分けを理解すること」 (3)「被修飾語に係る複数の修飾語を分かり易く整理すること」 複数の修飾語を整理するコツ (4)「句読点(、)をつける位置を理解すること」 (5)「旧情報⇒新情報の順番で書くこと」 作文技術を向上させるためのおすすめの本 読みやすい文章を書くために重要なことは2つ まず、読みやすい文章を書くために重要なことを2つ挙げます。 それは、

                      読みやすい文章の書き方|それは作文技術を身につけることです | 弁理士ブログ|とある士業の知的な日常
                    • 長文が読みやすい日本語のフリーフォント「こころ明朝体」、目にやさしく紙や電子書籍にぴったり!

                      「はんなり明朝」や「こども丸ゴシック」など、人気のフリーフォントをリリースされている作者様から、新しいフォントをリリースしました、と連絡をいただきました! 今回は、長文も読みやすい目にやさしいフォントです。 紙や電子書籍とかに良さそうですね。 フォント:こころ明朝体 作者様からのメッセージ: 少しほっそりとした、角丸な明朝体です。まろやかで、軽い感じの書体となっているため、爽やかで温かみのある文字表現が期待できます。

                        長文が読みやすい日本語のフリーフォント「こころ明朝体」、目にやさしく紙や電子書籍にぴったり!
                      • 本の紹介『読みやすいコードのガイドライン』 - ソフトウェア設計を考える

                        はじめに 良い本です。コードを書く人であればだれでもが気づきと学びがあるでしょう。 特に、コードの規模が大きく長期間にわたってさまざまな関係者が読むことになるプログラムを書く人にはぜひ読んでほしい本です。 gihyo.jp この本から学べるのは、どちらかというと「やり方」よりも「考え方」です。 書き方の具体例というよりは、良いコードを書くための考え方を、著者の知見に基づいて丁寧かつ具体的に説明しています。 別の言い方をすると、とにかくコードの具体例で「やり方」を覚えたい、という人には合わないかもしれません。 コードの具体例もたくさん登場しますが、それは「考え方」を説明するための例であって、コードの書き方のお手本やサンプルを集めた本ではありません。 サンプルコードはKotlinです。内容は、どちらかといえばユーザーインタフェースよりという印象です。しかし、Kotlinを知らなくてもほぼ問題な

                          本の紹介『読みやすいコードのガイドライン』 - ソフトウェア設計を考える
                        • PDFを一発でmobiファイルに変換し、Kindleで読みやすくする「PDF4Kindle」 | ライフハッカー・ジャパン

                          Kindleは読書をするにはいいのですが、PDFファイルを見るには小さいし、表示もちょっとぼんやりしているのが玉にキズ。でも、「PDF4Kindle」が解決してくれます。PDFファイルをkindleに最適なmobiファイルに変換してくれます。しかも、ウェブ上ですべて作業できる優れものです。電子書籍管理ソフト『Calibre』も同様の働きをしてくれる便利なソフトウェアですが、インストールする手間や複雑なメニューを考えれば、ウェブベースで動くPDF4Kindleでも十分。リンク先のサイト上でPDFファイルをアップロードしてしばらくすれば、mobiファイルをダウンロードできます。 もちろん魔法でもないので、スキャンした文字情報をOCRで読み取って...なんてことはできませんが、文字編集可能なPDFファイルであれば上手く動くはずです。 PDF4Kindle(Free) via AddictiveT

                            PDFを一発でmobiファイルに変換し、Kindleで読みやすくする「PDF4Kindle」 | ライフハッカー・ジャパン
                          • 読みやすいフォントの CSS 設定例 | murashun.jp

                            [ + expand ]美しいフォントとはフォントの種類ゴシック体 vs 明朝体Web フォント総称ファミリーfont-family の設定例フォントのサイズフォントの色フォントの文字間隔フォントの行間まとめ関連記事美しいフォントとは 昔から Windows のユーザでしたが、初めて Mac のフォントを見たときの衝撃は今でも忘れられません。Windows と比べて Mac のフォントの美しさは際立っていました。その美しいフォントは "ヒラギノ" と呼ばれ、Mac の中心的なフォントのひとつで、これ以上に美しい日本語のフォントは見たことがありません。 Windows と Mac ではフォントのレンダリング方法が異なるため、今日に至っても Windows のフォントが美しくない問題は解決されていません。しかし、Windows は Vista 以降から "メイリオ" と呼ばれるフォントが収録さ

                              読みやすいフォントの CSS 設定例 | murashun.jp
                            • めっちゃ読みやすいモリサワの「BIZ UD」フォントが「GitHub」に/縛りの比較的緩い「SIL OFL- 1.1」ライセンスでカスタムフォントのベースにピッタリ?【やじうまの杜】

                                めっちゃ読みやすいモリサワの「BIZ UD」フォントが「GitHub」に/縛りの比較的緩い「SIL OFL- 1.1」ライセンスでカスタムフォントのベースにピッタリ?【やじうまの杜】
                              • タブレットユーザーが読みやすいと感じるフォントサイズは?【リサーチ】

                                『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

                                  タブレットユーザーが読みやすいと感じるフォントサイズは?【リサーチ】
                                • BudouX: 読みやすい改行のための軽量な分かち書き器

                                  .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

                                    BudouX: 読みやすい改行のための軽量な分かち書き器
                                  • CSSで句読点括弧のカーニングができるようになるぞ! 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ

                                    CSSのこの機能を待っていた人も多いと思います! CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読

                                      CSSで句読点括弧のカーニングができるようになるぞ! 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ
                                    • 過度なDRYは読みやすさの敵!?「リーダブルテストコード」という発表をしました #vstat - give IT a try

                                      先日、このブログでもお伝えしましたが、「VeriServe Test Automation Talk No.3」というオンラインイベントで登壇してきました。 veriserve-event.connpass.com 申込者数はなんと1000人を超えていて、大変驚きました。 僕は「リーダブルテストコード」というテーマで発表しました。スライドはこちらです。 Twitterでたくさんシェアされたり、はてなブックマークがたくさん付いたり、こちらもすごい反響でビックリしました。 で、どんな内容だったの? ひとことで言うなら「テストコードを徹底的にDRYにしようとしちゃダメよ!」というお話です。 このネタは昔からQiitaやTwitterとかでことあるごとに話してきましたが、この勉強会であらためてなぜダメなのか、DRYに書かず、どう書くべきなのか、という話を力説してみました。 優秀なプログラマほど、「

                                        過度なDRYは読みやすさの敵!?「リーダブルテストコード」という発表をしました #vstat - give IT a try
                                      • プログラミング用フォントとUIデザインのどちらにも使える! 美しさと読みやすさを兼ね備えたフォント「Martian Mono」

                                        Webデベロッパーとデザイナー向けに、Groteskの人目を引く美学と読みやすさと分かりやすさを追求したオープンソースのフォントを紹介します。 ボタン・フォーム・リストなど、限られたスペースのWebサイトやスマホアプリのUIデザインにも適しています。 Martian Mono -GitHub Martian Monoは、Martian Grotesk(myfonts.com)の等幅バージョンで、Groteskのすべての利点を継承しつつ、コード用とデザイン用に制作されたフォントです。 ライセンスはSIL Open Font License 1.1で、商用プロジェクトでも無料で使用できます。

                                          プログラミング用フォントとUIデザインのどちらにも使える! 美しさと読みやすさを兼ね備えたフォント「Martian Mono」
                                        • 文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦

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

                                            文字と行間の大きさは何が良い?読みやすさとKPI両立への挑戦
                                          • Webライティングで誰でも簡単に読みやすい文章を書く為の3つのコツ

                                            「イイ商品なのに、ネットで紹介しても反響がさっぱり」、「せっかく作ったサイトが、役にたってくれない」、「Webにどんな文章を載せたら良いのかわからない」――そういった担当者の声をよく聞きます。 Webでの販売促進成功には数々の要因が関わってきますが、Webライティングも重要な要因の一つ。ポイントを理解することで、担当者の悩みが解決するケースも少なくありません。 「商品を誰よりも知っているから」、「料金を抑えたいから」といった理由でライティングを担当している方も多いことでしょう。そこで、効果的なWebライティングのためのノウハウを紹介いたしましょう。 Webライティングとは? ひとくちに「webライティング」といっても、その受け止め方は人それぞれです。サイトの企画や構成、アイデアといった広い範囲でとらえる担当者もいれば、「て・に・を・は」の使い方などの正しい文章の書き方、キャッチ―なフレーズ

                                              Webライティングで誰でも簡単に読みやすい文章を書く為の3つのコツ
                                            • [CSS]バーはブラウザ幅いっぱいに、テキストは読みやすい幅にするスタイルシート

                                              バーはブラウザの幅いっぱい(左右・左のみ・右のみ)に、その中のテキストは読みやすい幅に設定するスタイルシートを紹介します。 ブラウザの幅を狭くしたキャプチャ 以下は各ポイントを意訳したものです。 まず、ブロックレベルのエレメントの幅は当然、親エレメントと同じ幅になります。単純に<body>直下に<h1>を配置すれば、自動的にブラウザの幅いっぱいになるのではないか、と思うでしょう。 しかし、それはテキスト部分もブラウザの幅いっぱいになってしまい、それは読みやすいものではありません。下記のように、バーはブラウザ幅いっぱいで、テキストは読みやすい幅になっているのが理想です。

                                              • 安倍昭恵夫人と籠池妻とのメール全文を読みやすくポイント整理して、感想を加えました | 以下略ちゃんの逆襲

                                                メールの全文が公開されました。民進党は内容の一部に虚偽があるとし公開に反対し、マスコミは辻元清美議員に関する部分を削除したりして公開しています。しかし、このメールは籠池氏側の証言にどれほどの信憑性があるのかを検証するための重要な物証であり、全文を見ることにより、どこに真実があるのかを検証することができます。 削除して加工してしまったら真実は見えてこないのです。 メール全文を読みやすいようにポイントを整理して転載しました。(日刊スポーツに引用されたメール文を中心に、他のマスコミ記事とあわせて編集しました。) 安倍昭恵首相夫人と森友学園の籠池泰典理事長の妻とのメールのやりとり 大阪・豊中市の国有地が学校法人「森友学園」に鑑定価格より低く売却されたことを巡り、自民党の西田昌司参院議員は24日、安倍昭恵首相夫人と森友学園の籠池泰典理事長の妻とのメールのやりとりを公表した。以下が全文(原文のまま)。

                                                  安倍昭恵夫人と籠池妻とのメール全文を読みやすくポイント整理して、感想を加えました | 以下略ちゃんの逆襲
                                                • 読みやすい文章が書けるようになる『Hemingway』 | 100SHIKI

                                                  英文のみ対応だけどいいかも。 Hemingwayはいわゆる文書校正サービスである。 このサイトに英文を貼り付けるだけで、問題がある箇所をハイライトしてくれる。 長文すぎる、読みにくい、もっと簡単な単語がある、といったことを視覚的に教えてくれるのが便利だ。 英語で長文を書くこともあまりないとは思うが、覚えておいてもいいですな。

                                                    読みやすい文章が書けるようになる『Hemingway』 | 100SHIKI
                                                  • かわいいゴシック体の新作日本語フリーフォント「源暎ぽっぷる」 マンガや同人誌、動画にぴったり、柔らかい雰囲気で読みやすい

                                                    2023年用、日本語のフリーフォント649種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 「源暎ぽっぷる」の特徴 「源暎ぽっぷる」のダウンロード 「源暎ぽっぷる」で使用できるフォント 「源暎ぽっぷる」の特徴 「源暎ぽっぷる」は、源暎エムゴの仮名や英数字を手書き風に改めたPOP風ゴシックのフリーフォントです。仮名や英数字は親しみやすい手書き風、漢字は読みやすいモダン角ゴシック体となっています。 源暎ぽっぷる ライセンスはSIL Open Font Licenseで、個人でも商用でも制限なく自由に利用できます。詳しくはダウンロードファイル「readme_説明書.txt」をご覧ください。 主に、横組み・短文を想定して作成されており、マンガや同人誌のセリフ、動画のテロップにぴったりなフォントです。字形はモッチーポップに着想を得ており、漢字はLINE Seed JPをベースに製作され

                                                      かわいいゴシック体の新作日本語フリーフォント「源暎ぽっぷる」 マンガや同人誌、動画にぴったり、柔らかい雰囲気で読みやすい
                                                    • 山菜うどん on Twitter: "朝日新聞の「ひととき」が素敵 98歳のおばあさんがデパートで服を買うか買わないか悩んでいる文がすごく読みやすい。締めも素敵 http://t.co/6fxjpib94g"

                                                      朝日新聞の「ひととき」が素敵 98歳のおばあさんがデパートで服を買うか買わないか悩んでいる文がすごく読みやすい。締めも素敵 http://t.co/6fxjpib94g

                                                        山菜うどん on Twitter: "朝日新聞の「ひととき」が素敵 98歳のおばあさんがデパートで服を買うか買わないか悩んでいる文がすごく読みやすい。締めも素敵 http://t.co/6fxjpib94g"
                                                      • 「RSpec は英語として読みやすいから良い」というお題目はなんだったのか - @kyanny's blog

                                                        rspec-2.11 がリリースされましたね。いくつかの変更点の中に、今後は should ではなく expect を推奨し、デフォルトでは expect のみが有効化されるようになる、というものがありました。 http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax 個人的にこの変更は説得力に欠けるなーと思っていて、 expect 推しにする理由が should は Kernel にはえるので Kernel を include しない BasicObject のインスタンスに対して should を呼ぶとおかしくなる 標準ライブラリ delegate は Kernel のメソッドの一部だけを include するので rspec と delegate のどちらが先にロードされるかによって should の挙動

                                                          「RSpec は英語として読みやすいから良い」というお題目はなんだったのか - @kyanny's blog
                                                        • キリン生茶でも使われている読みやすさを追求した「つたわるフォント」

                                                          @kasumiiです。こんにちは。 たまたまキリンの生茶を飲んでいたら、パッケージに「つたわるフォント」と書いてあることに気付きました。読みやすさを追求した書体を使用しています、とのこと。 気になったのでこの「つたわるフォント」について調べてみたメモです。 ググってみたら、2010年頃から使われているっぽいですね。今まで気が付かなかった。。 【参考】読みやすさを追求した「つたわるフォント」とは? 調べてみると、博報堂と株式会社タイプバンク、慶應義塾大学が共同で開発したフォントであると判明。名前のとおり、高齢者や障害者をはじめ、より多くの人に情報を伝えることを目的としたユニバーサルデザイン仕様のフォントだ。 生茶だけではなく、電子レンジ・洗濯機・炊飯器などの家電製品や首都高速道路のキャンペーン告知にも使われているようです。 つたわるフォントをはじめとするユニバーサルデザインフォントの特徴は以

                                                            キリン生茶でも使われている読みやすさを追求した「つたわるフォント」
                                                          • ページ上の無駄な画像や情報を排除して文章を読みやすくするサービス「Rdd.me」 | ライフハッカー・ジャパン

                                                            約10センチまで折りたためるのも最高。ケルヒャーの最新コードレス洗浄機の買い時きました #Amazonセール

                                                              ページ上の無駄な画像や情報を排除して文章を読みやすくするサービス「Rdd.me」 | ライフハッカー・ジャパン
                                                            • 読書初心者におすすめ!読みやすくて面白いミステリー小説ランキング!【ベスト20】|かぷりころぐ

                                                              これまでブログ内で沢山の小説を紹介してきましたが、「面白い小説を読みたいけど、どれから読めば良いのか分からない!」という問い合わせを頂く事が、多くなってきました。 という訳で今回は、 文字を読むのが苦手 ミステリー小説に興味はあるけど、あと一歩踏み出せない 作品が沢山ありすぎて、どれを読もうか迷っている などなど、普段あまり読書をしない人、活字に慣れていない人向けに、 読みやすい 面白い 驚きや感動を味わえる 今まで紹介した小説の中から、なるべく、そんな作品たちを揃えました。 同シリーズ一覧 ★おすすめ推理小説【大どんでん返し編①】 ★おすすめ推理小説【大どんでん返し編②】 ★おすすめ推理小説【大どんでん返し編③】 ★おすすめ推理小説【大どんでん返し編④】 ★おすすめ推理小説【大どんでん返し編⑤】 ★おすすめ推理小説【大どんでん返し編⑥】 ★『大どんでん返し系』ミステリー小説おすすめランキ

                                                                読書初心者におすすめ!読みやすくて面白いミステリー小説ランキング!【ベスト20】|かぷりころぐ
                                                              • 読みやすくて面白い小説教えてくれ : 哲学ニュースnwk

                                                                2015年02月10日16:00 読みやすくて面白い小説教えてくれ Tweet 1: 以下、\(^o^)/でVIPがお送りします 2015/02/10(火) 01:19:27.42 ID:QUyQisQj0.net 今まで小説読むことは殆ど無かったんだが最近読むようになった。 伊坂幸太郎の作品をいくつか読んでる 小説でオススメあったら教えてくれ 難しすぎたり、堅苦しいのは最後まで読めないからNG 転載元:http://viper.2ch.sc/test/read.cgi/news4vip/1423498767/ 夏目漱石の言葉がニートの心に突き刺さるんだが・・・・・ http://blog.livedoor.jp/nwknews/archives/4823968.html 2: 以下、\(^o^)/でVIPがお送りします 2015/02/10(火) 01:19:51.97 ID:udqZX

                                                                  読みやすくて面白い小説教えてくれ : 哲学ニュースnwk
                                                                • 読みやすいブラウザの書体、勝手にBest3 | ライフハッカー・ジャパン

                                                                  デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

                                                                    読みやすいブラウザの書体、勝手にBest3 | ライフハッカー・ジャパン
                                                                  • 【JavaScript】読みやすいコードの書き方 - Qiita

                                                                    はじめに 私は他人のコードをレビューしたことも自身のコードを他人にレビューしてもらったこともない初学者として現在のプロジェクトに加わりました。そこから現在までの2年間毎月10から20ほどのプルリクエストをレビューし、またチームメンバー内で読みやすいコードについて議論することで、徐々に読みやすいコードを書くためのポイントが掴めてきました。 これらの経験を通じて、私が現在考えている読みやすいコードを書くためのポイントを本記事にまとめていきます✍️ 前提 言語はJavaScriptで、レガシーな環境での手続き的なJavaScriptを想定しています。 「JavaScriptの文法やメソッドは理解してきたけど、より読みやすいコードの書き方がわからない」と感じている初学者向けです。 筆者は一般的なコーディング規約や設計原則についての書籍や資料をほとんど参照していません(読んだことがある本と言えばリー

                                                                      【JavaScript】読みやすいコードの書き方 - Qiita
                                                                    • ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする

                                                                      こんにちは! 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら(?)仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ

                                                                      • 悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)

                                                                        悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)

                                                                          悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
                                                                        • 「読みやすいコードのガイドライン―持続可能なソフトウェア開発のために」を読んだ! - mochikoAsTechのdig日記

                                                                          先日、社内で技術書に関するイベントが行われた。執筆経験を持つ社内のエンジニア諸氏から話を聞ける、という面白そうなイベントだったので有難く参加してきたんだけど、そこで質問を投げたところ、著者である石川さんからご厚意でこちらの本を頂戴した。 ばばーん!「読みやすいコードのガイドライン―持続可能なソフトウェア開発のために」です! gihyo.jp 実はもともとこのツイートを見て気になっていたんだけど、「私には難しすぎるんでは…」とためらって買っていなかった本だったので、とてもうれしい! クライアント開発を担当している石川宗寿が執筆した「読みやすいコードのガイドライン -持続可能なソフトウェア開発のために」が10月22日に発売されます。 著者に執筆のきっかけやこだわった点などをインタビューしましたので、書籍情報とあわせてぜひご覧ください。https://t.co/5e7n9UZ2Oz— LINE

                                                                            「読みやすいコードのガイドライン―持続可能なソフトウェア開発のために」を読んだ! - mochikoAsTechのdig日記
                                                                          • 失読症でも読みやすくなるデザインを駆使しまくったフォント「Dyslexie」

                                                                            By by Janine 一般的な理解能力などに異常がないにも関わらず、文字の読み書き学習に著しい困難を抱える障害を失読症(ディスレクシア)と呼びます。エジソンやトム・クルーズ、スティーブン・スピルバーグなども失読症に悩まされており、アメリカでは2割近くの人々が何らかの形で読字障害に関わる症状を持つという調査結果もあるのですが、失読症を抱えていても文字を読めるようにするフォントが「Dyslexie」です。 Typeface Dyslexie for people with dyslexia - studiostudio http://www.studiostudio.nl/ 失読症の顕著な例としては数字の「7」と「seven」を同一のものとして理解ができなかったり、文字がひっくり返って記憶されたりして正確に覚えられない、というものがあり、その他にも2つの文字の違いがわからない、文字や単語の

                                                                              失読症でも読みやすくなるデザインを駆使しまくったフォント「Dyslexie」
                                                                            • 読みやすいブログの書き方 | DevelopersIO

                                                                              渡辺です。 以前、JUnit実践入門を執筆した経験もあり、社内でもブログの文章が読みやすいと評価を受けています(内容はともかくw)。 折角なので、技術ブログを書くときに注意する点をまとめてみました。 はじめに結論を書く 一番大切なこと、それは結論を最初に書くことです。 エンジニアには時間ありません。 はじめに、何が言いたいか、何を解決するのか、そこを最初に書かないと、読んでて苦痛です。 回りくどかったり、話がブレブレだと最悪です。 「XXの時、解決するにはXXする」とか「XXについて一言でまとめるとXXです」など、最初にまとめを書きましょう。 見出しですべてを伝える意識を持つ 見出しは大切です。 見出しを追っていけば、内容が頭に入ってくるのがベストです。 「見出しをまとめてしまったら、本文に書くことなくなった(´・ω・`)」となれば完璧です。 まさに今、蛇足しか書いてません(笑)。 短い文

                                                                                読みやすいブログの書き方 | DevelopersIO
                                                                              • 文章の体裁を整え、わかりやすく読みやすい文章にする

                                                                                  文章の体裁を整え、わかりやすく読みやすい文章にする
                                                                                • Javaのコードをさらに読みやすくする「Project Amber」。JavaOne 2017

                                                                                  サンフランシスコで開幕した「JavaOne 2017」。基調講演の最後に、Java 9以降のJavaのために現在開発が進んでいる新機能が紹介されました。 Project Panamaは、Javaとネイティブなコードのデータのやりとりを可能にするもの。JavaからC関数をコールし、C関数からJavaにコールバックしたときにデータにアクセスするといったことが可能。 Project Valhallaは変数の型付けに関するもので、変数の基本的な型をプログラマブルに設定できるというもの。 参考:Java 9の先、Java 10/11では最新のハードウェアやOSに最適化したデータのメモリ配置が可能になる。JavaOne 2015 参考:JavaOne 2016が開幕、JDK 9ではJava Shellが登場予定。JavaOne 2016 Javaコードの可読性を向上させ、バグの混入を減少させるProj

                                                                                    Javaのコードをさらに読みやすくする「Project Amber」。JavaOne 2017