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

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

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

2017/10/03
面倒な仕事は分解しよう
2017/09/26
人と違うことをしよう
2017/09/20
アウトプット重視の働き方

もっと見る

List

  • 2016/02/18

CMS.js - クライアントサイドで動作するCMS

Webサイトの基本といえばCMSです。そのため、Web表示に使えるプログラミング言語があればまず作られるのがCMSと言えます。今回紹介するCMS.jsもそんなCMSの一つです。プログラミング言語としてJavaScriptを使っています。## CMS.jsの使い方CMS.jsはJekyllを使っており、実際の描画はクライ...

List

  • 2016/02/17

Js-geolocation - クライアントサイドで使える位置情報取得ライブラリ

ユーザ登録の際に住所や都道府県を入力させるWebサービスはたくさんあります。また、グローバルなサイトによっては国や地域を選択させる場合もあります。ああいった入力は非常に面倒で、インターネットサービスであればアクセス情報を使ってもっとスマートに解決できるはずです。そこで使ってみたいのがJs-geolocationになりま...

List

  • 2016/02/17

Pacman in HTML 5 Canvas - さぁ遊ぼう!HTML5製のパックマン

以前Googleがロゴをパックマンにしたことがありました。みんなそれに飛びついて遊び続け、経済的損失が1億2,048億ドルに達したと言われています。単純だけど、それだけにハマってしまう…それがパックマンの魅力と言えるでしょう。今回はそんなパックマンの恐怖再び、というHTML5ベースのパックマン、Pacman in HT...

List

  • 2016/02/16

Snapdrop - これは便利!WebベースのAirDrop

Mac OSXやiOSで使えるAirDropは便利で、近くにいる人(デバイス)と簡単にファイルを送りあうことができます。AndroidやWindowsなど、他のデバイスでも同じことがしたいと思うケースは多々あります。擬似的に似たようなことができるアプリもあるのですが、Snapdropはなんとアプリのインストール不要で使...

List

  • 2016/02/16

Redshift - 時刻に応じてディスプレイカラーを自動調整

コンピュータ業界の人たちは目を酷使する職業です。ブルーライトをカットする眼鏡であったり、目を休めるためのツールもたくさん販売されています。特に夕方から目が辛いという方は多いようです。そんな方に使ってみて欲しいのがRedshiftです。時刻に応じたディスプレイ色の調整を行ってくれます。## Redshiftの使い方Red...

List

  • 2016/02/15

Compass - GitHubのコードブラウジングを快適にしてくれるGoogle Chrome機能拡張

GitHubのファイルブラウザは良くできているので、ライブラリをわざわざダウンロードすることなく動作を確認するのに便利です。しかしライブラリによっては多くのディレクトリに分かれているため、ナビゲーションが面倒に感じることもあります。そこで使ってみたいのがCompassです。Google Chrome向けにスムーズなGi...

List

  • 2016/02/15

apex - Amazon Lambdaを手軽に管理/デプロイ

AWSのLambdaはサーバがなくともWeb APIが作れるなど、開発者にとって便利なツールに可能性を感じさせます。とは言え開発したコードをZip圧縮してアップロードして…というのは意外と手間です。そこで使ってみたいのがapexです。Lambdaに対応した各種言語が扱えるLambda管理ツールです。## apexの使い...

List

  • 2016/02/14

Git Draw - GitHubのアクティビティグラフを自由に描く

GitHubには開発への参加具合がアクティビティグラフによって分かるようになっています。毎日開発しようと思っている人であればグラフがオールグリーンを目指すのではないでしょうか。そんなグラフを自分の自由な感じに加工できてしまうのがGit Drawです。元々の趣旨が意味なくなってしまう気もしますが面白いのでどうぞ。## G...

List

  • 2016/02/14

Screenshot as a Service - Webサイトのスクリーンショットを保存するコマンド

Webサイトのスクリーンショットは色々な場面で使われます。ニュース系サイトであったり、Webサイトを紹介するブックマーク的なサイトでも使われるでしょう。そんなスクリーンショットを一つ一つ手動で保存していたら時間がかかってしまいます。そこで使ってみたいのがScreenshot as a Serviceです。Webサイトを...

List

  • 2016/02/13

FractalJS - JavaScriptで描くフラクタル画像

印象的なひょうたん風の図形と、幾ら拡大しても幾何学的図形が繰り返されていくフラクタル画像。ついついズームを繰り返していって、いつか終わるが来るのではないかと見入ってしまう魅力があります。そんなフラクタル画像をWeb上で実現してくれるのがFractalJSです。多くのパターンがありますのでぜひ色々試してみてください。##...

