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

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

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

2017/06/23
効率的なIT教育(セキュリティ・プライバシー)の方法
2017/06/21
業務で使えるオープンソース(231)「Q&A」
2017/06/14
ノンモチベーション仕事術のススメ

もっと見る

List

  • 2016/09/06

ClipBoard - Flashいらずなクリップボード操作ライブラリ

Webにおいて常に問題視されるのがクリップボードの扱いです。テキストや画像をコピーするためにいつも選択するのは面倒ですし、HTMLの装飾までくっついてきてしまうのも難点です。そこで使ってみたいのがClipBoardです。Flashを使っていないクリップボード操作ライブラリです。## ClipBoardの使い方簡単な使い...

List

  • 2016/09/05

Mojik - 日本語文章の可読性を向上させるJavaScript

Webにおける日本語はちょっとした工夫が読みやすくなります。例えば日本語と英単語の間には半角スペースを空けた方が良いでしょう。また、全角括弧を使うと間が空きすぎてあまり良くないのですが、半角では詰まりすぎるといった具合です。そうした日本語の文章におけるちょっとした問題を解決してくれるのがMojikです。和文の文字組を上...

List

  • 2016/09/05

EME - シンプルでエレガントなMarkdownエディタ

Markdownエディタはこの1年ほどで幾つも登場しました。Markdownをパースするライブラリは増えており、実装がそれほど難しくないこともあり、エディタ部にそれぞれ工夫をこらして実装されています。今回はエレガントなMarkdownエディタと銘打たれたEMEを紹介します。## EMEの使い方メイン画面です。とてもシン...

List

  • 2016/09/04

flappy-bird - HTML5製のFlappy Birdクローン

有名なサービスはすぐに真似されます。パクリというと悪い印象がありますが、技術者にしてみると真似することでその中で使われている技術、デザインを実践的に学べるという利点があります。今回紹介するflappy-birdはその名の通り、Flappy Birdを真似したソフトウェアです。特徴としてはReactを使ってHTML5アプ...

List

  • 2016/09/04

express-status-monitor - Express製のステータスモニター

最近では多くのサービスがステータスを公開しています。問題が起こればすぐに分かりますし、トラフィックが上がっているか、APIが正常に動作しているか開発者も簡単に理解できます。今回はExpressで作ったサービスに簡単に組み込めるexpress-status-monitorを紹介します。## express-status-...

None

  • 2016/09/03

gron - JSONをgrepしやすくするCLIツール

JSONはXMLと比べると見やすいですが、そのままでは可読性があまり高くありません。システム用のフォーマットだからと言えばそれまでですが、開発中などは人が読む機会も多いはずです。そこで使ってみたいのがgronです。JSONを変換したり、grepして読みやすくしてくれるコマンドです。## gronの使い方まずは標準の方法...

List

  • 2016/09/03

Kissui.scrollanim - CSS3/JavaScriptによるスクロールアニメーション

SPA(シングルページアプリケーション)で効果的なのがスクロールに伴うアニメーションです。ページ全体が長くなりがちなので、アニメーションを盛り込むことで変化をつけられるようになります。今回紹介するKissui.scrollanimはCSS3ベースのアニメーションライブラリになります。高速でスムーズなアニメーションが実現...

None

  • 2016/09/02

ShiftJS - SwiftのコードをJavaScriptに変換

JavaScriptは好みの分かれるプログラミング言語です。特にコンパイル系の言語を書いてきた人に嫌がられる傾向があります。また、コールバックや非同期の仕組みも好まれない傾向があります。もしSwiftエンジニアがどうしてもJavaScriptを書かなければならないとしたら使ってみたいのがShiftJSです。## Shi...

None

  • Premium_s 2016/09/02

2016年08月の人気ソフトウェアまとめ

先月のまとめです。過去分は以下の通りです。- 01月システム開発において全体増を把握するというのはとても大変なことです。しかし全体が把握できないままに開発を行っていくと余計な不具合が発生する可能性があります。とは言え、これまでのシステム全体図は分かりづらいものが多かったでしょう。そうした悩みを抱えている方はPyagra...

List

  • 2016/09/02

Monaco Editor - VS Codeでも使われているWebベースのプログラミングエディタ

Web上でコードを書けるサービスが増えています。そのままファイルとして保存したり、クラウド上で実行できるようになっています。そうした時にデフォルトのテキストエリアを使っていては全く書く気がなくなってしまうでしょう。そこで使ってみたいのがMonaco Editorです。Microsoft製のプログラミングエディタVS C...

