yatsbashy.com

初投稿

はじめまして,ヤツバシと申します。とある会社で働く Web 系エンジニアです。

このたび個人ブログを始めることにしました。

ブログに使用している技術

フロントエンド

Jamstack にしたくて,仕事で React を使っていたこともあったので,Gatsby を選びました。

デザインの勉強もかねて Gatsby themes は使用せず,自前で整えていく予定です。

コンテンツ管理

記事は Markdown で書いて,ソースコードと一緒に管理しています。

シンタックスハイライト

Markdown に載せるソースコードのシンタックスハイライトはひとまず Prism を使うことにしました。実際に書くとこんな感じです。

test.ts
import * as React from 'react'
import { Global, css } from '@emotion/react'
import styled from '@emotion/styled'
import global from '../styles/global'

const StyledLayoutRoot = styled.div`
  display: flex;
  flex-direction: column;
  min-height: 100vh;
`

interface LayoutRootProps {
  className?: string
}

const LayoutRoot: React.FC<LayoutRootProps> = ({ children, className }) => (
  <>
    <Global styles={() => css(global)} />
    <StyledLayoutRoot className={className}>{children}</StyledLayoutRoot>
  </>
)

export default LayoutRoot

ブログの方向性

技術記事をメインに書いていくつもりです。QiitaZenn も併用する予定ですが,こちらはプライベートに寄った内容になると思います。