Hatena Blog Tags
はてなブログ トップ
UI開発
このタグでブログを書く

UI開発

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
アルゴリズムとかオーダーとか•3ヶ月前

Bolt.newのtoken節約方法

近年、テキストベースの指示でUIを自動生成できるツールが注目されている。最近業務で実際に Bolt.new に触れる機会があった。 bolt.newなお、Bolt.newを選んだ理由はv0よりも使えるフレームワークに自由度があったため。本記事では、$100の個人向けプランを実際に利用した経験をもとに、Bolt.newを効率的かつ経済的に活用するためのポイントを紹介する。 Bolt.newとは何か $100プランを試してわかったこと Visual Studio Code + Copilotとの比較 トークンを節約するための工夫①：デザイン修正はローカルで対応する トークンを節約するための工夫②：…

#AIツール#UI開発#Low code

関連ブログ

アドグローブブログ | 渋谷のIT会社•5ヶ月前

UI開発を効率化！Storybookでコンポーネントの「見える化」＆管理をラクに！

こんにちは。 株式会社アドグローブ ソリューション第一事業部の清水です！ 突然ですがフロントエンド開発で、こんなお悩みありませんか？ 「コンポーネントが増えて、どんなコンポーネントがあるか把握できない...😥」 そんな悩みを解決してくれるのが Storybook です！特に、フロントエンド開発でコンポーネント管理に課題を感じている方におすすめです。 この記事では、Storybookの導入方法やメリットを紹介します！ Storybookとは？ Storybookを導入するメリット 導入方法 起動 Storybookにコンポーネントを追加する インタラクションテストを導入する ドキュメントページを…

#Storybook#UI開発
ゲームプログラミング独学ブログ•1年前

UnityでのUI開発の基本とおすすめのサンプルプロジェクト【初心者向けガイド】

Unityを使用したUI開発は、ゲームやアプリのインターフェースを魅力的にするために重要な要素です。 この記事では、UI開発の基本的な手法と、初心者におすすめのサンプルプロジェクトについて詳しく解説します。 具体的な例を交えながら、理解しやすく説明します。 Unityを使ったUI開発の基礎 Unityは、2Dおよび3Dゲームを簡単に開発できる強力なツールです。特にUI開発において、その多機能さと柔軟性が大きなメリットとなります。 Unityのインストールとセットアップ まず、Unity Hubをダウンロードしてインストールします。Unity Hubを使用すると、新しいプロジェクトの作成やバージ…

#Unity#Unityゲームプログラマー#UI開発#サンプルプロジェクト#初心者向け
みつまめ杏仁•2年前

四角いゲージばかりじゃつまらない

最近はゲージを作るときにシェーダーを使う機会が増えました。表現の幅が広がって柔軟な調整ができるのが魅力です。ゲージはわかりやすさが大事ですが見た目が独創的であることもまたタイトルのユニークさをアピールできるパーツとして大事です。 デザインはキャラクターに寄せるか、逆にキャラに依存しない方がいい、などと悩みながらデザインしていきます。デザインが出来上がったら次はゲームの仕様に合わせて状況に応じた変化をデザインします。空っぽ、満タン、バフ、デバフ、タイマーなどデザインに乗せるか、別途用意するか、エフェクトは、とか、とにかくゲージの数だけ表現方法、実装方法があります。 そんな多彩なゲージを作るために…

#UE5#UI開発#ゲージ
みつまめ杏仁•2年前

目パチの次は口パク

みなさんは BoxMask-2D ノードというものをご存じだろうか。 このBoxMask-2D というノードはUV空間に矩形を出現させるという恐ろしいチカラをもったノードで、どんなに精巧に作られたテクスチャであろうと、設定を間違うと全てを塗りつぶしてしまうこともあるという。 なにやら不穏な気配漂うノードだが、目線を消す処理やレターボックス風に使えたり、 と、上手く手なずけることができれば、それほど怖いものでもないかもしない。 ちょうど手元に目パチのサンプル用のキャラがあるので、口をぱくぱくしてみようと思い、この BoxMask-2D を試みることにした。 まずは、ベースとなるテクスチャ。 口も…

