ゆめみの Flutter の研修課題を公開しました - Qiita
はじめに 株式会社ゆめみの Flutter の研修課題を公開しました ゆめみは、2022年1月に Flutter ギルドを立ち上げたばかりで、これまでドキュメント整備やテンプレートプロジェクトの作成、採用コーティング試験の作成など、少しずつギルドの体制を整えてきました。 そして、2023年4月に入社予定の方々のために、育成体制も着々と整えていっており、そのひとつとして研修課題を作成しました。 すでに、11月中旬から2名の内定承諾者アルバイトの方に取り組んでいただいており、今のところ「楽しい」「学びが多い」などの反応をいただけており嬉しい限りです まだ作成したばかりで至らぬ点もあるかと思います。 何か気づいた点や改善点などありましたら、優しくご指摘いただけますと幸いです 内容 用意されている課題を順番にクリアして、天気予報アプリを開発していきます。 おおまかな内容は、ゆめみの iOS ギルド
How to solve flutter web api cors error only with dart code?
It seems like CORS error is well-known issue in the web field. But I tried flutter web for the first time ever and I faced critical error. The code below worked well in app version when it was running on iOS device, but when i tested the same code on Chrome with web debugging from beta channel, it encountered CORS error. Other Stack Overflow answers explained how to solve the CORS issue with serve
FlutterからAPIアクセスする際に、XMLHttpRequest errorのエラーが出る
前提・実現したいこと Flutter(Dart)を用いて、外部APIにアクセスして情報を取得するシステムを作っています。 HotPepperのAPIから情報を取得するテストとして、ターミナルに取得した情報を表示するプログラムを実行する際にエラーが発生しました。 参考にしたサイト：https://qiita.com/abouch/items/90107b330bb126a6f742 発生している問題・エラーメッセージ await http.get(Uri.parse(url)).then((response)...の部分で、以下のエラーが発生した。 Error: XMLHttpRequest error. dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 909:28 get current packages/http/s
FlutterでTCP通信 - Qiita
操作方法 1 装置を起動する 2 コントローラを起動する 3 コントローラからConnectする 4 ボタンが有効になったら、左右に動かす コントローラ import 'dart:io'; import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; void main() { runApp( ChangeNotifierProvider( create: (context) => TcpClient(), child: MaterialApp( home: ClientPage(), debugShowCheckedModeBanner: false, ), ), ); } class TcpClient with ChangeNotif
【Flutter】 Windows Desktop App ビルド・リリース方法
前回環境構築まで行ったので、今回はビルド＆リリースまでの流れをまとめます。 Web版はビルドしてサーバーに配置すれば完了で特に詰まるところはないと思うので、今回はデスクトップ(Windows)をターゲットにします。 現在(2021/06/19)Flutterでのデスクトップアプリはベータバージョンです。公式ではデスクトップアプリのリリースはお勧めしていませんし、ここに書いた内容が明日変わっているかも知れません。 環境：Windows 10 Pro リリースビルド 適当なアプリを作成し、以下のコマンドでリリースビルドが実行できます。 最初リリースモジュールがどこにあるか分からなかったのですが、以下に出力されています。 myapp\build\windows\runner\Release ※ myapp\windows\runnerでは無いので注意 開発環境では出力されたexeを普通に起動でき
FlutterのState, StatefulWidget, setState()について | 50ぱーせんとおふ
StatefulWidgetがStateを内包する。 状態を表す変数(ここではhogehoge)はStatefulWidgetではなくてStateが持つ ここではbuild()もかかない class MyWidget extends StatefulWidget { @override MyState createState() => new MyState(); } StateはStatefulWidget(のサブクラス)ジェネリクスを持つStateを継承する 状態を表す変数を持つ レイアウトを構築するbuild関数をもつ。StatefulWidgetじゃなくてStateがレイアウトを構成する！ class MyState extends State<MyWidget> { int _hogehoge = 0; //状態を表す変数 Widget build(BuildContext co
【Flutter】 setState() とは何か
この記事は Flutter #3 アドベントカレンダー 2020 - Qiita 8 日目の記事です。 Flutter でアプリ開発をする上で StatefulWidget の setState() を使ったことが無い、という方はおそらくいないでしょう。StatefulWidget の「状態」を管理する State に対して、その状態が変化したことを教えて画面の再描画を依頼するアレです。 Flutter のチュートリアルでも真っ先に出てくる、誰もが知っているこの State.setState ですが、この記事では Flutter のソースコードを読みながら具体的に Element ツリー上で何が起きて画面が更新されているのかを見ていきたいと思います。 これが何の役に立つのかと言われると微妙なところですが、例えば「setState() って細かく何度も呼んじゃって良いの？」のような疑問がもし
FlutterはなぜButtonを一新したのか
こんにちはこんばんわ、すぎっと ٩( ᐛ )و です。 今日のテーマはボタンです。 Flutter は最近メジャーバージョンが "2" にアップデートされました。そのタイミングで RaisedButton をとうとう deprecated (非推奨）にしました。もともとは Flutter 1.22 で導入された のですが、移行期間扱いだったんですね。これがとうとう、エディター上で横線を引かれるようになっちゃいました。 こんな警告が出るようになりました。 RaisedButton はもう使わんと、ElevatedButton 使ってや。移行のやり方はドキュメント作っといたしざーっと見といて。Ver.1.26.0-18.0.pre 以降は非推奨にすることにしてん、堪忍な！ GitHub で経緯を追いかけると、Flutter 2 は Flutter 1.26 系から出てきた感じになっていたので、
Flutter2を入門していく所存である【Windows編】
今週は仕事の追い上げで色々バタバタしてましたが、技術への探求は欠かさずやってます。 今回は仕事でこりゃ便利だってなったFlutterに入門してみようかなと思います。 まずなぜ便利かというと、マルチプラットフォームだということですね。 Webアプリにもできるし各OS用のアプリにもできてスマホアプリにも出力できる。 しかも最近はバージョンが上がってより良くなっているとのこと。 Flutterは現在バージョン2.2になりましたが、もう今から触るなら2から触るべきですね。 ってことでとりあえず公式からインストールしていきましょう。 大体の人はMacかLinux環境でやってそうなのであえてWindowsでやっていきます。 Flutter2をインストール Flutterはインストーラーではないので注意しましょう。 まずは公式サイトにアクセスします。 https://flutter.dev/docs/g
Flutter で Windows アプリを開発するための準備 - きっとラボ
Flutter でのモバイルアプリ開発はやっていましたが Windows のデスクトップアプリはまだ開発したことがなく、今後やりたいと思った時にいつでも出来るように準備をしましたので、その際の手順をまとめました。いちいちモバイルのエミュレータを立ち上げるのが面倒な時にも便利だと思います。 環境は以下の通りです。 Flutter : master 1.19.0-2.0.pre.209 Visual Studio Community 2019 : 16.5.3 手順の一部は以下を参考にしています。 Desktop support for Flutter - Flutter Flutter desktop embedding を Windows で試す - Qiita 目次 目次 Flutter の設定を変更 Flutter for desktop on Windows を有効にする チャンネル
Flutter | デスクトップ(Windows)での開発ができるようにする手順 | さねぴっとコム
Flutterはインストールするだけではデスクトップアプリの開発はできず、いくつかの手順を踏むことでそれを可能にします。 ここではその手順を説明していきます。 またこの手順ではIDEとしてIntelliJ IDEAを使用しています。 Visual Studio 2019をインストールする Windowsアプリを開発する場合、Visual Studioをインストールする必要があります。 (Visual Studio Codeではありません) インストールの際、ワークロードの”C++ によるデスクトップ開発”にチェックを入れて下さい。 面倒くさい方は、取り敢えず”C++”と書かれた項目を全てチェックしておいても問題ありません。 デスクトップサポートを有効にする これだけではWindowsアプリの開発はできず、開発サポートを有効にする必要があります。 コマンドプロンプトやIntelliJ IDE
FlutterでWindows用のアプリを作成する | CyberAgent Developers Blog
自己紹介 現在、株式会社MG-DXにて、Webフロントエンドエンジニアをやっている植木といいます。一つ前のプロジェクトはOPENRECでiOSエンジニア、その前は、ピグでUnityのエンジニアをしていました。ネイティブアプリを作るのが好きです。MG-DXでは薬急便というオンライン診療・服薬指導がWebだけで行えるサービスを提供しています。新たにアプリをインストールしなくても、SafariやChromeだけで気軽に使えます。 開発の経緯 薬急便は、患者向け、医療機関向けに展開しています。患者から予約が入った場合に、医療機関にはメールやFAXが通知されるようになっています。FAXでは、受信するまでの時間や画質の低下が気になり、コストもかかるので、代替手段で、Webから印刷機能を提供する話が出てきました。 キオスクモードでの印刷や常駐アプリとWebで連携して印刷する海外のアプリもありましたが一長
グーグルがUIフレームワーク「Flutter 2」を発表--ウェブやデスクトップのアプリ開発にも対応
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleがモバイルアプリケーションフレームワーク「Flutter 2」を発表した。これは、モバイル、ウェブ、デスクトップ向けアプリのユーザーインターフェース（UI）フレームワークの大幅なアップデートになる。 開発者はFlutterを使い、1つのコードベースで「iOS」「Android」「Windows 10」「macOS」「Linux」に加え、「Google Chrome」「Safari」「Microsoft Edge」を含むウェブブラウザー向けにネイティブアプリを開発できる。また、自動車、テレビ、家電製品など、スクリーンを搭載したIoTデバイスに組み込むことも可能だ。 Googleは、2018年にAndroidとiOSのモバイルア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dart/Flutter: Http request raises XMLHttpRequest error
Desktop support for Flutter
How can i connect to TCP socket (not web socket) in flutter?
flutter for Desktop, Visual Studio 2022 problem
Choose your first type of app
Flutter on Desktop
How to use external DLL (Dot Net) in Flutter?