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

List

  • 2018/09/07

jsPlumb - Web上で情報の関連性を表現

情報の関連性を表現する際にフローチャートが便利です。常に1対1の関係ではなく、分かれたり、交差したりすることもあるでしょう。情報の関連性がビジュアル化されることで、理解度が格段に増します。そこで使ってみたいのがjsPlumbです。情報を接続して表現できるソフトウェアです。## jsPlumbの使い方フローチャートの例。...

List

  • 2018/08/01

Mindmapp - Electron製のクロスプラットフォームで使えるマインドマップ

マインドマップは考えを整理するのに便利なチャートです。頭で悶々と考えている内容をどんどんアウトプットするためにも、ユーザビリティが高く、使い勝手がいいものを選ぶのが良いでしょう。そこで今回はMindmappを紹介します。シンプルで手軽に使えそうなマインドマップアプリです。## Mindmappの使い方メイン画面です。!

List

  • 2018/05/04

Text2MindMap - テキストで記述するマインドマップ

マインドマップは思考整理ツールとしてよく使われますが、ビジュアルにこだわりはじめると考えを整理するよりも並びであったり、ノードの見た目にこだわったりしてしまいます。これは思考の邪魔になるでしょう。そこで使ってみたいのがText2MindMapです。テキストで記述してビジュアルで確認できるマインドマップソフトウェアです。...

List

  • 2017/06/24

kityminder - 高機能なWebベースのマインドマップ

マインドマップは思考整理ために必須ツールです。紙や画面に書き出すことで、思考の漏れを省き、網羅的に考えられるようになります。コツとしてはいきなり深く考えるのではなく、満遍なくドリルダウンしていくことです。今回はWebブラウザで使えるkityminderを紹介します。十分使える機能が揃っています。## kityminde...

None

  • 2017/06/24

業務で使えるオープンソース(232)「モックアップ」

今回のテーマはモックアップです。Webサイトやスマートフォンアプリなどを作る際に、いきなり細かなデザインに入るのではなくまずモックアップと呼ばれる簡易的なデモを作ってみるのが一般的です。それを何度か見直し、修正した上で形になったと判断して実際のプロダクトを作り始めます。そんなモックアップを作るためのツール、関連オープン...

List

  • 2017/04/14

Slidium - MarkdownベースのスライドをGUIで作成

最近Markdownを使ってスライドを作る方が増えています。テキストで作れるので手軽な一方、テキストベースなのでデザインにこだわれないのが欠点です。ビジュアルにこだわる場合は画像などを使わなければなりません。そこで使ってみたいのがSlidiumです。Markdownベースながら、可視化にもこだわったスライド作成ソフトウ...

None

  • Premium_s 2016/08/13

網羅的思考の罠とその対策

システムを設計する際に求められるのが網羅的思考です。ある事象に対する対応策を網羅的に考えることで、仕様上の隙をなくし、エラーを回避しようとする考え方です。多くの思考法(マインドマップなど)が網羅性を重要視しています。しかし個人的にはあまりお勧めしていません。そこで今回は網羅的思考の問題と、その解決策を紹介します。## ...

None

  • Premium_s 2016/04/27

手を動かす癖をつけるために

新しいサービス、プロダクトを考えついてもなかなか実行に動かせないといった経験はないでしょうか。30代、40代になってくるとシステムを幾つも構築した経験から、あれこれ悩んでしまう癖がついています。その結果、悶々と悩んでいるだけで終わってしまうことが多くなります。そんな悪循環から脱するために注意したい7つのことをピックアッ...

None

  • Premium_s 2016/01/29

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

今年はじめての人気ソフトウェアまとめです。大きなオープンソース・ソフトウェアは出てこなかったものの、Slack系のツールなど実用性あるソフトウェアが多かったのではないでしょうか。すぐにでも仕事で使えそうなソフトウェアをぜひ。### Togelack - Slack用Togetterプログラマであれば普段からお世話になっ...

List

  • Premium_s 2016/01/28

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

今回のテーマはSVGです。ずっと昔から存在はしつつもブラウザで標準サポートされなかったために日の目を見る事がなかったSVGもHTML5でサポートされるようになって徐々に採用ケースが増えてきています。そこで今回はSVGの良さと関連オープンソース・ソフトウェアを紹介します。## 拡大、縮小しても綺麗最近はRetinaをはじ...

List

  • 2016/01/23

MindMapIt - リストを編集して表示はマインドマップで

