【概要】 普段頑張っている自分へのいつもと変わった小さなご褒美をルーレットで決めちゃいましょう！ 【使い方】 ・ランダムで表示内容が変化します ・ページを更新することで表示内容も更新されます ーーーーーーーーーーーーーーーーーーーーー 今週は ↓↓…

【概要】 友人と遊んでいて、何か罰ゲームを考えるということはないでしょうか。 そんな時、おもしろい罰ゲームが思い浮かべばそれを実行できますが、肝心な罰ゲームが思い浮かばないという時ありますよね。 このページではそんな罰ゲームの決定を手助けがで…

【概要】 みなさんには今年1年間の目標というものがありますか？ なんとなく過ごして、いつのまにか1年経っていたなんてことになっていないでしょうか？ 何も目標を立てないよりは、しっかりと目標を立てることで、さらに魅力的な自分になれます！！ このペ…

【概要】 みなさんにはルーティーンというものがありますか？ 朝起きてスマホをチェックして、いつもと同じ朝ごはんを食べて、いつも通りテレビをみてダラダラする。。。 正直こんな毎日に飽きないでしょうか？ このページではそんなマンネリの毎日を解消す…

【概要】 休みの日に特にやることがなくて困っているという人は少なくないと思います。 何かやりたいけど、特に思いつかないというときありますよね。 そんなときにこのページを有効に使い、新たな自分に出会えるきっかけとなれば嬉しいです！ 【使い方】 ・…

・ランダムで表示内容が変化します ⇨大吉、中吉、吉、凶、大凶 ・ページを更新することで表示内容も更新されます ーーーーーーーーーーーーーーーーーーーーー 今日の運勢は ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ rand = Math.floor(Math.random()*5); if (rand == 0) msg …

今回は以下のサイトのFlight Bookingというものをつくってみた。 www.flutter-study.dev 内容として ・アイコン等を回転させて表示する方法・複雑な形をしたボーダーを実装する方法（結局ちゃんと理解できませんでした） が学べる物になっている。 Flutter歴…

今回は以下の記事のBattery Optimizerをやってみました。 www.flutter-study.dev これは主に ・バッテリーレベルの円グラフをつくりかた・色のグラデーションのやり方・横スクロールのやり方 などを知ることができるようなものでした。 実際に進めてみると、…

Flutter開発としてDartでプログラムを書いていると、以下のようなコードを見た。 final paint = Paint() ..color = color ..style = PaintingStyle.stroke ..strokeWidth = 4; このピリオド2つの書き方が意味わからなかったので簡単に調べてみた。 qiita.com…

Flutterで以下の「Battery Optimizer」というアプリを開発していた時のこと www.flutter-study.dev インジケーターと呼ばれるバッテリーの残量を円を使って表示する部分を作っていた時、以下の記述で「lerp」というのが何をするのかわからなかったので調べて…

Flutterを書いていると、Cardを使う場面が出てくることと思います。 そこでCard内に'elevation'という設定をみたことはないでしょうか？ 実はこの'elevation'という設定はCardに影をつけることができます。(CardだけでなくAppbarもできるらしい) Card( eleva…

今回はflutter-study.devのAdmin Mobileというものを作成してみました。以下の記事のものです。 www.flutter-study.dev 基本的には書いてある通りですが、1点つまったところがあったので書いておきます。 詰まったところは以下の部分です。 const _Postのと…

Flutterで以下のようなKeyを使ったコードを書いていた時、 const _Post({ Key key, @required this.name,}) : super(key: key); keyの部分で以下のエラーコードが出てきた。 「The parameter 'key' can't have a value of 'null' because of its type, but t…

【参考にしたサイト】 www.flutter-study.dev 【プログラムの構造】 本プログラムは以下のように配置することでListViewを実装しています。 TodoListPage（画面表示） ↑テキストデータTodoAppPage(テキスト入力) 【完成画像】 ⇆

今回のゴール ・ListViewの使い方を知る 【プログラムの構成】 本プログラムは以下のように配置することでListViewを実装しています。 ListView → Card → title('a') → Card → title('b') → Card → title('c') 【前提条件】 このプログラムは以下の記事の続…

今回のゴール ・画面の遷移方法を知る 【プログラムの構成】 本プログラムは以下のように配置することで画面の遷移を実装しています。 TopListPage ↓ ↑TodoAddPage 【TopListPageの記述内容】 ボタンを配置して、そのボタンを押すと(onPressed)、TodoAddPage…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

Flutterの勉強として以下のサイトのコードを実装してみた。 zenn.dev このサイトにはGitでソースコードがアップロードされており、それをみながら自分でコードを移していく作業を行った。 まず必要な作業として、画像を挿入する必要があるためpubspec.yamlを…

タイトル通りですが、画像を挿入する時にはそれに対応した作業が必要です。 pubspec.yaml内の一番下 flutter: uses-material-design: true の下に assets: - images/ を書き足す。 以下のような構成になる。 flutter: uses-material-design: true assets: - …

北海道旅行に行ったので、その時の費用などを簡単にメモっておこうと思います。 基本的に美味しいものをたくさんたべるという目的の旅行なので食費にお金をかけたつもりです。 先に書いておくと、合計で60,315円かかりました。 1)飛行機代：12366円 成田ー新…

今回のゴール ・ウィジェットの位置を固定するやり方を知る 【ウィジェットとは】 Flutterにおいて、アップバーやテキスト、アイコンなどを構成するためのものをウィジェットと言います。 【配置の仕方】 ・Stackを使用して、複数のウィジェットを生成 body:…

今回のゴール ・画面上にボタンを配置する・ボタンをクリックすることで、効果を発揮できるようにする（今回はテキストでカウントアップ） 【ボタンとは】 ボタンを押下することで、例えば入力内容の送信や別のページへの遷移などのきっかけとすることができ…

今回のゴール ・ウィジェットの使い方を知る・アップバー、テキスト、アイコンを表示できるようになる （この記事の内容を実施すると画像のようなものを作ることができます） 【ウィジェットとは】 Flutterにおいて、アップバーやテキスト、アイコンなどを構…