技術 - テキストの記事一覧
text2svg - 任意のフォント/テキストをSVG化
コピーされたくない文字があった時、これまでは画像化するのが一般的でした。しかしデバイスの解像度によっては汚く見えてしまったり、変更が面倒と言った欠点があります。そこで使ってみたいのがtext2svgです。任意のフォント、テキストでSVGが生成できます。## text2svgの使い方生成した例です。インスペクタで見ると、...
regxr - macOS用の正規表現チェッカー
プログラマといえども難しいのが正規表現です。プログラミング言語によって方言もありますし、マッチした後の変換などでつい指定を間違えてしまったりします。Atomなどはマッチした部分が置換前にハイライトされますが、Emacsなどはそんな機能もないので何度もミスしてしまいます。そこで使ってみたいのがregxrです。macOS用...
Javascript Downcast - ES6のコードをES5に変換
JavaScriptはES6以降によって記述が変わってきました。アロー関数であったり、オブジェクトの渡し方も変わっています。慣れれば難しいものではありませんが、従来のJavaScriptに慣れている人にとっては一瞬理解しづらいものに映るかも知れません。そこで使ってみたいのがJavascript Downcastです。E...
Roamer - テキストファイルを使ったファイル管理
ファイル名を変更したり、削除したりする場合にはmv/cp/rmといったコマンドを使って行います。各コマンドは複数ファイル/フォルダを指定できますが、複数の異なる操作をまとめてはできません。そこで使ってみたいのがRoamerです。標準出力されたファイル一覧をメンテナンスしてファイル管理を一気に行うソフトウェアです。## ...
Format-Silly - テキストをUnicodeで面白く変換
テキストそのままではなく、ちょっと装飾するサービスは数多くあります。画像化すれば多彩な装飾が楽しめるでしょうが、それでは面白くありません。テキストのまま遊ぶからこそ面白いのです。例えばテキストを逆さにするものがあります。今回はFormat-Sillyという、テキストをUnicodeにある様々な文字を使って置き換えてくれ...
ecoji - 絵文字を使ってエンコード/デコード
バイナリデータをメールで送ったり、チャットなどで送れるようにするためにBase64が今なお使われています。しかし、元データよりもサイズが1.5倍くらいになりますし、レガシー感があります。そんな中だからこそ作られたのがecojiです。データがすべて絵文字になる、そんなソフトウェアです。## ecojiの使い方一例です。M...
AsciidocFX - マルチプラットフォームで使えるAsciidoc用エディタ
Markdownが開発者界隈でのマークアップ記法として有名になっていますが、記法自体はそれ以外にも多数存在します。その一つがAsciidocです。Markdownよりも多彩な記法が用意されており、より細かく制御できます。そんなAsciidocを記述するためのエディタがAsciidocFXです。さらに多くのフォーマットに...
Polacode - コードを画像化するVisual Studio Code機能拡張
コードをブログに載せたいと思ったのに、ブログエンジンがコードのハイライトに対応していない…なんてケースがあります。Gistに貼り付けても、それが埋め込みもできず、泣く泣く変な表示で載せてしまうこともあります。そこで使ってみたいのがPolacodeです。コードを画像に変換してくれるVisual Studio Code機能...
Blotter.js - 型破りなテキストアニメーションを実現
Webでエフェクトされたテキストを表示しようと思うと画像を使うのが一般的です。JavaScriptでもできないことはないですが、簡単なものに限定される雰囲気があります。しかしJavaScriptならばアニメーションも行えるメリットがあります。そこで知っておきたいのがBlotter.jsです。使いどころは限られそうですが...
Katamuki.js - テキストや画像を滑らかに表示
WindowsのWebブラウザはmacOSに比べて文字が汚いです。綺麗に表示しようと思うとWeb Fontを使うのが一般的ですが、日本語フォントは文字数が多いので重たくなってしまったり、動的に生成するクラウドエンジンを使う必要があります。そこで手軽にJavaScriptだけで文字や画像を綺麗にしてくれるのがKatamu...
mdBook - Rust製の開発者ドキュメントサイト
開発者向けドキュメントは彼らに対してサービスを提供する上でとても重要な存在です。ファイル構成はもちろんのこと、読みやすい文章であったり、リンクの活用など考えるべきポイントがたくさんあります。今回紹介するmdBookはGitを使った電子書籍作成ソフトウェアGitbookに似せたファイル構成でドキュメントが作れるソフトウェ...
Lurn - Ruby用データサイエンス、機械学習をおこなうなら
データサイエンスや機械学習分野においてはPythonしかないといった雰囲気があります。確かにPythonにはデータサイエンス向けのライブラリが多数揃っており、はじめる敷居は低いでしょう。しかしそんな中にあってもRubyでデータサイエンスをやりたいという方は多いはずです。そこで使ってみたいのがLurnです。## Lurn...
Exocortex - Markdown記法が使える個人用Wiki
WikiはWikipediaのような大きなWebサイトはもちろん、個人のメモにも利用できます。ページが自動的に新しく作られたり、リンクを使ってどんどん広がっていけるので創造性を邪魔せずにコンテンツを作り続けられます。そんなWikiを個人用に作ったのがExocortexです。ローカルでも簡単に動かせるのでぜひ試してみまし...
Sniper - ターミナル上でスニペット管理
プログラミングしていると使い回せる汎用的なコードができあがることがあります。そうしたコードは一旦どこかにコピーしておいて、後でいつでも呼び出せるようにしたいのですが、そういったコードはスニペットと呼ばれます。今回紹介するSniperはターミナル上でスニペット管理をおこなうソフトウェアです。## Sniperの使い方ne...
Yogurt - React製のドキュメント作成システム
Web上でコンテンツを作る際のUIについて悩むことはないでしょうか。一ページずつ作る仕組みにするのがシンプルですが、ユーザにとって使いやすい仕組みとは言いづらいです。そこで参考にしたいのがYogurtです。Reactを使い、ユーザビリティの高いドキュメント作成が可能です。## Yogurtの使い方編集画面です。カテゴリ...
HTA Memo - HTA製のメモ
Windowsではアプリケーションを作る方法が幾つか用意されています。C#などの.NET系言語を使ってもいいですが、簡単なものであればHTA（HTML Applications）が手軽です。HTMLとVBScriptまたはJavaScriptでアプリケーションが作れます。その一例として紹介したいのがHTA Memoです...
tty-font - テキストを拡大
コンソールの画面は単純なテキストなので、インパクトある表現を行わないとユーザの目に留まりません。ANSIカラーで色をつけたり、AAを表示したりと様々な手法が行われています。大きな文字を表示するというのもインパクトの大きい表現の一つです。それを簡単に実現できるのがtty-fontです。## tty-fontの使い方tty...
caretposition.js - テキストエリアの文字入力位置を取得
最近、テキストエリアを拡張するようなライブラリが増えています。その一つに入力補完機能が挙げられます。IDEではよく見られる機能ですが、入力箇所（キャレット）を正しく取得しないと、逆に文字入力を妨げることになるでしょう。そこで使ってみたいのがcaretposition.jsです。テキストエリアにおけるキャレットの位置をX...
Docusaurus - Facebook製のオープンソース・ドキュメントサイト
開発ドキュメントの整備は大きな問題です。ソースコードに書かれたりWikiや何らかのCMSを使ったりと様々な方法がありますが、これといった解決策はなかなか見つけられません。そこで使ってみたいのがDocusaurusです。Facebook製のオープンソース・ドキュメントサイトです。## Docusaurusの使い方メインペ...
Octohint - GitHub上でインテリセンスを有効に
開発者であればIDEでよく提供されるインテリセンスの便利さを感じることでしょう。関数の概要であったり、引数を表示してくれることで開発のしやすさ、生産性が大きく変わってきます。そんなインテリセンスをGitHub上でで提供するのがOctohintになります。## Octohintの使い方Octohintをインストールすると...