この記事は、「ten986 Advent Calendar 2022」の 17 日目の記事です。
https://qiita.com/advent-calendar/2022/ten986新型コロナウイルスにかかったので、1週間ほど時間を空けてしまいました。
当初の予定通りは進みそうにないですが、ひとまず期間終了まで走ってみようと思います。
とりあえず明日からは技術っぽい記事が出せる気がします。多分。
知らない世界
幼い頃は、社会は明るく健全に回っている と思っていたし、
就活をしていた時も、理想的な基準によって判断されている から、あとは結果を待つのみなんていう押し付けをしていたし、
働き始めても、未知の分野のコードは 「正しくメンテされ、正しく動いているんだろうな」 と責任を押し付けてしまうこともあるし、
今でも、他の会社は 活発で楽しい仕事をしているんだろうな 、と泥臭い仕事を見ないふりしてしまうこともある。
「隣の芝生は青い」と似た部分もあるが、自分の経験していない世界、社会というものは、想像が難しい。
想像が難しいのだが、そこで 「理想的な動きをしている」 と考えてしまうことが多い気がする。
これの回避のためには、 他の世界について学び、想像できるようになることが重要 なんだろうなと思うし、学び続けるほど解像度が増す影響で、知らない世界は増えていく。これは一生続く問題のよう。
今の会社は、他の職種だったり役員会議だったりの動きが見えることで、この「理想の押し付け」が効かなくなっているところは嬉しいんだろうな。
そして、世界を知った今なら、仮に別の会社に行っても理想を押し付けることはなくなると信じている。
今日の個人ブログ開発
コードブロックに syntax highlight を効かせた。
やったことも、
rehype-highlight を効かせて、
Highlight.js から好きな css を選んだだけ。お手軽。
https://highlightjs.org/ からだと、いくつか見た目の例が出てくれる。便利。
import React from 'react';
import rehypeParse from 'rehype-parse';
import rehypeReact from 'rehype-react';
import { unified } from 'unified';
import { Layout } from '@/component/layout/Layout';
import { Body } from '@/component/posts/body/Body';
import { PDiv } from '@/component/posts/body/pDiv/PDiv';
import { PostImage } from '@/component/posts/body/postImage/PostImage';
import TitleUpdater from '@/component/utils/TitleUpdater';
import { PostType } from '@/types/post';
type PostProps = {
post: PostType;
};
const processor = unified()
.use(rehypeParse, { fragment: true })
.use(rehypeReact, {
createElement: React.createElement,
components: {
p: PDiv,
img: PostImage,
},
});
export function PostComponent({ post }: PostProps) {
const content = processor.processSync(post.content).result;
return (
<Layout>
<TitleUpdater description={post.title} />
<Body post={post} element={content} />
</Layout>
);
}
楽しい。