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入門ガイド」という本を書きました。

@yamamanx

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

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

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

- AWS, MarkDown AWS, Markdown, Pandoc

: 「Fin-JAWS 第14回 Fin人類育成計画」で話させていただきました！

「Fin-JAWS 第14回 Fin人類育成計画」で話させていただきました。久 …

: AWS Cloud9でJavaサンプルを実行する

リモートで共有開発ができるCloud9便利ですね。 Cloud9でJavaのサン …

: S3 VPCエンドポイント設定前と設定後を確認

S3のVPCエンドポイントを設定した際に、S3バケットのAPIエンドポイントへの …

: EC2 プレイスメントグループを試してみました

やったことないのでやってみたやつです。プレイスメントグループの作成まず、EC …

: EC2 Windows インスタンス PowerShellでメタデータを見る

Linuxインスタンスならcurlコマンドで確認すればいいのですが、Window …

: Cloud9 Python3でpipも3にする

このブログは、2019/10/20に書いた、 Cloud9のAMIがCloud9 …

: 試そうとしてたらSavings Plans買っちゃいました

Savings Plansの購入画面を確認していました。画面遷移も確認しようと …

: ブログの画像を別アカウントのS3に移動するためにIAMロールでクロスアカウントアクセス

ずっと先延ばしにしていたのですが、このブログの画像はEC2から直接配信しています …

: AWSアカウント内のすべてのS3バケットを削除するLambda(Python)

やりたいこと特定アカウント内のS3バケットを全部削除したいです。バケット内の …

: Selenium, Headless ChromeとAWS Lambdaで夜な夜なスクレイピング

このようなアーキテクチャで、Alexaスキルの開発を進めていまして、元となる情報 …

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

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

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

構成

CSS on Lambda Layers

テストしたLambdaのコード

ad

ad

関連記事