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

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

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

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

もっと見る

List

  • 2016/03/05

ipod - node.jsで音楽を再生

最近、CLI界隈ではnodeかGoを使ったコマンドが多いように思います。特にnodeではこれまでコンソール上では難しかった画像などのメディアファイルを扱うものもあります。今回はまたちょっと違うメディアです。ipodはなんと、nodeで音楽ファイル(MP3)を扱ってしまうソフトウェアです。## ipodの使い方インストー...

List

  • 2016/03/04

Himawari.js - 気象衛星ヒマワリの画像をアニメーション化

宇宙からの映像はとても神秘的で、いつまで見ていても飽きないものです。さらにそれが画像ではなく、動画であったりするとインパクトがまったく違うものになってきます。今回紹介するHimawari.jsは気象衛星ヒマワリの画像をダウンロードし、ダイナミックな地球の変化を描き出してくれます。## Himawari.jsの使い方Hi...

None

  • Premium_s 2016/03/04

業務で使えるオープンソース(182)「埋め込み表示」

Webは元々ドキュメント同士をリンクでつなぐ仕組みでしたが、今は外部のサイトに自社コンテンツを埋め込んで表示する(またはその逆)も普通になっています。ユーザとしてはわざわざサイトを訪問せずに済むのが利点です。今回はそんな埋め込み表示をサポートするライブラリ、その特性について紹介します。### iframe表示が主流にか...

List

  • 2016/03/04

skadi - シンプルなカンバンシステム

最近の開発プロジェクトではアジャイル開発を取り入れることが増えています。そして、イテレーションを設定して、その期間でやるべきタスクを設計します。もし残ってしまった場合はバックログとして管理し、次のイテレーションに回されます。そうしたタスクの管理法に最適なのがカンバン方式と呼ばれますが、今回紹介するskadiはカンバン方...

List

  • 2016/03/03

wdt-emoji-bundle - Slack風に絵文字を扱う

最近、絵文字を使えるサービスが増えてきました。SMSやスマートフォンアプリではだけでなく、GitHubやFacebook、Slackなどでも絵文字をサポートしています。今回はそんな絵文字を使いやすくしてくれるwdt-emoji-bundleを紹介します。テキストを絵文字に変換してくれるソフトウェアです。## wdt-e...

List

  • 2016/03/03

Chrome クリーンアップ ツール - Google Chromeのブラウジング環境をクリーンナップ

Google Chromeは開発者を中心として人気あるブラウザです。しかし外部のソフトウェアの影響によって、動作が不安定になることがあります。場合によっては意図せずインストールしたマルウェア的ソフトウェアもあるでしょう。そんな時には今回紹介するChrome クリーンアップ ツールを使って環境を自動的にリフレッシュしてみ...

List

  • 2016/03/02

Pingendo - Bootstrap専用オーサリングツール

Boostrapはプログラマーであっても規則に沿って書いていくだけでモダンなUIのWebアプリケーション、Webサイトが素早くデザインできます。しかし規則すら覚えるのが面倒、もっと手軽に作っていきたいと考える人も多いでしょう。そんな方にお勧めなのがPingendo、Bootstrap専用のオーサリングツールです。## ...

List

  • 2016/03/02

Bulma - Flexboxを使ったCSS3デザインフレームワーク

HTMLのデザインフレームワークが増えてきました。どれもコンセプトが異なるので、自分に合ったものを選択するのが大事です。今回はBulmaというCSSフレームワークを紹介します。機能は多くありませんが、必要十分に備わっています。## Bulmaの使い方スクリーンショットを多めに紹介します。まずは基本となるグリッドです。!

None

  • Premium_s 2016/03/01

業務で使えるオープンソース(181)「Webオフィス」

今回のテーマはWebオフィスです。ドキュメント作成、表計算、スライドの作成など企業内で求められる文書作成がWeb上でできるようになっています。Google DriveやOffice 365のようにWebサービスで提供されているものもありますが、今回はオープンソース・ソフトウェアを中心に紹介します。その利点は次のようにな...

List

  • 2016/03/01

Pixel Art to CSS - スタイルシートで出力できるドット絵エディタ

