引き続き、Youtube動画を見ながら FlutterのUIを勉強中です。 ３：３０くらいまで来ました。 www.youtube.com Email 入力欄を追加しました。 ふむふむ。 Container のWidgetでも、decoration、borderRadius、boxShadow などを上手く使えば、オシャレに見えま…

以下の動画で作っているログイン画面を丸パクリしてみます。 僕も、こんなカッコいい画面を作れるようになりたい！ www.youtube.com 途中（1:54 あたり）まで実装したところで、明日に続きます。 サクサクリロードして画面を見ながら作れるのは、快適だね〜 …

今日は時間がなかったんだけど、サンプルコードのまま書いてみたら、Firebase Realtime Databaseにレコード追加出来ました！ いやっほい！ 結局、パッケージ追加してビルドが通るまでのハマりが最も苦戦したんだけど、そこさえ突破できれば、サンプルコード…

今日は、サンプルコードを動かすところ。 こちらのコードを参考にさせていただいています。 GitHub - daiki1003/firebase_sample at firebase_auth_package 画面は一つのみで、テキストボックスが２つとボタンがあるのみです。 テキストボックスにメールアド…

Flutterで、Firebaseのauthentication を使おうとして、iOS ビルドエラーになった状況を解決までを書いておきます。 いろいろ試したので、決定的な解決方法が曖昧ですが、おそらく Podfile の ios ターゲットが低かったせいかなと… 環境 Flutter のバージョ…

今どき、いろんな方がブログを公開してくださってるので、プログラミング学習は 本当に楽になりましたよね。ありがたや。 本日は、Firebaseの認証を使ってみます。（他の方のブログを見ながら） blog.dalt.me パッケージのインストール方法についても秀逸 bl…

今日は眠すぎてダメだー。 なので、明日に向けて準備のみ。 本のサンプルコードが難しすぎるので、別でFirebaseの組み込みを試してみようかな。 codelabs.developers.google.com 明日からチャレンジ！ 今日は寝まーす。

６章のサンプルコードで、とりあえずトップ画面が出るところまでたどり着けた… 僕の知識不足に、本の説明不足感もあいまって なかなかの難易度やった… やったこと。 Git clone でソースコードを取得 ↓こんなん > git clone https://github.com/AwaseFlutter/…

Flutterと並行して、動画編集を勉強しはじめてみたら、更新が止まってしまった…（ダメ） まさに、２頭を追うもの１頭も…パターン。 頑張っていきたい。 当初、Premiere Elements で頑張ってみたけど挫折。 その後、Filmora X に変更。 プリセットでいろんな…

昨日、３章読了と書いたものの、やはり最後の InheritedWidget の理解不足が気になったので、再読＆写経 やっぱり、実際にコードを書いて動かしてみないと、良くわからないね。 最近のプログラミングで混乱しやすいのは、変数のバインドかなぁ。 UI系のフレ…

例によって、Flutter モバイルアプリ開発バイブルを読み進めています。 ついに３章読了・・・ ３章最後の、InheritedWidget も実装してみて、コードを確認したかったけど 今日は眠すぎて無理や・・・（ダメ） パフォーマンス・チューニング目的ではあったけ…

引き続き、Flutter モバイルアプリ開発バイブル の３章の途中。 Flutterは、Widgetをツリー構造にして画面を構築する特性上、下位まで依存関係を持つような作りにしてしまうと ほんの僅かなステータス変更でも、膨大な再描画になるよ。 というサンプルぽい。…

引き続き、Flutterモバイルアプリ開発バイブルを読み進めてます。 が… アニメーションしない… コードは、なんどか確認したけど、原因わからず… 一晩寝たら、何かわかるかも？何故か直るかも？ と思ったけど、解決せず。 今の実力では、問題解決ができないと…

今日も、「Flutter モバイルアプリ開発バイブル」3章を読み進める。 休日出勤してたので、ちょっと読んだだけ。 なんだけど、電卓アプリのサンプルで感じた疑問が解消された〜。 3日目あたりに作った電卓アプリでは、ボタンのイベントで呼び出すメソッドを渡…

Flutter モバイルアプリ開発バイブル という本を見ながら、画面遷移のサンプルコードを実装してみた。 ここまでで、単一画面を作って、画面にボタンを置いて、押されたらテキストを変える。くらいは出来るようになっていたので、それを応用して遷移ロジック…

