作成したアプリ一覧

app.md

目次

• ブラウザ上でCSVやTSV等のデータを分析：danfojsのサンプル(HTML/CSS/JS)
• Cytoscape.jsを利用したグラフの実験的エディタ(HTML/CSS/JS)
• Cytoscape.jsを利用したグラフのビューワ(HTML/CSS/JS)
• よく使うディレクトリの構造を一発で作るやつ

---

リスト

ブラウザ上でCSVやTSV等のデータを分析：danfojsのサンプル(HTML/CSS/JS)

クライアント側(ブラウザ側)で、CSVやTSV等のデータ分析を行うことができるミニアプリ。
「danfojs@1.1.2」の試用のために作成。開発者ツールのコンソールで色々お試し可能。

GitHubのリポジトリ(ビルド方法の説明あり)
https://github.com/TweeTeaFOX223/mini-csv-analyzer-on-client
GitHub Pages(ウェブ上で今すぐ試せます)
https://tweeteafox223.github.io/mini-csv-analyzer-on-client/

Cytoscape.jsを利用したグラフの実験的エディタ(HTML/CSS/JS)

Cytoscape.jsを利用したグラフの実験的エディタ。一つ下のビューワの強化版。
「右クリックによるノード/エッジの新規作成」「各要素のプロパティ(ラベル・色・形状など)の編集」
「エッジの曲がり具合と屈折点の設定」などが可能。Viteを使用。MITライセンス。

GitHubのリポジトリ(ビルド方法の説明あり)
https://github.com/TweeTeaFOX223/cy-experiment-graph-editor
GitHub Pages(ウェブ上で今すぐ試せます)
https://tweeteafox223.github.io/cy-experiment-graph-editor/

Cytoscape.jsを利用したグラフのビューワ(HTML/CSS/JS)

Cytoscape.jsのグラフのjsonデータを読み込み、グラフを表示する。
「GUI上での内部データ確認・ノードの座標編集・グラフのPNG画像出力」が可能。
npm(Vite)版とCDN読み込み版がある。MITライセンス。

GitHubのリポジトリ(ビルド方法の説明あり)
https://github.com/TweeTeaFOX223/cy-minimum-graph-viewer
GitHub Pages(ウェブ上で今すぐ試せます)
https://tweeteafox223.github.io/cy-minimum-graph-viewer/

よく使うディレクトリの構造を一発で作るやつ(HTML/CSS/JS)

設定を入力してよく使うディレクトリの構造を一発で作るための超簡単なWebアプリ。

GitHubのリポジトリ(ビルド方法の説明あり)
https://github.com/TweeTeaFOX223/directory-structure-generator
GitHub Pages(ウェブ上で今すぐ試せます)
https://tweeteafox223.github.io/directory-structure-generator/