List

  • 2016/02/13

Dinos - HTML5を活用。日本製WebOS

HTML5の高い表現力とJavaScriptのパワーが合わさることで、かつてのコンピュータ上で実行されていたものがWebブラウザ上で再現できるようになっています。ChromeOSはその最たるものと言えるでしょう。HTML5を使ってどこまでできるのか、それに挑戦したのがDinosです。いわゆるWebOSと呼ばれるソフトウ...

None

  • 2016/02/12

pangaea - JavaScriptが使えるGo製のテキストプリプロセッサ

開発の中でテンプレートを使うことは当たり前になっています。そうすることでデザインとコードとを分離したり、繰り返しの処理などを簡略化して書けるようになります。そんな便利なテンプレートをプログラミングでしか使えないのは勿体ないでしょう。そこで使ってみたいのがpangaeaです。Go製のテンプレートエンジンで、普段のテキスト...

None

  • Premium_s 2016/02/12

業務で使えるオープンソース(178)「プログラミングエディタ」

今回のテーマはプログラミングエディタです。個人的には昨年からEmacsからAtomに移行しました。理由は幾つかありますが、最新の開発環境(JSX、CoffeeScript、Gulpなど)への対応がEmacsよりもAtomのが早かったこと、Atomでも巨大なファイルが問題なく開けるようになった、拡張がCommon Lis...

List

  • 2016/02/12

DevTools Remote - Google ChromeのDevToolsをリモート操作

Google ChromeのDevToolsはフロントエンド開発に欠かせない存在です。通常、表示されているHTMLとDevToolsはセットで使われますが、必ずしもそうなっていなければいけない訳ではありません。その実証コードとして紹介したいのがDevTools Remoteです。DevToolsをリモートから操作できる...

List

  • 2016/02/11

SVGnest - 工作加工に。一つの部材から効率的に部品を切り出す

最近、IoTもあって工作が流行っています。3Dプリンタもありますが、CNC旋盤のように予めコンピューティングした上で加工してくれる機械もあります。そこで大事になるのが素材の切り出し法です。同じ部材からでも切り出す部品を上手に隙間なく並べることで無駄なく取り出せるようになります。そのための計算を行ってくれるのがSVGne...

List

  • 2016/02/11

Philter - Webブラウザ上の写真加工ライブラリ

サイト上で写真を綺麗に見せようと思ったら多少の加工は欠かせません。しかし大量にある写真を一つ一つメンテナンスするのは大変ですし、加工前の写真も保存しておくと容量が2倍必要になってしまいます。そこで使ってみたいのがJavaScript、つまりクライアントサイドでの写真加工です。今回はPhilterを紹介します。## Ph...

List

  • 2016/02/10

Pokémon Showdown - 世界中のトレーナーとポケモンバトル!

ポケモンと言えば自分で育てたポケモンたちをライバルと戦わせて楽しむのが醍醐味と言えます。カードバトルや通信を使ったバトルもありますが、近くにプレーヤがいないといけないのがネックです。そこで作られているのがPokémon Showdownです。世界中のポケモントレーナーと対戦できる、ポケモンバトルサーバです。## Pok...

List

  • 2016/02/10

iOS 8 Custom Keyboard Extension Template - iOSのカスタムキーボードを作ろう!

iOS 8から、キーボードを自作できるようになりました。それによってATOKがアプリに参入したのは記憶に新しいでしょう。様々な制限はありますが、それでも入力系を自分で変更できるようになったのは大きいです。今回はそんなカスタムキーボードを作るためのテンプレートになる、iOS 8 Custom Keyboard Exten...

List

  • Premium_s 2016/02/09

業務で使えるオープンソース(177)「JavaScript実行環境」

今回のテーマはJavaScript実行環境です。jsdo.itが残念ながら譲渡されるとのことで、多くのユーザがアカウント削除にいたっています。とはいえ、こういったサービスが使えなくなるのも残念なことです。海外を考えれば他にも選択肢がありますが(CodePenなど)、今回はオープンソース・ソフトウェアでの代替を考えてみた...

List

  • 2016/02/09

MaterialNote - マテリアルデザインのWYSIWYGエディタ

WYSIWYGなエディタはたくさんあります。昔はリッチで機能が多いものが良いとされてきましたが、最近ではなるべくシンプルによく使われる機能だけを提供するというものが増えています。今回紹介するのはMaterialNote、デザイン性の優れたWYSIWYGエディタです。## MaterialNoteの使い方これがMater...