diff --git a/examples/vote/js/config.js b/examples/vote/js/config.js
index c8634eb..943fccf 100644
--- a/examples/vote/js/config.js
+++ b/examples/vote/js/config.js
@@ -4,9 +4,7 @@
  *
  * Licensed under the MIT License
  */
-jQuery.noConflict();
-
-(function(pluginId, $) {
+(function(pluginId) {
   'use strict';
 
   const Msg = {
@@ -125,7 +123,9 @@ jQuery.noConflict();
       item: '<div class="kintoneplugin-dropdown-list-item"></div>'
     },
     render: function() {
-      this.$el = $(this.template.container);
+      const wrap = document.createElement('div');
+      wrap.innerHTML = this.template.container.trim();
+      this.$el = wrap.firstElementChild;
       this.catchElement();
       this.renderItemList(this.settings.itemList);
       this.setSelectedValue();
@@ -139,42 +139,49 @@ jQuery.noConflict();
     setSelectedValue: function(data) {
       const arrItem = [];
       if (data) {
-        this.$listOption.find('.kintoneplugin-dropdown-list-item').each((index, item) => {
-          if (data === $(item).data('value')) {
-            arrItem.push($(item));
+        this.$listOption.querySelectorAll('.kintoneplugin-dropdown-list-item').forEach((item) => {
+          if (data === item.dataset.value) {
+            arrItem.push(item);
           }
         });
         this.data.value = data;
-        this.data.name = arrItem[0].text();
+        if (arrItem[0]) {
+          this.data.name = arrItem[0].textContent;
+        }
+      }
+      const itemSelected = this.$el.querySelector('.kintoneplugin-dropdown-list-item-selected');
+      if (itemSelected) {
+        itemSelected.classList.remove('kintoneplugin-dropdown-list-item-selected');
       }
-      const itemSelected = this.$el.find('.kintoneplugin-dropdown-list-item-selected');
-      itemSelected.removeClass('kintoneplugin-dropdown-list-item-selected');
       if (!this.data.value) {
-        const $selected = $(this.$el.find('.kintoneplugin-dropdown-list-item')[0]);
-        $selected.addClass('kintoneplugin-dropdown-list-item-selected');
-      } else {
-        arrItem[0].addClass('kintoneplugin-dropdown-list-item-selected');
+        const firstItem = this.$el.querySelector('.kintoneplugin-dropdown-list-item');
+        if (firstItem) {
+          firstItem.classList.add('kintoneplugin-dropdown-list-item-selected');
+        }
+      } else if (arrItem[0]) {
+        arrItem[0].classList.add('kintoneplugin-dropdown-list-item-selected');
       }
-      this.$select.text(this.data.name);
+      this.$select.textContent = this.data.name;
     },
     renderItemList: function() {
-      const self = this;
-      const $itemList = this.$el.find('.kintoneplugin-dropdown-list');
-      let $item = $(this.template.item);
-      $item.text(this.data.name);
-      $itemList.append($item);
+      const $itemList = this.$el.querySelector('.kintoneplugin-dropdown-list');
+      let $item = document.createElement('div');
+      $item.className = 'kintoneplugin-dropdown-list-item';
+      $item.textContent = this.data.name;
+      $itemList.appendChild($item);
 
-      $.each(this.settings.itemList, (index, item) => {
-        $item = $(self.template.item);
-        $item.text(item.name);
-        $item.data('value', item.value);
-        $itemList.append($item);
-      });
+      for (const item of this.settings.itemList) {
+        $item = document.createElement('div');
+        $item.className = 'kintoneplugin-dropdown-list-item';
+        $item.textContent = item.name;
+        $item.dataset.value = item.value;
+        $itemList.appendChild($item);
+      }
 
     },
     catchElement: function() {
-      this.$select = this.$el.find('.kintoneplugin-dropdown-selected-name');
-      this.$listOption = this.$el.find('.kintoneplugin-dropdown-list');
+      this.$select = this.$el.querySelector('.kintoneplugin-dropdown-selected-name');
+      this.$listOption = this.$el.querySelector('.kintoneplugin-dropdown-list');
     },
     bindEvent: function() {
       this.handleDropdownOuterClick();
@@ -183,25 +190,39 @@ jQuery.noConflict();
     },
     handleDropdownOuterClick: function() {
       const self = this;
-      this.$el.find('.kintoneplugin-dropdown-outer').click(() => {
-        self.$listOption.toggle();
+      this.$el.querySelector('.kintoneplugin-dropdown-outer').addEventListener('click', () => {
+        const list = self.$listOption;
+        if (list.style.display === 'none' || getComputedStyle(list).display === 'none') {
+          list.style.display = 'block';
+        } else {
+          list.style.display = 'none';
+        }
       });
     },
     handleDropdownListClick: function() {
       const self = this;
-      this.$listOption.on('click', '.kintoneplugin-dropdown-list-item', (e) => {
-        self.data.name = $(e.target).text();
-        self.data.value = $(e.target).data('value');
+      this.$listOption.addEventListener('click', (e) => {
+        const row = e.target.closest('.kintoneplugin-dropdown-list-item');
+        if (!row || !self.$listOption.contains(row)) {
+          return;
+        }
+        self.data.name = row.textContent;
+        self.data.value = row.dataset.value;
         self.setSelectedValue(self.data.value);
-        self.$listOption.toggle();
+        const list = self.$listOption;
+        if (list.style.display === 'none' || getComputedStyle(list).display === 'none') {
+          list.style.display = 'block';
+        } else {
+          list.style.display = 'none';
+        }
       });
     },
     handleOutsideDropdownListClick: function() {
       const self = this;
-      $('body').on('click', (event) => {
-        const isClickOnDropdown = $(event.target).closest(self.$el).length > 0;
+      document.body.addEventListener('click', (event) => {
+        const isClickOnDropdown = self.$el.contains(event.target);
         if (!isClickOnDropdown) {
-          self.$listOption.hide();
+          self.$listOption.style.display = 'none';
         }
       });
     }
@@ -221,50 +242,66 @@ jQuery.noConflict();
   }
 
   function createVoteDescription(text) {
-    return $('<p> ' + text + '</p>');
+    const p = document.createElement('p');
+    p.appendChild(document.createTextNode(' ' + text));
+    return p;
   }
   function createVoteLabel(text) {
-    return $('<div class="kintoneplugin-label">' + text + '</div>');
+    const div = document.createElement('div');
+    div.className = 'kintoneplugin-label';
+    div.textContent = text;
+    return div;
   }
   function createVoteField(language) {
-    const $container = $('<div class="kintoneplugin-row"></div>');
-    $container.append(createVoteLabel(Msg[language].labelOfVoteField));
-    $container.append(createVoteDescription(Msg[language].descriptionOfVoteField1));
-    $container.append(createVoteDescription(Msg[language].descriptionOfVoteField2));
-    $container.append('</br>');
-    $container.append($('<div class="vote-dropdown"></div>'));
+    const $container = document.createElement('div');
+    $container.className = 'kintoneplugin-row';
+    $container.appendChild(createVoteLabel(Msg[language].labelOfVoteField));
+    $container.appendChild(createVoteDescription(Msg[language].descriptionOfVoteField1));
+    $container.appendChild(createVoteDescription(Msg[language].descriptionOfVoteField2));
+    $container.appendChild(document.createElement('br'));
+    const slot = document.createElement('div');
+    slot.className = 'vote-dropdown';
+    $container.appendChild(slot);
     return $container;
   }
   function createCountfield(language) {
-    const $container = $('<div class="kintoneplugin-row"></div>');
-    $container.append(createVoteLabel(Msg[language].labelOfCountfield));
-    $container.append(createVoteDescription(Msg[language].descriptionOfCountField1));
-    $container.append(createVoteDescription(Msg[language].descriptionOfCountField2));
-    $container.append('</br>');
-    $container.append($('<div class="count-dropdown"></div>'));
+    const $container = document.createElement('div');
+    $container.className = 'kintoneplugin-row';
+    $container.appendChild(createVoteLabel(Msg[language].labelOfCountfield));
+    $container.appendChild(createVoteDescription(Msg[language].descriptionOfCountField1));
+    $container.appendChild(createVoteDescription(Msg[language].descriptionOfCountField2));
+    $container.appendChild(document.createElement('br'));
+    const slot = document.createElement('div');
+    slot.className = 'count-dropdown';
+    $container.appendChild(slot);
     return $container;
   }
   function createForm(name, language) {
-    const $form = $('<form name = "' + name + '"></form>');
-    $form.append(createVoteField(language));
-    $form.append(createCountfield(language));
+    const $form = document.createElement('form');
+    $form.setAttribute('name', name);
+    $form.appendChild(createVoteField(language));
+    $form.appendChild(createCountfield(language));
     return $form;
   }
   function createVoteSaveBtn(language) {
-    return $('<button class="kintoneplugin-button-dialog-ok" type="button" id="setting_submit">'
-         + Msg[language].btnSave + '</button>');
+    const btn = document.createElement('button');
+    btn.className = 'kintoneplugin-button-dialog-ok';
+    btn.type = 'button';
+    btn.id = 'setting_submit';
+    btn.appendChild(document.createTextNode(Msg[language].btnSave));
+    return btn;
   }
   function renderConfigUI(language) {
-    const $Container = $('#vote-plugin-container');
-    $Container.append(createVoteDescription(Msg[language].description1));
-    $Container.append(createVoteDescription(Msg[language].description2));
-    $Container.append(createVoteDescription(Msg[language].description3));
-    $Container.append('</br>');
-    $Container.append(createForm('setting', language));
-    $Container.append(createVoteSaveBtn(language));
+    const $Container = document.getElementById('vote-plugin-container');
+    $Container.appendChild(createVoteDescription(Msg[language].description1));
+    $Container.appendChild(createVoteDescription(Msg[language].description2));
+    $Container.appendChild(createVoteDescription(Msg[language].description3));
+    $Container.appendChild(document.createElement('br'));
+    $Container.appendChild(createForm('setting', language));
+    $Container.appendChild(createVoteSaveBtn(language));
   }
 
-  $(document).ready(() => {
+  async function initConfigPage() {
     const loginInfo = kintone.getLoginUser();
     const lang = getLanguage(loginInfo.language);
     renderConfigUI(lang);
@@ -273,12 +310,17 @@ jQuery.noConflict();
     let countDropdown;
     Loading.addStyleOnHead(Loading.setting.style.spinner);
     Loading.show();
-    kintone.api(kintone.api.url('/k/v1/preview/app/form/fields', true), 'GET', {
-      'app': kintone.app.getId()
-    }, (resp) => {
+    try {
+      const resp = await kintone.api(
+        kintone.api.url('/k/v1/preview/app/form/fields', true),
+        'GET',
+        {
+          'app': kintone.app.getId()
+        }
+      );
       const settingVoteField = {itemList: []};
       const settingCountField = {itemList: []};
-      $.each(resp.properties, (index, property) => {
+      for (const property of Object.values(resp.properties)) {
         const data = {
           name: property.label,
           value: property.code
@@ -288,24 +330,26 @@ jQuery.noConflict();
         } else if (property.type === 'USER_SELECT') {
           settingVoteField.itemList.push(data);
         }
-      });
+      }
 
       voteDropdown = new Dropdown(settingVoteField);
-      $('.vote-dropdown').append(voteDropdown.render());
+      document.querySelector('.vote-dropdown').appendChild(voteDropdown.render());
 
       countDropdown = new Dropdown(settingCountField);
-      $('.count-dropdown').append(countDropdown.render());
+      document.querySelector('.count-dropdown').appendChild(countDropdown.render());
 
       const config = kintone.plugin.app.getConfig(pluginId);
       if (config.vote_field && config.vote_count_field) {
         voteDropdown.setSelectedValue(config.vote_field);
         countDropdown.setSelectedValue(config.vote_count_field);
       }
-
+    } catch (error) {
+      console.error(error);
+    } finally {
       Loading.hide();
-    });
+    }
 
-    $('#setting_submit').click(() => {
+    document.getElementById('setting_submit').addEventListener('click', () => {
       const config = {};
       const voteValue = voteDropdown.getSelectedData().value;
       config.vote_field = !voteValue ? '' : voteValue;
@@ -315,5 +359,11 @@ jQuery.noConflict();
 
       kintone.plugin.app.setConfig(config);
     });
-  });
-})(kintone.$PLUGIN_ID, jQuery);
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initConfigPage);
+  } else {
+    initConfigPage();
+  }
+})(kintone.$PLUGIN_ID);
diff --git a/examples/vote/js/mobile-vote.js b/examples/vote/js/mobile-vote.js
index 1d53bcf..98956cd 100644
--- a/examples/vote/js/mobile-vote.js
+++ b/examples/vote/js/mobile-vote.js
@@ -4,9 +4,8 @@
  *
  * Licensed under the MIT License
  */
-jQuery.noConflict();
 
-(function(pluginId, $) {
+(function(pluginId) {
   'use strict';
 
   const APPID = kintone.mobile.app.getId();
@@ -52,26 +51,50 @@ jQuery.noConflict();
                   + '    </div>'
                   + '</div>',
     createPopup: function() {
-      this.control.popup = $(this.template);
-      $('body').append(this.control.popup[0]);
+      const popup = document.createElement('div');
+      popup.className = 'customization-notify error';
+
+      const notifyTitle = document.createElement('div');
+      notifyTitle.className = 'notify-title';
+
+      const closeButton = document.createElement('div');
+      closeButton.className = 'close-button';
+
+      const closeButtonIcon = document.createElement('div');
+      closeButtonIcon.className = 'close-button-icon';
+
+      const icon1 = document.createElement('div');
+      icon1.className = 'icon-1';
+
+      const icon2 = document.createElement('div');
+      icon2.className = 'icon-2';
+
+      icon1.appendChild(icon2);
+      closeButtonIcon.appendChild(icon1);
+      closeButton.appendChild(closeButtonIcon);
+      popup.appendChild(notifyTitle);
+      popup.appendChild(closeButton);
+
+      this.control.popup = popup;
+      document.body.appendChild(this.control.popup);
 
       this.bindEvent();
 
       return this.control.popup;
     },
     showPopup: function(message) {
-      this.control.popup.find('.notify-title').text(message);
+      this.control.popup.querySelector('.notify-title').textContent = message;
 
-      const popupWidth = this.control.popup.width();
-      this.control.popup.css({left: '-' + popupWidth / 2 + 'px'});
+      const popupWidth = this.control.popup.offsetWidth;
+      this.control.popup.style.left = '-' + popupWidth / 2 + 'px';
 
-      this.control.popup.addClass('notify-slidedown');
+      this.control.popup.classList.add('notify-slidedown');
     },
     hidePopup: function() {
-      this.control.popup.removeClass('notify-slidedown');
+      this.control.popup.classList.remove('notify-slidedown');
     },
     bindEvent: function() {
-      this.control.popup.click(() => {
+      this.control.popup.addEventListener('click', () => {
         this.hidePopup();
       });
     }
@@ -126,117 +149,126 @@ jQuery.noConflict();
         return voteUsers.length;
       },
       isLoginUserVoted: function() {
-        return $.grep(voteUsers, (user) => {
+        return voteUsers.filter((user) => {
           return user.code === kintone.getLoginUser().code;
         }).length !== 0;
       },
-      toggleLoginUser: function() {
-        const that = this;
-        const promise = this.fetch().then(() => {
-          if (that.isLoginUserVoted()) {
-            voteUsers = $.grep(voteUsers, (user) => {
-              return user.code !== kintone.getLoginUser().code;
-            });
-          } else {
-            voteUsers.push({
-              'code': kintone.getLoginUser().code
-            });
-          }
-        }).then(() => {
-          return that.update();
-        });
-        return promise;
+      toggleLoginUser: async function() {
+        await this.fetch();
+        if (this.isLoginUserVoted()) {
+          voteUsers = voteUsers.filter((user) => {
+            return user.code !== kintone.getLoginUser().code;
+          });
+        } else {
+          voteUsers.push({
+            'code': kintone.getLoginUser().code
+          });
+        }
+        await this.update();
       },
-      fetch: function() {
-        const d = new $.Deferred();
-        kintone.api(kintone.api.url('/k/v1/record', true), 'GET', {
-          'app': APPID,
-          'id': recordId
-        }, (evt) => {
-          voteUsers = evt.record[VOTE_FIELD].value;
-          revision = evt.record.$revision.value;
-          d.resolve();
-        });
-        return d.promise();
+      fetch: async function() {
+        const evt = await kintone.api(
+          kintone.api.url('/k/v1/record', true),
+          'GET',
+          {
+            'app': APPID,
+            'id': recordId
+          }
+        );
+        voteUsers = evt.record[VOTE_FIELD].value;
+        revision = evt.record.$revision.value;
       },
-      update: function() {
-        const d = new $.Deferred();
+      update: async function() {
         const newRecord = {};
         newRecord[VOTE_FIELD] = {'value': voteUsers};
         newRecord[VOTE_COUNT_FIELD] = {'value': voteUsers.length};
-        kintone.api(kintone.api.url('/k/v1/record', true), 'PUT', {
-          'app': APPID,
-          'id': recordId,
-          'record': newRecord,
-          'revision': revision
-        }, d.resolve, (e) => {
+        try {
+          await kintone.api(
+            kintone.api.url('/k/v1/record', true),
+            'PUT',
+            {
+              'app': APPID,
+              'id': recordId,
+              'record': newRecord,
+              'revision': revision
+            }
+          );
+        } catch (e) {
           NotifyPopup.showPopup(createErrorMessage(e));
-        });
-        return d.promise();
+          throw e;
+        }
       }
     };
   }
 
-  function fetchVoteModel(language) {
-    const d = new $.Deferred();
+  async function fetchVoteModel(language) {
     const id = kintone.mobile.app.record.getId();
-    kintone.api(kintone.api.url('/k/v1/record', true), 'GET', {
-      'app': APPID,
-      'id': id
-    }, (evt) => {
-      const record = {
-        '$id': {'value': id},
-        '$revision': evt.record.$revision
-      };
-      record[VOTE_FIELD] = evt.record[VOTE_FIELD];
-      d.resolve(new VoteModel(record, language));
-    });
-    return d.promise();
+    const evt = await kintone.api(
+      kintone.api.url('/k/v1/record', true),
+      'GET',
+      {
+        'app': APPID,
+        'id': id
+      }
+    );
+    const record = {
+      '$id': {'value': id},
+      '$revision': evt.record.$revision
+    };
+    record[VOTE_FIELD] = evt.record[VOTE_FIELD];
+    return new VoteModel(record, language);
   }
 
 
   function VoteView(model) {
-    const $element = $('<span class="vote-plugin-show">');
+    const $element = document.createElement('span');
+    $element.className = 'vote-plugin-show';
     let clickable = true;
 
     function updateImg(voted) {
-      $element.find('.vote-plugin-img').toggleClass('vote-plugin-voted', voted);
+      $element.querySelector('.vote-plugin-img').classList.toggle('vote-plugin-voted', voted);
     }
 
     function updateCounterEl(usercount) {
-      $element.find('.vote-plugin-count').remove();
+      $element.querySelector('.vote-plugin-count')?.remove();
       if (usercount !== 0) {
-        $element.append($('<span>').addClass('vote-plugin-count').text(usercount));
+        const span = document.createElement('span');
+        span.classList.add('vote-plugin-count');
+        span.textContent = usercount;
+        $element.appendChild(span);
       }
     }
 
-    function handleClick() {
+    async function handleClick() {
       if (!clickable) {
         return;
       }
       clickable = false;
-      model.toggleLoginUser().then(() => {
+      try {
+        await model.toggleLoginUser();
         updateImg(model.isLoginUserVoted());
         updateCounterEl(model.countVoteUsers());
+      } finally {
         clickable = true;
-      });
+      }
     }
 
     function renderImgAndCounter() {
       // createImg
-      const $imgEl = $('<span class="vote-plugin-img">');
-      $element.append($imgEl);
+      const $imgEl = document.createElement('span');
+      $imgEl.className = 'vote-plugin-img';
+      $element.appendChild($imgEl);
       updateImg(model.isLoginUserVoted());
 
       // createCounter
       updateCounterEl(model.countVoteUsers());
 
-      $element.click(handleClick);
+      $element.addEventListener('click', handleClick);
     }
 
     return {
       append: function($parentEl) {
-        $parentEl.append($element);
+        $parentEl.appendChild($element);
         renderImgAndCounter();
       },
 
@@ -262,16 +294,16 @@ jQuery.noConflict();
     return evt;
   });
 
-  kintone.events.on('mobile.app.record.detail.show', (appId, record, recordId) => {
+  kintone.events.on('mobile.app.record.detail.show', async (event) => {
     const loginInfo = kintone.getLoginUser();
     const lang = getLanguage(loginInfo.language);
 
     NotifyPopup.createPopup();
 
-    fetchVoteModel(lang).then((voteModel) => {
-      const $labelEl = $(kintone.mobile.app.getHeaderSpaceElement());
-      new VoteView(voteModel).prepend($labelEl);
-    });
+    const voteModel = await fetchVoteModel(lang);
+    const $labelEl = kintone.mobile.app.getHeaderSpaceElement();
+    new VoteView(voteModel).prepend($labelEl);
+    return event;
   });
 
-})(kintone.$PLUGIN_ID, jQuery);
+})(kintone.$PLUGIN_ID);
diff --git a/examples/vote/js/vote.js b/examples/vote/js/vote.js
index cc85fb4..4ba875b 100644
--- a/examples/vote/js/vote.js
+++ b/examples/vote/js/vote.js
@@ -4,9 +4,7 @@
  *
  * Licensed under the MIT License
  */
-jQuery.noConflict();
-
-(function(pluginId, $) {
+(function(pluginId) {
   'use strict';
 
   const APPID = kintone.app.getId();
@@ -51,27 +49,30 @@ jQuery.noConflict();
                   + '    </div>'
                   + '</div>',
     createPopup: function(e) {
-      this.control.popup = $(this.template);
-      $('body').append(this.control.popup[0]);
+      const tpl = document.createElement('template');
+      tpl.innerHTML = this.template;
+      this.control.popup = tpl.content.firstElementChild;
+      document.body.appendChild(this.control.popup);
 
       this.bindEvent();
 
       return this.control.popup;
     },
     showPopup: function(message) {
-      this.control.popup.find('.notify-title').text(message);
+      this.control.popup.querySelector('.notify-title').textContent = message;
 
-      const popupWidth = this.control.popup.width();
-      this.control.popup.css({left: '-' + popupWidth / 2 + 'px'});
+      const popupWidth = this.control.popup.offsetWidth;
+      this.control.popup.style.left = '-' + popupWidth / 2 + 'px';
 
-      this.control.popup.addClass('notify-slidedown');
+      this.control.popup.classList.add('notify-slidedown');
     },
     hidePopup: function() {
-      this.control.popup.removeClass('notify-slidedown');
+      this.control.popup.classList.remove('notify-slidedown');
     },
     bindEvent: function() {
-      this.control.popup.click(() => {
-        this.hidePopup();
+      const self = this;
+      this.control.popup.addEventListener('click', function() {
+        self.hidePopup();
       });
     }
   };
@@ -91,13 +92,12 @@ jQuery.noConflict();
 
   function getRecordNumberFieldCode(fields) {
     let code = '';
-    $.each(fields, (fieldCode, value) => {
+    for (const [fieldCode, value] of Object.entries(fields)) {
       if (value.type === 'RECORD_NUMBER') {
         code = fieldCode;
-        return false;
+        break;
       }
-      return true;
-    });
+    }
     return code;
   }
 
@@ -137,144 +137,153 @@ jQuery.noConflict();
         return voteUsers.length;
       },
       isLoginUserVoted: function() {
-        return $.grep(voteUsers, (user) => {
+        return voteUsers.filter((user) => {
           return user.code === kintone.getLoginUser().code;
         }).length !== 0;
       },
-      toggleLoginUser: function() {
-        const that = this;
-        const promise = this.fetch().then(() => {
-          if (that.isLoginUserVoted()) {
-            voteUsers = $.grep(voteUsers, (user) => {
-              return user.code !== kintone.getLoginUser().code;
-            });
-          } else {
-            voteUsers.push({
-              'code': kintone.getLoginUser().code
-            });
-          }
-        }).then(() => {
-          return that.update();
-        });
-        return promise;
+      toggleLoginUser: async function() {
+        await this.fetch();
+        if (this.isLoginUserVoted()) {
+          voteUsers = voteUsers.filter((user) => {
+            return user.code !== kintone.getLoginUser().code;
+          });
+        } else {
+          voteUsers.push({
+            'code': kintone.getLoginUser().code
+          });
+        }
+        await this.update();
       },
-      fetch: function() {
-        const d = new $.Deferred();
-        kintone.api(kintone.api.url('/k/v1/record', true), 'GET', {
-          'app': APPID,
-          'id': recordId
-        }, (evt) => {
-          voteUsers = evt.record[VOTE_FIELD].value;
-          revision = evt.record.$revision.value;
-          d.resolve();
-        });
-        return d.promise();
+      fetch: async function() {
+        const evt = await kintone.api(
+          kintone.api.url('/k/v1/record', true),
+          'GET',
+          {
+            'app': APPID,
+            'id': recordId
+          }
+        );
+        voteUsers = evt.record[VOTE_FIELD].value;
+        revision = evt.record.$revision.value;
       },
-      update: function() {
-        const d = new $.Deferred();
+      update: async function() {
         const newRecord = {};
         newRecord[VOTE_FIELD] = {'value': voteUsers};
         newRecord[VOTE_COUNT_FIELD] = {'value': voteUsers.length};
-        kintone.api(kintone.api.url('/k/v1/record', true), 'PUT', {
-          'app': APPID,
-          'id': recordId,
-          'record': newRecord,
-          'revision': revision
-        }, d.resolve, (e) => {
+        try {
+          await kintone.api(
+            kintone.api.url('/k/v1/record', true),
+            'PUT',
+            {
+              'app': APPID,
+              'id': recordId,
+              'record': newRecord,
+              'revision': revision
+            }
+          );
+        } catch (e) {
           NotifyPopup.showPopup(createErrorMessage(e));
-        });
-        return d.promise();
+          throw e;
+        }
       }
     };
   }
 
-  function fetchVoteModel(language) {
-    const d = new $.Deferred();
+  async function fetchVoteModel(language) {
     const id = kintone.app.record.getId();
-    kintone.api(kintone.api.url('/k/v1/record', true), 'GET', {
-      'app': APPID,
-      'id': id
-    }, (evt) => {
-      const record = {
-        '$id': {'value': id},
-        '$revision': evt.record.$revision
-      };
-      record[VOTE_FIELD] = evt.record[VOTE_FIELD];
-      d.resolve(new VoteModel(record, language));
-    });
-    return d.promise();
+    const evt = await kintone.api(
+      kintone.api.url('/k/v1/record', true),
+      'GET',
+      {
+        'app': APPID,
+        'id': id
+      }
+    );
+    const record = {
+      '$id': {'value': id},
+      '$revision': evt.record.$revision
+    };
+    record[VOTE_FIELD] = evt.record[VOTE_FIELD];
+    return new VoteModel(record, language);
   }
 
-  function fetchVoteModels(language) {
-    const d = new $.Deferred();
-
+  async function fetchVoteModels(language) {
     const query = kintone.app.getQuery();
-
-    kintone.api(kintone.api.url('/k/v1/records', true), 'GET', {
-      'app': APPID,
-      'query': query,
-      'fields': ['$id', VOTE_FIELD, '$revision']
-    }, (evt) => {
-      const models = [];
-      $.each(evt.records, (i, record) => {
-        const model = new VoteModel(record, language);
-        models.push(model);
-      });
-      d.resolve(models);
-    });
-    return d.promise();
+    const evt = await kintone.api(
+      kintone.api.url('/k/v1/records', true),
+      'GET',
+      {
+        'app': APPID,
+        'query': query,
+        'fields': ['$id', VOTE_FIELD, '$revision']
+      }
+    );
+    const models = [];
+    for (let i = 0; i < evt.records.length; i++) {
+      const model = new VoteModel(evt.records[i], language);
+      models.push(model);
+    }
+    return models;
   }
 
   function VoteView(model) {
-    const $element = $('<button type="button" class="vote-plugin-show">');
+    const $element = document.createElement('button');
+    $element.type = 'button';
+    $element.className = 'vote-plugin-show';
     let clickable = true;
 
     function updateImg(voted) {
-      $element.find('.vote-plugin-img').toggleClass('vote-plugin-voted', voted);
+      $element.querySelector('.vote-plugin-img').classList.toggle('vote-plugin-voted', voted);
     }
 
     function updateButtonLabel(usercount, voted) {
       const countText = usercount + '人のいいね。';
       const votedText = voted ? 'いいねしました' : 'いいねする';
-      $element.attr('aria-label', countText + votedText);
+      $element.setAttribute('aria-label', countText + votedText);
 
     }
     function updateCounterEl(usercount) {
-      $element.find('.vote-plugin-count').remove();
+      $element.querySelector('.vote-plugin-count')?.remove();
       if (usercount !== 0) {
-        $element.append($('<span>').addClass('vote-plugin-count').text(usercount));
+        const span = document.createElement('span');
+        span.className = 'vote-plugin-count';
+        span.textContent = String(usercount);
+        $element.appendChild(span);
       }
     }
 
-    function handleClick() {
+    async function handleClick() {
       if (!clickable) {
         return;
       }
       clickable = false;
-      model.toggleLoginUser().then(() => {
+      try {
+        await model.toggleLoginUser();
         updateImg(model.isLoginUserVoted());
         updateButtonLabel(model.countVoteUsers(), model.isLoginUserVoted());
         updateCounterEl(model.countVoteUsers());
+      } finally {
         clickable = true;
-      });
+      }
     }
 
     function renderImgAndCounter() {
       // createImg
-      const $imgEl = $('<span class="vote-plugin-img">');
-      $element.append($imgEl);
+      const $imgEl = document.createElement('span');
+      $imgEl.className = 'vote-plugin-img';
+      $element.appendChild($imgEl);
       updateImg(model.isLoginUserVoted());
 
       // createCounter
       updateButtonLabel(model.countVoteUsers(), model.isLoginUserVoted());
       updateCounterEl(model.countVoteUsers());
 
-      $element.click(handleClick);
+      $element.addEventListener('click', handleClick);
     }
 
     return {
       append: function($parentEl) {
-        $parentEl.append($element);
+        $parentEl.appendChild($element);
         renderImgAndCounter();
       },
 
@@ -300,7 +309,7 @@ jQuery.noConflict();
     return evt;
   });
 
-  kintone.events.on('app.record.index.show', (event) => {
+  kintone.events.on('app.record.index.show', async (event) => {
     if (event.records.length === 0) {
       return event;
     }
@@ -311,35 +320,47 @@ jQuery.noConflict();
     NotifyPopup.createPopup();
 
     const RECORD_FIELD = getRecordNumberFieldCode(event.records[0]);
-    fetchVoteModels().then((voteModels) => {
-      const cellEls = $(kintone.app.getFieldElements(RECORD_FIELD));
-      cellEls.each((idx, val) => {
-        const recordId = Number($(val).text().split('-').pop());
-        const voteModel = $.grep(voteModels, (elem) => {
+    try {
+      const voteModels = await fetchVoteModels(lang);
+      const cellEls = kintone.app.getFieldElements(RECORD_FIELD) || [];
+      cellEls.forEach((val) => {
+        const recordId = Number(val.textContent.split('-').pop());
+        const voteModel = voteModels.filter((elem) => {
           return elem.getRecordId() === recordId;
         })[0];
-        if (voteModel !== null) {
-          const $parentEl = $(val).find('*').contents().filter((i, v) => v.nodeType === 3).parent();
+        if (voteModel) {
+          let $parentEl = val;
+          const descendants = val.querySelectorAll('*');
+          outer: for (let i = 0; i < descendants.length; i++) {
+            const el = descendants[i];
+            for (let j = 0; j < el.childNodes.length; j++) {
+              const v = el.childNodes[j];
+              if (v.nodeType === 3) {
+                $parentEl = v.parentElement;
+                break outer;
+              }
+            }
+          }
           new VoteView(voteModel).append($parentEl);
         }
       });
-    }).fail((mess) => {
+    } catch (mess) {
       const error = mess.error;
       NotifyPopup.showPopup(Msg[lang][error]);
-    });
+    }
     return event;
   });
 
-  kintone.events.on('app.record.detail.show', (appId, record, recordId) => {
+  kintone.events.on('app.record.detail.show', async (event) => {
     const loginInfo = kintone.getLoginUser();
     const lang = getLanguage(loginInfo.language);
 
     NotifyPopup.createPopup();
 
-    fetchVoteModel(lang).then((voteModel) => {
-      const $labelEl = $(kintone.app.record.getFieldElement(VOTE_FIELD));
-      new VoteView(voteModel).prepend($labelEl);
-    });
+    const voteModel = await fetchVoteModel(lang);
+    const $labelEl = kintone.app.record.getFieldElement(VOTE_FIELD);
+    new VoteView(voteModel).prepend($labelEl);
+    return event;
   });
 
-})(kintone.$PLUGIN_ID, jQuery);
+})(kintone.$PLUGIN_ID);
diff --git a/examples/vote/manifest.json b/examples/vote/manifest.json
index 621e1f0..99625f7 100644
--- a/examples/vote/manifest.json
+++ b/examples/vote/manifest.json
@@ -1,6 +1,6 @@
 {
     "manifest_version": 1,
-    "version": "1.7.2",
+    "version": "1.7.3",
     "type": "APP",
     "name": {
         "ja": "いいねプラグイン",
@@ -15,12 +15,10 @@
     "icon": "image/icon.png",
     "homepage_url": {
       "ja":"https://cybozu.dev/ja/kintone/tips/development/plugins/sample-plugin/like-plugin/",
-      "en":"https://cybozu.dev/ja/kintone/tips/development/plugins/sample-plugin/like-plugin/",
-      "zh":"https://cybozudev.kf5.com/hc/kb/article/1007993/"
+      "en":"https://cybozu.dev/ja/kintone/tips/development/plugins/sample-plugin/like-plugin/"
     },
     "desktop": {
         "js": [
-            "https://js.cybozu.com/jquery/jquery-1.11.0.min.js",
             "js/vote.js"
         ],
         "css": [
@@ -29,7 +27,6 @@
     },
     "mobile": {
         "js": [
-            "https://js.cybozu.com/jquery/jquery-1.11.0.min.js",
             "js/mobile-vote.js"
         ],
         "css": [
@@ -39,7 +36,6 @@
     "config": {
         "html": "html/config.html",
         "js": [
-            "https://js.cybozu.com/jquery/jquery-1.11.0.min.js",
             "js/config.js"
         ],
         "css": [