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

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

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

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

もっと見る

None

  • 2016/06/22

qiitactl - Qiitaの投稿を管理できるGo製のコマンド

プログラマ向けのブログ(兼メモ)サービスとして知られているQiitaですが、基本はWebブラウザ上で文章を書いてそのまま投稿します。エディタはシンプルで使いやすいのですが、白背景ではいやだ、フォントは自分の好きなものが良いといった具合に細かいこだわりがあるでしょう。そこで紹介したいのが自分の好きなMarkdownエディ...

List

  • 2016/06/21

BackgroundMusic - 使用中のソフトウェアによって音量を自動調整

音楽を流しながら仕事をしている人は多いです。集中力をあげてくれたり、気分を向上させることで生産性を高めてくれる効果があります。しかし音量によっては集中力が削がれてしまうケースもあります。そこで使ってみたいのがBackgroundMusicです。使っているソフトウェアによって音量を上下してくれるユーティリティです。## ...

None

  • Premium_s 2016/06/21

注意したい、ユーザをイラつかせる10の要素

今回はWebサイトやアプリなど、利用者に対してサービスを提供する中でユーザがストレスを感じる項目について考えてみたいと思います。コンサルティングなどで依頼されるのですが、多くの場合答えは決まっていたりするものです。なお、Webとアプリで共通するような動きを求める傾向がありますが(Webでぬるぬるした動きなど)、多くの場...

List

  • 2016/06/21

micro - Windowsで使われているキーバインドが使えるコンソール用テキストエディタ

Linuxでデフォルトで入っているエディタはviです。人によっては(筆者のように)とりあえずEmacsをインストールする人もいます。どちらも昔からあるエディタですが、キーバインドが特殊で、Windowsを使ってきた人にすると取っつきが悪いかも知れません。サーバの操作などはミスがないよう使い慣れたキーバインドで使えるのが...

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で割って計算した経験があるはずです。そんな面...