なんちゃってエンジニアがblogのアイキャッチ作成環境を作った

効率化
スポンサーリンク

結論

Marpを使って、テキストだけでアイキャッチ画像を作れるようにしました。
テキストを書くだけ(エクスポートは必要だけど)でアイキャッチが作れます。
Marp: Markdown Presentation Ecosystem

Marp: Markdown Presentation Ecosystem
Marp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide d...

手順

以下の手順です。

  1. markdownをかける環境を用意する
    1. MarpのエクスポートにVSCodeを使うので、VSCodeが良い(なんちゃってエンジニアなら標準装備と信じたい)
  2. Marpのプラグインをインストールする
    1. 私は、Marp for VS Code – Visual Studio Marketplaceをインストール
  3. 適当にCSSで見栄えを整える
    1. これが結構大変。先人の知恵をパクッて駆使してサクッと作れるかがポイント
  4. 題字を書いてエクスポートする

ポイントは以下の点です。

  • テキストだけでアイキャッチも本文も概ね記載することができる
    • なので、VSCodeだけ立ち上げればなんとかできる
  • 管理も1ファイルでなんとかできる

環境を作った背景

ブログから遠ざってしまった

以下の理由から、ブログから遠ざかってしまっていました。

  • 二人目が産まれた
  • 管理職になって、仕事がなんかめっちゃ忙しい……

仕事でもプライベートでも大きく環境が変わったため、時間的余裕が本気でなくなってしまった……

ブログは再開したい

時間的余裕がないけど、アウトプットすることで知識の定着を図りたい
という状態を1年ちょっと過ごしました。
2024年を迎えて、

  • 二人目が2歳を迎えて”めちゃくちゃ手のかかる状態”ではなくなった
  • 仕事もちょっとペースをつかむことができるようになった

と、少し余裕ができたので、ブログ再開するぞー、と2024年の目標に掲げました。

パワポめんどい……

ところで、アイキャッチ画像作るのって、結構面倒ですよね。
今までパワーポイントでアイキャッチを作っていました。
ファイル複製して、中身書き換えて、体裁整えて……とやっていたんですが、その手間が結構メンドクサイ……

Canvaはちょっと面倒だなぁ

アイキャッチを簡単に作れる、みたいな検索をしてみると、だいたいCanvaが出てきます。たぶんアフィリエイトの影響です。
でも、基本的にテキストだけ打って何とかしたい、と思ったので、Canvaでごちゃごちゃレイアウト整えたり絵を持ってきたり、というのもめんどくさいなぁ、と。

テキストを書くだけでアイキャッチを作りたい

YMT4
YMT4

一度レイアウトを作ったら、イラストとかを気にせずテキストを書くだけでアイキャッチを作ることができる!

と、心理的ハードルを下げることで、筆を無理やり進める環境を整えました。
心理的ハードルが最大の要因。やる気って、大事だぞ……!

まとめ

  • なんちゃってエンジニアならVSCodeは嗜んでいるはずなので、そのうえでアイキャッチも作れるようにする
  • 心理的ハードルを下げる”やる気の出せる環境”って大事!

ローカルでmarkdown書いたらそのまま投稿、くらいのお手軽さにしていきたいなー。
極力面倒なことを今後も省いていけたらいいなぁと思います。

コメント

タイトルとURLをコピーしました