Flutter

Canvasにテキストを描画したいのですが、適当に書いたらエラーになりました。。。 TextSpan span = new TextSpan(text: 'テキスト'); TextPainter tp = new TextPainter(text: span, textAlign: TextAlign.left); tp.layout(); tp.paint(canvas, new Offset(5.0, 5.0)); とすると、 TextPainter.textDirection must be set to a non-null value before using the TextPai…

にほんブログ村 Kitachisukuです。 今回はAndroidとiPhoneのアプリを同時に開発する方法を紹介します。 あと、注意書きです。 AndroidとiPhone向けに同時にコンパイルものですが、 iPhone向けにコンパイルするにはMacのソフト 「Xcode」が必要です。 なのでWindowsやLinuxでコンパイルするには、 何かしらのクラウドサービスなどを利用することになります。 1.手段を考える 2.使ってみる ・インストール ・Flutter ・Apache Cordova 3.まとめ 1.手段を考える 実はいくつか開発する手段はあります。 今回は2つを紹介します。 ・…

ども ググってもいい感じにまとまってるの見つけられなかったのでメモとして書いといきます 今回試したのはAndroidのみです 基本的には既存記事の内容と同じです .soを吐くくだりが分かりづらかったのでそこをここでは書きます まず普通にRustのLibが作れるまでのプロジェクトを用意します もちろん#[no_mangle]つけます rustupのtargetをaddします "rustup target add aarch64-linux-android armv7-linux-androideabi i686-linux-android" NDKインストールします たぶんAndroid Stu…

本記事のテーマ 課題 解決方法 ソースコード 本記事のテーマ Flutter初心者向け 初めてFlutterを触った際に詰まったところを共有します。※注：Androidでの動作確認しかしておりません 課題 詰まったところ１．Exampleが動かないhttps://pub.dev/packages/audio_recorder/example２．マイク使用許可のpermissionsの使い方がわからない３．AndroidXに関するERRORが発生 ”The built failed likely due to AndroidX incompatibilities in a plugin.” 解決…

環境 OS: Windows 10 IDE: AndroidStudio Android StudioはJetBrainsのToolBoxでインストールをした 特別な設定 Flutterプラグインの導入 Flutter SDKのインストール 上記2つともAndroidStudioの言うがままに登録 エミュレータ起動時にエラー Flutterプロジェクトを作成し、エミュレータ起動時にAndroidのライセンス云々でエラー発生 （エラーのログ取り忘れて消えてしまった。。反省） おそらくこの記事の事象と同じ 当環境ではflutterにパスが通ってなかったので直接実行した C:\flutter\bin…

こんにちは、株式会社ラクスで先行技術検証を行っている技術推進課のt_okkanです。 技術推進課では、新サービス立ち上げ時の開発速度アップを目的に、現在ラクスでは採用されていない新しい技術の検証を行う、技術推進プロジェクトがあります。 今回はその技術推進プロジェクトで、モバイルクロスプラットフォームについて検証を行いましたので、その結果の報告を行います。 なお、別テーマの取り組みや、過去の取り組みに関しては、こちらからご覧ください。 tech-blog.rakus.co.jp

こんにちは、AppBrewの新規事業部の吉野です。 この記事は「Flutter #1 Advent Calendar 2020」の７日目の記事になります。（23時に参加登録しました） 弊社の新規事業部では去年の冬頃からFlutterを採用したため、そろそろ書き始めて１年経つことになります。 ぼちぼち手に馴染んできたとはいえ、UIの開発をしていると、何度も「あれってどうやって書くんだっけ」みたいなことがあり、 よくプロジェクト内を探ったりして時間を使ってしまうことがあります。 そこで、この一年間を雑に振り返ってよく調べた/使ったUIの実装をまとめていこうと思います。 Flutterに興味がない方…

SwiftでiOSアプリを開発する傍ら、Androidアプリも楽して作れないものかとネットの海を彷徨ったところ、 Flutterというフレームワークにたどり着きました。 Flutterで単純なガワネイティブアプリを作るところまでを実践してみての所感を書いていきたいと思います。

