Scrapbox Readerを改良してみたい
Scrapbox_Readerを改良してみたい
動機
React.jsの勉強も兼ねてちょっといじってみたい
Vue.js辛いので代わりに
使いたい
主に実装したいこと
比較的すぐに実装できそうなもの
関連ページリストに相当する機能の実装
ScrapScriptsみたいにhover表示できるようにしたい
/takker/関連ページリストを吹き出し表示するUserScriptを
でいい感じに書き換えれば行けそう
外部Projectも吹き出し表示する
閲覧専用なので、精神への影響とか考えなくていい
1 hop linkの吹き出し表示が難しいかな
1 hop linkだけページ下部に表示する
長押しとか？
やっぱりそれかなあ
存在しないページで404になってしまって関連ページに飛べないのでこれはできるとよさそう
リンクを踏んでも何も起きないようにすればいいかな
リンク先ページの吹き出し表示
これも閲覧専用なので外部Projectも表示できるようにする
syntax highlight
highlight.jsを使えばいいのかな？
URLからparseする必要がある
既に表示されてるから問題なし
と思ったら<title>がないのか
ただのクローンがindexされても嬉しくないし
クローンのほうが先にindexされてしまうと、本家がクローンとして判定されかねないし
関連ページリストが実装されることもっと多くのページが無駄にindexされてしまう
後ほどPR出します
ありがたい
これってIE対策でしょうか？
ESNext に変えてもいいでしょうか？Next.jsのデフォルトなだけ
おそらくbabelとかでも変換されるから、tsconfigを変えたところで効果ないかも知れない
JavaScriptにも対応しているから、tscをわざわざ使うより一緒に変換するほうが実装楽そうだし
package.json を見る限りbabelは使っていないようですがもしかしてNext.js内部で使っています？
(Next.js何もわからないで言っている)
そう。Next.jsに含まれてる
なるほど
ESNext にしても問題なさそうですね ?? ではなく || を使っている部分があったので気になっていました多分それは意図的だったはず。nullableではなく空文字列が来るとかで
https://example.comが
{ content: "" } になるあとtsconfigのtargetはコンパイル対象であって、書くコードを制限するものじゃない
あんまりよく理解していませんでした……
あとで調べてみます
PWA対応
next-offlineを使うらしい
テロメアも欲しい
ただ外部に書かれているものを読むだけなら、そんなに必要ないけど
井戸端とか、頻繁に更新されるようなページを差分だけ読むときにないと厳しい
コードブロック記法 & テーブル記法のファイル名にリンクを入れる
コードは書けたけど何故かdeployに失敗した
ゆっくり考えること
KaTeXを入れる
好きなUserCSSを使えるようにする
dark themeとか
ページリストは欲しい
Pull request出せば実装できるかなあ？
vercelでどういうふうにdeployしているかがいまいちわからないので、そこだけ調べる必要がある
pull requestすると自動でpreview deployするし、それをmergeすると自動でdeployされる
なので実質的にPRさえ投げておけば好きなカスタマイズしたものを使えるようになる
なるほどこんな感じですね