image_pickerで取ってきた画像をCustomPaintで表示する - Qiita
はじめに image_pickerを使えば簡単に画像を取ってこれるのですが、 それをCustomPaintを使って表示する方法でとても手こずってしまったので備忘録を兼ねて記して置こうと思います。 CustomPaintを使えると、画像の上に描画もできるので画像の編集とかにも使えそうですね！ 使うライブラリ image_picker ソースコード全体 import 'dart:ui' as ui; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your appli
設計・ソフトウェアアーキテクチャを学べるGitHubリポジトリ 16選
はじめに 今回の記事では、設計やソフトウェアアーキテクチャを学べるGitHubリポジトリを16個紹介する。 対象とする読者 設計やソフトウェアアーキテクチャに興味関心があるエンジニア GitHubをエンジニアリングの情報収集に活用したいエンジニア タイトルで気になった人 Architectural Patterns システムの基本的な構成を理解するためのパターンやテンプレートを提供している。これらのパターンを学ぶことで、システムの構造やコンポーネントの関連性、相互作用を理解できる。これが開発者にシステムをより効率的かつ効果的に設計・実装する能力をもたらす。 Design Patterns for Humans 設計パターンを人間が理解しやすい形で説明している。デザインパターンは特定の問題に対して再利用可能なソリューションを提供する。これによって、開発者はより効率的にコードを記述でき、メンテ
Flutterで始めるアプリ開発
このページのゴール Riverpodの概要と使い方を知る Riverpodを使いユーザー情報を管理する チャットアプリ全体像 機能一覧 ✨ メールアドレス・パスワードでログインできる ✨ ログアウトできる ✨ チャットの投稿一覧を表示できる ✨ チャットに投稿できる ✨ チャットの投稿を削除できる イメージ図 ❗️ 注意事項 ❗️ プロジェクト・雛形の作成が終わっていない場合は Firebaseを使ったアプリ概要のページを確認しましょう。 状態管理 状態管理とは まずは状態管理とは何であるかについて理解していきましょう。 Widgetとはでは、 FlutterはWidgetをツリー状に組み合わせUIを実現することを紹介しましたね。 そして、状態を持ったWidgetでは、 データを元にUIを作る仕組みのことを状態を持つと呼ぶことを紹介しましたね。 Widgetをツリー状に組み合わせUIを実現
ScrollablePositionedListの使い方メモ
A flutter list that allows scrolling to a specific item in the list. Also allows determining what items are currently… ItemScrollControllerListViewでは ScrollController を使用しますが、このWidgetでは代わりにItemScrollControllerを使用します。 ItemScrollControllerのscrollToで、Listのindexを指定して、指定アニメーションでスクロールします。jumpToでは、アニメーションせずに瞬時にそのIndexの位置に移動します。 ItemPositionsListenerViewPort内に表示されているList Itemの情報を得るコールバック関数を指定できます。その情報が変化す
【Flutter】 無限スクロール の実装方法 - 週刊Flutter大学
そんな悩みにお答えするのが本記事です。 本記事ではリストビューが下端に行った時に自動でデータを読み取り、表示する、 無限スクロールの実装方法について解説します。 本記事を読めば、以下のgifのような無限スクロールが実装可能となります。 無限スクロールの実装方法は色々とありますが、 今回はScrollControllerを使った方法を解説します。 ぜひ読んでみてください！ 準備 まずは無限スクロールできないリストビューのサンプルコードを紹介します。 このコードを改造して無限スクロールができるようにします。 サンプルコードの後に、このコードの解説を行います。 サンプルコード import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWid
Flutterで無限スクロールする手法3選 - Qiita
この記事はFlutter #1 Advent Calendar 2020の4日目の記事です。 遅刻しました、すみません！ サンプルコードの用意が間に合わなかったのです… まずはGifを見てください。 リストのスクロールが下端に着くとAPI的には次のページが読み込まれる、利用者にページネーションを気にさせないページネーションの方法です。 これをFlutterのListViewで実現しようとすると、実はいくつか方法があります。 私が今まで見てきた実装は主に3パターンに分類できるので、この記事ではその3パターンをご紹介します。 方法によってメリット/デメリットがあるため、用途に合わせて適切な方法を選ぶと良いと思います。 全体的な設計と想定環境 StateNotifier + Providerによる状態管理と状態通知を使用します。 状態を保持する値クラスの生成にはfreezedを使用しました。 ア
【Flutter】Providerを使って複数画面で再描画を行う【初心者向け】 - Qiita
前回記事では、StatefulWidgetを使用して異なる画面から受け取った値で状態更新を行い、画面の再描画（リビルド）を実現してみました。 【Flutter】 戻るボタンで遷移元画面に値を渡す方法 今回は、Providerを使用してそれを実現してみたいと思います。 Providerとは Providerとは、「状態管理」に使われるパッケージのこと。 ざっくりと説明しますが知っている方は飛ばしてください。 状態管理について Flutterには、データに変更があった際に画面を再描画する仕組みがあります。 また、そのデータのことを「状態」と呼んだりします。 これまでは、StatefulWidgetを使えば画面の再描画（リビルド）が実現できておりました。 しかし、StatefulWidgetはそのクラス内でUIを構築する処理と状態管理する処理を記述する必要があります。 したがって、各画面で状態を
iOSアプリのライフサイクル - Qiita
はじめに iosでAppDelegateのメソッドがどんな時に呼ばれるかを知りたかったので、 Appleの資料の確認と、アプリを実装して確認しました。 実装した環境 Xcode 10.2.1 SWIFT 5 ios 12 アプリライフサイクルと呼ばれるメソッド アプリライフサイクル 下の図は、アプリライフサイクルとそれぞれの遷移時にAppDelegateで呼ばれるメソッドです。 アプリの起動時 アプリを最初のタップして、起動した時のAppDelegateの呼ばれる順番です。 func application(_:willFinishLaunchingWithOptions) func application(_:didFinishLaunchingWithOptions:) func applicationDidBecomeActive(UIApplication) アプリをバックグランド
Hatena Engineer Seminar #21「GraphQL 活用編」をオンラインで開催しました #hatenatech - Hatena Developer Blog
2022年9月7日（水）に、 Hatena Engineer Seminar #21 をオンライン開催しました。ご参加いただいたみなさま、ありがとうございました。 このエントリーでは、当日のアーカイブ動画や公開資料をご紹介します。 Hatena Engineer Seminar #21 について 発表概要と資料 GraphQLを使い続けて気づいたこと 〜マンガノでの活用事例から〜 - by id:miki_bene Perl でも GraphQL が使いたい - by id:nakaoka3 マルチテナントで GraphQL を使う際の工夫 - by id:mizdra GraphQLでフロントエンドとバックエンドを分離する - by id:magaming はてなが作るマンガアプリのGraphQL導入から活用 ～ コミックDAYSからGigaViewer for Appsへ～ - by
リーダブルテストコード / #vstat
「リーダブルなテストコードについて考えよう ～VeriServe Test Automation Talk No.3～」で使用したスライドです。 https://veriserve-event.connpass.com/event/243280/ 登壇動画はこちらで公開されています。 https://vimeo.com/742517199/e001ac43ac ＜参考リンク＞ Twitter https://twitter.com/jnchito Blog https://blog.jnito.com/ Qiita https://qiita.com/jnchito プロを目指す人のためのRuby入門［改訂2版］ https://gihyo.jp/book/2021/978-4-297-12437-3 Everyday Rails - RSpecによるRailsテスト入門 https://
Flutter開発のためのDart入門（７）クラス② | スマホアプリ制作・開発会社を東京都内でお探しなら【株式会社イーディーエー】
前回の投稿に続き、今回もDartについて解説していきます。 引き続きクラスについて解説します。 抽象クラス 抽象クラスとは継承されることを前提として、処理内容を記述しないメソッド（抽象メソッド）を含むクラスです。 抽象クラス単体ではインスタンス化することはできません。 反対にインスタンス化できるクラスは具象クラスと呼びます。 抽象クラスを定義する際はabstractキーワードを指定します。 abstract class 抽象クラス名 { } 抽象メソッド 抽象クラスには抽象メソッドを定義できます。 抽象メソッドには処理内容を記述できません。 メソッド名()の後ろの{処理内容}の代わりにセミコロン;を記述します。 abstract class Shape { double getArea(); // 抽象メソッド } 継承 既存のクラスを元に新たなクラスを定義することを継承と呼びます。 また
Flutterでお手軽にNoSQLでデータ保存 - Qiita
Flutter SDKは、Mojaveで動かせる最終版を使用しているため、最新版ではありません。 Hiveの概要 1.特徴 NoSQLである Key-Value メモリにキャッシュするので高速 100,000件くらいなら余裕らしい 2.使い方(簡易版) ドキュメントモデルの定義を作る アノテーションを使って項目名と型を宣言するだけ アダプタークラスを自動生成する generatorを走らせる必要がありますが、コマンドコピペして走らせるだけなので簡単 Hiveを初期化 初期化メソッド呼んで上記で生成したアダプタークラスを追加するだけ データベース(Boxと言うようです)を開く 重複して開かない方法も用意されていて親切 あとは書くなり読むなり自由にして closeは書かなくてもいいらしい WatchBoxBuilderでデータが更新された表示も自動更新 ただし、今回私は作成済みのデータモデルと
DartでWebスクレイピング
name: "scraping" environment: sdk: '>=2.12.0 <3.0.0' dependencies: http: ^0.13.1 html: ^0.15.0 import 'package:http/http.dart' as http; import 'package:html/parser.dart' show parse; // main関数。非同期処理(await)を使用するのでasync。 void main() async { // 取得先のURLを元にして、Uriオブジェクトを生成する。 final url = 'https://zenn.dev/'; final target = Uri.parse(url); // 取得する。 final response = await http.get(target); // 下の行のコメントを外すこと
特定のアプリがインストール済みかチェックする - Qiita
iOS で特定のアプリがインストールされているかチェックする方法と、それに関する疑問点の調査結果を書いていきます。 インストール済みかチェック手順 Info.plist に Scheme を登録して、 canOpenURL メソッドを実行するだけです。 例えば、 Twitter アプリがインストール済みかチェックするには下記の手順を行います。 1. Info.plist に Scheme 登録 LSApplicationQueriesSchemes というキーで、 Type は Array にして、 twitter を登録します。 2. canOpenURL を実行 Twitter のアプリがインストールをした状態で、 canOpenURL を実行してみます。 if UIApplication.shared.canOpenURL(URL(string: "twitter://")!) {
デバイスにインストールされているアプリ一覧を取得する - その後のその後
自分のiPhone（やiPad）に入っているアプリ一覧って当然取れないものと思っていたら、Bumpにアプリ一覧を表示する機能があって、どうやってるんだろうってことで検討してみました。 方法としては、次の２つが考えられます。 アプリのプロセス名一覧を持っておいて、そのプロセスが存在すればインストールされていると判断する アプリのカスタムURLスキーム一覧を持っておいて、そのカスタムURLスキームが使用可能であればインストールされていると判断する 1の方法の長所は、どんなアプリでも適用可能なこと。ただし、起動中もしくはバックグラウンドでタスクが生きているアプリしかとれない。 2の方法はタスクが生きていないアプリでもとれる代わりに、カスタムURLスキームをもっているアプリしかとれない。 で、どちらの方法も、あらかじめアプリのプロセス名、あるいはURLスキームを知っている必要がある、という大きな欠
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10 Flutter Hive Best Practices
Extensions / Reference | Chrome for Developers
Processingでプログラミング入門 - HackMD
Social Network for Programmers and Developers
mysql_utils example | Dart package