Work Life Fun

Marp for VSCodeで独自CSSが効かない場合の対応(marp-cli)

※当サイトはリンクに広告ページが含まれている場合があります

依頼に基づくセミナーの場合はPowerPoint縛りが多いですが、自主開催のセミナーの場合は、簡単・手軽、そして検索・バージョン管理が可能なMarpを愛用しています

Marp for VSCodeで独自CSSを使う方法は以下で紹介していますが、なぜか独自CSSが効かない場合があります。

関連:Marpで独自CSSを使う方法

Marp for VSCodeで独自CSSが効かない場合はmarp-cli

色々調べても原因がわからなかったので、以下の記事を参考に、Marp for VSCodeの利用を諦め、marp-cliを用いることにしました。

参考:marp自作テーマが適用できない人はmarp-cliを使えばいいと思う

ちなみに、CLIとは、Command Line Interface(コマンドラインインターフェース)の略です。

marp-cliのインストール方法は、上の参考記事そのままなので、この記事では割愛します。

インストールが完了した後は以下を実行すれば、プレビュー画面が出ます。

$ marp --preview --theme ./marp-themes/mystyle.css test.md

以下はプレビュー画面

コマンドを補足しておくと、

  • –preview:プレビュー画面の表示
  • –theme ./marp-themes/mystyle.css:適用するCSSの部分
  • test.md:marpを実行するファイル

言葉で表現すると、

  • テーマは「marp-themes」フォルダにある「mystyle.css」を適用して
  • 「test.md」をプレビューで表示してね

ということです。

あとは、Markdown形式でテキストを書いていけば、リアルタイムでスライド資料が変更されていきます。

Marpを使うようになると、PowerPointやKeynoteで資料を作るのが面倒になります。。。😅

社労士のための「ほどほど」お悩み相談室

あなたのご質問・ご相談に、月1回、無料・本音で回答します。

ご質問・ご相談は、登録後に届くメールから送っていただけます。費用は一切かかりません。「お悩み相談室」というクローズドな場だからこそ、踏み込んだ内容の質問にも回答できます。

これまでに、こんなご質問・ご相談に回答してきました。

  • コンサル(3号業務)を主力業務にするには、どうすれば良いか?
  • どのようにして顧問料を上げれば良いか?
  • 営業が苦手で、新規の顧客獲得ができない
  • 業務をどう絞り込めば良いか?
  • 一人社労士のままで良いのか、人を雇うべきか?
  • 苦手・相性の悪い顧問先と、どう付き合うか?
  • 生成AIの時代、社労士は今後どう生き残るか?

なぜ、無料で同業の社労士からの相談に乗るのか?

それは「本当に顧客のために活動できる社労士仲間を増やしたい」からです。

私自身、社労士という資格に誇りを持っています。企業からの社労士に対する不満をよく聞きますし、「社労士なんて役に立たない」と思われることは、正直悔しいです。

  • 信頼される・信頼できる社労士の仲間を増やしていきたい

そんな想いから、少しでも社労士業界全体のレベルアップに貢献できればと考えています。

    登録は無料・月1回配信・配信解除いつでも可能
    ※ 登録後、本人確認のメールをお送りします。届かない場合は迷惑メールフォルダもご確認ください。


    up_line