Flutter [Flutter] とにかく楽して安全にUbuntuに環境構築する UbuntuにFlutterのビルドと実行の環境構築をする方法です!極力面倒な設定を排除してコマンドとGUIのみで楽してミスなく環境構築をしましょう!SDKのパスを指定したり設定ファイルを書き換えたりなど面倒な手順もないので、誰が読んでも同じ操作で安全に環境が作れてしまいます。 2024.11.27 Flutter
Flutter [Flutter] 指定のウィジェットまで画面をスクロールする 今回はColumnやListviewで指定のウィジェットまで画面をスクロールする方法をご紹介します!特定のウィジェットまでスムーズにスクロールすることでユーザに見てほしい情報まで案内することができます。フォームのエラー箇所の表示や、新着情報をユーザに案内する時などにご活用ください! 2024.11.26 Flutter
Flutter [Flutter] Containerに様々な種類の影をつける 今回はFlutterでContainerに影を付ける方法をご紹介します!基本的な使い方から、ちょっと変わったものまでまとめました!アプリデザインなどで影をつけた表現を目にする機会は多いと思います。影をつけることでメリハリをつけられたり、ボタンに立体感を持たせることができます。 2024.11.25 Flutter
Flutter [Flutter] 角丸のContainerを作る [一部の角だけも対応] アプリUIなどで角が丸くなっている長方形を使うと与える印象が優しくなります。そこで今回はFlutterで角丸のContainerを作る方法のご紹介です!Containerを調整するだけですのでパッケージの追加が不要なのも嬉しいポイントです! 2024.11.23 Flutter
Flutter [Flutter] カスタムフォントをアプリ全体に適用する GoogleFontsなどで取得したフォントをアプリ全体に適用する方法です!Flutterの標準フォントでは一部の漢字が中華フォントになってしまいますが、Textウィジェットを配置するたびにtestStyleを指定するのはめんどくさいですよね。そんなときはアプリの標準フォントを変更してしまいましょう! 2024.11.21 Flutter
Flutter [Flutter] ネットワーク上の画像を表示する Flutterでインターネットなどネットワーク上にある画像を表示する方法です! 二種類の方法でサイズ変更や丸く切り抜きなど思い通りに画像を扱いましょう!NetworkImageとImage.network両方を紹介します。 2024.11.20 Flutter
Flutter [Flutter] GoogleFontsでTextのフォントを変更する Google Fontsを使っておしゃれなフォントをアプリに簡単導入する方法を詳しく解説!Flutterは標準フォントが中華フォントになっていますが、google_fontsパッケージを設定することで綺麗な日本語を表示することができます! 2024.11.18 Flutter
Flutter [Flutter] AssetsでTextウィジェットのフォントを変更する Assetsフォルダにフォントファイルを設置してTextウィジェットのフォントを変更する方法を紹介します!Flutterの標準フォントだと一部の漢字が中国語表記(中華フォント)になっていますが、カスタムフォントを設定することで綺麗な日本語を表示することができます! 2024.11.17 Flutter
Flutter [Flutter] Assetsでローカルの画像を表示する 第二回目の記事はFlutterでアプリ内の画像(Assets)を表示する方法です!背景画像や自身のアイコン画像など、表示するものがあらかじめ決まっている場合におすすめです。アプリ内に保存しておくことで描画するたびに通信が発生することがなく、画面の描画がスムーズになったり通信量の削減ができます。 2024.11.16 Flutter
Flutter [Flutter] Containerで画像を円形に切り抜いて表示する アイコン画像などを円形で表示したいけどパッケージを追加したくないという方向けです。やり方はContainerのdecorationでshapeとimageを設定するだけ! ContainerはBoxDecorationのshapeで形状を変化させられるので、ここで円形のウィジェットを作成します。 2024.11.15 Flutter