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

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

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

2017/10/03
面倒な仕事は分解しよう
2017/09/26
人と違うことをしよう
2017/09/20
アウトプット重視の働き方

もっと見る

List

  • 2016/07/16

Star Wars Intro - スターウォーズのイントロをスタイルシートだけで再現

みんな大好きなスターウォーズ。そしてスターウォーズと言えば、映画開始直後のオープニングの演出は誰もが知っているところだと思います。あの瞬間からスターウォーズの世界に引き込まれていくことでしょう。そんなスターウォーズのイントロをCSSだけで再現したのがStar Wars Introです。ぜひご覧ください!## Star ...

List

  • 2016/07/15

ranger - Vim風のファイルマネージャ

機能が豊富なテキストエディタにはファイルマネージャ機能がついてきます。普段からテキストエディタを使っているプログラマーにすると、そのファイルマネージャの操作に慣れ親しんでいることもあって、他のソフトウェアでも同じようにファイル操作したくなります。今回はVIMに慣れている方に使ってみて欲しい、rangerを紹介します。V...

None

  • Premium_s 2016/07/15

見積もりの精度を上げる方法

人は見積もりが苦手です。1週間で終わると目論んでいたのが1ヶ月かかったり、5月末でローンチできるはずがずるずる伸びて未だにローンチできていない…なんてことも良く聞かれます。そこで見積もりの精度をあげる方法について紹介します。精度が上がればプロジェクトの進行もスムーズになり、メンバーのストレスも軽減されることでしょう。#...

List

  • 2016/07/15

awsm.css - 標準タグのみを使った綺麗なデザインフレームワーク

HTMLタグにはそれぞれに意味があります。その意味を活かしたデザインを行うことで、SEOのようにコンピュータはもちろんスクリーンリーダーなどでも使いやすいコンテンツに仕上がります。しかし多くの場合、デザイン上の理由で全く関係のないタグが使われることがあります。そこで使ってみたいのがawsm.cssです。## awsm....

List

  • 2016/07/14

nginx-pages - nginxで実現するGitHub Pages

GitHub Pagesはとても便利な仕組みです。特定のリポジトリにおいてgh-pagesというブランチを作成するだけでそのままリポジトリの内容が公開できます。静的サイトを公開するのであれば、それくらい手軽であるべきでしょう。今回紹介するオープンソース・ソフトウェアはnginx-pages、nginx上でGitHub ...

List

  • 2016/07/14

konawiki3 - PHP製のシンプルなWikiエンジン

Wikiエンジンはこれまでに多数紹介してきましたが、未だに尽きることなく定期的に新しいものが登場してきます。それはフレームワークであったり新しいアーキテクチャ、プログラミング言語によるところが大きいと思われます。今回紹介するWikiエンジンはkonawiki3、PHP製のエンジンとなっています。シンプルですが、それだけ...

List

  • 2016/07/13

GitPHP - PHP製のGitビューワー

GitHubではGitリポジトリビューワーが備わっています。使い勝手は悪くありませんが、GitHub自身が頻繁にデザインを変更している通り、まだまだ使いやすくする余地はありそうです。GitリポジトリはGitHubでもビューワーは別でも良いかもしれません。一つの鍵になるのが自分の好きな言語ではないでしょうか。自分でカスタ...

List

  • 2016/07/13

attache - Herokuも使える画像アップロードサーバ

ファイルのアップロードというのは意外と厄介な問題です。保存するストレージを逼迫しますし、ユーザがアップロードしたファイルがそのまま使える訳でもありません。スマートフォンの性能向上に伴ってサイズが格段に大きくなっているのも問題です。そこで使ってみたいのがattacheです。ファイルアップロードと画像加工をセットにしたソフ...

None

  • Premium_s 2016/07/13

良い休み方と悪い休み方

間もなく夏休みやお盆など、夏期休暇がはじまります。人によってはそんな余裕は全くないという方もいるかと思いますが、もしかするとある程度まとめて休みが取れるという方もいるかも知れません。そんな方にしてもきちんと予定を立てている人もいれば、単に休むだけという方もいるでしょう。そんな特に予定がないという方向けに良い休み方、悪い...

List

  • 2016/07/12

executor editor - JavaScriptを実行できる埋め込み型エディタ

かつてWebブラウザ上で任意のJavaScriptを実行しようと思ったらアドレスバーに入力するしかありませんでした。今はDevToolsが使えるようになり、自由にJavaScriptが実行できます。しかしこれはまだ開発者向けであって一般ユーザ向けではありません。そこで使ってみたいのがWebブラウザ上で任意のJavaSc...

