CATEGORY

小物

  • 2024年9月6日
  • 2024年9月6日

【Flutter】TabBarの表示・非表示を制御

対象者 Flutterで中級レベルのUI操作や状態管理を学びたい方 TabBarのカスタマイズや表示切り替えを実装したい方 Flutterのアニメーションやタブの管理に関する具体的な実装例を探している方 はじめに Flutterを使ったアプリ開発では、TabBarによる画面の切り替えはよく利用される機能の一つです。しかし、特定の条件下でTabBarを表示・非表示にする必要がある場合、その制御が少し […]

  • 2024年8月28日
  • 2024年8月28日

【Flutter】タイピング風のテキストアニメーション

対象者 Flutterを使用しているモバイルアプリ開発者 タイピング風アニメーションの実装やカスタマイズに興味がある方 アプリのUI/UXを向上させたいと考えているエンジニア はじめに アプリのユーザー体験を一歩先に進めたいと考えたことはありませんか?特に、ユーザーが自然に引き込まれるようなインタラクティブな要素を取り入れたいと感じたことがある開発者の皆さん、タイピング風アニメーションはその答えの […]

  • 2024年7月19日
  • 2024年7月19日

【Flutter】動的なDrawer

対象者 Flutterを使用してモバイルアプリを開発している開発者 ユーザーエクスペリエンスの向上を目指しているエンジニア 動的なUIコンポーネントの実装方法を学びたいプログラマー はじめに アプリケーションのユーザーエクスペリエンスを向上させるためには、動的なDrawerの実装が有効です。 静的なドロワーでは、あらかじめ決められた内容しか表示できず、ユーザーの操作や状態に応じたカスタマイズができ […]

  • 2024年6月20日
  • 2024年6月20日

【Flutter】キーボードの表示切り替えを捕捉する

対象者 Flutterを使用している中級開発者 キーボードの表示・非表示の切り換えを検知する方法を知りたい方 はじめに モバイルアプリケーションの開発において、ユーザーがテキスト入力を行う際にキーボードの表示・非表示を検知することは、UIの最適化やアプリの挙動を改善するために非常に重要です。今回は、Flutterを使用してキーボードの状態を捕捉する方法について説明します。 キーボードの有無で画面レ […]

  • 2024年5月24日
  • 2024年5月24日

【Flutter】画像をおしゃれに!インスタ風グラデーション画像

対象者 Flutterの基本的な知識を持っている方 モバイルアプリ開発に興味がある方 デザイン性の高いUIを作成したいと考えている方 はじめに モバイルアプリ開発に携わっていると、ユーザーインターフェース(UI)のデザインに工夫を凝らすことが重要だと感じる瞬間が多々あるでしょう。特に、Instagramのような視覚的に魅力的なデザインを取り入れたいと考えることはありませんか?そんなときに役立つのが […]

  • 2024年5月12日
  • 2024年5月12日

【Flutter】テキストをアニメーションさせて情報を増やす

対象者 FlutterにおけるUI開発に興味があり、具体的なアニメーション技術を学びたい開発者 ユーザーエンゲージメントを向上させるためにアプリの視覚的な要素を改善したいプロジェクトリーダーやデザイナー 効果的なテキスト表示方法を探求しており、新しいUIパターンの実装に挑戦したい中級から上級のプログラマー はじめに AppBarのtitleが非常に長く、通常の表示では一行に収まらない場合、どのよう […]

  • 2024年4月15日
  • 2024年4月15日

【Flutter】スクロールに応じて隠れるBottomNavigationBar

対象者 Flutterを使ってアプリ開発を行っているが、UIの動的な挙動についてさらに深く理解したい方 ユーザーの操作に応じてインターフェースが動的に変化するアプリを設計したい開発者 BottomNavigationBarを消して、少しでも表示領域を増やしたいアプリの開発者 はじめに スクロール時に隠れるナビゲーションバーを実装して、アプリの操作感を向上させたいと考えたことはありますか?この記事で […]

  • 2024年3月6日
  • 2024年3月6日

【Flutter】縁取り文字でテキストを装飾!自前でStrokedText

はじめに アプリ開発において、鮮明で読みやすいテキストはユーザー体験の重要な要素です。特に背景画像が文字色と似ている場合、テキストの視認性が低下し、ユーザーが内容を理解するのが難しくなります。そんな時、デザインの世界では「縁取り文字」や英語でいうと「Outlined Text」や「Stroked Text」といった技法がよく用いられます。これは、文字の外側に別の色の線を加えることで、テキストを際立 […]

  • 2024年2月9日
  • 2024年2月9日

[Flutter]サムネイル選択アニメーション

対象者 この記事は、Flutterの基本的な知識を持ち、Widgetの操作やアニメーションに興味がある初級から中級のFlutter開発者を対象としています。 Widgetの位置やサイズを取得したい人 取得した位置により、他のWidgetの位置を調整したい人 サムネイル画像を選択したときの外枠をアニメーションさせたい人 はじめに 私たちの日常業務の中で、サムネイルを選択する瞬間は、一つ一つの選択が重 […]

  • 2023年5月2日
  • 2023年5月1日

【Flutter】テストを高速化するためのメモ

はじめに Flutterのテスト高速化についてのブログがあったので、覚え書き。 メモ テスト実行コマンドに適切な引数のみを使用する。 テスト実施時はcoverageとかつけない 1つのテストファイルからすべてのテストを呼び出すことを実現する。 各テストの実行速度を別々に分析する。 checkIntrinsicSizesを無効にして、ウィジェットテストのビルドプロセスを高速化する。 テストを並列実行 […]