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

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

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

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

もっと見る

List

  • 2013/03/26

アニメーションを使って効果的なテキストイフェクト「animate-textshadow.js」

animate-textshadow.jsはjQueryによるアニメーションでテキストイフェクトをするライブラリです。Web上でユーザアクションによるイベント実行をしたいと思うとJavaScriptを駆使して(またはjQueryのようなライブラリを使って)行うのが一般的です。今回はさらにCSSによるイフェクトを組み合わ...

List

  • 2013/03/20

XMLをXSLTの力でカラーリング「coloring-xml.xslt」

coloring-xml.xsltはXMLをXSLTでカラーリングするソフトウェアです。XMLを変換して別なフォーマットにするためのテンプレート言語としてXLSTがあります。XMLの扱いづらさもあって、XLSTは殆ど普及していないように思いますが、しかしそんな中だからこそXSLT大好きな人が開発したのがcoloring...

List

  • 2013/03/18

多数のマークアップに対応したドキュメント変換プレビューツール「Markup Previw Command」

Markup Previw Commandは各種軽量ドキュメントマークアップの変換、プレビューソフトウェアです。軽量なマークアップ言語は種類が増えていますが、その作成は容易でもプレビューが意外と面倒です。そこで使ってみたいのがMarkup Previw Command、コマンド一つで各種マークアップのHTMLとプレビュ...

List

  • 2013/03/11

見せられないコンテンツに使いたいぼかしテクニック「SPOILER ALERT」

SPOILER ALERTは画像やテキストの一部にぼかしを加えて閲覧できないようにするライブラリです。見ちゃダメ、と言われるとなお一層見たくなるのが人の性と言うものです。そんな習性(?)をうまくついたソフトウェアがSPOILER ALERTです。うぬぬ、見えない!マウスを載せると…おお、ちょっと見えるぞ!クリックすると...

List

  • 2013/03/10

Web APIを使ってドキュメントフォーマットを変換する「Docverter」

DocverterはHTML/Markdown/LaTeXからPDF/Docx/ePubに変換するドキュメント変換サーバです。一つのドキュメントフォーマットから他のフォーマットへ変換してくれるツールは便利ですが、環境を整えるのが多少面倒なのが多いです。そこでサーバサイドで処理を行ってくれるDocverterを使ってみま...

List

  • 2013/02/26

無茶しやがる…。スタイルシートだけでHTMLをMarkdownに「Markdown.css」

Markdown.cssはスタイルシートを使ってHTMLをMarkdownフォーマットとして表示するソフトウェアです。既存のHTMLをMarkdownで書くとどうなるか、変換ツールも幾つかありますが今回は変わり種のMarkdown.cssを紹介します。純粋なHTMLソースコード。一般的なスタイルシートを当てた例。Mar...

List

  • 2013/02/21

MarkdownやHTMLファイルを添削、差分表示対応に「CriticMarkup」

CriticMarkupはMarkdownやHTMLファイルを差分表示するマークアップと関連ツールです。Markdownはライトなマークアップ言語ですが、文章を書くだけでなく編集作業においても役立てようと言う試みがCriticMarkupです。HTML出力した例です。差分が表示されています。こちらがオリジナル。こちらが...

List

  • 2013/02/13

なんと!JavaScriptだけでテキスト読み上げ「Speak.js」

Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。ボタンを押すとHello Worldと話します。こんな...

List

  • 2013/02/07

インデントや括弧の補完などテキストエリアが便利に「Behave」

Behaveはテキストエリアでのコード入力が便利になるライブラリです。Webブラウザのテキストエリアの使い勝手の悪さは言うまでもありません。かといってあまりリッチなエディタに変貌させるのは大事に感じてしまう、そんな時にはBehaveを使ってみましょう。スタイルシートを記述しています。タブを入力するとインデントされるのみ...

List

  • 2013/02/05

社内で立てられるGistサーバ「Gistub」

GistubはGitHubの提供するGistのクローンです。GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。パブリックなGist一覧。ソースコ...

List

  • 2013/02/04

Herokuのアプリ名に似た文字列を生成「TokenPhrase」

