タイトルの位置を固定化する方法【Marp】
はじめまして、ますみです!
株式会社Galirage(ガリレージ)という「生成AIのシステム開発会社」で、代表をしております^^
この記事では、Marpでタイトルの位置を固定化する方法を紹介します。
https://marpit.marp.app/
タイトルの位置を固定化する方法
以下のコードのように、<style>
タグの中に「positionを左上から50pxの場所に固定化する」というようなコードを書くと固定化できます。
---
marp: true
---
<style>
h1{
position: absolute;
left: 50px; top: 50px;
}
</style>
# タイトルの位置を固定化しよう
- タイトルが遠くに離れちゃった:crying_cat_face:
Tips: アイコン表示
絵文字のアイコンをMarp上に書くには、上記のコードのように:crying_cat_face:
と書く必要があります。「あのアイコンの名前はなんだろう🤔」という方は、以下のサイトをご参照ください。
https://www.webfx.com/tools/emoji-cheat-sheet/
一言メッセージ
Marpは無償で使えますが、裏では開発者の方々が頑張ってメンテナンスや改善を続けています。
エンジニア界隈では、投げ銭文化も流行ってきていますし、感謝の気持ちを込めて余裕のある方は投げ銭もぜひ👍
https://github.com/sponsors/yhatt
また、体系立ってMarpを学習したい方は、「日経ソフトウエア2021年11月号」をぜひご検討ください🚀
https://amzn.to/39TP9C3
最後に
最後まで読んでくださり、ありがとうございました!
この記事を通して、少しでもあなたの学びに役立てば幸いです!
おまけ①:生成AIエンジニア塾
より専門的な「生成AIエンジニア人材」を目指しませんか?
そんな方々に向けて、「生成AIエンジニア塾」というプログラムを始めました🎉
最終的なゴールとして、『エンタープライズ向けの生成AIシステムを構築するためのスキルを習得し、大手案件で活躍できる人材』を目標とします。
また、一人一人にしっかりと向き合って、メンタリングをできるようにするため、現在メンバーの人数制限をしております。本気度やスキルレベルの高い人から、順番にご案内しております。
▼ 登録はこちらから ▼
おまけ②:AI Newsletter for Biz
最新のAIニュースの情報を収集しませんか?
AI Newsltter for Bizは、ビジネスパーソン向けに「AIニュース」を定期配信する完全無料のニュースレターです📩
一人でも多くの方にとって、「AI人材としてのスキルアップ」につながれば幸いです^^
また、現在、登録者限定で「明日から使える 無料AIサービス3選」のPDFを配布中です 🎁
※ ご登録完了のメールに、PDFリンクを添付いたします。
期間限定のプレゼントとなりますので、ぜひ、お早めにご登録ください!
▼ 登録はこちらから ▼
Discussion