ど素人から始めるFlutter

プログラミング経験ほぼ0からFlutterを独学で勉強中。適切でない表現等あれば教えていただけると嬉しいです!

ど素人から始めるFlutter

プログラミング経験ほぼ0からFlutterを独学で勉強中。適切でない表現等あれば教えていただけると嬉しいです!

最近の記事

  • 固定された記事

Flutterでポモドーロタイマーを作る(iOS)

Flutter(iOS)でポモドーロタイマー(25分勉強、5分休憩(4回に1回は15分休憩)を繰り返すタイマー)を作ってみました。 実装の流れを記事にしましたので、参考にしていただければ幸いです。 はじめに本記事は独学でFlutterを勉強してポモドーロタイマーを作ってみた、というものです。 Flutterの環境構築は初心者向けのわかりやすい教材がすでにあるため省略させていただきます。 実装時の環境は下記の通りです。 実装に下記のパッケージを使いました。 パッケージの

¥980
    • Flutterメモ:ライフサイクルは必ずしもpaused→resumedの順番ではない

      ライフサイクルを使って実装しているのですが、pausedにはならずにresumedになることがあることに考えが及びませんでした。 だから注意しようね、という自分用のメモですm(_ _)m ライフサイクルとは?大雑把にいうと、アプリを開いているか閉じているか等のことです。 例えば、ホーム画面に移った、スリープになった、アプリに戻った、を検知できます。 Flutterの主なライフサイクル ・inactive:操作できない不活化状態。電話がかかってきた時、コントロールセンター

      • Flutterの静的解析を使ってみる

        「静的解析」ってご存知ですか? 今まで知らなかったのですが、使ってみたところとても勉強になったのでメモしておきます。 Flutterの静的解析で何ができる?(ど素人目線) ・相応しくない書き方を教えてくれる ・推奨される書き方を学ぶ機会になる 独学でやっているため、独りよがりな悪いコードになってしまうリスクがありました。静的解析を使うとそのリスクを軽減できます。 具体例よくないコードがあると、Dart Analysisのところにヒントを出してくれます。 該当箇所に行く

        • Flutterでローカル通知を設定する方法(iOS)

          スマホアプリでの通知はローカル通知とプッシュ通知の2種類あるそうです。 今回はローカル通知について実装方法を調べたので、メモしておきます。 とりあえずiOSで通知したい方は参考にしてください。 ローカル通知 ・アプリ自体から通知を出すイメージ。 ・外部との通信がない。オフラインでも通知を出せる。 ・例) 3分後に鳴るタイマーの通知。 プッシュ通知 ・サーバーから情報を受け取って通知を出すイメージ。 ・通信が必要。 ・例) 〇〇さんがいいねしました的なtwitterの通知。

        • 固定された記事

        Flutterでポモドーロタイマーを作る(iOS)

        ¥980

          Flutterで効果音を設定する方法

          ※2022/8/25追記あり 使用しているパッケージ(audioplayers)が最新バージョン(1.0.0以上?)では動きませんでした・・・ バージョン0.19.1でお試しください・・・ 今回はFlutterの初期コードを使って、ボタンを押すと音が鳴るように実装しました。こんなのができます。 こんな人向け ・Flutterでとりあえず音を鳴らしたい ・Flutter初心者 下記の手順はMacでAndroid Studioを使った場合のものです。 ①効果音をFlut

          Flutterで効果音を設定する方法

          FlutterでWidgetのclassを作る方法

          Widgetのclassを作成する方法について、自動で作成してくれる機能がAndroid Studioにあったので、メモしておきます。 はじめにプログラミングの世界では、同じようなコードを何度も繰り返して書くのはスマートとはいえません。 例えば、こんな画面があったとして、似たようなボタンが4つありますよね? かといって、似たようなコードを4回書くのはよろしくありません。(それでも動くけどね) デメリット ・コードが長くなってわかりにくくなる ・デザインを変えようと思っ

          FlutterでWidgetのclassを作る方法

          Flutterでアプリのアイコンを設定する方法

          Flutterでスマホアプリを作る際、アプリのアイコンを設定する方法を入門者向けにまとめました。 概要:アプリアイコン設定手順(今回の使用ツール)① アイコン画像を作る(Canva) ② アイコン画像のサイズをそれぞれ作成する(App Icon Generator) ③ Flutterプロジェクトに画像を保存する(Android Studio) ④ アプリアイコンを確認し、大きさなどを修正する(Android Studio) なお、以下の手順はすべてMacで行っています。

          Flutterでアプリのアイコンを設定する方法

          スマホアプリが作りたい→ Flutterを勉強してみよう!

          こんなアプリがあったらいいのになあ... と、思ったことがありました。 無いのなら自分で作ってみよう!と、いろいろ調べた結果、 Flutterというフレームワークを使ってアプリを作るのが良さそうだったので、Flutterのメリットを超簡単にまとめました。 こんな人向け ・プログラミングはやったことがない or 初心者 ・スマホアプリ開発に興味がある ・Flutterの超概略を知りたい なお、超初心者向け(というか、書いている本人がど素人)のため、厳密には適切でない表現

          スマホアプリが作りたい→ Flutterを勉強してみよう!