マインドマップソフトウェアは数多くありますが、その多くはビジュアル的な編集を行うものとなっています。確かに見た目はいいのですが、サイズが大きくなると編集が面倒に感じます。そこでプログラマーで向きなMindMapItを紹介します。テキストを編集してマインドマップに反映していくタイプのソフトウェアです。## MindMap...

List

  • 2016/01/06

Treed - React製のツリービュー&エディタ

一つのノードから枝葉を伸ばしていく、いわゆるツリービューは様々な場面で使えます。有名なところではマインドマップがありますが、階層構造を表すのにぴったりな仕組みです。そんなツリービューを自由に組み込めるようにしたのがTreedです。React製なのも見逃せないポイントです。## Treedの使い方デモです。左側は編集がで...

None

  • Premium_s 2015/08/25

アイディアの生み出し方

MOONGIFTは一人で仕事をしてきたこともあり、多くの時間を企画やアイディアを生み出すことに充てています。実際の作業ベースになると人数の揃った企業にはとても敵わないためです。その代わりアイディアに関しては決して見劣りしないと自負しています。そんなMOONGIFTが行っている最初のアイディアをどう生み出すのか、そのコツ...

List

  • 2015/05/27

Freehold - LAN内に立てたいファイル/データ管理サーバ

今はクラウドサービスが数多く存在します。ITリテラシーの高い人たちは個々のセキュリティリスクを考えつつ、組み合わせて使うことができますが、不慣れな人たちは選択肢の多さに辟易してしまうのではないでしょうか。Freeholdはそんなサービス達を統合し、一つのサーバ上で提供してくれるサービスです。データを保存したり、マインド...

49293?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2015%2f03%2fscreenshot%25202015-03-03%25209.55.10_thumb.e5a00aa050a5ab167373969c04185fa7

  • Premium_s 2015/03/31

2015年03月の人気ソフトウェアまとめ

今回は3月の人気ソフトウェアまとめです。過去分はこちら。- 1月今月はJavaScriptのネタが人気を集めたように見えます。何でもJavaScriptという流れはちょっと怖いところもありますが、それでも他の言語と合わせてJavaScriptを抑えておくというのは大事でしょう。React.rb – ReactをRuby...

List

  • 2015/03/29

Twine – ストーリーを整理するノートアプリ

プレゼンテーションは単純にスライドを並べてたんたんと説明していけば良いわけではありません。全体を通して一つのストーリーが必要です。ストーリーが一貫して提供されてこそ、聞き手は納得し、理解を深めることができます。そんな納得感あるストーリーを作るのに適したソフトウェアがTwineです。Wikiっぽさのある面白いソフトウェア...

List

  • Premium_s 2015/03/25

使えるWebサービス・オープンソース(34)「メモ」

今回のテーマはメモです。メモは非常によく使うだけに種類も様々で、ニーズも多々あります。しかしデータは集約されてこそ意味があるので、なるべく一つのサービスを使い続けるのが良いでしょう。そこで自分のニーズにマッチしたWebサービスを使ったり、オープンソース・ソフトウェアを使って自分でカスタマイズして導入するというのがお勧め...

48880?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f04%2fscreenshot%25202014-04-21%252010.50.30_thumb.cc0571913b0224c8bf5d6ce2de256a8e

  • Premium_s 2014/12/09

2014年のトレンド振り返り(3)「HTML5」

前回分はこちら。- デザイン今回はHTML5について振り返ります。## 2014年10月についに勧告へHTML5の仕様策定がはじまって10年以上経ってようやく勧告となりました。これほど時間がかかったのは、おそらくiPhoneの登場によってWeb技術で実装して欲しい機能が大幅に増えたからと思われます。しかしその甲斐あって...

List

  • Premium_s 2014/10/21

世の中何でもviで。業務で使えるオープンソース(138)「vi/Vim」

今回のテーマはvi/Vimです。古参のプログラミングエディタでありつつも、今なお高い人気を誇ります。ちなみに筆者はEmacs派です。単純にvi/Vimといったソフトウェアで使われている他、そのキーバインドを他のソフトウェアでも使いたいという夢を叶えるソフトウェアもまた多数存在します。今回はそうしたvi/Vimライクな世...

List

  • Premium_s 2014/10/17

頭の中を整理整頓。業務で使えるオープンソース(137)「マインドマップ/アウトライナー」

今回のテーマはマインドマップです。ある課題に対する情報を構造化し、整理する上でとても役立つツールになります。また、人によっては議事録に使ったり、プロジェクトのタスク管理に使っていたりもします。そこで今回はマインドマップのお勧めな点と、各プラットフォーム向けのマインドマップソフトウェアを紹介します。## テーマは一つに絞...