PWAとか
Jamstack案件は
こうやってとりました

PWA Night for Directors vol.1

by Takeshi Amano

天野の紹介

広島出身

カナダモントリオールのコンコーディア大学をCSと経済学の学位を取得して卒業

2019年11月からアムステルダム在住

日本に帰りたいけど帰れない...

天野の仕事

大学卒業後プログラマとしてお仕事

GengoやPayPalや電通で働く

合同会社 池田山商会代表

課題解決型システム開発

ウクライナの開発パートナー会社

PWAやJamstackでは売れません

お客様はPWAを作って欲しいわけでは無い

エンドユーザーはネイティブアプリと
PWAの違いが分からない

サイトのパフォーマンスが悪いことが
問題だとは思っていない

現在公開されているサイトを
改善出来ると思っていない

お客様の言葉で言い換えてみよう

ユーザーがスマホサイトが
使いにくいと言っている

既存のIT部門ではアプリを作れない

コーポレートサイトの更新がめんどくさい

コンバージョン率(その他のKPI)が
めっきり悪くなった

課題解決のフローの中で

課題をお客様と一緒に見つける

ゴールの設定

ソリューションを練る

ソリューションへの手段としての
PWA, Jamstack

事例を見ながら

IR Japan

Human Science

IR Japan

バックグラウンド

IR情報提供企業

上場のコンサル

クライントは主に上場企業の財務担当

課題

クライアントが外出先からも
株主情報を見れるようにしたい

既存のwebシステムの刷新

社内で開発できるリソースが無い

アプローチ

既存の内部システムはそのまま

MySQLのPostgresのDBに対してAPIを作る

NuxtでPWAを開発

システムの構成図

結果

エンドユーザーがPWAで
株主情報が見れるようになった

機能の一部だけをモダンスタックに
アップグレード

現在CRMや議事録を管理できる機能を追加中

Human Science

バックグラウンド

ドキュメント作成サポートサービスを
提供している企業

ドキュメントのライティング、翻訳
編集などで多くの実績あり

PWA Nightで会った方から
紹介してもらった！

Human Scienceさんの課題

ドキュメントを管理できる
システムを持っていない

軽快に動くドキュメントサイトを作成したい

他社のドキュメント管理システムは使いたく無い

エンドユーザーの要望に応じて
CMSやエディターを変更したい

エンドユーザーの課題

ドキュメントサイトや
コーポレートサイトは企業の顔

社内エンジニアはサービスを作るので手一杯

何年も前に作られたドキュメント管理
システムを流量

顔となるサイトの更新が後回し

UIやパフォーマンスも悪い

アプローチ

Jamstackでドキュメント管理サイトを作る

フロントはGatsbyJS

CMSはStrapi

Netlifyにデプロイ

システムの構成図

結果

爆速のドキュメントサイトができた

デザインの自由度が高い

Strapiのエディターを変更できる

他のHeadless CMSにも変更可

Gridsomeなど他のフロントエンドにも変更可

ウクライナとの協業

天野はPMやアーキテクトとして動く

バックエンドエンジニアもやります

フロントの作業は
ウクライナチームにお願い

Otakoyi

JSプロジェクトをこれまで多く担当

PWAやJamstackの開発実績も多数

インハウスのデザイナーのレベルが高い

JSのエンジニアの単価は日本の半分くらい

自社のコーポレートサイトもPWA
http://jp.otakoyi.com

mgroup

Shopifyのシステム案件を多く担当

プライベートアプリや外部アプリの開発

最近Headless commerceの相談も多い

https://mgroupweb.com/shopify/

こんな案件あったらご相談ください

お客様の課題解決から提案したい

既存のバックエンドを活かしたwebシステムの刷新

Shopifyを絡めたシステム開発

スクラッチでアプリ開発も当然やります

まとめ

お客様はPWAやJamstackを求めている訳ではない

課題解決から入ると案件になった

ウクライナの開発会社との協業

案件の相談待ってます！

ありがとうございました

合同会社　池田山商会

代表　天野たけし

amano@ikedayama.jp

twitter.com/moksahero