アドベントカレンダーの担当日を早めにしてさっさと終わらせてしまえば気持ちが楽だと思ったのに前日になっても書き終わっていないのは一体誰でしょう？そう、私(ふそやん@azihsoyn)です。 こちらの記事は Gunosy Advent Calendar 2020 の2日目の記事です。 昨日の記事はかとうさんの 長年稼働しているサービスの全体感をすばやく把握するには でした。 さて、先日プレスリリースでも発表されましたが、グノシーにラジオコーナーが出来ました。 現在ラジオコーナーにはオリジナル番組と、他社の提供するPodcastの2つのコンテンツがあるのですが、オリジナルコンテンツを入稿するための管…

hachibeechan.hateblo.jp 前回の続き そういえば、前回の記事のブコメで Behavior = TransactionScript? 実践CQRS という感じの元ネタばらし鋭い指摘をしてくれた方がいました。 90%方その通りなのですが、実装の平易さ、許容できるパターンの広さを優先するために元の定義からかなり離れてしまっており、混乱を招くかもしれないと感じたので別の用語で説明している次第です。 読み返すと文字の密度が高くて読むの大変な記事ですね。 今回は具体的な話になるのでサンプルコードとか載せられるといいなとおもいます。 スケーラブルなデータ設計の基本アイディア Store…

こんにちは。株式会社カミナシの keinuma です。 今回はReact NativeとFlutterの比較についてまとめてみました。 弊社ではモバイルアプリ開発にReact Native + Expoを利用しています。ExpoはCLIを筆頭に便利な機能が多く、開発フローの基盤になっています。 そんな中、クロスプラットフォームのライブラリとして人気を博しているFlutterと比較すると何が違うのか知りたくてまとめてみました。 比較する上で以下の観点に絞ってみていきます。 基本情報 開発環境 UI 状態管理 テスト 基本情報 FlutterとReact Nativeの言語、提供元でまとめてみまし…

先日VSCodeのAdobe XDプラグインが公開され、Adobe XDで作成したプロトタイプをコーディングに利用することが可能になりました。 利用までの手順と、実際に何ができて何ができないのか？試してみたので記録しておきます。 coliss.com letsxd.com Adobe XD + VSCode でできること Adobe XD のアセット（カラー/文字スタイル）に名前を付けて、デザイントークンとして扱う たとえば カラー #115293 を primary-dark のように CSSなどの各マークアップ言語・プログラミング言語での、デザイントークンのコードを生成できる 生成されたコ…

自分はAndroid / Kotlinだけ書いているのが楽なんですが、それだけやってても得られるものが限られてしまう気がするというか、やっぱり外の世界にも目を向けて行った方がいいと思うんですよね。もちろんAndroid / Kotlinのこともまだまだ知らないことがたくさんあるんですけど、それでもやっぱり外の世界にも目を向けた方がいいと思うわけです。 それは例えばAndroid / Kotlinから近いところだとiOS / SwiftだったりFlutter / Dartだったりするんですけど、もうちょっと遠くに行くとアルゴリズムとデータ構造だったり、関数型言語だったり、低レイヤなことだったりす…

今日はFlutterに関する情報に多く触れた。 ただ、コーディングには取りかかれなかった。 考え事が溜まってるのがよくないと思ったので今日から1-2セットで頭のモヤモヤを整理しようと思った。

権助の恋 Gonsuke's love 正岡子規 Masaoka Shiki 夜半にふと眼をさますと縁側の処でガサガサガタと音がするから、飼犬のブチが眠られないで箱の中で騒いで居るのであろうと思うて見たが、どうもそうでない。 When I suddenly woke up in the middle of the night, there was a rattling noise at the porch, so I thought that my dog Buchi couldn't sleep and was making noise in the box, but it wasn't. …

引き続き、Flutter モバイルアプリ開発バイブル の３章の途中。 Flutterは、Widgetをツリー構造にして画面を構築する特性上、下位まで依存関係を持つような作りにしてしまうと ほんの僅かなステータス変更でも、膨大な再描画になるよ。 というサンプルぽい。 サンプルの意図と異なるけど、このコードを写経していく中で、ウィジェットの属性をStateオブジェクトから参照する方法を覚えた。 ↓こういうやつです。一番最後の行で、「widget. 」とすることで、Stateと紐付いているWidgetを参照できるぽい。ほほー。 class AnotherWidget extends Stateful…

