マガジン

  • アプリ開発マガジン

    • 107本

    株式会社Pentagonでは、「アプリを駆使した事業を立ち上げたい」方のために、アプリの設計・デザイン・開発までまるっとサポートしています。当社では、日々の学びをnoteに執筆することにしています。自ら学び・学びを共有し・共有することで皆が成長することを目指しています🙌

記事一覧

【Flutter】Textの内容が大きすぎる場合の対応方法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今回はFlutterを使い始めた私がつまづいた箇所として、Textが長くなった場合の…

Yamada
3年前
6

[Flutter]flutter_reaction_button画面がおかしくなった時の対処法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、flutter_reaction_buttonのプラグインを使っていたら、おかしな挙動に…

Yamada
3年前
2

【Flutter】flutter_staggered_grid_view プラグインの使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、現在開発中のアプリで使われているflutter_staggered_grid_viewプラグ…

Yamada
3年前
3

【Flutter】Share plugin の使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、Share pluginの使い方についてまとめていきます。 1. Share plugin と…

Yamada
3年前
4

【Flutter】flutter_reaction_button の使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、パッケージのflutter_reaction_buttonの使い方についてまとめていきま…

Yamada
3年前
6

【Flutter】フルスクリーンでの背景画像

今日は、背景画像をフルスクリーンで表示させる際について2パターンの方法を記載します。 ■ Stack Widgets を用いた表示方法 stack widgets  は複数の子widgetsを重ね合…

Yamada
3年前
3

【Flutter】Formのvalidation checkの方法

今日は、Formのvalidation checkについて学んだので簡単にまとめたいと思います。 ■【前提条件1】validator を使うには、Form widgetで囲む必要がある。入力した数値をチ…

Yamada
3年前
2
【Flutter】Textの内容が大きすぎる場合の対応方法

【Flutter】Textの内容が大きすぎる場合の対応方法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。

https://pentagon.tokyo

今回はFlutterを使い始めた私がつまづいた箇所として、Textが長くなった場合の対処法をまとめました。

■ つまずいた点
開発をしていると以下の様なところでつまずきました。

return ListView(children: <Widget>[ new Card(

もっとみる
[Flutter]flutter_reaction_button画面がおかしくなった時の対処法

[Flutter]flutter_reaction_button画面がおかしくなった時の対処法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。

https://pentagon.tokyo

今日は、flutter_reaction_buttonのプラグインを使っていたら、おかしな挙動に引っかかってしまったので、その解決した方法を記載します。

■ 問題とする挙動こちらの挙動をまず見て下さい。

この様に、リアクションボタンをおうかすると、下の画面も移動し、ズレたリア

もっとみる
【Flutter】flutter_staggered_grid_view プラグインの使い方

【Flutter】flutter_staggered_grid_view プラグインの使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。

https://pentagon.tokyo

今日は、現在開発中のアプリで使われているflutter_staggered_grid_viewプラグインについて学んだのでまとめたいと思います。

1. flutter_staggered_grid_view プラグインとは?このプラグインは簡単に説明すると、様々なサイズに対応し

もっとみる
【Flutter】Share plugin の使い方

【Flutter】Share plugin の使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。

https://pentagon.tokyo

今日は、Share pluginの使い方についてまとめていきます。

1. Share plugin とは?これは、Flutter Community Plus Plugins というFlutter 公式のコミュニティーが作成しているプラグインの一つです。

Share plug

もっとみる
【Flutter】flutter_reaction_button の使い方

【Flutter】flutter_reaction_button の使い方

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。

https://pentagon.tokyo

今日は、パッケージのflutter_reaction_buttonの使い方についてまとめていきます。

1. flutter_reaction_button とは?こちらは、Flutterのパッケージである、FaceBook や 様々なSNSで用いられている、いいね等のリアクショ

もっとみる
【Flutter】フルスクリーンでの背景画像

【Flutter】フルスクリーンでの背景画像

今日は、背景画像をフルスクリーンで表示させる際について2パターンの方法を記載します。

■ Stack Widgets を用いた表示方法
stack widgets  は複数の子widgetsを重ね合わせたい時に使います。
Positioned.fill を使うことによって、隙間なくimageを埋めることができます。

class MyPage extends StatelessWidget {

もっとみる
【Flutter】Formのvalidation checkの方法

【Flutter】Formのvalidation checkの方法

今日は、Formのvalidation checkについて学んだので簡単にまとめたいと思います。

■【前提条件1】validator を使うには、Form widgetで囲む必要がある。入力した数値をチェックする際に、Form widget で包含する必要があります。

■【前提条件2】Global key を定義する。
このGlobal keyは、要素を一意に識別する為のものです。そして、他の

もっとみる