2016年7月30日土曜日

Windowsで游ゴシックが汚いのは何故なのか?

Windowsで游ゴシックが汚いのは何故なのか?
誰が悪いとかいいかとそういうのはどうでもいい。とにかく何故なのかを知りたかった。何故なのか理由が分かれば、解決の方法が分かるからである。小生は原因の確認とその解決ではなく「じゃ、汚いフォント使うのやめればいいじゃん」という、ある意味まっとうながらも解決とは程遠い逃げの一手を安易に選んじゃうわけなんですが、たまたま原因をちゃんと調べて検証してくれた素敵なブログ記事が見つかったので、ご紹介させて頂きます。

Cherry Pie Web「Windowsで游ゴシックが汚いのは、結局誰が悪いのか?http://www.cherrypieweb.com/weblog/20160726122243.php
結論の一部だけ抜粋させて頂きます。
※過程の説明を飛ばすとこの結論の意味が分からなくなるので、是非ブログも読んで下さい。
WindowsとMacは画面表示に対するスタンスが違います。Macは美しく、Windowsはハッキリと見えることを重視しているので、どうしてもWindowsのほうがエッジが立って汚い印象をうけます。ですから、『WindowsよりMacのほうが文字の表示が綺麗』と言われるのは仕方がないと思います。
ここでもう一度言っておきますが、仕様通りの表示をしているのは、8.1も含めWindowsのほうなのです。
Macは仕様通りに表示できないので、font-weightの指定でWindowsでも仕様から外れるほうに歩み寄っています。ただ結果的には、仕様通りでないMacのほうが読みやすくなっています。
( ´゚д゚`) ……。
つまり、各々のOSが好き勝手やってるのが原因だと思いました!
各OSは競争をしているので仕方ないかもしれませんけどね!
ここまでパーソナルコンピューターなるものが普及している昨今でそりゃないよー
(ノ∀`)アチャー

美しいってのはいいことだし重要な事ですけどねー。
もしもMacが、美しさ重視の為にわざわざフォントのウェイトを削ってるとしたら、あれこれと気を揉んで「汚く見える可能性のあるフォントウェイトが絶対に表示不可能な環境」に胡坐をかいているMac使いのWebデザイナーさんはあんまりよくないってことになりますわな。
一方Windowsは「もしかしたらこの太さ使いたいかもしれないし……うーん、とりあえず全部入れとくか!」っていう剛毅さがあるわけですから、それはそれで感謝しないとね。

2016年7月5日火曜日

神拡張機能「Clearly」の代わりを探せ!

序文

かつて、Evernoteは神拡張機能「Clearly」を公開していた。この素晴らしい拡張機能は、ボタンをクリックするだけで自動的にサイト内容を解析し、文章を読む事を邪魔する全ての広告や見づらい背景、無駄な装飾やサイドメニューなどを排除して、本文のみをシンプル且つ完結に読みやすく表示してくれた。この拡張機能が公開された時に、Web世界には激震が走った。必要最小限の装飾に留められたサイトのなんと美しい事か。そのまま印刷メニューからPDF化を行えば、ハードディスクの中に非常に価値の高い資料として永久に保存することもできた。少しの知恵のある者の為に、独自のCSSを用意して、好みの表示をさせる事さえできた。
拡張機能「Clearly」は、世界中のネットサーファーにとってとてつもない価値と可能性を秘めていた。

