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の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() って細かく何度も呼んじゃって良いの？」のような疑問がもし
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のモバイルア
2021年 - これからFlutterを始める人へ学習方法のススメ
はじめに 非常に有り触れたタイトルになっていますが、最近私の周辺で Flutter を始める方が増えてきており（推奨している影響もある）、その都度同じリンクを貼るのが億劫になってきたのでまとめることとしました。ただこの手の内容だと「ただリンクを貼るだけ」みたいな記事も散見されますが、それだけだとつまらないのでそのリンク先で何が学べたか、どう感じたかも一言添えて紹介します。私も1年半前から Flutter に出会い1から学習した身ですので、これから Flutter を始める方とも感覚的には近いと認識しています。より再現性が高くなるよう、私が実際に学習で使用した内容を中心に取り扱っておりますので参考にして頂ければと思います。 対象となる読者 Flutter SDK も最近インストールした正にこれから始める人 学習するか迷っているが全体像を把握したい人 自分で手を動かしてものを作るのがはじめてな
Dart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載
Dart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載 Googleは、Dart言語のフレームワーク「Flutter 2」の公開を発表しました。 Now introducing, Flutter 2 at #FlutterEngage! Learn more about this major upgrade to the portability of Flutter that opens up a broad range of new target platforms like web and desktop from a single code base. Check it outhttps://t.co/T9025C5NCV pic.twi
GoサーバとDartクライアントではじめるgRPC
はじめに Go製のAPIサーバとDartクライアント（Flutterを想定）間の通信をgRPCで行う方法について書きます 日比谷音楽祭おさんぽアプリ2020 開発の裏側を語る / サーバー編というDeNAの20新卒、21卒内定者の方の記事を参考にしたので共有しておきます。 また、なぜgRPCを使うと嬉しいのかは、Cloud Native Days Tokyo 2020の南 直さんのセッション "Real World Migration from HTTP to gRPC"を聞くとわかりやすいのでこちらも共有しておきます。リンクからアーカイブ動画に飛べます。 準備 .protoファイルから自動生成するにはprotocコマンドと周辺プラグインを使用する必要がありますがローカルにいろいろインストールするのは嫌なので、Dockerコンテナを立ち上げて各言語のコードを生成します。現在のProtoco
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How can i connect to TCP socket (not web socket) in flutter?
Choose your first type of app
Flutter on Desktop