Densyakun

バグをなくしたい バグ=コードの間違い （例） コードの読みやすさ コードの設計

↑すでにこれがバグ 改行してると思ったのに改行されていない

Densyakun

• 編集操作に合わせたパラダイムでJSONを変換すれば編集しやすくなる
• JSONを編集するUI: JSON Forms
• JSON FormsでJSON Formsを作成するエディターが欲しい
  • jsonforms-editorは一方向の変換しかできない？

ソースコードだけでなく、ディレクトリ構成もJSONと相互変換できるようにする

• ディレクトリ構成とソースファイルの編集操作に合わせた構造を作成する（アプリケーションに依存する）
• 現時点でTSXファイルと変換できるが、ディレクトリ構成に対応したエディターではない
• 方法

Densyakun

/*a*/import/*b*/
/*c*/"@"/*d*/
/*e*/;/*f*/
/*g*/

Densyakun

function myFunction() {
  var x = document.getElementById("myRadio");
  x.checked = true;
}

Densyakun

CPUを使用してpakファイルを展開するために、UnrealEngine製ゲームの起動にかかる時間を、短縮する方法

1. allcoolthingsatoneplace/UnrealPakTool を使ってpakファイルを展開する
2. ゲーム名\ゲーム名\フォルダと、ゲーム名\Engine\フォルダをバックアップする
3. pakファイルを展開したディレクトリにある、ゲーム名\フォルダと、Engine\フォルダを、ゲームのディレクトリに配置する
4. ゲーム名\ゲーム名\フォルダと、ゲーム名\Engine\フォルダにそれぞれバックアップしたBinaries\フォルダを追加する
5. ゲームを起動する

Densyakun

import * as React from 'react'
import * as THREE from 'three'
import { useFrame } from '@react-three/fiber'
import { Instance, Instances, useGLTF } from '@react-three/drei'

export default function Tracks() {
  let r = 0

  const { scene } = useGLTF('https://raw.githubusercontent.com/Densyakun/assets/main/railway/track/rail-50n-1067.gltf')

Densyakun

import * as React from "react";
import { Admin, Resource, ListGuesser, EditGuesser } from 'react-admin';
import callbackableFakeDataProvider from '@/lib/callbackableFakeDataProvider';

const App = () => {
  const [data, setData] = React.useState({
    "resourceName": state.value,
  });

  return (

Densyakun

import * as React from 'react'
import * as THREE from 'three'
import { OrthographicCamera, useHelper } from '@react-three/drei'
import { proxy, ref } from 'valtio'

export const state = proxy<{
  directionalLight: { value?: THREE.DirectionalLight };
}>({
  directionalLight: ref<{ value?: THREE.DirectionalLight }>({}),
})

Densyakun

import * as React from 'react'
import * as THREE from 'three'
import { PerspectiveCamera, OrthographicCamera, OrbitControls, MapControls } from '@react-three/drei'
import { OrbitControls as OrbitControlsImpl, MapControls as MapControlsImpl } from 'three-stdlib'
import { useSnapshot } from 'valtio'
import { state } from './MapCameraSwitch'

type CameraName = 'default' | 'map' | undefined

export default function SwitchableCameras() {

Densyakun

モバイル、マウス向け

• OrbitControls
• CameraControls
• ArcballControls
• TrackballControls
• MapControls
• PivotControls
• TransformControls

モバイル、VR向け