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

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

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

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

もっと見る

List

  • 2016/06/20

Lektor - GUIもある静的サイトジェネレータ

最近は静的サイトが人気です。その多くはMarkdownをコンテンツに使い、コマンドを叩いてウォッチしたり、ビルドすると言ったものになります。しかしターミナルを使うとデザイナーの方には使い勝手が悪く見えてしまいそうです。そこで使ってみたいのがLektorです。CLIも用意されていますが、GUIアプリケーションも用意された...

List

  • 2016/06/20

RichCSS - 再利用性の高いスタイルシートを作成

CSSはなんとなく書いてもそれなりに表示できてしまうため、適切に運用し続けるのが難しい技術です。企業によって様々なルールがあり、正解もなかなか見つかりません。むしろ一定の法則に載ってしまう方が楽と言えます。今回紹介するRichCSSもそんなスタイルシートフレームワークの一つになります。デザインフレームワークではないので...

List

  • 2016/06/19

gridfolio - グリッド主体のポートフォリオ

デザイナーの方にとってポートフォリオはとても大事です。デザインや写真を使って自分の実力をアピールすることで転職や新しい仕事の獲得につながるでしょう。そして、そのポートフォリオの見せ方も重要です。作品が良くても、肝心のポートフォリオサイトが変だったら実力が疑われてしまいます。そこで使ってみたいのがgridfolioです。...

List

  • 2016/06/19

Blogless - 手軽にコンテンツを書けるCMS

発信欲にかられて奮起してブログでもはじめようと思うことがあります。しかしシステムのセットアップであったり、各サービスの作法を覚えるのが面倒で面倒くさくなってしまう人も多いのではないでしょうか。今回はシンプルに使えるBloglessを紹介します。データベースを使わずさくっとコンテンツを作れるようになっています。## Bl...

List

  • 2016/06/18

phantomscanner - ポートチェックとスクリーンショット

社内でPC管理を行う際に大事な要素が余計なポートが開いていないかどうかのチェックです。特に80番ポートが開いていると悪意のあるウェブサイトを閲覧した際に攻撃される可能性があります。空いているポートをチェックするソフトウェアも多数ありますが、今回はphantomscannerを紹介します。ポートのチェックと一緒にスクリー...

List

  • 2016/06/18

WinQuickLook - さくっと内容確認。Windowsで使えるQuickLook

Mac OSXを使っていて便利なのがQuickLook機能です。スペースキーを押すだけでコンテンツの内容が確認できるというのはとても手軽で、一度使うと手放せない機能になります。Windowsにも欲しいと思う方は多いでしょう。そこで使ってみたいのがWinQuickLookです。QuickLookライクにスペースキーで使え...

None

  • Premium_s 2016/06/17

メンテナンス性の高いサービスを維持する

システムの負債化というのが度々話題になります。自社サービスはもちろん、クライアント向けのシステムであっても数年経った後のメンテナンス作業というのはとても大変です。最初はそんなことないのですが、一年も経つと劣化が激しくなります。そこで今回はメンテナンスしやすいシステムを維持するために考えておきたいことをリストアップします...

List

  • 2016/06/17

Sitecake - ドラッグ&ドロップ重視のCMS

CMSというとWYSIWYGを使ってコンテンツを作成していくイメージがあります。その際に使うのはキーボードがメインで、入力していくというイメージです。そんな概念を壊してくれそうなCMSが現れました。PHP製のCMS、Sitecakeなのですがコンテンツをドラッグ&ドロップで作っていく、そんな新しいコンセプトのCMSです...

None

  • 2016/06/17

github-nippou - GitHubから日報を作成

プログラマの成果は書いたコード、対応したIssueに現れます。それなのに日報を出すとなると「○○システム開発 5時間」なんて書いてしまったりします。これでは具体性がなく、状態の善し悪しも分かりません。そこで使ってみたいのがgithub-nippouです。GitHubを使って日々の開発を管理しているならば試してみると良い...

List

  • 2016/06/16

Yarrow - アニメーションする矢印をSVGで作成

SVGコンテンツの面白いところとして、Flashのようなアニメーションもサポートしていると言うことです。コンテンツを徐々に描いていくようにすれば良いだけなのですが、手作業で実現するのは無理があるでしょう。そこで使ってみたいのがYarrowです。HTMLのプレゼンなどと組み合わせると効果的かも知れません。## Yarro...

List

  • 2016/06/16