これまで勉強した内容を頭で整理して、ババっと超簡単なアプリは書けるようになった。 ボタン１個、テキスト１個 ボタンを押したら、カウントアップした数字をテキストに表示 ボタン押したイベント、ステータス管理（カウンタ）、ステータスを表示（テキスト…

４日目にして、仕事が遅くて何もせず寝落ちしてしまった… まぁ、そんな日もある。 こういう脱力も許容しながらいこ。 とりあえず１００日は続けたい。 明日は、やるぞ！ 中身が無いのもアレなので、好きなYoutube動画を貼っとこ。 有名なやつであれですが。 …

昨日からの続きで、Flutterで電卓を作ってみました。 とりあえず動いた。 2357developnote.blogspot.com 良いサンプルでした！ 元記事のかた、ありがとうございました〜。 ソースコード的に気になるところもあったけど、やっぱり手を動かすと、写経でも頭に…

画面上でイベントを拾えたなら、改めて、簡単なアプリを作って 入力、出力、レイアウトをやってみる。 よくやるのは、電卓作成。 いい感じの記事を見つけたので、このサイトのコードを写経させてもらおうっと。 2357developnote.blogspot.com ・・・３０分後…

某100日後に〜から、タイトルアイデアを拝借してみました。 改めて「100日後」って良い設定だなぁ。 ３ヶ月、何かを毎日できれば、きっとどこかにたどり着けるはず。 １日１０分でも継続してみよう。（と、今日は全然時間がとれないことを、前向きに言い訳し…

以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)３ - もっぺんプログラミング(´・ω・｀) ベスト商品の掲載枠の追加 今日のベスト商品（Best of the day）を表示するエリアを追加していきます。 先程のSingl…

以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)その２ - もっぺんプログラミング(´・ω・｀) 本のタイトルを付ける 前の Positioned の次に、新たにPositionedを追加します。 ), // Positioned Positioned(…

以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)その１ - もっぺんプログラミング(´・ω・｀) 次のページを作る 前回、トップページに "start reading" ボタンを作ったので、その遷移先のページを用意してい…

以下のYoutubeの動画を、実際になぞっていきます。 画面遷移とアニメーションが魅力的なアプリです。 こんなアプリをサクサク作れるようになりたい！ 今回もVisual Studio Codeで新規プロジェクトを作成して初めて行きます。 では、行きましょう。 アセット…

VS CodeでFlutter開発していて、ブログやYoutubeを見ていて気づきました。 あれ？僕のソースコード、色が寂しい… FlutterのExtension入れたのに、Syntax Highlighting されてなくない？ ↓ネット上のカラフルなソース よく見るカラフルなソースコード ↓僕の寂…

YoutubeのFlutter UI作成動画トライの続きです。 前回はこちら。 食べ物の横スクロール一覧を足していきます。 小見出しを付ける カテゴリの下に、小見出しをつけます。 SizedBox(height: 10, ), ], ), ), FadeAnimation(1, Padding( padding: EdgeInsets.al…

YoutubeのFlutter UI作成動画トライの続きです。 前回はこちら。 トップ画面が出来たので、遷移先の商品選択ページを作って行きます。 HomePage.dart を編集していきます。 まずは、Scaffoldの背景色などを整えましょう。 class _HomePageState extends State<HomePage></homepage>…

画面遷移を作る 遷移先のページを用意します。 lib/pages 以下に、HomePage.dart を作成します。 st[enter] のショートカットから、StatefulWidget を選択し、クラス名をHomePage とします。 しばらく、HomePageを編集していくので、確認しやすいように初期…

今回も、Youtubeで見かけた Flutter UI作成動画をなぞります。 前回は、こちら。 Flutter UI作成動画やってみよ（Foodアプリ）その１ - もっぺんプログラミング(´・ω・｀) フォントを変更する フォントもassetsとして扱うことで、読み込むことが出来るようで…

Youtubeで見つけた、Flutter UIを作る動画を見ながら なぞっていきます！ www.youtube.com ２６分の動画ですが、今回は６分までのコードです。 （書ききれなかったので、続きます） アプリ書き始め Visual Studio Code を起動して、Flutterの新規プロジェク…