Next.jsでアンダースコアから始まるURLセグメントを利用する

概要 </api/_search> のようなAPIを作成するにあたり、アンダースコアから始まるURLセグメントを作成する方法を調べましたので、備忘録です。 方法 以下に記載がありました。 https://nextjs.org/docs/app/building-your-application/routing/colocation#:~:text=js file conventions.-,Good to know,-While not a 以下、日本語訳です。 URLセグメントでアンダースコアから始まる部分を作成するには、フォルダー名に %5F(アンダースコアのURLエンコード形式)を付けてください。例: %5FfolderName。 /api/%5Fsearch/route.ts のようにファイルを作成することで、解決することができました。 まとめ 参考になりましたら幸いです。

2024年10月8日 · 1 分 · Nakamura

Next.jsを用いたTEI/XMLファイルの簡易ビューアを作成しました

概要 TEI/XMLファイルの内容を表示する簡易なビューアを作成しました。 https://github.com/utda/tei-viewer 校異源氏物語のTEI/XMLを対象とした表示例は以下です。 https://utda.github.io/tei-viewer/?u=https://kouigenjimonogatari.github.io/tei/01.xml&v=true 使い方 最低限の機能として、IIIFマニフェストファイルが関連付けられている場合には、Miradorビューアが表示されるようにしました。関連付けの方法としては、以下のフォーマットをベースとしています。 https://github.com/TEI-EAJ/jp_guidelines/wiki/IIIF画像とのリンク またpbタグのn属性が与えられている場合は、ページ番号が表示される機能を提供します。さらに日本語への対応として、クエリパラメータにv=trueを与えた場合、縦書きテキストが表示されます。 https://github.com/utda/tei-viewer/blob/main/src/app/components/Ceteicean.tsx その他 フレームワークにはNext.js、TEI/XMLの表示スタイルにはCETEICeanを使用しました。 https://github.com/utda/tei-viewer/blob/main/src/app/CETEIcean.css そのほか、以下の記事を参考に、GitHubリポジトリとZenodoの連携を試行しています。 改善の余地があるかと思いますが、以下のコマンドを使って、新しいリリースを作成しています。 " r e l e a s e " : " n p m v e r s i o n p a t c h & & g i t p u s h o r i g i n - t a g s & & V E R S I O N = $ ( n o d e - p e \ " r e q u i r e ( ' . / p a c k a g e . j s o n ' ) . v e r s i o n \ " ) & & g h r e l e a s e c r e a t e \ " v $ V E R S I O N \ " - t i t l e \ " V e r s i o n $ V E R S I O N \ " " 今後 pbタグとMiradorビューアの画像表示が対応する機能を追加したいと思います。 ...

2024年2月5日 · 1 分 · Nakamura

Next.jsでジャパンサーチのウェブパーツを使う

概要 ジャパンサーチでは、ジャパンサーチ内で使われている画面の構成要素を、部品としてジャパンサーチ以外のウェブサイトでも利用できる機能であるウェブパーツを提供しています。 https://jpsearch.go.jp/static/developer/webparts/ja.html 今回、Next.jsで本機能を使用する機会がありましたので、その備忘録です。 使用例 以下のページでご確認いただけます。 https://jps-2023-next.vercel.app/jps ソースコード 以下で公開しています。 https://github.com/nakamura196/jps_2023_next 以下のように、Scriptタグを使ってjsファイルを読み込むことで、うまく表示させることができました。 < L / a < < L y S C / a o c o s } < < C y u r n x } p / d o o t i t = m > 東 p i n u > p a { y 京 > v t t t i { : 大 a > n 学 c i s e 5 「 l n r r , 総 a e c 合 s r = 図 s > " 書 N h 館 a t バ m t ー e p チ = s ャ " : ル j / ミ p / ュ s j ー " p ジ s ア d e ム a a 」 t r を a c 改 - h 変 l . し a g て n o 作 g . 成 = j し " p て j / い a a ま " s す s 。 d e a t t s a / - j c s u / r w = p { . d b a u t n a d } l > e < . / j d s i " v > > < / S c r i p t > まとめ ジャパンサーチのウェブパーツを同様の環境でお使いになられる際の参考になりましたら幸いです。 ...

2023年2月9日 · 2 分 · Nakamura