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

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

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

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

もっと見る

List

  • 2015/01/27

GitHub jQuery Repo Widget – GitHubリポジトリを格好良く埋め込み表示

ブログや自分のWebサイトでGitHubのリポジトリを紹介したいと思うことがあります。リンクだけでは面白くありませんので、今風に埋め込み表示にしたいところでしょう。そこで使ってみたいのがGitHub jQuery Repo Widgetです。GitHubのリポジトリを格好良く埋め込み表示してくれるjQueryプラグイン...

List

  • 2015/01/27

GithubPulse - GitHub上での活動を可視化

オープンソース・ソフトウェアの開発は趣味からはじまることが多いです。そのため初期段階においては作っても作らなくても実は誰も困らなかったりします。モチベーションの維持がとても大切になります。自分や他の開発者がオープンソース・ソフトウェア開発をいかに活発に行っているか、それを可視化してくれるのがGithubPulseです。...

None

  • 2015/01/26

Rhebok – Unicornより高速なRackサーバ

RailsやSinatraアプリを立ち上げる際にはUnicornを使うことが多くなっています。しかしちょっと前であればMongrelを使ったり、Thinを使ったりとトレンドは移り変わってきました。Unicornについても同様でしょう。今回はUnicornの2倍のパフォーマンスをほこるRackサーバ、Rhebokを紹介し...

List

  • 2015/01/26

Hashpass - ドメインとキーを使ったパスワードジェネレータ

パスワード管理ソフトウェアは何を使っていますか。1Password、LastPass、KeyPassなど様々な形式がありますが、基本的にデータベースありきのシステムになっています。今回紹介するHashpassはデータベースを持たないパスワード管理となっています。さて、どのような仕組みになっているのでしょうか。## Ha...

List

  • 2015/01/25

Primrose – Canvasタグを使ったテキストエディタ

Primroseはどことなく変わった雰囲気のテキストエディタになります。Web上で動くのでテキストエリアを使っているかと言うとそうではありません。ハイライト処理にも対応しているのでスタイルシートを使っているかと言うと、そうではありません。なんとCanvasタグを使っており、その場で編集できるテキストエディタとなっていま...

None

  • 2015/01/25

xcv - CUIでもファイルのカット/コピー/ペースト

ファイルを操作するCLIコマンドと言えばcp/mv/rmなどがあります。対してWindowsやMac OSX、X Windowなどではファイルを選択してコピー、カット、ペーストを行うのが一般的です。そんなカット/コピー&ペーストをCLIでも実現するのがxcvです。面白い操作性になっています。## xcvの使い方xcvは...

List

  • 2015/01/24

lastpass-cli – LastPass公式のCLIクライアント

パスワード管理システムは何を使っていますか。筆者はLastPassを使っています。1Passwordを使っている方のが多い気もしますが、何となく早い段階からLastPass一択で遣い続けています。そんなLastPassはChromeやiOS、Android(スマートフォンはプレミアムでないといけませんが)でも利用できま...

None

  • 2015/01/24

node.js blob service gateway - VMWare社製のAmazon S3互換サーバ

Webサービスを構築する際にAmazon S3は欠かせない存在になっています。データを無制限に置いておけるサーバはそうそうなく、Amazon S3を使うことで容量制限を気にすることなくどんどんファイルを保存しておけます。そんなAmazon S3と互換性あるクラウドストレージがnode.js blob service g...

List

  • 2015/01/23

HeaderViewPagerScrollView – Google Play Newsstand風UIのデモアプリ

優れたUIを真似るのは、そこにある知識や試行錯誤を得るのに最適です。単に上辺だけを見るのではなく、なぜそのようなUIになっていて、なぜ優れていると感じるのかをコードをもって体感できます。特にそれはスマートフォンアプリにおいて有効です。UI/UXが重視されるだけに優れたデザインを真似してみると面白い知見が得られることでし...

List

  • Premium_s 2015/01/23

カンバン方式のタスク管理のお勧め

アジャイル開発が流行ってきた頃から注目を集めているのがカンバン方式です。個人的にも一番お勧めの方式になります。元々のトヨタのカンバン方式に比べるとずいぶん体裁は異なる気がしますが、ソフトウェア開発用にアレンジされていると捉えることもできるでしょう。今回はそんなカンバン方式のお勧めな点と、カンバン方式を採用するオープンソ...