#UE5#シェーダー#UI開発
みつまめ杏仁•3年前

スライダーUIを並べて操作してみる UE5版 続き2

前回の続き 基本の土台としてはそれなりにカタチになったと思うので、スライダー以外のUIパーツを作ってみようと思います。 今回の仕様はキーボードのカーソルキーで操作する想定にしています。 スライダーがUIパーツとして登場する画面にありそうなやつを 3種 選んで作ってみようと思います。 Index スピンボックス Designer Graph レベル選択 Designer Graph チェックボックス Designer Graph 組み込む Designer Graph 最後に スピンボックス あらかじめ決められたいくつかの選択肢が、順番に切り替えられるタイプ。コンシューマーゲームが登場したころか…

#UE5#ue5UMG#UI開発
みつまめ杏仁•3年前

スライダーUIを並べて操作してみる UE5版 続き

前回の続き スライダーUIを並べて操作してみる キーリピートの処理が無事動かすことができました。 以前の記事だと、UIパーツとして整えていくところですが、順番を入れ替えてここでブループリントインターフェイスを用意するところから始めていきます。 Blueprint Interface ブループリントインターフェイスは独立したアセットになります。 コンテンツブラウザで右クリック > Blueprints > Blueprint Interface を選択 プロジェクト内でユニークに扱われるので慎重に命名します。 とりあえず IF_SettingItem と名付けました。 編集ウィンドウを開くと、す…

#UE5#ue5UMG#UI開発#ユーザーインターフェイス
みつまめ杏仁•3年前

スライダーUIを並べて操作してみる UE5版

時は四年前。 2018年の2月に公開した内容で、間違いに気づかず、問題を避けるかたちで解決したことにしている部分があって、その雪辱戦といいましょうか、修正するにも当時のバージョンはすでになく、空きのないドライブと格闘してスクショ撮るのも大変そうなので、UE5版としてリニューアルすることにしました。配列変数の作り方を書いてるのはよかったのですが、既存のWidgetから昇格して作ったので、違うWidgetが追加できるわけもなく、当時の自分はこのミスに気づいてなくて、先日コメントでご指摘いただきました。今更ながら恥ずかしい限りです。 該当する一連の記事はこちらになります キーリピート機能をつくってみ…

#UE5#ue5UMG#UI開発#ユーザーインターフェイス
みつまめ杏仁•3年前

雑記#20220718

夜帰宅中、歩いていると聞きなれない音に気付いた、壊れた電子ブザーみたいな音で、長く一定のトーンで聞こえてくる音。まだ蛙の声も聞こえる時期なので秋の虫も少ないせいか際立って聞こえてくる。そういえばどうぶつの森で聞いたことがあるような・・・調べてみたらオケラだった。結構長くこの道歩いてるけど気にしたことなかったな。確か土のある所に暮らしているはずだけど、田んぼ付近はともかく、マンションと路地との隙間から聞こえてきたりする。最初は耳鳴りを疑ってしまった。 さてさて 別にカードゲームを作りたかったわけではなかったのだけど、先日雀魂（じゃんたま）を遊んでいて、牌の上をマウスカーソルが乗るとピコっと牌が少…

#UE5#ue5UMG#UI開発
みつまめ杏仁•4年前

９スライスを試してみたメモ

ダイアログウィンドウなんかのサイズが可変するウィンドウでよく見かけるUI表示で、制作環境によって呼び名が変わるようです。9スライスとか、9-patch とかいうやつ。 UE4でももちろん標準実装されているのでとても手軽に使えます。 詳しくはこちらの記事。 historia.co.jp 普通に使えるのに、わざわざマテリアルで試そうと思ったのは、カラーを乗せたかったから。 で、できたのがこれ。 UMGで マテリアルを使った 9Slice を作ってみた。なんとか完成できたけど、偶然できたカラーアニメーションのインパクトに驚いている #UE4 #ue4UMG pic.twitter.com/Qm0s3…

#UE4#UI開発