tips の記事一覧

マッチングアプリ「Tinder」で採用されているスワイプUIをFlutterで再現してみます。 この記事の内容を読み進めるに当たっては、Flutterでアニメーションを作成するための基礎的な理解が必要 …

この記事では、アニメーションしながら画面が切り替わるタブUIの実装方法を解説します。 完成イメージは次の通りです。作成したタブUIをネストさせても動作するように実装してきます。 　 　 目次 　 利用 …

この記事ではFlutterにてアニメーションを作成するための手順を解説します。 　 目次 　 アニメーションを作成する手順 Flutterにてアニメーションを作成する際は次のステップを辿ればOKです。 …

通常アプリを開発する際、例えば呼び出されるAPIには、テスト環境用と本番環境用のエンドポイントがあります。 この記事では、テスト環境と本番環境で異なる値を参照するためのシンプルなアプローチを紹介します …

Dartにてシングルトンパターンを実装する際は、factoryコンストラクタを用いて実装を行います。 　 factoryコンストラクタ factoryコンストラクタは通常のコンストラクタと異なり、呼び …

Flutterにて作成したアプリの多言語化対応時に行った作業のメモです。 この記事ではEN（英語）、及びJA（日本語）に対応させるための手順を紹介します。 　 目次 　 flutter_localiz …

net/httpパッケージのhttp.Clientを利用する際にプロキシを経由するように設定する方法を解説します。 　 目次 　 環境変数に設定する方法 net/httpパッケージのhttp.Clie …

CSSで画像にぼかしエフェクト（blur）をかけた上で、その画像の上にテキストを乗っけるためのTipsです。 ※ぼかしエフェクトはCSS側でかけるため、元画像にかける必要はありません。 　 目次 　 …

正規表現で否定を表すパターンを作成する際に忘れがちな記法をメモしておきます。 目次 　 xxxで開始しない文字列 「否定先読み」を利用します。 ^(?!xxx).*$ 　 xxxで終了しない文字列 「 …