Future Tech Blog
フューチャー技術ブログ

Mobile カテゴリ

全57本のうち 26 ～ 50 本目を表示

記事一覧

スマートLED（Philips Hue）にFlutterでBLEアクセスしてみた

PhilipsののLEDをLチカ（LEDをチカチカさせる）する記事です。普通のLEDだと面白くないので、Philips HueのLEDを購入しました。接続ですが、Bluetooth（BLE: Bluetooth Low Energy）で直接LEDの操作をします。

【Flutter/Riverpod】グローバルなプログレスインジケータを実装する

アプリケーションを開発していて、下記のようなプログレスインジケータを表示したいケースがあるかと思います。今回はこのようなインジケータをページ共通的に制御することを目的として、その実装方法を説明していきます。!

fromJsonをNamed ConstructorsでもStaticメソッドでもなく、factoryコンストラクタで書く理由

Dartはコンストラクタがたくさんパターンがありますが、公式ドキュメントはもとより、国内外の様々なブログ記事で使い分けが紹介されており、先人による高速道路が整理されていると実感できます。一方で、慣れてくると自然だと感じてきますが、Flutterサンプルコードにある fromJson がfactoryコンストラクタであることが、最初はピンと来ませんでした

FlutterFlowを触ってみる

Flutter連載6回目としてFlutterFlowについて調べてみました。GoogleI/O'21でFlutterFlowというFlutterのノーコードのサービスが発表されました。

Flutter でプッシュ通知するときに知っておきたいこと

Dart/Flutter連載 の5日目のお題はFlutterでプッシュ通知です。Flutter製のスマホアプリにプッシュ通知機能をつけるとなったときに「最初に教えてもらってたら楽だったな〜」という情報をまとめてみました。また、最後に具体例としてFlutter x Firebase Cloud Messaging x Amazon Pinpointを組み合わせた場合の実現方法も簡単にご紹介します。

TensorFlow Liteを使ったFlutterによるモバイル画像識別器を作ってみた

FlutterとTensorFlow Liteを使ったモバイル画像識別について執筆させて頂きます。TensorFlow Liteとは...

Flutter Windows開発を試す

FlutterのWindows対応が正式版になったので軽く試してみました。Flutterのいつものインストール手順でインストールします。

VSCode DevToolsによるWidget Buildタイムラインの確認

VS CodeのDevToolsをを使用したWidget Buildの可視化についてご紹介します。Flutterアプリの開発では、Widgetのビルド単位を考えてコードを記述/改修すると思います。AndroidStudioのPerformance機能を使ってWidgetのリビルドを確認している例は見かけるのですが、VSCodeでの確認方法を見かけなかったため調べてみました。予想以上に高機能で、今回使わなかった機能も含めて活用どころがありそうです。

Class Widgets vs Functional Widgets

FlutterでWidgetを開発するとき、Stateless WidgetやStateful Widgetを継承したクラスを作成することが一般的だと思います。一方でクラスを定義せずとも、Widgetを返却するFunctionを定義することで同様のことが実現できるのでは？と考えたことはないでしょうか。

Dart/Flutter連載2022始めます

2022年もDart/Flutterをテーマにした連載を始めます！Flutterといえば、国内外問わず採用事例が増えてきており、クロスプラットフォームのフレームワークの人気度もここ数年は上がってきていますよね。

FlutterをElectronと組み合わせる

ElectronはHTML、Javascriptをアセットとして利用してデスクトップアプリケーションとして動かすことができます、結論としてはFlutterアプリケーションをWEB向けにビルドして、その成果物をElectronアプリケーションとしてビルドすることができました。

FlutterでGoogleマップを表示してみる

Flutterの実践的なアプリケーションの作り込みも試してみました。FlutterではGoogleマップを表示するためのウィジェットが存在するため、どのくらい簡単に実現できるか検証してみました。

Flutterの使いかた、環境構築から実装、ビルドまで

Flutterの開発を始めました。モバイルアプリ、WEBアプリ、更にはデスクトップアプリへの高いポータビリティが期待できる、Adobe XDでのデザインを高速にアプリケーションに反映できる、といった期待値が高いことが選定の理由です。

FigmaからFlutterに変換するプラグインを比較する

フューチャーでは、FigmaやAdobe XDなどのデザインツールの利用が以前よりも少しづつ増えています。今回の題材はFigmaです。先月の「Adobe XDからFlutterに変換するプラグインがあるため、変換ツールの選択肢で迷うことはあまり無いのかなと思います。

Adobe XDからFlutterに変換する

モバイル開発をする場合、デザインはAdobe XDかFigmaか何かしらのワイヤフレームツールを使うと思います。本エントリーではそれらをもとにアプリケーションを作成したときのTipsを紹介します。なお、デザインする人はステークホルダーの人に共有したりすると思うので有料版のXDの方が良いと思いますが、Flutter開発する人はXDファイルを持っている or 共有してもらえたら、スターター版で大丈夫です。

FlutterアプリをDeployGateで公開するためのいろいろ

Flutterで環境を一度作ってしまえば、Android StudiからAndroidエミュレータ でもiOSシミュレータでもどんどん起動できるので、デバッグはとてもやりやすいです。ですが、Flutterで作るということはスマートフォン向けのアプリなので実機テストもしたいですよね？ 今回はDeployGateを使うことになったのですが、FlutterとDeployGateそのものずばりな情報が見つからなかったので、その情報をまとめます。

Proxy下でのFlutter環境構築(for Mac)

以前、当ブログで連載が行われたFlutterですが、先日業務のためにFlutterの環境構築をしようとしたところ、いくつかの障壁がありました。当記事ではProxyがある環境下でMac上にFlutterの環境構築について、ダウンロードから仮想デバイス上での公式デモアプリ（Android）実行まで紹介いたします。

Figmaで会社の名刺をUI風にリデザインしてみる

新しく参画したプロジェクトが今後Figmaを使ってプロトタイプを作るということで、最近Figmaのキャッチアップをしています。「実際に何かを作ってみる」より良いキャッチアップ方法は存在しないだろう、ということで早速チャレンジしてみました。キャッチアップのために思いついたチャレンジは２つ：A. 架空のアプリを一からデザインB. 既に存在している何かのリデザインこの記事では「B. 既に存在している何かのリデザイン」の過程を紹介していきます。

Flutter ウィジェットテスト入門

Flutterでのウィジェットテストについてご紹介します。環境構築はこちらに沿って実施します。私はmacOSを利用していますが、利用しているOSごとに丁寧に手順が準備されているので、それに従って環境構築を進めればOKです。

FlutterでMONETマーケットプレイスAPIを使ってみた

MONETマーケットプレイスで購入したAPIとFlutterを使って簡単なスマホアプリを作ってみます。

Flutterで技術ブログRSSリーダー

FlutterでRSSを用いてフューチャー技術ブログリーダーを作ろうと思います。

Flutterレイアウト入門

Flutterでの画面レイアウトの入門的な内容です。Flutterを触ったことがない方にも「こんな感じで画面が作れるんだな」というイメージがつくようお伝えできればと思います。また、私がつまずいたWidgetのサイズ調整についても記載します。"

Flutter Swagger統合

突然ですがみなさん、Swagger使いたいですよね。

Dart入門

Dart/Flutter入門に参加します、DartといえばFlutterの話が必ずついてくるものですが、今回は連載1記事目として、敢えてプログラミング言語としてのDartに焦点を絞った記事にします。

Dart/Flutter連載始めます

2021年3月に「Flutter 2.0」のリリースが発表されました！それを記念してそして、本ブログ初のFlutter連載を行います。テーマはDart/Flutter全般です