Flutter notes

「离开世界之前 一切都是过程」

XD to Flutterを動かしてみる

最近全然Flutterを触れていませんでしたが、以下のニュースをみかけたので、動かしてみました。 https://blogs.adobe.com/japan/cc-web-xd-flutter-plugin-now-available/ Flutterのupgrade 1 2 3 4 5 6 7 $ flutter channel stable $ flutter upgrade $ ...

カードをめくるエフェクト(Webでも動くやつ)

ふと、カードをめくる感じのアプリが作りたくなりました。 https://github.com/fedeoo/flip_card よさげなパッケージがあったので、これを入れるだけで終わりか?と思って試してみました。 ネイティブでは普通に動きましたが、Webだとおかしくなってしまいました。 僕のFlutterのモチベーションのほとんどは「Webでもそのまま動く」が支えているので、We...

Moyo: 色錯視

引き続き以下の本を参考に模様を描きます。 ふしぎな模様の描き方 今日は色錯視。 星はどちらもColor.redでfillしているはずですが、全然違う色に見えますね。 ソースコードは以下のリンクから。 https://github.com/tnantoka/moyo/commit/f9f4e1fb610447cadf293eb876f2a6c6923e00cd Webでも動いて...

Moyo: 三角形パズル模様

こんな感じのものを描きました。 ソースコードはこちらです。 https://github.com/tnantoka/moyo/commit/b4ebb0c31222d964adb2cc11a41c986ffeaf1a4c Web版は以下からアクセスできます。 (やはりパーマリンクがあると直接目的の模様が見れて便利) https://tnantoka.github.io/moyo/...

GitHub Actionsを使ってFlutter for webをbuildしてGitHub Pagesで公開する

GitHub Actionsが使えるようになったらWeb版のデプロイを任せたいなぁと思っていたが、すっかり忘れていた。 週末に思い出してSign upしておいたら、昨日使えるようになっていたのでMoyoに設定してみた。 参考にしたのは以下の記事。Flutter(Android)をbuildする方法が丁寧に書いてある。 https://medium.com/better-programmi...

Moyo: 画像をクリップボードにコピーできるようにする(base64形式で)

引き続き暇な時はMoyoプロジェクトをいじっています。 https://github.com/tnantoka/moyo https://tnantoka.github.io/moyo/ せっかく書いた画像を保存したいな、と思ったので、クリップボードにコピーする機能を付けてみました。 (画像データそのままはクロスプラットフォームで動く気がしなかったのでbase64で。結局We...

Moyo: Flutter Webで画面遷移したときにURLが変わるようにする

新しいWidgetを追加した記事を書く際にそこへのリンクが貼れないのが気になっていたので、 画面遷移した時にURL(path)が変わるようにしました。 参考記事の通りNavigator.pushNamedを使うと変わるようになりました。 最初はargumentsで表示するwidgetを指定していたのですが、 ブラウザで直接見た場合argumentsがなくてエラーになるのでやめ、初期化の...

Moyo: タートルグラフィックス的なもの

久々の更新です。 Turtle Graphicsのスライドを見たので、それっぽいものをやってみました。 https://speakerdeck.com/temoki/swift-playgroundsdetatorugurahuitukususiyou 実装は単純。 以下のようなクラスを用意してその配列を_commandsに保持し、その値を元にCanvasの drawLine、 rot...

flutter_web packageで動かしていたプロジェクトをflutterに移行する

Web対応がFlutter本体にマージされたということで移行してみます。 公式の情報は以下のようなものがあります。 FAQ https://flutter.dev/docs/development/platform-integration/web マイグレーションガイド https://github.com/flutter/flutter/wiki/Upgrading-from-pa...

Flutter for Webをmasterチャンネルで試してみる

今までは https://github.com/flutter/flutter_web を使っていたけど、 Wiki によるとmasterチャンネルでも動く状態らしいので試してみた。 環境 1 2 $ flutter --version Flutter 1.9.8-pre.83 • channel master • https://github.com/flutter/flutter.g...