技術 - テキストの記事一覧
tinysearch - WebAssemblyを使ったWebブラウザ用全文検索
Webサイトには検索機能をつけるのが基本です。その多くの場合、サーバサイドでデータベースを検索し、その結果を返すようになっています。またはコンテンツデータをあらかじめクライアントサイドに持っておいて、JavaScriptで絞り込んだりします。今回紹介するtinysearchはクライアントサイドで検索を行います。特徴的な...
Meriyah - 最新のECMAScript仕様も使えるJavaScriptパーサー
JavaScriptが色々なプラットフォームで使われるようになっています。JavaScriptから別な言語に変換するパーサーなどを作りたいと思ったら必要なのがパーサーです。コードを解析することで、別な使い方が生まれます。今回紹介するMeriyahはJavaScriptで作られた（実際にはTypeScriptですが）Ja...
grex - パターンに合った正規表現を生成
正規表現は熟練のプログラマでさえ書き方を間違ってしまうことがあります。複雑な仕組みですが、使いこなすことでコード量を減らしたり、単なるコードだけでは難しいことも実現できます。そんな正規表現をどう書けばいいのか、その参考になるのがgrexです。## grexの使い方grexコマンドに続けてパターンになる文字列を記述します...
takenote - シンプルなMarkdown対応のメモソフトウェア
Markdownベースのメモソフトウェアが増えています。多くが3ペイン構成になっており、左側にフォルダ、中央にファイル一覧、そして右側がエディタとなっています。メモを一カ所にまとめておくことで、すぐに探し出せたり、メモできるのが便利です。今回紹介するtakenoteもそんなメモソフトウェアの一つです。シンプルなMark...
Textyle.js - シンプルなテキストエフェクトライブラリ
単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。あまり派手なものは嫌われるかも知れませんので、シンプルなものが良いという方はTextyle.jsを使ってみ...
con - JSONよりも高速に使えるフォーマット
REST APIやGraphQLなどWeb APIのデファクトスタンダードとも言えるフォーマットになっているのがJSONです。しかし、そのJSONへのシリアライズ、パースにかかるコストは意外に大きいです。そこで作られたtのがconです。JSONとYAMLを足したようなフォーマットで、JSONよりも高速なのが売りです。#...
Sight - Google Chromeでソースコードをシンタックスハイライト化
開発者であれば、開発中はコードをシンタックスハイライトして表示しているはずです。ハイライト表示されていない状態では内容の把握すら辛いはずです。多くの開発者向けサービスであればシンタックスハイライトに対応していますが、ただのコードが書かれたファイルにアクセスした場合には素の状態で表示されてしまいます。そこで使ってみたいの...
Beeftext - Windows用のスニペット管理
仕事中、繰り返し使う文面であったり、よく使う関数があります。それらをメモしておくと便利です。そして必要な時に検索してコピー&ペーストすれば仕事の効率が大幅にアップするはずです。今回紹介するBeeftextもそんな短文、スニペットを管理するソフトウェアです。## Beeftextの使い方新しいスニペットを記載します。!
Leon Sans - アニメーションもできるJavaScript製のフォント
フォントを変えると、文面の印象ががらっと変わることがあります。フォントによって受ける印象はそれぞれで、最適なものを選ばないといけません。同じフォントであっても太さが変わるとまた違うでしょう。今回紹介するLeon SansはSans Serif風のフォントですが、プログラマブルな特徴があります。## Leon Sansの...
md2html - MarkdownからHTMLファイルを作成するコマンド
MarkdownはHTMLに変換するのが主な機能として作られたドキュメントフォーマットです。多くのMarkdownエディタでHTML変換機能がサポートされていますが、使い慣れたエディタを使いたいという人も多いでしょう。そんな方にお勧めなのがmd2htmlです。CLIで使えるHTML変換ツールです。## md2htmlの...
dir-tree - Web上でtreeコマンド風ディレクトリ構造を作成
ドキュメントでディレクトリ構成を書くことがありますが、その際にはよくtreeコマンドを使います。しかし、余計なディレクトリが含まれないようにするなど、加工も必要で面倒だったりします。そこで使ってみたいのがdir-treeです。Web上でディレクトリのツリー構造を作成します。## dir-treeの使い方+ボタンでディレ...
pdftoimgpdf - PDFを印刷で問題ない形に変換
技術書典などの技術書の同人誌会が広まるのに連れて、書籍を印刷する機会も増えていきます。印刷所に依頼する場合、それなりの準備が必要です。単にPDFを送れば良いという訳ではありません。そこで使ってみたいのがpdftoimgpdfです。単純なPDFから印刷するのに合わせたPDFに変換してくれます。## pdftoimgpdf...
Muscular !!! - 筋肉大好きな人のためのcowsay
最近、筋肉.ktや筋肉もくもく会など、筋トレやエクササイズと勉強会を組み合わせた異色の（？）コミュニティが人気です。IT系はとかく貧弱だと思われがちですが、世界最高レベルの握力の持ち主はIT業界の方
SlidesCodeHighlighter - ソースコードをスライドに貼り付ける際に
スライドに綺麗にシンタックスハイライトされたコードを使いたいと思ったことはないでしょうか。コードを画像にするのは格好悪いですし、普段自分がエディタで使っているハイライトではないものを使いたい場合はとても大変です。そこで使ってみたいのがSlidesCodeHighlighterです。ソースコードのハイライトに特化したソフ...
speak.js - eSpeakからポーティングしたテキストtoスピーチ
テキストをコンピュータに喋らせる試みはずっと行われてきました。かつてはまさにコンピュータっぽい音声でしたが、今はSiriやAlexaなど、滑らかで人が喋っているような音声で読み上げできるようになっています。今回紹介するspeak.jsはどちらかと言えばコンピュータ音声です。特徴として、JavaScriptだけで実現して...
Unicopedia Plus - ユニコードや絵文字を調べる開発者用ツール
絵文字の登場によってユニコードが幅広く使われるようになりました。合字によって、肌の色を変えたり、年々絵文字の種類が増えています。また、アジア圏の文字では似ていても微妙に違う文字もあります。そんなユニコードの文字をチェックしたり、調べられるのがUnicopedia Plusです。## Unicopedia Plusの使い...
json.pizza - キーボード操作主体のJSON整形サービス
JSONはシステム連携で使われる一方、可読性の高さも特徴となっています。とは言え、改行やインデントをなくした状態ではとても読む気にはなれません。整形が必要です。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。## json.pizzaの使い方JSONを貼り付けて、Ctrl...
Silicon - ソースコードを綺麗な画像に
スライドの中でソースコードを取り扱いたいと思うことはよくあります。コードハイライトに対応していないと、見づらいものになってしまうでしょう。そのため、プログラミングエディタのコードをスクリーンショットで画像化したりしているかも知れません。そんな面倒はせずにSiliconを使えばコードを綺麗に画像化できます。## Sili...
org-web - React製のorg-mode
org-modeと言えば、Emacsユーザにとっては慣れ親しんだメモ環境です。個人的にも長く使ってきましたが、キーバインドなども複雑で、当時はまだしも今はもう使い方も忘れてしまっています。そんなorg-modeをWebベースで復活させたのがorg-webです。マウス操作も含めると使い勝手が良さそうです。## org-w...
Argdown - 文章構造を可視化する記法
文章を構造化して書くのは難しいものです。特に長文になったりすると全体像を一目で把握するのが難しくなり、読み飛ばしてしまったりすれば意味を取り違えてしまうことになります。そこで使ってみたいのがArgdownです。文章構造を解析し、ビジュアル化してくれるソフトウェアです。## Argdownの使い方例です。左側が文章、右側...