開発ログ @ 2025.03.05

既視感 ​

昨日、gpuu (GPU Utils) という新しいパッケージを追加しました。 これは WebGPU 関連の機能を扱うのを助けるためのもので、将来的には実際の GPU デバイスとの対話にも使えるようになるかもしれません。 現時点では機能はまだ限られていますが、今後のバージョンでさらに機能を追加していく予定です。

使い方は以下の通りです：

import { check } from 'gpuu/webgpu'
import { onMounted } from 'vue'

onMounted(async () => {
  const result = await check()
  console.info(result)

  // 結果に対して何らかの操作を行う
})

先週、私たちの企業デザイナー/アーティストが Project AIRI のロゴの最初のデザイン案を提出してくれました。 ロゴの全体的なスタイルはこんな感じでした：

日中の作業 ​

デザインの観点から見ると、これらのロゴはホーム画面のアプリアイコンサイズに縮小したときに、少し複雑すぎて親しみやすさに欠けるように見えました。 そこで、このバージョンを再デザインしました：

そして他のバリエーションも編集しました：

しかし、これらのバージョンはダークテーマにしか適していませんでした。「ライトテーマ用のバージョンも必要だ！」と思い、すぐにこれを作成しました：

@kwaa が、2つのテーマの配色を入れ替えてみてはどうかと提案してくれました：

確かにこの方が良く見えます。

フォントの配置も更新しました：

そして背景色も最適化しました：

というわけで、最終的にこうなりました：

今日の遅くには、Project AIRI のドキュメントサイトを正式に公開する予定です。 私自身や他の開発者、アーティストのためのリファレンスやガイドを提供するためです。

ついに完成しました！新しいデザインのロゴと配色はすでにドキュメントサイトに統合されています：

現在、サイトには基本ガイド、 貢献ガイド、 およびデザインガイドラインが含まれています。

YouTube で文字の PV アニメーション効果を研究するのに昼休みを丸ごと費やしました。 これらのアニメーションに魅了され、ブラウザでも同様のトランジション効果を実現したいと思いました！

https://www.youtube.com/watch?v=_AIgv0EsOE4

幸運なことに、この分野で非常に優れた開発者兼アーティストを知っています： yui540（個人サイト：yui540.com）、 彼/彼女は素晴らしいトランジション効果の実装を紹介する新しいリポジトリを公開したばかりでした。

これらの関連リソースとサイトへのリンクを https://airi.build サイトに追加しましたので、ぜひチェックしてみてください。

開発配信 ​

yui540 のリポジトリにある 多くのアニメーション・トランジション効果を https://proj-airi-packages-ui-transitions.netlify.app/#/ に移植しました。

移植後の効果はかなり良い感じです：

今日の DevLog はここまでです。DevStream に参加し、最後まで付き合ってくれた皆さんに感謝します。また明日お会いしましょう。