Build applications faster than ever Create beautiful UI, generate clean code, and deploy to the app stores or web in one click. Fully extensible with custom code.
![FlutterFlow - Build beautiful, modern apps incredibly fast](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1207fe10a7bc8632b80f684544ff9fa7de36fd1/height=288;version=1;width=512/https%3A%2F%2Fuploads-ssl.webflow.com%2F608d9c1a6cbcc01b80952190%2F64fa413637ba6791a9624bfa_alt_flutterFlow_ShareImage_ffdc.jpg)
伊藤恭平 2011年に中途入社。入社後は iOS アプリや Web フロントの開発を行い、さまざまな新規サービスの立ち上げに携わってきた。2014年以降は、 iOS アプリの立ち上げをメインに行い、去年からは Flutter を使ったアプリの開発に従事している。 降矢大地 2012年に中途入社。さまざまな新規サービスの立ち上げに携わり、サイバーエージェントの Android 領域を牽引する。現在は新規サービスの開発以外にもプロダクトを横断した技術支援などにも従事。また、2016年に GDE(Google Developers Expert for Android)に加入し、社内のDeveloper Expertsも務める。
この記事は、シンプルなアプリを作りながら、Flutter開発の全体像を大枠で学ぶ内容です。 記事の流れは、ステップを踏みながら開発できるように順番に記載した、ハンズオン形式となります。 作るもの if-then planningのルールをスマホで管理できるものです。 if-then planningについての詳しい説明は省きますが、 「もし朝起きたら、コップ一杯の水を飲む」 「もしコンビニの近くに来たら、一旦過ぎてから本当に行きたいか考える」 のような、とある行動をトリガーとして良い行動を行うように、人間をプログラムするものです。 アプリ化の経緯は、今までスプレッドシートなどを使っていましたが、すぐに記録・閲覧できると便利だなと思ったためです。 機能 アプリの機能は下記のとおりです。 最低限アプリとして必要な機能だけを作成してゆきます。 ルールを追加することができる ルールを一覧で見ること
Basic Material Material2 Layout Text Assets Input Styling Effects Scrolling
Downloads Get the desktop, mobile, and font installer apps
ColorZilla for Firefox and Chrome Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Firefox and Chrome. ColorZilla for Chrome and Firefox Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Chrome and Firefox. Ultimate Gradient Generator A powerful online Photoshop-like CSS gradient editor, image to CSS converter and much more Cha
It's easy to think your code is obvious today without realizing how much you rely on context already in your head. People new to your code, and even your forgetful future self won't have that context. A concise, accurate comment only takes a few seconds to write but can save one of those people hours of time. We all know code should be self-documenting and not all comments are helpful. But the rea
Dart documentation generator Use dart doc to generate HTML documentation for your Dart package. For information about contributing to the dartdoc project, see the contributor docs. For issues/details related to the hosted Dart SDK API docs, see dart-lang/api.dart.dev. Installation The dart tool, with the dart doc command, is part of the Dart SDK. Generating docs Run dart doc . from the root direct
7月にFlutter開発を始めてから2作目、アイデアを発想するためのメモアプリ「アイデアメモ iX」をリリースしました。 走り書きをする感覚でサッとメモができ、さらにそのメモを組み合わせてシャッフルして表示したり、ランダムで過去のメモをピックアップしたり、アイデアのヒントになるようなワードを表示したり、アプリのアイデア出しにぴったりなアプリです。 ■AppStore https://apps.apple.com/jp/app/id1517535550 ■Google Play https://play.google.com/store/apps/details?id=com.IdeaShuffleMemoApp&hl=ja ■アプリの詳細記事 https://yukio.site/idea_shuffle_memo/ さて、このアプリを作成するにあたり、3つの機能を実装しようと取り組みまし
メモアプリ作成で作ったFltutterパッケージ 今こそ「ひらめきたい」というあなたに! 6月末にFlutterでアプリ開発を始めてから2作目のアプリ、アイデアを発想するためのメモアプリ「アイデアメモ iX」をリリースしました。 ■AppStore https://apps.apple.com/jp/app/id1517535550 ■Google Play https://play.google.com/store/apps/details?id=com.IdeaShuffleMemoApp&hl=ja ■アプリの詳細記事 https://yukio.site/idea_shuffle_memo/ 1作目は、とりあえずアプリをリリースすることを主眼にしていたため、技術的に実装が難しそうなところは省きました。 2作目はステップアップのために、 画面のパスワードロック DBのバックアップ・リ
Do you need simple layout samples for Flutter? I present you my set of Flutter layout code snippets. I will keep it short, sweet and simple with loads of visual examples. Still, it is work in progress — the catalogue of samples will grow. I will focus more on the usage of Flutter widgets rather than showcasing the components (Flutter Gallery is great for that!). If you have an issue with “layoutin
はじめに Google I/O 2019 にて provider というパッケージについて言及があり、公に Google 推奨になりました。 provider | Flutter Package https://pub.dev/packages/provider 使用例を探してみたのですが、scoped_model の代わりに ChangeNotifierProvider を使う例ばかりで、他の多数のプロバイダの情報はほとんど見当たりません。 各プロバイダの使用例について 要望 が上がっているので、そのうち公式に用意される可能性がありますが(結局なし)、まず自分で探り探りサンプルを作りながら調べてみました。 文字どおり「探り探り」ですので、誤りがあった場合にはご容赦ください。 2019/12/25 追記 投稿から一年が経った今では非常に有用なパッケージとしてメジャーになっています。 202
1ヶ月ちょっと前に Flutter の provider というパッケージに関する記事を書きました。 qiita.com そこでは、provider の機能の一つとして「DI の仕組みを提供」と説明しています。 しかし記事を複雑化するのを避けて掘り下げないままにしました。 代わりにここで補足しておこうと思います。 記事更新情報 2019/12/15 2019/11 下旬の provider 3.2.0 で 各プロバイダの builder という引数名が create に変わりましたので、本記事の関連箇所を更新しました。 2020/5/8 provider 4.1.0 によって異なる書き方ができるようになった旨を少し追記しました。 DI(Dependency Injection)とは DI はデザインパターンの一つであり、依存性の注入 と訳されることが多いものです。 とっつきにくい言葉です。
# Provider のススメ Flutter の状態管理には BLoC (Business Logic Component) パターンがよく使われると思うんですが、package:provider (正確には provider と ChangeNotifier) を使った方が楽だよ、という記事です。 Google I/O でも 2018 年は BLoC を推奨していましたが (Build reactive mobile apps with Flutter (Google I/O '18) )、 2019 年では意見を変えて provider パッケージの使用を推奨しています (Pragmatic State Management in Flutter (Google I/O'19) )。ちなみに 2019 の発表は現地で見ていたのですが、終盤にもかかわらず満席で Flutter への注目
Today some of the most popular solutions to build mobile apps are native or cross-platform approaches using React Native or Flutter. While native development is positioned as AAA technical solution, it has some disadvantages that create market space for cross-platform apps to come in. In general, native development requires more effort from the development team to accomplish the project but…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く