ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - テキストの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/11/15

moziplayer - 動画/Webカメラの映像をアスキーアート化

videoタグを使えばWeb上で動画をそのまま再生するなんて簡単にできます。そんな簡単にできることをただやるだけでは面白くありません。その映像をリアルタイムに加工するのが面白いのです。そこで使ってみたいのがmoziplayerです。動画やWebカメラの映像をテキストアート化します。## moziplayerの使い方変換...

List

  • 2017/11/09

Writing - WebベースのMarkdown + LaTeXエディタ

Markdownは便利な記法ですが、物足りないと感じることもあります。その一つとして数式の埋め込みをあげる人もいるでしょう。専用の記法で対応するソフトウェアもありますが、もっと汎用的な方が使い勝手は良いはずです。そこで紹介したいのがWritingです。Markdown記法での記述に加え、LaTeXも使えるエディタです。...

List

  • 2017/11/09

KanjiVG - 漢字/平仮名/カタカナ/アルファベット/数字の書き順付きSVG集

コツコツと続けるのは大変ですが大事なことです。ソフトウェアはコードという中身で見れば同じようなものですが、結果として異なる動きがあるので楽しいでしょう。しかしあまり変化の多くないものを作り続けるのは根気が必要です。今回は日本語の漢字をSVG化したKanjiVGを紹介します。しかも書き順付きです。## KanjiVGの使...

List

  • 2017/11/08

text-map-kuromoji - Web上で形態素解析&ビジュアライズ

形態素解析は日本語のテキストを扱う上でとても重要な技術になります。しかし環境をセットアップしたり、解析結果からどう情報をピックアップするかなどを分析する必要があります。そうした形態素解析を手軽にWeb上で行い、さらに結果の分析が容易にできるのがtext-map-kuromojiです。## text-map-kuromo...

List

  • 2017/10/14

minimap - ソースコードをミニマップ化

ミニマップというのはプログラミングエディタに付属していることが多い機能で、ファイル全体のソースコードをサムネイル化したような表示です。個人的にはあまり使いませんが、画面が今ソースコード全体のどの場所を表示しているかを知るのに使えます。そんなミニマップを生成してくれるPythonスクリプトがminimapです。## mi...

List

  • 2017/10/12

Carbon - コードを綺麗な画像に変換

SDKやフレームワーク、ライブラリなどを公開しているサイトであれば大事なのは実際の使い方を示したコードでしょう。それもただテキストで書いてあるより、格好良いフォントや色合いで見せたいと思うはずです。そこで使ってみたいのがCarbonです。コードを格好良い画像にしてくれます。## Carbonの使い方実際に作成した画像で...

None

  • 2017/10/09

node-read - URLからメインコンテンツをピックアップ

オンラインにはテキストコンテンツが溢れています。問題はそうしたテキストコンテンツから意味のある情報をどう得るかです。HTMLタグを外しただけでは意味がありません。そこで使ってみたいのがnode-readです。メインコンテンツとおぼしき部分をピックアップしてくれるnode用ライブラリです。## node-readの使い方...

List

  • 2017/10/08

dokieli - Web上のコンテンツエディタ/コメントシステム

Web上にコンテンツを公開し、それに対して指摘が欲しいと思った時にはチャットなどを使うでしょう。できればWeb上でそのままコンテンツに書き込みができると便利です。それを可能にするのがdokieliです。コンテンツの編集やコメントに加えて様々な機能が備わっています。## dokieliの使い方デモです。右側にあるメニュー...

List

  • 2017/10/05

src2png - ソースコードを画像に変換

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してく...

List

  • 2017/10/01

Nulis - 文章を書く人のためのツリーエディタ

文章を書くときにはまず構成を考える必要があります。章立てを考えて、その中で何を書くのかを順番に決めていきます。段階的に掘り下げていくことで、その中で何を書くべきかを明確にしていけるでしょう。そんな時に役立つのがNulisです。文章を書くためのツリーエディタです。## Nulisの使い方メイン画面です。幾つかのブロックに...

None

  • 2017/09/30

Linguist - プロジェクトで最も使われているプログラミング言語は何か