ピクセルアート、いわゆるドット絵は昔から変わらず人気があります。今のゲーム機ではほとんど見られなくなりましたが、Webやスマートフォンアプリでは使われていたりします。そんなドット絵を作るためのエディタがPixel Art to CSSです。特徴はReactJSで作られていること、さらにCSSで出力できることです。## ...

List

  • 2016/03/01

Clairvoyance - CSSカバレッジツール

Webサイトの運営を続けていると、徐々にスタイルシートが汚くなっていきます。使われているか使われていないかの判断がしづらいので、消せずに追加するのみだからです。プログラミング言語であればコードカバレッジによってコードの利用状況が確認できます。そこで同じような仕組みであるClairvoyanceを使ってみましょう。## ...

List

  • 2016/02/29

Timelined - CSS3で作られた縦型のタイムライン表示

Twitterでもタイムライン形式の表示を採用するという噂があります。最近、多くのソーシャル系サイトでタイムライン形式の表示が採用されています。もし自分のサイトでもタイムライン形式の表示を行いたいならばTimelinedを使ってみましょう。## Timelinedの使い方Timelinedのデモです。一つの線に沿って左...

List

  • 2016/02/29

pageSwitch - 多彩なアニメーションが指定できるページ切り替え

SPA(Single Page Application)ではページの切り替わり時にアニメーションしながら表示することが多いです。それによって一連の動作に流れが生まれ、継続的に使い続けられます。ページを切り替える際のアニメーションは多数ありますが、pageSwitchを使えば多彩なアニメーションから選んで実装できます。#...

List

  • 2016/02/28

Viewer.js - 多彩なアクションが設定できるJavaScript製画像ビューワー

スマートフォンが流行るのに伴って画像コンテンツが増えています。普段、何気ない場面でもとりあえず撮影しておくといった人は多いのではないでしょうか。次に考えるべきは見せ方です。FlickrやFacebookにアップするだけでなく、自分のサイトで効果的に見せるためにViewer.jsを使ってみましょう。## Viewer.j...

List

  • 2016/02/28

HotDrink - JavaScript製のMVVMフレームワーク

WebアプリケーションがJavaScriptを活用することによってどんどんリッチになっています。そうした中で、徐々にMVCを使ったフレームワークに注目が集まっています。さらにMVCの派生パターンとしてMVVM(Model-View-ViewModel)が知られています。今回はそのフレームワークとして作られているHotD...

List

  • 2016/02/27

python-pptx - PythonでPowerPointファイルを生成

開発者であってもプレゼンを作らないといけないことがありますよね。外部の勉強会であれば好きなツールが使えますが、企業であるとPowerPointが必須になるでしょう。そこでPowerPointのファイルが生成できるpython-pptxを使ってみましょう。プログラマブルにスライドが作れるようになります。## python...

List

  • 2016/02/27

voxel.css - ここまでできる!CSS3製ボクセル

マインクラフトに代表される、立方体をボクセルと呼びます。単なる立方体をながら、模様があり、それを積み重ねることで様々な造形を可能にしています。そんなボクセルをCSS3を駆使して可能にしているのがvoxel.cssです。Webベースのボクセルエンジン開発が進みそうです。## voxel.cssの使い方トップページです。こ...

List

  • 2016/02/26

MediumEditor - MediumクローンのWYSIWYGエディタ

ブログサービスとして人気のMedium。書きやすさがとても大事で、それはデザインやフォントサイズなど様々な面に表現されます。そんなMediumの使っているWYSIWYGクローンと言えるのがMediumEditorです。## MediumEditorの使い方デモです。シンプルで分かりやすいです。!

None

  • Premium_s 2016/02/26

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

今月のまとめです。過去分は以下の通りです。- 1月Mac OSXやiOSで使えるAirDropは便利で、近くにいる人(デバイス)と簡単にファイルを送りあうことができます。AndroidやWindowsなど、他のデバイスでも同じことがしたいと思うケースは多々あります。擬似的に似たようなことができるアプリもあるのですが、S...

List

  • 2016/02/26

Open landings - オープンソース向けランディングページ生成

プロジェクトのトップページを作るというのは意外と面倒です。オープンソースでREADMEファイルを作るのすら精一杯なのに、さらに細かなデザインまで考えるのは大変なことでしょう。そこでさくっと終わらせられるOpen landingsを使ってみましょう。オープンソース・プロジェクトであればお勧めです。## Open land...