Nakamu Blog
世界を旅して暮らしたい放浪エンジニアブログ
記事一覧
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に通知するようにします。
LaravelにTraitのジェネレーターを導入
LaravelでTraitを利用したい場合に、makeコマンドがなかったので用意しました。手動で作っても良いのですが複数人で開発する場合、ルールを統一して便利ツールとして利用していきたいですね。
Vue CLI 3で作った私のプロフィールサイトをPWA化する
Vue CLI 3で作った私の<a href="https://nakamu.life/" target="_blank">プロフィールサイト</a>のPWA対応をしていきます。
vue-scrolltoを利用して簡単に”トップに戻る”処理にアニメーションを追加
Nuxt.jsで構築された本ブログに、"vue-scrollto"を導入して"トップに戻る"ボタンの処理にスムーズなアニメーションを追加します。
LaravelのViewComposerを利用してViewの共通データを管理
LaravelのViewComposerを利用してViewの共通データを管理します。複数のControllerからViewに値を渡す処理をなくし、処理の共通化とControllerのスリム化を目指します。
LaravelにてEnumを導入する
"laravel-enum"を利用してLaravelの開発にEnum（列挙型）を導入します。状態（Status）のon/offや性別（Sex）などの定数値に適応していきます
本ブログを利用してNuxt.jsにAlgoliaの検索を導入する
Nuxt.jsで作られた本ブログにAlgolia検索を導入し、サイト内のコンテンツを検索できるようにしました。トップページの検索窓に入力された内容からサイト内コンテンツをサジェスト表示しています。
Profile
香港在住４年目になるWEBエンジニアのなかむです。 現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。 顧客は全て日本の企業になります。リモート開発にて各企業様の支援を行なっております