Nakamu Blog
世界を旅して暮らしたい放浪エンジニアブログ
フロントエンド
フロントエンド に関する技術情報をまとめ記事になります
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を利用していきます
wysiwygエディタを探していたので「Quill」を利用してみた
現在Laravelで求人サイトを開発しています。その機能の一部でwysiwygが使いたく、利用したことがないライブラリを使ってみようと調べ始めたのがきっかけです。今回は、Laravel5.7のプロジェクトに「Quill」を導入します。
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 を利用する形に変更します。
LaravelのフロントエンドにTypeScriptを導入する
Laravelのフロントエンドではlaravel-mixというwebpackの拡張機能を利用しています。今回はlaravel-mixの機能を利用してTypeScriptをjsにトランスパイラし、フロントエンド開発を行う準備をしていきます。
vue-cookie-law を利用してCookie利用の同意を得る方法
vue-cookie-law を利用して本ブログでもユーザーにcookieを利用していることをアラートし、同意を得れるようにしたいと思います。
Netlifyで301リダイレクトする
ブログをリプレイスしているので、旧ブログの記事にアクセスがあった際は、本ブログの新しい記事にリダイレクトしたいです。 Netlifyの機能を使ってリダイレクトを実現していきます。
Nuxt.jsとNetlify Lambda Functionsを使って問い合わせSlack通知を実装
前回の <a href="https://blog.nakamu.life/posts/netlify-lambda-function">NetlifyでLambda Functionsを試す</a> で初めてLambda Functionsを利用しましたが、今回は本ブログの問い合わせ機能に組み込んでいきます。問い合わせの内容はSlackに通知するようにします。
Vue CLI 3で作った私のプロフィールサイトをPWA化する
Vue CLI 3で作った私の<a href="https://nakamu.life/" target="_blank">プロフィールサイト</a>のPWA対応をしていきます。
Profile
香港在住４年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております
Latest Posts
ちょうどCentOS7の環境を触っていたので、rootパスワードの変更方法を初学者に向けてメモとして残します。
今回は、HerokuのClearDBアドオンを利用してMySQLをデータベースとして利用する方法をまとめていきます。
無料で利用可能なSVG画像を提供してくれているunDrawが素敵すぎるので紹介します。
今回はNuxt.jsで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。
今回はGatsbyJSで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。
２０１９年５月のブログの振り返りを行っていきます。
