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

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

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

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

もっと見る

List

  • 2017/04/20

Grid Garden - CSS Grid Layout Moduleについて学べる学習ソフトウェア

CSSの使い方をちゃんと覚えるというのは大変です。しかも日々進化しており、新しいプロパティが追加されたりします。もちろんすぐに汎用的に使える訳ではありませんが、先進的なブラウザからどんどん導入が進んでいきます。放置しておくとあっという間に時代に取り残されてしまうでしょう。今回紹介するGrid GardenはCSS Gr...

List

  • 2017/04/20

Robotopia - ロボットを操作しながらプログラミングを学習

小中学生に向けにプログラミングを学習できるコンテンツやサービスが増えています。一昔前であればBASICやCを使っていきなりコーディングをしていたと思いますが、今時であればビジュアルプログラミングからはじめるのが基本でしょう。今回紹介するRobotopiaもそんなビジュアルプログラミング言語の一つです。お題に沿って進める...

List

  • 2017/04/19

BigPicture - YouTubeやVimeoにも対応した画像/動画表示ライブラリ

画像や動画は見せ方が大事です。単にリンクを貼って、クリックしたら画像だけが表示される…なんてのはよくありません。最近は画像の解像度が上がっているので、サムネイルと実際の写真とをうまく見せる必要があります。今回紹介するBigPictureはWebベースの画像、動画表示ライブラリになります。## BigPictureの使い...

List

  • 2017/04/18

Kobito OSS - MarkdownエディタKobitoのオープンソース版

Kobitoと言えばQiitaを運営するIncrementsが提供するMarkdownエディタです。Qiitaとの連携もできますし、ローカルだけでコンテンツを書きためることもできます。個人用のメモとしても便利です。そんなKobitoがオープンソースになったのがKobito OSSになります。## Kobito OSSの...

List

  • 2017/04/16

create-dmg - Mac OSXのイメージファイルを一発作成

macOSではソフトウェアの配布時にイメージファイルを使うことが多いです。圧縮率も高く、特に何のソフトウェアを用意することもなく使えるので便利です。しかしアプリをビルドした後、イメージファイル化するのが面倒に感じている方もいるでしょう。そこで使ってみたいのがcreate-dmgです。アプリケーションを簡単にイメージファ...

List

  • 2017/04/15

Chessboardjs - JavaScriptで制御できるWebチェスボード

チェスは将棋に並んで人気がある、全世界で楽しまれているゲームです。それだけにプレイヤーも国内だけでなく世界中に存在します。むしろ海外発祥なのもあり、レベルが高いのは海外の人たちになるでしょう。世界中の人たちとチェスを楽しもうと思ったらWebブラウザを使うのが一番手軽です。そんな時に使えるのがChessboardjsにな...

List

  • 2017/04/14

AsciiMath - テキストを数式に整形

学術的なものに限らず、Web上で数式を扱いたいと思うことは多々あります。Webの標準における表現力はとても乏しいので、括弧や^などを使った数式の組み立てではとても分かりづらいでしょう。そこで使ってみたいのがAsciiMathです。テキストベースの数式を見やすく整形してくれます。## AsciiMathの使い方デモです。...

List

  • 2017/04/13

ZOMEKI - Rails製。地方自治体向けのCMS

誰でも使いやすいWebサイト、というのは誰もが考えるものですが、なかなか実現するのは難しいものです。特にITリテラシーの低い層まで含んで考えると新しいデザインや技術には取り組みづらくなるでしょう。今回は広くあまねく考えざるを得ない自治体向けのCMS、ZOMEKIを紹介します。## ZOMEKIの使い方利用者向けの画面で...

List

  • 2017/04/10

jExcel - Webに埋め込んで使えるExcel風表計算

業務システムなどで一覧表を表示する場合、主に2パターンあると考えます。一つは画面全体に表示する検索結果的な画面、もう一つはマスター管理など小さな表を幾つか並べる場合です。今回紹介するjExcelはどちらかというと後者の、小さな表を埋め込み表示するのに便利なライブラリです。## jExcelの使い方こんな感じに表示できま...

List

  • 2017/04/10

Screenbar - 定期的にスクリーンショットを撮影&保存

モノができあがっていく過程というのはとても面白いものです。特にタイムラプスのような形で刻々と移り変わっていく様子が描かれると見ていてわくわくします。これはWebデザイン、システム開発などコンピュータ上でも変わりません。今回はそんな時に使えそうな、定期的にスクリーンショットを撮ってくれるScreenbarを紹介します。#...

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...