AsyncValueで扱う非同期状態管理

2025 年 10 月 22 日 by sumikawah

はじめに

Flutterでアプリを開発していると、API通信などの「非同期処理」を扱う場面が多くあります。
しかし、単にFutureやasync/awaitを使うだけでは、「ロード中」「成功」「失敗」といった状態を安全かつ明確に扱うのが難しくなります。
そこで、RiverpodAsyncValueを使うことで、非同期処理の状態を一元的に管理し、UIとロジックをきれいに分離できるようになります。
本レポートでは、 AsyncValueの仕組みと活用方法を整理し、非同期状態管理の理解を深めます。

AsyncValueとは?

AsyncValueは、Riverpodが提供する「非同期状態を安全に表現するためのクラス」です。
3つの状態を明確に持つのが特徴です。

(さらに…)

Flutterの状態管理(Hooks・Riverpod)

2025 年 10 月 22 日 by sumikawah

はじめに

現在、Flutterでアプリ開発を行うにあたり、さまざまな状態管理の方法があることを学びました。
その中でも、HooksRiverpod は開発の効率化やコードの可読性向上に大きく貢献する技術です。
今回はこの2つの仕組みについて整理し、理解を深めることを目的とします。

状態管理とは?

Flutterにおける状態管理とは、アプリの「状態(State)」をどのように保持し、更新し、UIに反映させるかを管理することです。
たとえば、ボタンを押したときにカウントが増えるような画面では、カウント値(状態)を保持し、それをUIに反映させる必要があります。

Hooksとは?

Flutter Hooks は、React Hooksの考え方をFlutterに取り入れたパッケージです。
StatefulWidgetでよく使う「状態を保持する処理」や「ライフサイクル処理」を、よりシンプルに書けるようにする仕組みです。

(さらに…)

Djangoについて

2025 年 9 月 24 日 by yamamotor

1.Django とは

Django】とは、Pythonで書かれたWebフレームワークです。

Pythonのフレームワークとしては、【Flask】も有名ですが、Flaskがマイクロフレームワークであるのに対し、

Djangoはフルスタックフレームワークであるという違いがあります。

すなわち、Djangoは管理画面や認証が必要な大規模向けのサービスに向いており、Flaskは中小規模のサービスに向いています。

(さらに…)

テスト手法 – 境界値分析

2025 年 8 月 18 日 by sumikawah

はじめに

現在、単体テスト仕様書を書くにあたり、さまざまなテスト手法があることを知りました。
今回はその中で 境界値分析 についてまとめます。

境界値分析とは?

境界値分析は、入力や出力の「境界付近」にバグが潜みやすいという前提に基づいて、テストケースを境界値に集中させる手法です。

(さらに…)

Java Spring F/Wのアノテーションについて

2025 年 8 月 18 日 by sumikawah

1.はじめに

現在、JavaのSpring Frameworkを用いた開発を行う中で、アノテーションを使用している場面が多くあります。しかし、その仕組みや意味を十分に理解せずに使ってしまっているケースも少なくありません。本レポートでは、Spring Frameworkにおける基本的なアノテーションの役割や種類、実際の使用例をまとめます。

2.アノテーションとは何か

アノテーションとは、Javaのソースコードにメタ情報(付加情報)を付けるための仕組みです。@Override@Deprecated など、Java標準のアノテーションもありますが、Spring Frameworkでは、独自のアノテーションを活用することで、設定や処理を簡潔に記述できます。これにより、XMLベースの設定よりも直感的で柔軟な開発が可能になります。

(さらに…)

figma オートレイアウト使ってみた

2025 年 8 月 7 日 by marukor

はじめに

最近Figmaでオートレイアウトを試してみたので、その感想や使い方をざっくりまとめます。
今まで手動で整えていたレイアウトが、自動でいい感じに揃って感動しました。

オートレイアウトとは

要素の間隔や配置を自動で調整してくれる便利な機能です。
flexやgridなどの考え方で配置することができ、よりコードに近い形でレイアウトができるようになっています。

(さらに…)

PDFBox3.0を用いたPDFへの描画(応用編)

2025 年 8 月 4 日 by nishimoton

この記事単体でも読めますが、PDFBox3.0を用いたPDFへの描画(基本編)を前提としています。

目次

  1. PDFBoxとは
  2. やりたいこと概要
  3. 事前準備:Adobe Acrobat ReaderでのPDF編集
  4. テキストコメントの座標取得
  5. 文字列等描画

1. PDFBoxとは

PDFドキュメントを操作するためのオープンソースのJavaツールです。
新しいPDFドキュメントの作成、既存のPDFの操作、PDFからのコンテンツの抽出、PDFへの描画などができます。
以下からダウンロードできます。
https://pdfbox.apache.org/downloads.html
2025年4月現在、3.0.xと2.0.xのふたつのバージョンがサポートされていますが、今回は3.0.xを使用します。

2. やりたいこと概要

(さらに…)

PDFBox3.0を用いたPDFへの描画(基本編)

2025 年 8 月 4 日 by nishimoton

技術調査でPDFBoxについて調べ、あまりにもver3.0.xについての記事がないため書きました。

目次

  1. PDFBoxとは
  2. 基本的な描画方法
  3. 注意点と実際のソース

1. PDFBoxとは

PDFドキュメントを操作するためのオープンソースのJavaツールです。
新しいPDFドキュメントの作成、既存のPDFの操作、PDFからのコンテンツの抽出、PDFへの描画などができます。
以下からダウンロードできます。
https://pdfbox.apache.org/downloads.html
2025年4月現在、3.0.xと2.0.xのふたつのバージョンがサポートされています。
2.0と3.0では使えるクラスなどが違い、3.0を利用する場合に2.0の記事が参考にならないことも多いです。

2. 基本的な描画方法

(さらに…)

figma アイコン付きボタンの作成

2025 年 7 月 31 日 by marukor

アイコン付きボタンコンポーネントの作成

アイコン付きボタンの、アイコンの部分を切り替えられる汎用的はボタンの作成方法を紹介します。

1.コンポーネントを作成する

まずはボタンコンポーネントの作成と、iconを複数用意します。

(さらに…)

figma コンポーネント使い方

2025 年 7 月 31 日 by marukor

はじめに

Figmaでは同じUIパーツを何度も作る手間を減らすために、コンポーネントが活躍します。
一度作ったパーツを再利用でき、変更も一括反映できるため、作業効率が上がります。
また、デザインの一貫性を保ちやすく、チームでの共同作業にも便利になります。

コンポーネントとは?

コンポーネントとは、Figmaで再利用できるデザインパーツのことです。
ボタンやカードなどを部品化することで、使い回しや一括管理ができるようになります。

(さらに…)