AWS Lambda(Python3.7)でPandocを実行する際にCSSもLayerから読み込む

2019/05/06

Pandocで必要そうなオプションを確認しておく

先日の「AWS Lambda(Python3.7)でPandocを実行する」でLambda Python3.7を実行環境として、Layerから呼び出したPandocを実行して、マークダウンからEPUBへの単純な変換は確認できました。

電子書籍を本格的に作成するためには、Pandocの他のオプションもデザインも必須になります。
他のコンテンツとしては、マークダウンだけでなくCSSとtitle.txt、画像も必要です。

Pandocの各オプションが正常に動作するかを確認しておきたいと思います。

構成

構成は上記の構成で、変換元のマークダウンファイル、画像、title.txtなどの更新対象のコンテンツはS3バケットへアップロードします。
pandoc実行ファイルは前述の通り、Lambda Layersへ。
そして、CSSもLayersから読み込みました。

マークダウンの各オプションやCSSはこちらの「Markdown + Pandoc でお手軽に電子書籍を書く」を参考にさせていただきました。
ものすごくわかりやすかったです！
ありがとうございます！！

CSS on Lambda Layers

LambdaのLayersのメニューで新規作成して、cssをzipで圧縮したファイルをアップロードしました。
ファイル構成は、css/style.css にしました。

style.css

h1 {
  border-left: 8px ridge #000000;
  border-bottom: 4px ridge #000000;
  padding-left: 1px;
}

h2 {
  border-left: 6px solid #000000;
  padding-left: 1px;
}

h3 {
  border-left: 6px double #000000;
  padding-left: 1px;
}

img {
  width: 500px;
}

table {
  border-collapse: collapse;
  border: solid 2px black;
}
table th{
  border: solid 1px black;
}
table td {
  border: solid 1px black;
}

h1 {

border-left: 8px ridge #000000;

border-bottom: 4px ridge #000000;

padding-left: 1px;

}

h2 {

border-left: 6px solid #000000;

padding-left: 1px;

}

h3 {

border-left: 6px double #000000;

padding-left: 1px;

}

img {

width: 500px;

}

table {

border-collapse: collapse;

border: solid 2px black;

}

table th{

border: solid 1px black;

}

table td {

border: solid 1px black;

}

参考にさせていただいたサンプルに、見出しのpaddingと画像サイズの指定を追加しました。

テストしたLambdaのコード

ランタイムはPython 3.7です。

import subprocess, boto3, os

def lambda_handler(event, context):

    s3 = boto3.client('s3')

    list=s3.list_objects(
        Bucket='bucket',
        Prefix='input/'
    )['Contents']

    for obj in list:
        if obj['Size'] > 0:
            print(obj['Key'])
            s3.download_file(
                'bucket', 
                obj['Key'],
                '/tmp/' + obj['Key'].replace('input/', '')
            )

    args = [
        '/opt/bin/pandoc',
        '-f',
        'markdown',
        '-t',
        'epub3',
        '/tmp/input.md',
        '/tmp/title.txt',
        '-o',
        '/tmp/output.epub',
        '--css',
        '/opt/css/style.css',
        '--toc',
        '--toc-depth=2'
    ]

    response = subprocess.check_output(args)

    s3.upload_file(
        '/tmp/output.epub',
        'bucket',
        'output/output.epub'
    )

import subprocess, boto3, os

def lambda_handler(event, context):

s3 = boto3.client('s3')

list=s3.list_objects(

Bucket='bucket',

Prefix='input/'

)['Contents']

for obj in list:

if obj['Size'] > 0:

print(obj['Key'])

s3.download_file(

'bucket',

obj['Key'],

'/tmp/' + obj['Key'].replace('input/', '')

)

args = [

'/opt/bin/pandoc',

'-f',

'markdown',

'-t',

'epub3',

'/tmp/input.md',

'/tmp/title.txt',

'-o',

'/tmp/output.epub',

'--css',

'/opt/css/style.css',

'--toc',

'--toc-depth=2'

]

response = subprocess.check_output(args)

