へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(8) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(8)

どうも、すえきあおいです。 YouTubeのチュートリアル動画を使った2Dゲーム(テトリス)モバイルアプリ開発が順調に進んでいます。前回はブロック、ブロックを構成するサブブロックのクラスを作りました。 今日は上記のクラスを使って具体的なブロック(T字形、L字型など)を作っています。 フルのソースコー…
へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(7) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(7)

どうも、すえきあおいです。 YouTubeのチュートリアル動画を使った2Dゲーム(テトリス)モバイルアプリ開発が順調に進んでいます。前回はUIレイアウトを完成させるところまでやりました。 今回からは、いよいよブロックの実装に入っていきます。 フルのソースコードはこちらにあるので、面倒な人はダウンロー…
へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(6) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(6)

どうも、すえきあおいです。 YouTubeのチュートリアル動画を使った2Dゲーム(テトリス)モバイルアプリ開発が順調に進んでいます。前回はゲームの枠、次のブロックを表示する枠を作るとこまでやりました。 フルのソースコードはこちらにあるので、面倒な人はダウンロードどうぞ。   今日は、スター…
へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(5) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(5)

どうも、すえきあおいです。 YouTubeのチュートリアル動画を使った2Dゲーム(テトリス)モバイルアプリ開発が順調に進んでいます。前回は画面の枠を作るとこまで行きましたので、今回はいよいよゲームの中身の部分を作っていきます。 フルのソースコードはこちらにあるので、面倒な人はダウンロードどうぞ。 &…
へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(4) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(4)

どうも、すえきあおいです。 結論から言うと、今日やるチュートリアルは成功しました。フルのソースコードはこちらにあるので、面倒な人はダウンロードどうぞ。   前前回、前回とチュートリアル選びに失敗してきた私です。 知識は身についてきましたが、まだアプリ開発自体は1ナノも前進しておりません(白…
へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(3) へっぽこSEのFlutter開発

へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(3)

どうも、すえきあおいです。 前回、Flutter公式サンプルアプリの「slide_puzzle」を動かすところまで行ったんですが、いざカスタマイズしようとソースを読んでいくと、なんか難しくて。あと意外とファイル数も多くて。 読み解きながら勉強したことをシリーズで当ブログに投稿していたんですが、ちょっ…
[Flutter][Tips][6] Command PhaseScriptExecution failed with a nonzero exit code のの解決方法 へっぽこSEのFlutter開発

[Flutter][Tips][6] Command PhaseScriptExecution failed with a nonzero exit code のの解決方法

どうも、すえきあおいです。Flutterで2Dゲームアプリを作り始めたのですが、早速エラーでハマりました。 経緯やその後の進捗を知りたい方は以下の記事をご参照ください。 へっぽこSEが◯時間でFlutter(iOS、android、web)で2Dゲームアプリを作ってみる(1) へっぽこSEが◯時間で…
[Flutter][Tips][5] Flutterのchannel(stable, beta, dev, master)を切り替えるコマンド へっぽこSEのFlutter開発

[Flutter][Tips][5] Flutterのchannel(stable, beta, dev, master)を切り替えるコマンド

使いたいパッケージの依存関係とかで、Flutterのチャンネルを切り替えることが多かったので簡単にメモしました。   Flutterチャンネル切り替え手順 Flutterチャンネル切り替え手順① 現在のチャンネルを確認 ターミナルを開いて、 flutter channel というコマンドで…
[Flutter][Tips][4] WidgetにはStatelessとStatefulの2種類ある へっぽこSEのFlutter開発

[Flutter][Tips][4] WidgetにはStatelessとStatefulの2種類ある

Widgetって何?って人は前回の記事『 Widgetとは?』を参照して下さい。   State(=状態)とは? アプリ全体で画面間でアプリケーションの状態を共有する必要がある場合があります。 アプリの状態が変わる(ユーザがボタンをタップする等)と、状態(state)が変わり、UIの再描画…