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

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

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

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

もっと見る

List

  • 2016/03/10

devtool - ChromeのDevToolsを使ったnodeデバッガー

nodeを使ったソフトウェア、開発案件が増えてきています。そして開発を効率的に行うために必要なのがデバッグツールです。皆さんは何を使っているでしょう。今回紹介するのはChrome/Chromiumで使われているDevToolsを使ってnodeアプリをデバッグできるdevtoolです。## devtoolの使い方devt...

List

  • 2016/03/10

WithSchemaEditor - Electron製。マルチプラットフォーム対応のJSONエディタ

Web APIを使った開発や設定ファイルなどでJSONが使われるケースが増えています。XMLほど冗長的でなく、多数の言語でライブラリが提供されていることが大きいでしょう。そんなJSONですが、テキストのままでは読みづらく、構造の確認や修正がしづらいといった問題があります。そこで使ってみたいのがWithSchemaEdi...

None

  • 2016/03/09

dinghy - Mac OSXでのDocker利用をさらに便利に

Mac OSXではVirtualBoxやVMWareなどを使ってDockerを使えるようになっています。開発する際などに便利なのですが、若干の問題点もありました。特にファイル共有周りの問題が大きかったように思います。そこで使ってみたいのがdinghyです。Mac OSX上でのDocker利用を便利に、簡単にしてくれるソ...

List

  • 2016/03/09

ReadRemaining.js - 読了するのにかかる時間は?

時間は有限です。そのため、ちょっとした空き時間に長文を読ませようというのは無理があります。ざっとスクロールしてもの凄く長かったら読むのをあきらめてしまうのではないでしょうか。しかし読むのにかかる時間は読んでいる速度に関係します。そこで使ってみたいのがReadRemaining.jsです。## ReadRemaining...

List

  • 2016/03/08

Responsible.js - スマートフォン向けにフルサイズ表示をシミュレート

レスポンシブWebデザインは訪れたブラウザのウィンドウ幅によって見せるコンテンツを切り替えます。そのため、PCのブラウザであっても画面幅を縮めればスマートフォン用の見栄えをチェックすることができます。しかし時によってはスマートフォンであってもPCブラウザ向けの表示でブラウジングしたい時があるはずです。そんな時に使えるの...

None

  • Premium_s 2016/03/08

業務で使えるオープンソース(183)「HTMLメール」

今回のテーマはHTMLメールです。日本ではまだあまり好かれていないHTMLメールですが、マーケティング領域ではずいぶん使われるようになっています。今回はHTMLメールの利点と、テンプレートになるオープンソース・ソフトウェアを紹介します。### 見た目のインパクトテキストメールと比べて見た目のインパクトはやはりHTMLメ...

List

  • 2016/03/08

Devices - Facebook製のデバイス画像集

スマートフォンはそろそろ頭打ちと言われていますが、タブレットやスマートウォッチなど関連デバイスが増えています。さらにAndroidでは多様性があり、数多くの企業がデバイスを開発しています。そんな中でスマートフォンアプリであったり、関連ビジネスを企画するさいに使えるデザインテンプレートをFacebookがリリースしました...

List

  • 2016/03/07

Elemental UI - React用のUIフレームワーク

Reactを使うと、デザイナとプログラマの分業が難しくなります。そこは致し方ない部分もあるのですが、デザインが面倒に感じられてしまいます。そこでReactで使えるUIフレームワークを使いましょう。今回はElemental UIを紹介します。## Elemental UIの使い方スクリーンショットを多めに紹介します。まず...

None

  • 2016/03/07

Git Issues - Gitリポジトリを使った課題管理

開発プロジェクトのタスク管理はリポジトリの近くにあるのがオススメです。GitHubではWeb上にIssue機能を実装し、コードを参照にしつつ課題管理ができます。Git Issuesは任意のディレクトリを使って課題管理ができるソフトウェアです。データの管理にはGitリポジトリを使っています。## Git Issuesの使...

List

  • 2016/03/06

ln - 線を組み合わせて3Dを生成

3Dというと3D CADやグラフィックスソフトウェアを使って描かれたポリゴンや滑らかなテクスチャのものを思い浮かべるのではないでしょうか。今回はそういった3Dではなく、線を使って立体物を描き出すlnを紹介します。## lnの使い方lnはGo製のスクリプトで3Dを描きます。例えば一例です。線の幅や間隔を変えることで立体的...

List

  • 2016/03/06

Generator Chrome Extension - Google Chrome機能拡張のベースを生成

Google Chromeがいくら便利だと言っても、全ユーザがデフォルトの機能で満足できるわけではありません。Chromeの利便性はサードパーティー製の機能拡張によって支えられている面が大きいでしょう。そこで今回はGoogle Chrome機能拡張を作る際に使えるGenerator Chrome Extensionを紹...

List

  • 2016/03/05

Goad - AWS Lambdaを使ったロードテスト

AWS Lambdaが人気です。サーバレスアーキテクチャを担うのはもちろんのこと、APIを手軽に作成することもできます。アイディア次第で様々な使い方ができるでしょう。今回はGoad、Lambdaを使ったHTTPロードテストを紹介します。### Goadの使い方GoadはCLIで実行します。リージョンを指定しますので、海...

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の使い方スクリーンショットを多めに紹介します。まずは基本となるグリッドです。!