TokenPhraseは可読性のあるユニークな文字列を生成するライブラリです。Herokuでアプリを生成した際に何となくいい感じのサブドメイン名が生成されます。個人的にあれが結構好きなのですが、その実装とも言えるのがTokenPhraseです。ハイフンつなぎのトークンが生成されました。もう一度実行すればもちろん別な文字...

List

  • 2013/01/30

 WebブラウザだけでLaTeXからPDFを生成「texlive.js」

texlive.jsはWebブラウザ上でLaTeXからPDFを生成するソフトウェアです。LaTeXで文書を書いてPDFを生成して…というのは環境さえ整っていれば簡単なことです。そう、環境が整っていれば…。まだ何も環境を整えていない人がLaTeX文書をコンバートしたいならばtexlive.jsを使ってみましょう。テキスト...

List

  • 2013/01/24

SQLを整形、ハイライトして分かりやすい表示を実現「pgFormatter」

pgFormatterはPostgreSQLをはじめとするSQLを整形するソフトウェアです。SQLは文法さえ覚えてしまえば誰でも使えるようになる反面、書き方が冗長的でものすごく複雑な形になってしまうことが多々あります。そこで使ってみたいのがpgFormatter、SQL整形ツールです。元のSQLです。こんな感じに整形さ...

List

  • 2013/01/14

Markdownで書いたメモをWebブラウザで閲覧、検索「mamemose」

mamemoseはMarkdownを使ったメモサーバです。Markdown記法は個人的に気に入っていて、色々なテキストをMarkdownで記述しています。同じように自分のメモをMarkdownで書いている人におすすめなのがmamemoseです。例です。数式やコードのハイライトに対応しています。テーブルも使えます。検索機...

List

  • 2013/01/12

r18n互換のJavaScript国際化処理ライブラリ「X18n」

X18nはJavaScriptによる国際化処理ライブラリです。JavaScriptの活用の幅が広がっていく中で注目したいのが多言語化対応です。Webアプリケーションなどで使ってみたいクライアントサイドの多言語化ライブラリとしてX18nを紹介します。基本的な使い方。まずregisterで言語とその変換を登録します。言語の...

List

  • 2013/01/11

気になったコンテンツはどんどんスクラップ「SnipBin」

SnipBinはWebサイトのスニペットを登録、管理するGoogle Chrome機能拡張とオンラインサービスです。Webブラウジングをしていて気になった情報をメモしておく時にURL全体を保存するのではなく指定した部分だけ保存したいことがあります。そんな時に使ってみたいのがSnipBinです。まず機能拡張のSnippy...

List

  • 2013/01/10

Gmail/YahooメールでMarkdownを使ってメール作成「Markdown Here」

Markdown HereはGmailなどの本文作成フィールドでMarkdown記法を使えるようにするソフトウェアです。ライトなテキスト記法で知られるMarkdownですが、慣れてくるといつでもどこでもMarkdownを使いたいと思ってしまうようになります。そこでWYSIWYGエディタの代わりにMarkdown Her...

List

  • 2013/01/08

ログの閲覧にWebブラウザを使える「Pupergrep」

PupergrepはWebブラウザ上でリアルタイムにログデータを閲覧したりGrepで検索できるソフトウェアです。開発を行っている際にログファイルをtailして眺めているといった人は多いかと思います。しかし複数のファイルを同時に監視したり、その中から必要なものだけを抽出したり…というのは面倒です。そこでPupergrep...

List

  • 2013/01/06

Gistにあるテキストを読みやすく表示「gist.io」

gist.ioはGitHubのGistデータを読み込んで可読性高いテキストを表示するサービスです。最近大幅にリニューアルしてかえって使い勝手が悪くなってしまったような感もあるGistですが、そんなGistにあるテキストコンテンツを使って可読性高いページを提供するのがgist.ioです。サンプル。元文書。gist.ioは...

List

  • 2013/01/03

文字から絵文字に一気に変換「emojify.js」

emojify.jsはテキストから絵文字に一括変換してくれるWebサービスです。様々なWebサイトで使われている絵文字。単なるテキストでは伝わりづらい感情を表現するのに役立ちます。そんな絵文字を自分のサイトでも手軽に導入できるのがemojify.jsです。ずらっと並んだ絵文字。これが全て使えます。実際のソース。単なるテ...