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

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

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

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

もっと見る

List

  • 2017/04/09

Touch Bar Simulator - Xcode不要なタッチバーシミュレータ

筆者は一世代前のMacBook Proを使っているのでタッチバーがありません。しかし最近はタッチバーを使うソフトウェアが増えており、紹介するためには何らかの形でタッチバーが使えないといけません。そこで便利なのがシミュレータです。今回は開発者にとっても便利なTouch Bar Simulatorを紹介します。## Tou...

List

  • 2017/04/08

Pomolectron - Electron製の常駐型ポモドーロタイマー

集中して作業を行うのにお勧めなのがポモドーロテクニックです。通常はキッチンタイマーを使って、25分間集中して作業します。様々な形態のポモドーロテクニックが存在し、スマートフォンアプリやデスクトップアプリ、Webベースなど多彩です。自分が使いやすいものを選ぶのがベストですが、今回はElectronベースのPomolect...

List

  • 2017/04/08

jQuery File Browser - Webベースのファイルブラウザ

ユーザ向けにストレージに開放しているサービスの場合、ファイル一覧やファイルを開くような機能を提供したいと思うでしょう。かといって使い勝手の良いインタフェースは難しく、ツリービューを使ったりします。もっとインタラクティブなファイル管理機能を提供したいならばjQuery File Browserを使ってみましょう。## j...

List

  • 2017/04/07

PDFAnno - WebベースのPDF注釈ツール

PDFは基本的に編集できないようになっているので、何か指摘したい時には注釈やコメントという手段になります。macOS標準のプレビューではPDFに注釈を付ける機能があったり、多くのソフトウェアにそういった機能があります。今回紹介するオープンソース・ソフトウェアはPDFAnno、WebベースのPDF注釈ソフトウェアです。#...

51925?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2017%2f03%2fopen-source-frame+player-3.e52945e92d3ab47666a373fcf0a7d2c7

  • 2017/04/06

Frame Player - 画像を使った動画風プレイヤー

Web上で再生できる動画と言えばMPEG4やWebM、さらにアニメーションGIFがあげられます。基本的に流れている動画はそのまま使われ、制御できるのは再生や音量くらいとなっています。もっと細かく制御できる動画(のようなもの)を使いたい時にはFrame Playerを使うというテクニックがあります。## Frame Pl...

List

  • 2017/04/05

Konva - Canvas上で2Dを描くのに便利なライブラリ

HTML5の表現力を引き上げる技術にCanvasがあります。しかし使うこなすためには覚えるべきことがたくさんあります。DOMで作るようにCanvasは使えないのが難点です。しかしCanvas用のライブラリも多数存在します。今回はその一つ、Konvaを紹介します。2D向けのCanvas用ライブラリです。## Konvaの...

List

  • 2017/04/04

Propeller - Bootstrapベースのマテリアルデザインテンプレート

ちょっとしたWebサイトであればBootstrapをベースにすればデザインを一から作る必要がなくなっています。プロトタイプはもちろんのこと、数多あるBootstrap用テーマを使えば、十分高品質なWebサイトが作れるでしょう。今回はそんなBootstrapのテーマを紹介します。マテリアルデザインになっているPropel...

List

  • 2017/04/04

GitNoted - GitHub Wikiをコンテンツにするドキュメントサーバ

開発用ドキュメントなどをどこに書いておくか、それは常に問題になります。Markdownで書いて静的サイトに変換しても良いですし、CMSを使う手もあります。Googleサイトのような無料で使えるサービスもあります。そんな中、今回はGitHubのWikiをCMSとして使うGitNotedを紹介します。## GitNoted...

List

  • 2017/04/03

Simon - メニューバー常駐型のシステムステータス表示

コンピュータを使っていて、システム情報が気になることは多々あります。そのためのシステム監視を行うソフトウェアも常駐型であったり、細かなデータが取れるものなど様々に存在します。今回紹介するSimonはPythonで作られた、スクリプトベースのシステムモニタリングソフトウェアです。## Simonの使い方起動するとメニュー...

List

  • 2017/04/02

Pen - WYSIWYGなMarkdownエディタ

最近Dropbox Paperというサービスが気に入っています。特にMarkdown風の記法で、WYSIWYGに編集できるのが便利です。しかしオフラインで使えないのは大きな問題で、これが解決できると便利だと感じることでしょう。そこでWYSIWYGなMarkdownエディタを探しているのですが、その中で出会ったのがPen...

