Farmnote Member's Notes

223

本

ファームノートで働く人々のマガジンです。「世界の農業の頭脳を創る」ことを目指して日々奮闘している僕らの日常や学びなどを発信しています。

運営しているクリエイター

#Flutter

Rive（旧 Flare）でつくる Flutter アニメーション

※ 2020/5/17 アップデート: 最新版で動くことを確認およびリンクを修正 ※ Flutter Interact 2019 で 2Dimensions / Flare は Rive に名称変更すると発表されました: Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)。こんにちは、UI デザイナー / フロントエンドデベロッパーの ka

全てがFになる

新年あけましておめでとうございます。ファームノートのインタラクションデザイナー菅原です。みなさまお正月はどのようにお過ごしでしたでしょうか？僕はずっとお酒を飲んでいました。胃もたれが酷いです。去年も社内でアドベントカレンダーがあったのですが、どうにも下書きでくどくなってしまったので、ギャバン的に若さを主張し「振り返らないことさ」と言う意気込みで今年やることについてちょろっと書いていこうと思います。去年は、Goodpatch Anywhereさんにご協力いただ

Flutter生活はじめました

ファームノートの菅原です。年始の宣言通り今日からFlutter生活を開始しました。とりあえず、プロジェクトを作ってタブバーの制御をScopedModel経由で行ってみました。タブを実装するのに参考にした記事とりあえず下記の記事をみて実装しました。まぁ素直でした。 Blocモデルが大変だったのでScopedModelで実装してみました。とりあえずうまく動いてくれました。下記が参考になりました。 Fluxっぽく実装したいとりあえずStoreクラスを作って、そこに各

Flutter生活2日目画面遷移とタブ

どうもFlutter生活2日目のファームノート菅原です。本日はアプリらしくなる様に画面遷移を作ってみました。データ周りをちゃんとSingletonにするfactoryとかあるっぽいんですがいまいち、よくわからなかったので昔からの伝統的な描き方してみてます。 import 'package:scoped_model/scoped_model.dart';class RoutingModel extends Model { static final RoutingMod

Flutter生活3日目 PageViewとTab

こんばんはファームノートの菅原です。 Flutter生活が3日目になりだんだんそれらしくなって来ました。外はマイナス16度とかで手が痛くなります。透明ボタン領域を作ってみました。画面は全部画像を貼ってあるだけなので、ボタンとか押せません。とりあえず押して画面遷移できるように透明コンテナーを上に重ねる必要がありました。レイヤーってどうやるんだろうなーと調べたらありました。 Positionedで座標指定するんですねなるほどとホイホイレイアウトして、お次はタップだなー

Flutter生活4日目コンポーネントカタログ

こんばんはファームノートの菅原です。そろそろ画面実装を始めるので先に、コンポーネントカタログを用意してみました。まずは既存のライブラリがないか探してみました。調べてみたところとりあえず見つかりました。サムネイルの写真イケメンだなという感想です。あまり彼とは趣味が合わず、コンポーネントの階層のレイアウトが気に入りませんでした。自作する事にしました。参考にstoryboardのソースコードを覗いてみました。すると、dartでのクラス名を取得方法が書いてありました。