Meng To

制作会社や建築事務所のサイトを、大きな文字と白黒の章立て、実際の制作風景や作品写真で構成します。不規則な写真配置に加え、操作しやすいメニューやFAQも設計します。

• 制作会社や建築事務所のサイト刷新
• 写真で制作過程を伝えたいとき
• 実績と制作方針を章立てで見せたいとき

Webページの本文幅に沿って細い縦線を引き、角やセクションの交点に小さな四角を添えます。余白と位置をそろえ、操作を妨げずにページの構造を示すスキルです。

• 本文幅に沿った縦のガイド線の追加
• メイン領域や製品ページの枠組み作り
• セクションの角を小さな四角で示したいとき

大きな四角いピクセルと規則的な濃淡パターンで、暗いモノクロ背景を作ります。波や雲のような形をゆっくり動かし、見出しやデータ表示の背面を演出します。

• 暗いUIにモノクロの背景を加えたいとき
• 見出しの背面にピクセルの波を置く演出
• データ表示を支える雲状の背景

複数の丸い形が近づくと溶け合い、離れると分かれる流体風のアニメーションを作ります。SVGフィルターで柔らかな境界を表現し、背景や読み込み表示に使うスキルです。

• ページ背景に流体風の形を加えたいとき
• 塊が溶け合う読み込み表示の制作
• 柔らかなカーソル演出の制作

黒やグレーを基調に、細いグラデーションの枠と非対称グリッドで画面全体を設計するスキル。パネル、文字、操作部品まで、境界線を生かした技術的な表現に統一します。

• ダークな画面のデザインを統一したいとき
• 細いグラデーション枠でパネルを整理したいとき
• ナビゲーションや選択状態を設計したいとき

Webサイトや製品UIのアニメーションを、情報の優先順位や操作への反応に沿って設計します。動きの速度・順序をそろえ、表示性能や動きの軽減にも配慮します。

• 製品ページの登場演出を考えたいとき
• UIの速度や加減速をそろえたいとき
• ホバーや画面遷移を加えたいとき

奥へ続く格子と控えめな粒子で、立体感のあるWeb背景を作るスキル。距離による線のフェード、ゆっくりした前進、マウスに反応する穏やかな視点移動を調整します。

• 立体感のある技術系背景を作りたいとき
• マウスに反応する穏やかな視点演出
• 格子のフェードや粒子を調整したいとき

開発環境やデザイン作業場を、緑の濃淡で描く立体的なSVGイラストを作ります。付属の描画キットで機器や小物を一つの台座に配置し、陰影や細部まで整えます。

• サーバールームや開発構成の図解
• CIの処理工程を絵にしたいとき
• 空の画面や初回案内の挿絵制作

花びらや雪、紙吹雪などを、ページ内の一区画に控えめに動かす装飾を実装します。密度や風、重力を調整し、文章の読みやすさと端末の負荷にも配慮します。

• 一区画に花びらや雪を添えたいとき
• ブランドの小さな図形を動かしたいとき
• モバイルの装飾負荷を抑えたいとき

動物がパソコンや本と過ごす場面を、鮮やかなピンクの背景と粒状の質感で描くスキル。絵本やガッシュ画を思わせる、温かみのあるSVGカードを制作します。

• データがない画面に動物の絵を添えたいとき
• 初回案内用のイラスト制作
• 秋らしいブログ見出し画像の制作

Three.jsのアクションゲームで、戦闘エリアや敵の組み合わせ、出現間隔、ボスの段階を設計・調整するスキル。攻撃の予兆や回復の余地を確保し、難易度も検証します。

• 戦闘エリアと敵の組み合わせを考えたいとき
• 敵の波状出現やボスの段階を調整したいとき
• 攻撃の予兆や立て直す余地を確認したいとき

Webゲームのアクション戦闘を、攻撃の予備動作や防御・回避の受付時間から設計・実装・調整します。命中判定と演出の整合性、同じ条件で再現できるテストまで扱います。

