javascript
Next.jsのnextraテーマを試す
nextraは、標準でサイト内検索などを備えているNext.jsのテーマ。ここではドキュメント向けのテーマを使用した手順を残しておく。公式でデモページを用意してくれているので、使い勝手はこちらを確認すると良い。https://nextra-docs-template.vercel.app/公式の手順を追っているだけなので詳細は公式を確認。https://nextra.site/docs/docs-theme/start環境Node.jsv18.17.1npm9.6.7プロジェクトの作成mkdir-pnextracdnextranpminextreactreact-domnextranextra-theme-docspackage.jsonに起動スクリプトを追加NEW_JSON=$(node-e'json=require(`./package.json`);json[`scripts`]={2023.11.26
NuxtをSPAで動かすとリダイレクト時に一瞬ページが見える
以前からVueには興味があって、このサイトもまあVuePress使っているから、まあそうなんだろうねという感じなんですけど、最近では職場でもVueが使われることが少しずつ増え始めて、今やっているプロジェクトではNuxt.js使うことになったのですよね。そんな中で、認証基盤(別ドメイン)へのリダイレクトをかけようとしたら、リダイレクトをトリガしているページが一瞬表示されてからリダイレクトが完了する、というなんとも引っかかる動きをしたわけです。今回はこれについて検証して、現行(Nuxt.js1.4.0時点)では、まずまず妥当と思われる対処法までたどり着いたのでこれを書きます。要件NodeJS9.5.0Nuxt.js1.4.0SPAモード$node-vv9.5.0検証コードをリポジトリにまとめてあるので、詳細についてはこちらのpackage.jsonを参考に。https://github.com2018.05.25
VuePressにRSSフィードを追加する
VuePressは便利なんですが製品ドキュメント向けに作られている感が強く、ブログとして使おうとすると、まだ貧弱な部分も目立ちます。今回書くRSS機能なども現在のところ用意されてはいません。(Issueで議論などはされているようなので、今後公式に実装される可能性は高いと思います。)ここでは、公式実装が待ちきれずに作ってしまった、RSS機能を見ていきます。要件RSSフィード出力のために必要な機能は以下です。RSS仕様に従いXML出力出力されたファイルを保存出力するファイルパスの解決詳細については、このサイトを生成しているリポジトリのpackage.jsonを確認するのが早いですが、簡単に必要なものを挙げておくと以下のようなものになります。vuepress:^0.8.4rss:^1.2.2なお、ファイル保存に必要なfs-extra、パス解決に必要なpathは、いずれもvuepressが依存ライ2018.05.19
KeycloakリソースサーバーJavascriptクライアントの連携例
概要Keycloakと、リソースサーバー、リソースクライアント間のSSO検証メモ。(Javascriptクライアント版)すでに検証部分の大半は過去のポストで完了しているため、ここでは主にJavascript版での差分と、Javascriptクライアントからの利用方法を中心に書いていきます。この手順で使用したコードは、以下に公開しているので、こちらも参考にしてください。https://github.com/yo1000/kc-resource/tree/e09c1dd987/kc-resource-client-js要件環境今回の作業環境は以下のとおりです。Java1.8.0_131SpringBoot1.5.9.RELEASEKeycloak3.4.1.FinalNodeJSv8.4.0NPM5.6.0$sw_versProductName:MacOSXProductVersion:10.2018.01.06
