Web備忘録 プログラミングを中心に技術的な事柄を忘れないように書き残します。
カレンダーで年と月だけを選択したい Flutter で日付を入力するときにカレンダーから選択できるウィジェット(DatePicker)があります。これを使うとマテリアルデザインのカレンダーが表示されて、そこから日付を選択する形で入力ができるようになります。 // DatePickerの仕様イメージ selectDate(BuildContext context) async { // 1年前から1 […]
Flutter Web の環境を構築したい Building a web application with Flutter – Flutter Flutter で Web 開発ができるようにするためのセットアップ手順をまとめます。Flutter のインストールは済んでいる前提です。 環境構築 まず、Flutter を beta チャンネルにして SDK を更新します。更新後 Web サ […]
Flutter で AdMob を使う Flutter に AdMob の広告を表示させるのに手間取ったので手順をメモしておきます。 Plugin で firebase_admob を使います。このプラグインでは Firebase API を使って AdMob の広告を表示します。 表示できる広告の種類はバナー広告、インタースティシャル広告、報酬付きのビデオ広告(リワード広告)の3つです。今回はバ […]
DatePicker を日本語化したい Flutter では showDatePicker() を使用することで、日付選択の為のダイアログを表示することができます。 ダイアログではカレンダーが表示され、ユーザーが任意の日付を選択します。カレンダーは日付選択の有効範囲を指定できたりと便利な機能です。 ただしデフォルトの挙動だとカレンダーが英語となっています。 ↓デフォルトの DatePicker の […]
Flutter の List でデータをアニメーション付きで削除したい Flutter には一覧表示のための List というウィジェットがあります。これのデータをいい感じにアニメーション付きで削除する方法をまとめます。 3つの方法を簡単にまとめます。リストのアイテムをスワイプ(スライド)して消すUIと、スワイプしたら削除ボタンが出てきてくるUI、それから任意のイベントでリストからアニメーション付 […]
Mac で Flutter の開発環境を構築する MacOS install – Flutter Flutter の開発を MacOS で行えるように開発環境を構築します。手順は上の公式サイトのページを参考にします。 Flutter SDKダウンロード ここから最新のSDKをダウンロードします。 $ cd ~/ $ unzip ~/Downloads/flutter_macos_v1. […]
Flutter で BottomSheet を使う方法 showModalBottomSheet function – material library – Dart API BottomSheet class – material library – Dart API BottomSheet は画面下部からべローンと出てきて何かしらの項目を選択させ […]
Flutter でダイアログを表示したい Flutter でダイアログを表示するには showDialog メソッドを使います。package:flutter/material.dart をインポートすることで使用可能になります。 表示できるダイアログは AlertDialog と SimpleDialog があります。 showDialog メソッドで表示したいダイアログをパラメータで指定して表 […]
Flutter と Firestore Flutter は Google が中心になって開発が進められているオープンソースのクロスプラットフォームに対応したモバイルアプリケーションフレームワークです。 1ソースでお手軽に iOS, Android のアプリをビルドすることができ、とっても素晴らしいフレームワークです。 Google謹製ということで、もちろん同じく Google が運営しているクラウ […]
Flutter で アニメーション Flutter は簡単に美麗なモバイルアプリを作成できるフレームワークです。アニメーションも簡単に実装できます。 ここでは、アニメーションの基本をまとめます。 Flutter はドキュメントがしっかりしているので、公式ページを読むとだいたいは理解できます。アニメーションについては、以下のページを読むと理解できます。 Introduction to animati […]
