HarmonyOS メモアプリの編集機能実装ガイド
本文はApi12に基づいています。
リッチテキストエディタの設定
メモアプリの編集ページでは、RichEditorコンポーネントを使用します。重要なポイントは、value: RichTextConfigというパラメータを通じてスタイルを設定し、最終的な内容を取得できることです。
const editorCtrl = new RichTextController();
const config = { controller: editorCtrl };
new RichText ...
7月11日 22:15 投稿
HarmonyOS 5: 複数ダイアログの連続表示における問題と解決策
問題現象
CustomDialogを使用して複数のダイアログを連続的に表示する際、最初のダイアログから2番目のダイアログを開こうとすると、2番目のダイアログが正しく表示されず、最初のダイアログの内容が表示されてしまいます。
問題のコード例
@CustomDialog
struct FirstDialog {
firstController: CustomDialogController
secondController: CustomDialogController
...
7月9日 21:53 投稿
HarmonyOS NEXT におけるノートアプリ実装 - RDBデータ永続化層
ノートアプリの主要機能として以下が含まれる：
ノート作成（タイトル・本文・作成日時・更新日時を記録）
ノート編集
ノート削除
分類管理（カスタムカテゴリの定義・適用）
検索機能（タイトルまたは本文からの部分一致検索）
データストレージ選択
本実装では HarmonyOS の関係型データベース（RDB）を採用する。これは SQLite ベースのローカル DB 実装で、CRUD 操 ...
7月8日 19:53 投稿
HarmonyOS Nextにおける@Paramデコレータの活用
HarmonyOS Nextのコンポーネント指向フレームワークにおいて、子コンポーネントが親からデータを受け取る際の柔軟性と明確性を向上させるため、@Paramデコレータが導入されました。API version 12以降、@ComponentV2で定義されたカスタムコンポーネント内で@Paramを使用することが可能です。
@Paramデコレータの概要
@Paramは、親コンポーネントから子コンポーネント ...
7月5日 17:00 投稿
ArkUIにおけるスプリング曲線アニメーションの実装と物理パラメータの活用
スプリング曲線アニメーションの概要
ArkUIでは、LinearやEase、EaseInといった標準的なアニメーション曲線に加え、物理学のバネ・質量・ダンパーモデルに基づいた「スプリング曲線」を利用できます。この曲線を使用することで、アニメーションが目標値を超えて揺らぎ、最終的に収束するような、現実世界の物理挙動に近いインタラクティブな演出が可能になります。
ArkUI ...
7月4日 23:02 投稿
HarmonyOS ArkUIのレスポンシブグリッドレイアウト：GridRowとGridColの実装ガイド
グリッドシステムの基本概念
グリッドレイアウトは、多様な画面解像度やデバイスサイズに対応するための標準的な配置手法です。コンテナを等幅の列に分割することで、UI部品の配置基準が構造化され、マルチデバイス環境でのデザイン一貫性を担保します。ArkUIでは、親コンテナとなるGridRowと子セルを定義するGridColを連携させることで、柔軟なレスポンシブ構造を構築でき ...
6月25日 21:14 投稿
HarmonyOS アプリ開発：ArkUI を用いたページ遷移とパラメータ管理の実装
ナビゲーションスタックの挙動とモード設定
アプリケーション内でのユーザー体験を向上させるためには、ページ間を滑らかに移動できることが不可欠です。ArkUI のルーティング機構では、現在のページ状態を維持するかどうかによって、複数の操作モードが提供されています。主に「スタンダードモード」と「シングルモード」が利用可能です。
例えば、ログイン後のプロフィー ...
6月23日 16:57 投稿
HarmonyOS ArkUIにおけるSwiperコンポーネントの実装テクニック
ループ再生機能の実装
Swiperコンポーネントで無限ループを実現するには、continuousプロパティを有効化します。
@Entry
@Component
struct CarouselExample {
private carouselController: CarouselController = new CarouselController()
build() {
Swiper(this.carouselController) {
Text("A")
.size('100%')
.bgC ...
6月18日 18:39 投稿
HarmonyOS ArkUI でのメディアクエリの実装と応用
HarmonyOS の ArkUI では、mediaquery モジュールを用いてデバイスの状態（例：画面向き、解像度など）に応じて UI を動的に変更できます。以下は、横画面（landscape）かどうかを監視し、状態変化時にコールバックを実行する基本的な実装です。
import mediaquery from '@ohos.mediaquery';
// 横画面条件でメディアクエリを同期的に生成
const mediaListener = mediaqu ...
6月15日 23:50 投稿
macOS 環境での HarmonyOS 開発設定と頻出エラー対策
シェル環境変数の設定
macOS では使用しているシェルによって設定ファイルが異なります。まず、現在のシェルを確認します。
echo $SHELL
出力結果に応じて、以下のファイルを編集します。
/bin/bash の場合：~/.bash_profile
/bin/zsh の場合：~/.zshrc
エディタでファイルを開き、末尾に SDK のパスを通します。ユーザー名部分は各自の環境に合わせて変更してく ...
6月13日 22:24 投稿