Markdown のテーブルをいい感じに編集する Atom パッケージを作った

相変わらず既存のものが……だったので作りました. 以前 SyaroNote で Ace 向けに作ったものをベースに色々改良しています.

atom.io

動作はこんな感じです.

f:id:susisu:20170303181404g:plain

他にも行の挿入や, 左・右・中央揃えの切り替えなどが簡単にできます. Markdown のテーブルの編集にお困りの方はお試しください.

あと, WindowsLinux でのキーバインドなどがまだ適当だったりするので, 何か機能についてのご意見などあればお気軽に @susisu2413 までどうぞ.

Markdown に関する愚痴

Markdown は簡単に使えますが, 一方で仕様がはっきりしていないので, 実装によってかなり解釈が違って, 色々試しているときにかなり疲弊しました.

例えばこれは Atom 標準の Markdown のプレビュー markdown-preview-plus のデフォルト (markdown-it) なのですが, バッククォート ` 内にテーブルの区切りの縦線 | を書いた時にかなり意味不明な挙動をします.

今回のパッケージの実装は Pandoc の挙動に合わせたつもりですが, これが正しいとも言えないのでなんとも……

追記

機能追加, パフォーマンス向上などをして v0.2.0 としてリリースしました. 微妙に tab で移動するときの動作が変わっていますのでご注意ください.

あとキーバインドを重複を避けて決めるのが面倒になったので, むしろいくつか削除しました. 各自適当に設定してください. 参考までに以下は私の使っている設定です.

'atom-text-editor:not(.mini):not(.autocomplete-active).markdown-table-editor-active':
  'shift-cmd-left' : 'markdown-table-editor:align-left'
  'shift-cmd-right': 'markdown-table-editor:align-right'
  'shift-cmd-up'   : 'markdown-table-editor:align-center'
  'shift-cmd-down' : 'markdown-table-editor:align-default'
  'cmd-left'       : 'markdown-table-editor:move-left'
  'cmd-right'      : 'markdown-table-editor:move-right'
  'cmd-up'         : 'markdown-table-editor:move-up'
  'cmd-down'       : 'markdown-table-editor:move-down'
  'cmd-k cmd-i'    : 'markdown-table-editor:insert-row'
  'cmd-k alt-cmd-i': 'markdown-table-editor:delete-row'
  'cmd-k cmd-j'    : 'markdown-table-editor:insert-column'
  'cmd-k alt-cmd-j': 'markdown-table-editor:delete-column'

Wonderfl の思い出

Wonderfl のサービスが 3 月末で終了してしまうらしい. 知らない人のために説明すると Wonderfl は Flash のコードをその場で編集・コンパイルしてコードと一緒に公開できる Web サービス*1で, 私は Wonderfl にあるコードを見てプログラミングを学んだと言っても過言ではないので少し悲しい.

wonderfl.net

お気に入りに入っているのを眺めていたらいくつか印象に残っているものがあったので貼り付けておきます (私が作ったものではないです). とは言っても 3 月末ですべて消えてしまうので見たい方はお早めに*2.

パーティクル崩し

wonderfl.net

パーティクルの応用で弾幕

wonderfl.net

高速化合戦その 1.

重力マウス

wonderfl.net

高速化合戦その 2.

この 2 つから描画の高速化法, 連結リストみたいなデータ構造, キャッシュなどでオブジェクトを無駄に作成しない, どの程度なら 60 FPS 出せるかという感覚なんかを学んだ気がする.

SiON TETRISizer

wonderfl.net

第一志望の大学の合格発表前に落ちゲーで遊んでいたら落ちてた話ってしましたっけ.

魚類タイピング

wonderfl.net

名も無き白身魚にも名前があるのだ.

Sea and Clouds

wonderfl.net

イクラ噴水

wonderfl.net

万物は流転し, そしてそれはイクラも例外ではない.

Clear Water with refraction rendering

wonderfl.net

Re-BUILD

wonderfl.net

Cloth Simulation 3D

wonderfl.net


あの頃 Flash を作っていた皆様はいかがお過ごしでしょうか.

*1:http://jsdo.itFlash 版. 順番的には jsdo.it が Wonderfl の JS 版だったと思うけど

*2:ライセンスが明記されているものもあるので転載できなくもないけれど, まあ今更 Flash をここに置いてもという感じがするので……