#Flutter の記事一覧

可茂IT塾での長期インターンを経てエンジニア就活を終えた話

可茂IT塾での長期インターンを経てエンジニア就活を終えた話

就活浪人をした一浪中堅私立文系大生の私が可茂IT塾での長期インターンを経てエンジニアとして内定をいただきました。今回は可茂IT塾の長期インターンに応募するか迷っている方、エンジニアになろうと考えている方などに向けて記事を書いていきます。

Read More
Flutterで状態管理などでよく使うパッケージについて調べてみた

Flutterで状態管理などでよく使うパッケージについて調べてみた

普段何気なく使っているパッケージについてまとめました。hooksやriverpod、StateNotifier、Consumer等、状態管理をするにあたってよく使われているパッケージについて紹介しているので、新しい発見や復習ができる内容になっています。

Read More
【検証】Flutterでenhanced enumsの使い方を試してみる

【検証】Flutterでenhanced enumsの使い方を試してみる

Dart2.17で拡張されたenum(enhanced enums)の機能を解説します。Flutterでのアプリ開発中でのenumの使い方の幅が広がる内容です。

Read More
【Flutter/Dart】メソッドの引数の書き方まとめ

【Flutter/Dart】メソッドの引数の書き方まとめ

名前付き引数、名前なし引数、必須引数、デフォルト引数など色々あるので整理してまとめました。

Read More
【Flutter】FlutterGenを使う

【Flutter】FlutterGenを使う

flutterで画像やフォントのパスをタイプセーフに指定できるようになるおすすめのパッケージを紹介します。

Read More
【Flutter】Widgetを強調する

【Flutter】Widgetを強調する

BackdropFilterを使ってWidgetを強調してみましょう!

Read More
【Flutter】DeviceOrientation以外でアプリの設定を変更して画面の向きを固定する方法

【Flutter】DeviceOrientation以外でアプリの設定を変更して画面の向きを固定する方法

Flutter製アプリの画面の向きを固定する方法を解説します。

Read More
FlutterとAlgoliaを使って全文検索をしてみた

FlutterとAlgoliaを使って全文検索をしてみた

FlutterでAlgoliaを用いた全文検索を紹介します。チャットアプリなどの検索機能の実装に役立ちます。

Read More
【Flutter】簡単に画像のプレビュー画面を作りたい

【Flutter】簡単に画像のプレビュー画面を作りたい

ほぼコピペでできる写真のプレビュー画面の作り方をお教えします!!

Read More
Flutterでメールを送る方法[コピペで3分!]

Flutterでメールを送る方法[コピペで3分!]

Flutterでflutter_email_senderを用いたメール送信機能の実装方法をご紹介します。お問い合わせ機能の実装時などに役立ちます。

Read More
【Flutter】 ListView の最後にリストを追加して、別の Widget を表示させる

【Flutter】 ListView の最後にリストを追加して、別の Widget を表示させる

ListView はデータの数だけ同じ Widget を返す使い方が多いですが、条件に合わせて、リストを追加して、別の Widget を返す実装を紹介します。

Read More
【Flutter】スクロール可能なリストにScrollbarを表示させる

【Flutter】スクロール可能なリストにScrollbarを表示させる

ListViewやSingleChildScrollViewで作ったリストの横にスクロール用のバーを表示させたいあなたのために書きました。

Read More
【Flutter】コピペで使えるFloatingActionButtonのアニメーション

【Flutter】コピペで使えるFloatingActionButtonのアニメーション

パッケージなしで簡単に実装できる!コピペで使える万能なFloatingActionButtonのアニメーションを紹介します。

Read More
introduction_screenを使って今あるFlutterアプリをリッチにしよう!

introduction_screenを使って今あるFlutterアプリをリッチにしよう!

今あるアプリをもっとリッチなものにしたい時に役立つのがintroduction_screenというライブラリーです!このライブラリーはアプリ内で簡単にアプリを紹介するページを作成することができます。この記事では、そのやり方について紹介していきます。

