「Web技術をどう活かす？ 技術をプロダクト・事業の成長につなげるエンジニアの考え方」に参加してきました

• 2025/2/27
• https://plaidtech.connpass.com/event/343681/

感想

• 同じ会社の普段は話せない人に相談したりフィードバックできていい機会でした

顧客の事業を知り、メリハリを付けてソフトウェアの品質を向上させよう

ykpythemindさん（STOERS）

• ソフトウェア開発のこだわるところ
  • 時間は有限なので全部理想的な状態にはできない
• 顧客の事業を知る
  • エンジニアはビジネスオーナーではない
  • 出来ないと困ることや起きたら困ることは知っておいた方がいい
  • システムに閉じずにサービス全体の視点で大事なところが出てくる
    • システムはちょっと止まってもいいけどこれだけは絶対にみたいな

事業モメンタムを生み出すプロダクト開発 - 1 ヶ月で AI FAX をリリースした開発アプローチ

町永 隆さん（IVRy）
https://speakerdeck.com/macchiitaka/shi-ye-momentamuwosheng-michu-supurodakutokai-fa

• AI FAX
  • クラウド上でFAXを使えてOCRで文字起こしとかできる
• 納期が決まった短期間での開発
• pdf/pngなどをブラウザ送ってCPaaSでFAXを送る
  • CPaaSにはpdfで渡す必要がある
• ブラウザでpdfを生成
  • 送信前にプレビューしたいからブラウザ上でやりたい
  • FAXは解像度など規定があるから加工される前提
  • サイズ上限のエラーなど早めに知りたい
• pdf生成フロー
  • 拡張子とファイル自体がそのフォーマット化確認
  • createObjectURLでオブジェクト形式に
  • pdf.jsでpdfに
    • WebWorkerで並列に
  • canvasに描画してBlobに変換
  • FAXの仕様にあわせて変換
    • サイズや縦横比や向き
  • jspdfでpdfのBlobを生成
    • 元画像はjpegにしておいた方が処理がはやい
  • 出来たpdfを送ればOK

独自のサードパーティスクリプトやデータ解析基盤など、固有の技術優位性を掛け合わせた独自価値で事業推進につなげるプロダクト開発

日沢 翔太さん（プレイド）
https://speakerdeck.com/plaidtech/product-development-for-business-growth-by-combining-unique-technologies

• KARTE Blocks
  • サイトの小さな改善をscriptタグだけで実現する
  • コードを書かずにUIで変更を設定できる
  • 変更の効果の計測とかもできる？
    • ABテストとか？
  • KARTEが持ってるデータを活用した変更もできる
    • ユーザ属性とか

ブラウザの戻る/進むを高速化する! ヤフートップページの試行錯誤 bfcacheを有効化してもビジネス指標が落ちるケース

浜田 真成さん（LINEヤフー）

• bfcache
  • ブラウザでページ遷移した時に下のページのスナップショットが保存される
  • 戻るで戻った時にキャッシュされるから速い
  • 3割の人が戻るをしているというデータ
• 全社でのbfcacheの有効化
• bfcacheの阻害要因
  • unloadイベントハンドラ
    • Permission-Policyで強制無効化
  • cache-control: no-store
  • ログ情報に差異がでてしまう
    • ログの指針を変更
• ヤフートップでのbfcache有効化
  • ABテスト実施
  • ユーザ体験は良くなってるがビジネス指標が低下
    • 広告売上が5.4%低下
  • 仮説を立ててさらなる検証
    • 対策を打ってユーザ体験とビジネス指標を両立させた