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 クラウドプラクティショナー」という本を書きました。

@yamamanx

開発ベンダー5年、ユーザ企業システム部門通算9年、ITトレーナー2年目のSoftware Engineerです。
質問はコメントかSNSなどからお気軽にどうぞ。
出来る限りなるべく答えます。

このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。

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

- AWS, MarkDown AWS, Markdown, Pandoc

: テキストをAmazon PollyでMP3に変換してS3に格納(AWS Lambda Python)

Google Calendar Twilio ReminderのテキストをAma …

: DS18B20センサー+Raspberry Piで取得した温度をAmazon Kinesis FirehoseからS3へ格納してAthenaでクエリーしたのをQuickSightで可視化する

JAWS DAYS 2017でやりますハンズオンの「[IoTハンズオン] Ras …

: Amazon Aurora Serverless 課金確認

Amazon Aurora Serverlessを使い始めてみましたの記事で書い …

: Amazon Rekognitionでイベント参加者の顔写真を解析して似ている人ランキングをその場で作る

2017/9/21に開催されたAWS Cloud Roadshow 2017 大 …

: php-fpm で Out of memoryが発生した際にメール通知する(AWS CloudWatch , Amazon SNS)

AWS CloudWatch LogsエージェントでAmazon EC2上のNg …

: 「雲勉第1回【勉強会：新技術好き!】AWSマネージドサービス勉強会」に行ってきました

「雲勉第1回【勉強会：新技術好き!】AWSマネージドサービス勉強会」に行ってき …

: 5分でAlexaスキルを作る

「JAWS-UG Osaka 第22回勉強会東西の中の人が語る!!! Micr …

: Amzon Linux のApacheでRedmineとWordPressをバーチャルホストで共存する

EC2とRDSを節約しようと思いまして、Redmineを動かしてるとこに検証用W …

: Amazon RDS MySQLでCSVをload data するときに「Access denied」発生

超小ネタです。 AWSのデータベースサービスの Amazon RDSのMySQL …

: AWS Expert Online at JAWS-UG首都圏エリアに参加して「Amazon EC2 スポットインスタンス再入門」を聞いてきた

AWS Expert Onlineという勉強会がありまして、AWS ソリューショ …

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

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

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

構成

CSS on Lambda Layers

テストしたLambdaのコード

ad

ad

関連記事