のーたいとる(2021-02-14版)

テスト代わりにちょっとこっちで書いてみるよ。書く内容はここの話。

編集機能についてかなり悩んでいているのでどうしよう。SPAと純HTML主義は相容れない(厳密には極端にめんどくさい)ので、どちらを取るかという感じ。

まあ名前の通りに文書を書くところなので、今回は純HTML主義に近づくようにCSS/JS無効化しても閲覧できるようにしたいですね。(流石に編集まで純HTMLにするのは後回し)

あ~なんか治安の良い話ばっか書くの楽しくないな。なんか事前生成するタイプのCMSって感じに成長していけそうなので、CDNとかも通してパフォーマンス面の利点活かせるようにしたいですね。

となるとSEOも考えて、HTMLに則るのがいいな。もともと私自身が純HTML主義なのでここで活きてきて嬉しい。

でもなんか、編集の実装とかどうやってSPAじゃなくて効率よく転送するかは検討したい欲があって、その検討にめちゃくちゃ悩んでいる。

WebComponentとかShadowDOMの知識に乏しくて、DOM操作のコストがさくっと出てこないので、編集画面だけキャッシュできるように別ファイルに分離する手法がよくわからないんですよね。

あ~~~とおもって色々書いてて思い出したけど、Vueとかも <div id="hoge"></div> に対して el: '#hoge' みたいな感じでrenderの指定してましたね…… editor.app.js に吐き出して各HTMLに <div id="editor"></div> で動かせばいいのか。

せっかくだし Svelte 使ってみようかなと思っていたので、技術的に可能かチェックしてこれでやってみようかな。

tagsは未実装なので試しに下に置いておきます。どうやって変換しようかな……。metaタグの仕様があんまわかってないんだけどHTMLのプロパティって勝手に拡張してええんか?? data属性使うもんなんじゃないのか???

tags

  • のーたいとる