List

  • 2016/07/12

MailDev - ビューワー付きの開発用メールサーバ

システム開発においてメール送信を行うことは多々あります。しかしメールは間違って送信してしまうと取り返しのつかないもので、開発者であれば誰しも一度は誤送信を経験したことがあるのではないでしょうか。そこで使ってみたいのがMailDevです。開発用のメールサーバで、送信したメールの内容確認もできるソフトウェアです。## Ma...

List

  • 2016/07/11

Pokémon Engine - ポケモンを舞台にしたMMO

ポケモンは世界的に人気のゲームです。新しい新作はもちろんのこと、旧作であっても今なおプレイする人たちがいます。個人で楽しんでも良いですし、育てたモンスターでバトルをするとさらに盛り上がるでしょう。そんなポケモンをMMOとして再現しようとしているのがPokémon Engineです。WebGLを使い、綺麗なグラフィックス...

List

  • 2016/07/11

Alloy - タスク管理×Webブラウザ

仕事をタスクをこなすのにWebブラウザで捜し物をしたり、開発用のサイトにアクセスするといった具合にタスクによって利用するサイトを変えるという人は多いのではないでしょうか。そんな方に使ってみて欲しいのがAlloyです。まだ開発初期段階のWebブラウザですが、タスクベースという特徴をもっています。## Alloyの使い方こ...

List

  • 2016/07/10

GPU.js - GPUを使ったアニメーションライブラリ

Webブラウザ上で3Dをぐりぐりと動かすようなアニメーションを作る場合、WebGLを使うのは基本として、処理においてもGPUを使う方が効率的になります。とはいえ、GPUを使ってどう処理を行えば良いのか分からないことでしょうそこで使ってみたいのがGPU対応のライブラリです。今回はアニメーションライブラリとしてGPU.js...

List

  • 2016/07/10

Roc - React/Reduxを使ったnodeフレームワーク

Reactを使ってみたいと思うプログラマはたくさんいると思うのですが、いざちゃんとしたものを作ろうと思うとフレームワークの存在に悩むことになります。Reduxを使うとしてもどういう組み合わせ、ディレクトリ構成でやるのがベストなのか分かりづらかったりします。そこで使ってみたいのがRocです。React/Reduxを使った...

List

  • 2016/07/09

Xi Editor - Google製のRustを使ったテキストエディタ

最近導入が増えているプログラミング言語としてGoやRustがあります。新しいプログラミング言語を学ぶのはプログラマーにとって楽しいことですし、言語特有のテクニックを学ぶことで新しい開発方法を知ることもできます。今回はRustで作られたテキストエディタ、Xi Editorを紹介します。Googleが開発しているRust製...

List

  • 2016/07/09

Chain - Webベースのビジュアルプログラミング環境

タブレットが普及するのに伴ってビジュアルプログラミングに注目が集まっています。小学生や中学生向けのプログラミング学習として使われるのはもちろん、よりプログラミング学習の敷居を下げられるのが魅力的です。今回はビジュアルプログラミング環境の一つとして、Chainを紹介します。Webブラウザ上で動くのですぐに試せるのが魅力に...

None

  • Premium_s 2016/07/08

そんな先まで決める必要がある?決めない選択

仕様書であったり、年間計画、四半期毎の計画など組織は計画を立てるのが好きな存在です。しかし、そこに所属する人たちというのは計画通りに進むコマではありません。大抵問題が勃発し、計画はずれていきます。多くの場合悪い方向にずれます。今回はそもそも計画を立てないという施策についてです。無計画という訳ではありませんが、計画のずれ...

List

  • 2016/07/08

GitHub Wiki Live Edit - GitHub Wikiにリアルタイムプレビューを追加

GitHubにはバージョン管理したい文書とは別で、Wikiによるコンテンツ管理機能が提供されています。Markdownをはじめとして各種記法を使って書けるので、手軽なCMSとして使っている人も多いのではないでしょうか。このエディタはタブを切り替えて編集とプレビューを確認します。多くのエディタで実装されている左右表示での...

List

  • 2016/07/08

IdeaSpace - VRコンテンツ用CMS

Webサイトの基本と言えばCMS(コンテンツ・マネージメント・システム)です。しかしすべて同じCMSで良いかと言えばそうではなく、C(コンテンツ)によってシステムの選定は分かれるべきです。今回紹介するIdeaSpace、今話題性のあるVR向けコンテンツを管理するCMSです。## IdeaSpaceの使い方管理画面です。...