koba::blog

小林聡: プログラマです

電脳麻将 ver.1.0.0 公開

麻雀 JavaScript

f:id:xlc:20190420204452p:plain:w240:right

電脳麻将 を ver.1.0.0 にバージョンアップしました。

npm対応のパッケージになったので、ソースからビルドするには Node.js と npm が必要です。

機能面では以下を変更しています。

  • 画面表示/UIを改善
  • ネット上の牌譜を読み込む機能を追加
  • 天鳳形式の牌姿文字列は廃止、電脳麻将形式に統一
  • IEに対応*1

*1:ただし機能には制限があります

続きを読む

特定のホストだけVPNを通さないよう設定する

HighSierra

f:id:xlc:20190417235428p:plain:w280:right

中国で暮らしているのでネット接続は常にVPN経由である。回線速度が遅いのにはまあ慣れたのだが、VPN経由だとアクセスを拒否されるページがあるのが厄介。例えばさくらVPSのコントロールパネルにアクセスするとこのようにアクセスを拒否されてしまう。

なので特定のホストだけVPNを通さないように設定することにした。

続きを読む

dl要素のcompact表示をCSSで実現する

CSS

HTML4の頃に dl要素に compact なる属性があり、それを指定すると

用語
説明文
のような簡潔な形式で表示されるはずだったのだが、残念ながらそれを実装したブラウザはなかった。けれど中国語のスクリプトの表記などでどうしても使いたかったので、dt, dd の表示を変更 - koba::blog の方法でCSSで実現していたのだが、
用語
説明文
長い用語
説明文
のように用語が長い場合に表示がずれてしまって美しくない。これを
用語
説明文
長い用語
説明文
のように表示したいと常々思っていたのだが、やり方を思いついたので実装してみた。

続きを読む

はてなブログのスマホ向け表示を微調整する

CSS

f:id:xlc:20181222213423p:plain:w280:right

はてなブログが数年前に正式リリースされた時に、はてなダイアリーから乗り換えなかったのには理由があって、

  1. スマホ向けの表示が見にくい(特にソースコードの引用)
  2. トラックバック機能がない*1
  3. fotolife連携、はてなグラフ引用、キーワードクラウドなどの機能がない

のが気に入らなかったから。特にソースコードの引用は上の画面のようなありさまで、はっきり言って読めたもんじゃない。

f:id:xlc:20181222214009p:plain:w280:right

今回、はてなダイアリーのサービス終了により、はてなブログに移行せざるを得なくなったのだが、ソースコードの見にくさだけは我慢がならない。CSSを修正して右の画面のような表示にしたいのだが、はてなからアナウンスされているカスタマイズの方法は「レスポンシブデザイン」に対応したCSSを書くこと。これは「スマホ専用のCSSを適用する機能はないので1つのCSSで工夫して書いてください」と言っているに過ぎない。私もレスポンシブデザインに対応したCSSを書いて修正したのだが、はっきり言ってかなり手間がかかる。

なんとか簡単に「微調整」できる方法はないかと探していたのだが…… ありました！

*1:これがないと後から記事を引用した時に手動で逆リンクを追加しないといけない

続きを読む

はてなブログのデザインを変更する

CSS

はてなダイアリーが1月28日に終了することになったので、はてなブログに引っ越しました。はてなダイアリーでは自分でカスタマイズしたデザインを使用していたので、はてなブログでも同じデザインになるように変更します。

続きを読む

Macでftpを使えるようにする

HighSierra

プロバイダが提供するWebページサービスのファイル転送が未だにFTPしかサポートしていないのですが、High Sierraからftpコマンドが削除されてしまいました。Macで使えるFTPクライアントもあるようなのですが、コマンドラインから使いたいのでHomebrewでインストールします。

続きを読む

SSH鍵の交換

HighSierra

Homebrewのアップデート - koba::blog の続き。Mavericks時代に SSH接続に公開鍵を使う - koba::blog でSSH鍵を作成しており「移行アシスタント」で移行もされているのですが、メールアドレス部分が koba@angie.local になっていて新しいMacBookのマシン名と一致しないので、Connecting to GitHub with SSH - User Documentation にしたがい新しい鍵を作成します。

続きを読む

Homebrewのアップデート

HighSierra

High Sierra の入力設定 - koba::blog の続き。MavericksからHigh Sierraへの移行には「移行アシスタント」を使いましたが、CVS、RCS、Node.jsなどHomebrewでインストールしたコマンドラインツールは移行時にアップデートされていません。手動でアップデートします。

続きを読む

High Sierra の入力設定

HighSierra

Mavericksがやってきた - koba::blog 以来4年半使っていたMacBook Pro。使い勝手に全く不満はなかったのですが、バッテリーが膨張してきたので買い替えました*1。以前のは Mavericks(OS X 10.9.5)のままだったので High Sierra(macOS 10.13.3)までまたも一気に4世代アップです。

トラックパッドと文字入力の方法を現在と合わせておかないと気持ちが悪いので、データ移行の前に入力周りの設定だけ行っておきます。

*1:膨張がはじまってから1年半、だましだまし使ってた

続きを読む