フロントエンドカンファレンス沖縄 スライドまとめ

# HP
[フロントエンドカンファレンス沖縄2022](https://frontend-conf.okinawa.jp/)

# スライド

- レガシーフレームワークからの移行
    発表者：CBCloud／新垣雄志

- [PWAをインストールしやすくするための実装](https://speakerdeck.com/chinen/frontend-conf-okinawa-2022)
スライド内で使用されたコードのリポジトリは[コチラ](https://github.com/chinen-octtn/pwaBeforeInstall)
    発表者：[まぁし](https://twitter.com/chocodogmagic)

- [バックエンドエンジニアが行うSvelt+Viteなフロントエンド構築](https://speakerdeck.com/seike460/svelte-vite-front-end-construction-by-back-end-engineers)
    発表者：[清家史郎](https://twitter.com/seike460)

- [SvelteKitを本番投入してみて](https://speakerdeck.com/kubotak/sveltekitwoben-fan-tou-ru-sitemite)
    発表者：[Kenjiro Kubota](https://twitter.com/kubotak_public)

- [JavaScript×数学でデジタルアートの世界へ](https://speakerdeck.com/clown0082/javascript-x-mathematics-go-to-digital-art)
    発表者：[桑原聖仁](https://twitter.com/kuwahara_jsri)

- [ビルドツールViteを10分で解説！](https://speakerdeck.com/akitotsukahara/birudoturuvitewo10fen-dejie-shuo)
    発表者：[AkitoTsukahara](https://twitter.com/AkitoTsukahara)

- [明日業務で役立たないWeb開発Tips](https://speakerdeck.com/hoto17296/ming-ri-ye-wu-teyi-li-tanai-web-kai-fa-tips)
    発表者：[株式会社ちゅらデータ／hoto](https://twitter.com/hoto17296)

- [Web開発を補助する目的でPlaywrightを使っている話](https://speakerdeck.com/aokiken/webkai-fa-wobu-zhu-surumu-de-deplaywrightwoshi-tuteiruhua)
    発表者：[株式会社BASE／aokiken](https://twitter.com/ao_kiken)

- ノーコードツール「STUDIO」でニューモーフィズムデザインを作ってみよう
    発表者：株式会社Re:Build ／ きぬ

- [型安全を目指したURL-based polymorphic IDのコード生成](https://henry-inc.notion.site/URL-based-polymorphic-ID-b4c51f16e20841e88a860382a99f4154)
    発表者：[株式会社ヘンリー／岩永 勇輝](https://twitter.com/gyakuchan)

- [JavaScriptからデバイスの力を100％引き出すためのWebAPIとCapacitor入門](https://speakerdeck.com/rdlabo/power-from-javascript)
    発表者：[榊原昌彦](https://twitter.com/rdlabo)

- [アクセシビリティとE2Eテスト](https://drive.google.com/file/d/1guW4dSQT5kWpZHRutegHw9Yb4lIvOAzw/view?usp=share_link)
    発表者：[ypresto](https://twitter.com/yuya_presto)

- [Figmaをフル活用するフロントエンド開発](https://www.figma.com/file/Vm8G2425OjcyVphXZBs41l/Figma-%E3%82%92%E3%83%95%E3%83%AB%E6%B4%BB%E7%94%A8%E3%81%99%E3%82%8B%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA?node-id=0%3A1)
    発表者：[seya](https://twitter.com/sekikazu01)

- [ウェブフロントエンドエンジニアから見るFlutter Webの現在地点](https://speakerdeck.com/kgsi/flutter-web-as-of-now)
    発表者：[小木曽槙一](https://twitter.com/kgsi)

- [フロントエンドエンジニアと個人開発の楽しみ](https://speakerdeck.com/panda_program/tips-for-indie-hackers-5e33891f-2054-4044-87da-623799f8d8bd)
    発表者：[プログラミングをするパンダ](https://twitter.com/Panda_Program)

- フロントエンドだけで機械学習
    発表者：aipa

- [React/TypeScript/Firebaseで個人開発したWebアプリを商用提供して1年半、運用を続けてわかったこと](https://speakerdeck.com/takusamar/20221119-frontendconfokinawa-iwamu)
    発表者：[いわむー](https://twitter.com/takusamar)

- [開発ドキュメントの管理・閲覧にVitePressを使ってみて感じた良かった点と注意点](https://speakerdeck.com/yuhei_fujita/document-with-vitepress)
    発表者：[Yuhei FUJITA](https://twitter.com/Yuhei_FUJITA)

- Figma TokensとStyle Dictionaryから始めるデザイナーとエンジニアが連携しやすい取り組みの話
    発表者：mk0812__

- 一年間、四苦八苦しながらWebARやってみた
    発表者：べいず

- [OpenAPI Generator を使ったときのエラーハンドリングについて](https://speakerdeck.com/ryamakuchi/openapi-generator-woshi-tutatokinoerahandoringunituite)
    サンプルリポジトリは[コチラ](https://github.com/ryamakuchi/openapi-sample)
    発表者：[千葉 リリィ](https://twitter.com/chiba_rry)

- [HTMLとCSSによるプログラミングの今](https://drive.google.com/file/d/1_EOMRKfysth89W8ERsNa6jFDyfRC1A0_/view)
    [五目並べ](https://tompng.github.io/cssgomoku/)
    [BF→HTML+CSS](https://tompng.github.io/programminghtmlcss/)
    発表者：[ぺん！](https://twitter.com/tompng)