SVG panzoom - SVGのズームイン/アウト機能を提供

Web上でSVGが多く使われるようになってきました。SVGの利点の一つに挙げられるのが、ベクターなので拡大しても綺麗ということです。拡大や縮小するというのは、情報の粒度を自分で変更したいという時に便利です。そこで紹介したいのがSVG panzoomです。その名の通り、SVGのズームイン/アウトを実現するためのライブラリ...

List

  • 2016/06/15

Social Share URLs - 各種ソーシャルサービスへのシェアボタンを生成

Web上でコンテンツをより多くの人に見てもらおうと思ったらシェアする機能が欠かせません。Facebook、Twitterは基本として、他にもたくさんのソーシャル系サービスが存在します。そんな各種サービスに対応したシェア機能を提供するのがSocial Share URLsです。JavaScriptで簡単に実装できます。#...

List

  • 2016/06/15

handsontable - グリッド表示にExcel並の機能を

業務システムと言えばグリッド、テーブルが求められます。最初はHTMLで簡単に作成するのですが、すぐに追加の機能が求められます。ソート、フィルタリング、ヘッダーや左側の列を固定して欲しいと言った具合です。そんな厄介な要望をスクラッチで対応していたのではとても時間がかかってしまいます。ぜひhandsontableを試してみ...

None

  • Premium_s 2016/06/15

業務で使えるオープンソース(195)「メモ」

日々の業務でちゃんとメモを取っていますか。その場では覚えられても、1ヶ月もすれば大抵のことは忘れてしまうものです。人の脳はストレージとして考えると性能が悪いので、なるべくメモをとって形に残るようにしておかなければなりません。そこで今回は主なメモ環境と関連オープンソース・ソフトウェアについて紹介します。## ノートオフラ...

List

  • 2016/06/14

mov2gif - 手持ちの動画をさくっとアニメーションGIFに変換

最近、アニメーションGIFを使ってソフトウェアの操作を表現することが多くなっています。YouTubeなどに比べると簡単に、繰り返し見られる動画が作れるのが利点です。その際の素材として、動画から変換するというケースはよくあります。今回紹介するオープンソース・ソフトウェアはmov2gif、動画をアニメーションGIFに変換し...

None

  • 2016/06/14

pretty-bytes-cli - 数値をバイト数に変換

プログラマであれば当たり前ですが、1kBは1,000 byteではありません。1,024 byteながら便宜上分かりやすい1kBと表記しています。同様に1GBも1,024MBであって、バイト数からの換算は非常に面倒です。皆さんも人に説明したり、ドキュメントで書く際に1,024で割って計算した経験があるはずです。そんな面...

List

  • 2016/06/13

atrament.js - スムーズな線の描けるドローソフトウェア

今なお個人的に好きなソフトウェアがSkitchです。Evernoteに買収されてしまいましたが、一番シンプルで使いやすかったバージョン1系を未だに使っています。何よりいいのがマウスで線を描いたとしても滑らかな曲線に置き換えてくれる機能です。そんなSkitchを彷彿とさせるソフトウェアがatrament.jsです。Jav...

List

  • 2016/06/13

Swagger Editor - Swaggerフォーマットの編集とコード生成

SwaggerはWeb APIの標準記述フォーマットとして知られつつあります。標準ができるということは、それを使っていれば同じデータを使って他のフォーマットやサービスで使うことができるようになります。すでにコード生成ライブラリなどが作られていますが、今回はSwagger向けのドキュメントを作れるSwagger Edit...

List

  • 2016/06/12

Zebra - リッチなUIが作れるWebアプリケーションフレームワーク

HTML5によってUI周りは大きく改善されましたが、それでもまだまだ物足りないと感じることは多いです。その結果、外部ライブラリを導入せざるを得ず、互換性や組み合わせによる不具合が発生することもあります。今回は多くのリッチなUIライブラリを提供するZebraを紹介します。Zebraを使えば他のライブラリを使わずともリッチ...

List

  • 2016/06/12

Crowi - MarkdownとWikiを組み合わせた組織用コミュニケーションツール

メモというのは大事なもので、蓄積されたメモは後々大きな意味をもってきます。そのためにも手軽に、かつ一カ所にまとめて書けるようになっていなければなりません。散在したメモは探すコストが大きく、役に立ちません。会社であればメモはみんな一カ所に書きためるべきです。それによって知らなかった新しい知識に辿り着けます。それを可能にす...