1月 28, 2023

フォントは重要です-stitcher.io

(jp) =

これは、広告が表示される場所です。代わりに、私の GitHub スポンサーページを紹介したいと思います。あなたが定期的な読者で、私のコンテンツが役に立っている場合は、1 回限りまたは毎月のスポンサーシップを検討できます。このブログまたは私のニュースレターで専用の広告掲載を探している企業の方は、[email protected] までメールでお問い合わせください。

私は自分のコードを本と考えるのが好きです。単なる本ではなく、貴重で美しいデザインの芸術作品だと思います。したいこと 欲しいです 読む。あなたが理由を知っている？プログラミングとは、コードを書くことよりも、コードを読んで理解することの方がはるかに重要だからです。

「コードを書く」ことは、私のプログラミング人生のほんの一部にすぎないと思います。ですから当然、「読書の部分」をできるだけ楽しいものにすることで得られることはたくさんあります。

それでは、例から作業しましょう。

final class CodeController

    public function __construct(private MarkdownConverter $markdown) 

    public function __invoke(string $slug)
    
        $code = $this->markdown->convert(file_get_contents(__DIR__ . "/code/$slug.md"))->getContent();

        return view('code', [
            'code' => $code,
        ]);

まず最初に、大きなフォントを選択します。私の脳は 1 秒間に非常に多くの文字しか読み取れないので、常にできるだけ多くのコードを画面に収めようとする必要はありません。

final class CodeController

    public function __construct(private MarkdownConverter $markdown) 

    public function __invoke(string $slug)
    
        $code = $this->markdown->convert(file_get_contents(__DIR__ . "/code/$slug.md"))->getContent();

        return view('code', [
            'code' => $code,
        ]);

読みやすいフォントを選んでいます。80 年代や 90 年代に作られたフォントよりも、モダンなフォントの方が自分に合っています。

final class CodeController

    public function __construct(private MarkdownConverter $markdown) 

    public function __invoke(string $slug)
    
        $code = $this->markdown->convert(file_get_contents(__DIR__ . "/code/$slug.md"))->getContent();

        return view('code', [
            'code' => $code,
        ]);

行の高さを高くするのは、コードに息を吹き込む余地を与え、さらに読みやすくするためです。

final class CodeController

    public function __construct(private MarkdownConverter $markdown) 

    public function __invoke(string $slug)
    
        $code = $this->markdown->convert(file_get_contents(__DIR__ . "/code/$slug.md"))->getContent();

        return view('code', [
            'code' => $code,
        ]);

最後に、コードが広すぎないようにします。目を左から右に動かす必要が少ないほど、簡単です。

final class CodeController

    public function __construct(
        private MarkdownConverter $markdown,
    ) 

    public function __invoke(string $slug)
    
        $path = file_get_contents(__DIR__ . "/code/$slug.md");
        
        $code = $this->markdown
            ->convert($path)
            ->getContent();

        return view('code', [
            'code' => $code,
        ]);