koba::blog

小林聡: プログラマです

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

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

用語
説明文
のような簡潔な形式で表示されるはずだったのだが、残念ながらそれを実装したブラウザはなかった。けれど中国語のスクリプトの表記などでどうしても使いたかったので、dt, dd の表示を変更 - koba::blog の方法で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:これがないと後から記事を引用した時に手動で逆リンクを追加しないといけない

続きを読む

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

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

続きを読む

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

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

続きを読む

SSH鍵の交換

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

続きを読む

Homebrewのアップデート

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

続きを読む

High Sierra の入力設定

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

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

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

続きを読む

天鳳統計(5) 〜 巡目ごとの副露数・副露時向聴数

天鳳統計(4) 〜 待ち牌の分布 - koba::blog の続き。今回は巡目ごとの副露数と副露時の向聴数を集計した。「巡目」は以前と同様にポンにより飛ばされたツモ番は考慮せず、打牌した牌数から決めている。

対象データは 2016年の「鳳凰卓 東南戦 赤あり」の 159,798半荘。

続きを読む

天鳳統計(4) 〜 待ち牌の分布

天鳳統計(3) 〜 局終了時の牌の分布 - koba::blog の続き。今回はリーチとダマテンについて待ち牌の分布を集計した。待ち牌はフリテンの場合も含んでいる。ダマテンは待ちが変わる場合が多いので、和了時の牌姿に限り待ち牌を集計した。

対象データは 2016年の「鳳凰卓 東南戦 赤あり」の 159,798半荘。

続きを読む