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

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

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

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

もっと見る

List

  • 2013/08/06

長い文字列を区切って表示「Readmore.js」

Readmore.jsはJavaScript製のオープンソース・ソフトウェアです。Webサイトを何らかのシステムを使って構築すると思いもしなかった入力が行われることがあります。その一つが文字列が予定よりも多く、ページが見づらくなってしまう場合です。そこで使ってみたいのがテキストの折りたたみ表示を行うReadmore.j...

List

  • 2013/08/02

WebベースのMarkdownエディタ「Dillinger」

Dillingerはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。WebベースのMarkdownエディタとしては@masuidriveさんの作成したwri.peがありますが、そのオープンソース版とも言えそうなのがDillingerです。トップページがそのまま編集画面になり...

List

  • 2013/08/02

Markdown/reStructuredTextのWebビューワー「meow」

meowはPython製のオープンソース・ソフトウェア(MIT License)です。Markdownなどのマークアップ言語が人気です。そのための専用エディタもありますが、使い慣れたエディタで書けて、プレビューだけで欲しいと思う方はmeowを使ってみましょう。Markdown/reStructuredTextに対応して...

List

  • 2013/08/01

Webブラウザ上でタイポグラフィをコントロール「kern.js」

kern.jsはJavaScript製、WTFPLのソフトウェアです。Webページ上にある文字が大きさを変えたり、配置を変更したらどう効果的になるか。それをWebブラウザ上で試せるのがkern.jsです。色々試すと、思いもしなかったインパクトあるデザインができるかも知れません。デモです。テキストの場所を変えたり、文字を...

List

  • 2013/07/26

JavaScriptによる自動振仮名入力「autokana」

autokanaはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。フォーム入力というのはユーザにとって相当なストレスになります。ちょっとでも面倒だと思うと諦めてしまいます。そこでなるべくユーザのストレスを減らして入力できるライブラリを用意すべきです。今回はフリガナ入力補...

List

  • 2013/07/20

ユーザ入力によるダイナミックな表示変更を実現「Tangle」

TangleはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。Webページ上の文字をJavaScriptによって動的に変更する表現が使われるようになってきました。しかしユーザの入力によって動的に複数の箇所をダイナミックに変更するのは手間がかかります。そこで使ってみたいのがTangleで...

List

  • 2013/07/11

PHP製のすぐに使えるスニペット管理「SnippetVamp」

SnippetVampはPHP製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。プログラミングをしていてコードを使い回したいと思うことは度々あります。DRYに反するかも知れませんが、プロジェクトごとに分かれていたり、テストで使うようなコードは度々使われます。そこで社内でスニペット管...

List

  • 2013/07/11

Web上でRubyの正規表現をチェック!「Rubex」

RubexはRuby/Sinatra製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。正規表現は開発者であれば誰しもが使えると思いますが、一度はハマった経験があるはずです。マッチするはずなのにマッチしなかったり、変なマッチをしたり…そんな正規表現の書き方をチェックできるソフトウェア...

List

  • 2013/07/06

マークアップの検証をJavaScriptで「HTML Inspector」

HTML InspectorはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。正しいマークアップは閲覧者、Webクローラーそしてそのコンテンツを取得するブラウザにとってもメリットがあります。作成したHTMLが正しく書かれているかチェックするWebサービスは数多...

List

  • 2013/07/04

漢文を表現するためのマークアップ&HTML変換「漢文訓読JavaScript」

漢文訓読JavaScriptはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。漢文をその原型を変えずに符号をつけることで日本語の語順になるように翻訳する作業を訓読と言います。その訓読結果をWeb上で簡潔に表現してくれるのが漢文訓読JavaScriptです。左に...

List

  • 2013/07/01

好きなテキストで突然の死を作成「Sudden-Death-ChromeExtention」

Sudden-Death-ChromeExtentionはGoogle Chrome用のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。TwitterのWeb版においても改行がサポートされるようになった時、みんなが行ったのが“突然の死”祭でした。常に突然の死であれば問題ありませんが、...

List

  • 2013/06/29

コンテンツを見たままに編集できるHTML5のツールバー「popline」

poplineはJavaScript製のオープンソース・ソフトウェア(MIT License)です。最近のCMSの流行はWYSIWYGな環境です。見たままに、その場で編集できるスタイルは分かりやすくて便利です。今回はストレスフリーでコンテンツの編集が可能なpoplineを紹介します。コンテンツの表示されている状態です。...

List

  • 2013/06/25

Ruby on RailsシステムのWeb APIドキュメントを生成「Apipie-rails」

Apipie-railsはRuby/Ruby on Rails用のオープンソース・ソフトウェア(MIT License)です。システムのドキュメンテーションは一定の規模になってくると必然的に必要になります。特にRESTfulなどでWeb APIを提供している場合はそうです。そこでフレームワークにRuby on Rail...

List

  • 2013/06/15

時限削除にも対応したスニペット「Stikked」

StikkedはPHP製のソフトウェア()です。スニペット系のサービスはちょっとしたコードや、エラーメッセージなどを記録しておくのに便利です。今回はPHPで作られた多機能なスニペットサービス、Stikkedを紹介します。メイン画面です。ユーザ名を入れたり、言語の指定、削除までの日数を決められます。貼付けたスニペットです...

List

  • 2013/06/06

集中して物書きに励むためのテキストエリア拡張「WideArea」

WideAreaはJavaScript製のオープンソース・ソフトウェア(MIT License)です。集中できる環境を作るためには、まず不要な情報を一切隠さなければなりません。また、余計な色があったりすると目移りしてしまってつい気がまぎれてしまいます。それはWebブラウザでも同様です。そこで今回紹介したいのはWideA...

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を紹介します。サンプル。文字が全て逆になるという訳ではありません。こんな感じの鏡表示もできます。顔文字...