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

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

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

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

もっと見る

List

  • 2013/06/04

Web上で見たままに変更できるMarkdownエディタ「demarcate.js」

demarcate.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。Markdown記法を採用するWebサイト、Webサービスが随分増えているように感じます。一つの統一されたフォーマットで作業できるのは良い事です。今回はWebブラウザ上でダイナミックにコンテンツを編集できるdem...

List

  • 2013/05/31

PHPのAPIドキュメントを生成「Sami」

SamiはPHP製のオープンソース・ソフトウェア(MIT License)です。システムのドキュメントを生成するタイプのソフトウェアは幾つかありますが、そのコマンドの書き方を忘れてしまったりします。そこで設定ファイル化することで定期的なドキュメントアップデートを可能にするSamiを紹介します。Symfony2のソースコ...

List

  • 2013/05/28

プログラミングコードをHTML内に埋め込む形に変換「HTMLify」

HTMLifyはJavaScript製のオープンソース・ソフトウェア(MIT License)です。ブログやソフトウェアのプロジェクトページにプログラミングコードを貼付ける際、素のままでは改行やHTMLタグのエスケープ処理が行われずに変な表示になってしまいます。そこで使ってみたいのがHTMLifyです。トップページです...

List

  • 2013/05/22

サーバサイドは不要で使えるコードスニペット共有「Shortly」

Shortlyはサーバレスなコードスニペット共有サービスです。GitHubのGistのようにちょっとしたコードを共有するサービスが流行っています。今回はその一つ、Shortlyを紹介します。ユニークなのはShortlyはサーバサイドの仕組みを一切持たない点にあります。テキストエリアにコードを書きます。Save as U...

List

  • 2013/05/17

アスキーアートをはじめテキストの反転に「kagami」

kagamiは単語やアスキーアートを反転させるソフトウェアです。入力した文字を全て反転させるのは技術的には大したことはありません。しかし“いい感じに”逆転させろと言われたら悩むかも知れません。その一例としてkagamiを紹介します。サンプル。文字が全て逆になるという訳ではありません。こんな感じの鏡表示もできます。顔文字...

List

  • 2013/05/15

手軽にリアルタイムコラボレーションを実現する「幽玄」

幽玄はnode.jsとWebSocketを使ったテキストのリアルタイムコラボレーションソフトウェアです。Web上でコラボレーションできるテキストサービスは既に数多くありますが、幽玄はとてもシンプルに共有できる手軽なサービスになっています。専用のURLが生成されます。これを知り合いに伝えましょう。記述した内容はリアルタイ...

List

  • 2013/05/03

スタイルシートをドキュメント化する際にぜひ!「StyleDocco」

StyleDoccoはスタイルシート中に書いた設定をドキュメント化するソフトウェアです。Webデザインにおいてスタイルシートは欠かせません。Webサイトのスタイルシート設定をドキュメントにしたい時に使いたいのがStyleDoccoです。インストールします。デモです。右側にスタイルシート、左側にその説明が表示されています...

List

  • 2013/04/30

見やすいリファレンス生成。Ruby製のドキュメントシステム「YARD」

YARDはRubyのコードからドキュメントを生成するライブラリです。システム開発をしていて一定以上の規模になるとどうしてもドキュメントが欲しくなってきます。それは最低限必要なドキュメントの一つです。今回はコード中に書き込んだコメントからドキュメントを生成してくれるYARDを紹介します。インストールしました。yardoc...

List

  • 2013/04/26

JavaScriptでIMEの入力状態をチェック「LibIME」

LibIMEはオブジェクトに対するIME入力状態を検知できるJavaScriptライブラリです。タッチタイピングが苦手な人が下を向いて文字を入力し、顔を上げたら全て英語で入力されていて(またはその逆)ショックを受けた、なんてことは度々あります。それを防ぐのに使えるかもしれないのがLibIMEです。ime.statusで...

List

  • 2013/04/22

何十人でも同時に使えるリアルタイムコラボレーションテキストエディタ「Firepad」

FirepadはFirebaseをバックエンドに使ったリアルタイムコラボレーションテキストエディタWebアプリケーションです。Webの魅力と言えばリアルタイムコラボレーションです。そんな魅力を如実に理解できる実際にみんなで一つのコンテンツをいじくり回している時かも知れません。今回はテキストエディタであるFirepadを...

List

  • 2013/04/13

オープンソースライセンスを生成してライセンスを明確にしよう「OSS License Generator」

OSS License Generatorはオープンソースのライセンスファイルを生成するソフトウェアです。GitHubが流行るのにつれてソースコードを公開するソフトウェアが増えたのは良いのですが、ライセンスが明記されていないものも数多くなっています。そこで利用をお勧めしたいのがOSS License Generator...

List

  • 2013/04/02

JavaScriptで国際化処理をするのに便利「Pomo」

PomoはJavaScript製のgettextです。po/moファイルの読み込みに対応しています。プログラミングの出力するメッセージを国際化する際によく使われているのがgettextです。類似の仕組みを提供するJavaScriptライブラリは幾つかありますが、poファイルをそのまま読み込めるのがPomoです。ソースコ...

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と話します。こんな...