はてなブックマーク

本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。 ダーフクStatefulWidgetのStateは、初期化されてから破棄されるまで複数回のステップを踏みます。どのようなステップで行われているのか、深く理解することは開発を効率的に行うために不可欠です。本記事ではこのライフサイクルを解説していきます。 StatefulWidgetに関しては、以下の記事を参考にして頂ければと思います。 あわせて読みたい【Flutter入門】StatefulWidgetはなぜ２つに分かれているのかについて解説するよ。本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。【StatefulWidgetについて復習】はじめに、StatefulWidgetで特… あわせて読みたい【Flutter入門】St

皆さん、こんにちは。 Flutterの開発をしていく中で、IDE（統合開発環境）のショートカットはとても強力なサポート機能になります。 本ブログでは、それらの機能に焦点を当てて解説をしていこうと思います。 また、対象となるエディターはAndroid Studioか Intellij IDEAです。 ショートカットキーを用いた開発の効率化 ウィジェットで囲う、ウィジェットを削除する ショートカットキー：`option + enter` 以下の画像が、使える機能です。１つずつ簡単に解説します。 Padding Widgetで囲う Widgetの周り上下左右にスペースを作れます。 Center Widgetで囲う Widgetの位置を中央に配置します。 親Widgetを削除する Widgetを囲っている親Widgetに関連したプロパティを一括で削除できます。 例えば、上記のCenter Widg

本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。 ダーフクFlutterアプリケーションを開発する際に使われるプログラミング言語はDart言語です。Flutterが注目されるまでほぼ知られていなかったこの言語。どんな特徴があるのか、歴史も含めてまとめていきます！ Dartが作られた目的 Dartは、2011年にGoogleによって開発・公開されたWebアプリケーション開発のためのプログラミング言語です。 Javascriptの欠点を補う目的として作られました。 現在では、クライアントサイド、サーバーサイドだけでなく、モバイル領域（Flutter）にも使われています。 Dartの歴史 公開後、DartはGoogleが開発しているChromeブラウザに組み込まれる（Dart仮想マシンを組み込む）予定でした。 しかし2015年、Goog

本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。 ダーフクFlutterアプリの開発で最初に目にする【StatefulWidget】。このStatefulWidgetは、クラスが２つに分かれています。本記事ではこの理由について解説していきます。 StatefulWidgetについて復習 はじめに、StatefulWidgetで特徴的な部分に関して復習をしておきます。 親Widgetから不変の値を受け取る場合、finalを宣言するコンストラクターで変数に値を設定Stateクラスをインスタンス化するStateクラスで変数の値を更新する際、setStateを呼ぶ画面に描画するWidgetを返すbuild関数を作成する親Widgetで受け取った変数にアクセスする場合、widget.変数名を用いる サンプルとして、以下にコードを上げておきま