【Flutter】fl_chart でグラフを表示する
初めに 今回は fl_chartというパッケージを使って、グラフを表示させる実装を行いたいと思います。 fl_chart ではさまざまなタイプのグラフが実装できますが、今回は以下の三つに絞って実装を行います。 折れ線グラフ 棒グラフ 円グラフ 記事の対象者 Flutter 学習者 モバイル、Webでグラフを表示させる実装がしたい方 データを扱うアプリ開発に携わっている方 APIで取得したデータをグラフに変換する実装がしたい方 目的 今回の目的は、fl_chart パッケージを使ってグラフの実装を行うことです。 最終的には以下の画像にあるような実装をすることを目的とします。 折れ線グラフ 棒グラフ 円グラフ
71歳の私が、AIと協働してFlutterアプリを3週間で作り上げて確信したこと。「プログラミング学習の常識」は、もう終わった。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日、Zennの「第3回 AI Agent Hackathon with Google Cloud」に参加し、Flutterを使って、3週間で一つのアプリ『Vegitage』をデプロイまで漕ぎ着けました。 今日は、そのアプリ自体の話ではありません。 この開発プロセスを通じて、私自身が体験した「プログラミングという行為の、根本的な変容」について、少し過激な物言いになるかもしれませんが、正直にお話ししたいと思います。 結論から言うと、これまでのプログラミング教育が金科玉条としてきた「基礎からの積み上げ学習」は、もはや時代遅れどころか、才能の
Flutterが使うJDKが特定されるルール
jenvとAndroidStudio導入環境でFlutterのコマンドラインツールが使うかもしれないJDKがいくつか共存していて、いったいなにが使われるのか疑問に思ったので調べた。 ・・・というか答えは flutter config に書かれています。 (snip) --jdk-dir The Java Development Kit (JDK) installation directory. If unset, flutter will search for one in the following order: 1) the JDK bundled with the latest installation of Android Studio, 2) the JDK found at the directory found in the JAVA_HOME environment var
Flutterビルドしようとしてもビルドできない問題(GradleまたはJDK)
Could not open settings generic class cache for settings file '/Users/apple_nakatani/AndroidStudioProjects/sample/android/settings.gradle' (/Users/apple_nakatani/.gradle/caches/7.4/scripts/9cj2juayyzdzoy7ot69w9men4). > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64 キャッシュやら消したんですけどまともに動かなくて困った困った やったこと javaのバージョンがおかしいかもみたいなことをChatG
プロジェクトで使用する java のバージョンを管理する - Qiita
あるプロジェクトで Android アプリのビルドをした際、Java のバージョン関連のエラーが出たため、これを機に java のバージョンを管理するようにした方が良いのではと思い、jenv を導入しました。 その手順について備忘録として残しておきます。 使用している環境は、MacBook Air(M2)です。 Homebrew を使用して、公式サイト のinstall コマンドでインストール brew install jenv echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrc echo 'eval "$(jenv init -)"' >> ~/.zshrc jenv enable-plugin export シェルを再起動 exec $SHELL -l brew で openJDK をインストール 例：brew install
【Flutter】開発環境と本番環境のビルド設定（公式サイトから） - Qiita
はじめに flutterでビルドのflavor(iOSならscheme)を作る方法をご存知でしょうか？？ 4月から新規のflutterプロジェクトに携わることになり、その一環でビルド環境(flavor他)を作る方法を知りたいな、、と思い、Flutterの公式ドキュメントを眺めていました。 すると、公式に「Creating flavors for Flutter」という項目があるではないですか！！ 上記の項目を開いてみると、いくつか記事が紹介されていますが、リンクが置かれているだけ（若干放置されている感が...）。 ちょっと不親切だな、、と思いつつ、 仕方がないので各記事について、読む＋実際に環境を構築してみました！！ このQitaでは、環境構築してみた感想などを簡単にみなさんに共有できればと思います。 対象の記事 以下の5記事が紹介されています。 packageも2つ紹介されていますが、p
【入門】はじめての Flutter - Qiita
この記事は、アプリケーションフレームワーク「Flutter」の入門チュートリアルです。 開発環境の構築方法、およびサンプルアプリを iOS/Android エミュレータで起動する方法を解説します。 Flutter とは Flutter は Google 社が開発しているオープンソースのアプリケーションフレームワークです。 クロスプラットフォームに対応しており、ワンソースで複数のプラットフォーム（iOS、Android、Web、Windows、Mac、Linux）に対応したアプリを開発することができます。 また、マテリアルデザインによる美しい UI を利用することができます。 Flutter には、以下の特徴があります。 クロスプラットフォーム（iOS、Android、Web、Windows、Mac、Linux） Dart 言語 による開発 異なるプラットフォームで共通の UI（独自のマテリ
[brew install flutter] Flutter 環境構築 - Qiita
brew install flutter Updating Homebrew... ==> Auto-updated Homebrew! Updated 2 taps (homebrew/core and homebrew/cask). ==> New Formulae dprint keptn libxml++@4 libxml++@5 md4c mermaid-cli ==> Updated Formulae Updated 207 formulae. ==> New Casks fvim silicon-info ==> Updated Casks Updated 104 casks. ==> Downloading https://storage.googleapis.com/flutter_infra/releases/stable/mac ###################
![[brew install flutter] Flutter 環境構築 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/46225d92b697cb8904b47f1129ca4b7ef107c042/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMjUyMzQyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTg0NjQ1OTIwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz05MDQwZWJmZDdhYjgzZmYwNTNkNmVhZWIxY2Q4MzBkNA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D6c92c2f1701f728278fbe3857de874a2%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCYnJldyUyMGluc3RhbGwlMjBmbHV0dGVyJTVEJTIwRmx1dHRlciUyMCVFNyU5MiVCMCVFNSVBMiU4MyVFNiVBNyU4QiVFNyVBRiU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTM1ZDI1OGFiYWVhMzFlZDFiYjZjNTFkZmJlMGY5ZDZk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB0a3Rjb3Jwb3JhdGlvbiZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWI1Nzg5OTliNzI5NGZhYTJkNmQzNzc0NjVkYjhlMWQ2%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dcf50b4bfbd324846a1ff725265b5b626)
WebフロントエンジニアがDart × Flutterに入門した話
Flutterとは、Dartという言語でモバイルアプリを開発するためのSDKです。iOSアプリとAndroidアプリを同じコードベースで実装できるとのことで、普段はWebアプリを開発している私にもとっつきやすそうなので入門してみました。 一通り入門が済んだので、どうやって入門したか、入門してみてどうだったか、Webエンジニアの視点でFlutter・Dartに期待することなどをまとめました。 基礎知識 Dartとは Flutterとは 入門の仕方 概要 ハンズオン Dart SDKのインストール Flutterのインストール VSCodeプラグインのインストール Android端末(検証端末)の接続、そしてDeploy 入門してみてどうだったか Dart言語について 開発環境について Flutterについて おすすめの読み物 おわりに 基礎知識 Dartとは Googleが開発している言語
Flutter入門してDartでHelloWorld - Qiita
自分のスペック メインはAndroid開発 iOSはObjective-cは5年以上前に自作アプリ作った程度 FlutterもDartも触ったことのない完全に素人状態から入門 まず公式HP 上記公式HPのNative PerformanceにあるUIとTransitionがカッコいい いつかFlutterでああいうアプリが作ってみたい Flutter開発の環境構築 Flutter SDKをダウンロード 公式HPのGet startedに進み、Flutter SDKをダウンロード ファイル名：flutter_macos_v1.0.0-stable.zip ファイルサイズは430MBくらい zipを解凍し、flutterディレクトリをホームに配置した /Users/ikemura/flutter たぶんどこでもいい SDKのパスを通す .bash_profileにパス追加 $ flutter
Flutter入門のためのDart入門 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近自分の中でWeb開発はReactJS、モバイルアプリ開発はFlutterが良いという結論がでました。 Flutterでの実装はDart言語で行います。 基本的なモダン文法をサポートしているため、他言語から入ってくる人には入りやすい言語だとは思います。 とはいえ、日本語情報でステップバイステップでDart文法がまとまっているところは少ないので まとめてみようと思ったのがこの記事です。 Flutterがよい理由 【翻訳記事】なぜFlutterにおいてDartを使用するのか？ ・hot reloadが高速(AOT、JITの2段階のコンパイ
Flutter - Build apps for any screen
Flutter transforms the development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded experiences from a single codebase. Get started Flutter is an open source framework for building beautiful, natively compiled, multi-platform applications from a single codebase. Fast Productive Flexible Fast Flutter code compiles to ARM or Intel machine code as well as JavaScript, for
初心者にこそオススメしたい言語Dart - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? きっと皆様はじめまして まもなくプログラミング(学習)歴2年になります、ycrackといいます。以後よろしゅう DartにはFlutterが話題になった頃から触り始めましたが、少し前まで [ Dart Flutter 違い | 検索 ] な状態だったので、拙いのはお許しを… (Qiita自体慣れてないのもある) TL;DR Dartはいいぞ Fast (はやい) Simple (わかりやすい) Multiple (真のクロスプラットフォーム／他の言語のいいとこ取り) Beautiful (FlutterでキレイなUI) Promisin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flutter開発環境でのJavaバージョン管理: jenvを使用した既存環境を維持したまま特定バージョンを導入する方法