Flutter

WordySquirrelで通信中にローディング画面をいい感じに実装するために方法を模索していました。 結論としては、以下のようなローディングのオーバレイを表示させる方法に落ち着きました。 showDialogを使う Flutterの公式にあるshowDialogを使うことで解決することにしました。 api.flutter.dev 実際に使っているコードは、現時点では公開していませんが、 代わりに「ボタンを押してから2秒間表示する」コードのサンプルを張ります。 ElevatedButton( child: const Text('PUSH'), onPressed: () { showDial…

注意事項 この記事は、Notion AIに対して 問題と解決策の概要 例示用のコード を渡して生成した実験的な記事になります。 作ったサービス 入力した情報を元に、ブログのアウトラインと要点を生成してプレビューしてくれるサービスです。 wordy.zuki.dev かなり雑に作っているので、使い勝手がいいとは思いませんが、元々の目的は達成できたので問題ありません。 モチベーション Open AIのAPIと連携させて、ほぼ100%でJSONを吐かせる Firestore触ってみたい Firebase AuthenticationとCloud FunctionsでAPIを楽に作れるのかを確認したい…

スマレジの テックファーム（SES 部門） でWebエンジニアとして働いている やまて（@yamate） と申します。 実務では SES の派遣先で、テーブルオーダーシステムの機能改修業務の設計などを担当しています。（2022 年 3 月〜 2023 年 3 月末予定） 2023 年 1 月からは Flutter を実務で使用することになって、キャッチアップ中です。 はじめに この記事では、 Flutter の MethodChannel を使って Kotlin のコードを実行するサンプルアプリの実装手順をまとめます。 MethodChannel とは api.flutter.dev docs…

最近2匹の猫との生活を始めました、アプリエンジニアチームの務台です。 今回は今年中旬に正式リリースと噂のDart3を使って、みんな大好きTodoアプリを作成してみたので、その感想等を共有できればと思います。 なお、2023/03/17時点ではまだアルファ版のため、今後機能の変更や削除の可能性があります。 作成したアプリのソースはこちらです。 github.com 実行環境 Flutter: 3.8.0-7.0.pre.2 (masterチャンネル) Dart: Dart 3.0.0 (build 3.0.0-204.0.dev) 開発時の注意 Dart3の機能はまだ正式リリースされていないため…

はじめに エキサイト株式会社の髙野です。 今回はFlutterでretryというライブラリを使用したのでこのretryの使用方法をご紹介します。 環境 Flutter: 3.7.0 retry: 3.1.0 使用方法 final r = RetryOptions(maxAttempts: 8); final response = await r.retry( () => http.get('https://example.com').timeout(Duration(seconds: 5)), retryIf: (e) => e is SocketException || e is Timeo…

ランキング参加中エンジニアグループランキング参加中プログラミング スマレジの テックファーム（SES 部門） でWebエンジニアとして働いている やまて（@yamate） と申します。 実務では SES の派遣先で、テーブルオーダーシステムの機能改修業務の設計などを担当しています。（2022 年 3 月〜） はじめに Web 関連の学習について、学習効率を高めることを目的として、月に１記事、振り返りのブログ記事を投稿しています。 目次 はじめに 目次 1. Flutter の学習 計画 Plan 1-1. Udemy 動画学習 実行 Do 検証 Check 改善 Act 1-2. 実務で必要な…

エキサイトの武藤です。 FlutterにおけるWidgetのフェードイン・アウトアニメーションUIについて簡単に紹介します。 Visibilityの表示・非表示の場合 AnimatedSwitcherを使ったフェードイン・アウトのアニメーションUI FadeTransitionを使ったフェードイン・アウトのアニメーションUI 終わりに 採用情報 参考 Visibilityの表示・非表示の場合 まずは、アニメーションがない単純な表示、非表示です。 単純な表示・非表示の場合は、Visibilityで実現できます。 class _MyHomePageState extends State<MyHom…

はじめに Remote Configをリアルタイムで更新できるらしいと聞いて、試してみました。 firebase.google.com 試す ちょうどFlutterアプリを作成していたため、Flutterで試してみます。 関数作成 ドキュメントの通り、Functionsに関数を作成します（有料プランへのアップグレード必須）。 const functions = require("firebase-functions"); const admin = require("firebase-admin"); // ドキュメントでは省略されているが、adminを初期化してあげないとエラーを吐きます。 …

どこかでflutterを使う予定はないのですが、興味があったので参加しました。 Flutter.Okinawa Meetup #1 あつまれー！ - connpass 感想ですが、環境構築が楽だなぁということと、夢とロマンがあるなぁという感じです。 環境構築についてですが、flutterの他に、AndroidSDKやXcode,etc... が必要になる場合があります。 ここまで聞くと面倒な感じがしますが、flutter docter というコマンドがあるので、それを打って出てきた文章を読めばいい感じです。色々なプラットフォーム向けにアプリを作れることに対してそこまで環境構築に時間がかからなか…

今日から新しい仕事が始まるので少しナーバスです。 仕事は、あるスーパーマーケットのアプリがこれまでXamarinで開発していたアプリをネイティブに書き直すというものです。 Xamarin自体、来年にはサポートが終了し、.NET MAUIに以降されますが、多くのクロスプラットフォーム同様、 性能の問題などが存在するため、明るい未来は無いでしょう。Flutterは唯一未来があるかもしれません。 お客様にはXamarinを捨てる決断、本質を理解し、ネイティブに書き換える工数を捻出していただいたことに感謝しています。 もちろん今は、 体調に気をつけています。 はじめて処方された抗ヒスタミン薬「ビラノア…

2023年3月3日から4日にかけてフリューハッカソンが開催されました。2020年から開催された本イベントも3年目。今まではオンライン開催でしたが、初めてのオフライン開催となりました。今回は計5チーム、総勢24名が参加しました。内12名はハッカソン初参加。初めての方も常連の方も混在し、所属部門も様々なバラエティ豊かな顔ぶれとなりました。 フリューハッカソンとは？ まず、ハッカソンとはハック(hack)とマラソン(marathon)を組み合わせた造語で、特定テーマに対して一定期間で開発するイベントです。そして、フリューハッカソンはフリュー社員が企画運営し、フリュー従業員が誰でも参加できる社内ハッカ…

この記事の対象者 Flutterでページ遷移する場合、CupertinoPageRouteとMaterialPageRouteがあるがOSによって変えたいと思っている人向け。 やり方 単純にページ遷移を判断するクラスを作ってしまう。 ※「route_config.dart」とする。[route_config.dart] import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'dart:io' show Platform; class RouteConfig { static…

運営を長年続けるうちに開発コードが膨大になり、身動きが取りづらくなる。大規模なサービスにはよくある課題です。しかし、根本的な解決に向けて大ナタを振るうには「痛み」も伴うため、なかなか踏み切れない、という企業も多いのではないでしょうか。リクルートでは今回、『ホットペッパーグルメ』と『じゃらん』という大規模サービスのアプリのリプレイスを実施。リプレイスに際して、Flutter、Kotlin Multiplatform Mobile（以後、KMM）という新しい技術要素を導入しました。Flutterは今やクロスプラットフォーム開発に欠かせないフレームワークとして磐石の地位を固めつつあります。一方、後発…

ChatGPTでアプリを作ろうとしています、id:kouki_danです。 前回のPart1では、技術選定をChatGPT主導でやっていきました！ kouki.hatenadiary.com 次は、いよいよアプリ作成に入っていきましょう！ まずは、作るべき画面を聞いてみました！ 正直、スプラッシュや冷凍庫一覧画面は本当に作るの？って感じがするのですが、今の僕はChatGPTの手足なので、受け入れるスタイルでいきます！ 一気に作ることはできないので、作る順番を聞いてみました どうやら、最初に教えてくれた画面は、作るべき順番に並べてくれていたみたいですね。早速スプラッシュ画面から作っていきましょう…

個人開発やりたいよねと思った。 あわせてよみたい ランキング 個人開発やりたいよねと思った。 なんか、個人開発やりたいよねと思った。昔から自分なりのアプリなりWebサービスなりを所有して一国一城のあるじとなってみたくはあったけど、Zennでアプリの個人開発をメインの仕事にしてる人の記事を読んでいてとくにそれを強く感じた。 zenn.dev zenn.dev プログラミングのスキルを持ってる人が技術に磨きをかけようと思うのならば、OSSのプロジェクトに参加していろんなプログラマと交流しつつIssueなんぞを解決していくのも悪くないけども、やっぱり自分だけのプロジェクトを管理してそれを一般向けに公…

Flutter/Dart講義の1回目。かなり基本的な言語構造から説明をしていきますよ。