DELISH KITCHEN 開発部で小売向き合いでFlutterのアプリ開発をしている野口です。 本記事では、弊社で開発しているFlutterのアプリをFlutter Webでリリースできるかどうかの調査を行った時の知見についてお話しします。 FlutterアプリをWebで動かすとは Flutterはマルチプラットフォーム開発できるので、Android / iOS / Web / Windows / macOS / Linuxで同じソースコードで開発できます。なので、iOS、Android用に作成したア

Flutter Webで単体テストしてますか？ こんにちは。Woven Payment Solution開発グループの大杉です。 私たちのチームでは、 Woven by Toyota において Toyota Woven City で使われる決済システムの開発を行っており、普段はKotlin/Ktorでバックエンド開発とFlutterによるWeb/モバイルのフロントエンド開発をしています。 Flutter Webでは、Web固有のパッケージを使用しているとテスト実行でエラーになってしまうことがあります。 そ

やりたいこと FlutterのAPI通信をRetrofitを使用して行いたい！ 過去にRetrofitのみでAPI連携の学習をしていたけど、今回はfreezedとdioを使用した方法で学習しました！ プログラミング初心者の自分用に用語も一緒にまとめているので要所要所で少し脱線してしまっているかもです… ! RetrofitはHTTPリクエストを投げて、レスポンスを受け取る処理（API通信）を簡単に実装することができるFlutterのライブラリです 1. インストール 今回はRetrofitが推奨しているラ

初めまして！ 2023年7月にUIデザイナーからアプリ(Flutter)エンジニアになったカニチャーハンです🦀 UIデザイナーとして働いていた自分がなぜアプリエンジニアになろうと思ったのか、どうやってエンジニアになったのかを記事にしました。 未経験でアプリエンジニアになるために現在勉強中の方の参考になったら嬉しいです🙇‍♀️ この記事で書きたいこと 今までのデザイナーのキャリアを捨ててアプリ開発に挑戦した理由 アプリエンジニアになるために行ったこと 自分が目指すエンジニア像 今までのデザイナーのキャリアを

はじめに こんにちは！5月中旬から5月末までの3週間(水木金の間)、FANBASE事業部でFlutt ...

KotlinエンジニアがFlutterに入門して１ヶ月でWebアプリケーションを作った話 こんにちは。Woven Payment Solution 開発グループの大杉です。 私たちのチームは、 Woven by Toyota において Toyota Woven City で使われる決済システムの開発を行っていて、普段はKotlin/Ktorによるサーバーサイドの開発をしています。 私たちは、Woven Cityを一緒に作っていく協力企業や社内のビジネスチームと協力してPoC (Proof of Conce

1. はじめに こんにちは、TURING でエンジニアをしているsangotaroです。 TURINGは完全自動運転システムを搭載した"EV"の販売を目標とする会社です。 この記事では既存のC++で書かれたソフトウェアの資産をDartから利用する方法についてある程度の知見が得られたのでそれをまとめたいと思います。 2. なぜC++の資産をDartから使用する必要があったか hokkaidoプロジェクトの記事でもお伝えした通り、TURINGでは現時点でも以下のソフトウェア資産を持っています カメラからの映像

こんにちは、技術広報の yayawowo です。 システム開発 で重要な『開発とテスト』について、 エンジニアの体験談やTipsを覗いてみませんか？ 延べ450名以上の参加申込をいただいた、 『開発×テスト LT会』全2開催分の資料をまとめて紹介します！ イベント詳細はこちらをご確認ください！ ・ 開発×テスト LT会 ・ 開発×テスト LT会 - vol.2 開発×テスト Tips 11選 絶対にテストコードを書かないチームのテストルール 意外とカンタン!?テストコードの改善から始めるシステム開発の効率

自己紹介 IIJ で社内向けの運用システムやサービス共通の基盤の開発をしています。 最近は Golang, Dart (Flutter) , Rust あたりを主に業務として使用しています。 今回仕事...

こんにちは、株式会社 ラク スで先行技術検証を行っている技術推進課の @t_okkan です。 今回はFlutterの静的解析を紹介します。 Flutterは Dart で実装しているため、静的解析も Dart の仕組みを利用します。 Dart は静的型付け言語と動的型付け言語のどちらにも対応しているため、型チェックが比較的ゆるい プログラミング言語 です。 そのため、静的解析のルールを定めることで型チェックを厳密にしたり、コードのバグを未然に防ぐことが必要になります。 また、 ソースコード に強制的に統

こんにちは。 SaaS Product チームの板倉です。 SaaS Productチームでは開発運用しているサービスのマイクロサービス/マイクロフロントエンド化を進めています。 マイクロフロントエンドを実現する技術として採用しているフレームワークはAngular(TS, Dart)、Vue.js、Reactとなっています。 どれも素晴らしいフレームワークだと思いますが、私たちが進めているマイクロフロントエンドのやり方だと他にも良いフレームワークがあるんじゃないかと感じることがありました。 以前から気にな

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

こんにちは。技術推進課のt_okkanです。 最近業務でFlutterを使用することになり、少しずつですがFlutterを学習しています。 そこで今回はFlutterで、実機（ iPhone ）のカメラを利用してみました。カメラを使用するための プラグイン の追加から、カメラでの画像の撮影と保存、保存した画像の表示までを行います。 環境 Flutterについて アプリ作成〜プラグインのインストール 実装 使用できるカメラの取得 カメラ制御の初期化 カメラのプレビューの実装 画像の撮影と保存の実装 撮影した

初めて会社のブログに書きます。SPEEDA事業でCTOをしている林です。 TDDをこよなく愛する身として今日はDartでTDD、そしてテストの独立性を担保していく上で欠かせないMockライブラリーのMockitoについて書こうと思います。 Mockitoとは 今回Mock化するクラス 事前準備 Mock用クラスを定義する 振る舞いを定義する 振る舞いを定義する（Future、Streamの場合） 検証する 検証する（回数チェック） 検証する（引数チェック） 検証する（呼び出し順序） Fakeクラス 出来な

こんにちは！クラシルiOSアプリを開発しているknchstです。 昨今のモバイルアプリケーション開発では様々な要件があり、それらを満たすよう実装するには数々の苦難がありました。その一つとしてUIの状態、所謂State管理が難しくなってきています。ネットワークに接続し、またUIをアニメーションさせたりと、データとUIを同期するのは困難を極めます。 Rxなどのリアクティブフレームワークの利用が当たり前になり、ReactNaviteやFlutterなどのフレームワークをプロダクトに採用する企業も増えてきて、モバ