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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2017/09/04

Medis - Electron製のRedis管理インタフェース

キュー管理やKVSとしてRedisを使うケースが増えています。オンメモリのKVSながらデータの保存をサポートしているのも特徴で、データの永続化も可能と使い勝手良いシステムです。そんなRedisの管理インタフェースがMedisです。シンプルなUIで使い勝手が良いソフトウェアです。## Medisの使い方接続画面です。SS...

List

  • 2017/09/03

upterm - Electron製、21世紀のターミナル

ターミナルは何をお使いですか。個人的には色々試したのですが、結局macOS標準のTerminalでいいやと落ち着いてしまっています。iTerm2も有名ですが、普段使っている作業は殆どがサーバ上のことなので敢えて多機能である必要がなかったりします。しかしそんな前時代から進化しないものではなく、革新的なターミナルを試したい...

None

  • 2017/09/03

misspell - ソースコード専門のスペルミスチェッカー

英語圏に住む人であっても英語のスペルミスをします。むしろ日本人が日本語で文章を書くように、普段ずっと英文を書く中ではスペルミスがたくさんあるでしょう。コードの中でもそんな発見は良く目にするのではないでしょうか。今回は特にソースコードに特化したスペルミス発見器、misspellを紹介します。## misspellの使い方...

List

  • 2017/09/02

Chartkick.js - 多数のグラフに対応したラッパーライブラリ

Webシステムで一番苦労させられるのがグラフではないでしょうか。HTMLの表現力が上がったと言っても、コードを書かなければなりません。特にグラフやチャートになるとコード量も増えがちです。そこで使ってみたいのがChartkick.jsです。多くのパターンに対応したクライアントサイドのグラフライブラリです。## Chart...

List

  • 2017/09/02

CharCanvas.js - 計算処理を使ってアスキーアートを描画

アスキーアートを描くのは専用のエディタを使うほど、手間がかかる作業になります。記号を組み合わせてイラストを描きますのでペイントほど柔軟にはいきません。慣れるまでに相当な時間を要するでしょう。そこで使ってみたいのがCharCanvas.jsです。計算によってアスキーアートを作成します。## CharCanvas.jsの使...

List

  • 2017/09/01

PxView - React Native製のpixivブラウザ

多くの絵描きさんが集まっているpixiv。公式にもスマートフォンアプリは提供されていますが、自分好みじゃないという方もいるでしょう。特に広告などが入っていると気になってしまう人はいるでしょう。そんな方はPxViewを使ってみてはいかがでしょう。React Nativeで作られたAndorid/iOS用のpixivクライ...

List

  • 2017/09/01

openKB - node/MarkdownによるFAQシステム

Webは疑問を解消するのに使えますが、そのためには疑問(とその回答)をまずどこかに載せておく必要があります。最近ではQ&Aが人気ですが、それでもよくある質問についてはFAQのが役立つ場合があります。そこで使ってみたいのがopenKBです。自社のFAQシステムを構築するのに使えるでしょう。## openKBの使い方トップ...

None

  • 2017/08/31

markdownlint-cli - より良いMarkdownドキュメントを目指す

Markdownは柔軟な記法をサポートしています。なんとなく書いてもそれっぽく表示されます。しかし、会社などで何人もMarkdownを使うようになると一定の統一された基準が必要になるでしょう。そこで使ってみたいのがmarkdownlint-cliです。MarkdownのLintツールかつCLIになります。## mark...

List

  • 2017/08/31

CodeSandbox - Reactのオンラインプレイグラウンド

Reactの勉強をしたいと思ったとしても、環境の準備に色々と手間がかかっていたらやる気がなくなってしまうでしょう。その途中でエラーが出たり、nodeのバージョンが古いなどと警告が出たりしても萎えてしまいます。そこで使ってみたいのがCodeSandboxです。オンラインでReactの記述と実行ができるプレイグラウンドです...

List

  • 2017/08/30

Git Point - React Native製のGitHubクライアント

GitHubは単なるコードリポジトリサービスではありません。よく使っているプロジェクトの動向をチェックしたり、気になる開発者をフォローしたりできます。スターはちょっとした応援になります。そんなGitHubをiPhone/Androidの中で使えるGit Pointを紹介します。## Git Pointの使い方起動してG...

List

  • 2017/08/29

