こんにちは。メルカリのソフトウェアエンジニアの @sintario_2nd です。 この記事は、連載： メルカリ ハロ 開発の裏側 – Flutterと支える技術 – の4回目と、 Mercari Advent Calendar 2024 の10日目の記事です。 この記事について メルカリ ハロは 2024年3月6日にサービスを開始しました。サービスローンチ後は開発チームの体制が変わり、わたしはGrowth Hackチームに配属されて Customer Relationship M

はじめまして、X（クロス） イノベーション 本部プロダクト イノベーション センターの瀧川亮弘です。 本記事は、 電通総研 Advent Calendar 2024 10日目の投稿です。 もともとネイティブアプリを主戦場とするFlutterですが、Web開発にどれほど活用できるのか調査したため共有します。 Flutter とは Flutter for Web とは Flutter for Web の注意点 注意点1. ネイティブアプリがメインターゲット 注意点2. 実装言語がDartに限定される 注意点3

こんにちは。タップルでモバイルアプリエンジニアをしている緒方 裕樹（@icoriha）です。現在タッ ...

A Kotlin Engineer’s Journey Building a Web Application with Flutter in Just One Month Hello. I am Ohsugi from the Woven Payment Solution Development Group. Our team generally engages in server-side programming with Kotlin/Ktor and is currently working at

この記事はLuup Advent Calendarの10日目の記事です。 こんにちは、モバイルアプリエンジニアの大瀧です。 今回は、Flutterで開発されている社内向けオペレーションアプリについてご紹介します。 OPSアプリの概要 LUUPでは日々ユーザーが快適に使えるよう、車両のバッテリー交換や故障車両の改修やメンテナンス・ポートの設置など様々なオペレーション作業が裏側で行われています。それらを支えるためのツールとして社内向けにオペレーションアプリを開発しています。 主に以下の機能があります。 メンテ

Flutter2から3に上げた際のNull Safety対応 はじめに リテールハブ開発部のネットスーパー事業向き合いで開発を行っている野口です。 今回は、弊社で開発しているFlutterアプリのバージョンを2.10.5から3.24.3に上げた際にNull Safety対応を行ったのでそれについて書いていきます。 Null Safetyとは Null Safetyは、変数が null を持つことによって発生するバグを防ぐための仕組みです。 Flutter2以前では変数はnullableになっているため、n

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlow vs Adalo：ノーコードモバイルアプリ開発ツールの比較 」では人気のノーコード開発ツールのAdaloと比較することでFlutterFlowとの機能の違いやメリットを紹介しました。今回は、FlutterFlowの制約について焦点を当てることでFlutterFlowを利用した開発ではどのような注意点があるのか理解を深めていただきます。 はじめに 制約 各制約について 1. デザインの

XI本部 プロダクト イノベーション センター アジャイル 開発グループの徳山です。 前回の記事「 FlutterFlowとは？ノーコードでスマホアプリ開発を始める方法 」ではFlutterFlowについての特徴や機能といった基本知識を紹介しました。今回は、FlutterFlowを同じく人気のあるノーコードツールであるAdaloと比較することで両者の特徴や違いを解説します。よりFlutterFlowへの理解を深める助けになれば幸いです。 はじめに Adaloの概略 FlutterFlowとAdaloの違い

こんにちは。 株式会社ココナラ Web開発グループ フロントエンド開発チームの加藤です。 普段はWebのフロントエンドの開発をしていますが、最近プライベートでFlutterの勉強も兼ね、アプリの個人開発をしました。 Flutterの開発言語のDartはJavaScriptに似ているため、フロントエンドエンジニアでも馴染みやすいと思います。 今回はそこで使ったAPIやパッケージの紹介・解説をします。 作ったもの チャットアプリのようなUIで気軽に国会の発言を見ることができるアプリです。 議員をフォローしてそ

こんにちは。サイオステクノロジーの木村です。 今回は、Flutter アプリに Firebaseを導入し、Firebase Cloud Messaging（FCM）を利用してプッシュ通知を導入する方法をご紹介します。 Android と iOS ではPush通知が飛んでくる経路が少し違うため設定内容なども違いますが、今回は iOS に特化した内容で記載します。 Flutter プロジェクトの作成 まずは Flutter プロジェクトを作成します。 以下の記事の手順を参照し作成してください。 【Dart】

はじめに

ジャンプTOON アプリチームの吉田航己(@koki8442)です。 5 月にサービスを開始した 「 ...

  ジャンプTOON アプリチームの國師です。 5 月にサービスを開始した 「ジャンプTO ...

こんにちは。サイオステクノロジーの木村です。 今回は、Flutterの環境構築（Macでの手順）から Hello World を表示するまでを書きたいと思います。 コードエディタにはVisual Studio Codeを使います。Visual Studio Codeのインストール手順は含んでおりませんのでインストールしていない方は事前にインストールしておいてください。 Flutterとは Googleが開発したオープンソースのアプリケーション開発用フレームワーク。Dart言語を使用し、単一のコードベースで

株式会社WinTicket でFlutterアプリ開発を担当しております、techiroと申します。 ...