Flutterアプリをヌルヌルにする方法
カクカクなFlutter ３年以上、Flutterエンジニアをしています。 Flutterの代名詞といえば、やっぱり「カクツク」こと。 Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。 それが理由でFlutter採用を敬遠するエンジニアも多い印象です。 そんな私のアプリも以前はカクカクでした。 今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。 カクツク原因は？ 色んな理由があると思います。特にリスト周りが原因なことが多い印象。 よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。 理由として「ListView.builder」だとエラーが出て使えないか
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、Flutterのロードマップが更新され、2022年のものが追加されました。 Flutterの最新情報は追いかけたい、でも英語読むのはめんどくさい！ そんな方に向けて、本記事ではこのロードマップの要約を記載します。 あくまで個人の要約ですので、細かいニュアンスや詳細を知りたい方は、 下記の元記事を読んでください。 時間がない人向け## 短くまとめると、以下の内容でした。 開発者体験向上させる デスクトップのサポートをstableチャンネルにする Webも色々向上、ページ埋め込み機能を実装予定だ Material 3のサポートとか色々
こんにちは、多様な食を多様に届け、「まいにちの食事」を、おいしく笑顔にしたい @yagitatsu です。 (ちょっと長い？w) 息を吸うように仕事のことを発信できるようになりたいな、ということで仕事でも、noteを再開しようと企んでおります。 会社の近く。秋の目黒川も良きですね🍂本日はCTOらしく、今まで行ってきた技術的な意思決定について、成功と失敗について自分の言葉で語ってみようと思います。 注意点なのですが、前提として、環境やチームによって何を成功とするかは違うと思うので、「へー、こういう考え方なんだね〜」という感じで、軽い気持ちで読んでもらえればうれしいです 😃 技術選定の成功/失敗とはどういう状態かそもそも、技術選定について、成功とはどういう状態で、失敗とはどういう状態か、言語化してみようと思います。 まず、技術選定の成功とは、「この技術を選んでよかった。今後も続けていきたい
dotenvをインストール flutter_dotenvのパッケージをインストールします。 flutter pub add flutter_dotenv .envファイルを作成 環境変数を管理するためのファイルを作成します。 VAR_NAME ="dummyValue" ファイルをgitで管理しない場合は.gitignoreに追加しておきます。 〜〜〜 .env .envファイルをアセットに追加 Flutterアプリからファイルを読み込めるようにするために、pubspec.yamlのassetsへ.envファイルを追加します。 assets: - .env 環境変数を読み込み .envファイルをFlutterアプリで読み込みます。 import 'package:flutter_dotenv/flutter_dotenv.dart'; Future main() async { await
Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO
1 はじめに CX事業本部デリバリー部の平内（SIN）です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authenticationは、2022/08/28現在、Developers Previewであり、Flutter SDK 3.0.0以上が必要です。 https://ui.docs.amplify.aws/flutter/connected-components/authenticator https://docs.amplify.aws/lib/auth/getting-started/q/platform/flutter/#
Goのサーバーの管理画面をFlutter Webで作ってみるための調査 | フューチャー技術ブログ
Dart/Flutter連載の3本目はFlutter Webを紹介します。 Flutter 2になって、Web向けに出力する機能もStableになりました。 Flutter for Webは標準のHTMLにするHTMLレンダラーと、CanvasKitレンダラーと2種類あります。後者はSkiaという2DグラフィックスのライブラリをWebAssembly化したものを使います。Skiaはウェブ向けではないFlutterでも使っているため、モバイルとの互換性の高さが期待されます。 現状では明示的に指定しなければauto（モバイルはHTMLレンダラー、PCはCanvasKitレンダラー）になりますが、明示的に指定もできます。これらの違いはまた後で触れますが、せっかくウェブが出せるようになったので、ウェブフロントエンドをFlutterで作ってみるための色々調査をしてみました。React/Vue/Ang
FlutterFlow - Build high quality, customized apps quickly!
FlutterFlow helps you build high quality, customized apps quickly
はじめに この記事は【Zenn 初開催】AI エージェント開発に挑戦！初心者歓迎ハッカソンに提出した成果物である「BLOOMS」という Flutter を用いた iOS/Web アプリケーションで使用した、様々なテクニックについてまとめたものです。 BLOOMS が何なのか、についてはこちらの記事を参照してください。iOS 版と Web 版があるので、興味のある方はぜひお試しください。 筆者について 2025 年現在、私はフリーランスのソフトウェアエンジニアとして活動しています。 主に Flutter を用いたモバイルアプリケーションを得意とし、必要に応じて Firebase を用いてバックエンドも構築しています。 細かい内容はポートフォリオをご覧ください(PR) https://kingu.dev この記事について 「BLOOMS」は私がこれまで個人開発や仕事で得た知識を活用して実装して
FlutterでWindows用のアプリを作成する | CyberAgent Developers Blog
自己紹介 現在、株式会社MG-DXにて、Webフロントエンドエンジニアをやっている植木といいます。一つ前のプロジェクトはOPENRECでiOSエンジニア、その前は、ピグでUnityのエンジニアをしていました。ネイティブアプリを作るのが好きです。MG-DXでは薬急便というオンライン診療・服薬指導がWebだけで行えるサービスを提供しています。新たにアプリをインストールしなくても、SafariやChromeだけで気軽に使えます。 開発の経緯 薬急便は、患者向け、医療機関向けに展開しています。患者から予約が入った場合に、医療機関にはメールやFAXが通知されるようになっています。FAXでは、受信するまでの時間や画質の低下が気になり、コストもかかるので、代替手段で、Webから印刷機能を提供する話が出てきました。 キオスクモードでの印刷や常駐アプリとWebで連携して印刷する海外のアプリもありましたが一長
FlutterKaigi 2022 https://fortee.jp/flutterkaigi-2022/proposal/4a482a03-0c49-4140-84a6-0354f79d79ad
GitHub - livekit/livekit: End-to-end realtime stack for connecting humans and AI
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Flutterレンダリングパイプライン入門 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
Flutter レンダリングパイプライン入門 こんにちは、株式会社 WinTicket の大塚(@wait00002)です。 WINTICKET のアプリチームでは、不定期ではありますが有志で輪読会を行い、Flutter の深い知識の勉強を行っています。 今回は、その題材の中でも低レイヤー寄りの話題で、普段 Flutter で開発しているときには意識がしづらい「レンダリングパイプライン」についての解説をしたいと思います。 レンダリングパイプラインを学ぶメリット 「そんな低レイヤー寄りの部分、知らなくても問題ないんじゃない？」と思うかもしれません。実際、ひと通りの実装を行う上で必要となる場面は少ないですし、そういった場合もライブラリを使えば事済んでしまいがちです。 ですが、どうしても既存ライブラリで実現ができない高度な UI を実装したいときや、パフォーマンスチューニングを行うときなど、地に
WINTICKET が考えたモダンな Flutter アプリ設計を完全解説 | CyberAgent Developers Blog
はじめまして。WINTICKET アプリチームの @lcdsmao です。 一年以上 WINTICKET の Flutter でリプレース開発をし続けて、ついに今年の 4 月に正式に Android 版をリリースしました。 リプレースについて、ぜひ @wadackel の記事と @akihisasen の記事を見てください。 WINTICKET はすでに 3 年以上運営していて、既存のアプリの画面数は 100 ページ以上ある大規模なアプリです。 また、開発メンバーも多く、開発期間中の異動はありますが、エンジニアだけで 5 名以上のメンバーが稼働しています（現在は 9 名です）。 このような状況で順調にリプレースができ、リリースしてからも安定に運用できているアプリの設計について、紹介できればと思います。 概要 アプリの全体設計は Clean Architecture に寄せていて、大きく D
Flutter Project Structure: Feature-first or Layer-first?
Flutter Project Structure: Feature-first or Layer-first? When building large Flutter apps, one of the first things we should decide is how to structure our project. This ensures that the entire team can follow a clear convention and add features in a consistent manner. So in this article we'll explore two common approaches for structuring our project: feature-first and layer-first. We'll learn abo
“Flutter”だけでも食っていけます。『天才プログラマーKBOY』主宰の「Flutter大学」は陽キャ集団だった【前編】 - アンドエンジニア - エンジニアのこと、エンジニアから。
この記事でわかること Flutterは、iOSとAndroid両対応のスマホアプリ開発フレームワークである Flutter大学は、YouTuber・KBOYさん主宰のオンラインサロンで、有料会員数250人 Flutter大学の共同開発は現在第6期で、完成度の高いアプリがリリースされている オフ会やシェアハウスなど、Flutter大学は交流が活発なわりと陽キャな集団である プログラミングの楽しさを直感的に伝える「天才プログラマーKBOY」、プログラマーのリアルを伝える「凡才プログラマーKBOY」。 いずれのチャンネルも登録者数2万人を超えている人気YouTuber、KBOYさん。 そんなKBOYさんが今注力しているのが、スマホアプリ開発のフレームワークである「Flutter（フラッター）」、そしてFlutterに特化したオンラインサロン「Flutter大学」です。 そもそもFlutterとは
Flutterアプリの定期リリースを支える自動化 - Fast DOCTOR Technologies TECH BLOG
本稿では、ファストドクターのモバイルアプリのリリースフローを整備した取り組みについてご紹介します。 モチベーション ファストドクターのモバイルアプリは、2022年夏にFlutterでのフルリプレースを実施し、それ以降は機能の開発が完了次第随時リリースをするという戦略を取っていました。 この戦略はシンプルであり、開発に関わっているステークホルダーが少ない状況下でうまく機能していました。しかし、組織の拡大に伴い以下のような問題が発生するようになりました。 複数機能の開発スケジュールの調整をしたり、バックエンドのリリース・QAとの整合性を取ったりという必要性が増し、調整コストが肥大化 リリースが不定期なため、いつPull Requestをマージすれば良いか分からずopenされたままのPull Requestが多数 この状況を改善するために、以下の要件を念頭に定期的なリリースとそれを支える仕組みを
はじめに 皆さんはFlutterというフレームワークを知っていますか？ flutterはgoogleが開発したios,android,webアプリが作れてしまうフレームワークになります。(Dartという言語を使って３つ一気にアプリが作れる！！！) こちらの記事はそんなflutterのフレームワークを使って開発のアプリの紹介記事になります。 作ろうとおもった経緯 flutterの勉強がてら、なにか簡単アプリを作りたいなと思っていたのですが、自分自身が動画関連の会社に勤めているもあり、せっかくなら、 「ライブ配信が行えるflutterアプリを作ってみよう！」 と思い、今回のアプリを開発しました。 アプリの概要 スマホのカメラで撮影した映像をweb上で視聴できるというアプリケーションになります。 具体的な構成は以下の通りです。 今回作成したflutterアプリケーションでスマホのカメラ映像をrt
Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」がリリース。Rustの主な型や便利な機能がDartで使えるように
Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」がリリース。Rustの主な型や便利な機能がDartで使えるように Rust Coreの開発チームは、Rust言語のコアライブラリをDart言語で実装した「Rust Core 1.0」をオープンソースとしてリリースしました。 Rust Coreを用いることで、Dart言語にRust言語が持つ一般的な型やさまざまな便利な機能を取り込むことができるようになります。 合わせて、Rust Coreのドキュメント「Rust Core Book」も公開されました。 DartはGoogleが主導してオープンソースで開発されているプログラミング言語です。クロスプラットフォーム対応のモバイルアプリケーション開発に対応したFlutterフレームワークで用いられている言語として知られています。 なぜDart言語でRustのコアライブ
From idea to app in minutesAn internal tool or a dashboard for your team, weekend project, data entry form, kiosk app or high-fidelity prototype - Flet is an ideal framework to quickly hack a great-looking interactive apps to serve a group of users. Simple architectureNo more complex architecture with JavaScript frontend, REST API backend, database, cache, etc. With Flet you just write a monolith
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
id:kikuchy です。 先日、いよいよバクラク申請・経費精算のiOS/Androidアプリがリリースされました！ bakuraku.jp bakuraku.jp こちらの２つのアプリ、現在のところ専任のエンジニアはkikuchy一人だけで開発しています。 そのためか、技術スタックは何なのか、クロスプラットフォームフレームワークの技術を使っているのか、といった質問をたくさんいただきました。 また、LayerXのモバイルアプリ第一号でもあるため、リリースまでにいろいろな準備が必要でした。 当記事では、どんな準備をしてきたのか、使用技術スタックとその選定、開発の苦労話の一部をお伝えできればと思います。 （社内で）初めてのアプリ開発 会社はすでにプロダクトを展開していて、しかしスマホアプリ開発にはまだ手を出していない。 そんな環境でアプリ開発を初めるというのはなかなか珍しい経験だと思います。
Flutter 研修課題のレビュー観点表
具体的に適切かという点はそれぞれの実装によってことなるため、リード・テックリードがサポートする必要がある場合があるかと思います。 しかし評価観点に記してあることに注意することでそれらを学ぶことができれば十分であると考えています。 プログラミングには、問題の解答集のように答えが定まっているわけではありません。 そのため、プログラムのレビューにおいては、曖昧な箇所が出てしまうことがあります。 ある程度レビュー観点をリストアップすることで、より良いプログラムを作成するためのヒントを得ることができます。 レビューにおいて曖昧な箇所があった場合は、リードやテックリードに相談することで、より適切な対応を行うことができます。 研修評価項目Session 毎のレビュー項目
Atlas Icons
Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages
こんにちは、AppBrewの新規事業部の吉野です。 この記事は「Flutter #1 Advent Calendar 2020」の７日目の記事になります。（23時に参加登録しました） 弊社の新規事業部では去年の冬頃からFlutterを採用したため、そろそろ書き始めて１年経つことになります。 ぼちぼち手に馴染んできたとはいえ、UIの開発をしていると、何度も「あれってどうやって書くんだっけ」みたいなことがあり、 よくプロジェクト内を探ったりして時間を使ってしまうことがあります。 そこで、この一年間を雑に振り返ってよく調べた/使ったUIの実装をまとめていこうと思います。 Flutterに興味がない方のために、とりあえず、うちのかわいい猫の画像を貼っておきます。 かわいい猫 はじめに よくあるUIの作り方（ちっちゃいもの編） RippleEffectがある角丸ボタン グラデーションのついたアイコン
Amplify Flutter の一般提供が開始されました。美しいクロスプラットフォームアプリを構築しましょう | Amazon Web Services
Amazon Web Services ブログ Amplify Flutter の一般提供が開始されました。美しいクロスプラットフォームアプリを構築しましょう AWS Amplify は、セキュアでスケーラブルなモバイルアプリケーションとウェブアプリケーションを構築するためのツールとサービスのセットです。現在 iOS、Android、JavaScript (ウェブおよび React Native) をサポートしている Amplify は、アマゾン ウェブ サービス (AWS) を活用するアプリケーションを構築するための最も高速で簡単な方法です。 Flutter は、ネイティブにコンパイルされたモバイル、ウェブ、およびデスクトップアプリケーションを単一のコードベースから構築するための Google の UI ツールキットで、最も急速に成長しているモバイルフレームワークの 1 つです。 AWS
Googleのクロスプラットフォーム開発「Flutter」Windowsデスクトップアプリに対応へ - BRIDGE（ブリッジ）
Googleは同社がオープンソースで開発を進めるクロスプラットフォームフレームワークFlutterの、Windowsアプリへのα版対応が完了したと発表した。Windows10単体を考えても、世界で約10億以上のダウンロード数を誇るため、Flutterのさらなる活用が期待されている。 Flutter自体のα版は、2017年のGoogle I/Oで発表された。当初、同フレームワークはAndroid・iOSのクロスプラットフォーム開発用と思われていた。しかしその後、未だα版やβ版であるもののウェブ、MacOS、Linuxへの対応を進めている状況だ。 クロスプラットフォーム開発のフレームワークが登場する以前は、開発者はデスクトップやスマホごとに異なる画面サイズや機能など、個々に考慮し対応しなければならなかった。例えば、スマホではタッチ操作での利用が多くを占めるが、ラップトップからはキーボード・マウ
Flutter x GraphQLで大変革！求人アプリのアーキテクチャ刷新秘話 - Techouse Developers Blog
はじめに はじめまして、ジョブハウスでエンジニアリングマネージャーをしているhira22です。Techouseには2023年に入社し、ジョブハウスのモバイルアプリ開発を担当してきました。 2023年10月にリリースしたジョブハウスアプリは、FlutterとGraphQLを組み合わせたモバイルアプリとして開発を進めています。ユーザーが手軽に求人情報を検索・応募できるように毎月機能を追加しながら、成長を続けてきました。 この記事では、アプリをさらに速く改善しやすくするために実施した「アーキテクチャの変更」について紹介します。ジョブハウスアプリの技術スタックや主要なパッケージについては以下に列挙しますが、詳細な説明は省略します。ここでは「なぜアーキテクチャを変える必要があったのか」「旧アーキテクチャと新アーキテクチャはどのように違うのか」を中心にお伝えします。 Flutter: https://
盛り上がれFlutter3
Flutter3来た 5月11日でGoogle先生のI/O会議で、Flutter3発表しましたね。 Flutterのファンとして、フォローすべき内容で間違いありません！ 早速、今回のアップデートを軽くリストアップしようと思います。 完全なるクロースプラットフォーム 今回はLinux・MacOSのアプリがサポート対象となり、ついに、 Android、iOS、Web、Windows、Linux・MaxOSの全プラットフォームのサポートを達成しました。 Flutter2はWindowsで、Flutter3はLinux、次のFlutter4はFuchsiaOSじゃない？（ありだね 今回のサポートOS追加によって、PlatformMenuBarというWidgetは追加されました、主にMacアプリを使うときのメニューですね。 まぁ、何より、おめでとうございます。 ちょっと待って、Reactも全部のプラ
はじめに 今回の記事では、Flutter開発で役立つGitHubリポジトリ・Webサイトをあわせて10も紹介する。本記事の読者の対象は主に以下の通りである。 実務でFlutterを使っているプログラマー Flutter初心者 GitHubでFlutter開発を効率化したいプログラマー awesome-flutter Flutter開発を効率化するうえで役立つツール、ライブラリ、GitHubリポジトリ、ネット記事やYouTube動画などを1つにまとめたGitHubリポジトリ。Flutterに携わっているプログラマーは全員チェックするべき。 flutterawesome.com Flutterのサンプルアプリや開発テクニック等を分野ごとにまとめているWebサイト。前述のawesome-flutterとセットで確認しておきたい。GitHubと連携されており、サンプルアプリのソースコードをチェック
Flock 登場を冷静に評価する
Flutter を fork した Flock というリポジトリができました。 これにより、なにやら Flutter が落ち目にあるような声が散見どころでなく挙がっているのですが、冷静にちゃんと一次情報を読みながら fork の意図を確認しよう、という記事です。 Flutter が抱える課題 冒頭の書き方的に「Flutter は落ち目じゃないよ」「何の問題もないよ」という印象を与えていそうな気がしますが、「何も問題がない」わけでもないことは書いておかねばフェアではありません。 Google の全社的な事情で Flutter チームも一部のメンバーもレイオフされたというニュースがあったことは記憶に新しいですが、その影響があってかどうか、「Flutter チームのマンパワーが足りていないのではないか」というのが Matt さんの主張です。 推定される Flutter ユーザーが 100 万人、
入社したのが2017年11月だったので今月で5年間になります。いままででこんなに長く同じ会社で働いた事はなく長く働き続けられているのはひとえに10Xで働くのが楽しいからだと思っています。いろんなことがありましたがその時々であったこと学んだことを書いていきます。 10Xがサービスをリリースしていないときのまさに0.1くらいのときからいるのでいろいろ参考になるかもしれません。 そもそも10Xはどんな会社か いまはStailerという小売チェーンのECを垂直立ち上げするプラットフォームを作っています。スーパーなどの小売様がStailerを導入することによりWeb・アプリに対応したネットスーパーを立ち上げる事ができます。 Stailerを始める前にタベリーといういまはクローズした献立推薦アプリを作っていました。Stailerはタベリーで提供していた注文機能を切り出してそれぞれの小売様向けのアプリと
AIにアプリを作らせ４日でリリースした話
これからAIを使って、誰でもアプリを作れる時代になる。 結果として、アプリエンジニアの価値が非常に小さくなるのではと危惧しています。 果たして現時点ではどうなのか？ アプリエンジニア(Flutter)の私がAIを使って最短リリースチャレンジをしてみました。企画とコードはAIに任せて、どれだけ早くリリースできるか。 すると、アプリ自体は３日で完成したのですが、審査があったので、リリース日は４日目です。単純なゲームアプリだったのですが、Appleは審査を通してくれて驚きました。デザイン面はかなりこだわったので、それが良かったのかも知れない。 本当はコード面で完全にAIに任せたかったのですが、現段階では難しく、途中でバグが続出したので結構な修正を加えています。なかなか大変だった。 リリース後にこの完成度で終わらせるのはもったいなかったので、結構な修正をして、色んな新機能を加えました。なので、一応
FlutterのUIウィジェットを理解するための基本を知ろう！
前回はFlutterのインストールから雛形アプリケーションの作成と実行までを紹介しましたが、今回はその雛形アプリケーションのコードを利用してFlutterアプリケーションのプログラム内容について説明します。ただし、各部品やDartの文法は扱わないので、Flutterアプリケーションがどのような構造で作っているのかというおおよその概要が理解できるように紹介していきます。 FlutterでUIを扱う時の基本的な概念 3Dゲームのようなアプリの場合には、どのくらいのFPS（Frame per second）を出せるハードかということが重要になります。これは、どれだけ画面がスムーズに動くかを気にするためです。 しかし、現在ではハード性能の向上により、3Dゲームのような高度な画面更新を伴うアプリケーション以外ではFPSを気にする必要はほとんどありません。特に、ビジネスアプリケーションやSNSやメディ
Flutter開発で必要なDart言語の基本を理解しよう
対象読者 今回からFlutterの基本について説明します。Dart言語について知っている必要はありませんが、他の言語の基本を知っている方を対象に説明します。特に、JavaScriptやTypeScriptもしくは、Javaなど言語を使ってプログラミングしたことがある方であれば、より理解がしやすくなります。 Dartの基本 前回、Flutterのサンプルプログラムで示しましたが、まずはプログラムスタイルをなんとなく感じてもらえればと思い、記述しました。しかし、実際自分でコードを記述する時には、読んでなんとなくわかるだけでは不十分です。ここでDartの文法について詳細にお伝えすることは難しいですが、Flutterを使う上でも必要なDartの基本や文法について紹介します。 main関数 スクリプト言語に慣れていると、ファイルの上から順に実行される形式が普通といった感覚があります。一方、Dartで
グループ読書が少し便利になるアプリ「ぐるどく」の技術構成
グループみんなで EPUB ファイルの本文にコメントができるリーダーアプリ「ぐるどく」を作りました。iPhone/iPad/Apple Silicon Mac に対応しておりますので、下記リンクよりお試しください。 経緯や想いの話は別途 note に記事を公開しているので、気になる方はこちらも合わせてご覧ください。 これは何ができるの？ 「ぐるどく」でできることはシンプルです。 EPUB 形式の本が読める 本文にグループメンバーそれぞれがコメントが書けて、それを確認できる その他ブックリーダーに必要な機能がそれなりに使える Kindle にもメモ機能があると思いますが、あれをグループで使えるようにしたイメージを持ってもらうのがわかりやすいでしょう。 技術構成 私が考えた条件は下記でした。 縦スクロールではなく Kindle のように横にページを捲るように読めること モバイルだけではなく P
Flutterアプリを自動テストしたい話
こんにちは、エンジニアの斉藤です。 今回はAppiumでFlutterアプリを自動テストしたいという話です。 以前、弊社藤原のAppiumに関する記事を読んで私もAppiumを試してみたところ、自動でアプリが操作できる機能にとても感心しました。 私はFlutterアプリ開発に関わることがあったので、「FlutterアプリもAppiumで動くのか？」と興味を持ち、調査を始めました。 本記事ではその調査においてどのような課題・対応があったかを紹介します。 この記事では、要素やツールが登場するため、それぞれの役割を記載しておきます。 Appium モバイルアプリの自動テストツール。UI操作を自動化することで、テストや一定の操作を効率化できます。 https://appium.io/docs/en/latest/ Appium Inspector Appiumで自動テストを作成する際に、画面要素を
10Xが開発・運営する「Stailer」は、1人のエンジニアがクライアント・サーバー等領域を横断して機能を開発しやすい環境をつくるため、フルDart体制をとっています。 本記事では、Androidエンジニアのキャリアから10X入社後にFlutter、Dartを使って開発を行った久田、岡野、二川にこれまでの経験や転職時のイメージ、キャッチアップ方法などついて聞いてみました。（iOS出身エンジニア編はこちら） インタビューした人久田 一輝（@hisaichi5518）Software Engineer 面白法人カヤックでぼくらの甲子園シリーズのリードエンジニアを務める。その後、GMOペパボでハンドメイドマーケットminneのWeb API開発に関わった後にチーフテクニカルリードとしてモバイルアプリケーションの技術基盤の整備や技術選定を担う。 二川 隆浩（@futabooo）Software E
はじめに Flutter好きの皆さんこんにちは！ アルサーガパートナーズ株式会社でFlutterエンジニアをしているtaiseiです！ 突然ですが皆さん、FlutterでUIの開発を進める中で、「このUIはどんなデバイスでも適切に表示されるのだろうか..?」と不安に感じたことはありませんか？ レスポンシブデザインはもちろんのこと、テキストのフォントや色、ダークモードの表示など複数のデバイスで複数の画面を一回一回チェックするのは骨の折れる作業ですし、開発を進める中で副作用によってUIが変更され、気付かないうちに開発が進んでしまうといったこともあります。 そこで、これらの問題を解決する方法として、Golden TestというUIテスト手法があります！！ 今回はこのGolden Testについて、設定から基本的な使い方、私が実際に遭遇したエラーに対するトラブルシューティング等を解説していこうと思
マルチプラットフォーム対応が進むKotlin。「Jetpack Compose for Web」登場、Webアプリ対応のUIフレームワーク
Kotlin言語や統合開発ツールIntelliJ IDEAなどの開発を行っているJetBrainsは、Kotlinに対応したWebアプリケーション用のUIフレームワーク「Jetpack Compose for Web」のテクニカルプレビューを発表しました。 Jetpack Compose advances to the browser! Our newest technology preview brings Google’s toolkit for building reactive user interfaces with Kotlin to the web. Take a look, and learn all about the first preview version of Jetpack Compose for Web!https://t.co/RJhAYe6ek8 — Ko
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![Flutterの調査をしてみた[2022年] - NRIネットコムBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6792060f659dc249015002d81ed537d95c8ea68/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F3e015b2b900b77c0ece0a64f1559e543796dd7cd%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fy%252Fy-oka%252F20220426%252F20220426194523.jpg)
2022年の Flutter ロードマップ【要約】 - Qiita
Chompy創業3年間の、技術選定の成功と失敗を振り返る｜yagitatsu
Flutterでdotenvを利用して環境変数を管理する方法 | DevelopersIO
FlutterとFirebaseを使ってアプリを作る上でのテクニックあれこれ
Flutter/Dartと共に歩んだスタートアップの開発を振り返って得た、成功と失敗の教訓
【完全無料】Flutterを使って簡易ライブ配信アプリを構築する
Build multi-platform apps in Python powered by Flutter | Flet
ChompyでFlutter採用した_振り返り
バクラク申請・経費精算 モバイルアプリ開発の裏側 - LayerX エンジニアブログ
Flutterで迷いがちなよくあるUIの作り方/いじり方 - AppBrew Tech Blog
設計パターンを知るメリット｜Flutter設計パターン入門
【必見】Flutter開発で確認するべきGitHubリポジトリ・Webサイト 10選
10Xで5年働いてきて学んだこと | wapa5pow blog
【Android出身エンジニア集合】フルDart体制ってどうですか？座談会 | 株式会社10X
🥇Golden Testを導入してUI開発の不安を解消する
www.youtube.com
anond.hatelabo.jp
www.asahi.com
kazuki.vp.bex.jp
tomtom1ono.hatenablog.com
sienta-life.com