サイトマップ

04ラボ

• 業務とプログラム
  • 日本語OCRの比較
  • 無料ツール
    • 営業日計算
    • 列番号の変換
• Webサイトの表現
  • 質感
  • 文字
  • 動き
    • スクロール
    • カーソル・ホバー
    • クリック・ページ切り替え
    • 自動で動く・WebGL
    • 作例：旅館の客室が朝・昼・夜に切り替わる
    • 作例：老舗の100年の沿革が横に流れる
    • 作例：昼はカフェ、夜はバーの店。スクロールで昼から夜へ
    • 作例：住宅会社。外観の窓に飛び込むと室内へ
    • 作例：「職人×AI」の協業の告知
    • 作例：飲食店のトップ。料理写真がこぼれて落ちる
    • 作例：ジムの会員証
    • 作例：建築写真。白黒がレンズの所だけカラーに
    • 作例：ホテルのオープニング。写真が集まり、押した写真の場面へ全画面で入る
    • 作例：アパレルの商品の壁。投げて動かし、押すと詳細
    • 作例：飲料ブランドの最初の画面
    • 作例：化粧品の最初の画面。浮遊するガラスの瓶
  • SVGによる表現
    • レイヤーの立体表現
    • 線を引くように動くアイコン
    • 読み込み中の表示
    • 動く天気アイコン
    • 背景に敷く動く模様
  • UIの部品
    • ガラスのボタン
    • 縁どりのスマホ画面
    • 暗い面のカード
    • すりガラスのナビ
  • ヒーローの演出
    • 立体ジオラマ
    • 光を分けるガラス
    • 光の粒になる紙
    • 光の糸
    • 液体の金属
• AI
  • 自社のAIエージェント
  • MCP連携の実験