Skip to content

Instantly share code, notes, and snippets.

@cobodo
Last active April 17, 2024 15:20
Show Gist options
  • Save cobodo/2a024bd79380226621dbd6a745aaa755 to your computer and use it in GitHub Desktop.
Save cobodo/2a024bd79380226621dbd6a745aaa755 to your computer and use it in GitHub Desktop.
中指前置シフト新JIS月配列2-263式かな入力を、Dvorakキーボード上のGoogleIME(mozc)で再現するための、GoogleIMEローマ字テーブルです。 https://gist.githack.com/cobodo/2a024bd79380226621dbd6a745aaa755/raw/72f06117e0e79f7cca1e851b926e8d3d0bdadf71/table.html
' そ
, こ
. し
p て
y ょ
f つ
g ん
c い
r の
l り
/ ち
a は
o か
u と
i た
d く
h う
s き
- れ
; す
q け
j に
k な
x さ
b っ
m る
w 、
v 。
` ・
e' ぁ
e, ひ
e. ほ
ep ふ
ey め
ef ぬ
eg え
ec み
er や
el ぇ
e/ 「
ea ぃ
eo を
ee ら
eu あ
ei よ
ed ま
eh お
et も
en わ
es ゆ
e- 」
e; ぅ
eq へ
ej せ
ek ゅ
ex ゃ
eb む
em ろ
ew ね
ev ー
ez ぉ
e` ……
t' ぁ
t, ひ
t. ほ
tp ふ
ty め
tf ぬ
tg え
tc み
tr や
tl ぇ
t/ 「
ta ぃ
to を
te ら
tu あ
ti よ
td ま
th お
tt も
tn わ
ts ゆ
t- 」
t; ぅ
tq へ
tj せ
tk ゅ
tx ゃ
tb む
tm ろ
tw ね
tv ー
tz ぉ
n' ぞ
n, ご
n. じ
np で
nf づ
n/ ぢ
na ば
za ぱ
no が
nu ど
ni だ
nd ぐ
nh ゔ
ns ぎ
n; ず
nq げ
nx ざ
ne, び
ze, ぴ
ne. ぼ
ze. ぽ
nep ぶ
zep ぷ
neq べ
zeq ぺ
nej ぜ
nt, び
zt, ぴ
nt. ぼ
zt. ぽ
ntp ぶ
ztp ぷ
ntq べ
ztq ぺ
ntj ぜ
<!DOCTYPE html>
<html lang="ja">
<head>
<style type="text/css">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
width: 100vw;
height: 100vh;
& main {
margin: 2lh auto;
width: 24.5lh;
> section {
& + section {
margin-top: 1rem;
}
.row {
display: flex;
padding: 0;
width: 22.5lh;
& + .row {
margin-top: -0.1rem;
}
&:nth-child(4n+2) {
margin-left: 0.5lh;
}
&:nth-child(4n+3) {
margin-left: 1.5lh;
}
& span {
border: 0.1rem solid #333;
display: block;
height: 2lh;
padding: 0.5lh;
text-align: center;
width: 2lh;
& + span {
border-left-width: 0;
}
&:nth-child(13n+6) {
width: 0.5lh;
}
&:nth-child(13n+1), &:nth-child(13n+11), &:nth-child(13n+12) {
background-color: #eff;
}
&:nth-child(13n+2), &:nth-child(13n+10) {
background-color: #fef;
}
&:nth-child(13n+3), &:nth-child(13n+9) {
background-color: #ffe;
}
&:nth-child(13n+4), &:nth-child(13n+5), &:nth-child(13n+7), &:nth-child(13n+8) {
background-color: #eef;
}
}
}
}
}
}
</style>
</head>
<body>
<main>
<section id="raw">
<div class="row">
<span>そ</span><span>こ</span><span>し</span><span>て</span><span>ょ</span><span></span><span>つ</span><span>ん</span><span>い</span><span>の</span><span>り</span><span>ち</span>
</div>
<div class="row">
<span>は</span><span>か</span><span>☆</span><span>と</span><span>た</span><span></span><span>く</span><span>う</span><span>★</span><span>゛</span><span>き</span><span>れ</span>
</div>
<div class="row">
<span>す</span><span>け</span><span>に</span><span>な</span><span>さ</span><span></span><span>っ</span><span>る</span><span>、</span><span>。</span><span>゜</span><span>・</span>
</div>
</section>
<section id="shifted">
<div class="row">
<span>ぁ</span><span>ひ</span><span>ほ</span><span>ふ</span><span>め</span><span></span><span>ぬ</span><span>え</span><span>み</span><span>や</span><span>ぇ</span><span>「</span>
</div>
<div class="row">
<span>ぃ</span><span>を</span><span>ら</span><span>あ</span><span>よ</span><span></span><span>ま</span><span>お</span><span>も</span><span>わ</span><span>ゆ</span><span>」</span>
</div>
<div class="row">
<span>ぅ</span><span>へ</span><span>せ</span><span>ゅ</span><span>ゃ</span><span></span><span>む</span><span>ろ</span><span>ね</span><span>ー</span><span>ぉ</span><span>……</span>
</div>
</section>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment