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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

None

  • Premium_s 2016/06/10

業務で使えるオープンソース(194)「WebGL」

今回のテーマはWebGLです。HTML5が普及し、その中でWebGLも使いやすくなってきました。iOS9でもWebGLがサポートされたこともあって、スマートフォンでもWebGLコンテンツが普及しはじめています。今回はそんなWebGLの使われ方と、関連オープンソース・ソフトウェアを紹介します。### ゲームWebGLと聞...

List

  • 2016/06/10

Spy - Webページ中でのユーザの動きをトラッキング

アクセス解析を使うとユーザがどう回遊しているか分かります。しかし、ページの中でどういう風に動いているかは分かりません。そこで何か問題にあってページを閉じてしまっている可能性もあります。そんなユーザの操作を記録、再現してくれるのがSpyです。アクセス解析と組み合わせて使ってみると面白そうです。## Spyの使い方Spyの...

List

  • 2016/06/10

Bootstrap Clean Dashboard Theme - 管理画面に向いたBootstrap製ダッシュボードテンプレート

Bootstrapが最もよく使われるのは個人のWebサービス、そして企業の管理画面ではないでしょうか。そこまでデザインがよくある必要はないですが、見逃し防止の一覧性やグラフの見やすさなどが求められます。そんなBootstrapを使った管理画面テンプレート、Bootstrap Clean Dashboard Themeを...

List

  • 2016/06/09

React Storybook - Reactアプリのコンポーネント開発にお供に!

Reactの開発ではデータの状態が大事で、保存しておかなければリロードすると元に戻ってしまいます。これでは状態が遷移していく中で開発していると何かと厄介です。かといって、そのためにデータを変更するのも面倒です。そこで使ってみたいのがReact Storybookです。ストーリーという単位を使ってデータの状態を分けて管理...

List

  • 2016/06/09

Blueprint: Vertical Timeline - スタイリッシュな縦型タイムラインデザイン

Webサイトの記念的なエントリーやページを作成する際には縦向けのタイムラインがよく使われます。Webページは縦にスクロールされるものが多いので、一番上が過去とすれば、スクロールするごとに経過時間をたどれるようになります。そんなサイトを作る際に使えるのがBlueprint: Vertical Timelineです。センス...

List

  • 2016/06/08

CalcSS3 - CSS3で作られた実際に使える計算機

CSS3を駆使すれば、驚くほどの機能が実現できます。JavaScriptはブラウザでオフにされることがありますが、CSSは殆どオフになりません。そのため、JavaScriptが使えなくとも動くというのは大きな利点があります。今回紹介するオープンソース・ソフトウェアはCalcSS3、CSS3で作られたiPhoneの計算機...

List

  • 2016/06/08

CrossUI - 多数のブラウザに対応したWebアプリケーション開発ライブラリ

Web技術が進歩していることもあって、これまでローカルでないと実現しなかったようなUI、機能などがWebブラウザ上でできるようになっています。とは言え、それはできるという話であって、実現しようとすればかなり大変なのは間違いありません。特にUIやJavaScriptと連携させた動きの制御は苦労が伴います。そこで使ってみた...

None

  • Premium_s 2016/06/08

React Europe 2016レポート

ここ最近、海外のカンファレンスに足繁く通うようにしているのですが、今回はパリで開催されたReact Europe 2016に参加してきました。Reactは言わずと知れたFacebook製のUIライブラリですが、React Nativeによってアプリ開発まで対応できるようになったことで一気に利用者が増えている感があります...

List

  • 2016/06/07

face to gif - Webカメラを使って簡単にアニメーションGIF作成

アニメーションGIFを作る方法は幾つかありますが、多くの場合は動画を用意して、それを変換して作成します。すでに動画があればいいですが、イチから作成する際にスマートフォンを使ったりするのは面倒です。何よりスマートフォンは高画質なので動画のサイズが大きくなってしまいます。そこで使ってみたいのがface to gifです。W...

List

  • 2016/06/07

Editor - Web用のMarkdownエディタ

世の中、Markdownばかりになってきました。その効果として、コンテンツが増えたり、関連ツールも多数出てきています。特にMarkdownエディタについてはかつてのWikiのように多数の言語で実装されるようになっています。今回紹介するEditorもその一つですが、単独で動くものではなくWebサイトに埋め込んで使うタイプ...

List

  • 2016/06/06

mailtrain - 自分でホスティングできるニュース配信サービス

インターネット上に様々なコミュニケーション手段はあれど、メールはまだまだ根強い人気があります。特に購読するまでもないのだけれど、サービスがローンチするなどのアップデートがあれば知りたいという際には便利です。そんなニュースレターシステムを構築できるのがmailtrainです。MailChimp風のシステムとなっています。...

List

  • 2016/06/06

Natika - PHP製の開発者向けフォーラム

フォーラムや掲示板と呼ばれるシステムはインターネットの黎明期から存在します。BBSとか、ゲストブックと呼ばれた時もあります(ゲストブックは双方向じゃないかも知れませんが)。今なお、インターネット上におけるコミュニケーションの基本となっています。今回はPHPで作られたフォーラム、Natikaを紹介します。特に開発者向けに...

None

  • Premium_s 2016/06/06

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

先月のまとめです。過去分は以下の通りです。- 01月Tumblrはコンテンツを簡単にシェアしたり、公開できるとあってとても人気のあるサービスとなっています。さらにテーマがカスタマイズできるとあって、自由度が高さも売りとなっています。今回はそんなTumblrテーマの一つ、長雨を紹介します。特に和なコンテンツを公開していく...

List

  • 2016/06/05

MML-editor - Webブラウザ上でMMLを作成、実行

MMLというのはMusic Macro Languageの略で、音楽を表現するためのDSLになります。コマンドがシンプルで、C〜Bがドレミファソラシドに紐付いています。他にも多数用意されているコマンドを使って音楽を奏でます。通常、MMLで作成したファイルをコンパイラを使って音楽ファイルに変換するのですが、MML-edi...

List

  • 2016/06/05

あるリポジトリからの脱出 - Gitリポジトリを使った脱出ゲーム

ここ数年、脱出ゲームが流行っています。コンピュータゲームはもとより、実際のマンションや東京ドームを使った大掛かりなものも人気です。手探りで解決するものもあれば、ヒントを元に捜査しながら進めるものもあります。今回はプログラマ向けの脱出ゲームと言える、あるリポジトリからの脱出を紹介します。利用するのはなんとGitリポジトリ...

None

  • 2016/06/04

Slackpolice - Slackの整頓スクリプト

Slackはフローなサービスなので、日々蓄積されていくメッセージやデータに対してあまりメンテナンスをかけようと思わないでしょう。その結果、テンポラリで作られたチャンネルや、大量の添付ファイルに埋もれていきます。そうしたムダなデータを掃除してくれるスクリプトがSlackpoliceです。面倒なクリーンアップを自動的に行っ...

List

  • 2016/06/04

Sprint.ly Kanban - シンプルなカンバンシステム

最近のプロジェクト管理と言えばアジャイルが好まれ、その際のタスク管理にカンバンを用いるケースが増えています。カンバンはタスクの進捗がビジュアル化されるので、誰の目にも状況が明らかになるのが利点です。そんなカンバンをWebベースで提供するのがSprint.ly Kanbanです。HTML5を使い、ドラッグ&ドロップなど多...

None

  • 2016/06/03

airtar - AirDrop風にファイルを送受信できるコマンド

コンピュータ同士でファイルを渡し合うという手段は意外と面倒です。メールは厄介ですし、Dropboxを使うにしてもまず共有設定がいります。小さなファイルを幾つもアップロードするのも面倒でしょう。そこで使ってみたいのがairtarです。ローカルネットワークにつながったコンピュータ同士でファイルの交換ができます。## air...

List

  • 2016/06/03

Umlaut - PlantUMLをその場で画像化するUMLエディタ

UMLの失敗(失礼)はGUIツールを必要としたことではないでしょうか。大抵その手のツールが効果であったり、使いこなすのに時間が必要で、そういった面倒さが離れてしまうのに繋がったのではないかと思います。しかしシステムのビジュアル化としては良い仕組みであったと思います。問題は記述法で、テキストベースで書けていれば変わったか...

None

  • 2016/06/02

Cash - サイズが1/10なjQuery代替

jQueryは古い、重いなどと言われつつも今なお一番使われているライブラリなのではないでしょうか。それだけ便利で使い勝手が良いということです。ただしみんなが全機能を使っているかと言われると怪しい気がします。使っている機能がDOM操作ばかりなのであればCashに切り替えても良いかもしれません。Cashは軽量なjQuery...