wheatandcatの開発ブログ

React Nativeで開発しているペペロミア & memoirの技術系記事を投稿してます

技術書典9に出品の本の作成が完了したので、LPページに技術書一覧の画面を追加しました

技術書典9に出品の本の作成が完了したので報告します。

Boothでも購入可能です。 booth.pm

内容は、2019〜2020 年のリリース内容の振り返りと現在のプロジェクトのアーキテクトについて解説していく本になっています。

以下、目次

■⽬次
まえがき
第 1 章 ペペロミアについて 
第 2 章 アプリ
第 3 章 バックエンド
第 4 章 Web 版
第 5 章 ヘルプサイト
第 6 章 LP ページ
第 7 章 開発に使っているツール / サービス紹介 
第 8 章 リリースノート振り返り
付録 A おまけ:技術総評
付録 B おまけ: PDF/EPUB 
あとがき

という、ことで本の情報をLPページに追加しました。

Pull Request

github.com

実装

まずFigmaでデザインを作成

https://www.figma.com/file/YYon1ahSQ7W15Mug0LsovHws/%E3%83%9A%E3%83%9A%E3%83%AD%E3%83%9F%E3%82%A2?node-id=352%3A0

TOPページのバナー表示は、こんな感じで

f:id:wheatandcat:20200909203511p:plain:w400

f:id:wheatandcat:20200909203956p:plain:w500

ということで早速コーディングして実装してみて、こんな感じになりました。

f:id:wheatandcat:20200909213427p:plain

技術本一覧ページは、こちら

https://peperomia.app/books

f:id:wheatandcat:20200909213812p:plain

これで本関係は落ち着いたので、来週からは普通の開発に戻ります