Hatena Blog Tags
はてなブログ トップ
Flutter
このタグでブログを書く

Flutter

(コンピュータ)
【ふらったー】

ハンドジェスチャーをカメラで読み取り、iTunesなどの音楽アプリを操作するアプリケーション。
2010年、アメリカ・カリフォルニアのナンブニート・ダラルとメフル・ナリヤワルにより設立されたスタートアップ会社。
英語で「パタパタする／はためかす」という意味。

  • 2013年10月2日、Googleによる買収を発表。

ダウンロード

操作手順

  1. ウェブカメラの前で手をかざす
  2. ウェブカメラが手の形を読み取る
  3. 読み取った形に応じて操作する

対応アプリケーション

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
株式会社ダイアログ Tech Blog•16 時間前

Flutter ビルド時のエラーの解決策 ( No matching client found for package name)

flutterで、androidのビルド時に下記エラーがでて、詰まったので共有です。 エラー文 Execution failed for task ':app:processDebugGoogleServices'. > No matching client found for package name 'com.xx.xx' 解決策 google-services.jsonのpackage_nameとbuild.gradleのapplicationIdの２つを一致させる必要がありました。 "client": [ { "client_info": { "mobilesdk_app_id": "…

関連ブログ

フリーランス　技術調査ブログ•7 日前

flutterでtimerを利用して自動で画面画面遷移する

サンプルコード import 'dart:async'; import 'package:flutter/material.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData.dark().copyWith( scaf…

torikatsu.dev•11 日前

【Flutter】Dartの実行環境を作る

こんにちは、とりかつ(torikatsu923)です。 Flutter開発をしていると、Dartの実行環境が欲しい時があります。 例えばFreezedのようなflutter sdkに依存しないDart onlyなパッケージを試したい時などが考えられます。 今回はDartの実行環境の作り方を紹介しようと思います。 目次 目次 とりあえずHello worldしてみる pub getできるようにする ファイル指定なしでdart runできるようにする 【必殺技】dart createに頼る おわりに とりあえずHello worldしてみる とりあえずdart runでHello worldできる…

#Flutter#Dart#プログラミング
star__hoshi's diary•12 日前

ファイルの変更を検知して自動でテストを実行する

Flutter のテスト実行には watch がなくて不便だと思っていたのでファイルの変更を検知して自動でテストを実行する。 watchman を使うので別に Flutter に限った話ではない。 watchman いれる https://facebook.github.io/watchman/ install 方法は色々あるけど brew install watchman で入れた コマンド 以下のコマンドでOK。 test ディレクトリ以下のファイルに変更があったら flutter test を実行するだけ $ watchman-make -p 'test/*' -r 'flutter t…

#Flutter#watchman
技術的備忘録•15 日前

Flutter DropdownButtonにFirebaseから取得したjsonのリストを指定する

DropdownButtonの使い方 api.flutter.dev Firebaseから取得したオブジェクトの形式 { name: 'AAA', order: 1, folderId: 'id' } 実際のコード DropdownButton作成 DropdownButton<String>( value: model.selectFolderId, hint: Text('フォルダ'), icon: const Icon(Icons.arrow_downward), elevation: 16, style: const TextStyle(color: Colors.deepPurple…

#Flutter開発#flutter初心者#Flutter
torikatsu.dev•16 日前

【Flutter】dart-defnesでアプリの環境を切り替える

はじめに こんにちは、とりかつ(@torikatsu923)です。 アプリ開発をしていると本番、ステージング、開発と環境を分けたい場合があります。 Flutterでアプリの環境を切り替える方法として、今まではFlavorを使う方法がありました。 最近、DartDefinesという仕組みでも環境を切り替えることができるようになりました。 Flavorと比べ、DartDefinesを使った方が設定がシンプルになります。 今回の記事では目的、OS別(android, iOS)にDartDefinesを利用したアプリの環境切り替え方法を紹介します。 この記事の読み方 この記事では基本設定が終わっている…

#Flutter#プログラミング#Dart
code smith•23 日前

flutterのwidget内for-in文でindexを利用できるようにする

Gakuです。 簡単なflutterのtipsを掲載します。 Widget内のfor文 Padding( padding: const EdgeInsets.only(left: 40), child: Column( children: [ for (String value in stringList) Text(value), ], ), ), このようにfor文を使えばList内の値をforで列挙できて大変便利です。 ですが、この時に Padding( padding: const EdgeInsets.only(left: 40), child: Column( children: …

フリーランス　技術調査ブログ•23 日前

FlutterとFirebaseの連携手順のメモ

FirebaseとFlutterの設定 Firebaseにプロジェクトを作成する google-service.jsonファイルをダウンロードして下記にフォルダに設置する \<Your Project Root>\android\app\google-services.json /<Your Project Root>/android/build.gradleファイルにclasspath 'com.google.gms:google-services:4.3.10'に追加する dependencies { classpath 'com.android.tools.build:gradle:4.…

揮発性のメモ２•先月

Flutterの開発環境インストール

WindowsのデスクトップアプリをFlutterでつくる バージョン Flutter 2.8.1 VisualStudio 2019 VisualStudio Code 手順 ここにある通りにおこなう docs.flutter.devdocs.flutter.dev Flutter のインストール flutter/bin にパスを通す Windowsデスクトップアプリ開発を有効にするflutter config --enable-windows-desktop VisualStudio 2019 のインストール 「C++デスクトップ開発」を選択し、デフォルトのままインストールする コンパイラ…

#Dart#Flutter
hamburger•一昨日

FlutterのIntegrationテスト

docs.flutter.dev このページの内容を実行してみた。サンプルをコピペして実行してみただけ。 以前integration testを実行してもコケる状態だったので断念していた。所属チームの体制的にアプリを起動した際の動作確認も自動テストでカバーしたくなり、ダメ元で実行してみたら動いたのでちょっと拍子抜けした。特に頑張る必要もなくなっていた。 async/awaitも普通に待てるので、あとはテストコードの書き方まとめ方を整理して、チームに展開する。PageObjectパターン?というものをちゃんと理解してやってみたい。 github.com

Re:ゼロから始める文系プログラマ•一昨日

Flutter開発で需要の高いDartの特徴を徹底解説

おはようございます。Shotaです。 🤔「Dartが最近話題になっているが、どう勉強すればいいのか？」 🤨「Dartを開発で使うメリットってなんだろうか？」 このように考えている人も少なくないでしょう。 そこで、今回の記事ではプログラミング初心者に向けてDartについて詳細に解説します。今回の記事を参考に、Dartについて興味を持ってくれる人がいれば幸いです。 それでは早速、本題に入りましょう。 Dartとは？ Dartでできること Android/iOS両対応のスマホアプリの開発 フロントエンド開発 バックエンド開発 JavaScriptへの変換 Dartのメリット・デメリット メリット 文…

alpha Lounge•3 日前

昨年(2021)の総括と今年(2022)について

新年になったということで、去年の総括と今年やりたいことを備忘録的にまとめました。 昨年(2021)について 仕事 春先まで社員としてやっていた 以降はフリーランス化 主に技術知識に関する強い危機感を感じたため、ぼちぼち働きながら自学習できる時間を増やした 音楽活動や新しいことを始める時間を担保するためにも Androidメインにやりつつ、Flutterの仕事もやったりした アウトプット QiitaにJetpack Composeの記事やTips系を上げた 春先にブログを立ち上げ、以降は技術ネタ、雑談ネタ含めブログに移行し始めた Qiitaだけだと技術ネタ以外の内容が投稿できない点などがネックに…

ts0818のブログ•4 日前

Vue.jsでPWA（Progressive Web Apps）を実現できるWorkboxと言う名のライブラリを使ってみる

gigazine.net Facebookを運営するMetaがあらゆる分野に適応できる自己学習型AI「Data2vec」を開発したと発表しました。 Metaが言語・画像・音声など複数分野に適応できる自己学習型AI「data2vec」を発表 - GIGAZINE ⇧ 分野を問わず汎用的なアプローチでってところは、利用する側にとってはありがたいですな。 というわけで、今回はService Workerなどについてです。 レッツトライ～。 PWA（Progressive Web Apps）とは？ Wikipediaさんに聞いてみた。 A progressive web application (PW…

内向型の逆襲•4 日前

ブレスオブザワイルド日本語版と英語版の徹底比較　２ハテノ古代研究所編その1

ブレスオブザワイルドの楽しみの一つにNPCとの会話があります。 ブレワイの対応言語は非常に多く、ボイスは日本語・英語・スペイン語・ドイツ語・フランス語・ロシア語・中国語の7ヶ国語分用意されています。字幕だけならもっと多いです。 日本語で作られたセリフや用語が、それぞれの言語にローカライズされているのですが、今回の記事から数回に渡って英語版との違いを検証していきます。 今回はその2回目。ハテノ古代研究所の人たちを紹介します。 登場人物はプルアと助手のシモンの2人のみですが、なかなか濃い会話が展開されます。 彼女たちとの全会話の日本語版と英語版。シーカーストーンのアイテム強化まで紹介するのでかなり…

arcanum_jp’s blog•4 日前

flutter でスプラッシュウインドウを使う（flutter_native_splash）

iOS側だとスプラッシュウインドウは必須みたいなのでこういうのははじめから入れておかないと後で辛くなるのでちょい調べた。未来にまたアプリを作る際の作業メモ。イチから入れる方法は公式から出てるけど、スプラッシュウインドウのパッケージがあるみたいね。pub.dev 環境は以下で確認してます。 % flutter --version Flutter 2.8.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision 77d935af4d (9 days ago) • 2021-12-16 08:37…

超メモ帳（Web式）＠復活•5 日前

仕事が暇な時は技術の勉強でもしていたい。

仕事が暇な時は技術の勉強でもしていたい。 あわせてよみたい 仕事が暇な時は技術の勉強でもしていたい。 なんか疲れてる。これ、何度も書いた覚えがあるなーと思って今週のブログを読み返してみると、たしかに何度も書いてるな。どうもバイオリズムなのか気圧の関係なのかもしくはトンガの噴火のせいなのか、体調が微妙にわるげである。ひとまず明日は休みであることだし、ブログを適当にぼちぼちと書いたあとはさっさと寝てしまうとする。 今日は何を書くかな。特にネタも無いんだよな。そういや、twitterでこんな事をつぶやいた。 最近はFlutterメインでやってるけど、TypeScriptも興味ある。ちょっとフロントエ…

京音メンバーの日記•5 日前

#42から48まで譜面でレベル別一番好きな譜面を晒す　まとめ

倉野川からこんにちは、二条せらふ（@seraph_2）です。普段はまり花ちゃんをすこりながらポップンをしています。 前回の記事はこちら。 keionkakimasen.hatenadiary.com 食べて歩いてぺったんたんしまくった結果、「ゴールド賞まであと1ぺったん」になりました。あと1ぺったんがものすごく遠かった……泣く泣く倉吉を離れました。あーめう。 ところでこのあいだこんなツイートを見かけました。 鍵アカウントのためいろいろ塗りつぶしてます 50段階のレベルで42から48というのは一番プレイヤーが多いレベル帯だと思いますし、実力向上のために全曲プレイ*1をしている人の多いレベル帯かも…

ニフクラ mobile backend（mBaaS）お役立ちブログ•5 日前

1つのコードでマルチプラットフォームに対応できるアプリ開発言語まとめ

現在はAndroidとiOS、この2つのプラットフォームに対応するのは基本と言えます。となるとSwiftとJavaを覚えなければならないのでしょうか。2つの言語でそれぞれのアプリを開発し、ユーザ体験を統一したり、更新を重ねていくのはとても大変です。 そこで1つのコードからマルチプラットフォームに対応できるフレームワーク、プログラミング言語を使って見ましょう。開発工数を下げたり、同じUI/UXでアプリを提供できるようになります。

カンカク Developers Blog•6 日前

エンジニアからPdMになった件。

こんにちは、カンカクでカフェ事業のPdMをやっている しほちゃん @shihochan_jp です。カンカクへエンジニアとして入社してから2年間はAndroidアプリ開発をメインに担当しました。去年の夏よりだんだんPdM業務をはじめて秋より本格的にPdMとして仕事をしています。 このブログではしほのカンカクでのこれまでとこれからについてまとめて、リアル店舗開店などカンカクならではPdM業務について話したいと思います。 エンジニアとしてのこれまで Androidエンジニアとしての仕事 2019年10月にカンカクにジョインしてから、自社経営カフェのオーダーアプリ COFFEE App の Andr…

省エネ•6 日前

Flutterで作った個人開発アプリを公開しようとしている話

はじめに 遅くなりましたが、あけましておめでとうございます。 昨年はあまりブログも書けなかった気がしています。 今年はもっとアウトプット頑張っていきたいと思います。 個人開発のアプリを作った話 昨年、11月頃から個人開発のアプリを作成しておりまして、ぼちぼちリリースしてみようかなと準備しています。 本当はもっと色々機能やデータを充実させたいところですが、やりたい事を全部やってたらいつになったらリリースできるかわからなかったので、機能はぐっと落として簡易的なアプリをファーストリリースとすることにしました。 今後、時間を掛けて機能やデータを充実させていきたいと思っています。 また、Flutterで…

ハイパー白日記、、（茶トラ白）•7 日前

flutter pub run build_runner build でエラー

C:\dev\carespt\care_smile>flutter pub run build_runner build Unhandled exception: Bad state: Unable to generate package graph, no `C:\dev\carespt\care_smile\.dart_tool\flutter_gen\pubspec.yaml` found. #0 _pubspecForPath (package:build_runner_core/src/package_graph/package_graph.dart:232:5) #1 _parse…