List

  • 2016/09/01

audio2video - 音楽ファイルを動画に変換

自分の音楽をもっと聴いてもらいたいと思った時にも動画共有サイトが利用できます。しかしYouTubeなどはMP3ファイルをアップロードできないので、MPEG4などに変換する必要があります。そんな時、動画部分は画像でも何でも良いですが用意しなければなりません。そこで使ってみたいのがaudio2videoです。音楽ファイルを...

List

  • 2016/09/01

Invoice Printer - Rubyスクリプトで作るシンプルなPDF帳票

日本(だけとは限りませんが)の帳票に対するこだわりは異常です。ちょっとしたずれさえ認められなかったり、判子の位置などにこだわったりします。その殆どがこだわったとしても意味のないものです。同じように感じる人にお勧めなのがInvoice Printerです。定型ですが、とても簡単に請求書が作成できます。## Invoice...

List

  • 2016/08/31

Barba.js - ページ遷移をアニメーションで実行

Webページは一般的にリンクをクリックするとURLが変わってページ全体が再読み込みされます。ページのローディングも時間がかかりますし、ユーザビリティとしてイケてるとは言いがたいでしょう。そこで使ってみたいのがBarba.jsです。URLをクリックした時のページ遷移をアニメーションをまじえつつ行ってくれます。## Bar...

List

  • 2016/08/31

Froala WYSIWYG HTML Editor - 綺麗なデザインのWYSIWYGエディタ

昔のWYSIWYGエディタと言うとツールバーに多くの機能が並んでおり、生成されるHTMLは相当分かりづらいものでした。機能が豊富すぎたために表示速度が重たかったり、一般ユーザにとっても混乱しかねないものだったと思います。現在ではずいぶん進化しており、すっきりとしたデザインで使いやすいものが増えています。今回はFroal...

None

  • Premium_s 2016/08/30

交換制企業内勉強会のススメ

数年前にはやり、今も多くの企業で行われている社内勉強会。全員が持ち回りで新しい技術を紹介するような形で行われているかと思います。しかし、多くの企業においてあまり長続きしません。理由としてはネタが枯渇してしまうことがあります。そこでお勧めしたいのが交換制の企業内勉強会です。これは複数の企業において、相手の会社を訪問して発...

List

  • 2016/08/30

SimcirJS - Webベースの電子回路シミュレータ

最近IoTに注目が集まっています。自分でもセンサーやマイコンを買って試してみたという方もいるのではないでしょうか。しかしコンピュータ上のプログラミングとは異なり、簡単には動かないケースも多々あります。それを解決するために一度はシミュレータで試してみてはいかがでしょう。SimcirJSを使えばWeb上で回路図を作成できま...

List

  • 2016/08/30

Di-ary - LaTeXとMarkdownが同時に使えるメモアプリケーション

単にメモを取るアプリケーションであれば数多くあります。それだけに何らかの特徴を持たせる必要があるでしょう。例えばアーキテクチャを工夫しても良いでしょうし、機能的な特徴でも考えられます。今回紹介するのはDi-ary、Ruby on Rails製のノートアプリケーションです。技術的、機能的な特徴のあるソフトウェアです。##...

List

  • 2016/08/29

TextDiff class - PHP製の差分ライブラリ

プログラマーであれば誰もがDiff(差分)表示のお世話になっているはずです。しかし多くの場合、差分表示はバージョン管理と密接な関係にあります。差分表示を行うためにバージョン管理に登録するなんてこともあります。もっと手軽に差分表示を使いたいと思うならばTextDiff classを使ってみましょう。PHP製、Webベース...

List

  • 2016/08/29

Holmes - ページ内の情報を素早く検索

サイト検索は常に問題になります。Web全体を対象とするならばGoogleでも良いでしょう。その反動か、サイト独自の検索は突然使い勝手が悪く感じられるものです。少しでも使いやすい検索を提供しないとユーザは離れてしまいます。今回はJavaScriptベースのページ内検索、Holmesを紹介します。JavaScriptだけあ...

List

  • 2016/08/28

yolog - Gitのログを見やすく表示

Gitリポジトリを使ってバージョン管理しているプログラマは多いかと思います。バージョン管理するメリットの一つにログを確認できるというのがあるでしょう。しかしGitのログ表示はそれほど見やすいものはありません。単純に一覧されるだけなので、もっと詳しく知りたいと思ったら別なツールを使っているのではないでしょうか。そこで使っ...