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

実行結果

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

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

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

「AWS認定資格試験テキスト AWS認定クラウドプラクティショナー改訂第2版」という本を書きました。

「ポケットスタディ AWS認定デベロッパーアソシエイト［DVA-C02対応］」という本を書きました。

「要点整理から攻略するAWS認定ソリューションアーキテクト-アソシエイト」という本を書きました。

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

@yamamanx

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

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

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

- AWS, MarkDown AWS, Markdown, Pandoc

: ハンズオン目的アカウントに設定しているSCPポリシー

AWS Organizationsでハンズオン目的のアカウントに設定しているSC …

: クロスリージョンでEFSをマウントしてみる

ニーズがあるかどうかはさておき、クロスリージョンでのEFSファイルシステムをマウ …

: Amazon Location Service入門ワークショップ-マップの操作

関連記事 Amazon Location Service入門ワークショップの前提 …

: AWS Organizationsで新規メンバー登録したアカウントを組織から離して解約

2021年現在ではこの方法しかないと認識していますので書き残します。そのうち新 …

: AWS License ManagerでAMIからインスタンスの起動を制御

EC2 Image BuilderでRocket.ChatのAMIを作って起動テ …

: EC2 Auto ScalingカスタムメトリクスのモニタリングにCloudWatch検索式が便利でした

EC2 Auto Scalingで起動したインスタンスのカスタムメトリクスこの …

: Amazon EC2(Amazon Linux 2)にRedmine3.4をインストール

久しぶりに新しい環境でRedmineを構築したくなり、せっかくなのでAmazon …

: AWS EC2 インスタンスステータスのチェックで失敗して起動しなくなり復旧

EC2のインスタンスに接続出来なくなったので、AMIから作成してElastic …

: EC2 Amazon Linux 2 にAmazon LinuxからWordPressを移行

このブログを新しいインスタンスに移行することにしました。 2015年5月にAma …

: AWS Storage Gateway File Gateway on EC2インスタンスにmacOSからNFS接続

S3バケットの作成 S3バケットはあらかじめ作成しておきました。マネジメントコ …

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

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

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

構成

CSS on Lambda Layers

テストしたLambdaのコード

ad

ad

関連記事