Nakamu Blog
世界を旅して暮らしたい放浪エンジニアブログ
Vue.js に関する技術情報をまとめ記事になります
Gridsomeを利用して簡単なサイトを作成しよう
静的ジェネレータであるGridsomeの調査として簡易的なサイトの構築を試してみたいと思います。ローンチ直後に比べてプラグインなども揃ってきていてブログやHPであれば十分構築できると思います。今後の開発でGridsomeが導入できるように基礎知識をつけていきたいと思います。
microlinkを利用して外部サイトのプレビュー表示をリッチに表示する
今まで本ブログでは、embedlyで外部サイトのコンテンツをプレビュー表示していました。embedlyは内部で古いバージョンのjqueryを読み込んでいたり、重かったりしたのでmicrolinkに移行してみたいと思います。
Nuxt.jsの本ブログにてRSS Feedを導入する
本ブログに atom.xmlを作成し、RSS Feedを提供できるようにします。@nuxtjs/feed の機能を利用して実装していきたいと思います。
markdown-it-containerを利用してmarkdownの投稿内にmessage boxを用意する
Nuxt.js + markdownで作成している本ブログの投稿内にmessage boxを用意します。既に@nuxtjs/markdownitが導入されていますので、markdown-itのプラグインとなるmarkdown-it-containerを利用していきます
Nuxt.jsでComponent内のstyleにassets配下のscssを読み込む
本ブログのNuxt.jsにて、Component内のstyleにassets配下のscssを読み込むような設定を試す。
vue-markdown をやめて nuxtjs/markdownit を利用する
本ブログは、Contentfulで管理いているmarkdown形式の投稿データをhtmlに変換して記事を表示しています。vue-markdownを利用いてmarkdownデータをhtmlに変換しているのですが、今回は nuxtjs/markdownit を利用する形に変更します。
vue-cookie-law を利用してCookie利用の同意を得る方法
vue-cookie-law を利用して本ブログでもユーザーにcookieを利用していることをアラートし、同意を得れるようにしたいと思います。
Vue CLI 3で作った私のプロフィールサイトをPWA化する
Vue CLI 3で作った私の<a href="https://nakamu.life/" target="_blank">プロフィールサイト</a>のPWA対応をしていきます。
vue-scrolltoを利用して簡単に”トップに戻る”処理にアニメーションを追加
Nuxt.jsで構築された本ブログに、"vue-scrollto"を導入して"トップに戻る"ボタンの処理にスムーズなアニメーションを追加します。
Profile
香港在住４年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております
Latest Posts
ちょうどCentOS7の環境を触っていたので、rootパスワードの変更方法を初学者に向けてメモとして残します。
今回は、HerokuのClearDBアドオンを利用してMySQLをデータベースとして利用する方法をまとめていきます。
無料で利用可能なSVG画像を提供してくれているunDrawが素敵すぎるので紹介します。
今回はNuxt.jsで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。
今回はGatsbyJSで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。
２０１９年５月のブログの振り返りを行っていきます。
