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

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

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

2017/08/16
孫子的プロジェクト管理術
2017/08/16
2017年07月の人気ソフトウェアまとめ
2017/08/14
変化に強い人になる

もっと見る

List

  • 2017/08/01

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

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

List

  • 2017/07/31

Sirius UI - Bootstrap/Vue.jsを組み合わせたUIデザインテンプレート

UIライブラリは幾つ知っておいても役立つものです。Webサイトの雰囲気に合わせてピックアップしたり、機能によって差別化もできるでしょう。すべての要件を一つのUIフレームワークで達成できる訳ではありませんので、色々知っておくとぴたりと当てはまる場面があるはずです。今回はSirius UIというUIフレームワークを紹介しま...

List

  • 2017/07/31

ExportToExcel - Web上でデータをExcelにエクスポート

Webブラウザでデータをダウンロードしたいというニーズはよくあります。データフォーマットとしては幾つもありますが、特に要望が多いのはExcelフォーマットではないでしょうか。CSVでも良いですが、より使いやすいフォーマットのはずです。そこで使ってみたいのがExportToExcelです。クライアントサイドでExcelフ...

List

  • 2017/07/30

pell - 1KBの軽量なWYSIWYGエディタ

Webでコンテンツを公開するのが当たり前になっている一方、HTMLを習得している割合はそれほど高くありません。そのため、コンテンツを作成する負荷を軽減するためWYSIWYGエディタの存在は大事になっています。今回はpellというエディタを紹介します。わずか1KBという軽量なライブラリです。## pellの使い方こちらが...

List

  • 2017/07/30

eul - メジャーなメッセージングサービスに対応したGUIクライアント

メッセージアプリが増えすぎです。企業やプロジェクトごとにSkype/Facebook Messenger/LINE/Slack/チャットワーク/Googleハングアウト/XMPP/Viber/VKなどを使い分けていないでしょうか。そんな状態に辟易しはじめた開発者が作ったのがeul、メッセージクライアントのメタツールにな...

List

  • 2017/07/29

Faao - GitHubのIssue/Pull Requestビューワー

GitHubでは多くのデータがWeb APIで取れるようになっています。しかもトークンを使うことで取得できるデータの制限を自分で行えるようになっています。データの作成については制限も多いですが、取得については自由度が高いです。そんなGitHubの仕組みを使って作られているのがFaao、GitHubのIssue/Pull...

List

  • 2017/07/29

BotUI - Web上で作るボット対話UI

ボット系サービスにおいて大事なのはボットとの対話インタフェースです。何かこちらが疑問を投げかけると、それに対してボットが答えます。最近の質はAIによって急激に向上していますが、対話インタフェースはずっと昔から変わりません。今回紹介するBotUIはそんなボットとの対話インタフェースをWeb上で手軽に実装できるライブラリで...

List

  • 2017/07/28

Kactus - デザイナー向けのGitクライアント

プログラマーはGitをはじめとするバージョン管理の恩恵を強く感じているでしょう。しかし開発に携わる方はプログラマーだけではありません。デザイナーだってもっとGitを使いこなしたいと思っているはずです。そんなデザイナーの中で、Sketchを使っている方にお勧めなクライアントがKactusです。## Kactusの使い方最...

List

  • 2017/07/28

gpu.js - WebブラウザでGPUを手軽に扱えるようにするライブラリ

GPUは単純な計算処理などを行うのに適しています。アニメーションのような処理も得意です。最近ではAIのモデル作成などにGPUが注目されていますが、CSS3アニメーションなどWebブラウザでも利用できる場面が数多くあります。今回紹介するgpu.jsはそんなGPUによる計算処理を手軽に実現できるようにするJavaScrip...

List

  • 2017/07/27

Comicbed - ブラウザベースのコミックリーダー

電子書籍は様々なデバイスで表示できるようになっています。DRMが使われているとWebブラウザで表示するのは難しいですが、PDFであれば殆どのWebブラウザで表示できますし、PDF.jsのようにPDFをJavaScriptから扱えるライブラリもあります。今回はそんなPDFが使えるコミックリーダー、Comicbedを紹介し...

None

  • 2017/07/27

androidify - HTMLファイルをAndroidアプリ化