None

  • 2015/01/23

Pushy - UIフレームワークに依存しないスライド式ナビゲーションメニュー

最近のWebサイトではサイドバーをなくして1カラムですっきりとしたデザインのサイトが増えています。そんな時にメニューをどう表示するかは問題です。1、2個であればヘッダーに並べても良いですが、複数あった場合はどうでしょう。そこで使ってみたいのがスマートフォンアプリでよくあるスライド式メニューです。Pushyを使えばスムー...

List

  • 2015/01/22

MaterialEditText – Androidアプリのテキスト入力をマテリアルデザイン化

マテリアルデザインが流行です。これまでのデザインと大きく違うのは単に見た目の話だけでなく、操作した時のアニメーションやハイライトなどプログラムで操作する部分が入り込んでいることでしょう。それだけに単に見た目だけを真似しても最適とは言えず、そこに快適なアニメーション制御という試行錯誤が必要です。今回はMaterialEd...

None

  • 2015/01/22

local-web-server - node製の開発用HTTPサーバ

ローカルでHTML/JavaScriptを使った開発やWebデザインを確認する際にはHTTPサーバを立てると思います。昔であればApacheをインストールしましたが、今はPythonのSimpleHTTPServerを使ったり、RubyでWebrickを使ってコマンド一つでサーバを立てることもできます。シンプルなのもい...

List

  • 2015/01/21

gopee – Go製のシンプルなWebプロキシ

プロキシには様々な使い方が考えられます。会社であればプロキシを経由することで危険なサイトを回避したり、キャッシュすることでネットワークアクセスを高速化できます。それ以外にも画像を最適化したり、Gzip圧縮したりするプロキシもあります。今回紹介するのはgopee、Go製のシンプルなWebプロキシです。シンプルなので要件に...

List

  • 2015/01/21

Orthogami - 組み立てられる立体ドット絵を生成

Minecraftに代表されるボクセル(Voxel)は8bitゲームの時代を彷彿とさせるデザインで人気があります。ペーパークラフトも幾つかあり、作ってみた経験がある方も多いのではないでしょうか。そんなVoxelモデルを実際に印刷して組み立てられる模型に展開してくれるのがOrthogamiです。好きなモデルを作ってみると...

List

  • 2015/01/20

Paperwork – PHP製のEvernoteクローン

Evernoteは便利なのですが、クラウド系でありつつもクライアントアプリやサーバが重たいような気がします。ノートを保存しておくという観点で考えるともっと軽快にストレスなく動作して欲しいと思うでしょう。そこで機能的には絞り込まれるものの、自前でノートアプリケーションを立ててしまうのはどうでしょう。今回はその一つ、Pap...

None

  • Premium_s 2015/01/20

IoTとオープンソースの関係

何となくバズワードになりそうで怖いのですが、2015年はIoTに注目が集まっています。デバイスがインターネットにつながってそのステータスを保存したり、スマートフォンや他のIoTデバイスと相互通信して発展していくための仕組みが整ってきています。今回はそんなIoTとオープンソースの関係について紹介します。## ハードウェア...

List

  • 2015/01/20

snabbt.js - DOM/テキストのシンプルなアニメーション

HTML5登場以降、JavaScriptやCSS3を使ったアニメーションが人気になっています。一言でアニメーションと言っても様々で、イラストを使ったものもあれば、単純にテキストやDOMを動かすと言った類のものもあります。今回紹介するsnabbt.jsは後者のシンプルなアニメーションライブラリになります。クリックやマウス...

List

  • 2015/01/19

PHPBack – 良いアイディアを集めよう。PHP製のフィードバックシステム

サービスを提供していて大事なのはユーザのフィードバックです。すべてをユーザの希望通りに作る必要はありませんが、ユーザの適切なフィードバックに対応するのはよりよいシステムを作るためにとても大事なことです。そこで今回はPHP製のフィードバックシステムであるPHPBackを紹介します。## PHPBackの使い方!アイディア...

List

  • 2015/01/19

Titon - モバイルファースト/レスポンシブなUIコンポーネント

最近はWebサービスやWebシステムのデザインを一から作ることも減ってきました。数多あるデザインフレームワークから選んだり、JavaScriptフレームワークが自然とデザインまで決めてくれることもあります。今回はモバイルやデスクトップ向けにUIコンポーネントを提供するTitonを紹介します。## Titonの使い方今回...