Read More
【Flutter】ShaderMaskを使ってアイコンにグラデーションをつける

【Flutter】ShaderMaskを使ってアイコンにグラデーションをつける

Flutterのグラデーションについて解説します

Read More
Flutterでテキスト検索機能を実装する方法

Flutterでテキスト検索機能を実装する方法

Flutterでテキスト検索機能する方法をご紹介します。完全一致、部分一致、その他の検索実装のコツが学べます。

Read More
【Firebase】 カスタム認証を使ってユーザー登録をする

【Firebase】 カスタム認証を使ってユーザー登録をする

LINEログインなど、Firebase側が用意していない認証方法を使ってユーザー登録をする際に、カスタム認証を通すことで、メールログインなどと同じようにFirebaseでユーザー管理ができるようになります。

Read More
【Flutter】StackでWidgetを重ねてUIを作る

【Flutter】StackでWidgetを重ねてUIを作る

Stackを使えば、Widgetを重ねてUIを作ることができます。

Read More
MacでFlutterの環境構築をする手順

MacでFlutterの環境構築をする手順

MacでFlutterの環境構築をする手順を解説します。

Read More
(初学者向け)riverpodで作るContainerテスターアプリ①

(初学者向け)riverpodで作るContainerテスターアプリ①

riverpodを使って簡単なアプリを作ってみます。StatefulWidgetと比べた時のriverpodの使い方を解説しているので、ぜひご覧ください!

Read More
【Flutter】マテリアルデザインのアイコンに飽きた方へ

【Flutter】マテリアルデザインのアイコンに飽きた方へ

Flutterにはマテリアルデザインのアイコンがありますが「なんか飽きたな」「flutter感をなくしたい」「主張が強すぎる」と思われた方にとっておきのパッケージをご紹介します。

Read More
マテリアルデザインのままiOSぽさを出す

マテリアルデザインのままiOSぽさを出す

CupertinoWidgetを使わずiOSぽさを出してみます。

Read More
【Flutter】 Navigatorメソッドの違いを知る

【Flutter】 Navigatorメソッドの違いを知る

FlutterのNavigatorは画面遷移をするためのWidgetクラスになります。各メソッドの違いと挙動をまとめてみました。

Read More
flutterのアプリでurl_launcherを使ってURLをWebブラウザで表示する

flutterのアプリでurl_launcherを使ってURLをWebブラウザで表示する

flutterには、アプリ内でUIや処理を記述しなくてもブラウザを起動してWebサイトを立ち上げてくれるurl_launcherという便利なライブラリーがあります。今回の記事ではそのurl_launcherの実装の仕方について説明していきます。

Read More
Flutterでのextension(拡張関数)の便利な使い方

Flutterでのextension(拡張関数)の便利な使い方

Flutterでのextension(拡張関数)の使い方を紹介します。extensionを使いこなすことができれば、かなりコードもスッキリします。

Read More
【Flutter】 ダイアログを出す方法

【Flutter】 ダイアログを出す方法

Flutterでダイアログを出すにはshowDialogメソッド、AlertDialogウィジェット、SimpleDialogウィジェットを使います。

Read More
Flutterのアニメーションをほんの少しだけ試してみる①

Flutterのアニメーションをほんの少しだけ試してみる①

アニメーションってあんまり触らないですよね・・・。今回はアニメーションを簡単に表現できる、AnimatedContainerを使ってみたいと思います!

Read More
【Flutter】MapをListに変換して、ListViewで表示する

【Flutter】MapをListに変換して、ListViewで表示する

MapをListに変換するのは初心者には必須のスキルです

Read More
知っておくべきTextFieldのfocusの扱い方3選【Flutter】

知っておくべきTextFieldのfocusの扱い方3選【Flutter】