s3.upload_file(

'/tmp/output.epub',

'bucket',

'output/output.epub'

)

S3 の input/ プレフィックスのオブジェクトをすべて Lambda の /tmp/ ディレクトリにダウンロードしてます。

ダウンロードが終わると、lambdaのローカルは次の構成になっています。

argsがコマンドと引数です。
コマンド形式にすると、下記です。

/opt/bin/pandoc -f markdown -t epub3 \
                /tmp/input.md /tmp/title.txt \
                -o /tmp/output.epub \ 
                --css /opt/css/style.css \ 
                --toc --toc-depth=2

/opt/bin/pandoc -f markdown -t epub3 \

/tmp/input.md /tmp/title.txt \

-o /tmp/output.epub \

--css /opt/css/style.css \

--toc --toc-depth=2

実行することにより、output.epubが生成されるので、それをS3にアップロードしています。

input.md

# Sample

## Module1

test  

![サンプル画像](/tmp/lambda-layers.png "サンプル画像")

列1|列2
:--|:--
値1|値2

# Sample

## Module1

test

![サンプル画像](/tmp/lambda-layers.png "サンプル画像")

列1|列2

:--|:--

値1|値2

実行結果

タイトル、画像の挿入、スタイルの適用、問題なく実行されました。

最後までお読みいただきましてありがとうございました！

【PR】「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

【PR】「AWSではじめるLinux入門ガイド」という本を書きました。

【PR】「ポケットスタディ AWS認定デベロッパーアソシエイト」という本を書きました。

【PR】「AWS認定資格試験テキスト＆問題集　AWS認定ソリューションアーキテクト - プロフェッショナル」という本を書きました。

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITインストラクター5年目でプロトタイプビルダーもやりだしたSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。
このブログは経験したことなどの共有を目的としており、手順や結果などを保証するものではありません。
ご参考にされる際は、読者様自身のご判断にてご対応をお願いいたします。

また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。

- AWS, MarkDown AWS, Markdown, Pandoc

: JAWS FESTA 2019 Sapporo 参加&当日スタッフ&企業サポーターで！

2019年のJAWS FESTA は札幌です！今回もありがたいことに、所属して …

: WordPress、プラグインのアップデートしてBlue/Greenデプロイ

現在のブログの構成です。 WordPressとプラグインのアップデートをして、デ …

: AWSセルフマネージドAD環境にリモートデスクトップで接続

AWSクイックスタートのActive Directory Domain Serv …

: Backlogの課題チケット更新内容をMicrosoft Teamsに通知する(AWS Lambda Python)

BacklogにSlack連携が追加されました。ですが、私の所属している会社で …

: SendGridのイベントをAPI Gateway -> Lambda(Python) -> DynamoDBに格納する

SendGridのメールイベントログはコンソールで確認出来るのは直近7日分で一括 …

: RDSスナップショットのS3エクスポート結果確認

RDSのスナップショットをS3へエクスポートが日本語マネジメントコンソールでもで …

: Amazon Connectの新規作成からプッシュボタン入力と発信元電話番号をLambdaで処理するまで

とりあえずやりたいことはタイトルに書いたとおり、「電話をかけて、プッシュボタンに …

: AWS RDS でMySQLインスタンスを構築する

Amazon Web ServiceにはAmazon Relational Da …

: AWS Organizationsからアカウントを新規作成してみて

AWS Organizationsでアカウントを新規作成することがありましたので …

: Amazon Aurora Serverlessを使い始めてみました(1日経過しての課金結果も)

祝！！！ Amazon Aurora ServerlessがGAになりました！ …

PREV: AWS CodeStarで静的webサイトのテンプレートプロジェクトを作成する
NEXT: 百聞は一見にしかず！AWSセルフペースラボの無料ラボ！

AWS Lambda(Python3.7)でPandocを実行する際にCSSもLayerから読み込む

Pandocで必要そうなオプションを確認しておく

構成

CSS on Lambda Layers

テストしたLambdaのコード

ad

ad

関連記事