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

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

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

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

もっと見る

List

  • 2017/08/16

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

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

List

  • 2017/08/04

Mesh - 表データからJavaScriptコードを生成

JavaScriptのコードはコールバックが多かったり、処理した結果を関数で受け取ったりするので分かりづらいと感じるようです。もっと構造を分かりやすく分解して欲しいと思う方もいるでしょう。そこで使ってみたいのがMeshです。JavaScriptのコードを表計算の形で表現してくれる…何を言っているかよく分からないかも知れ...

List

  • 2017/08/01

PlantUML Editor - WebベースのUMLエディタ/ビューワー

個人的にはUMLは嫌いではありません。問題はビジュアルエディタと、UMLを非開発者層にまで理解させようとしたことにあります。開発者が開発者のためだけに用いるならばシステムの可視化は大きな意味があります。そんなUMLをテキストで作成し、さらに表示の確認までできるのがPlantUML Editorです。## PlantUM...

List

  • 2017/07/17

asciicast2gif - asciicastをアニメーションGIFに

ターミナルの入力をそのまま記録、再現してくれるasciicastは便利なサービスですが、ブログなどに埋め込みたいと思ってもJavaScriptが許可されていないケースも多いでしょう。GitHubのREADMEもそうです。そうした時にリンクだけ貼るのでは面白くありません。そこで使ってみたいのがasciicast2gifで...

List

  • 2017/07/17

JSON-Splora - GUIのJSONビューワー/エディタ

JSONの構造を確認するのは意外と面倒です。配列とオブジェクトを見分けるのも大変ですし、構造を間違えるとデータが取れなかったり、プログラムがエラーになってしまいます。構造が簡単に分かるようになっているとプログラミングも捗るでしょう。そこで使ってみたいのがJSON-Sploraです。GUIでJSON構造が簡単に分かるよう...

None

  • 2017/07/15

jsonsmash - ファイルシステムのような操作ができるJSONビューワー

Web APIを伴う開発を行う際にはJSONファイルを使うことが増えています。XMLに比べると冗長性がなく、サイズが小さくて済むのですが、改行などもなく見づらいのが難点です。そのため、データのある場所を間違えてしまって、うまく動かないなんてこともよくあります。そこで構造を確認するために使ってみたいのがjsonsmash...

List

  • 2017/06/28

docsify - 動的/静的両方に対応したドキュメントジェネレータ

APIやSDK、ライブラリなどにドキュメントは必須です。しかも読みやすく、分かりやすいドキュメントでなければなりません。デザインに凝るのではなく、可読性を重視して作られるべきです。そういったドキュメントはなかなか作るのは難しいでしょう。そこで使ってみたいのがdocsifyです。ドキュメントサイトを作るためのフレームワー...

None

  • 2017/06/25

SwiftFormat - Swiftのコードを見やすく整形

iOSアプリを開発するとなれば、最近ではSwiftを選ぶことが多いでしょう。個人で開発している人も多いですが、もっと多いのが企業でチーム開発している方々だと思います。そうしたチーム開発時において、コーディングスタンダードの存在は欠かせません。Swiftのコードをどう書くべきか、それを提示してくれるのがSwiftForm...

None

  • 2017/06/21

csviewer - フィルタリングもできるCSV閲覧コマンド

未だにシステム開発時にCSVファイルを扱うことは多いです。テキストエディタで見ても分かりづらいので、大抵はExcelなどの表計算ソフトウェアで閲覧します。しかし数字や日付を自動変換されてしまってイライラした経験がある人は多いはずです。そこで使ってみたいのがcsviewerです。CSVを閲覧するためのコマンドです。## ...

List

  • 2017/06/19

Safari Text2Link - URL風の文字列をクリッカブルに

Webブラウジングしていて、URLがテキストで書かれているケースがあります。2ちゃんねるなどではhttpではなくttpを使って自動リンクされないようにしている場合もあります。はっきりいってユーザビリティの低い仕組みに他なりません。そこで使ってみたいのがSafari Text2Linkです。URL風の文字列をクリック可能...

List

  • 2017/06/16

Hardbin - P2Pを使ったスニペットサービス

