lgtm-migrator / nuxt-manual

Nuxtで作成された主にHTML関係の技術マニュアル

Nuxt Manual

Nuxtで作成された主にHTML関係の小さな技術マニュアル

What's Nuxt Manual?

概要

Nuxt ManualはHTMLで作成したページを基にNuxtで移植、再作成したページです。 主にHTML関連の技術がメインとなっています。

ソースコードのハイライトにはPrismを使用し、ソースを素早くコピー可能にしたうえで、プレビュー機能による詳細をわかりやすく表示します。

機能面の変化

HTML版との差異は基本時にありませんが、Nuxt版は技術開発の確立に遅れが生じているので機能の追加等に遅れがあります。

📝 マニュアルの参考元

マニュアルの作成時に参考としたページは、各ページの末尾にリンクを貼っています。

尚、現在はまだ発生していませんが、デッドリンクが発生した場合、アーカイブに飛ぶように修正します。

🐛 誤字、脱字、修正等について

万が一ありましたらissueに登録してください。 確認をした後、修正を行います。

尚、issueテンプレートは現在未作成です。

🌐 本ページの公開先について

このソースで作成されたページはNetlifyにて公開されています。

正直Qiitaでよくない?

本マニュアルはあくまでNuxtの技術習得を目的としたものなので、マニュアル自体は備忘録程度のおまけです。

動作について

このサイトの動作にはNode.jsを使用していますので、あらかじめインストールしておいてください。 尚、Node.jsの基本的な使い方はこちらでは省略します。

このソースをクローンして使用する場合、ローカルで動作させるにはプロジェクトルートディレクトリに.envファイルを作成する必要があります。 これはBASE_URLを本番サーバーとしている関係で、一部の要素で正常に動作しないためです。

また、このサイトはFirebaseを使用しています。 Firebaseの設定項目はセキュリティの都合でGitにアップロードしていないので各自用意してください。

.envファイルの作成例は以下の通りです。

BASE_URL="http://localhost:8080/"

APIKEY=
AUTHDOMAIN=
DATABASEURL=
PROJECTID=
STORAGEBUCKET=
APPID=
MESSAGINGSENDERID=

記録

このソースコードは、2020年ソースコード保管プロジェクトにてノルウェーの永久凍土に保管されたようです。