備忘録

備忘録

Windows 10 アプリのバックグラウンド実行を許可しない

Windows

Ⅰ. はじめに

Windows10 では使っていないアプリでもバックグラウンドで動作していることがあるそうです。

Ⅱ. バックグラウンド実行を許可しない方法

1. Windows キー + I で設定を開く
2. 「プライバシー」→「バックグラウンドアプリ」
3. 「オフ」に変更する

f:id:kagasu:20170726221439p:plain
以上です

注意点

設定「後」にインストールされたアプリケーションは検索しても結果に表示されないバグがあるようです。
（設定「前」にインストールしたアプリケーションは表示されます。）
画像はExcelをインストールしているにも関わらず表示されていない例です。

f:id:kagasu:20170730103134p:plain

参考

https://twitter.com/Windows_Japan/status/870595854918447104

Windows10 右クリックの編集の関連付けを変更する

Windows

Ⅰ. はじめに

タイトルの通り「Windows10 右クリックの編集の関連付けを変更する」方法です。
f:id:kagasu:20170726214025p:plain

Ⅱ. やり方（拡張子がtxtの場合）

1. レジストリエディタを起動
2. 以下のキーに移動
HKEY_CLASSES_ROOT\SystemFileAssociations\text\shell\edit\command
3. 任意の値に書き換える

以下の例はEmEditorに書き換える例です。

C:\Users\user01\AppData\Local\Programs\EmEditor\EmEditor.exe %1

以上です。

拡張子が bat の場合は以下のキーになります。

HKEY_CLASSES_ROOT\batfile\shell\edit\command

まとめて書き換える場合

以下のテキストをx.regという名前をつけて保存し、実行する。

Windows Registry Editor Version 5.00

; .txt
[HKEY_CLASSES_ROOT\SystemFileAssociations\text\shell\edit\command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

; .js
[HKEY_CLASSES_ROOT\JSFile\Shell\Edit\Command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

; .bat
[HKEY_CLASSES_ROOT\batfile\shell\edit\command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

; reg
[HKEY_CLASSES_ROOT\regfile\shell\edit\command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

; ini
[HKEY_CLASSES_ROOT\inifile\shell\edit\command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

; ps1
[HKEY_CLASSES_ROOT\Microsoft.PowerShellScript.1\shell\edit\command]
@="C:\\Users\\user01\\AppData\\Local\\Programs\\EmEditor\\ee256.exe %1"

Windows 10 でUACを無効にする

Windows

Ⅰ. はじめに

タイトルの通り「Windows 10 でUACを無効にする」方法です。
無効にしてもユニバーサルアプリ（Edge等）の使用が可能です。

レジストリの FilterAdministratorToken を書き換えても意味はありません。

Ⅱ. 動作確認済み環境

  • Windows 10 64bit 1607(Redstone 1)(Anniversary Update)
  • Windows 10 64bit 1703(Redstone 2)(Creators Update)
  • Windows 10 64bit 1709(Redstone 3)(Fall Creators Update)
  • Windows 10 64bit 1803(Redstone 4)(Spring Creators Update)
  • Windows 10 64bit 1809(Redstone 5)(October 2018 Update)
  • Windows 10 64bit 1903(19H1)(May 2019 Update)
  • Windows 10 64bit 1909(19H2)(November 2019 Update)
  • Windows 10 64bit 2004(20H1)(May 2020 Update)
  • Windows 10 64bit 2009(20H2)(October 2020 Update)
  • Windows 11 64bit 21H2
  • Windows 11 64bit 23H2

Ⅲ. やり方

1. 「uac」で検索


2. 「通知しない」に変更


3. 以下のテキストをx.regという名前をつけて保存し、実行する。
Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System]
"EnableLUA"=dword:00000000

以上です。

Vue.js + webpack で Bootstrap を使う

Vue.js JavaScript webpack

Ⅰ. はじめに

Vue.js + webpack の基本的なインストール方法はこちらを参照して下さい。
http://kagasu.hatenablog.com/entry/2017/07/24/082405

上記で作った環境にBootstrap v4をインストールする方法です。

※2018/12/04追記
現在のbootstrap-vue最新版である 2.0.0-rc.11 には日本語入力に関するバグが存在します。
バグは既に修正されてdevブランチにマージされていますがnpmにはリリースされていません。
https://github.com/bootstrap-vue/bootstrap-vue/issues/2131

Ⅱ. やり方

1. bootstrap-vue をインストール
$ npm i -D bootstrap-vue
2. 以下の4行を my-project/src/main.js に書き込む
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import BootstrapVue from 'bootstrap-vue'
Vue.use(BootstrapVue)

f:id:kagasu:20170724083121p:plain

3. bootstrapの動作確認をする為に 以下のnavbarを my-project/src/App.vue 等にコピペして実装する
<template>
<div>
  <b-navbar toggleable="md" type="dark" variant="info">
  <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
  <b-navbar-brand href="#">NavBar</b-navbar-brand>
  <b-collapse is-nav id="nav_collapse">
    <b-navbar-nav>
      <b-nav-item href="#">Link</b-nav-item>
      <b-nav-item href="#" disabled>Disabled</b-nav-item>
    </b-navbar-nav>

    <!-- Right aligned nav items -->
    <b-navbar-nav class="ml-auto">
      <b-nav-form>
        <b-form-input size="sm" class="mr-sm-2" type="text" placeholder="Search"/>
        <b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
      </b-nav-form>

      <b-nav-item-dropdown text="Lang" right>
        <b-dropdown-item href="#">EN</b-dropdown-item>
        <b-dropdown-item href="#">ES</b-dropdown-item>
        <b-dropdown-item href="#">RU</b-dropdown-item>
        <b-dropdown-item href="#">FA</b-dropdown-item>
      </b-nav-item-dropdown>

      <b-nav-item-dropdown right>
        <!-- Using button-content slot -->
        <template slot="button-content">
          <em>User</em>
        </template>
        <b-dropdown-item href="#">Profile</b-dropdown-item>
        <b-dropdown-item href="#">Signout</b-dropdown-item>
      </b-nav-item-dropdown>
    </b-navbar-nav>
  </b-collapse>
  </b-navbar>

  <div id="app">
    <router-view/>
  </div>
</div>
</template>
4. 実行結果

f:id:kagasu:20181215055028p:plain

参考

https://bootstrap-vue.js.org/

Vue.js + webpack で helloworld する

Vue.js JavaScript webpack

Ⅰ. はじめに

タイトルの通り「Vue.js + webpack で helloworld する」方法です。

Ⅱ. やり方

1. vue-cliのインストール
$ npm install -g vue-cli
2. Vue.js + webpack のテンプレートを使って初期化する
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
3. 実行結果

f:id:kagasu:20170724082119p:plain

4. my-project/src/components/Hello.vue を編集する
data () {
  return {
    msg: 'helloworld'
  }
}
5. 実行結果

helloworldに変わった。
f:id:kagasu:20170724082315p:plain

Ⅲ. リリース版としてビルドする方法

以下のコマンドを実行するとdistディレクトリにファイルが生成されます。

npm run build

参考

https://github.com/vuejs-templates/webpack