採択
レギュラートーク 30分

PWAをインストールしやすくするための実装

chocodogmagic まぁし

PWA(Progressive Web Apps)としてホーム画面に追加できるようにすることで、ユーザーの訪問率やコンバージョン率が上がるというデータがあります。その一方で、デフォルトのインストールバーは一般ユーザーにとっては用途が不明であったり急なインストール表記は敬遠されたりする可能性が高いです。ホーム画面追加の機能は比較的少ないコードで実装できますが、デフォルト設定のままにせず、インストールタイミングをコントロールする処理を追加しましょう。ユーザーが機能を理解した上で好きなタイミングでホーム画面に追加できるようにして、インストールのハードルを下げることが狙いです。その実装方法をコードで解説します。また、プッシュ通知のブラウザ対応も徐々に進んでいることから通知の実装・許可についても補足する予定です。

採択
レギュラートーク 30分

React/TypeScript/Firebaseで個人開発したWebアプリを商用提供して1年半、運用を続けてわかったこと

takusamar いわむー

知人の運営するヨガスタジオでは顧客情報の管理をExcelで行なっていましたが、相談を受けてこれをWebアプリ化しました。

運用開始してから1年半、大きなトラブルもなく順調にサービス稼働しています。
また、この間にもユーザーのフィードバックを受けての機能追加や、使用ライブラリのバージョンアップ対応も行ないました。

今回のプロダクト開発・運用の経験を通じて得た知見をお話しします。
特に、個人でプロダクト開発してお金を稼ぎたい人には1つの事例として参考になるかと思います。

■言語/環境
・React
・TypeScript
・Firebase

■スケジュール
2020年秋頃 課題ヒアリング
2020年の年末〜年始 冬休みの2週間でプロトタイプを開発
2021年1月〜2月 β版リリース、お試し利用
2021年3月〜 正式リリース(有償にてサービス提供)

採択
レギュラートーク 30分

JavaScriptから デバイスの力を100%引き出すためのWeb APIとCapacitor入門

rdlabo 榊原昌彦

Webは豊か表現力を持ち、ユーザから容易にアクセスしてもらえるという強い魅力があります。一方で、iOSやAndroidデバイスでは、HealthKitやNFC、外部デバイス制御などのデバイスAPIへのアクセスに制限があるため、実現できない要件も多いとされています。しかし、それは本当でしょうか。
本セッションでは、Webとブラウザの関係を見直し、デバイスの力を100%引き出してより自分のつくったWebサイトの価値を高める方法についてお話します。

採択
レギュラートーク 30分

Figma をフル活用するフロントエンド開発

sekikazu01 seya

昨今デザインツールとして定番となってきた Figma、そんな Figma には API やプラグイン、ウィジェットなどプログラマブルにデザイン要素を操作できる機能の数々があることをご存知でしょうか?

このトークではそんな機能たちを活用して

  • タイポグラフィや色のスタイルを生成
  • コンポーネントのコードを生成
  • デザイン上でアイコンや画像が増えたらレポジトリに自動で Push

などなどフロントエンド開発を楽にする工夫と開発の仕方をご紹介します。

6
採択
レギュラートーク 30分

SvelteKitを本番投入してみて

kubotak_public Kenjiro Kubota

SvelteKitはUIライブラリのSvelteをベースとしたSSRやSPAを作るフレームワークです。
Svelte Summit Fall 2022が2022年9月8・9日に行われた際にSvelteKitはバージョン1.0のRCとなることが発表されました。
トーク時にはRCではなく、リリースされているかもしれません。

  • そんなSvelteKitをなぜ採用したのか、
  • SvelteKitは他のフレームワークとどう違うのか、何が良いのか
  • 開発途上のフレームワークを使った開発はどうだったのか

などのSvelteKitの良さや開発の裏話ができればと思います。

9
採択
レギュラートーク 30分

フロントエンドエンジニアと個人開発の楽しみ

Panda_Program プログラミングをするパンダ

フロントエンドエンジニアの方が個人開発をしてみたいと思える発表にします。

  • 個人開発の目的
    • 学習か、リリースか
  • 楽しさとメリット
    • ものづくりの楽しさ
    • 視野が広がる
      • デザイン、PMF、マネタイズ、マーケティング、イノベーションetc.
    • キャリアを拓いてくれる
      • 私は元々サーバーサイドエンジニアだった
      • 「コードの質」を追求しよう
  • 技術選定
    • ツールやフレームワーク
    • ランニングコストを抑えるためのサービス選定
  • 私の開発事例
    • ビール画像投稿サイト(Next.js + Tailwind UI + Supabase + Vercel)
    • 技術ブログ(Next.js + Tailwind UI + Storybook + Cloudflare)
      • 元々Gatsby + Sass + Netlifyだった
10