flutterhub.io こんにちは。 クラウド上でFlutterアプリが開発できると聞いてさっそく使ってみました。 まずはアカウントの作成をします。 アカウントはGoogleやGithubアカウントでも作れるみたいです。 便利ですね。 アカウントを作るとこんな画面になりま…

qkuronekop.hatenablog.jp 以前、AndroidStudioでの開発環境の作り方を書いたのですが、VSCodeでも作ってみようと思います。 まずはここからFlutterSDKをダウンロードします。 DLしたらzipを展開して適当な場所に置きます。 flutter.dev flutter/binにパスを…

こんにちは。 前回、前々回はfirebaseを使って認証機能を実装していきました。 qkuronekop.hatenablog.jp qkuronekop.hatenablog.jp 今回はUIを作ってる途中で、カレンダーをポップアップさせるのにちょっと詰まったのでご紹介しようと思います。 カレンダー…

こんにちは。 今回はGoogle認証を作っていこうと思います。 Googleプラグインはすでに入っている前提で書いていきますので、そちらのインストールがお済みでない場合はこちらを参考にしてみてください！ qkuronekop.hatenablog.jp Google認証はメールリンク…

qkuronekop.hatenablog.jp 先日からvue.jsでアプリを作っているのですが、ユーザーを特定したいので認証機能を入れてみようと思います。 認証方法は今の所２種類を考えています。 MailLink Google認証 これらの認証方法をFirebase Authenticationを使ってい…

qkuronekop.hatenablog.jp 前回、firebaseにhostingしたアプリをデフォルト状態からちょっとづつ修正して行こうと思います。 デフォルト状態だと、MyLayout.vueの内容が最初の画面として表示されています。 これを別のファイルに差し替えてみようと思います…

近頃、Vue.jsが気になっていて少しいじってみたので記録。 目標 Quasarでアプリを作る firebase にhostingする Vueのインストール Noade.jsをインストールします (https://nodejs.org/en/) vue-cli をインストールします npm i vue-cli -g ## quasarのインス…

こんにちは。 以前お仕事で下記のようなデザインをAndroidで作ったのですが、それをFlutterでどう実現できるかやってみました。 ランキングを色と番号で表現しています。 Androidで作った時もどう実現しようか悩んで最初は、Canvasに描くという方法をとりま…

WWDC 2019 で SwiftUI が発表されましたね。 とりあえず使ってみたいですよね。 Xcode11 SwiftUIを使うにはXcode11 が必要みたいです。 ダウンロードはこちら。beta版をダウンロードできます。 https://developer.apple.com/download/ チュートリアルページ…

こんにちは。 先日、Flutter for webでwebアプリをリリースしたのですが、そのページをPWAにしてみました。 qkuronekop.hatenablog.jp やり方は簡単。 manifest.jsonというファイルを作成します。 { "name": "qkuronekop.dev", "short_name": "qkuronekop", …

こんにちは。 Google IO 2019にて発表されたFlutetr for webが発表されましたね。 どんなもんかと思ってさっそく使ってみました。 github.com 私が試した方法です。 上のリポジトリをCloneします。 hello_woldをディレクトリをコピーしてディレクトリ名を変…

cogbot.connpass.com こんにちは。 先日、こんな勉強会へ参加してきました。 AzureとLine Message Apiを使ってラインbotを作るハンズオンです。 私は「食べれるかニャン？BOT」を作りました。 「食べれるかニャン？BOT」は食べ物の名前を送信すると、猫が食…

こんにちは。 前回、写真を撮る機能をアプリに追加したのですが。 qkuronekop.hatenablog.jp この撮った写真をFirebase Storageに保存したいと思います。 pubspec.yml dependencies: flutter: sdk: flutter firebase_storage: 1.0.4 AndroidX関係でエラーに…

Flutterで写真を撮るアプリを作りたいと思ったのでカメラ機能を入れてみました。 使ったプラグインはこちら。 pub.dartlang.org まだAndroidでしか試してないけどもiOS/Androidで使えます。 Androidの場合minSdkVersion 21です。 使い方 pubspec.yml depende…

ここ最近はFlutetrで何かアプリを作ってGooglePlayへリリースするところまでやってみたいなと思い、アプリを作り始めています。 ただ、サーバーを用意するのが手間なので、ネイティブ以外の作業は全てFirebaseで賄おうと思っています。 とりあえずはFirebase…

アプリ開発を始める為に必要なこと。 それは、開発環境を整える必要があるということです。 私のおすすめはAndroidStudioを使う方法です。 しかし、これは単に私がAndroidStudioを使い慣れているだけだからかもしれませんけどね。 この記事では、AndroidStud…

２月の頭から週３常駐でFlutterのお仕事をさせていただいていました。 新規で作るアプリで、実装だけでなくコーディング規約やアーキテクチャなども決めさせていただいてました。 私としては、少なくともリリースできる状態になるまで続ける気でいたのですが…