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認定ソリューションアーキテクト - プロフェッショナル改訂第2版」という本を書きました。

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

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

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

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

@yamamanx

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

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

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

- AWS, MarkDown AWS, Markdown, Pandoc

: AWS CLIを使用したIAMロールの引き受けコマンドのメモ

よく忘れて調べるのでメモです。公式のこちらAWS CLI を使用して IAM …

: AWS Network Firewallの入門

公式のGetting started with AWS Network Fire …

: 5分でAlexaスキルを作る

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

: AWS CodeStarのプロジェクトテンプレートLambda+Pythonによって生成されるもの

勉強会のデモで、AWS CodeStarのプロジェクトテンプレートLambda+ …

: API Gateway 作成済REST APIの定義をSwaggerの形式でエクスポート

SAMで似たようなAPIを作りたくて、エクスポートしました。 Swaggerは、 …

: Amazon S3アクセスポイント経由からアクション可能なポリシー

S3アクセスポイントを使うことで、複雑で長いバケットポリシーを避け、アクセスポイ …

: AWSアカウントでルートユーザーが使用されたときにTeamsへ投稿する

Organizations組織内のアカウントのいずれかでルートユーザーが使用され …

: ヤマムギ vol.7 AWSアカウント作成 & 最初の設定ハンズオン手順

ヤマムギとは from Mitsuhiro Yamashita 「AWSではじめ …

: EC2のAMIとRDSのスナップショットを他のAWSアカウントに共有してブログサイトをAWSアカウント間で引っ越す

当ブログで使用しているEC2とRDSを環境の整理のため、他のAWSアカウントへ引 …

: Extend Switch Roles(Chromeのアドオン)で6つ以上のスイッチロール履歴

最近アカウントIDを忘れたりすることも多くなったので、切り替えに手間取ることがあ …

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

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

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

構成

CSS on Lambda Layers

テストしたLambdaのコード

ad

ad

関連記事