Zenn
Open27

localに保存したマインドマップのjsonを使ってブログに表示したい

kajirikajirikajirikajiri

保存形式はこれ

{
    "root": {
        "data": {
            "id": "ccpcj4vc2680",
            "created": 1625908699144,
            "text": "parent"
        },
        "children": [
            {
                "data": {
                    "id": "ccpcjaer0rk0",
                    "created": 1625908711202,
                    "text": "child"
                },
                "children": []
            }
        ]
    },
    "template": "default",
    "theme": "fresh-blue",
    "version": "1.4.43"
}
kajirikajirikajirikajiri

文字化けしてるなー。hello worldだけだと大丈夫だったんだけど。
とりあえずいいか。実装してみよう。

kajirikajirikajirikajiri

多分実装してからの方が文字コードとか判別しやすい。
自分はbashよりjsの方が得意

kajirikajirikajirikajiri

got を使うと以下のエラーが出た。 https://github.com/sindresorhus/got

wait  - compiling...
error - ./node_modules/cacheable-lookup/source/index.js:10:1
Module not found: Can't resolve 'dns'

これを node-fetchにしたらうまくいった。　https://github.com/node-fetch/node-fetch

多分、getStaticPropsはサーバーサイドなんだろう

This means you can write server-side code directly in getStaticProps. This includes reading from the filesystem or a database.

https://nextjs.org/docs/basic-features/data-fetching

kajirikajirikajirikajiri

解決方法は見つからんが、これはcssが効いてない時のmap系のやつという感からcssとjsを手動読み込み

kajirikajirikajirikajiri

なるほど、position absoluteとz-indexがあるとz-indexが効かない？ってことかな

kajirikajirikajirikajiri

できたできた。
cssを読み込みして、jmnodesからposition:absoluteを消せばok

kajirikajirikajirikajiri

leftとrightを手動で決めるのが面倒なんだよな。あ、勝手にやってくれるかも？

kajirikajirikajirikajiri

ちょっとxmindは諦めた。ファイル読み込みしてた。データ読み込みできるのかわからん
あと少しな気がする