From 5104f813231246ee1d8ce9c7e0876d0822e8f57a Mon Sep 17 00:00:00 2001 From: ashcolor Date: Fri, 25 Aug 2023 23:57:52 +0900 Subject: [PATCH 1/3] =?UTF-8?q?chg:=20=E3=81=BE=E3=81=A8=E3=82=81=E3=81=AE?= =?UTF-8?q?=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/blog/programming/0.nuxt-blog.md | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/content/blog/programming/0.nuxt-blog.md b/content/blog/programming/0.nuxt-blog.md index 624898d..4b6d131 100644 --- a/content/blog/programming/0.nuxt-blog.md +++ b/content/blog/programming/0.nuxt-blog.md @@ -17,7 +17,7 @@ isRecommend: true はじめまして、[職業はシステムエンジニア、趣味はDTM]{.marker}の**あっしゅからー**と申します。 -今回はNuxt Contentを使ってブログを作成してみたので、使用したライブラリやNuxtJSでブログを作成するメリット等をまとめました。 +今回はNuxtJSを使ってブログを作成してみたので、使用したライブラリやNuxtJSでブログを作成するメリット等をまとめました。 ::point-list{title="この記事の要約"} @@ -33,8 +33,6 @@ isRecommend: true :link-card{url="https://blog.ashcolor.jp/"} - - ソースコードはGitHubに公開しています。 :link-card{url="https://github.com/ashcolor/ashcolor-blog"} @@ -267,3 +265,11 @@ NuxtJSでしっかりとしたブログを作成するためには、[自前で APIはバックエンドが必要となるため、Nodeが動作する環境でデプロイするか、他の言語で開発する必要があります。 正直、[コメント機能が必須なブログを作成するのであればWordPressを選択してしまった方が圧倒的に楽]{.marker}です。 + +## まとめ + +今回はNuxtJSでブログを作成してみた際の技術スタックとメリット等をまとめてみました。 + +NuxtJSでのブログ作成はWordPressでのブログ作成とは、[ライティング方法から記事の公開方法まであらゆる点が異なります]{.marker}。 + +どちらの方法もメリット・デメリットがあるため、どちらの方がうまく運用できるか考えながら選択するのがよさそうです。 From 68315f6d5a51e5caf9d3b54707b782f9ad958f5b Mon Sep 17 00:00:00 2001 From: ashcolor Date: Fri, 25 Aug 2023 23:59:05 +0900 Subject: [PATCH 2/3] =?UTF-8?q?add:=20=E8=A8=98=E4=BA=8B=E3=81=AE=E8=AA=AC?= =?UTF-8?q?=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/blog/programming/1.chat-scroll.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/programming/1.chat-scroll.md b/content/blog/programming/1.chat-scroll.md index 7b0c7f5..7077257 100644 --- a/content/blog/programming/1.chat-scroll.md +++ b/content/blog/programming/1.chat-scroll.md @@ -2,7 +2,7 @@ createdAt: "2023/08/01" updatedAt: "" title: "【TypeScript/Vue.js】チャットUIによくあるメッセージ送受信時にスクロール位置を最下部に維持する処理を実装する" -description: "" +description: "チャットUIによくあるメッセージ送受信時にスクロール位置を最下部に維持する処理を実装する方法を解説します。" category: "プログラミング" tags: - "JavaScript" From 13a275dca5d7678eb561e7724f66fe73b17afac5 Mon Sep 17 00:00:00 2001 From: ashcolor Date: Sat, 26 Aug 2023 00:08:50 +0900 Subject: [PATCH 3/3] =?UTF-8?q?fix:=20LinkCard=E3=81=AE=E3=82=A8=E3=83=A9?= =?UTF-8?q?=E3=83=BC=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/content/LinkCard.vue | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/components/content/LinkCard.vue b/components/content/LinkCard.vue index 99e4f66..88c6f13 100644 --- a/components/content/LinkCard.vue +++ b/components/content/LinkCard.vue @@ -10,36 +10,33 @@ const props = withDefaults(defineProps(), { const params = { url: props.url }; const query = new URLSearchParams(params); -let data: Object | null = null; - -try { +const { state } = useAsyncState(async () => { const response = await fetch(`${import.meta.env.VITE_NUXT_PUBLIC_SITE_URL}/api/ogp?${query}`); - if (response.ok) { - data = await response?.json(); + return await response?.json(); } -} catch (error) {} +}, null);