Webサイトをスマートフォンアプリ化して欲しいという要望は非常に良く聞かれます。それを可能にする技術としてCordovaがよく知られていますが、多少癖があると感じる人もいます。もっと簡単に、単にHTMLをラップするだけで十分というケースもあるでしょう。そこで使ってみたいのがandroidifyです。コマンド一つでHTM...

List

  • 2017/07/26

repost - みんなで投稿する日報システム

日報が日本独自のシステムなのか分かりませんが、日々の作業記録をつけるのは大事なことです。記録しておかないと後で振り返ることもできず、自分の成長を知ることさえできなくなります。蓄積は日々行わなければなりません。そこで使ってみたいのがrepostです。repostは日報システムになります。## repostの使い方repo...

List

  • 2017/07/26

CrankStarter - Kickstarterクローン

Kickstarterで出資をしたことがあるでしょうか。まさに未来のプロダクトや作品が並んでおり、ついつい参加したくなってしまいます。納期が遅れるのは当たり前で、むしろ予定を過ぎてからが本番とさえ言えます。中には破綻して届かないものもありますが…。そんなKickstarter風のサイトを立ち上げてみたかったらCrank...

None

  • Premium_s 2017/07/26

変化の激しい技術の中での戦い方

ここ数年、新しいフレームワークであったり新しいプログラミング言語が多数登場しています。そんな中で新しい技術に手を出してはトレンドが変わって一気に意味がなくなってしまった…という経験は誰しもがあるのではないでしょうか。今回はそんな激しい変動の中で戦うための方法を紹介します。## 枯れるのを待ついきなり消極的な話ですが。企...

None

  • Premium_s 2017/07/25

Web上でJavaScript以外の言語を使う

JavaScriptはWebブラウザ上で動作することを保証された唯一のプログラミング言語です。かつてはプラグインの仕組みもありましたが、HTML5になってプラグインはほぼ使われなくなっています。GoogleはDartを開発していましたが、Chromeへの組み込みは断念しています。そんな中にあって、Webブラウザ上でJa...

None

  • 2017/07/25

node-gmail-watcher - Gmailに新着メールがあったらプログラムをキック

メーラーを使っていると、新着メールが来ると通知が来るでしょう。これは便利ですが、常に通知がベストという訳ではありません。場合によってSlackに情報が欲しい場合もあれば、社内システムに書き込んで欲しいこともあるでしょう。そうしたメール受信に合わせてシステムを実行するのに向いているのがnode-gmail-watcher...

List

  • 2017/07/25

Propeller - レスポンシブ/マテリアルデザイン対応の管理画面テンプレート

最近のWebデザインのトレンドはどんどんアプリ風に、複雑になっています。レスポンシブWebデザインによって、画面幅を意識したデザインになり、さらにマテリアルデザインによってユーザのアクションを意識するようになっています。これをすべて実装したサイトのデザインはとても難しいでしょう。そこで使ってみたいのがPropeller...

None

  • 2017/07/25

npm-icon-gen - スマートフォンアプリ/Webサイト用のアイコンファイルをまとめて生成

スマートフォンやWebサイトなどアイコンを使う機会は多いですが、それらはプラットフォームなどによってサイズがすべて違います。iOSであってもデバイスの画面の大きさや解像度によって異なります。これを一つ一つ作るのは大変です。そこで一つのSVG画像さえ用意すれば後は自動で生成してくれるnpm-icon-genを使いましょう...

List

  • 2017/07/24

textbringer - Ruby製のEmacs風エディタ

今はプログラミングエディタが多数ありますが、かつてはVi/VimかEmacsかと言われるほど人気が二分化していました。個人的にはEmacs派なのですが、昨今の新しい技術に対応していくために泣く泣くAtomに移行しています(Visual Studio CodeのEmacsバインドが微妙なため)。そんな中、でてきたのがte...

List

  • 2017/07/24

jquery-rsSlideIt - 2D/3Dでダイナミックなスライド切り替え

よりインパクトのあるスライドを目指すならば一つ一つのスライドはもちろん、そのスライドの切り替えにもこだわると良いでしょう。ダイナミックなアニメーションがあると目を引くプレゼンテーションにつながるはずです。今回紹介するjquery-rsSlideItはjQueryプラグインとして作られたスライド切り替えライブラリです。#...