AUTHOR

sakushin

  • 2023年3月28日
  • 2023年3月28日

【Flutter】お洒落なTextFormFieldを作る

対象者 Flutterを学び始めた初心者 フォームデザインに興味がある方 簡単なフォームの作り方を知りたい方 お洒落なUIを作りたい開発者 はじめに この記事では、Flutterを使ってお洒落なTextFormFieldを作成する方法を説明します。 簡単なフォーム検証を行うアプリの一部で、入力が必須のテキストフィールドを含みます。入力がある場合は「検証成功!」と表示し、そうでない場合は「検証失敗! […]

  • 2023年3月26日

【Dart】自然数の各桁の数を足す

はじめに アルゴリズムのちょっとしたメモです。自然数の各桁の数を足します。 実施するソース 一般的な書き方 10の余りを計算して1桁目を取得します。その次に10で割って、十の桁を一の桁に移動させます。値がなくなるまで、足し続けます。 total += value % 10; value を10で割った余り(つまり、value の1の位の数字)を total に加算しています。 value = (v […]

  • 2023年3月26日
  • 2023年3月26日

【Flutter】お洒落なTextFieldを作成

対象者 Flutterを学び始めた初心者 テキスト入力のUIをカスタマイズしたい開発者 ユーザビリティを向上させるためのテキストフィールドデザインに興味がある方 はじめに この記事では、FlutterでおしゃれなTextFieldを作成する方法を説明します。この例では、左側に虫眼鏡アイコン、右側にソートアイコンを持つTextFieldを作成し、ヒントテキストと角丸の境界線を追加します。 実施するソ […]

  • 2023年3月20日
  • 2023年3月20日

Flutterアプリのメモリ最適化: 実践的な10のヒントとツール

対象者 Flutterについて、基礎的な知識がある人 はじめに Top 10 reasons why your Flutter app is experiencing OutOfMemory errorsという記事にメモリ使用量を削減し、Flutterアプリのパフォーマンスを向上させるための10のヒントと、ボーナスチップ、そして2つのツールが紹介されていました。 メモリ最適化というより、Flutt […]

  • 2023年3月18日

Flutter製のアプリを見分ける方法

対象者 使用しているスマホアプリがFlutterでできているのか、違うのか知りたい人。 手段 「スワイプができる」アプリに限られますが、指を1本と2本でスワイプしてみて、スワイプで移動するWidgetの速度が変わったら、Flutter製です。(2023/03/16 確認) 内部的に、指の分だけ移動しているので、2本でスワイプすると2本分の移動距離スワイプした扱いになるそうです。 過去の話 昔コピペ […]

  • 2023年3月16日
  • 2023年3月28日

【Flutter】リストをスワイプで消す(Dismissible)

対象者 FlutterでListView内のタイルなどをスワイプで消したい人 はじめに Flutterの中でリストの一覧を作成することがあります。その一覧の中のデータを削除しようとしたときに、長押しで削除確認ダイアログを出すようにしていました。しかしスワイプでも同じことができるということで、UX的にそっちの方が良いケースもあるでしょうから、実験してみました。 実施するソース urlsはListで中 […]

  • 2023年3月13日
  • 2024年10月13日

【Dart】ファイルの改行で分割するのに\r\nは使ってはいけない

対象者 DartやFlutterで改行ごとにデータを分割しようとしている人 より詳しいLineSplitterの使用方法を書きました。 はじめに FlutterでCSVファイルを読み込むコードを書きました。 CSVを読み込む箇所と、読み込んだデータを処理箇所を別のクラスに作成しています。そのため、読み込んだファイルのStringをそのまま別クラスのメソッドに引数で渡しました。 検索すると、「spl […]

  • 2023年3月12日
  • 2023年3月12日

【Flutter】パララックス効果の実装方法!手軽に奥行きのあるUIを作ろう!

対象者 Flutterでパララックス効果をしたい人 はじめに Flutterでパララックス効果を使ってみたいと思っていました。 公式のサンプルを見ました。難しい。ちょー長い。諦めました。Flowとか頑張りたくない。 日本語でわかりやすそうな記事がありましたが、FlutterHooksを使っている。FlutterHooks、使わない。そのせいか、理解ができない。ただ、なんとなく実装の方向性は分かった […]

  • 2023年3月11日
  • 2023年3月11日

【Flutter】色のアニメーションを2つの方法で実装

対象者 Flutterで色をアニメーションで変えたい人 はじめに ちょっとボタンを目立つようにしたいなぁと思い、アニメーションでボタンの色が変更するようにしようとしました。検索しましたが、意外とうまくいく例がありませんでした。色々やって自分が納得できるものが完成しましたので、以下の二通りで紹介します。 AnimationController + AnimatedBuilder 複雑な処理ができる、 […]

  • 2023年3月9日

【Flutter】StatefulWidgetのStateのメソッドを実行する

対象者 FlutterでStatefulWidgetのイベントを、WidgetTreeの上のWidgetから呼び出したい人 はじめに FlutterでWidgetを組み合わせて、GUIのレイアウトを作成します。それで、実際に動作させようとしたとき「あれ、このWidgetの中身にどうやってアクセスするんだっけ」となるときがあります。親のWidgetから子のWidgetにコールバックを渡す、状態管理を […]