オンラインで情報を発信したいと思ったら、サーバを借りたり、クラウドに立てる必要があります。またはどこかのネットサービスを使う手もありますが、そのデータはネットサービスが終了する際に消失してしまったりします。そうした面倒さやリスクを避けて使えるテキストスニペットサービスがHardbinです。## Hardbinの使い方メ...

List

  • 2017/06/16

tScroll - 多彩なテキストアニメーションライブラリ

単なるテキストだと見過ごされてしまうかも知れません。そこで必要になるのが目立たせるための工夫です。文字の色を変えたり、フォントを変えたりすることもできますが、ちょっと安っぽくなってしまうこともあります。そこで使ってみたいのがtScrollです。文字をアニメーションさせることで印象づけるテクニックが使えます。## tSc...

List

  • 2017/06/04

FireEdit - Firebaseを使ったリアルタイム同期エディタ

リアルタイムに同期してくれるエディタは意外と便利です。会社で議事録を取っている場合、ペアプログラミング、ちょっとしたメモであっても同じディスプレイを見ずに共有できていると情報伝達が素早くなります。今回はFirebaseを用いることでサーバレスでリアルタイム同期できるエディタ環境を提供するFireEditを紹介します。#...

List

  • 2017/05/30

DevDocs App - オフラインでも使えるdevdocs.ioリーダー

開発者向けのドキュメントが揃ったdevdocs.ioは覚えておくと便利なサイトの一つです。しかしネットワークに繋がっている時しか使えないのは多少不便に感じます。そこでオフラインでも読めるドキュメントリーダーが必要になります。今回紹介するDevDocs Appもそんなdevdocs.ioリーダーの一つです。## DevD...

List

  • 2017/05/23

notable - Go製のシンプルなWebノートアプリ

ノートアプリケーションは世の中に多数あります。毎月のように新しいサービスが作られており、それぞれに特徴があります。どれか一つに定まらないということは、それぞれ理想とする世界が異なるためでしょう。今回紹介するのはnotable、シンプルなWebノートアプリケーションです。## notableの使い方最初にノート一覧が表示...

List

  • 2017/05/20

CodeCopy - GistやGitHubにあるコードを簡単にコピーできる機能拡張/亜ドン

GitHubやGistなどプログラミングコードが記載されているサイトにおいて、そのコードをコピーしたいと思うことは多々あります。マウスで選択しても良いのですが、最初や最後の文字がうまく選択できなかったりするとストレスを感じるでしょう。そこで使ってみたいのがCodeCopyです。コードのコピーが簡単にできるようになるGo...

List

  • 2017/05/15

Code Snipper - コード(スニペット)を画像化

GitHub Gistのようにオンラインでコードを書いておけるサービスはあります。しかし、埋め込みコードが自分のサイトでは使えないというケースは多々あります。JavaScriptタグを危険なものとして全般的に不可としてしまっているケースです。そこで使ってみたいのがCode Snipperです。コードを画像にしてくれるソ...

List

  • 2017/05/13

per-word-action - 単語や行ごとにデザインを変える

最近のWebサイトは多数のデバイス、多数の幅に合わせたレスポンシブデザインが求められてます。しかし幅が変わるとデザイナーの意図した描画にできない場合もあります。特にテキスト量に依存した処理は行数が変わると面倒です。一例として使えるのがper-word-actionです。行ごとにデザインを変えることができるライブラリです...

List

  • 2017/05/11

ShuffleText.js - マウスオーバーでテキストシャッフル

映画などでよく見られるテキストがシャッフルされて徐々に表示されていくアニメーション。単純に文字を表示するよりもインパクトがあって思わず目を引きつけられることでしょう。そんな演出が簡単にできるライブラリがShuffleText.jsになります。## ShuffleText.jsの使い方アニメーションGIFではちょっとした...

List

  • 2017/05/11

Commento - 自分で立てるコメントシステム

ブログやニュースサイトなどコメント機能が欲しくなることは多々あります。しかし静的サイトにおいてコメントシステムのために全体をプログラマブルにするのは面倒です。そこで使えるのが外部のコメントサービスです。有名なところではFacebookのコメントやDisqusなどがあります。もし自分で構築したいならばCommentoを使...