ソフトウェアを紹介する際に、それが何の言語で作られているのかを書くようにしています。そんな時、GitHubの言語の割合を表示してくれる機能がとても便利だったりします。ライブラリを探す際にもカスタマイズできるプログラミング言語のが良いので、そのソフトウェアが何でできているかは大事な情報になるでしょう。そんなGitHubの...

None

  • 2017/09/21

notes - ベンダーロックインの心配がいらないノートアプリ

メモを取る環境は多々ありますが、ローカルで行っている人も多いはずです。そして最近であればMarkdown記法を使っているケースが多いでしょう。その結果、特定のフォルダやローカルディスク内に多数のMarkdownファイルが散らばったりします。そうした情報の散在や特定Webサービスによる情報のロックインを防げるソフトウェア...

List

  • 2017/09/20

Ordinance format jp - Markdownで日本の公文書を記述

Markdownは広く使われるようになっていますが、シンプルな記法だけに簡易的なHTMLへの変換以外のニーズ向けとなると使い勝手が悪いことがあります。そのためグラフを入れられるようにしたり、チャートを描けるようにするソフトウェアが作られます。今回紹介するOrdinance format jpもその一つです。日本の公文書...

List

  • 2017/09/06

kawaii-term - 味気ないターミナルを可愛く

ターミナルは白と黒、あってもANSIカラー程度で見た目に寂しいものです。男気があると言えば聞こえは良いですが、何となく味気ないと感じている人も多いのではないでしょうか。そんな方に試してみて欲しいのがkawaii-termです。あなたのターミナルを可愛く仕上げます。## kawaii-termの使い方インストールは自分の...

List

  • 2017/09/05

Docbase - Markdownから生成する開発者向けドキュメント

開発者向けのドキュメントはDX(Developer Experience。開発者体験)を語る上で欠かせない存在です。ドキュメントが間違っているのはもっての外ですが、さらに可読性が高かったり、機能面においても体験を向上できる要素があります。そんな中、メンテナンスのしやすさもまた大事な要素になります。今回はMarkdown...

None

  • 2017/09/03

misspell - ソースコード専門のスペルミスチェッカー

英語圏に住む人であっても英語のスペルミスをします。むしろ日本人が日本語で文章を書くように、普段ずっと英文を書く中ではスペルミスがたくさんあるでしょう。コードの中でもそんな発見は良く目にするのではないでしょうか。今回は特にソースコードに特化したスペルミス発見器、misspellを紹介します。## misspellの使い方...

List

  • 2017/09/02

CharCanvas.js - 計算処理を使ってアスキーアートを描画

アスキーアートを描くのは専用のエディタを使うほど、手間がかかる作業になります。記号を組み合わせてイラストを描きますのでペイントほど柔軟にはいきません。慣れるまでに相当な時間を要するでしょう。そこで使ってみたいのがCharCanvas.jsです。計算によってアスキーアートを作成します。## CharCanvas.jsの使...

List

  • 2017/08/20

chalk-animation - ターミナル上でカラフルなテキストアニメーション

時にソフトウェアの中には、役には立たなくとも見ていて面白いものが存在します。また、開発者としてはそれを見て、実際にはどんなところに使えそうか考えてみるのも面白いでしょう。今回はchalk-animation、ターミナル上でテキストアニメーションを流せるソフトウェアを紹介します。## chalk-animationの使い...

List

  • 2017/08/19

Fangle - Markdownにインタラクティブ性を追加

Markdownはごく基本的な機能しか提供しないため、物足りないと考える人たちが多彩な拡張を行っています。一般的なHTMLコードを追加するほか、計算式を埋め込めるようにしたり、oembedに対応するなどです。今回紹介するFangleはさらにMarkdownにインタラクティブ性を追加してくれるライブラリになります。## ...

List

  • 2017/08/16

wordcloud2.js - JavaScriptでタグクラウドを生成

たくさんの文字が良い感じに詰め込んだ状態で並んだ状態がタグクラウドやワードルと呼ばれます。それを手作業で作成するという選択はまず考えられないでしょう。また、画像で作ってしまうと後からの更新が面倒です。そこで使ってみたいのがwordcloud2.jsです。与えられた文字列を良い感じに配置してくれます。## wordclo...