上2020-02-03OSSのJSONエディタをElectronアプリに移植したjosdejong氏作のJSONエディタを、Electronでデスクトップ用アプリに移植しました。github.com元のJSONエディタはこちら。僕が書いたコードはたった200行くらいです。最新のリリースページからzipファイルをダウンロードしてください。zipファイルを解凍するとアプリ本体が出てくるので、適当な場所に保存すればインストール完了です。https://github.com/fand/json-editor-app/releases/latestMacの場合は「開発元が未確認のため開けません」と表示されてしまうので、初回の起動時は以下の手順で起動してください。アプリを右クリックしてメニューを表示し、「開く」をクリック確認ウィンドウが表示されるので、もう一度「開く」をクリック起動成功!2回目以降は普通にダブルクリックで起動できます。Editorで開くようにしておくと便利です。08:00OSSのJSONエディタをElectronアプリに移植したTweetもっと読むコメントを書く2020-01-23Reactで画像やテキストにWebGLエフェクトをかけるライブラリ作ったamagiです。先日React用コンポーネントライブラリのREACT-VFXをリリースしました。REACT-VFXを使うと、画像や動画、テキストにWebGLでエフェクトをかけることが出来ます。今後の仕事のために自分のポートフォリオを作り直そうと思い、インスピレーションを得るためにAWWWARDSを見ていた所、こんな感じでWebGLエフェクトが多様されてるのを発見した。https://www.sachatourtoulou.com/workhttps://collection-wakawaka.world/objectsかっこ良すぎる............!僕もこういうWebGLエフェクトを使いたい!ポートフォリオはReactベースで作ろうとしてたんだけど、ReactでWebGLを扱うのは結構難しい。react-three-fiberはReact向けWebGLライブラリの中で最も筋が良いライブラリだ(個人の感想)。react-three-fiberを使うと、JSXでThree.jsのシーンやオブジェクト、イベントなどを記述できる。WebGLなサイトをちょちょっと作るのにすごく便利なんだけど、今回やりたい事に対してはオーバーキルだし、canvasの制御やシーン生成を手でやりたいって時には向いていない。僕がやりたいのは、単にDOM要素をWebGLの空間に配置して、シェーダーでエフェクトをかけて描画する、って事だけだ。いう訳で、自分でライブラリを作る事にした。