Flutterアニメーション、時々PWA+TWAなど|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社エンジニアの「?」を「!」に。CONTACTTOP開発Flutterアニメーション、時々PWA+TWAなど開発2019.03.08Flutterアニメーション、時々PWA+TWAなどwingdoorシェアツイートブックマークLINEBPSの福岡拠点として一緒にお仕事させて頂いてます、株式会社ウイングドアのアリタです。前の振り返りになるのですが、1月の終わりに福岡でFlutter勉強会があり、そこでFlutterのアニメーションについて発表させていただきました。触ってみた所感FlutterはWidgetの組み合わせで画面を構築するのですが、https://flutter.dev/docs/development/ui/widgetsにWidgetのパーツが用意されているので、シンプルなアプリであればWidgetの組み合わせだけで簡単にアプリが出来ます(便利)。Component)アーキテクチャをちゃんと学んで実装した方が良いかなと思います。その他にアニメーション(Animation)のWidgetも用意されています。Apps)は、WEBページでネイティブアプリのようなUXを提供する仕組みです。Playでの配信などが行えません。Activitiesの手順通りに実行してみます。16以上にする必要があるようです。Activity起動してみるタップすると音がなる(よく分からない)アプリが起動しました。挙動を確認どうも今回作成したアプリの中で指定したPWAのWebページが表示されているようです。(まぁ、普通のAndroidアプリなのでGooglePlayで配信できるよね・・)動きとしては、下記のような挙動になっている様子。AndroidManifest.xml:meta-dataのandroid:valuePWAのURLを指定。アプリを起動するとこのURL(例:https://airhorner.com)が開かれるAndroidManifest.xml:intent-filterのandroid:host「1」と同じURLを指定。ブラウザでURLを指定するとアプリが起動して該当ページが表示されるまとめ今回は、Flutter、PWA、TWAと触ってみました。(PWAはほとんど触れていないですが)各々の特徴にあった箇所で使えば、仕事でも利用できるんじゃないかなと思います。Native、Unity、Xamarin、Ionic)の選択肢もあるのでその辺の取捨選択は悩ましいですね。実際は好みの問題で、DartラブであればFlutter、KotlinラブであればKotlin/Native以下略・・みたいな感じでしょうか。WEBサイトをサクッとアプリ化(ホントに?)したいのであればPWA+TWAの選択肢もありかなと思います。RailsやPHPを活用したwebサービス、webサイト制作を中心に、スマホアプリや業務系システムなど様々なシステム開発を承っています。App)に変える簡単な手順(翻訳)シェアツイートブックマークLINEこの記事を書いた人wingdoor株式会社ウイングドアは福岡のシステム開発会社です。スマホアプリや業務系システムなど様々なシステム開発を承っています。Storageを使ってはいけない(翻訳)#Tags#会社紹介#自社サービス#勉強会#Rails#PHP#デザイン#実績#週刊RailsウオッチCONTACTお気軽にご相談ください。(翻訳)CONTACTTechRachoでは、パートナーシップをご検討いただける方からのご連絡をお待ちしております。お気軽にご意見・ご相談ください。