List

  • 2017/03/31

fmt-obj - JSONを見やすく整形

Web APIを使うのが当たり前になり、送受信されるデータフォーマットとしてJSONがよく使われるようになっています。JSONはXMLに比べると冗長性がない分、分かりやすいのですが、それでも人が見て内容がすぐに分かるというものではありません。そこで使ってみたいのがfmt-objです。JSONを分かりやすい形に整形してく...

List

  • 2017/03/29

Gutenberg - Webページの印刷用フレームワーク

Webの印刷機能は貧弱です。そのため多くのレポートはHTMLではなくPDFなどに出力されます。日本の業務システムは特に印刷内容の細かい制御が求められるのではないでしょうか(経済合理性はさておき)。もっと手軽に印刷指定を行いたい、という方はGutenbergを使ってみましょう。モダンな印刷を実現するためのフレームワークで...

List

  • 2017/03/27

Resumable.js - HTML5 File APIを使ったリジューム付きファイルアップローダー

Webで面倒に感じるのがファイルのアップロードです。特に途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。そこで使ってみたいのがResumable.jsです。HTML5のFile APIを使ってリジューム機能を実...

List

  • 2017/03/27

Console Importer - DevToolsで外部ライブラリをインポート

Google Chromeの開発者ツールを使っていて、外部のライブラリを使いたいと感じることは多々あります。そんな時にはJavaScriptのコードをすべて貼り付けたり、スタイルシートを動的に生成して読み込む手があります。しかし毎回やるのは面倒です。そこで使ってみたいのがConsole Importerです。簡単に外部...

List

  • 2017/03/26

Smart Answers - インタラクティブに進めて答えが得られるシステム

世の中には計算が若干面倒という場面が多々あります。例えば通貨の換算であったり、カロリーの計算なども面倒でしょう。そうした時、ロジカルに考えていく方法が分かっていれば、考えるプロセスはとてもシンプルになります。そうした思考プロセスを補助してくれるソフトウェアがSmart Answersになります。## Smart Ans...

List

  • 2017/03/26

ffscreencast - ピクチャインピクチャのスクリーンキャストを簡単に

実況動画などで一つの動画上に別な動画(Webカメラの映像など)を載せることがあります。いわゆるピクチャインピクチャですが、自分で作成しようと思うと意外と面倒です。スクリーンキャストしながらWebカメラの映像を録画しなければならず、後で時間を合わせて結合しなければなりません。そこで使ってみたいのがffscreencast...

List

  • 2017/03/25

macSVG - macOS用のSVGエディタ

SVGがいくらテキストベースだといっても、手入力で作成しようと考える人はまずいないでしょう。専用のドローソフトウェアがなかったらとても作ることはできません。かといってその手のソフトウェアは効果なのが常です。そこで使ってみたいのがmacSVGです。GUIで簡単にSVGコンテンツが作成できます。## macSVGの使い方新...

List

  • 2017/03/24

LayaAir - 一つの言語からFlash/HTML5/モバイル向けにコード出力できるアニメーションエンジン

HTML5によって(またはiOSによって)Flashは絶滅に瀕しています。問題はFlashがなくなった後の世界でいかに効果的なアニメーションやインタラクティブな操作を実現できるかです。HTML5でできますが、非常に面倒でしょう。そこで使ってみたいのがLayaAirです。ゲームやアニメーションで使えるレンダリングを行って...

List

  • 2017/03/24

Blear - 写真をぼかして印象的な壁紙を生成

iPhoneの壁紙はこだわっていますか。筆者は全くなので、ほぼデフォルトのまま過ごしているのですが人によって毎週のように変更している人もいます。その際に選ぶのは自分のアルバムからと言う人も多いでしょう。そんな方に使ってみて欲しいのがBlearです。写真をぼかして印象的な壁紙を生成します。## Blearの使い方起動しま...

List

  • 2017/03/23

Monster Hunter Pocket - モンハンにインスパイアされたミニゲーム

ゲームは一つだけの目的では長続きしません。時に変化となるようなちょっとしたおまけがあると良いでしょう。それはボーナスゲームであったり、サブクエストだったりします。ミニゲームもその一つです。今回紹介するMonster Hunter Pocketはモンスターハンターにインスパイアされたミニゲームになります。## Monst...