FlutterのTextFieldのfocusを使いこなせるようになるために、知っておくべき機能を3つご紹介します。

Read More
カウンターアプリから新しいアプリを作る(初心者向け)続き

カウンターアプリから新しいアプリを作る(初心者向け)続き

初心者はカウンターアプリから新しいアプリを作ることで、Flutterの勉強になります。

Read More
カウンターアプリから新しいアプリを作る(初心者向け)

カウンターアプリから新しいアプリを作る(初心者向け)

初心者はカウンターアプリから新しいアプリを作ることで、Flutterの勉強になります。

Read More
FlutterのFirebaseAnalyticsでScreenViewイベントにカスタムパラメータを渡す方法

FlutterのFirebaseAnalyticsでScreenViewイベントにカスタムパラメータを渡す方法

FlutterのFirebaseAnalyticsでScreenViewイベントにカスタムパラメータを渡す方法を解説します。

Read More
【Flutter】市松模様を作る方法

【Flutter】市松模様を作る方法

Flutterで市松模様を作ってみたのでポイントを解説します

Read More
【Flutter】 オブジェクトを含んだFreezedクラスをJSONに変換する

【Flutter】 オブジェクトを含んだFreezedクラスをJSONに変換する

オブジェクトを含んだFreezedクラスをJSONに変換するときに遭遇したエラーの解決策をブログにしました。

Read More
Flutterで正規表現を用いたemailのvalidationを実装

Flutterで正規表現を用いたemailのvalidationを実装

emailのvalidationを題材に、Flutterで使用する正規表現について解説します。

Read More
【Flutter】SVG画像が黒くなってしまうことの対処法

【Flutter】SVG画像が黒くなってしまうことの対処法

FlutterでSVG画像を使った時に黒潰れが起きてしまった時の原因と対処法をお伝えします

Read More
FlutterのContainerで角丸のUIを実装する方法

FlutterのContainerで角丸のUIを実装する方法

FlutterでのContainerで角丸を実装する方法をサクッと解説します。

Read More
InheritedWidgeを使って、カウンターアプリを作ってみた

InheritedWidgeを使って、カウンターアプリを作ってみた

Flutterの状態管理を理解するためにinheritedWidgetを使ってカウンターアプリを作り直してみました。

Read More
最初のスマホアプリ開発で何を作れば良いかわからない人のために

最初のスマホアプリ開発で何を作れば良いかわからない人のために

プログラミングを始めてつまずきがちなのは、最初に何を作れば良いかわからない問題だと思います。今回はスマホアプリで最初のアプリを作る参考になる情報をご紹介します。

Read More
flutter_native_splashを使ってsplashページを実装する

flutter_native_splashを使ってsplashページを実装する

アプリを立ち上げるときの待機画面としてsplashページというものがあります。今回の記事ではそのsplashページを簡単に実装することができるflutter_native_splashの実装の仕方について説明していきます。

Read More
Flutterでのtooltipの使い方

Flutterでのtooltipの使い方

Flutterでのtooltipの使い方を説明します。

Read More
【Flutter】 Spacerウィジェットの紹介

【Flutter】 Spacerウィジェットの紹介

FlutterでRowやColumnを使ってUIを作る際にSpacerを使えば複雑なレイアウトも簡単に作ることができます。

Read More
【Flutter】RiverpodでProviderScopeのoverrideをどう使うか

【Flutter】RiverpodでProviderScopeのoverrideをどう使うか

Riverpodの不便な部分を解消する、ProviderScopeのoverrideをどう使うか解説します。

Read More
【5分】FlutterでQRコードの生成・読み取りする方法まとめ

【5分】FlutterでQRコードの生成・読み取りする方法まとめ

Flutterでqr_flutterを用いたQRコードの生成と、qr_code_scannerを用いたQRコードの読み取り方法を紹介します。

Read More
FlutterToastの使い方

FlutterToastの使い方

