Capacitorでスマホアプリ開発

705 Views

June 18, 24

#Capacitor #クロスプラットフォーム開発 #モバイルアプリ開発 #Web技術 #JavaScript

スライド概要

profile-image
スライド一覧

Docswellを使いましょう

（ダウンロード不可）

関連スライド

slide-thumbnail

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0
ue4 ue5 ue-beginner
user-img エピック ゲームズ ジャパン 1.7M
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 1.5M
slide-thumbnail

UE5レンダリングフロー総おさらい(2024) 基礎編！[CEDEC+KYUSHU 2024]
ue5 unreal engine ue-rendering
user-img エピック ゲームズ ジャパン 1.4M
slide-thumbnail

Meta XR SDK(V66-74)でQuestアプリを開発
spatial anchor unity quest pro shaperecognizeractivatestate oculus integration transformfeaturestateprovider building blocks transformrecognizeractivestate ovrsemanticclassification jointdeltaprovider ovrscenemanager jointvelocityactivestate オクルージョン sequenceactivestate scene manager ambisonic depth api metaxraudiosource playerlocomotor meta xr sdk quest3 ovrplayercontroller マルチモーダル meta haptics studio direct touch ui meta xr haptics sdk ovrspatialanchor ovrtrackedkeyboard hapticclipplayer fingerfeaturestateprovider hapticclip ワイドモーションモード wmm mruk mr utility kit voice sdk jointrotationactivestate meta horizon os ui set asw application spacewarp ovr metrics tool unityscene manager colocation discovery コロケーション mx ink passthrough camera api hand tracking microgestures webcamtexturemanager passthroughcamerautils cameraviewermanager hand pose selector recorder
user-img あうぜん 1.2M
slide-thumbnail

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】
ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer
user-img エピック ゲームズ ジャパン 1.1M
slide-thumbnail

【DeNA】新卒エンジニア向け 会社説明資料
user-img DeNA新卒採用 1M
各ページのテキスト
1.

Capacitorでスマホアプリ開発 Capacitorでスマホアプリ開発 2024/06/18(火) クラメソさっぽろIT勉強会 (仮) #3 DE-TEIU(@de_teiu_tkg) クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 1

2.

Capacitorでスマホアプリ開発 自己紹介 名前 ： DE-TEIU（@de_teiu_tkg） 職業 ： 株式会社 LIC エンジニア(雑用) 趣味 ： クソアプリ開発、麻雀 サイト： Uselesscode つい最近、メモアプリをGoogle Playで 公開しました。あとで軽く紹介します クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 2

3.

Capacitorでスマホアプリ開発 クロスプラットフォーム開発の話 クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 3

4.

Capacitorでスマホアプリ開発 世はまさにクロスプラットフォーム戦 国時代 Tauri React Native Cordova Unity Flutter などなど クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 4

5.

Capacitorでスマホアプリ開発 メリット 1つのプロジェクトで様々なOS用のアプリが作れる → Android、MacOS、iOS、Windows、Linuxなどなど UIを作りやすい気がする。(自分で好きな開発環境を選べるからか) デメリット OS固有の機能を呼び出しにくい → プラグインとか作れば呼べるけど、ひと手間かかったりする → OSの最新機能とかは呼べないかも 実行速度が遅くなるかも クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 5

6.

Capacitorでスマホアプリ開発 Capacitor触ってみました クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 6

7.

Capacitorでスマホアプリ開発 Capacitorとは https://capacitorjs.jp/docs クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 “ “ Capacitorはクロスプラットフォームのネイティブランタイムで、 最新のWebツールを使用して、iOS、Androidなどでネイティブに 動作するパフォーマンスの高いモバイルアプリケーションを簡単 に構築することができます。ハイブリッドアプリの次の進化とし て、CapacitorはWebネイティブアプリを作成し、必要なときにネ イティブSDKへのフルアクセスを犠牲にすることなく、Webファ ーストで構築したいチームに最新のネイティブコンテナアプロー チを提供します。 7

8.

Capacitorでスマホアプリ開発 つまり何？ フロントエンドの技術（HTML、CSS、JavaScript）だけでスマホアプ リが作れるOSS。 クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 8

9.

Capacitorでスマホアプリ開発 Capacitorにはどんな特徴があるの？ 開発に使用するフレームワークやライブラリに縛りなし → ブラウザ上で動くものなら何使ってもok Cordovaのプラグインとそこそこ互換性がある → Cordovaで開発したアプリをCapacitorに移行できる 公式ドキュメントが充実してる PWAも作れる クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 9

10.

Capacitorでスマホアプリ開発 Capacitorにはどんな特徴があるの？ プラグインも充実してる 広告表示 SQLite プッシュ通知 スプラッシュスクリーン ファイルシステム デバイス制御(カメラ、GPS) などなど クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 10

11.

Capacitorでスマホアプリ開発 Capacitorにはどんな特徴があるの？ Webアプリ用のプロジェクトに、後からCapacitorを導入してスマホア プリ化できる。最初から入れても良いし、後で入れても良い。 手順も簡単 1. npmとかyarnでCapacitorを現在のプロジェクトに導入 2. スマホアプリ用にビルドする 3. ビルド後にできたプロジェクトをAndroid StudioやXcodeで開く クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 11

12.

Capacitorでスマホアプリ開発 クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 12

13.

Capacitorでスマホアプリ開発 ということで今回作ったアプリがこちら クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 13

14.

Capacitorでスマホアプリ開発 クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 14

15.

Capacitorでスマホアプリ開発 名前の通りただのメモ帳 広告なし アプリ起動時に表示する 画面を設定で変更可能 クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 15

16.

Capacitorでスマホアプリ開発 平均評価は脅威の★5.0 (評価数:1件) クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 16

17.

Capacitorでスマホアプリ開発 ちょっとだけデモをやる クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 17

18.

Capacitorでスマホアプリ開発 まとめ Capacitorを使うと、フロントエンドの技術だけでスマホアプリが 作れる Cordovaからの移行がしやすい 既存のWebアプリプロジェクトに後から追加できる (かき揚げと同じ) プラグインも色々あるのでわりと融通が利く クラメソさっぽろIT勉強会 (仮) #3 2024/06/18 18