CSS SANS - 時代を表現するCSS製フォント

CSS3によって多くのデザインがCSSだけで実現できるようになっています。しかしまだまだできないことも存在します。その一つがフォントです。複雑でバランスが大事なフォントはWeb Fontを使って表現するのが基本です。そんな中作られたのがCSS SANSです。CSSだけで作られた、「時代によって変わる」がコンセプトのフォ...

List

  • 2017/08/28

octohint - GitHub上のコードでインテリセンスを提供

IDEを使う魅力の一つが関数や変数の説明を表示してくれるインテリセンスにあるのではないでしょうか。入力補完と異なり、すでに入力されているものに対して説明を付与してくれます。コードリーディングで非常に役立つでしょう。そんなインテリセンスをGitHub上のコードに対して提供してくれるのがoctohintになります。## o...

List

  • 2017/08/28

Web Audio Synth V2 - Web上でシンセサイザーを操作

HTML5によって新しく追加された技術にWeb Audioがあります。その名の通り、Web上で音楽を奏でるためのAPIですが、利用が難しいものとなっています。だからこそ使いこなすと凄いソフトウェアができます。今回紹介するWeb Audio Synth V2はまさにWeb Audioを使い、シンセサイザーを作り上げてしま...

List

  • 2017/08/27

gtop - ターミナル上のシステムダッシュボード

システム管理者はシステム全体のステータスを把握する必要があります。そのためにサーバ側データを送信して可視化するダッシュボードソフトウェアがたくさんあります。しかしデータをあえて飛ばすことなく、ターミナル上でそのまま確認できるのがgtopです。## gtopの使い方メイン画面です。!

List

  • 2017/08/26

JSconsole - DevToolsで任意のJavaScriptライブラリを読み込む

Google Chromeのコンソールを使うと、通常見ているWebサイト以上の操作ができるようになります。jQueryが使えればDOMはいじり放題になりますし、Ajaxなどの確認も容易です。しかし入っていない場合はdocumentを直接いじったり、scriptタグを追加したりしなければなりません。そこで使ってみたいのが...

None

  • 2017/08/25

cnps - connpass参加者を分析しよう

日本で一番使われている勉強会の集客サイトと言えばconnpassですが、各勉強会で集まってくれている人たちを正しく分析しているでしょうか。ただの一見さんなのか、常連なのかきちんと分かっていますか。そんな参加者の可視化をしてくれるのがcnpsです。勉強会を開催することが多い方はぜひ分析してみましょう。## cnpsの使い...

List

  • 2017/08/24

image-compressor - Webブラウザ上で画像圧縮

スマートフォンのカメラの性能が大幅に向上し、1ファイルのサイズが肥大化する傾向にあります。JPEGなのである程度圧縮がかかっているものの、それでも数MBあったりします。ブログなどで使うのであれば、正直そこまでの品質や画像の大きさは不要でしょう。そこで使ってみたいのがimage-compressorです。Webブラウザベ...

List

  • 2017/08/22

o-grid - グリッドだけ提供するCSSライブラリ

最近のレスポンシブWebデザインを支えるのはグリッドデザインです。画面幅を幾つかに分割し(大抵12個が多いですが)、画面幅によってその内幾つのブロックを横に並べて表示するかを決定します。多彩なUIフレームワークと共に提供されることが多いですが、今回はごく基本的なグリッド機能だけ提供するo-gridを紹介します。## o...

List

  • 2017/08/21

VUESTIC - Vue.jsを使ったシステム管理画面テンプレート

Webサービスを作っていて、必要になるのが管理画面です。多くは開発工程の最後に回されて、予算もないために簡易的な画面で作られます。しかしより良い管理を行うためには管理画面もこだわりたいものです。今回はVue.jsを使った管理画面、VUESTICを紹介します。## VUESTICの使い方トップページです。アイコンが大きめ...

List

  • 2017/08/20

chalk-animation - ターミナル上でカラフルなテキストアニメーション

時にソフトウェアの中には、役には立たなくとも見ていて面白いものが存在します。また、開発者としてはそれを見て、実際にはどんなところに使えそうか考えてみるのも面白いでしょう。今回はchalk-animation、ターミナル上でテキストアニメーションを流せるソフトウェアを紹介します。## chalk-animationの使い...