• 攻撃・防御・回避の時間調整
• 命中判定と戦闘演出の確認
• ボスの段階変化と防御手段の設計

人物と一つの小道具で、エラー画面やサービス案内に使うフラットなSVGイラストを制作します。輪郭線を抑えた配色や体形、手の描き方まで統一します。

• 404・エラー画面の挿絵制作
• 空状態や初回案内の挿絵制作
• 人物と小道具による公開予告

カードや入力欄、パネルなどに、複数の影を重ねて自然な奥行きを付けるスキル。Tailwindの任意値クラスを使い、部品の用途に合わせて3段階から選びます。

• 入力欄や小さなカードに奥行きを出す
• パネルやポップオーバーの影を整える
• 冒頭の画像やモーダル風領域を浮かせる

モバイル向けのThree.jsゲームを制作・調整・テストするスキル。タッチ操作や縦横画面の表示、端末に応じた描画品質、実際のモバイルブラウザでの検証を扱います。

• タッチでの移動やアクションを整えたいとき
• 縦画面と横画面の表示を調整したいとき
• モバイル端末の描画品質を調整したいとき

暗い背景に、布や霧のような縦の光をゆっくり漂わせるスキル。重なりによる発光と画面の隅や下端に集めた光で、奥行きのある背景を設計します。

• 暗い背景にゆっくり動く光を加えたいとき
• ブランドカラーに合わせた背景の発光
• 画面の隅や下端に光を集めたいとき

古い書籍や収蔵資料を読むような画面を設計するスキル。セリフ体の本文、紙の質感、余白の注釈、目次ナビゲーションを組み合わせ、閲覧画面全体を整えます。

• 文学作品の読書画面の設計
• 資料アーカイブや原稿の閲覧画面づくり
• 索引と注釈を備えた研究資料の整理

黒い髪や服を大きく配した、脚の長い人物のフラットなSVGイラストを制作します。配色やポーズをそろえ、アプリの案内画面やエラーページ、広告カードに使えます。

• アプリの初回案内用の挿絵
• エラーページの人物イラスト
• デザイン・開発業務の紹介カード

スクロールに合わせてカメラや光、文章が変化する、連続した3D空間のWeb体験を制作します。章ごとの演出設計から操作、読み込み、端末別の検証まで扱います。

• 3D空間で商品を説明したいとき
• 操作できる作品集の制作
• 展示を章立てで案内したいとき

Three.jsやWebGLゲームの処理落ちを計測し、原因に応じて改善するスキル。描画やメモリの負荷を調べ、操作や衝突判定への影響も確認します。

• フレームの処理時間の急増を調べたいとき
• 描画やパーティクルの負荷削減
• モバイル端末での動作改善

ゲーム用の3Dキャラクターやモンスターを、骨格・動作・装備・当たり判定まで含めて制作・統合・監査し、実際のゲームへの組み込みと操作可能な確認画面で検証します。

• FBX/GLB キャラクターのゲーム組み込み
• 交換できる武器や防具の本体からの分離
• モンスターの動作と攻撃判定の時間設計

画面の曖昧なアイデアを、レイアウト・文字・配色・余白まで定めたUI生成用プロンプトに整理し、一つずつ条件を変えながら見た目を調整するスキルです。

• 曖昧な画面案をプロンプトにしたいとき
• LPや初回利用案内の見た目をそろえたいとき
• 配色やカード配置の案を比較したいとき

Reactのカードや入力欄に、縁を移動する光や脈打つ発光を加えます。読み込み・選択・フォーカスと連動させ、動きがなくても状態を伝えられる表示を整えます。

• 処理中パネルへの脈打つ発光の追加
• 選択中カードや現在の手順の強調
• 入力欄の下辺を光らせたいとき

白い本体に青緑の側面とくっきりした影を付け、単体の物を主役にしたSVGイラストを制作します。人物を使わず、アプリの案内画面や機能紹介を共通の画風でそろえます。

• データがない画面の挿絵
• アプリの初回案内用の画像
• 製品の機能を説明するカード