何かの処理が正常に働いた時やエラーが生じた時にユーザーにメッセージで伝える方法の一つに、fluttertoastを利用する方法があります。今回は、fluttertoastの利用方法についてご紹介していきます。

Read More
Flutter Drawerの使い方

Flutter Drawerの使い方

ページ遷移のためのナビゲーションを表示させるには、タブやドロワーなどの選択肢があります。この記事ではFlutterでアプリを作る際によく使用する、ドロワーによる画面の切り替え方法を解説します。

Read More
可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

Read More
【Flutter】easy_localizationを使ったシンプルな言語変換アプリの作成方法

【Flutter】easy_localizationを使ったシンプルな言語変換アプリの作成方法

Flutter製の言語変換アプリの作り方を解説します。easy_localizationを用いて、ボタン一つで言語変換できるアプリです。

Read More
【Flutter】 タブで画面を切り替える方法

【Flutter】 タブで画面を切り替える方法

Flutterでアプリを作る際によく使用する、タブによる画面の切り替え方法を解説します。画面をタブで整理するなら、DefaultTabController、TabBar、TabBarViewを使うのが最適です。

Read More
Flutter WebのhistoryモードのNavigationとRoutingをFirebase Hostingで行う方法

Flutter WebのhistoryモードのNavigationとRoutingをFirebase Hostingで行う方法

Flutter WebのhistoryモードのNavigationとRoutingをFirebase Hostingで行い、Flutter Webでも通常のWebページと同じようなURLでRoutingできるようになる方法を解説します。

Read More
FlutterのCircularProgressIndicatorの使い方まとめ

FlutterのCircularProgressIndicatorの使い方まとめ

Flutterでよく使用するCircularProgressIndicatorの色やアニメーションの変え方を解説します。

Read More
Flutterでconfettiパッケージを使って紙吹雪を出す方法

Flutterでconfettiパッケージを使って紙吹雪を出す方法

ゲームをクリアした時、タスクを完了した時、目標を達成した時など、紙吹雪を出しておめでとうの気持ちを伝えたい時ってありますよね。

Read More
超初心者向け、Flutterアプリ開発体験講座を開催しました!

超初心者向け、Flutterアプリ開発体験講座を開催しました!

可茂IT塾が教えるオンラインIT講座。「全くの初心者でも3時間でFlutterアプリが作れる」講座です。どんな人が、どのように初めてのアプリを完成させていくのか。ブログで解説しました。

Read More
東和製作所のインターンでAndroidアプリを開発しました!

東和製作所のインターンでAndroidアプリを開発しました!

2020年12月に美濃加茂市にある東和製作所の2週間のインターンに参加させて頂きました。インターンはタブレット+バーコードリーダーをAndroidアプリで完結させるという内容でした。

Read More
Flutter ドラッグ&ドロップできるWidgetの作成

Flutter ドラッグ&ドロップできるWidgetの作成

Flutter Widgetをドラッグ&ドロップしてデータのやり取りをする方法を紹介します。

Read More
FlutterのSnackBarを表示する

FlutterのSnackBarを表示する

SnackBarの記事は世の中にたくさんあるのですが、詳しく書かれすぎて逆にわかりにくいと感じていました。なので最低限の使い方だけをシンプルにまとめました。

Read More
SharedPreferencesにnullが入った配列を保存しようとするとエラーになる

SharedPreferencesにnullが入った配列を保存しようとするとエラーになる

配列を使って値を管理していたのですが、SharedPreferencesに値を保存するところでアプリが落ちてしまいました。解決策を共有します。誰かのお役にたちますよう、、、

Read More
Flutter で reactive_forms を使った場合のバリデーション方法

Flutter で reactive_forms を使った場合のバリデーション方法

Flutter のアプリ開発中に学んだことを共有する回です。reactive_forms というパッケージを使って、メールアドレスやパスワードの入力チェックをより簡単に行う方法を紹介します。

Read More