……のに、突然Evernoteさんは公開をやめてしまったわけですよ! 
何故だ! 何故なんだ!? (# ゚Д゚)ゴルァ!!


【Evernoteさんの言い分】
Clearly サポート終了のお知らせ
Evernote の使い心地を改善する取り組みにさらに注力するために、一部の単体アプリのサポートを終了させていただくことになりました。
Web ページを読みやすく表示する機能および Web ページをクリップ保存する機能は、Evernote の主要製品である Web クリッパーに実装されています。

全然実装されてないよ!? Webページを読みやすく表示する機能の使い心地下がりまくりだよ!! CSS編集機能どこ行ったの!?
いつも右上で見守ってくれていた、スタンドライトのアイコンよマジでカムバック!!
(´;ω;`)

とはいえ、無い物ねだりをしても仕方がないので、代替拡張機能を探してみました。


Evernote Web クリッパー

Evernote Web クリッパー
Evernote Web クリッパー

良いところ

  1. 信頼できるEvernote製品
  2. 信頼できるEvernote製品
  3.  
  4.  
  5. 信頼できるEvernote製品

Clearlyよりも良くないと思ったころ


  • 本家本元が作ったのに、カスタマイズできないところ。
    私は背景を#FAFAFA、文字色を#333333とか#224422とかにするのが好きなんだー!!
  • 印刷できないところ。
    そのままPDFにしたい! PDFなら紙に印刷するのも楽なのにー!

右側の邪魔なメニューは一応隠せます



  1. 右上の砂時計みたいなアイコンをクリック

  2. すっきり!!!

EasyReader

EasyReader
EasyReader

困るところ

  • 英語なところ

    良いところ

    • 範囲を自分で選べるところ。範囲を選ぶときはマウスをのせるだけでいいところ。
    • 見出しがあれば、自動的に目次を作ってくれるところ
    • 背景や文字の色を変えられるところ



    2016/07/05現在、発見したのは以上のふたつです。
    またなんかみつけたら追記します。

    2016年6月26日日曜日

    フォントの見栄えを改善する拡張機能

    現在導入テスト中なので、ごく簡単に。
    ある程度使って感想がまとまったら記事を改稿します。

    Chrome拡張機能「フォントの見栄えを改善する拡張機能」を導入してみました。

    ユーザー数が少なかったのでちょっと心配でしたが……これ単純に知られていないだけかも。
    設定が皆無で、拡張機能を導入するだけでフォントの見栄えを改善してくれるようです。
    Font Rendering EnhancerをOFFにしていますが、なかなかいい感じ。
    作ってくれた作者さんに超感謝!

    まあ、そもそもこういう拡張機能が必要ないのが理想なわけですが……。
    ---------------------------
    2016/06/27 追記
    サイトによっては素晴らしかったけど、サイトによってはあんまりよくなかった。
    結局上記はOFFにして、Font Rendering EnhancerをONに戻しました。
    詳細を時間があるときにまとめます。。。

    私の設定ミスだったかも。いろいろと入れちゃったんで競合しまくった???
    もう少しあちこちのサイトを見て、また追記します。作者さんごめんなさい。

    2016年6月24日金曜日

    Chromeの文字を美しく綺麗にしたい!(激安PC+Win10+Chrome+Migu)

    ASUS EeeBook X205TAを愛用しています。
    購入価格は約三万円。軽くて、薄くて、バッテリーが非常に長寿命。その上Windows10へのアップデートにも対応! CPUとメモリが貧弱だけど、最近はごく簡単な文書作成かネットを見るくらいにしか使わないので十分だと思って購入しました。実際十分でした、が……Windows10にアップデートした後が本当に最悪!
    フォントが細すぎて、サイトの文字を読むのが辛すぎる!!!
    というわけで、とりあえずChromeの文字環境改善に勤しみ、まあ満足できる程度になりましたのでメモ。

    環境

    PC:ASUS EeeBook X205TA
    OS:Windows10
    ブラウザ:Google Chrome (執筆時のバージョン:51.0.2704.106 m)

    方針

    • 全部無料でやりたい
    • MacTypeとかgdippとか使いたくない(某Androidエミュが動かなくなった為、特にMacTypeは使いたくない)
    • Migu1PとMigu1Mを使いたい(個人的趣味)

    手順

    全部が必要かとか有効なのかどうかとかはともかく、やったことを書いていきます。
    実際に設定を行う方は、全部自己責任でお願いします。レイアウト崩れが起きても、改善方法は提案できませんすいません。

    拡張機能「Advanced Font Settings」を導入する

    最近のChromeは、フォントを変更するにも一々拡張機能が必要なようです。
    謎ですが仕方ないので、未導入の方は追加しましょう。
    1. 設定→一番下の「詳細設定」をクリック→[フォントをカスタマイズ]ボタンをクリック
    2. Advanced Font Settingsの追加を促される筈(導入済みなのでうろ覚え)→[Chromeに追加]ボタンをクリック
    3. それぞれ好きなフォントとフォントサイズを設定する
      参考として私がやっている設定は、
      標準 フォント:Migu1P 最小サイズ:18px
      Serif フォント:Migu1P 最小サイズ:18px
      Sans Serif フォント:Migu1P 最小サイズ:18px
      固定幅 フォント:Migu1M 最小サイズ:18px
      最小フォントサイズ:14px
      エンコード:日本語(Shift_JIS)

    Advanced Font Settings追加後は、フォント設定ダイアログの右下の「詳細設定」をクリックするか、次のURLにアクセスすると固定幅フォントの最小サイズも変更できるようになります。
    chrome-extension://caclkomlalccbpcdllchkeecicepbmbm/options.html


    試験運用機能「LCD テキストのアンチエイリアス」を有効化する

    Chromeの試験運用機能の中になんかフォント描画に関係ありそうな機能があったので使ってみました。
    1. URLに「chrome://flags/」を入力して、試験運用機能の設定画面を開く
    2. 「LCD テキストのアンチエイリアス」という項目を探して「有効」にする
      (Ctrl+Fで検索を出して、アンチエイリアスで検索すると楽ちん)
    3. 画面の一番下にある[再起動]ボタンから、ブラウザを再起動する

    拡張機能「Font Rendering Enhancer」を導入する

    フォントの太さを任意で変更できる拡張機能です。
    1. URL「https://chrome.google.com/webstore/detail/font-rendering-enhancer/hmbmmdjlcdediglgfcdkhinjdelkiock?utm_source=chrome-app-launcher-info-dialog」にアクセス→[Chromeに追加]をクリック
    2. 設定→拡張機能→Font Rendering Enhancer→「オプション」をクリック
      または、URL「chrome-extension://hmbmmdjlcdediglgfcdkhinjdelkiock/options.html」にアクセスする
    3. 「Drag Font Width」と書かれている下にあるバーを好きな太さに動かす
      参考として、私は「76」に設定しています。もっと太くてもいいかも

    ★この素敵な拡張機能をお教え下さった素敵なブログ
    意味悲鳴
    ブラウザのフォントを綺麗にする方法メモ(Windows上のFirefox、Chrome)

    結果

    描画サンプル - シャーロック・ホームズ 最後の冒険
    描画サンプル - シャーロック・ホームズ 最後の冒険(HTMLファイル)
    それなりにまともな表示になりました!
    ……が、拡張機能でやっているので、サイトを開いてから文字が太くなるまで一瞬ほど時間がかかってしまいます。まだまだ研究の余地はありそうです。
    とはいえ、激安PCのX205TAの解像度を考えれば、及第点の設定だと思います。お困りの方は、騙されて試してみるのもアリだと思います(が、自己責任です)。