Chromeリモートデスクトップで「半角全角」キーをMacからWindowsに送信し、入力切替する
外出先でMacからChromeリモートデスクトップを使用し、自宅のWindowsを操作したいとき 日本語が打てず困っていたので色々と調べてみました。
結論「option + @」
キーボードショートカット「option + @」で切り替え可能
色々調べた結果、「Backquote」というキーコードを送れば半角全角になるっぽい
UI Events KeyboardEvent code Values
Macで「Backquote」を入力するには「option + @」で送信できるとことがわかった。
ここまでが結論。
BetterTouchTool でMacのタッチバーに半角全角ボタンを設置。
毎回「option + @」を押すのも面倒なので BTTでタッチバーに半角全角ボタン作ろうと思ったものの...
BTTのショートカットコマンドではうまく動作しませんでした。
AppleScript を実行し、「key code 50」を送信すれば「Backquote」つまり「半角全角」になる!
なんだかんだあり、AppleScriptで「Backquote」のキーコードを送信すればいいという判断に至り、
AppleScriptのキーコードを探したら見つけました。
Complete list of AppleScript key codes
BTTの設定はこんな感じ。
こんなボタンができます
コード
tell application "System Events" key code 50 end tell
AppleScriptは1ミリも書いたことなかったのですが、下記記事を参考に書いてみたら動きました。感謝
ブラウザのキャッシュ対策メモ
①外部ファイル読み込み時にパラメーターをつける
phpでuniqid();やdate();などを使い頻繁に変わる値を設定する
<script src="/js/test.js?x=<?php echo uniqid(); ?>"></script>
②jQueryの記述を$(function(){})の中に入れない
jQueryの記述は毎回下記のように$(function(){})の中に書くというのを通例としていたが、外側に出す。
$(function(){ $('.hoge').hoge(); });
↓
$('.hoge').hoge();
③ブラウザバックなどでキャッシュが使用された場合リロードさせる
window.onpageshow = function(event) { if (event.persisted) { window.location.reload(true); } };
今週読んだ記事(6/20~6/26)
CSS
- ニューモーフィズムのUIで見かけるさまざまなCSSを簡単に生成できる無料ツール -Neumorphic Generator | コリス
- Using Custom Property "Stacks" to Tame the Cascade | CSS-Tricks
JavaScript
- 【Vue.js】Composition API時代の便利ライブラリ「VueUse」を使ってみた - Qiita
- Webpackを一歩一歩確実に理解してReact + TypeScript環境を作る - Qiita
- Best JavaScript resources 2020 - Start from here 🚲 - DEV
- Why We Need 'this' in JavaScript and How To Know It's Value - DEV
- ワイ「何でそんな小っさいコンポーネント作ってるん?w」 - Qiita
- Reactのレンダリングに関する完全ガイド - Qiita
- Vue.jsやReactなど、JavaScriptライブラリのコードスニペットを利用できるVS Codeの拡張機能 -Snipsnap | コリス
- webpackを使ったvue.jsの環境構築とSFCの利用方法 | アールエフェクト
- webpack.config.jsで思ったpath.resolveって何のためにあるの? | ocws BLOG
- JavaScript webpack4でhtml-webpack-pluginを使い、キャッシュ制御、テンプレートにejsを使う | nansystem
- JavaScript: [🐈, 🐕, 🐕, 🐈, 🐈, 🐕]のような配列を[[🐈, 🐈, 🐈 ], [🐕, 🐕, 🐕]]に仕分けする - Qiita
- String.prototype.search(): a method I wish I knew about a long time ago - DEV
フロントエンドほか
Web系ほか
ブラウザ
開発・インフラ・ツール
- 開発環境構築(2020年版・WSL2+VcXsrv) - Qiita
- 「まだDockerもKubernetesも知らないの!?」って笑われない為のチュートリアル【Windows + Docker編】 - Qiita
- 達人に学ぶDB設計 | 正規化と非正規化、インデックスについて - Qiita