技術 - テキストの記事一覧
docsify - シンプルで使いやすいドキュメントジェネレータ
見やすいドキュメントは大事です。個人的にはmkdocsが好みですが、それ以外にもたくさんのドキュメント作成ソフトウェアがあります。ブログなどと組み合わせるならJykellを使っても良いですし、作られているプログラミング言語で選べば拡張もしやすいでしょう。今回はnodeで作られているdocsifyを紹介します。シンプルで...
Terminal Velocity - ターミナルで使う高速なメモアプリ
メモアプリの大事なところは、思いついた時にさくっとメモできることです。ソフトウェアを立ち上げて、ファイルを開いて…なんてやっていたら書こうと思っていたことを忘れてしまいます。間髪入れずに書ける環境が望ましいでしょう。今回はTerminal Velocityというソフトウェアを紹介します。ターミナルで使える、素早く使える...
kanjivg-radical - 漢字の構成要素を学ぶ
漢字はそれ単体で意味をなすものよりも、部首や造りなど、小さな部品が集まって漢字を構成しています。それ故、その構成を学ぶことで漢字の意味であったり、形などを理解しやすくなります。そんな漢字の造りなどを学べるのがkanjivg-radicalです。## kanjivg-radicalの使い方kanjivg-radicalの...
DeepAA - 画像からAAを生成
AA（アスキーアート）というと文字を拡大して表示するものや、画像をすべて英字や漢字に置き換えるものなど多数あります。そんな中、日本では線画で表現するトレースAAという種類のアスキーアートがあります。作成補助ツールはありますが、ほぼすべて手作業で作られています。それだけ複雑で緻密な作業になります。今回紹介するDeepAA...
carbon-now-cli - プログラミングコードを画像化
プログラミングコードをブログなどで綺麗に表示したいと思っても、ブログの環境が対応していないケースがあります。多少のハイライトは入っていても、タブ幅、フォント、テーマなどカスタマイズしたい要素は無数に存在します。そこで使えるのがコードの画像化ですが、毎回手作業でやるのは面倒です。自動化したいならcarbon-now-cl...
SavannaKit - iOS/macOSで使えるプログラミングエディタ開発キット
AtomやVisual Studio Codeなど、Web技術を使ったプログラミングエディタが広まっていますが、パフォーマンスに際して不満を感じている人も多少はいるのではないでしょうか。もっとハイパフォーマンスなプログラミングエディタが欲しいと考える人もきっといるはずです。そこで使ってみたいのがSavannaKitです...
lexrank.js - 日英対応のテキスト要約
情報は日々増える一方です。もはやすべての情報を収集するメリットは薄くなっています。次に大事なのは必要な情報だけをいかにして収集するかです。一つはフィルタリングで、情報の取捨選択です。もう一つは情報数は変えずに情報量を変えるのです。つまりテキスト要約で、lexrank.jsは日本語/英語に対応しています。## lexra...
μPad - 自由度の高いノートアプリ
アイディアをまとめたり、逆に練ったりと、ノートがあると頭の中にある情報をどんどん形にしていけます。そんな時に罫線があったり、キーボード入力に限定したりしたら情報が束縛を受けてしまうでしょう。そこで使ってみたいのがμPadです。自由度の高い、アイディアを書き留めるノートアプリです。## μPadの使い方トップページです。...
png-font.js - Canvas上にピクセルアートなテキストを出力
Canvasを使えばDOMとはまったく違うグラフィックスを描けます。しかしDOMやCSSとは異なる使い方なので、適切に描くのに苦労することも多いでしょう。そういうときには最適なライブラリを使うのが一番です。今回紹介するpng-font.jsはピクセルアートなテキストを出力できるライブラリです。## png-font.j...
Fluid Outliner - Webベースのシンプルなアウトライナー
コンテンツを一気に作成するのは大変です。最初から子細に書いていくと徐々に整合性がとれなくなりますし、途中で力尽きてしまう可能性があります。まず大見出しを洗い出し、次に小見出しと言った具合に徐々に掘り下げていくのが良いでしょう。そのために使われるのがアウトラインエディタです。今回はWebベースのFluid Outline...
Treeify - JSONをtreeコマンド風に表示
treeコマンドはエンジニアであれば誰しもが一度は使ったことのあるコマンドではないでしょうか。ディレクトリ構成をCUIで分かりやすく表示してくれます。多段の階層構造を表現するのに適した手法と言えます。そんなtreeコマンド風にJSONを表示してくれるのがTreeifyです。## Treeifyの使い方元のコードです。`...
C2Rust - C言語をRustに変換
WebAssemblyを記述できる言語としてはRustやC、C++、C#などがありますが、改めてRustを学ぶのを躊躇してしまっている人もいるでしょう。Cなら分かるという方なら多数いるはずです。そんな方に使ってみて欲しいのがC2Rustです。Cで書いたコードをRustに変換します。## C2Rustの使い方元々のコード...
Bowlcu - SVGテキストを自在に変化
SVGの面白いところはバイナリデータではないので、JavaScriptから簡単に操作できるところです。時間によって移動させたり、形を変えることもできます。もちろんクリックなどのイベント処理とも連携できます。今回紹介するBowlcutはSVGのテキストを面白く表示できるライブラリです。## Bowlcutの使い方例です。...
Prettier - テキストエリア内のコードを見やすく整形
プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。## Prettie...
LaTeX.js - Webブラウザ上で動作するLaTeX執筆環境
LaTeXは今なお論文やレポートを書く際に使われています。しかし、環境整備が面倒であったり、インストールするライブラリのサイズが大きいこともあって、もっと手軽に作りたいと思う人が多いのではないでしょうか。そこで使ってみたいのがLaTeX.jsです。なんとWebブラウザ上で使えるLaTeX環境です。## LaTeX.js...
Replace zero-width characters hidden on a page with emojis
コンテンツの不正な再利用を防ぐために使える方法として、人の目には見えない空白文字を紛れ込ませるという方法があります。クリップボードには入るのですが、見た目には分かりません。その空白文字のパターンをユーザ毎に変えておけば、誰が不正コピーしたか分かるのです。それに対抗、という訳ではありませんが、Replace zero-w...
askalono - オープンソース・ソフトウェアのライセンスを特定
オープンソース・ソフトウェアの肝はライセンスです。その選択によって導入できる、またはできないといったことがあったり、導入後のトラブルにつながることもあります。広まるかどうかがライセンスでまったく変わることだってあります。そんなライセンスを調べるためのソフトウェアがaskalonoです。## askalonoの使い方as...
text2svg - 任意のフォント/テキストをSVG化
コピーされたくない文字があった時、これまでは画像化するのが一般的でした。しかしデバイスの解像度によっては汚く見えてしまったり、変更が面倒と言った欠点があります。そこで使ってみたいのがtext2svgです。任意のフォント、テキストでSVGが生成できます。## text2svgの使い方生成した例です。インスペクタで見ると、...
regxr - macOS用の正規表現チェッカー
プログラマといえども難しいのが正規表現です。プログラミング言語によって方言もありますし、マッチした後の変換などでつい指定を間違えてしまったりします。Atomなどはマッチした部分が置換前にハイライトされますが、Emacsなどはそんな機能もないので何度もミスしてしまいます。そこで使ってみたいのがregxrです。macOS用...
Javascript Downcast - ES6のコードをES5に変換
JavaScriptはES6以降によって記述が変わってきました。アロー関数であったり、オブジェクトの渡し方も変わっています。慣れれば難しいものではありませんが、従来のJavaScriptに慣れている人にとっては一瞬理解しづらいものに映るかも知れません。そこで使ってみたいのがJavascript Downcastです。E...