例年通り2021年の目標＆やりたいことです。 音声関連 自作スキル・アクションの開発に力を入れる Googleアシスタント向けアクションを作って公開する スマホアプリを作って公開する 去年まではどちらかというと情報発信がメインになっていましたが、今年は少し自分のスキルだったりアクションだったりの開発に力を入れていきたいなと思っています。特にGoogleアクションについては、Voiceflowもたぶん力を入れてくるだろうし、Alexaに比べると知らないことも多いので、ここを中心にしたいなと。 だからといってAlexaだったりVoiceflowの最新情報をお伝えしたりってことをやめるというわけでは…

是平氏政府自身が恒に戒心したる所にあらずや。 Mr. Kohei The government itself is not always on the alert. 然り、源氏は真に平氏の好敵手たるに恥ぢず。 However, Genji is not ashamed to be a true rival of Taira. 彼は平氏に対する勁敵中の勁敵也。 He is an enemy of the Taira clan. 頼義義家が前九後三の禍乱を鎮めしより以来、東国は其半独立の政治的天地となり、武門の棟梁は、其因襲的の尊称となれり。 Since the Yoriyoshi family …

こんにちは。Flutterエンジニアの id:yukioya-dvs です。 この度、YYC アプリ内ライブ配信コンテンツとしてワイワイライブをリリースしました！ これまでのメッセージでのコミュニケーションではなく、ライブ配信しているユーザーとオンライン上でやりとりができるコンテンツになります。 ※iOS/Androidのみ対応、Webサービスでは非対応 ワイワイライブの中身について 今回、ワイワイライブは既存のアプリ YYC の１つの機能として実装しました。 YYC アプリは、今まで Android/iOS 共にフルネイティブで開発を進めてきましたが、今回のワイワイライブではFlutterの…

前回の続きで、今回は をやってみました。説明に沿ってコードを書き写していくと、"Hello world"から始まり、単語を二つ組み合わせた言葉がずらーっとリストで出てくるような、そんなアプリが書ける、といった感じでした。 次は Learn more - Flutter なのですが、うーん、実際のところどうするか。まず、 Flutter samples をながめてみたいなあと思っています。

引き続き、Flutterモバイルアプリ開発バイブルを読み進めてます。 が… アニメーションしない… コードは、なんどか確認したけど、原因わからず… 一晩寝たら、何かわかるかも？何故か直るかも？ と思ったけど、解決せず。 今の実力では、問題解決ができないということやな… とりあえず、分からない部分はスルーして進みます。 import 'package:flutter/animation.dart'; import 'package:flutter/material.dart'; class LogoAnimationScreen extends StatefulWidget{ @override…

Flutterのプロジェクトを立ち上げる機会があり、プロジェクト開始時にやっておいた方が良いと感じたものを列挙しました 目次 Widgetの学習 静的解析 CI/CDの自動化 状態管理方法の選定 Widgetの学習 Flutter開発をするにあたって、画面は提供されているWidgetを使って作っていきます。 iOS開発におけるUIKit（UILabelやTableView）のようなものです。 ある程度知らないと画面を組み立てられないですし、公式ドキュメントやYouTubeにまとまっているので一度目を通しておいた方が良いと思います。 flutter.dev www.youtube.com You…

id:kikuchy です。新型コロナウィルスが猛威を振るう中、様々なコミュニティが継続の方法を模索していますね。 先月、昨年12月にStampさんのイベント PORT Firebase × Flutter を弊社Diverseオフィスで開催 & heavenOSK、kikuchyが登壇いたしました。 diverse.connpass.com 何回かStampさんと一緒にイベントを開催させていただいておりますが、今回が初のオンラインイベントとなりました。 今回はFirebaseとFlutterの組み合わせに関して、知見を公開しました。 実はこの組み合わせは二回目です。 ちなみに前回はFireb…